/* all vars */
/* HDS Colors 2019 Use these colors!!! */
/* Main colors */
/* Complementary colors */
/* Background colors */
/* Black and grays */
/* Box Shadows */
/* DEPRECATED: Colors below this line are deprecated */
/* ----------------------------------------------------------------------------- */
/* colors from Styleguide 2.0   http://cowa.shbmain.shb.biz/SHB/DINFO/STYG/styg.nsf/view.xsp?tab=B3F472782C047ACEC1257B86002B2620&label=Web%20%282.0%29&restrictToCategory=91DF8B2F74B8EA8CC1257D4D004F2620 */
/* Same as shb-cyan7 */
/* End of colors from Styleguide 2.0 */
/* palette colors */
/* styleguide: hover bg dark */
/* styleguide: border color blue */
/* styleguide: profile light blue */
/* styelguide: footer blue bg */
/* styleguide: hover bg */
/* styleguide: grouping header in modules */
/* styleguide: text dark grey */
/* styleguide: text grey */
/* styleguide: watermark */
/* styleguide: border color dark */
/* styleguide: border color */
/* styleguide: header bg color */
/* styleguide: table(grid) header bg, body bg */
/* styleguide: table header sorted */
/* TODO: ej i styleguide (hr-tag inet) (byt till gray12) */
/* module border color */
/* styleguide: två namn:  link color + logotype color */
/* TODO: #222 enligt styleguide / #000 finns ej i styleguide */
/* Article colors */
/* blue */
/* green */
/* orange */
/* pink */
/* Style guide names */
/* -- end palette colors */
/* Naming conventions:
1. -color always as last part of variable name??
2. When do we use underscore and when do we not use it? */
/* general colors */
/* OLD definitions */
/* used to be $jedi-hover-color */
/* used to be $jedi-active-text-1 */
/* megamenu */
/* header */
/* module */
/* lightbox */
/* footer */
/* topmenu */
/* tool */
/* settings */
/* tabpanel */
/* grid */
/* Iframe */
/* framed seciton */
/* Tabsurface */
/* CMS */
/* When an parent has no padding to its' direct child and */
/* both have border-radii, the inner element must have */
/* a smaller radius to avoid glitches between the two */
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
/*
Break points taken originally from (Twitter) Bootstrap

Extra extra small - Should be removed when iphone 5 is gone
Extra small devices "Phones" (<768px)
Small devices "Tablets" (≥768px)
Medium devices "Desktops" (≥992px)
Large devices "Desktops" (≥1200px)

*/
/* mixing and vars for responsive design */
/*
This mixin applies the rules if the media query is met OR if the site is non responsive (marked with .non-responsive on body)
*/
/*
This mixin applies the rules if the media query is met AND if the site is responsive (NOT marked with .non-responsive on body)
*/
/* all mixins */
/* example usage: .box-shadow(0 0 4px #888) */
/* Border radius all corners */
/* Border radius top left */
/* Border radius top right */
/* Border radius top right and left */
/* Border radius bottom left */
/* Border radius bottom right */
/* Border radius bottom right and left */
/* @import "general/_base"; */
/* file is generated by 'grunt sprites', don't edit, check in when re-generated */
/* internal helper mixins */
/* end internal */
/* Sprite mixin when using <i>-tag */
/* Sprite mixins when not using <i>-tag */
/* Use to mixin a background icon
Optionally adjust X and/or Y position by numeric values, e.g. 4 or 4px or -2 or -6px

Usage:
.my-link {
    .shb-sprite(@icon--link--xsmall);                 alt 1
    .shb-sprite(@icon--link--xsmall, 4);              alt 2
    .shb-sprite(@icon--link--xsmall, 4, 2);           alt 3
    .shb-sprite(@icon--link--xsmall, 4, 2);           alt 4
    .shb-sprite(@icon--link--xsmall, @adjust-x: 4);   alt 5
    .shb-sprite(@icon--link--xsmall, @adjust-y: -2);  alt 6
} */
/* Use to mixin a RIGHT adjusted background icon
Optionally adjust Y position by numeric value

Usage:
.my-link {
    .shb-sprite(@icon--link--xsmall, right);        alt 1
    .shb-sprite(@icon--link--xsmall, right, -4px);  alt 2
    .shb-sprite(@icon--link--xsmall, right, -4);    alt 3
    .shb-sprite(@icon--link--xsmall, right,  8);    alt 4
} */
/* Use to mixin a CENTER adjusted background icon
Optionally adjust Y position by numeric value

Usage:
.my-link {
    .shb-sprite(@icon--link--xsmall, center);        alt 1
    .shb-sprite(@icon--link--xsmall, center, -4px);  alt 2
    .shb-sprite(@icon--link--xsmall, center, -4);    alt 3
    .shb-sprite(@icon--link--xsmall, center,  8);    alt 4
} */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}
/* Sections
   ========================================================================== */
/**
   * Remove the margin in all browsers.
   */
body {
  margin: 0;
}
/**
   * Render the `main` element consistently in IE.
   */
main {
  display: block;
}
/**
   * Correct the font size and margin on `h1` elements within `section` and
   * `article` contexts in Chrome, Firefox, and Safari.
   */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
   * 1. Add the correct box sizing in Firefox.
   * 2. Show the overflow in Edge and IE.
   */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */
}
/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
   * Remove the gray background on active links in IE 10.
   */
a {
  background-color: transparent;
}
/**
   * 1. Remove the bottom border in Chrome 57-
   * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
   */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */
}
/**
   * Add the correct font weight in Chrome, Edge, and Safari.
   */
b,
strong {
  font-weight: bolder;
}
/**
   * 1. Correct the inheritance and scaling of font size in all browsers.
   * 2. Correct the odd `em` font sizing in all browsers.
   */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */
}
/**
   * Add the correct font size in all browsers.
   */
small {
  font-size: 80%;
}
/**
   * Prevent `sub` and `sup` elements from affecting the line height in
   * all browsers.
   */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
   * Remove the border on images inside links in IE 10.
   */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
   * 1. Change the font styles in all browsers.
   * 2. Remove the margin in Firefox and Safari.
   */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}
/**
   * Show the overflow in IE.
   * 1. Show the overflow in Edge.
   */
button,
input {
  /* 1 */
  overflow: visible;
}
/**
   * Remove the inheritance of text transform in Edge, Firefox, and IE.
   * 1. Remove the inheritance of text transform in Firefox.
   */
button,
select {
  /* 1 */
  text-transform: none;
}
/**
   * Correct the inability to style clickable types in iOS and Safari.
   */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
/**
   * Remove the inner border and padding in Firefox.
   */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
   * Restore the focus styles unset by the previous rule.
   */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
   * Correct the padding in Firefox.
   */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
   * 1. Correct the text wrapping in Edge and IE.
   * 2. Correct the color inheritance from `fieldset` elements in IE.
   * 3. Remove the padding so developers are not caught out when they zero out
   *    `fieldset` elements in all browsers.
   */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */
}
/**
   * Add the correct vertical alignment in Chrome, Firefox, and Opera.
   */
progress {
  vertical-align: baseline;
}
/**
   * Remove the default vertical scrollbar in IE 10+.
   */
textarea {
  overflow: auto;
}
/**
   * 1. Add the correct box sizing in IE 10.
   * 2. Remove the padding in IE 10.
   */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}
/**
   * Correct the cursor style of increment and decrement buttons in Chrome.
   */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
   * 1. Correct the odd appearance in Chrome and Safari.
   * 2. Correct the outline style in Safari.
   */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */
}
/**
   * Remove the inner padding in Chrome and Safari on macOS.
   */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
   * 1. Correct the inability to style clickable types in iOS and Safari.
   * 2. Change font properties to `inherit` in Safari.
   */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */
}
/* Interactive
   ========================================================================== */
/*
   * Add the correct display in Edge, IE 10+, and Firefox.
   */
details {
  display: block;
}
/*
   * Add the correct display in all browsers.
   */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
   * Add the correct display in IE 10+.
   */
template {
  display: none;
}
/**
   * Add the correct display in IE 10.
   */
[hidden] {
  display: none;
}
.react-vis-magic-css-import-rule {
  display: inherit;
}
.rv-treemap {
  font-size: 12px;
  position: relative;
}
.rv-treemap__leaf {
  overflow: hidden;
  position: absolute;
}
.rv-treemap__leaf--circle {
  align-items: center;
  border-radius: 100%;
  display: flex;
  justify-content: center;
}
.rv-treemap__leaf__content {
  overflow: hidden;
  padding: 10px;
  text-overflow: ellipsis;
}
.rv-xy-plot {
  color: #c3c3c3;
  position: relative;
}
.rv-xy-plot canvas {
  pointer-events: none;
}
.rv-xy-plot .rv-xy-canvas {
  pointer-events: none;
  position: absolute;
}
.rv-xy-plot__inner {
  display: block;
}
.rv-xy-plot__axis__line {
  fill: none;
  stroke-width: 2px;
  stroke: #e6e6e9;
}
.rv-xy-plot__axis__tick__line {
  stroke: #e6e6e9;
}
.rv-xy-plot__axis__tick__text {
  fill: #6b6b76;
  font-size: 11px;
}
.rv-xy-plot__axis__title text {
  fill: #6b6b76;
  font-size: 11px;
}
.rv-xy-plot__grid-lines__line {
  stroke: #e6e6e9;
}
.rv-xy-plot__circular-grid-lines__line {
  fill-opacity: 0;
  stroke: #e6e6e9;
}
.rv-xy-plot__series,
.rv-xy-plot__series path {
  pointer-events: all;
}
.rv-xy-plot__series--line {
  fill: none;
  stroke: #000;
  stroke-width: 2px;
}
.rv-crosshair {
  position: absolute;
  font-size: 11px;
  pointer-events: none;
}
.rv-crosshair__line {
  background: #47d3d9;
  width: 1px;
}
.rv-crosshair__inner {
  position: absolute;
  text-align: left;
  top: 0;
}
.rv-crosshair__inner__content {
  border-radius: 4px;
  background: #3a3a48;
  color: #fff;
  font-size: 12px;
  padding: 7px 10px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}
.rv-crosshair__inner--left {
  right: 4px;
}
.rv-crosshair__inner--right {
  left: 4px;
}
.rv-crosshair__title {
  font-weight: bold;
  white-space: nowrap;
}
.rv-crosshair__item {
  white-space: nowrap;
}
.rv-hint {
  position: absolute;
  pointer-events: none;
}
.rv-hint__content {
  border-radius: 4px;
  padding: 7px 10px;
  font-size: 12px;
  background: #3a3a48;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  color: #fff;
  text-align: left;
  white-space: nowrap;
}
.rv-discrete-color-legend {
  box-sizing: border-box;
  overflow-y: auto;
  font-size: 12px;
}
.rv-discrete-color-legend.horizontal {
  white-space: nowrap;
}
.rv-discrete-color-legend-item {
  color: #3a3a48;
  border-radius: 1px;
  padding: 9px 10px;
}
.rv-discrete-color-legend-item.horizontal {
  display: inline-block;
}
.rv-discrete-color-legend-item.horizontal .rv-discrete-color-legend-item__title {
  margin-left: 0;
  display: block;
}
.rv-discrete-color-legend-item__color {
  display: inline-block;
  vertical-align: middle;
  overflow: visible;
}
.rv-discrete-color-legend-item__color__path {
  stroke: #dcdcdc;
  stroke-width: 2px;
}
.rv-discrete-color-legend-item__title {
  margin-left: 10px;
}
.rv-discrete-color-legend-item.disabled {
  color: #b8b8b8;
}
.rv-discrete-color-legend-item.clickable {
  cursor: pointer;
}
.rv-discrete-color-legend-item.clickable:hover {
  background: #f9f9f9;
}
.rv-search-wrapper {
  display: flex;
  flex-direction: column;
}
.rv-search-wrapper__form {
  flex: 0;
}
.rv-search-wrapper__form__input {
  width: 100%;
  color: #a6a6a5;
  border: 1px solid #e5e5e4;
  padding: 7px 10px;
  font-size: 12px;
  box-sizing: border-box;
  border-radius: 2px;
  margin: 0 0 9px;
  outline: 0;
}
.rv-search-wrapper__contents {
  flex: 1;
  overflow: auto;
}
.rv-continuous-color-legend {
  font-size: 12px;
}
.rv-continuous-color-legend .rv-gradient {
  height: 4px;
  border-radius: 2px;
  margin-bottom: 5px;
}
.rv-continuous-size-legend {
  font-size: 12px;
}
.rv-continuous-size-legend .rv-bubbles {
  text-align: justify;
  overflow: hidden;
  margin-bottom: 5px;
  width: 100%;
}
.rv-continuous-size-legend .rv-bubble {
  background: #d8d9dc;
  display: inline-block;
  vertical-align: bottom;
}
.rv-continuous-size-legend .rv-spacer {
  display: inline-block;
  font-size: 0;
  line-height: 0;
  width: 100%;
}
.rv-legend-titles {
  height: 16px;
  position: relative;
}
.rv-legend-titles__left,
.rv-legend-titles__right,
.rv-legend-titles__center {
  position: absolute;
  white-space: nowrap;
  overflow: hidden;
}
.rv-legend-titles__center {
  display: block;
  text-align: center;
  width: 100%;
}
.rv-legend-titles__right {
  right: 0;
}
.rv-radial-chart .rv-xy-plot__series--label {
  pointer-events: none;
}
/* application */
body.shb-user-is-not-tabbing *:focus {
  outline: none !important;
}
/* Icon fonts */
@font-face {
  font-family: "shb-iconfont";
  src: url("../../../fonts/jedi/base/kit/shb-iconfont.eot?5b11327f00eef2cc088c20508f1c7541?#iefix") format("embedded-opentype"), url("../../../fonts/jedi/base/kit/shb-iconfont.woff?5b11327f00eef2cc088c20508f1c7541") format("woff");
}
.icon {
  line-height: 1;
}
.icon:before {
  font-family: shb-iconfont, sans-serif !important;
  font-style: normal;
  font-weight: normal !important;
  vertical-align: top;
}
.icon-check:before {
  content: "\2713";
}
.icon-rightwards_openheaded_arrow:before {
  content: "\3e";
}
.icon-arrow_fat:before {
  content: "\f101";
}
.icon-arrow_line_down:before {
  content: "\f102";
}
.icon-arrow_link:before {
  content: "\f103";
}
.icon-check_25x25:before {
  content: "\f104";
}
.icon-icon_inputClear:before {
  content: "\f105";
}
.icon-largecircle:before {
  content: "\f106";
}
.icon-search:before {
  content: "\f107";
}
.icon-window_new:before {
  content: "\f108";
}
/* accessibility */
.shb--screen-reader,
.shb-screen-reader-focusable {
  position: fixed;
  left: -10000px;
  width: 0;
  overflow: hidden;
}
@media print {
  .shb--screen-reader,
  .shb-screen-reader-focusable {
    display: none;
  }
}
.shb--screen-reader--same-level {
  position: absolute;
}
.shb-screen-reader-focusable:focus {
  left: 0px;
  top: 0px;
  background-color: #005fa5;
  color: #fff;
}
.shb-screen-reader-focusable:active,
.shb-screen-reader-focusable:visited {
  color: #fff;
}
.shb--hide-focus:focus {
  outline: 0;
}
:focus {
  outline: none;
}
/* icons */
/*
DO NOT EDIT FILE MANUALLY!
File generated by `npm run build:icons`
*/
.shb-icon::before {
  font-family: "shb-icons" !important;
  font-style: normal;
  font-weight: normal;
  line-height: inherit;
  vertical-align: top;
}
.shb-icon--arrow-down::before {
  content: "\f101";
}
.shb-icon--arrow-left::before {
  content: "\f102";
}
.shb-icon--arrow-right::before {
  content: "\f103";
}
.shb-icon--arrow-up::before {
  content: "\f104";
}
.shb-icon--check::before {
  content: "\f105";
}
.shb-icon--chevron-big-up::before {
  content: "\f106";
}
.shb-icon--chevron-left::before {
  content: "\f107";
}
.shb-icon--chevron-right::before {
  content: "\f108";
}
.shb-icon--expand-down::before {
  content: "\f10a";
}
.shb-icon--expand-up::before {
  content: "\f10b";
}
.shb-icon--external-link::before {
  content: "\f10c";
}
.shb-icon--info::before {
  content: "\f10d";
}
.shb-icon--magnifying-glass::before {
  content: "\f10e";
}
.shb-icon--mail::before {
  content: "\f10f";
}
.shb-icon--menu::before {
  content: "\f110";
}
.shb-icon--phone::before {
  content: "\f111";
}
/* Fill modifiers */
.shb-icon--fill-white {
  fill: #ffffff;
}
.shb-icon--fill-icon-blue {
  fill: #017ab2;
}
shb-icon-newwindow {
  display: inline-block;
  margin: 0 4px;
}
.shb-icon-close {
  display: inline-block;
  position: absolute;
  top: 20px;
  right: 20px;
}
.shb-icon-close__link:focus .shb-icon-close > svg > path,
.shb-icon-close__link:hover .shb-icon-close > svg > path {
  stroke: black;
}
shb-icon-arrow-expander .shb-icon-arrow-expander--right {
  transform: rotate(-92deg);
}
shb-icon-arrow-expander .shb-icon-arrow-expander-rotate--down {
  transform: rotate(0deg);
  animation: shb-icon-arrow-expander-rotate-right-down 0.3s linear;
}
shb-icon-arrow-expander .shb-icon-arrow-expander-rotate--right {
  transform: rotate(-92deg);
  animation: shb-icon-arrow-expander-rotate-right-down 0.3s linear reverse;
}
shb-icon-arrow-expander svg {
  margin-bottom: 1px;
}
shb-icon-arrow-expander g > g {
  fill: #005fa5;
}
@keyframes shb-icon-arrow-expander-rotate-right-down {
  from {
    transform: rotate(-92deg);
  }
  to {
    transform: rotate(0deg);
  }
}
/* layout */
/* LESSified 960.gs */
/* mixin functions */
/* grid system config */
/* common mixin declarations for 960.gs */
/* Requirements
The following variables must be set, preferably in _960.gs.config.less
@gs-width - total width of layout in pixels - e.g. 960px
@gs-margin - margin between grid elements in pixels - e.g. 10px
@gs-columns must be set - no of columns in layout - e.g. 12 */
/* mixins for calculating pixel values */
/* loops for generating rules */
/* container_x grid_y { width: ... } */
/* container_x prefix_y { padding-left: ... } */
/* container_x suffix_y { padding-right: ... } */
/* container_x push_y { left: ... } */
/* container_x pull_y { left: ... } */
/* grid general rules */
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  /* the others extend this one */
  /* display: inline; */
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}
/* push general rules */
.push_1,
.push_1,
.push_2,
.push_3,
.push_4,
.push_5,
.push_6,
.push_7,
.push_8,
.push_9,
.push_10,
.push_11,
.push_12,
.push_2,
.push_3,
.push_4,
.push_5,
.push_6,
.push_7,
.push_8,
.push_9,
.push_10,
.push_11,
.push_12 {
  /* the others extend this one */
  position: relative;
}
/* pull general rules */
.pull_1,
.pull_1,
.pull_2,
.pull_3,
.pull_4,
.pull_5,
.pull_6,
.pull_7,
.pull_8,
.pull_9,
.pull_10,
.pull_11,
.pull_12,
.pull_2,
.pull_3,
.pull_4,
.pull_5,
.pull_6,
.pull_7,
.pull_8,
.pull_9,
.pull_10,
.pull_11,
.pull_12 {
  /* the others extend this one */
  position: relative;
}
/* body on index.html needs to specify that the app is unresponsive and follows gs */
/* We need minimun the full gs-width + space for the toolbar buttons */
.gs-body {
  min-width: 1110px;
}
/* container */
.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 1440px;
}
/* general rules for grid_* */
/* grid_1, grid_2, ... {...} */
/* loops from 2 to @gs-columns, all extend grid_1 */
/* general rules for pull_* */
/* push_1, push_2, ... {...} */
/* general rules for push_* */
/* pull_1, pull_2, ... {...} */
.alpha {
  margin-left: 0;
}
.omega {
  margin-right: 0;
}
/* Grid widths  */
/* grid_1 {...} grid_2 {...} ... */
.container_12 .grid_1 {
  width: 100px;
}
.container_12 .grid_2 {
  width: 220px;
}
.container_12 .grid_3 {
  width: 340px;
}
.container_12 .grid_4 {
  width: 460px;
}
.container_12 .grid_5 {
  width: 580px;
}
.container_12 .grid_6 {
  width: 700px;
}
.container_12 .grid_7 {
  width: 820px;
}
.container_12 .grid_8 {
  width: 940px;
}
.container_12 .grid_9 {
  width: 1060px;
}
.container_12 .grid_10 {
  width: 1180px;
}
.container_12 .grid_11 {
  width: 1300px;
}
.container_12 .grid_12 {
  width: 1420px;
}
/* loops from 1 to @gs-columns */
/* Prefix, extra space  */
/* prefix_1 {...} prefix_2 {...} ... */
.container_12 .prefix_1 {
  padding-left: 120px;
}
.container_12 .prefix_2 {
  padding-left: 240px;
}
.container_12 .prefix_3 {
  padding-left: 360px;
}
.container_12 .prefix_4 {
  padding-left: 480px;
}
.container_12 .prefix_5 {
  padding-left: 600px;
}
.container_12 .prefix_6 {
  padding-left: 720px;
}
.container_12 .prefix_7 {
  padding-left: 840px;
}
.container_12 .prefix_8 {
  padding-left: 960px;
}
.container_12 .prefix_9 {
  padding-left: 1080px;
}
.container_12 .prefix_10 {
  padding-left: 1200px;
}
.container_12 .prefix_11 {
  padding-left: 1320px;
}
/* loops from 1 to @gs-columns-1 */
/* Suffix, extra space  */
/* suffix_1 {...} suffix_2 {...} ... */
.container_12 .suffix_1 {
  padding-right: 120px;
}
.container_12 .suffix_2 {
  padding-right: 240px;
}
.container_12 .suffix_3 {
  padding-right: 360px;
}
.container_12 .suffix_4 {
  padding-right: 480px;
}
.container_12 .suffix_5 {
  padding-right: 600px;
}
.container_12 .suffix_6 {
  padding-right: 720px;
}
.container_12 .suffix_7 {
  padding-right: 840px;
}
.container_12 .suffix_8 {
  padding-right: 960px;
}
.container_12 .suffix_9 {
  padding-right: 1080px;
}
.container_12 .suffix_10 {
  padding-right: 1200px;
}
.container_12 .suffix_11 {
  padding-right: 1320px;
}
/* loops from 1 to @gs-columns-1 */
/* Push space  */
/* push_1 {...} push_2 {...} ... */
.container_12 .push_1 {
  left: 120px;
}
.container_12 .push_2 {
  left: 240px;
}
.container_12 .push_3 {
  left: 360px;
}
.container_12 .push_4 {
  left: 480px;
}
.container_12 .push_5 {
  left: 600px;
}
.container_12 .push_6 {
  left: 720px;
}
.container_12 .push_7 {
  left: 840px;
}
.container_12 .push_8 {
  left: 960px;
}
.container_12 .push_9 {
  left: 1080px;
}
.container_12 .push_10 {
  left: 1200px;
}
.container_12 .push_11 {
  left: 1320px;
}
/* loops from 1 to @gs-columns-1 */
/* Pull space  */
/* pull_1 {...} pull_2 {...} ... */
.container_12 .pull_1 {
  left: -120px;
}
.container_12 .pull_2 {
  left: -240px;
}
.container_12 .pull_3 {
  left: -360px;
}
.container_12 .pull_4 {
  left: -480px;
}
.container_12 .pull_5 {
  left: -600px;
}
.container_12 .pull_6 {
  left: -720px;
}
.container_12 .pull_7 {
  left: -840px;
}
.container_12 .pull_8 {
  left: -960px;
}
.container_12 .pull_9 {
  left: -1080px;
}
.container_12 .pull_10 {
  left: -1200px;
}
.container_12 .pull_11 {
  left: -1320px;
}
/* loops from 1 to @gs-columns-1 */
/* Clear and clearfix rules */
/* http://sonspring.com/journal/clearing-floats */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified  */
.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}
.clearfix:after,
.container_12:after {
  clear: both;
}
/* percent grids */
/* mixin for generating rules */
/**
 * percent grids within grid_12
 * margin percent value corresponds to the configured @gs-margin
 */
.container_12 .grid_12 .shb-grid--one-sixth,
.container_12 .grid_12 .shb-grid--one-fourth,
.container_12 .grid_12 .shb-grid--one-third,
.container_12 .grid_12 .shb-grid--one-half,
.container_12 .grid_12 .shb-grid--two-thirds,
.container_12 .grid_12 .shb-grid--full-width {
  margin-right: 0.69444444%;
  margin-left: 0.69444444%;
  /* TODO: Use display: inline-block instead and remove this! */
  /* TODO: Don't use. Just use display:inline-block instead */
  /* TODO: Use display: inline-block instead and remove this! */
  display: inline-block;
  vertical-align: top;
}
.container_12 .grid_12 .alpha {
  margin-left: 0;
}
.container_12 .grid_12 .omega {
  margin-right: 0;
}
.container_12 .grid_12 .shb-grid--one-sixth {
  width: 15.50925926%;
}
.container_12 .grid_12 .shb-grid--one-fourth {
  width: 23.95833333%;
}
.container_12 .grid_12 .shb-grid--one-third {
  width: 32.40740741%;
}
.container_12 .grid_12 .shb-grid--two-thirds {
  width: 66.2037037%;
}
.container_12 .grid_12 .shb-grid--one-half {
  width: 49.30555556%;
}
.container_12 .grid_12 .shb-grid--full-width {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
/**
 * percent grids within grid_9 (3/4)
 * margin percent value corresponds to the configured @gs-margin
 */
.container_12 .grid_9 .shb-grid--one-sixth,
.container_12 .grid_9 .shb-grid--one-fourth,
.container_12 .grid_9 .shb-grid--one-third,
.container_12 .grid_9 .shb-grid--one-half,
.container_12 .grid_9 .shb-grid--two-thirds,
.container_12 .grid_9 .shb-grid--full-width {
  margin-right: 0.92592593%;
  margin-left: 0.92592593%;
  /* TODO: Use display: inline-block instead and remove this! */
  /* TODO: Don't use. Just use display:inline-block instead */
  /* TODO: Use display: inline-block instead and remove this! */
  display: inline-block;
  vertical-align: top;
}
.container_12 .grid_9 .alpha {
  margin-left: 0;
}
.container_12 .grid_9 .omega {
  margin-right: 0;
}
.container_12 .grid_9 .shb-grid--one-sixth {
  width: 15.12345679%;
}
.container_12 .grid_9 .shb-grid--one-fourth {
  width: 23.61111111%;
}
.container_12 .grid_9 .shb-grid--one-third {
  width: 32.09876543%;
}
.container_12 .grid_9 .shb-grid--two-thirds {
  width: 66.04938272%;
}
.container_12 .grid_9 .shb-grid--one-half {
  width: 49.07407407%;
}
.container_12 .grid_9 .shb-grid--full-width {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
/**
 * percent grids within grid_8 (2/3)
 * margin percent value corresponds to the configured @gs-margin
 */
.container_12 .grid_8 .shb-grid--one-sixth,
.container_12 .grid_8 .shb-grid--one-fourth,
.container_12 .grid_8 .shb-grid--one-third,
.container_12 .grid_8 .shb-grid--one-half,
.container_12 .grid_8 .shb-grid--two-thirds,
.container_12 .grid_8 .shb-grid--full-width {
  margin-right: 1.04166667%;
  margin-left: 1.04166667%;
  /* TODO: Use display: inline-block instead and remove this! */
  /* TODO: Don't use. Just use display:inline-block instead */
  /* TODO: Use display: inline-block instead and remove this! */
  display: inline-block;
  vertical-align: top;
}
.container_12 .grid_8 .alpha {
  margin-left: 0;
}
.container_12 .grid_8 .omega {
  margin-right: 0;
}
.container_12 .grid_8 .shb-grid--one-sixth {
  width: 14.93055556%;
}
.container_12 .grid_8 .shb-grid--one-fourth {
  width: 23.4375%;
}
.container_12 .grid_8 .shb-grid--one-third {
  width: 31.94444444%;
}
.container_12 .grid_8 .shb-grid--two-thirds {
  width: 65.97222222%;
}
.container_12 .grid_8 .shb-grid--one-half {
  width: 48.95833333%;
}
.container_12 .grid_8 .shb-grid--full-width {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
/**
 * percent grids within grid_6 (half)
 * margin percent value corresponds to the configured @gs-margin
 */
.container_12 .grid_6 .shb-grid--one-sixth,
.container_12 .grid_6 .shb-grid--one-fourth,
.container_12 .grid_6 .shb-grid--one-third,
.container_12 .grid_6 .shb-grid--one-half,
.container_12 .grid_6 .shb-grid--two-thirds,
.container_12 .grid_6 .shb-grid--full-width {
  margin-right: 1.38888889%;
  margin-left: 1.38888889%;
  /* TODO: Use display: inline-block instead and remove this! */
  /* TODO: Don't use. Just use display:inline-block instead */
  /* TODO: Use display: inline-block instead and remove this! */
  display: inline-block;
  vertical-align: top;
}
.container_12 .grid_6 .alpha {
  margin-left: 0;
}
.container_12 .grid_6 .omega {
  margin-right: 0;
}
.container_12 .grid_6 .shb-grid--one-sixth {
  width: 14.35185185%;
}
.container_12 .grid_6 .shb-grid--one-fourth {
  width: 22.91666667%;
}
.container_12 .grid_6 .shb-grid--one-third {
  width: 31.48148148%;
}
.container_12 .grid_6 .shb-grid--two-thirds {
  width: 65.74074074%;
}
.container_12 .grid_6 .shb-grid--one-half {
  width: 48.61111111%;
}
.container_12 .grid_6 .shb-grid--full-width {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
/* TODO: this should extend .container_12 so "container_12 container_float" can be replaced by "container_float" */
.container_12 .container_float {
  width: auto;
}
/* create for example 1-99, z-n classes z-1, z-2 etc */
body:not(.shb-sign) {
  /* start and maxValue as attributes */
}
body:not(.shb-sign) > .z--is-top {
  position: relative;
  z-index: 1000;
}
body:not(.shb-sign) .z-1 {
  position: relative;
  z-index: 1;
}
body:not(.shb-sign) .z-2 {
  position: relative;
  z-index: 2;
}
body:not(.shb-sign) .z-3 {
  position: relative;
  z-index: 3;
}
body:not(.shb-sign) .z-4 {
  position: relative;
  z-index: 4;
}
body:not(.shb-sign) .z-5 {
  position: relative;
  z-index: 5;
}
body:not(.shb-sign) .z-6 {
  position: relative;
  z-index: 6;
}
body:not(.shb-sign) .z-7 {
  position: relative;
  z-index: 7;
}
body:not(.shb-sign) .z-8 {
  position: relative;
  z-index: 8;
}
body:not(.shb-sign) .z-9 {
  position: relative;
  z-index: 9;
}
body:not(.shb-sign) .z-10 {
  position: relative;
  z-index: 10;
}
body:not(.shb-sign) .z-11 {
  position: relative;
  z-index: 11;
}
body:not(.shb-sign) .z-12 {
  position: relative;
  z-index: 12;
}
body:not(.shb-sign) .z-13 {
  position: relative;
  z-index: 13;
}
body:not(.shb-sign) .z-14 {
  position: relative;
  z-index: 14;
}
body:not(.shb-sign) .z-15 {
  position: relative;
  z-index: 15;
}
body:not(.shb-sign) .z-16 {
  position: relative;
  z-index: 16;
}
body:not(.shb-sign) .z-17 {
  position: relative;
  z-index: 17;
}
body:not(.shb-sign) .z-18 {
  position: relative;
  z-index: 18;
}
body:not(.shb-sign) .z-19 {
  position: relative;
  z-index: 19;
}
body:not(.shb-sign) .z-20 {
  position: relative;
  z-index: 20;
}
body:not(.shb-sign) .z-21 {
  position: relative;
  z-index: 21;
}
body:not(.shb-sign) .z-22 {
  position: relative;
  z-index: 22;
}
body:not(.shb-sign) .z-23 {
  position: relative;
  z-index: 23;
}
body:not(.shb-sign) .z-24 {
  position: relative;
  z-index: 24;
}
body:not(.shb-sign) .z-25 {
  position: relative;
  z-index: 25;
}
body:not(.shb-sign) .z-26 {
  position: relative;
  z-index: 26;
}
body:not(.shb-sign) .z-27 {
  position: relative;
  z-index: 27;
}
body:not(.shb-sign) .z-28 {
  position: relative;
  z-index: 28;
}
body:not(.shb-sign) .z-29 {
  position: relative;
  z-index: 29;
}
body:not(.shb-sign) .z-30 {
  position: relative;
  z-index: 30;
}
body:not(.shb-sign) .z-31 {
  position: relative;
  z-index: 31;
}
body:not(.shb-sign) .z-32 {
  position: relative;
  z-index: 32;
}
body:not(.shb-sign) .z-33 {
  position: relative;
  z-index: 33;
}
body:not(.shb-sign) .z-34 {
  position: relative;
  z-index: 34;
}
body:not(.shb-sign) .z-35 {
  position: relative;
  z-index: 35;
}
body:not(.shb-sign) .z-36 {
  position: relative;
  z-index: 36;
}
body:not(.shb-sign) .z-37 {
  position: relative;
  z-index: 37;
}
body:not(.shb-sign) .z-38 {
  position: relative;
  z-index: 38;
}
body:not(.shb-sign) .z-39 {
  position: relative;
  z-index: 39;
}
body:not(.shb-sign) .z-40 {
  position: relative;
  z-index: 40;
}
body:not(.shb-sign) .z-41 {
  position: relative;
  z-index: 41;
}
body:not(.shb-sign) .z-42 {
  position: relative;
  z-index: 42;
}
body:not(.shb-sign) .z-43 {
  position: relative;
  z-index: 43;
}
body:not(.shb-sign) .z-44 {
  position: relative;
  z-index: 44;
}
body:not(.shb-sign) .z-45 {
  position: relative;
  z-index: 45;
}
body:not(.shb-sign) .z-46 {
  position: relative;
  z-index: 46;
}
body:not(.shb-sign) .z-47 {
  position: relative;
  z-index: 47;
}
body:not(.shb-sign) .z-48 {
  position: relative;
  z-index: 48;
}
body:not(.shb-sign) .z-49 {
  position: relative;
  z-index: 49;
}
body:not(.shb-sign) .z-50 {
  position: relative;
  z-index: 50;
}
body:not(.shb-sign) .z-51 {
  position: relative;
  z-index: 51;
}
body:not(.shb-sign) .z-52 {
  position: relative;
  z-index: 52;
}
body:not(.shb-sign) .z-53 {
  position: relative;
  z-index: 53;
}
body:not(.shb-sign) .z-54 {
  position: relative;
  z-index: 54;
}
body:not(.shb-sign) .z-55 {
  position: relative;
  z-index: 55;
}
body:not(.shb-sign) .z-56 {
  position: relative;
  z-index: 56;
}
body:not(.shb-sign) .z-57 {
  position: relative;
  z-index: 57;
}
body:not(.shb-sign) .z-58 {
  position: relative;
  z-index: 58;
}
body:not(.shb-sign) .z-59 {
  position: relative;
  z-index: 59;
}
body:not(.shb-sign) .z-60 {
  position: relative;
  z-index: 60;
}
body:not(.shb-sign) .z-61 {
  position: relative;
  z-index: 61;
}
body:not(.shb-sign) .z-62 {
  position: relative;
  z-index: 62;
}
body:not(.shb-sign) .z-63 {
  position: relative;
  z-index: 63;
}
body:not(.shb-sign) .z-64 {
  position: relative;
  z-index: 64;
}
body:not(.shb-sign) .z-65 {
  position: relative;
  z-index: 65;
}
body:not(.shb-sign) .z-66 {
  position: relative;
  z-index: 66;
}
body:not(.shb-sign) .z-67 {
  position: relative;
  z-index: 67;
}
body:not(.shb-sign) .z-68 {
  position: relative;
  z-index: 68;
}
body:not(.shb-sign) .z-69 {
  position: relative;
  z-index: 69;
}
body:not(.shb-sign) .z-70 {
  position: relative;
  z-index: 70;
}
body:not(.shb-sign) .z-71 {
  position: relative;
  z-index: 71;
}
body:not(.shb-sign) .z-72 {
  position: relative;
  z-index: 72;
}
body:not(.shb-sign) .z-73 {
  position: relative;
  z-index: 73;
}
body:not(.shb-sign) .z-74 {
  position: relative;
  z-index: 74;
}
body:not(.shb-sign) .z-75 {
  position: relative;
  z-index: 75;
}
body:not(.shb-sign) .z-76 {
  position: relative;
  z-index: 76;
}
body:not(.shb-sign) .z-77 {
  position: relative;
  z-index: 77;
}
body:not(.shb-sign) .z-78 {
  position: relative;
  z-index: 78;
}
body:not(.shb-sign) .z-79 {
  position: relative;
  z-index: 79;
}
body:not(.shb-sign) .z-80 {
  position: relative;
  z-index: 80;
}
body:not(.shb-sign) .z-81 {
  position: relative;
  z-index: 81;
}
body:not(.shb-sign) .z-82 {
  position: relative;
  z-index: 82;
}
body:not(.shb-sign) .z-83 {
  position: relative;
  z-index: 83;
}
body:not(.shb-sign) .z-84 {
  position: relative;
  z-index: 84;
}
body:not(.shb-sign) .z-85 {
  position: relative;
  z-index: 85;
}
body:not(.shb-sign) .z-86 {
  position: relative;
  z-index: 86;
}
body:not(.shb-sign) .z-87 {
  position: relative;
  z-index: 87;
}
body:not(.shb-sign) .z-88 {
  position: relative;
  z-index: 88;
}
body:not(.shb-sign) .z-89 {
  position: relative;
  z-index: 89;
}
body:not(.shb-sign) .z-90 {
  position: relative;
  z-index: 90;
}
body:not(.shb-sign) .z-91 {
  position: relative;
  z-index: 91;
}
body:not(.shb-sign) .z-92 {
  position: relative;
  z-index: 92;
}
body:not(.shb-sign) .z-93 {
  position: relative;
  z-index: 93;
}
body:not(.shb-sign) .z-94 {
  position: relative;
  z-index: 94;
}
body:not(.shb-sign) .z-95 {
  position: relative;
  z-index: 95;
}
body:not(.shb-sign) .z-96 {
  position: relative;
  z-index: 96;
}
body:not(.shb-sign) .z-97 {
  position: relative;
  z-index: 97;
}
body:not(.shb-sign) .z-98 {
  position: relative;
  z-index: 98;
}
body:not(.shb-sign) .z-99 {
  position: relative;
  z-index: 99;
}
body:not(.shb-sign) > .z--is-bottom {
  position: relative;
  z-index: 0;
}
/*!
 * Based on Bootstrap v3.3.5 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 *
 * Handelsbanken has changed a lot here so DON'T try to update this with a newer version of bootstrap
 */
.img-responsive {
  display: block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-thumbnail {
  padding: 4px;
  line-height: 1.42857143;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-circle {
  border-radius: 50%;
}
hr {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
.container {
  box-sizing: border-box;
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
  /*
       We set full width to get fluid layout within the breakpoints
     */
  width: 100%;
  max-width: 1440px;
}
.container.container--fixed {
  width: 1440px;
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 10px;
  padding-right: 10px;
}
.row {
  margin-left: -10px;
  margin-right: -10px;
}
.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;
  box-sizing: border-box;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
.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: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row: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, sans-serif;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.hidden {
  display: none !important;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 474px) {
  .shb-surface-responsive .visible-xs {
    display: block !important;
  }
  .shb-surface-responsive table.visible-xs {
    display: table !important;
  }
  .shb-surface-responsive tr.visible-xs {
    display: table-row !important;
  }
  .shb-surface-responsive th.visible-xs,
  .shb-surface-responsive td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 474px) {
  .shb-surface-responsive .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 474px) {
  .shb-surface-responsive .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 474px) {
  .shb-surface-responsive .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 475px) and (max-width: 767px) {
  .shb-surface-responsive .visible-sm {
    display: block !important;
  }
  .shb-surface-responsive table.visible-sm {
    display: table !important;
  }
  .shb-surface-responsive tr.visible-sm {
    display: table-row !important;
  }
  .shb-surface-responsive th.visible-sm,
  .shb-surface-responsive td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 475px) and (max-width: 767px) {
  .shb-surface-responsive .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 475px) and (max-width: 767px) {
  .shb-surface-responsive .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 475px) and (max-width: 767px) {
  .shb-surface-responsive .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 909px) {
  .shb-surface-responsive .visible-md {
    display: block !important;
  }
  .shb-surface-responsive table.visible-md {
    display: table !important;
  }
  .shb-surface-responsive tr.visible-md {
    display: table-row !important;
  }
  .shb-surface-responsive th.visible-md,
  .shb-surface-responsive td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 909px) {
  .shb-surface-responsive .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 909px) {
  .shb-surface-responsive .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 909px) {
  .shb-surface-responsive .visible-md-inline-block {
    display: inline-block !important;
  }
}
.shb-surface-nonresponsive .col-sm-1,
.shb-surface-nonresponsive .col-sm-2,
.shb-surface-nonresponsive .col-sm-3,
.shb-surface-nonresponsive .col-sm-4,
.shb-surface-nonresponsive .col-sm-5,
.shb-surface-nonresponsive .col-sm-6,
.shb-surface-nonresponsive .col-sm-7,
.shb-surface-nonresponsive .col-sm-8,
.shb-surface-nonresponsive .col-sm-9,
.shb-surface-nonresponsive .col-sm-10,
.shb-surface-nonresponsive .col-sm-11,
.shb-surface-nonresponsive .col-sm-12 {
  float: left;
}
.shb-surface-nonresponsive .col-sm-12 {
  width: 100%;
}
.shb-surface-nonresponsive .col-sm-11 {
  width: 91.66666667%;
}
.shb-surface-nonresponsive .col-sm-10 {
  width: 83.33333333%;
}
.shb-surface-nonresponsive .col-sm-9 {
  width: 75%;
}
.shb-surface-nonresponsive .col-sm-8 {
  width: 66.66666667%;
}
.shb-surface-nonresponsive .col-sm-7 {
  width: 58.33333333%;
}
.shb-surface-nonresponsive .col-sm-6 {
  width: 50%;
}
.shb-surface-nonresponsive .col-sm-5 {
  width: 41.66666667%;
}
.shb-surface-nonresponsive .col-sm-4 {
  width: 33.33333333%;
}
.shb-surface-nonresponsive .col-sm-3 {
  width: 25%;
}
.shb-surface-nonresponsive .col-sm-2 {
  width: 16.66666667%;
}
.shb-surface-nonresponsive .col-sm-1 {
  width: 8.33333333%;
}
.shb-surface-nonresponsive .col-sm-pull-12 {
  right: 100%;
}
.shb-surface-nonresponsive .col-sm-pull-11 {
  right: 91.66666667%;
}
.shb-surface-nonresponsive .col-sm-pull-10 {
  right: 83.33333333%;
}
.shb-surface-nonresponsive .col-sm-pull-9 {
  right: 75%;
}
.shb-surface-nonresponsive .col-sm-pull-8 {
  right: 66.66666667%;
}
.shb-surface-nonresponsive .col-sm-pull-7 {
  right: 58.33333333%;
}
.shb-surface-nonresponsive .col-sm-pull-6 {
  right: 50%;
}
.shb-surface-nonresponsive .col-sm-pull-5 {
  right: 41.66666667%;
}
.shb-surface-nonresponsive .col-sm-pull-4 {
  right: 33.33333333%;
}
.shb-surface-nonresponsive .col-sm-pull-3 {
  right: 25%;
}
.shb-surface-nonresponsive .col-sm-pull-2 {
  right: 16.66666667%;
}
.shb-surface-nonresponsive .col-sm-pull-1 {
  right: 8.33333333%;
}
.shb-surface-nonresponsive .col-sm-pull-0 {
  right: auto;
}
.shb-surface-nonresponsive .col-sm-push-12 {
  left: 100%;
}
.shb-surface-nonresponsive .col-sm-push-11 {
  left: 91.66666667%;
}
.shb-surface-nonresponsive .col-sm-push-10 {
  left: 83.33333333%;
}
.shb-surface-nonresponsive .col-sm-push-9 {
  left: 75%;
}
.shb-surface-nonresponsive .col-sm-push-8 {
  left: 66.66666667%;
}
.shb-surface-nonresponsive .col-sm-push-7 {
  left: 58.33333333%;
}
.shb-surface-nonresponsive .col-sm-push-6 {
  left: 50%;
}
.shb-surface-nonresponsive .col-sm-push-5 {
  left: 41.66666667%;
}
.shb-surface-nonresponsive .col-sm-push-4 {
  left: 33.33333333%;
}
.shb-surface-nonresponsive .col-sm-push-3 {
  left: 25%;
}
.shb-surface-nonresponsive .col-sm-push-2 {
  left: 16.66666667%;
}
.shb-surface-nonresponsive .col-sm-push-1 {
  left: 8.33333333%;
}
.shb-surface-nonresponsive .col-sm-push-0 {
  left: auto;
}
.shb-surface-nonresponsive .col-sm-offset-12 {
  margin-left: 100%;
}
.shb-surface-nonresponsive .col-sm-offset-11 {
  margin-left: 91.66666667%;
}
.shb-surface-nonresponsive .col-sm-offset-10 {
  margin-left: 83.33333333%;
}
.shb-surface-nonresponsive .col-sm-offset-9 {
  margin-left: 75%;
}
.shb-surface-nonresponsive .col-sm-offset-8 {
  margin-left: 66.66666667%;
}
.shb-surface-nonresponsive .col-sm-offset-7 {
  margin-left: 58.33333333%;
}
.shb-surface-nonresponsive .col-sm-offset-6 {
  margin-left: 50%;
}
.shb-surface-nonresponsive .col-sm-offset-5 {
  margin-left: 41.66666667%;
}
.shb-surface-nonresponsive .col-sm-offset-4 {
  margin-left: 33.33333333%;
}
.shb-surface-nonresponsive .col-sm-offset-3 {
  margin-left: 25%;
}
.shb-surface-nonresponsive .col-sm-offset-2 {
  margin-left: 16.66666667%;
}
.shb-surface-nonresponsive .col-sm-offset-1 {
  margin-left: 8.33333333%;
}
.shb-surface-nonresponsive .col-sm-offset-0 {
  margin-left: 0;
}
.shb-surface-nonresponsive .col-md-1,
.shb-surface-nonresponsive .col-md-2,
.shb-surface-nonresponsive .col-md-3,
.shb-surface-nonresponsive .col-md-4,
.shb-surface-nonresponsive .col-md-5,
.shb-surface-nonresponsive .col-md-6,
.shb-surface-nonresponsive .col-md-7,
.shb-surface-nonresponsive .col-md-8,
.shb-surface-nonresponsive .col-md-9,
.shb-surface-nonresponsive .col-md-10,
.shb-surface-nonresponsive .col-md-11,
.shb-surface-nonresponsive .col-md-12 {
  float: left;
}
.shb-surface-nonresponsive .col-md-12 {
  width: 100%;
}
.shb-surface-nonresponsive .col-md-11 {
  width: 91.66666667%;
}
.shb-surface-nonresponsive .col-md-10 {
  width: 83.33333333%;
}
.shb-surface-nonresponsive .col-md-9 {
  width: 75%;
}
.shb-surface-nonresponsive .col-md-8 {
  width: 66.66666667%;
}
.shb-surface-nonresponsive .col-md-7 {
  width: 58.33333333%;
}
.shb-surface-nonresponsive .col-md-6 {
  width: 50%;
}
.shb-surface-nonresponsive .col-md-5 {
  width: 41.66666667%;
}
.shb-surface-nonresponsive .col-md-4 {
  width: 33.33333333%;
}
.shb-surface-nonresponsive .col-md-3 {
  width: 25%;
}
.shb-surface-nonresponsive .col-md-2 {
  width: 16.66666667%;
}
.shb-surface-nonresponsive .col-md-1 {
  width: 8.33333333%;
}
.shb-surface-nonresponsive .col-md-pull-12 {
  right: 100%;
}
.shb-surface-nonresponsive .col-md-pull-11 {
  right: 91.66666667%;
}
.shb-surface-nonresponsive .col-md-pull-10 {
  right: 83.33333333%;
}
.shb-surface-nonresponsive .col-md-pull-9 {
  right: 75%;
}
.shb-surface-nonresponsive .col-md-pull-8 {
  right: 66.66666667%;
}
.shb-surface-nonresponsive .col-md-pull-7 {
  right: 58.33333333%;
}
.shb-surface-nonresponsive .col-md-pull-6 {
  right: 50%;
}
.shb-surface-nonresponsive .col-md-pull-5 {
  right: 41.66666667%;
}
.shb-surface-nonresponsive .col-md-pull-4 {
  right: 33.33333333%;
}
.shb-surface-nonresponsive .col-md-pull-3 {
  right: 25%;
}
.shb-surface-nonresponsive .col-md-pull-2 {
  right: 16.66666667%;
}
.shb-surface-nonresponsive .col-md-pull-1 {
  right: 8.33333333%;
}
.shb-surface-nonresponsive .col-md-pull-0 {
  right: auto;
}
.shb-surface-nonresponsive .col-md-push-12 {
  left: 100%;
}
.shb-surface-nonresponsive .col-md-push-11 {
  left: 91.66666667%;
}
.shb-surface-nonresponsive .col-md-push-10 {
  left: 83.33333333%;
}
.shb-surface-nonresponsive .col-md-push-9 {
  left: 75%;
}
.shb-surface-nonresponsive .col-md-push-8 {
  left: 66.66666667%;
}
.shb-surface-nonresponsive .col-md-push-7 {
  left: 58.33333333%;
}
.shb-surface-nonresponsive .col-md-push-6 {
  left: 50%;
}
.shb-surface-nonresponsive .col-md-push-5 {
  left: 41.66666667%;
}
.shb-surface-nonresponsive .col-md-push-4 {
  left: 33.33333333%;
}
.shb-surface-nonresponsive .col-md-push-3 {
  left: 25%;
}
.shb-surface-nonresponsive .col-md-push-2 {
  left: 16.66666667%;
}
.shb-surface-nonresponsive .col-md-push-1 {
  left: 8.33333333%;
}
.shb-surface-nonresponsive .col-md-push-0 {
  left: auto;
}
.shb-surface-nonresponsive .col-md-offset-12 {
  margin-left: 100%;
}
.shb-surface-nonresponsive .col-md-offset-11 {
  margin-left: 91.66666667%;
}
.shb-surface-nonresponsive .col-md-offset-10 {
  margin-left: 83.33333333%;
}
.shb-surface-nonresponsive .col-md-offset-9 {
  margin-left: 75%;
}
.shb-surface-nonresponsive .col-md-offset-8 {
  margin-left: 66.66666667%;
}
.shb-surface-nonresponsive .col-md-offset-7 {
  margin-left: 58.33333333%;
}
.shb-surface-nonresponsive .col-md-offset-6 {
  margin-left: 50%;
}
.shb-surface-nonresponsive .col-md-offset-5 {
  margin-left: 41.66666667%;
}
.shb-surface-nonresponsive .col-md-offset-4 {
  margin-left: 33.33333333%;
}
.shb-surface-nonresponsive .col-md-offset-3 {
  margin-left: 25%;
}
.shb-surface-nonresponsive .col-md-offset-2 {
  margin-left: 16.66666667%;
}
.shb-surface-nonresponsive .col-md-offset-1 {
  margin-left: 8.33333333%;
}
.shb-surface-nonresponsive .col-md-offset-0 {
  margin-left: 0%;
}
.shb-surface-nonresponsive .col-lg-1,
.shb-surface-nonresponsive .col-lg-2,
.shb-surface-nonresponsive .col-lg-3,
.shb-surface-nonresponsive .col-lg-4,
.shb-surface-nonresponsive .col-lg-5,
.shb-surface-nonresponsive .col-lg-6,
.shb-surface-nonresponsive .col-lg-7,
.shb-surface-nonresponsive .col-lg-8,
.shb-surface-nonresponsive .col-lg-9,
.shb-surface-nonresponsive .col-lg-10,
.shb-surface-nonresponsive .col-lg-11,
.shb-surface-nonresponsive .col-lg-12 {
  float: left;
}
.shb-surface-nonresponsive .col-lg-12 {
  width: 100%;
}
.shb-surface-nonresponsive .col-lg-11 {
  width: 91.66666667%;
}
.shb-surface-nonresponsive .col-lg-10 {
  width: 83.33333333%;
}
.shb-surface-nonresponsive .col-lg-9 {
  width: 75%;
}
.shb-surface-nonresponsive .col-lg-8 {
  width: 66.66666667%;
}
.shb-surface-nonresponsive .col-lg-7 {
  width: 58.33333333%;
}
.shb-surface-nonresponsive .col-lg-6 {
  width: 50%;
}
.shb-surface-nonresponsive .col-lg-5 {
  width: 41.66666667%;
}
.shb-surface-nonresponsive .col-lg-4 {
  width: 33.33333333%;
}
.shb-surface-nonresponsive .col-lg-3 {
  width: 25%;
}
.shb-surface-nonresponsive .col-lg-2 {
  width: 16.66666667%;
}
.shb-surface-nonresponsive .col-lg-1 {
  width: 8.33333333%;
}
.shb-surface-nonresponsive .col-lg-pull-12 {
  right: 100%;
}
.shb-surface-nonresponsive .col-lg-pull-11 {
  right: 91.66666667%;
}
.shb-surface-nonresponsive .col-lg-pull-10 {
  right: 83.33333333%;
}
.shb-surface-nonresponsive .col-lg-pull-9 {
  right: 75%;
}
.shb-surface-nonresponsive .col-lg-pull-8 {
  right: 66.66666667%;
}
.shb-surface-nonresponsive .col-lg-pull-7 {
  right: 58.33333333%;
}
.shb-surface-nonresponsive .col-lg-pull-6 {
  right: 50%;
}
.shb-surface-nonresponsive .col-lg-pull-5 {
  right: 41.66666667%;
}
.shb-surface-nonresponsive .col-lg-pull-4 {
  right: 33.33333333%;
}
.shb-surface-nonresponsive .col-lg-pull-3 {
  right: 25%;
}
.shb-surface-nonresponsive .col-lg-pull-2 {
  right: 16.66666667%;
}
.shb-surface-nonresponsive .col-lg-pull-1 {
  right: 8.33333333%;
}
.shb-surface-nonresponsive .col-lg-pull-0 {
  right: auto;
}
.shb-surface-nonresponsive .col-lg-push-12 {
  left: 100%;
}
.shb-surface-nonresponsive .col-lg-push-11 {
  left: 91.66666667%;
}
.shb-surface-nonresponsive .col-lg-push-10 {
  left: 83.33333333%;
}
.shb-surface-nonresponsive .col-lg-push-9 {
  left: 75%;
}
.shb-surface-nonresponsive .col-lg-push-8 {
  left: 66.66666667%;
}
.shb-surface-nonresponsive .col-lg-push-7 {
  left: 58.33333333%;
}
.shb-surface-nonresponsive .col-lg-push-6 {
  left: 50%;
}
.shb-surface-nonresponsive .col-lg-push-5 {
  left: 41.66666667%;
}
.shb-surface-nonresponsive .col-lg-push-4 {
  left: 33.33333333%;
}
.shb-surface-nonresponsive .col-lg-push-3 {
  left: 25%;
}
.shb-surface-nonresponsive .col-lg-push-2 {
  left: 16.66666667%;
}
.shb-surface-nonresponsive .col-lg-push-1 {
  left: 8.33333333%;
}
.shb-surface-nonresponsive .col-lg-push-0 {
  left: auto;
}
.shb-surface-nonresponsive .col-lg-offset-12 {
  margin-left: 100%;
}
.shb-surface-nonresponsive .col-lg-offset-11 {
  margin-left: 91.66666667%;
}
.shb-surface-nonresponsive .col-lg-offset-10 {
  margin-left: 83.33333333%;
}
.shb-surface-nonresponsive .col-lg-offset-9 {
  margin-left: 75%;
}
.shb-surface-nonresponsive .col-lg-offset-8 {
  margin-left: 66.66666667%;
}
.shb-surface-nonresponsive .col-lg-offset-7 {
  margin-left: 58.33333333%;
}
.shb-surface-nonresponsive .col-lg-offset-6 {
  margin-left: 50%;
}
.shb-surface-nonresponsive .col-lg-offset-5 {
  margin-left: 41.66666667%;
}
.shb-surface-nonresponsive .col-lg-offset-4 {
  margin-left: 33.33333333%;
}
.shb-surface-nonresponsive .col-lg-offset-3 {
  margin-left: 25%;
}
.shb-surface-nonresponsive .col-lg-offset-2 {
  margin-left: 16.66666667%;
}
.shb-surface-nonresponsive .col-lg-offset-1 {
  margin-left: 8.33333333%;
}
.shb-surface-nonresponsive .col-lg-offset-0 {
  margin-left: 0%;
}
.shb-surface-nonresponsive .visible-lg {
  display: block !important;
}
.shb-surface-nonresponsive table.visible-lg {
  display: table !important;
}
.shb-surface-nonresponsive tr.visible-lg {
  display: table-row !important;
}
.shb-surface-nonresponsive th.visible-lg,
.shb-surface-nonresponsive td.visible-lg {
  display: table-cell !important;
}
.shb-surface-nonresponsive .visible-lg-block {
  display: block !important;
}
.shb-surface-nonresponsive .visible-lg-inline {
  display: inline !important;
}
.shb-surface-nonresponsive .visible-lg-inline-block {
  display: inline-block !important;
}
@media (min-width: 475px) {
  .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: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 768px) {
  .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: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 910px) {
  .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: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
  .visible-lg-block {
    display: block !important;
  }
  .visible-lg-inline {
    display: inline !important;
  }
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 474px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 475px) and (max-width: 767px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 909px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 910px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
.shb-app-sub-footer__links-list {
  display: block;
}
@media only screen and (max-width: 474px) {
  .shb-app-sub-footer__links-list {
    width: 100%;
  }
}
@media only screen and (max-width: 474px) {
  .shb-app-sub-footer {
    padding-left: 0;
    padding-right: 0;
  }
}
.shb-app-sub-footer {
  font-size: 14px;
  background: #043b62;
  color: white;
  text-align: center;
}
.shb-app-sub-footer a:not([href]) {
  color: #aaa;
}
.shb-app-sub-footer__links-list {
  padding: 0;
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  padding-top: 16px;
  padding-bottom: 16px;
  line-height: 22px;
  list-style: none;
  display: inline-block;
}
.shb-app-sub-footer__links-list--secondary {
  padding-top: 0;
  display: block;
}
@media only screen and (min-width: 475px) and (max-width: 767px) {
  .shb-app-sub-footer__links-list {
    line-height: 32px;
  }
}
@media only screen and (max-width: 474px) {
  .shb-app-sub-footer__links-list {
    text-align: left;
    padding: 0;
  }
}
.shb-app-sub-footer__links-list-item {
  display: inline-block;
  padding-right: 22px;
}
.shb-app-sub-footer__links-list-item:last-child {
  margin-right: 0;
}
.shb-app-sub-footer__links-list-item::after {
  content: '|';
  padding-left: 22px;
}
.shb-app-sub-footer__links-list-item:last-child::after {
  content: '';
}
@media only screen and (max-width: 474px) {
  .shb-app-sub-footer__links-list-item {
    margin-right: 0;
    display: block;
    line-height: 44px;
    border-bottom: 1px solid #e1f0f5;
    padding-left: 15px;
  }
}
.shb-app-sub-footer__link {
  color: white;
  text-decoration: none;
}
@media only screen and (max-width: 474px) {
  .shb-app-sub-footer__link {
    display: block;
  }
}
.shb-app-sub-footer__link:hover[href],
.shb-app-sub-footer__link:active[href],
.shb-app-sub-footer__link:focus[href] {
  color: inherit;
  text-decoration: underline;
  outline: none;
}
.shb-app-sub-footer .shb-cms__link-external {
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-right: 19px;
  background-position: right -1524px;
}
.shb-app-main-footer a {
  white-space: nowrap;
}
.shb-app-main-footer > .col-xs-12,
.shb-app-main-footer > .col-md-6 {
  margin-bottom: 28px;
  /* Should be 42px but <p> already puts 14px */
}
/* base rules */
html,
button,
input,
optgroup,
select,
textarea {
  font-family: "Roboto", sans-serif;
}
figure {
  margin: 0;
}
abbr[title] {
  text-decoration: none;
  border-bottom: 1px dotted;
}
dl,
menu,
ol,
ul {
  margin: 1em 0;
}
nav ul,
nav ol {
  list-style: none;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  /* 1 */
  -webkit-appearance: button;
  /* 2 */
  *overflow: visible;
  /* 3 */
}
button[disabled],
input[disabled] {
  cursor: default;
}
table {
  border-collapse: collapse;
}
/* TODO: is this one used? Does a general li rule need border-bottom? /JL */
.shb-li {
  border-bottom: 1px solid #dedede;
  display: block;
  margin: 0;
  padding: 0;
}
.shb-inline-block,
.icon--accordion-collapsed-arrow--xsmall,
.icon--accordion-collapsed-dark-blue-arrow--xsmall,
.icon--accordion-collapsed-grey-arrow--xsmall,
.icon--accordion-collapsed-icon-color-arrow--xsmall,
.icon--accordion-expanded-arrow--xsmall,
.icon--accordion-expanded-dark-blue-arrow--xsmall,
.icon--accordion-expanded-grey-arrow--xsmall,
.icon--accordion-expanded-icon-color-arrow--xsmall,
.icon--arrow--xsmall,
.icon--arrow-collapse-dark--xsmall,
.icon--arrow-expand-dark--xsmall,
.icon--arrow-hollow-black--xsmall,
.icon--arrow-hollow-white--xsmall,
.icon--asterisk--xsmall,
.icon--bullet--xsmall,
.icon--bullet-blue--xsmall,
.icon--exclamationmark--xsmall,
.icon--icon-arrow-coll-hoov,
.icon--icon-arrow-coll,
.icon--icon-arrow-exp-hoov,
.icon--icon-arrow-exp-white-hoov,
.icon--icon-arrow-exp-white,
.icon--icon-arrow-exp,
.icon--inputTextClear,
.icon--inputTextClearHover,
.icon--link--xsmall,
.icon--link-back--xsmall,
.icon--link-new-window--xsmall,
.icon--link-new-window-hover--xsmall,
.icon--menu-arrow--xsmall,
.icon--menu-border-small--xsmall,
.icon--module-menu--xsmall,
.icon--module-menu-hover--xsmall,
.icon--move-down--xsmall,
.icon--move-down-hover--xsmall,
.icon--move-up--xsmall,
.icon--move-up-hover--xsmall,
.icon--move-up-white--xsmall,
.icon--new-window--xsmall,
.icon--new-window-black--xsmall,
.icon--new-window-gray--xsmall,
.icon--new-window-light--xsmall,
.icon--new-window-white--xsmall,
.icon--quicklinks--xsmall-hover,
.icon--quicklinks--xsmall,
.icon--quicklinks-white--xsmall,
.icon--sort--xsmall,
.icon--sort-bottom-right--xsmall,
.icon--sort-hover--xsmall,
.icon--sort-hover-original--xsmall,
.icon--sort-hover-right--xsmall,
.icon--sort-none-right--xsmall,
.icon--sort-original--xsmall,
.icon--sort-right--xsmall,
.icon--sort-top-right--xsmall,
.icon--article--small,
.icon--close-x--small,
.icon--download--small,
.icon--download--small_white,
.icon--help-back--small,
.icon--left-arrow-x--small,
.icon--link-arrow-white--small,
.icon--link_arrow--small,
.icon--logout--small,
.icon--menu-arrow--small,
.icon--menu-default--small,
.icon--menu-select--small,
.icon--menu-small--small,
.icon--module-collapse--small,
.icon--module-collapse-hover--small,
.icon--module-expand--small,
.icon--module-expand-hover--small,
.icon--move-up--small,
.icon--move-up-hover--small,
.icon--search--small,
.icon--settings-arrow--small,
.icon--stopped--small,
.icon--toolbar-close--small,
.icon--toolbar-close-blue--small,
.icon--toolbar-close-gray--small,
.icon--topmenu-arrow--small,
.icon--topmenu-arrow-hover--small,
.icon--accounts-and-cards--medium,
.icon--alert--medium,
.icon--arrow-hollow-black,
.icon--arrow-hollow-white,
.icon--arrow-tab-down,
.icon--button--medium,
.icon--check--medium,
.icon--checkbox--medium,
.icon--checkbox-check--medium,
.icon--checkbox-check-hover--medium,
.icon--checkbox-hover--medium,
.icon--close--medium,
.icon--close-hover--medium,
.icon--contact-service--medium,
.icon--customer-bonus--medium,
.icon--economy--medium,
.icon--help--medium,
.icon--icon_check,
.icon--info--medium,
.icon--info-blue--medium,
.icon--internet-mobile-bankid--medium,
.icon--loan--medium,
.icon--logged-in-as--medium,
.icon--mail--medium,
.icon--menu--medium,
.icon--menu-blue--medium,
.icon--menu-border--medium,
.icon--message--medium,
.icon--message-white--medium,
.icon--new-window-white-right-padding--medium,
.icon--payment--medium,
.icon--pension--medium,
.icon--pin--medium,
.icon--questionmark--medium,
.icon--questionmark-hover--medium,
.icon--radio--medium,
.icon--radio-hover--medium,
.icon--radio-selected--medium,
.icon--radio-selected-hover--medium,
.icon--savings--medium,
.icon--service--medium,
.icon--settings--medium,
.icon--settings-hover--medium,
.icon--toolbar-contact--medium,
.icon--toolbar-fav--medium,
.icon--toolbar-help--medium,
.icon--toolbar-todo--medium,
.icon--address--large,
.icon--button-right-padding--large,
.icon--card--large,
.icon--clock--large,
.icon--contact--large,
.icon--menu-cards--large,
.icon--menu-payments--large,
.icon--menu-percent--large,
.icon--menu-portfolio--large,
.icon--menu-umbrella--large,
.icon--support--large,
.icon--toolbar-arrow--large,
.icon--toolbar-contact--large,
.icon--toolbar-fav--large,
.icon--toolbar-help--large,
.icon--toolbar-todo--large,
.icon--info--xlarge,
.shb-tabpanel__item,
.shb-tabpanel__item--small,
.shb-megamenu__nonresponsive .shb-megamenu__menu-item-group,
.shb-megamenu__nonresponsive .shb-megamenu__top,
.shb-megamenu__nonresponsive .shb-megamenu__top-a--is-not-autoloaded,
.shb-megamenu__nonresponsive .shb-megamenu__toggle-button__icon,
.shb-megamenu__nonresponsive .shb-megamenu__menublock,
.shb-megamenu__nonresponsive .shb-megamenu__pipe,
.shb-megamenu__nonresponsive .shb-megamenu__tip-inspiration,
.icon--expand-content-down--xsmall,
.icon--expand-content-up--xsmall,
.icon--imageslider-dot--xsmall,
.icon--imageslider-dot-hover--xsmall,
.icon--imageslider-dot-selected--xsmall,
.icon--link-arrow--xsmall,
.icon--link-arrow-button--xsmall,
.icon--link-download--xsmall,
.icon--module-link-default--xsmall,
.icon--module-link-hover--xsmall,
.icon--module-link-new-window--xsmall,
.icon--module-link-new-window-white--small,
.icon--current-collapsed-arrow--small,
.icon--current-expanded-arrow--small,
.icon--center-line--medium,
.icon--imageslider-arrow-left--medium,
.icon--imageslider-arrow-left-hover--medium,
.icon--imageslider-arrow-right--medium,
.icon--imageslider-arrow-right-hover--medium,
.icon--tab-end--medium,
.icon--action-arrow--large,
.icon--check--large,
.icon--circle--large,
.icon--imageslider-arrow-big-left--large,
.icon--imageslider-arrow-big-left-hover--large,
.icon--imageslider-arrow-big-right--large,
.icon--imageslider-arrow-big-right-hover--large,
.shb-todo__arrow {
  /* TODO: Don't use. Just use display:inline-block instead */
  /* TODO: Use display: inline-block instead and remove this! */
  display: inline-block;
}
.shb-inline-block--right {
  float: right;
}
.shb-spi--hidden-at-startup {
  display: none;
  /* shown later at application startup */
}
.shb-right-pipe {
  margin-right: 10px;
  padding-right: 10px;
  border-right: 1px solid #bbb;
}
.shb-left-pipe {
  margin-left: 10px;
  padding-left: 10px;
  border-left: 1px solid #bbb;
}
.shb-fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
.shb-border {
  border: 1px solid #dedede;
}
.shb-group-items {
  display: flex;
}
.shb-group-items--space-between {
  justify-content: space-between;
}
/* Because iP(hone|od|ad) click event only occurs with onclick handlers or cursor:pointer this class should only be used
if (/iP(hone|od|ad)/.test(navigator.platform)) {
   $(document.body).addClass('shb-ios');
} */
.shb-ios * {
  cursor: pointer;
}
/* fonts and text */
@font-face {
  font-family: "SHB_SlabSerifBlack";
  src: url('../../../fonts/jedi/base/kit/HandelsbankenSlabserif-Black.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "SHB_SlabSerifBold";
  src: url('../../../fonts/jedi/base/kit/HandelsbankenSlabserif-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "SHB_SlabSerifBoldItalic";
  src: url('../../../fonts/jedi/base/kit/HandelsbankenSlabserif-BoldItalic.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "SHB_SlabSerifLight";
  src: url('../../../fonts/jedi/base/kit/HandelsbankenSlabserif-Light.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "SHB_SlabSerifLightItalic";
  src: url('../../../fonts/jedi/base/kit/HandelsbankenSlabserif-LightItalic.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "SHB_SlabSerifRegular";
  src: url('../../../fonts/jedi/base/kit/HandelsbankenSlabserif-Regular.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "SHB_SlabSerifTableLight";
  src: url('../../../fonts/jedi/base/kit/HandelsbankenSlabserifTable-Light.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "SHB_SlabSerifThin";
  src: url('../../../fonts/jedi/base/kit/HandelsbankenSlabserif-Thin.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "SHB_SlabSerifThinItalic";
  src: url('../../../fonts/jedi/base/kit/HandelsbankenSlabserif-ThinItalic.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: "shb-icons";
  src: url("../../../fonts/jedi/base/kit/shb-icons.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
}
@font-face {
  font-family: 'HandelsbankenSlabSerif';
  src: url("../../../fonts/jedi/base/kit/HandelsbankenSlabserif-Bold.ttf") format('truetype');
  font-weight: 700;
}
@font-face {
  font-family: 'HandelsbankenSlabSerif';
  src: url("../../../fonts/jedi/base/kit/HandelsbankenSlabserif-Regular.ttf") format('truetype');
  font-weight: 400;
}
@font-face {
  font-family: 'HandelsbankenSlabSerif';
  src: url("../../../fonts/jedi/base/kit/HandelsbankenSlabserif-Light.ttf") format('truetype');
  font-weight: 300;
}
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  src: url('../../../fonts/jedi/base/kit/roboto-v30-latin-300.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: url('../../../fonts/jedi/base/kit/roboto-v30-latin-regular.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  src: url('../../../fonts/jedi/base/kit/roboto-v30-latin-500.woff2') format('woff2');
}
@font-face {
  font-display: swap;
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  src: url('../../../fonts/jedi/base/kit/roboto-v30-latin-700.woff2') format('woff2');
}
.shb-headline,
h1,
.shb-h1,
h2,
.shb-h2,
h3,
.shb-h3,
h4,
h5,
.shb-auth-common__h3,
.shb-auth-common__h2 {
  font-family: SHB_SlabSerifBold, Georgia, sans-serif;
  font-weight: 700;
  color: #222222;
  margin-top: 0;
  margin-bottom: 8px;
  vertical-align: top;
  text-decoration: none;
}
.shb-headline--light {
  font-family: SHB_SlabSerifBold, Georgia, sans-serif;
  font-weight: 700;
}
.shb-headline--top {
  font-family: SHB_SlabSerifBold, Georgia, sans-serif;
  font-weight: 700;
  font-size: 42px;
  color: #017ab2;
}
.shb-headline--secondary {
  color: #222222;
}
/* These should be replaced with .shb-h1, .shb-h2 etc. */
h1,
.shb-h1 {
  color: #005fa5;
  font-size: 28px;
}
h1.shb-h1--surface,
.shb-h1.shb-h1--surface {
  margin-bottom: 16px;
}
h2,
.shb-h2 {
  font-size: 20px;
}
h3,
.shb-h3 {
  font-size: 18px;
}
h3.shb-h3--strong,
.shb-h3.shb-h3--strong {
  font-family: SHB_SlabSerifBold, Georgia, sans-serif;
}
h4 {
  font-size: 16px;
}
h5 {
  font-size: 14px;
}
/* Label in Styleguide */
.shb-h3--label,
.shb-h3--label__icon {
  line-height: 1.3em;
  margin: 0;
  padding: 0;
  font-family: SHB_SlabSerifBold, Georgia, sans-serif;
  font-size: 18px;
  color: #222;
  margin-bottom: 10px;
}
.shb-h3--label.shb-h3--label--bright {
  color: #fff;
}
.shb-h3--label__icon {
  background-image: url('../../../img/jedi/base/kit/sprites_kit_medium.png');
  background-position: 1px -922px;
  background-repeat: no-repeat;
  padding-left: 32px;
  padding-top: 3px;
  height: 23px;
}
.shb-h3--label__error-icon {
  background-image: url('../../../img/jedi/base/kit/sprites_kit_medium.png');
  background-position: 1px -874px;
}
.shb-label--large,
.shb-cms-richtext .shb-label--large {
  line-height: 1.3em;
  margin: 0;
  padding: 0;
  font-family: SHB_SlabSerifBold, Georgia, sans-serif;
  font-size: 20px;
  color: #222;
  margin-bottom: 10px;
}
.shb-label--large.shb-label--large--bright,
.shb-cms-richtext .shb-label--large.shb-label--large--bright {
  color: #fff;
}
.shb-label--large.shb-label-link--large,
.shb-cms-richtext .shb-label--large.shb-label-link--large {
  margin-bottom: 0;
  text-decoration: none;
}
.shb-label--large.shb-label-link--large:hover,
.shb-cms-richtext .shb-label--large.shb-label-link--large:hover,
.shb-label--large.shb-label-link--large:focus,
.shb-cms-richtext .shb-label--large.shb-label-link--large:focus {
  color: #222222;
}
.shb-cms__h2 {
  margin-top: -2px;
  margin-bottom: 40px;
  font-family: SHB_SlabSerifBold, Georgia, sans-serif;
  font-size: 28px;
  line-height: 36px;
  color: #222;
  text-align: center;
}
.shb-header-darkblue {
  line-height: 1.3em;
  color: #222;
  font-family: SHB_SlabSerifBold, Georgia, sans-serif;
  font-size: 18px;
  color: #005fa5;
  margin: 0;
  padding: 0;
}
/* H1 white in styleguide */
.shb-h1--white {
  font-family: SHB_SlabSerifBold, Georgia, sans-serif;
  font-weight: 700;
  font-size: 28px;
  color: #fff;
  margin: 0;
  line-height: 36px;
  vertical-align: top;
  text-decoration: none;
}
.shb-group-headline {
  font-size: 14px;
  font-weight: 700;
  color: #043b62;
}
/* HDS TYPOGRAPHY 2019 */
/* TITLES */
.shb-title-1,
.shb-cms-hero-content__headline,
.shb-sepu-apply-corporate-receipt-heading {
  line-height: 1.3em;
  margin: 0;
  padding: 0;
  color: #222;
  color: #005fa5;
  font-family: SHB_SlabSerifBold, Georgia, sans-serif;
  font-size: 42px;
}
.shb-title-2 {
  line-height: 1.3em;
  margin: 0;
  padding: 0;
  color: #222;
  font-family: SHB_SlabSerifBold, Georgia, sans-serif;
  font-size: 38px;
}
.shb-title-3,
.shb-sepu-apply-corporate-heading,
.shb-sepu-apply-corporate-heading2,
.shb-sepu-apply-corporate-receipt-text {
  line-height: 1.3em;
  margin: 0;
  padding: 0;
  color: #222;
  font-family: SHB_SlabSerifBold, Georgia, sans-serif;
  font-size: 28px;
}
.shb-title-4 {
  line-height: 1.3em;
  margin: 0;
  padding: 0;
  color: #222;
  font-family: SHB_SlabSerifBold, Georgia, sans-serif;
  font-size: 28px;
}
.shb-title-5 {
  line-height: 1.3em;
  margin: 0;
  padding: 0;
  color: #222;
  font-family: SHB_SlabSerifBold, Georgia, sans-serif;
  font-size: 24px;
}
.shb-title-6 {
  line-height: 1.3em;
  margin: 0;
  padding: 0;
  color: #222;
  font-family: SHB_SlabSerifBold, Georgia, sans-serif;
  font-size: 20px;
}
.shb-title-7 {
  line-height: 1.3em;
  margin: 0;
  padding: 0;
  color: #222;
  font-family: SHB_SlabSerifBold, Georgia, sans-serif;
  font-size: 20px;
}
.shb-title-8 {
  line-height: 1.3em;
  margin: 0;
  padding: 0;
  color: #222;
  font-family: SHB_SlabSerifBold, Georgia, sans-serif;
  font-size: 18px;
}
.shb-title-10 {
  line-height: 1.3em;
  margin: 0;
  padding: 0;
  color: #222;
  font-family: "Roboto", sans-serif;
  font-size: 18px;
}
.shb-title-11 {
  line-height: 1.3em;
  margin: 0;
  padding: 0;
  color: #222;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  font-weight: 700;
}
.shb-title-12 {
  line-height: 1.3em;
  margin: 0;
  padding: 0;
  color: #222;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
}
.shb-title-13 {
  line-height: 1.3em;
  margin: 0;
  padding: 0;
  color: #222;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
}
/* INGRESSES */
.shb-ingress-1 {
  font-family: "Roboto", sans-serif;
  margin: 0;
  padding: 0;
  color: #222222;
  line-height: 1.3em;
  max-width: 40em;
  font-size: 24px;
}
.shb-ingress-2 {
  font-family: "Roboto", sans-serif;
  margin: 0;
  padding: 0;
  color: #222222;
  line-height: 1.3em;
  max-width: 40em;
  font-size: 18px;
}
.shb-default-text,
.shb-text,
.shb-text--dark-bg,
.shb-text--normal,
.shb-text--medium,
.shb-text--large,
.shb-text--small,
.shb-text--tiny,
.shb-paragraph,
.shb-paragraph--large,
.shb-text-box--small,
.shb-text-box,
.shb-text-box--note,
.shb-text-box--error,
.shb-spi-modal-msg,
.shb-approval-ar-order-group-info-description,
.shb-approval-ar-order-group-signed-by,
.shb-bullet-list__item,
.shb-cms-table-open .shb-cms-table__group,
.shb-cms-table-closed .shb-cms-table__group,
.shb-cms-table-open .shb-cms-table__header,
.shb-cms-table-closed .shb-cms-table__header,
.shb-inat-update-information__description,
.shb-inat-update-information__text,
.shb-text--super,
.shb-text--top {
  font-family: "Roboto", sans-serif;
  line-height: 1.6em;
}
/* Paragraph sizes */
/* normal paragraph font size */
.shb-text {
  font-size: 16px;
  color: #222222;
}
.shb-text.shb-text--dark {
  color: #043b62;
}
.shb-text--dark-bg {
  font-size: 16px;
  color: #fff;
}
/* normal paragraph font size */
.shb-text--normal {
  font-size: 16px;
}
/* medium paragraph font size */
.shb-text--medium {
  font-size: 18px;
}
/* large paragraph font size */
.shb-text--large {
  font-size: 20px;
}
/* small paragraph font size */
.shb-text--small {
  font-size: 14px;
}
/* tiny paragraph font size */
.shb-text--tiny,
.shb-text--super,
.shb-text--top {
  font-size: 12px;
}
.shb-text--shout {
  text-transform: uppercase;
}
.shb-text--h1-size {
  font-size: 28px;
}
.shb-text--h2-size {
  font-size: 20px;
}
.shb-text--h3-size {
  font-size: 18px;
}
.shb-text--h4-size {
  font-size: 16px;
}
.shb-text--h5-size {
  font-size: 14px;
}
/* Profile font */
/* text with the profile font */
.shb-text--profile-font {
  font-family: SHB_SlabSerifBold, Georgia, sans-serif;
}
/* text with the narrow / light profile font */
.shb-text--light-profile-font {
  font-family: SHB_SlabSerifLight, Georgia, sans-serif;
}
/* text color */
.shb-text--positive {
  color: #005fa5;
}
.shb-text--neutral {
  color: #000;
}
.shb-text--negative {
  color: #dd4f3b;
}
/* text justification */
.shb-text--left {
  text-align: left;
}
.shb-text--right {
  text-align: right;
}
.shb-text--center {
  text-align: center;
}
.shb-text--justify {
  text-align: justify;
}
.shb-text--truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.shb-text--truncate-y {
  white-space: nowrap;
  overflow-y: hidden;
  text-overflow: ellipsis;
}
.shb-text--truncate-x {
  white-space: nowrap;
  overflow-x: hidden;
  text-overflow: ellipsis;
}
.shb-text--truncate-inline {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  vertical-align: bottom;
}
.shb-text--help {
  border-bottom: 1px dotted #aaa;
  cursor: help;
}
.shb-paragraph {
  font-size: 16px;
  color: #222222;
  padding: 0 0 10px 0;
  margin: 0;
}
.shb-paragraph.shb-text--dark {
  color: #043b62;
}
.shb-paragraph--large {
  font-size: 16px;
  color: #222222;
  padding: 0 0 16px 0;
  margin: 0;
}
.shb-paragraph--large.shb-text--dark {
  color: #043b62;
}
.shb-text-box--small {
  font-size: 16px;
  color: #222222;
  padding: 7px 10px;
  margin: 0;
}
.shb-text-box--small.shb-text--dark {
  color: #043b62;
}
.shb-text--super {
  vertical-align: super;
  color: #222;
}
.shb-text--top {
  vertical-align: top;
  color: #222;
}
.shb-text-box {
  font-size: 16px;
  color: #222222;
  padding: 11px 10px;
  margin: 0;
}
.shb-text-box.shb-text--dark {
  color: #043b62;
}
.shb-text-box--note {
  font-size: 14px;
  padding: 10px;
  margin: 0;
}
.shb-text-box--error {
  font-size: 16px;
  color: #222222;
  text-align: center;
  padding: 30px 10px 30px 10px;
  margin: 0;
}
.shb-text-box--error.shb-text--dark {
  color: #043b62;
}
.shb-text-box--error__icon {
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  padding-left: 31px;
  background-position: 0px -923px;
  height: 30px;
  display: inline-block;
  margin-bottom: -12px;
}
.shb-text-box-button-set {
  padding: 14px 30px 0 30px;
}
.shb-text-box--error--fancy {
  background-color: #f6f6f6;
}
.shb-text-box-button-set__action_button {
  margin: 0 !important;
  padding: 8px 30px 8px 30px !important;
  border: none !important;
}
.shb-text-money {
  text-align: right;
  white-space: nowrap;
}
body .shb-text--hint {
  color: #848484;
}
/* HDS TYPOGRAPHY 2019 */
/* STANDARD TEXTS */
.shb-text-1 {
  font-family: "Roboto", sans-serif;
  margin: 0;
  padding: 0;
  color: #222222;
  line-height: 1.6em;
  max-width: 40em;
  font-size: 18px;
}
.shb-text-1--medium {
  font-family: "Roboto", sans-serif;
  margin: 0;
  padding: 0;
  color: #222222;
  line-height: 1.6em;
  max-width: 40em;
  font-size: 18px;
  font-weight: 500;
}
.shb-text-2 {
  font-family: "Roboto", sans-serif;
  margin: 0;
  padding: 0;
  color: #222222;
  line-height: 1.6em;
  max-width: 40em;
  font-size: 16px;
}
.shb-text-3 {
  font-family: "Roboto", sans-serif;
  margin: 0;
  padding: 0;
  color: #222222;
  line-height: 1.6em;
  max-width: 40em;
  font-size: 14px;
}
.shb-legible-column-width,
.shb-cms-hero-content__copy,
.shb-cms-hero-content__tagline,
.shb-cms-hero-content__text,
.shb-cms-hero-content__headline {
  max-width: 40em;
}
.shb-link,
.shb-standard-link,
.shb-new-window-link,
.shb-close-link,
.shb-button-set__cancel-button,
.shb-grid__link-text,
.shb-standard-link--back,
.shb-new-window-link--gray {
  color: #005fa5;
  text-decoration: none;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
}
.shb-link:visited,
.shb-standard-link:visited,
.shb-new-window-link:visited,
.shb-button-set__cancel-button:visited,
.shb-grid__link-text:visited,
.shb-standard-link--back:visited,
.shb-new-window-link--gray:visited {
  color: #005fa5;
}
.shb-link:hover,
.shb-standard-link:hover,
.shb-new-window-link:hover,
.shb-button-set__cancel-button:hover,
.shb-grid__link-text:hover,
.shb-standard-link--back:hover,
.shb-new-window-link--gray:hover {
  color: #043b62;
  text-decoration: underline;
  cursor: pointer;
}
.shb-link:active,
.shb-standard-link:active,
.shb-new-window-link:active,
.shb-button-set__cancel-button:active,
.shb-grid__link-text:active,
.shb-standard-link--back:active,
.shb-new-window-link--gray:active {
  color: #043b62;
}
.shb-link:focus,
.shb-standard-link:focus,
.shb-new-window-link:focus,
.shb-button-set__cancel-button:focus,
.shb-grid__link-text:focus,
.shb-standard-link--back:focus,
.shb-new-window-link--gray:focus {
  color: #043b62;
  text-decoration: underline;
  outline: none;
}
/* For buttons that should look like links
NOTE: buttons that look like links behave bad in IE9+ (text jumps 1px when pressed) */
.shb-link--button {
  border: none;
  background: none;
  line-height: 1.3;
}
/* Modifiers to be used together with shb-link */
.shb-link--secondary,
.shb-link--secondary:active,
.shb-link--secondary:visited,
.shb-new-window-link--secondary,
.shb-new-window-link--secondary:active,
.shb-new-window-link--secondary:visited {
  color: #ffffff;
}
.shb-link--small {
  font-size: 12px;
}
/* Is "--is-selected" really used anywhere?? */
.shb-link--is-selected {
  color: #222222;
  font-weight: bold;
  cursor: default;
  /* cant select allready selected */
}
.shb-link--is-selected:visited {
  color: #222222;
  cursor: default;
}
.shb-link--is-selected:hover {
  text-decoration: none;
  cursor: default;
}
.shb-link--boxed {
  padding: 12px 10px 12px 10px;
  display: block;
  line-height: 18px;
}
.shb-link--boxed .shb-link--decorated {
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-right: 14px;
  background-position: right -1781px;
}
.shb-link--boxed .shb-link--popup {
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-right: 19px;
  background-position: right -1448px;
  margin-right: 4px;
}
.shb-link--boxed:hover .shb-link--decorated {
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-right: 14px;
  background-position: right -1819px;
}
.shb-link--boxed:hover .shb-link--popup {
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-right: 19px;
  background-position: right -1374px;
}
.shb-link--boxed:focus {
  background-color: #f0f8fa;
}
.shb-link--boxed:focus .shb-link--decorated {
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-right: 14px;
  background-position: right -1819px;
}
.shb-link--boxed:focus .shb-link--popup {
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-right: 19px;
  background-position: right -1374px;
}
.shb-link--internal-popup {
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  padding-right: 24px;
  background-position: right -127px;
}
/*
## Links with icons
*/
.shb-standard-link,
.shb-standard-link--back {
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  padding-right: 26px;
  background-position: right -123px;
  /* TODO: Use display: inline-block instead and remove this! */
  /* TODO: Don't use. Just use display:inline-block instead */
  /* TODO: Use display: inline-block instead and remove this! */
  display: inline-block;
  line-height: 16.7px;
  padding-top: 4px;
  padding-bottom: 4px;
}
.shb-standard-link--back {
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: left -927px;
  padding-left: 18px;
  /* overiding style... */
  padding-right: 0;
  /* overiding style... */
}
.shb-new-window-link,
.shb-new-window-link--gray {
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-right: 19px;
  background-position: right -1371px;
  padding-top: 3px;
  padding-bottom: 5px;
  display: inline;
}
.shb-new-window-link--gray {
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-right: 19px;
  background-position: right -1445px;
}
/*  three modifiers */
.shb-new-window-link--secondary {
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-right: 19px;
  background-position: right -1520px;
}
.shb-close-link {
  display: inline-block;
  /* .shb-sprite(@icon--close--medium, right, -2); */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: right -1874px;
  vertical-align: top;
  width: 20px;
  height: 20px;
  padding-top: 2px;
  padding-right: 29px;
}
.shb-close-link:hover,
.shb-close-link:focus {
  background-position: right -2024px;
}
.shb-button--boxed {
  color: #005fa5;
  text-decoration: none;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  display: inline-block;
  padding: 8px 10px 8px 10px;
  border: 1px solid #005fa5;
  margin: 10px 0;
  background-color: transparent;
}
.shb-button--boxed:visited {
  color: #005fa5;
}
.shb-button--boxed:hover {
  color: #043b62;
  text-decoration: underline;
  cursor: pointer;
}
.shb-button--boxed:active {
  color: #043b62;
}
.shb-button--boxed:focus {
  color: #043b62;
  text-decoration: underline;
  outline: none;
}
.shb-button--boxed:focus,
.shb-button--boxed:hover {
  border-color: #0074be;
}
/* link-button */
.shb-link-button,
.shb-text-box-button-set__action_button,
.shb-link-inline-button,
.shb-standard-link-button,
.shb-new-window-link-button,
.shb-button-set__action_button {
  display: inline-block;
  border-radius: 4px;
  background-clip: padding-box;
  text-shadow: #256aa2 1px 1px 2px;
  width: auto;
  height: auto;
  text-decoration: none;
  background-color: #005fa5;
  color: #fff;
  padding: 8px 10px 8px 10px;
  cursor: pointer;
  white-space: nowrap;
  margin: 10px 0;
  font-size: 16px;
  font-family: helvetica, arial, sans-serif;
  font-weight: normal;
}
.shb-link-button:hover,
.shb-text-box-button-set__action_button:hover,
.shb-link-inline-button:hover,
.shb-standard-link-button:hover,
.shb-new-window-link-button:hover,
.shb-button-set__action_button:hover {
  background-color: #0074be;
  text-decoration: none;
}
.shb-link-button:focus,
.shb-text-box-button-set__action_button:focus,
.shb-link-inline-button:focus,
.shb-standard-link-button:focus,
.shb-new-window-link-button:focus,
.shb-button-set__action_button:focus {
  background-color: #0074be;
  outline: none;
  text-decoration: none;
}
button.shb-link-button,
button.shb-text-box-button-set__action_button,
button.shb-link-inline-button,
button.shb-standard-link-button,
button.shb-new-window-link-button,
button.shb-button-set__action_button {
  border: none;
}
.shb-link-inline-button {
  margin: 0;
}
.shb-standard-link-button {
  /* .shb-sprite(@icon--button-right-padding--large, right, -5); */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: right -630px;
  padding-right: 37px;
}
.shb-new-window-link-button {
  /* .shb-sprite(@icon--new-window-white-right-padding--medium, right, 3); */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: right -1269px;
  padding-right: 37px;
}
.shb-button-set__action_button {
  margin: 0 30px 0 0;
  padding: 8px 30px 8px 30px;
  border: none;
}
.shb-button-set__action_button--disabled {
  text-shadow: none;
  background-color: #666;
  cursor: default;
}
.shb-button-set__action_button--disabled:hover,
.shb-button-set__action_button--disabled:focus {
  background-color: #666;
}
.shb-button-set__cancel-button {
  padding: 8px 30px 8px 0;
  background-color: transparent;
  border: none;
}
body:not(.non-responsive) .shb-button-set__cancel-button {
  display: inline-block;
}
.shb-button-set {
  background-color: #f6f6f6;
  border-radius: 0 0 4px 4px;
  padding: 14px 30px 14px 30px;
}
.shb--clickable,
.shb-auth-cap-with-cord__select-card-wrapper .shb-auth-cap-with-cord__select-card-list > li {
  cursor: pointer;
}
.shb--movable {
  cursor: move;
}
.shb--clickable:hover > a {
  text-decoration: underline;
}
.shb-link--logout {
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  padding-left: 24px;
  background-position: 0px -882px;
}
/* module frame, header and body */
.shb-module-wrapper {
  padding-bottom: 20px;
  position: relative;
}
.shb-surface--tabsurface .shb-module-wrapper {
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  background: #fff;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  padding-bottom: 0;
}
.shb-module {
  border-radius: 8px;
  border: 1px solid #dedede;
  background-color: #fff;
  color: #222222;
  position: relative;
}
.shb-module.shb-module--is-collapsed {
  border-bottom: none;
}
.shb-module.shb-module--root {
  margin-bottom: 20px;
}
/* Modules extending from BaseModule in an anchor should not have padding below module nor module heading */
.shb-anchorpopup__body .shb-module {
  border: 0;
}
.shb-anchorpopup__body .shb-module.shb-module--root {
  margin-bottom: 0px;
}
.shb-anchorpopup__body .shb-module__header {
  display: none;
}
.shb-anchorpopup__body .shb-module__load-layer {
  top: 0;
}
.shb-module__body-spacer {
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 10px;
}
.shb-module__title-spacer {
  margin-top: 40px;
  margin-bottom: 10px;
  /* this is extra so we get correct spacing */
}
.shb-module__form-fotter {
  padding-left: 40px;
  padding-right: 40px;
  padding-bottom: 10px;
  padding-top: 10px;
  border-top: solid 2px #d4d4d4;
  background-color: #eaeaea;
}
.shb-module__header {
  background-color: #eaf4f7;
  position: relative;
  color: #eaf4f7;
  height: 42px;
  border: 1px solid #dedede;
  z-index: 2;
  margin: -1px -1px 0 -1px;
  border-radius: 8px 8px 0 0;
}
.shb-module__header h2 {
  padding-left: 10px;
  display: inline-block;
  vertical-align: middle;
}
.shb-module__header--alt {
  background-color: #ffffff;
  height: 76px;
}
.shb-module__header--alt .shb-module__heading {
  line-height: 76px;
}
.shb-module__header--alt h2 {
  padding-left: 24px;
}
.shb-module__header_expand-toggle {
  position: absolute;
  left: 0px;
  right: 40px;
  top: 0;
  bottom: 0;
}
.shb-module__header_expand-toggle--two-menues {
  right: 80px;
}
.shb-module__header_expand-toggle--alt {
  right: 76px;
}
.shb-module__header--is-hoverable {
  transition: background 0.2s;
  cursor: pointer;
  border-radius: 7px 0 0 0;
}
.shb-module__header--is-hoverable:hover {
  background-color: #a7d5e2;
}
.shb-module__header--is-hoverable:hover .shb-module__header__toggle-icon {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -514px;
  width: 16px;
  height: 14px;
  margin-top: 14px;
}
.shb-module--is-collapsed .shb-module__header--is-hoverable:hover .shb-module__header__toggle-icon {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -436px;
  width: 16px;
  height: 14px;
  margin-top: 14px;
}
.shb-module__header--is-focusable {
  cursor: pointer;
}
.shb-module__header--is-focusable:focus {
  background-color: #a7d5e2;
}
.shb-module__header--is-focusable:focus .shb-module__header__toggle-icon {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -514px;
  width: 16px;
  height: 14px;
  margin-top: 14px;
}
.shb-module--is-collapsed .shb-module__header--is-focusable:focus .shb-module__header__toggle-icon {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -436px;
  width: 16px;
  height: 14px;
  margin-top: 14px;
}
.shb-module__header__loader {
  margin-top: -16px;
  position: absolute;
  top: 50%;
  right: 44px;
}
.shb-module__header__loader--two-menues {
  right: 84px;
}
.shb-module__header__loader-icon {
  background-image: url('../../../img/jedi/base/kit/jedi-menu-loader-icon-small.gif');
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  margin: 8px;
}
.shb-module__headless__loader-icon {
  background-image: url('../../../img/jedi/base/kit/ajax-loader.gif');
  width: 32px;
  height: 32px;
  background-repeat: no-repeat;
  margin: 16px;
}
.shb-module__heading {
  color: #005fa5;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 42px;
  padding-top: 1px;
}
.shb-module__header__toggle-icon {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -397px;
  width: 16px;
  height: 14px;
  display: inline-block;
  margin-top: 14px;
  margin-left: 7px;
}
.shb-module--is-collapsed .shb-module__header__toggle-icon {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -475px;
  width: 16px;
  height: 14px;
}
.shb-module__header__toggle-icon-container {
  width: 20px;
  float: left;
}
.shb-module__body {
  position: relative;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  z-index: 1;
}
.shb-module-group__header {
  font-size: 14px;
  font-weight: 700;
  color: #043b62;
  background: #e1f0f5;
  padding: 7px 10px;
  border-bottom: 1px solid #dedede;
}
.shb-module-group__header:hover,
.shb-module-group__header:focus,
.shb-module-group__header:active {
  text-decoration: underline;
  outline: none;
}
.shb-module-group__header-link:hover,
.shb-module-group__header-link:focus,
.shb-module-group__header-link:active {
  text-decoration: underline;
  outline: none;
}
.shb-module__header__info {
  display: inline-block;
  width: 280px;
  margin-left: 10px;
  vertical-align: middle;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.shb-module__header__info:empty {
  display: none;
}
.shb-module__load-layer {
  position: absolute;
  top: 41px;
  bottom: 0;
  width: 100%;
  background-color: #dedede;
  z-index: 3;
  opacity: 0.7;
}
.shb-module__button-list {
  background-color: #f6f6f6;
  padding: 14px 30px 14px 30px;
}
.shb-module__button-list--center {
  text-align: center;
}
.shb-module__information-row {
  padding: 6px 7px 6px 7px;
  border-top: 1px solid #dedede;
}
.shb-module__information-blue-icon {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -923px;
  width: 24px;
  height: 24px;
  display: inline-block;
}
.shb-module__information-red-icon {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -874px;
  width: 24px;
  height: 24px;
  display: inline-block;
}
.shb-module__information--icon {
  display: table-cell;
  padding-top: 2px;
}
.shb-module__information--small-icon {
  display: table-cell;
  padding-top: 3px;
}
.shb-module__information--text {
  display: table-cell;
  padding-left: 10px;
  vertical-align: middle;
}
.shb-module__arrow-large-icon {
  background: url(../../../img/jedi/base/modules/arrow_large.png) no-repeat;
  position: absolute;
  top: 10px;
  right: 45px;
  height: 25px;
  width: 66px;
}
.shb-module__disclaimer-row {
  white-space: nowrap;
}
.shb-module__disclaimer-number {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}
.shb-module__disclaimer-text {
  display: inline-block;
  white-space: normal;
  width: 570px;
}
.shb-module__total {
  display: inline-block;
  line-height: 18px;
  vertical-align: top;
  font-weight: bold;
}
.shb-module-bottom__links {
  width: 100%;
  height: 42px;
  display: table;
  border-top: 1px solid #e4e4e4;
  border-radius: 0 0 8px 8px;
}
.shb-module-bottom__link {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  border-right: 1px solid #e4e4e4;
}
.shb-module-bottom__link:hover {
  background-color: #f0f8fa;
}
.shb-module-bottom__link--selected {
  box-shadow: 0px -5px 0px #005fa5 inset;
}
.shb-module-bottom__link:first-child {
  border-radius: 0 0 0 7px;
}
.shb-module-bottom__link:last-child {
  border: none;
  border-radius: 0 0 7px 0;
}
body:not(.non-reponsive) .shb-module__header_expand-toggle {
  display: flex;
}
body:not(.non-reponsive) .shb-module__header__toggle-icon-container {
  flex: 0 0 auto;
}
body:not(.non-reponsive) .shb-module__heading {
  flex: 0 0 auto;
}
body:not(.non-reponsive) .shb-module__header__info {
  flex: 0 1 auto;
  width: auto;
  align-self: center;
}
/* print */
@media print {
  .shb--no-print {
    display: none;
  }
  h1,
  h2,
  h3,
  h4,
  h5 {
    page-break-after: avoid;
  }
  ul,
  img {
    page-break-inside: avoid;
  }
  p {
    orphans: 5;
  }
}
/* all sprites */
.icon--push-right {
  float: right;
  margin-left: 7px;
}
.icon--push-left {
  float: left;
  margin-right: 7px;
}
.icon--accordion-collapsed-arrow--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -128px;
  width: 9px;
  height: 9px;
}
.icon--accordion-collapsed-dark-blue-arrow--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1897px;
  width: 12px;
  height: 13px;
}
.icon--accordion-collapsed-grey-arrow--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -304px;
  width: 12px;
  height: 11px;
}
.icon--accordion-collapsed-icon-color-arrow--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1859px;
  width: 12px;
  height: 13px;
}
.icon--accordion-expanded-arrow--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -162px;
  width: 9px;
  height: 9px;
}
.icon--accordion-expanded-dark-blue-arrow--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1935px;
  width: 12px;
  height: 13px;
}
.icon--accordion-expanded-grey-arrow--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -196px;
  width: 12px;
  height: 11px;
}
.icon--accordion-expanded-icon-color-arrow--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1973px;
  width: 12px;
  height: 13px;
}
.icon--arrow--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -414px;
  width: 12px;
  height: 12px;
}
.icon--arrow-collapse-dark--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1154px;
  width: 12px;
  height: 12px;
}
.icon--arrow-expand-dark--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -377px;
  width: 12px;
  height: 12px;
}
.icon--arrow-hollow-black--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -31px;
  width: 12px;
  height: 6px;
}
.icon--arrow-hollow-white--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 12px;
  height: 6px;
}
.icon--asterisk--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -451px;
  width: 12px;
  height: 12px;
}
.icon--bullet--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -95px;
  width: 8px;
  height: 8px;
}
.icon--bullet-blue--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -62px;
  width: 12px;
  height: 8px;
}
.icon--exclamationmark--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -562px;
  width: 12px;
  height: 12px;
}
.icon--icon-arrow-coll-hoov {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -599px;
  width: 12px;
  height: 12px;
}
.icon--icon-arrow-coll {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -636px;
  width: 12px;
  height: 12px;
}
.icon--icon-arrow-exp-hoov {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -673px;
  width: 12px;
  height: 12px;
}
.icon--icon-arrow-exp-white-hoov {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -710px;
  width: 12px;
  height: 12px;
}
.icon--icon-arrow-exp-white {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -747px;
  width: 12px;
  height: 12px;
}
.icon--icon-arrow-exp {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -784px;
  width: 12px;
  height: 12px;
}
.icon--inputTextClear {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -821px;
  width: 12px;
  height: 12px;
}
.icon--inputTextClearHover {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -858px;
  width: 12px;
  height: 12px;
}
.icon--link--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -895px;
  width: 12px;
  height: 12px;
}
.icon--link-back--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -932px;
  width: 12px;
  height: 12px;
}
.icon--link-new-window--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -268px;
  width: 11px;
  height: 11px;
}
.icon--link-new-window-hover--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -232px;
  width: 11px;
  height: 11px;
}
.icon--menu-arrow--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1043px;
  width: 12px;
  height: 12px;
}
.icon--menu-border-small--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1080px;
  width: 12px;
  height: 12px;
}
.icon--module-menu--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1117px;
  width: 12px;
  height: 12px;
}
.icon--module-menu-hover--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -340px;
  width: 12px;
  height: 12px;
}
.icon--move-down--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1191px;
  width: 12px;
  height: 12px;
}
.icon--move-down-hover--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1228px;
  width: 12px;
  height: 12px;
}
.icon--move-up--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1265px;
  width: 12px;
  height: 12px;
}
.icon--move-up-hover--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1302px;
  width: 12px;
  height: 12px;
}
.icon--move-up-white--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1339px;
  width: 12px;
  height: 12px;
}
.icon--new-window--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1376px;
  width: 12px;
  height: 12px;
}
.icon--new-window-black--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1413px;
  width: 12px;
  height: 12px;
}
.icon--new-window-gray--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1450px;
  width: 12px;
  height: 12px;
}
.icon--new-window-light--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1487px;
  width: 12px;
  height: 12px;
}
.icon--new-window-white--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1524px;
  width: 12px;
  height: 12px;
}
.icon--quicklinks--xsmall-hover {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1821px;
  width: 7px;
  height: 13px;
}
.icon--quicklinks--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1783px;
  width: 7px;
  height: 13px;
}
.icon--quicklinks-white--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1635px;
  width: 7px;
  height: 12px;
}
.icon--sort--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1672px;
  width: 12px;
  height: 12px;
}
.icon--sort-bottom-right--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1709px;
  width: 12px;
  height: 12px;
}
.icon--sort-hover--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1598px;
  width: 12px;
  height: 12px;
}
.icon--sort-hover-original--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1561px;
  width: 12px;
  height: 12px;
}
.icon--sort-hover-right--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1006px;
  width: 12px;
  height: 12px;
}
.icon--sort-none-right--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -969px;
  width: 12px;
  height: 12px;
}
.icon--sort-original--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -525px;
  width: 12px;
  height: 12px;
}
.icon--sort-right--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -488px;
  width: 12px;
  height: 12px;
}
.icon--sort-top-right--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1746px;
  width: 12px;
  height: 12px;
}
.icon--article--small {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1004px;
  width: 16px;
  height: 16px;
}
.icon--close-x--small {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -594px;
  width: 16px;
  height: 16px;
}
.icon--download--small {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -963px;
  width: 16px;
  height: 16px;
}
.icon--download--small_white {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -203px;
  width: 13px;
  height: 13px;
}
.icon--help-back--small {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -241px;
  width: 8px;
  height: 14px;
}
.icon--left-arrow-x--small {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -922px;
  width: 10px;
  height: 16px;
}
.icon--link-arrow-white--small {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -166px;
  width: 7px;
  height: 12px;
}
.icon--link_arrow--small {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -129px;
  width: 7px;
  height: 12px;
}
.icon--logout--small {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -881px;
  width: 16px;
  height: 16px;
}
.icon--menu-arrow--small {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -95px;
  width: 16px;
  height: 9px;
}
.icon--menu-default--small {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -840px;
  width: 16px;
  height: 16px;
}
.icon--menu-select--small {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -758px;
  width: 16px;
  height: 16px;
}
.icon--menu-small--small {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -799px;
  width: 16px;
  height: 16px;
}
.icon--module-collapse--small {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -397px;
  width: 16px;
  height: 14px;
}
.icon--module-collapse-hover--small {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -514px;
  width: 16px;
  height: 14px;
}
.icon--module-expand--small {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -475px;
  width: 16px;
  height: 14px;
}
.icon--module-expand-hover--small {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -436px;
  width: 16px;
  height: 14px;
}
.icon--move-up--small {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -635px;
  width: 16px;
  height: 16px;
}
.icon--move-up-hover--small {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -676px;
  width: 16px;
  height: 16px;
}
.icon--search--small {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -717px;
  width: 16px;
  height: 16px;
}
.icon--settings-arrow--small {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 14px;
  height: 6px;
}
.icon--stopped--small {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -553px;
  width: 16px;
  height: 16px;
}
.icon--toolbar-close--small {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -358px;
  width: 14px;
  height: 14px;
}
.icon--toolbar-close-blue--small {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -280px;
  width: 16px;
  height: 14px;
}
.icon--toolbar-close-gray--small {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -319px;
  width: 16px;
  height: 14px;
}
.icon--topmenu-arrow--small {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -63px;
  width: 16px;
  height: 7px;
}
.icon--topmenu-arrow-hover--small {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -31px;
  width: 16px;
  height: 7px;
}
.icon--accounts-and-cards--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1722px;
  width: 25px;
  height: 25px;
}
.icon--alert--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -972px;
  width: 25px;
  height: 25px;
}
.icon--arrow-hollow-black {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -31px;
  width: 9px;
  height: 6px;
}
.icon--arrow-hollow-white {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 9px;
  height: 6px;
}
.icon--arrow-tab-down {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -62px;
  width: 20px;
  height: 8px;
}
.icon--button--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1672px;
  width: 25px;
  height: 25px;
}
.icon--check--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -95px;
  width: 25px;
  height: 15px;
}
.icon--checkbox--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -829px;
  width: 20px;
  height: 20px;
}
.icon--checkbox-check--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -784px;
  width: 20px;
  height: 20px;
}
.icon--checkbox-check-hover--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -739px;
  width: 20px;
  height: 20px;
}
.icon--checkbox-hover--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -514px;
  width: 20px;
  height: 20px;
}
.icon--close--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1872px;
  width: 25px;
  height: 25px;
}
.icon--close-hover--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -2022px;
  width: 25px;
  height: 25px;
}
.icon--contact-service--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1472px;
  width: 25px;
  height: 25px;
}
.icon--customer-bonus--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1522px;
  width: 25px;
  height: 25px;
}
.icon--economy--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1572px;
  width: 25px;
  height: 25px;
}
.icon--help--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1622px;
  width: 25px;
  height: 25px;
}
.icon--icon_check {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -2122px;
  width: 26px;
  height: 26px;
}
.icon--info--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -874px;
  width: 24px;
  height: 24px;
}
.icon--info-blue--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -923px;
  width: 24px;
  height: 24px;
}
.icon--internet-mobile-bankid--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1922px;
  width: 25px;
  height: 25px;
}
.icon--loan--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1972px;
  width: 25px;
  height: 25px;
}
.icon--logged-in-as--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -470px;
  width: 19px;
  height: 19px;
}
.icon--mail--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -2072px;
  width: 25px;
  height: 25px;
}
.icon--menu--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1022px;
  width: 25px;
  height: 25px;
}
.icon--menu-blue--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1072px;
  width: 25px;
  height: 25px;
}
.icon--menu-border--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1122px;
  width: 25px;
  height: 25px;
}
.icon--message--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1172px;
  width: 25px;
  height: 25px;
}
.icon--message-white--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1222px;
  width: 25px;
  height: 25px;
}
.icon--new-window-white-right-padding--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1272px;
  width: 25px;
  height: 25px;
}
.icon--payment--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1322px;
  width: 25px;
  height: 25px;
}
.icon--pension--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1372px;
  width: 25px;
  height: 25px;
}
.icon--pin--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1422px;
  width: 25px;
  height: 25px;
}
.icon--questionmark--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -384px;
  width: 18px;
  height: 18px;
}
.icon--questionmark-hover--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -427px;
  width: 18px;
  height: 18px;
}
.icon--radio--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -559px;
  width: 20px;
  height: 20px;
}
.icon--radio-hover--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -604px;
  width: 20px;
  height: 20px;
}
.icon--radio-selected--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -649px;
  width: 20px;
  height: 20px;
}
.icon--radio-selected-hover--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -694px;
  width: 20px;
  height: 20px;
}
.icon--savings--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1772px;
  width: 25px;
  height: 25px;
}
.icon--service--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1822px;
  width: 25px;
  height: 25px;
}
.icon--settings--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -258px;
  width: 17px;
  height: 17px;
}
.icon--settings-hover--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -342px;
  width: 17px;
  height: 17px;
}
.icon--toolbar-contact--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -176px;
  width: 25px;
  height: 16px;
}
.icon--toolbar-fav--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -300px;
  width: 25px;
  height: 17px;
}
.icon--toolbar-help--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -217px;
  width: 25px;
  height: 16px;
}
.icon--toolbar-todo--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -135px;
  width: 25px;
  height: 16px;
}
.icon--address--large {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -269px;
  width: 32px;
  height: 32px;
}
.icon--button-right-padding--large {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -625px;
  width: 40px;
  height: 40px;
}
.icon--card--large {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -326px;
  width: 32px;
  height: 32px;
}
.icon--clock--large {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -383px;
  width: 32px;
  height: 32px;
}
.icon--contact--large {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -212px;
  width: 32px;
  height: 32px;
}
.icon--menu-cards--large {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -820px;
  width: 40px;
  height: 40px;
}
.icon--menu-payments--large {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -755px;
  width: 40px;
  height: 40px;
}
.icon--menu-percent--large {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -690px;
  width: 40px;
  height: 40px;
}
.icon--menu-portfolio--large {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -885px;
  width: 40px;
  height: 40px;
}
.icon--menu-umbrella--large {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -560px;
  width: 40px;
  height: 40px;
}
.icon--support--large {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -440px;
  width: 32px;
  height: 32px;
}
.icon--toolbar-arrow--large {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -497px;
  width: 16px;
  height: 38px;
}
.icon--toolbar-contact--large {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -159px;
  width: 28px;
  height: 28px;
}
.icon--toolbar-fav--large {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -106px;
  width: 28px;
  height: 28px;
}
.icon--toolbar-help--large {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -53px;
  width: 28px;
  height: 28px;
}
.icon--toolbar-todo--large {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 28px;
  height: 28px;
}
.icon--info--xlarge {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xlarge.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xlarge.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 60px;
  height: 60px;
}
/* widgets */
.shb-lightbox__container {
  display: block;
  width: 100%;
  position: absolute;
  top: 214px;
  z-index: 1100;
}
.shb-lightbox {
  display: block;
  width: 100%;
}
.shb-lightbox__body {
  margin-left: 10px;
  margin-right: 10px;
  background-color: #fff;
  color: #222222;
  border: 1px solid #bfbfbf;
  border-radius: 8px;
  background-clip: padding-box;
  box-shadow: rgba(169, 169, 169, 0.4) 0 0 1px 10px;
  position: relative;
}
.shb-lightbox__body--padded {
  padding: 24px 40px;
}
.shb-lightbox__mask {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  background-image: url('../../../img/jedi/base/kit/transparent_50.png');
}
/* ## ToolTip

    <div style="height: 100px">
      <div class="shb-tooltip">
        <div class="shb-tooltip__body">
          Lorem Ipsum
        </div>
        <div class="shb-tooltip__bottom">
        </div>
      </div>
    </div>

*/
.shb-tooltip {
  position: absolute;
  z-index: 1000;
  padding: 30px;
}
.shb-tooltip__body {
  background-color: #fff;
  padding: 10px;
  color: #222;
  font-size: 16px;
  border-radius: 8px;
  background-clip: padding-box;
  border: 1px solid #dedede;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}
.shb-tooltip__bottom {
  margin-top: -1px;
  background-image: url('../../../img/jedi/base/kit/tooltip-bottom.png');
  background-repeat: no-repeat;
  background-position: center top;
}
.shb-tooltip__content {
  display: none;
}
.shb-tabpanel,
.shb-tabpanel--small {
  font-family: "Roboto", sans-serif;
  list-style-type: none;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 1;
  background-color: #c4e2eb;
}
.shb-tabpanel--small {
  background-color: inherit;
}
.shb-tabpanel__container {
  padding-bottom: 10px;
}
.shb-tabpanel__item,
.shb-tabpanel__item--small {
  cursor: pointer;
  font-size: 16px;
  font-weight: normal;
  border-right: 1px solid white;
  position: relative;
  background-color: #eaf4f7;
}
.shb-tabpanel__link {
  display: block;
  color: #043b62;
  font-size: 16px;
  text-decoration: none;
  padding: 14px 40px 14px 40px;
}
.shb-tabpanel--small .shb-tabpanel__link {
  color: #043b62;
  font-size: 16px;
  padding: 4px 14px 4px 14px;
}
.shb-tabpanel__button {
  color: #043b62;
  font-size: 16px;
  padding: 4px 14px 4px 14px;
  border: none;
  background-color: transparent;
}
.shb-tabpanel__button:hover,
.shb-tabpanel__button:focus {
  text-decoration: underline;
}
.shb-tabpanel__link:focus {
  text-decoration: underline;
  outline: none;
}
.shb-tabpanel__item:hover {
  background-color: #a7d5e2;
}
.shb-tabpanel__item--is-active,
.shb-tabpanel__item--is-active:hover {
  background-repeat: no-repeat;
  background-color: #043b62;
  color: #ffffff;
}
.shb-tabpanel__active-image,
.shb-tabpanel__active-image--small {
  display: none;
  height: 16px;
}
.shb-tabpanel__item--is-active .shb-tabpanel__active-image,
.shb-tabpanel__item--is-active .shb-tabpanel__active-image--small {
  position: absolute;
  bottom: -16px;
  width: 100%;
  z-index: 10000;
  display: block;
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  padding-left: 0;
  padding-right: 0;
  background-position: center -95px;
}
.shb-tabpanel__item--is-active .shb-tabpanel__active-image--small {
  bottom: -14px;
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  padding-left: 0;
  padding-right: 0;
  background-position: center -97px;
}
.shb-tabpanel__item--is-active .shb-tabpanel__link,
.shb-tabpanel__item--is-active:hover .shb-tabpanel__link,
.shb-tabpanel__item--is-active .shb-tabpanel__button,
.shb-tabpanel__item--is-active:hover .shb-tabpanel__button {
  color: #ffffff;
}
.shb-accordion-control {
  padding-top: 9px;
  padding-bottom: 9px;
  border: none;
  background-color: transparent;
  display: block;
}
.shb-accordion-control--is-collapsed {
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-left: 23px;
  background-position: 10px -116px;
}
.shb-accordion-control--is-expanded {
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-left: 23px;
  background-position: 10px -150px;
}
.shb-accordion__inset {
  border-top: 1px solid #dedede;
}
.shb-accordion {
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}
.shb-accordion--first-child {
  border-top: none;
}
.shb-accordion--last-child {
  border-bottom: none;
}
.shb-module-menu__container {
  float: right;
  margin: 0;
  position: relative;
}
.shb-module-menu {
  position: absolute;
  left: -42px;
}
.shb-module-menu__icon {
  float: right;
  width: 42px;
  height: 42px;
  border-radius: 0 7px 0 0;
  background-clip: padding-box;
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-left: 35px;
  background-position: 15px -1102px;
  padding-left: 0px;
  background-color: #c4e2eb;
  cursor: pointer;
}
.shb-module-menu__icon:focus,
.shb-module-menu__icon:hover {
  outline: none;
  background-color: #a7d5e2;
  background-position: 15px -325px;
}
.shb-module-menu--is-expanded .shb-module-menu__icon {
  background-position: 15px -325px;
  padding: 0px;
}
.shb-module-menu__body {
  border-radius: 4px;
  background-clip: padding-box;
  position: absolute;
  display: none;
  width: 188px;
  border: 1px solid #dedede;
  top: 40px;
  right: 0;
  background: white;
  zoom: 1;
}
.shb-module-menu__info {
  font-size: 14px;
  padding: 4px 10px 6px 17px;
  background: #eee;
  color: #666;
  border-top: 1px solid #dedede;
  cursor: default;
}
.shb-module-menu__info > em {
  font-weight: bold;
  font-style: normal;
}
.shb-module-menu__link {
  display: block;
  padding: 12px 17px;
  border-left: 3px solid #c4e2eb;
  border-bottom: 1px solid #dedede;
  line-height: 16px;
  text-decoration: none;
}
.shb-module-menu__link:hover {
  border-left: 3px solid #a7d5e2;
  background-color: #f0f8fa;
  text-decoration: underline;
}
.shb-module-menu__link > i {
  margin-left: 7px;
}
.shb-settings-menu__container {
  float: right;
  margin: 0;
  position: relative;
}
.shb-settings-menu__icon {
  float: right;
  width: 42px;
  height: 42px;
  border-radius: 0 7px 0 0;
  background-clip: padding-box;
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  padding-left: 38px;
  background-position: 13px -245px;
  padding-left: 0;
  background-color: #eaf4f7;
  cursor: pointer;
  transition: 0.2s background-color;
}
.shb-settings-menu__icon:focus,
.shb-settings-menu__icon:hover {
  outline: none;
  background-color: #a7d5e2;
  background-position: 13px -329px;
}
.shb-settings-menu__icon--alt {
  background-color: #ffffff;
  width: 56px;
  height: 76px;
  background-position: 20px -226px;
}
.shb-settings-menu__icon--alt:focus,
.shb-settings-menu__icon--alt:hover {
  background-color: #eaf4f7;
  background-position: 20px -226px;
}
.shb-settings-menu-help__icon {
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  padding-right: 35px;
  background-position: right -373px;
}
.shb-settings-menu-help__icon:hover {
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  padding-right: 35px;
  background-position: right -416px;
}
.shb-settings-menu--is-expanded .shb-settings-menu__icon {
  background-position: 13px -329px;
  padding: 0;
}
.shb-settings-menu--is-expanded .shb-settings-menu__icon--alt {
  background-color: #eaf4f7;
  background-position: 20px -310px;
}
.shb-settings-menu__body-container {
  position: absolute;
  display: none;
  top: 42px;
  right: 0;
  /* because $.is(':visible') doesn't work */
  width: 1px;
  height: 1px;
}
.shb-module__header--alt .shb-settings-menu__body-container {
  top: 64px;
}
.shb-settings-menu__body {
  border-radius: 4px;
  background-clip: padding-box;
  min-width: 160px;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
  background: white;
  zoom: 1;
  position: absolute;
  right: 0;
  top: 0;
  border-bottom: 3px solid #c4e2eb;
  clip: rect(0, 1000px, 1000px, -20px);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
.shb-settings-menu__body-icon {
  content: '.';
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  padding-left: 22px;
  background-position: 0px 0px;
  position: absolute;
  top: -5px;
  right: 6px;
  height: 6px;
  z-index: 2;
}
.shb-module__header--alt .shb-settings-menu__body-icon {
  right: 12px;
}
.shb-settings-menu__info {
  font-size: 14px;
  padding: 4px 10px 6px 17px;
  background: #eee;
  color: #666;
  border-top: 1px solid #dedede;
  cursor: default;
  white-space: nowrap;
}
.shb-settings-menu__info > em {
  font-weight: bold;
  font-style: normal;
}
a.shb-settings-menu__link {
  display: block;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 7px;
  margin: 0 10px;
  border-bottom: 1px solid #dedede;
  line-height: 18px;
  text-decoration: none;
  white-space: nowrap;
}
a.shb-settings-menu__link:hover {
  text-decoration: underline;
}
a.shb-settings-menu__link:last-of-type {
  border-bottom: none;
}
a.shb-settings-menu__link > i {
  margin-left: 7px;
}
/* Makes the settings menu gray and see through while loading */
.shb-settings-menu__load-layer {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  background-color: #dedede;
  z-index: 4;
  opacity: 0.7;
}
.shb-browser-msg-widget {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  background-color: #ffd;
  padding: 6px;
}
.shb-browser-msg-widget__info {
  float: left;
}
.shb-browser-msg-widget__close-button {
  float: right;
  font-family: verdana, sans-serif;
  border: 1px solid #999;
  padding: 0 4px 2px 4px;
  cursor: pointer;
}
/*
## Iframe

<div id="shb-iframe-1234" class="shb-iframe-wrapper">
    <iframe src="about:blank"></iframe>
</div>

*/
.shb-iframe-wrapper {
  border: 1px solid #dedede;
  padding: 36px 40px 40px 40px;
  /* shb.css resets body's default margin to 0px. H1 has margin-top: 4px */
  border-radius: 4px;
  background-clip: padding-box;
  background: #fff;
}
.shb-iframe-wrapper iframe {
  background: #fff;
  border: none;
}
.shb-iframe-wrapper iframe:focus {
  outline: 1px dotted #eee;
}
.shb-framed-section {
  border: 1px solid #dedede;
  padding: 36px 39px 40px 39px;
  /* shb.css resets body's default margin to 0px. H1 has margin-top: 4px */
  border-radius: 4px;
  background-clip: padding-box;
  background: #fff;
  margin-bottom: 20px;
  border: none;
  padding: 0;
  margin: 0;
  background: none;
}
.shb-framed-section iframe {
  background: #fff;
  border: none;
}
.shb-framed-section iframe:focus {
  outline: 1px dotted #eee;
}
@media (max-width: 938px) {
  body.espresso-compability-mode .shb-framed-section {
    padding: 48px 16px 16px 16px;
  }
}
.shb-spi-modal-msg {
  border-radius: 4px;
  background-clip: padding-box;
  box-shadow: 0 0 4px #bfbfbf;
  font-size: 12px;
  background-color: #fff;
  border: 1px solid #e4e4e4;
  position: relative;
  top: 170px;
  z-index: 1001;
  text-align: center;
  margin: 0 auto;
  width: 490px;
  height: 16px;
  padding: 40px 20px;
}
.shb-autocomplete {
  margin-top: 10px;
  position: relative;
}
.shb-autocomplete__input-clear {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin-top: 3px;
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-left: 25px;
  background-position: 5px -816px;
  cursor: pointer;
  transition: opacity 0.5s, visibility 0.5s;
}
.shb-autocomplete__input-clear:hover,
.shb-autocomplete__input-clear:focus {
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-left: 25px;
  background-position: 5px -853px;
  outline: none;
}
.shb-autocomplete__input-clear-visible {
  opacity: 1;
  visibility: visible;
}
.shb-autocomplete__input {
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  padding-left: 32px;
  background-position: 8px -712px;
  box-sizing: border-box;
  width: 100%;
  padding: 6px 25px 6px 30px;
  border: 1px solid #dedede;
  background-color: #fff;
  color: #222222;
  font-size: 14px;
  border-radius: 4px;
  background-clip: padding-box;
}
.shb-autocomplete__input:focus {
  outline: none;
  border: 1px solid #c4c4c4;
}
.shb-autocomplete__input::-ms-clear {
  /* remove the IE10+ "x" button that clears the field. (The X appears when emulating ie9 in newer browsers: http://stackoverflow.com/questions/19244916/remove-clear-field-x-button-when-browser-mode-ie9-document-modeie9-on-certa) */
  width: 0;
  height: 0;
}
.shb-autocomplete__search-results {
  position: absolute;
  float: right;
  display: none;
  top: 10px;
  width: 218px;
  max-height: 500px;
  background: #fff;
  border: 1px solid #dedede;
  border-bottom: 3px solid #c4e2eb;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  clip: rect(0, 1000px, 10000px, -20px);
  overflow-y: auto;
  overflow-x: hidden;
  z-index: 20;
  /* above tabmenu if present! */
  clear: both;
  font-size: 14px;
}
.shb-autocomplete__search-results__content {
  padding: 0;
  border-radius: 4px;
  background-clip: padding-box;
}
.shb-autocomplete__error-msg {
  color: #666;
  line-height: 34px;
  text-decoration: none;
  display: block;
  padding: 3px 12px 3px 7px;
}
.shb-autocomplete__link {
  display: block;
  border-bottom: 1px solid #dedede;
  text-decoration: none;
  cursor: pointer;
}
.shb-autocomplete__link:last-child {
  border-bottom: 0;
}
.shb-autocomplete__link:focus {
  outline: none;
}
.shb-autocomplete__link--selected {
  text-decoration: underline;
}
.shb-autocomplete__indent-2.shb-autocomplete__link--selected {
  background: #f0f8fa;
}
.shb-autocomplete__indent-1 {
  font-size: 14px;
  padding: 8px 10px 7px 10px;
  line-height: 15px;
  background: #e1f0f5;
  color: #043b62;
  font-weight: bold;
}
.shb-autocomplete__indent-2 {
  padding: 12px 10px;
  line-height: 18px;
  color: #005fa5;
}
.shb-anchorpopup {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
}
.shb-anchorpopup.shb-anchorpopup--is-full {
  left: 10px;
}
.shb-anchorpopup.shb-anchorpopup--is-fixed {
  position: fixed;
  top: 50%;
  left: 50%;
}
.shb-anchorpopup__mask {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.2);
  z-index: 10;
}
.shb-anchorpopup__body-mask {
  height: 100px;
  background-color: #f6f6f6;
  z-index: 3;
}
.shb-anchorpopup__body-mask__icon {
  position: absolute;
  width: 32px;
  height: 32px;
  top: 50%;
  left: 50%;
  margin-left: -16px;
  margin-top: -16px;
  background-image: url('../../../img/jedi/base/kit/ajax-loader.gif');
  background-repeat: no-repeat;
}
.shb-anchorpopup__frame {
  position: absolute;
  top: -10px;
  right: 10px;
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}
.shb-anchorpopup__frame.shb-anchorpopup__frame--is-full {
  left: 0;
  right: inherit;
}
.shb-anchorpopup__arrow {
  position: absolute;
  right: -19px;
}
.shb-anchorpopup__inner-frame {
  margin: 10px;
}
.shb-anchorpopup__body {
  border-bottom: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
}
.shb-anchorpopup__footer {
  margin: 0;
  text-align: center;
  background-color: #f6f6f6;
  padding-top: 12px;
  padding-bottom: 13px;
  border-bottom: 1px solid #dedede;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
}
.shb-anchorpopup__footer:empty {
  display: none;
}
.shb-anchorpopup__head {
  height: 42px;
  background-color: #043b62;
  border-radius: 4px 4px 0 0;
  color: #fff;
}
.shb-h2.shb-anchorpopup__h2 {
  color: #fff;
  text-align: center;
  line-height: 42px;
}
.shb-anchorpopup__close-link {
  position: absolute;
  top: 10px;
  right: 10px;
  height: 42px;
  width: 42px;
  transition: background-color 0.3s linear;
  background-color: #043b62;
  border: none;
  border-radius: 0 4px 0 0;
}
.shb-anchorpopup__close-link:hover,
.shb-anchorpopup__close-link:focus {
  background-color: #005fa5;
  outline-style: none;
}
.shb-anchorpopup__close {
  margin-top: 4px;
}
.shb-anchorpopup__back {
  margin-left: 14px;
  margin-top: 13px;
}
.shb-anchorpopup__body-content {
  padding: 30px 30px 20px 30px;
}
.shb-anchorpopup__text-icon {
  margin: -6px -6px -6px 6px;
}
.shb-anchorpopup-modal__mask {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 10;
  overflow: auto;
}
.shb-anchorpopup-modal__frame {
  position: relative;
  display: inline-block;
  text-align: left;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0px 0px 10px 0px #222;
}
.shb-anchorpopup-modal__inner-frame {
  display: inline-block;
  margin: 10px;
  /* border: 1px solid rgb(228, 228, 228); */
}
.shb-anchorpopup-modal__outer {
  display: table;
  position: absolute;
  width: 100%;
  height: 100%;
}
.shb-anchorpopup-modal__middle {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.shb-anchorpopup-modal__body {
  display: inline-block;
  border-bottom: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
  border-radius: 4px;
  position: relative;
}
.shb-error-popup__root {
  width: 100%;
  max-width: 335px;
}
.shb-error-popup__error-page {
  padding: 30px 30px 20px 30px;
}
.shb-error-popup__error-page-actions {
  background-color: #f6f6f6;
  padding: 14px 30px 14px 30px;
}
.shb-dropdown__body {
  position: absolute;
  display: none;
  border-right: 1px solid #dedede;
  border-left: 1px solid #dedede;
  border-bottom: 3px solid #c4e2eb;
  left: 0;
  background: white;
  zoom: 1;
  z-index: 2;
  clip: rect(0, 1000px, 1000px, -20px);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  text-align: left;
  padding: 0;
  margin: 0;
}
.shb-dropdown__link {
  cursor: pointer;
  white-space: nowrap;
  display: block;
  margin: 0 12px;
  border-bottom: 1px solid #dedede;
  line-height: 18px;
  text-decoration: none;
}
.shb-dropdown__link:hover {
  text-decoration: underline;
}
.shb-dropdown__link > i {
  margin-left: 7px;
}
.shb-dropdown__link:last-of-type {
  border-bottom: none;
}
.shb-dropdown__link-a {
  display: block;
  padding: 12px 7px 12px 7px;
}
.shb-branch__h2 {
  margin-bottom: 20px;
  padding-right: 15px;
  color: #222;
  /* TODO: Use display: inline-block instead and remove this! */
  /* TODO: Don't use. Just use display:inline-block instead */
  /* TODO: Use display: inline-block instead and remove this! */
  display: inline-block;
}
.shb-branch__h3 {
  margin-top: 6px;
  margin-bottom: 15px;
  padding-right: 15px;
  color: #222;
  /* TODO: Use display: inline-block instead and remove this! */
  /* TODO: Don't use. Just use display:inline-block instead */
  /* TODO: Use display: inline-block instead and remove this! */
  display: inline-block;
}
.shb-branch__divider {
  /* TODO: Use display: inline-block instead and remove this! */
  /* TODO: Don't use. Just use display:inline-block instead */
  /* TODO: Use display: inline-block instead and remove this! */
  display: inline-block;
  height: 33px;
  border-left: 1px solid #454545;
  margin-top: -3px;
}
.shb-branch__branch-name {
  color: #454545;
  padding-left: 15px;
  /* TODO: Use display: inline-block instead and remove this! */
  /* TODO: Don't use. Just use display:inline-block instead */
  /* TODO: Use display: inline-block instead and remove this! */
  display: inline-block;
  vertical-align: top;
  margin-top: 6px;
}
.shb-branch {
  padding-top: 50px;
  padding-bottom: 60px;
  overflow: hidden;
}
.shb-branch__icon {
  margin-right: 10px;
}
.shb-branch__column {
  float: left;
  width: 250px;
  margin-left: 3px;
}
.shb-branch__column__group {
  margin-bottom: 15px;
}
/* sum of these = max 100% */
/* not rest of total width means a second time value jumps down on next line! */
.shb-branch__opening-hours-day {
  width: 44%;
  display: inline-block;
  vertical-align: top;
}
.shb-branch__opening-hours-time {
  width: 40%;
  display: inline-block;
  vertical-align: top;
  margin-bottom: 4px;
}
.shb-remarks__number {
  display: inline-block;
  margin-right: 5px;
  vertical-align: top;
}
.shb-remarks__text {
  display: inline-block;
}
/* Modes for app */
body.minimalistic-frame-mode {
  overflow: visible !important;
}
body.minimalistic-frame-mode .hide-in-minimalistic-frame-mode {
  display: none !important;
}
body.minimalistic-frame-mode .hide-children-in-minimalistic-frame-mode > * {
  display: none;
}
body.minimalistic-frame-mode .display-block-in-minimalistic-frame-mode {
  display: block;
}
body.minimalistic-frame-mode .js-shb-breadcrumbs-container {
  display: none;
}
body.minimalistic-frame-mode .shb-application-drawer-menu .shb-application-drawer-title {
  display: none;
}
body.minimalistic-frame-mode .shb-application-drawer-menu nav {
  display: none;
}
@media only screen and (min-width: 1140px) {
  body.minimalistic-frame-mode .shb-application-drawer-menu__log-out {
    display: block;
  }
}
@media only screen and (max-width: 767px) {
  body.minimalistic-frame-mode .shb-application-header-container__log-out {
    display: none;
  }
  body.minimalistic-frame-mode .shb-application-toolbar-item--menu {
    display: flex;
  }
}
/* custom elements */
shb-scroll-to-top-button {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 2000;
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
}
shb-scroll-to-top-button.visible {
  visibility: visible;
  opacity: 1;
}
shb-scroll-to-top-button button {
  background-color: #005fa5;
  position: absolute;
  top: 3px;
  left: 3px;
  padding: 0;
  border: none;
  border-radius: 8px;
  z-index: 2;
  line-height: 0;
}
shb-scroll-to-top-button button:hover,
shb-scroll-to-top-button button:focus,
shb-scroll-to-top-button button:active {
  background-color: #043b62;
}
shb-scroll-to-top-button svg {
  fill: #fff;
  padding: 11px;
}
shb-scroll-to-top-button .shb-scroll-to-top-button__bg {
  height: 48px;
  width: 48px;
  opacity: 1;
  border: 1px solid transparent;
}
shb-scroll-to-top-button .shb-scroll-to-top-button__bg--hover {
  background-color: #fff;
  border-color: #005fa5;
}
.shb-selectfixed__radiogroup {
  z-index: 1;
  position: absolute;
  min-width: 240px;
  border-radius: 4px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  text-align: left;
  background-color: #fff;
  padding-left: 0;
  right: 0;
  top: 30px;
  line-height: 44px;
  white-space: nowrap;
  margin: 0;
  width: 100%;
}
.shb-selectfixed__arrow-up-shadow {
  border-bottom: 10px solid #ccc;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  height: 0;
  position: absolute;
  right: 15px;
  top: -10px;
  width: 0;
}
.shb-selectfixed__arrow-up {
  border-bottom: 10px solid #fff;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  height: 0;
  position: absolute;
  right: 15px;
  top: -9px;
  width: 0;
}
.shb-selectfixed__label {
  display: block;
}
.shb-selectfixed__label-text {
  display: block;
  border-bottom: 1px solid #dedede;
  margin: 0;
  padding-left: 15px;
  padding-right: 15px;
  text-decoration: none;
  color: #666;
  line-height: 44px;
}
.shb-selectfixed__radio:focus ~ .shb-selectfixed__label-text {
  background-color: #ebf4f7;
}
.shb-selectfixed__radio:checked ~ .shb-selectfixed__label-text {
  background-color: #ebf4f7;
}
.shb-selectfixed__radio {
  position: absolute;
  left: -10000px;
}
.shb-selectfixed__a {
  font-size: 12px;
  color: #222;
  text-decoration: none;
}
.shb-selectfixed__a:hover,
.shb-selectfixed__a:focus {
  text-decoration: underline;
}
shb-sortable-label span div {
  margin-left: 5px;
  display: inline-block;
  vertical-align: bottom;
}
shb-sortable-label .shb-sortable-label--direction-none svg:first-child path {
  fill: #a9a9a9;
}
shb-sortable-label .shb-sortable-label--direction-none svg:last-child path {
  fill: #a9a9a9;
}
shb-sortable-label .shb-sortable-label--direction-ascending svg:first-child path {
  fill: #222222;
}
shb-sortable-label .shb-sortable-label--direction-ascending svg:last-child path {
  fill: #a9a9a9;
}
shb-sortable-label .shb-sortable-label--direction-descending svg:first-child path {
  fill: #a9a9a9;
}
shb-sortable-label .shb-sortable-label--direction-descending svg:last-child path {
  fill: #222222;
}
.shb--clickable:hover shb-sortable-label {
  text-decoration: underline;
}
.shb--clickable:focus shb-sortable-label {
  text-decoration: underline;
}
.shb-text-link-morph,
.shb-cms-richtext a.shb-text-link-morph {
  color: #005fa5;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-skip: ink;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  max-width: 100%;
  word-wrap: break-word;
}
.shb-text-link-morph:visited,
.shb-cms-richtext a.shb-text-link-morph:visited {
  color: #005fa5;
}
.shb-text-link-morph:hover,
.shb-cms-richtext a.shb-text-link-morph:hover {
  border-bottom: 1px solid;
}
.shb-text-link-morph:active,
.shb-cms-richtext a.shb-text-link-morph:active {
  top: 1px;
}
.shb-text-link-morph:active .shb-text-link-morph__icon-new-window g,
.shb-cms-richtext a.shb-text-link-morph:active .shb-text-link-morph__icon-new-window g {
  fill: #043b62;
}
.shb-text-link-morph:active .shb-text-link-morph__icon-arrow g,
.shb-cms-richtext a.shb-text-link-morph:active .shb-text-link-morph__icon-arrow g {
  stroke: #043b62;
}
.shb-text-link-morph:focus,
.shb-cms-richtext a.shb-text-link-morph:focus {
  background-color: #005fa5;
  outline: 3px solid #005fa5;
  color: #ffffff;
}
.shb-text-link-morph:focus .shb-text-link-morph__icon-new-window g,
.shb-cms-richtext a.shb-text-link-morph:focus .shb-text-link-morph__icon-new-window g {
  fill: #ffffff;
}
.shb-text-link-morph:focus .shb-text-link-morph__icon-new-window-white g,
.shb-cms-richtext a.shb-text-link-morph:focus .shb-text-link-morph__icon-new-window-white g {
  fill: #005fa5;
}
.shb-text-link-morph:focus .shb-text-link-morph__icon-arrow g,
.shb-cms-richtext a.shb-text-link-morph:focus .shb-text-link-morph__icon-arrow g {
  stroke: #ffffff;
}
.shb-text-link-morph:focus .shb-text-link-morph__icon-arrow-white g,
.shb-cms-richtext a.shb-text-link-morph:focus .shb-text-link-morph__icon-arrow-white g {
  stroke: #005fa5;
}
.shb-text-link-morph__in-body-text,
.shb-cms-richtext a.shb-text-link-morph__in-body-text {
  margin-right: 3px;
  margin-left: 3px;
}
.shb-text-link-morph .shb-text-link-morph__icon-new-window g,
.shb-cms-richtext a.shb-text-link-morph .shb-text-link-morph__icon-new-window g {
  fill: #005fa5;
}
.shb-text-link-morph .shb-text-link-morph__icon-new-window-white g,
.shb-cms-richtext a.shb-text-link-morph .shb-text-link-morph__icon-new-window-white g {
  fill: #ffffff;
}
.shb-text-link-morph .shb-text-link-morph__icon-arrow g,
.shb-cms-richtext a.shb-text-link-morph .shb-text-link-morph__icon-arrow g {
  stroke: #005fa5;
}
.shb-text-link-morph .shb-text-link-morph__icon-arrow-white g,
.shb-cms-richtext a.shb-text-link-morph .shb-text-link-morph__icon-arrow-white g {
  stroke: #ffffff;
}
.shb-text-link-morph.shb-text-link-morph-white {
  color: #ffffff;
}
.shb-text-link-morph.shb-text-link-morph-white:visited {
  color: #ffffff;
}
.shb-text-link-morph.shb-text-link-morph-white:focus {
  background-color: #ffffff;
  outline: 3px solid #ffffff;
  color: #005fa5;
}
.shb-text-link-morph__last-word {
  white-space: nowrap;
}
.shb-text-link-morph__icon {
  display: inline-block;
  margin-left: 6px;
  margin-bottom: 2px;
  vertical-align: middle;
  height: 11px;
}
/* Styling used by the morph variant of the component */
.shb-text-link-morph-small {
  font-size: 14px;
}
.shb-text-link-morph__icon-container {
  display: inline-block;
  height: 11px;
  vertical-align: middle;
}
.shb-text-link-morph__content-new-window-container {
  margin-right: 17px;
}
.shb-text-link-morph__content-arrow-container {
  margin-right: 14px;
}
.shb-text-link-morph__content-icon {
  position: absolute;
}
.shb-toast .shb-toast-hidden {
  display: none;
  opacity: 0;
}
.shb-toast .shb-toast-fixed {
  bottom: 0;
  height: 20px;
  left: 0;
  margin-left: auto;
  margin-right: auto;
  transition: opacity 2s;
  opacity: 0;
  width: 200px;
  padding: 20px;
  position: absolute;
  right: 0;
  z-index: 2000;
  background-color: #005fa5;
  color: #fff;
  border-radius: 4px 4px 0 0;
  text-shadow: #256aa2 1px 1px 2px;
  text-decoration: none;
  text-align: center;
}
.shb-toast .shb-toast-fixed.shb-toast-slide-up {
  opacity: 1;
}
.shb-toast .shb-toast-fixed.shb-toast-follow {
  bottom: 0;
  position: fixed;
}
.shb-datepicker {
  margin: 10px 10px 10px 0;
  padding: 2px;
  position: absolute;
  z-index: 100;
  width: 261px;
  background-color: #ffffff;
  border: 1px solid #ddd;
  top: 49px;
  left: 0;
}
.shb-datepicker abbr {
  border: none;
}
.shb-datepicker--visible {
  display: block;
}
.shb-datepicker__month-wrapper {
  height: 30px;
  background-color: #017ab2;
  color: #fff;
}
.shb-datepicker__wrapper {
  position: relative;
  height: 60px;
}
.shb-datepicker__wrapper a {
  position: absolute;
  top: 31px;
  left: 88px;
  opacity: 1;
}
.shb-datepicker__wrapper a:focus,
.shb-datepicker__wrapper a:hover {
  opacity: 0.7;
}
.shb-datepicker__wrapper input::-ms-clear {
  display: none;
}
.shb-datepicker__date-field {
  position: absolute;
  width: 120px;
}
.shb-datepicker__button {
  margin: 3px;
  width: 24px;
  height: 24px;
  border: none;
  background-color: transparent;
}
.shb-datepicker__button--previous {
  float: left;
  padding: 0 10px 0 0;
}
.shb-datepicker__button--previous div {
  border-right: solid 8px white;
  border-top: solid 6px transparent;
  border-bottom: solid 6px transparent;
}
.shb-datepicker__button--previous:hover div,
.shb-datepicker__button--previous:focus div {
  border-right: solid 8px #b4d7e2;
}
.shb-datepicker__button--next {
  float: right;
  padding: 0 0 0 10px;
}
.shb-datepicker__button--next div {
  border-left: solid 8px white;
  border-top: solid 6px transparent;
  border-bottom: solid 6px transparent;
}
.shb-datepicker__button--next:hover div,
.shb-datepicker__button--next:focus div {
  border-left: solid 8px #b4d7e2;
}
.shb-datepicker__button-img {
  margin: 0;
  padding: 2px;
}
.shb-datepicker__month-year {
  float: left;
  padding-top: 6px;
  width: 199px;
  height: 24px;
  text-align: center;
  font-weight: bold;
  font-size: 16px;
}
.shb-datepicker__calendar {
  width: 261px;
  font-size: 14px;
  text-align: center;
  color: #043b62;
}
.shb-datepicker__th,
.shb-datepicker__td {
  width: 35px;
  height: 30px;
  padding: 0;
}
.shb-datepicker__td {
  background-color: #c4e2eb;
  border: 1px solid #017ab2;
}
.shb-datepicker__td:hover,
.shb-datepicker__td:focus,
.shb-datepicker__td--focus {
  border-color: #005fa5;
  background-color: #017ab2;
  color: #fff;
}
.shb-datepicker__td--today {
  background-color: #005fa5;
  color: #fff;
}
.shb-datepicker__td--empty {
  background-color: #fff;
  border: 1px solid #a5dbeb;
}
.shb-datepicker__td--empty:hover {
  background-color: #ebf4f7;
  border: 1px solid #017ab2;
}
.shb-datepicker__offscreen {
  position: absolute;
  left: -200em;
  top: -100em;
}
.shb-warning {
  display: flex;
  align-items: center;
  border: 1px solid #e4e4e4;
  padding: 15px;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
}
.shb-warning__text {
  margin-left: 15px;
  white-space: pre-line;
  flex: 1;
}
.shb-footer__widener {
  margin-left: -10px;
  margin-right: -10px;
}
.shb-footer__office-info__wrapper {
  background-color: #e4e4e4;
}
.shb-footer__contact-info__wrapper {
  background-color: #cedfe6;
  border-top: 1px solid #b4d7e2;
}
.shb-footer__bottom-container__wrapper {
  height: 92px;
  font-size: 14px;
  background-color: #043b62;
  min-width: 960px;
}
.shb-footer__bottom-container__wrapper--auto-height {
  height: auto;
  padding: 16px 0;
}
.shb-sub-footer__copyright {
  color: #bbb;
}
/* React components */
.shb-telephone-link__svgIcon {
  vertical-align: sub;
  padding-right: 4px;
}
.shb-telephone-link__wrapper {
  color: #005fa5;
  text-decoration: underline;
}
.shb-telephone-link__wrapper > a:focus {
  color: #ffffff !important;
  outline: 3px solid #005fa5 !important;
}
.shb-questionnaire__wrapper {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 25px;
  margin-top: 25px;
}
@media screen and (max-width: 750px) {
  .shb-questionnaire__wrapper {
    width: 100%;
  }
  .shb-questionnaire__heading {
    padding-top: 10px;
  }
}
.shb-questionnaire__heading {
  color: #0080bb;
  text-align: center;
}
.shb-questionnaire__question-text {
  font-size: 14px;
  color: #6c6c6c;
}
.shb-questionnaire__radio-buttons {
  margin-left: 25px;
  margin-top: 25px;
}
.shb-questionnaire__answer-texts {
  margin-left: 25px;
  margin-right: 25px;
}
.shb-alert {
  display: flex;
}
.shb-alert__icon {
  margin-right: 8px;
}
.shb-alert__list {
  list-style: none;
  padding-left: 0;
  padding-top: 2px;
}
.shb-alert__list--multiple-alerts {
  list-style-type: square;
  padding-left: 16px;
}
.shb-alert__list-item {
  max-width: 40em;
}
.shb-alert--large {
  text-align: center;
  flex-direction: column;
  align-items: center;
}
.shb-alert--large .shb-alert__icon {
  margin-right: 0;
  margin-bottom: 16px;
}
.shb-alert__close-button {
  width: 44px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  border: 0;
  background: transparent;
  margin-top: -10px;
}
.shb-alert__close-button--large {
  position: absolute;
  top: 0;
  right: 0;
}
.shb-alert__close-button:focus {
  outline: 1px solid #005fa5;
}
.shb-arrow-expander {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  border: 0;
  padding: 0;
  border-radius: 4px;
  /* Perspective fixes rotation issue on iPhone Safari.
    svg disappears after it has been rotated on iPhone Safari
    https://discussions.apple.com/thread/6640868
    https://stackoverflow.com/questions/26416505/mobile-safari-not-showing-css-transform-rotatex-and-rotatey-only-rotatez */
  -webkit-perspective: 900000px;
  perspective: 900000px;
}
.shb-arrow-expander:focus {
  outline: 1px solid #005fa5;
}
.shb-arrow-expander-white:focus {
  outline: 1px solid #ffffff;
}
.shb-arrow-expander-open svg {
  transform: rotateX(180deg);
}
.shb-arrow-expander-rotate-up svg {
  animation: shb-arrow-expander-rotate-down-up 0.3s linear;
}
.shb-arrow-expander-rotate-down svg {
  animation: shb-arrow-expander-rotate-up-down 0.3s linear;
}
.shb-arrow-expander svg {
  pointer-events: none;
}
@keyframes shb-arrow-expander-rotate-up-down {
  from {
    transform: rotateX(180deg);
  }
  to {
    transform: rotateX(0deg);
  }
}
@keyframes shb-arrow-expander-rotate-down-up {
  from {
    transform: rotateX(0deg);
  }
  to {
    transform: rotateX(180deg);
  }
}
.shb-breadcrumbs {
  --shb-line-height--text: 1.6em;
  --shb-font-size-tiny: calc(0.75 * 16px);
  --shb-unit-0-125: calc(0.125 * 16px);
  --shb-unit-0-5: calc(0.5 * 16px);
  --shb-unit-1-5: calc(1.5 * 16px);
  --shb-breadcrumb-item-min-width: 35px;
  --shb-breadcrumb-font-size-wide: var(--shb-font-size-tiny);
  --shb-breadcrumb-line-height-wide: var(--shb-line-height--text);
  --shb-breadcrumb-spacing-top: var(--shb-unit-0-5);
  --shb-breadcrumb-spacing-bottom: var(--shb-unit-1-5);
  --shb-breadcrumb-height: (var(--shb-breadcrumb-font-size-wide) * var(--shb-breadcrumb-line-height-wide)) +
        var(--shb-breadcrumb-spacing-top) + var(--shb-breadcrumb-spacing-bottom);
  display: flex;
  margin: var(--shb-breadcrumb-spacing-top) 0 var(--shb-breadcrumb-spacing-bottom);
  padding: 0;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .shb-breadcrumbs {
    margin-bottom: calc(3 * 16px);
  }
}
.shb-breadcrumbs .shb-breadcrumbs__item {
  display: flex;
  flex-shrink: 1;
  overflow: hidden;
  min-width: var(--shb-breadcrumb-item-min-width);
}
@media only screen and (min-width: 768px) {
  .shb-breadcrumbs .shb-breadcrumbs__item {
    font-size: var(--shb-breadcrumb-font-size-wide);
    line-height: var(--shb-breadcrumb-line-height-wide);
  }
}
.shb-breadcrumbs .shb-breadcrumbs__item:before {
  font-size: 12px;
  content: "/";
  display: block;
}
@media only screen and (min-width: 768px) {
  .shb-breadcrumbs .shb-breadcrumbs__item:before {
    font-size: var(--shb-breadcrumb-font-size-wide);
    line-height: var(--shb-breadcrumb-line-height-wide);
  }
}
.shb-breadcrumbs .shb-breadcrumbs__item:first-child:before {
  display: none;
}
.shb-breadcrumbs .shb-breadcrumbs__item:first-child {
  margin-left: var(--shb-unit-0-125);
}
@media only screen and (min-width: 768px) {
  .shb-breadcrumbs .shb-breadcrumbs__item .shb-text,
  .shb-breadcrumbs .shb-breadcrumbs__item .shb-text-link {
    font-size: var(--shb-breadcrumb-font-size-wide);
    line-height: var(--shb-breadcrumb-line-height-wide);
  }
}
.shb-breadcrumbs .shb-breadcrumbs__item--current {
  flex-shrink: 0;
}
.shb-breadcrumbs .shb-breadcrumbs__item--current.shb-breadcrumbs__item:nth-child(2) {
  max-width: calc(100% - (2 * var(--shb-breadcrumb-item-min-width)));
}
.shb-breadcrumbs .shb-breadcrumbs__item--current.shb-breadcrumbs__item:nth-child(3) {
  max-width: calc(100% - (3 * var(--shb-breadcrumb-item-min-width)));
}
.shb-breadcrumbs .shb-breadcrumbs__item--current.shb-breadcrumbs__item:nth-child(4) {
  max-width: calc(100% - (4 * var(--shb-breadcrumb-item-min-width)));
}
.shb-breadcrumbs .shb-breadcrumbs__item--current.shb-breadcrumbs__item:nth-child(5) {
  max-width: calc(100% - (5 * var(--shb-breadcrumb-item-min-width)));
}
.shb-breadcrumbs .shb-breadcrumbs__item--inner {
  white-space: nowrap;
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
  min-width: 20px;
  padding-left: var(--shb-unit-0-5);
  padding-right: var(--shb-unit-0-5);
}
.shb-breadcrumbs .shb-breadcrumbs__item:first-child .shb-breadcrumbs__item--inner {
  padding-left: 0;
}
.shb-breadcrumbs .shb-breadcrumb__hidden {
  visibility: hidden;
}
.shb-empty-breadcrumb {
  margin-bottom: calc(2 * 16px);
}
@media only screen and (min-width: 768px) {
  .shb-empty-breadcrumb {
    margin-bottom: calc(3 * 16px);
  }
}
.shb-cookie-consent__wrapper {
  background-color: #eaf4f7;
  border-bottom: 1px solid #005fa5;
  display: block;
  padding-bottom: 16px;
  padding-top: 16px;
}
.shb-cookie-consent__text {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}
.shb-cookie-consent__text h1 {
  padding-bottom: 16px;
}
.shb-cookie-consent__text > span {
  padding-bottom: 16px;
}
@media only screen and (max-width: 910px) {
  .shb-cookie-consent__text {
    margin-bottom: 32px;
  }
}
.shb-cookie-consent-modal__icon-section {
  display: flex;
}
.shb-cookie-consent-modal__icon-texts {
  margin-left: 8px;
  margin-bottom: 16px;
}
.shb-cookie-consent-modal__checkbox-section {
  display: flex;
  flex-direction: column;
}
.shb-cookie-consent-modal__checkbox-text {
  margin-left: 32px;
  margin-bottom: 16px;
}
.shb-cookie-consent-modal__link {
  display: flex;
  justify-content: flex-end;
}
.shb-cookie-consent__heading {
  margin-bottom: 16px;
}
.shb-chips {
  font-size: 16px;
}
.shb-chips ul {
  display: inline-block;
  padding: 0;
  -webkit-padding-start: 0;
}
.shb-chips ul li {
  display: inline-block;
  list-style: none;
  margin-right: 16px;
  margin-bottom: 16px;
}
.shb-chips ul li:last-child {
  margin-right: 0;
}
.shb-chip {
  font-size: 16px;
}
.shb-chip__text,
.shb-chip__close {
  display: inline-block;
  border: 1px solid #005fa5;
}
.shb-chip__text {
  background-color: #005fa5;
  border-bottom-left-radius: 18px;
  border-top-left-radius: 18px;
  color: #ffffff;
  padding: 10px 9px 10px 18px;
  text-decoration: none;
  /* not yet implemented, saved for future, when someone figures out they want to add callbacks to the text */
  /* cursor: pointer;
        &:hover,
        &:focus {
            background-color: @SHB_HB6;
            text-decoration: underline;
        }

        &:focus > &__wrapper {
            border-bottom: @SHB_White 1px solid;
        } */
}
.shb-chip__close {
  background-color: #005fa5;
  border-bottom-right-radius: 18px;
  border-top-right-radius: 18px;
  padding: 10px 18px 10px 9px;
  text-decoration: none;
}
.shb-chip__close:hover,
.shb-chip__close:focus {
  border-color: #043b62;
  background-color: #043b62;
}
.shb-chip__close:hover__wrapper,
.shb-chip__close:focus__wrapper {
  box-shadow: inset 0 -0.1em #ffffff;
}
.shb-chip__close:focus > .shb-chip__close__wrapper {
  border-bottom: #ffffff 1px solid;
}
.shb-content-selector {
  display: flex;
}
.shb-content-selector__inner {
  display: flex;
  background-color: #f3f2ef;
  border-radius: 4px;
  padding: 1px;
  white-space: nowrap;
  overflow-x: auto;
  position: relative;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.shb-content-selector__inner--no-border-radius-left {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.shb-content-selector__inner--no-border-radius-right {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.shb-content-selector__inner::-webkit-scrollbar {
  display: none;
}
.shb-content-selector__item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 24px;
  font-size: 12px;
  z-index: 1;
  /* Items needs to be above selected-background */
  color: #005fa5;
  cursor: pointer;
}
.shb-content-selector__item:hover {
  text-decoration: underline;
}
.shb-content-selector__item:focus {
  outline: 1px solid #005fa5;
}
.shb-content-selector__item--selected {
  color: #ffffff;
  cursor: unset;
  transition: color 200ms ease-out;
  text-decoration: unset;
}
.shb-content-selector__item--selected:hover {
  text-decoration: unset;
}
.shb-content-selector__item--radio-hidden {
  position: fixed;
  left: -10000px;
}
.shb-content-selector__selected-background {
  background-color: #005fa5;
  border-radius: 4px;
  position: absolute;
  top: 2px;
  left: 0;
  height: calc(100% - 2px * 2);
  transition: transform 200ms ease-out;
}
.shb-content-selector__nav-button {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 24px;
  min-height: 100%;
  position: relative;
  background-color: #005fa5;
}
.shb-content-selector__nav-button:hover {
  background-color: #043b62;
}
.shb-content-selector__nav-button--hidden {
  visibility: hidden;
}
.shb-content-selector__nav-button--hitbox {
  width: 48px;
  height: 48px;
  position: absolute;
  top: -25%;
  left: -50%;
  background-color: transparent;
  border: none;
  outline: none;
  padding: 0;
  text-decoration: none;
}
.shb-content-selector__nav-button--next {
  border-radius: 0 8px 8px 0;
  margin-left: 1px;
}
.shb-content-selector__nav-button--prev {
  border-radius: 8px 0 0 8px;
  margin-right: 1px;
}
.shb-content-selector__nav-button--unclickable {
  pointer-events: none;
}
.shb-content-selector--large .shb-content-selector__item {
  padding: 2px 0;
  font-size: 14px;
}
.shb-divider {
  margin: 16px 0;
  border-top: 1px solid #dedede;
}
.shb-empty-state-message {
  display: flex;
  flex-flow: column;
  align-items: center;
  padding: 16px;
}
.shb-empty-state-message--size-medium .shb-empty-state-message__title {
  width: calc(100% - 2px);
  margin-top: 8px;
  margin-bottom: 8px;
  text-align: center;
}
.shb-empty-state-message--size-large .shb-empty-state-message__title {
  width: calc(100% - 2px);
  margin-top: 16px;
  margin-bottom: 16px;
  text-align: center;
}
.shb-empty-state-message .shb-empty-state-message__button-wrapper {
  margin-top: 16px;
}
.shb-empty-state-message .shb-empty-state-message__text {
  width: calc(100% - 2px);
  text-align: center;
}
.shb-favoritecheckbox {
  /* Avoid "width:0; overflow:hidden;" since Safari doesn't tab to such elements */
}
.shb-favoritecheckbox__wrapper {
  display: inline-flex;
  cursor: pointer;
}
.shb-favoritecheckbox--input-hidden {
  left: -10000px;
  position: absolute;
}
.shb-favoritecheckbox__label-box {
  display: flex;
  align-items: center;
}
/**********************************************************************
    This file exists only for supporting legacy code. 
    Do not alter this file or use these class names. 
***********************************************************************/
.shb-outputfield-group div:not(:first-child) {
  padding-top: 12px;
}
.shb-outputfield__wrapper {
  border: 1px solid #dddddd;
  border-width: 0 0 1px 0;
  padding-bottom: 12px;
}
.shb-outputfield__wrapper--tight {
  padding: 0;
  border-width: 0;
}
.shb-outputfield__wrapper--no-line {
  border-width: 0;
  padding: 10px 0 0 0;
}
.shb-outputfield__label,
.shb-outputfield__value,
.shb-outputfield__secondary,
.shb-outputfield__secondary-value,
.shb-outputfield__infotext {
  margin: 0;
  padding: 0;
  display: inline-block;
  line-height: 1.5;
  font-family: "Roboto", sans-serif;
  vertical-align: top;
}
.shb-outputfield__label--bold,
.shb-outputfield__value--bold,
.shb-outputfield__secondary--bold,
.shb-outputfield__secondary-value--bold,
.shb-outputfield__infotext--bold {
  font-weight: bold;
}
.shb-outputfield__label,
.shb-outputfield__infotext {
  font-size: 16px;
}
.shb-outputfield__label--block,
.shb-outputfield__infotext--block {
  display: block;
}
.shb-outputfield__label--justified,
.shb-outputfield__infotext--justified {
  width: 50%;
}
.shb-outputfield__label--multiple-values,
.shb-outputfield__infotext--multiple-values {
  vertical-align: top;
}
.shb-outputfield__label {
  font-weight: bold;
}
.shb-outputfield__value {
  font-size: 16px;
}
.shb-outputfield__value--block {
  display: block;
}
.shb-outputfield__value--justified {
  width: 50%;
  text-align: right;
}
.shb-outputfield__value--justified--left-align {
  text-align: left;
}
.shb-outputfield__inner {
  display: block;
}
.shb-outputfield__secondary {
  font-size: 14px;
  display: inline-block;
  width: 50%;
  color: #636363;
}
.shb-outputfield__secondary--justified {
  line-height: 18px;
}
.shb-outputfield__secondary--tight {
  display: none;
}
.shb-outputfield__secondary-value {
  position: relative;
  font-size: 14px;
  width: 50%;
  text-align: right;
  color: #636363;
}
.shb-outputfield__secondary-value--justified--left-align {
  text-align: left;
}
.shb-outputfield__secondary-value--tight {
  display: none;
}
.shb-scroll-to-top-button {
  position: fixed;
  bottom: 23px;
  right: 23px;
  width: 44px;
  height: 44px;
  z-index: 1000;
  padding: 11px;
  border: none;
  border-radius: 8px;
  background-color: #005fa5;
  line-height: 0;
  opacity: 0;
  overflow: visible;
  transition: opacity cubic-bezier(0, 0, 0.2, 1) 0.3s;
  pointer-events: none;
}
.shb-scroll-to-top-button:focus,
.shb-scroll-to-top-button:active {
  background-color: #043b62;
}
.shb-scroll-to-top-button--visible {
  opacity: 1;
  pointer-events: all;
}
@media only screen and (max-width: 910px) {
  .shb-scroll-to-top-button--visible {
    opacity: 0.8;
  }
}
.shb-scroll-to-top-button--visible:hover,
.shb-scroll-to-top-button--visible:focus {
  background-color: #043b62;
}
.shb-scroll-to-top-button--visible:hover:after,
.shb-scroll-to-top-button--visible:focus:after {
  content: "";
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  border: 2px solid #ffffff;
  outline: 1px solid #043b62;
}
.shb-table {
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 16px;
  color: #222222;
  font-family: "Roboto", sans-serif;
  border-bottom: 1px solid #f5f5f5;
  width: 100%;
}
.shb-table .shb-text-money {
  text-align: right;
}
.shb-table > tbody {
  background-color: #ffffff;
}
.shb-table > thead > tr > th,
.shb-table > tbody > tr > td,
.shb-table > tbody > tr > th,
.shb-table > tfoot > tr > td {
  padding: 9px;
  text-align: left;
  border-bottom: 1px solid #f5f5f5;
}
.shb-table.shb-table--standalone {
  border: 1px solid #f5f5f5;
}
.shb-table .shb-table__small-gray-text {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: #636363;
}
.shb-table:last-child {
  border-bottom: none;
}
.shb-table__footer__row {
  background-color: #ffffff;
  border-top: 2px solid #dedede;
  height: 48px;
  font-weight: bold;
}
.shb-table__header {
  font-size: 14px;
}
.shb-table__header__row {
  background-color: #fafafa;
  color: #222222;
}
.shb-table__header__cell--align-top {
  vertical-align: top;
}
.shb-table__header__cell--align-center {
  text-align: center;
}
.shb-table__row {
  line-height: 16px;
  transition: 0.2s background-color;
}
.shb-table__row > th {
  font-weight: normal;
}
.shb-table__row:last-child > td,
.shb-table__row:last-child > th {
  border-bottom: none;
}
.shb-table__row:hover.shb--clickable,
.shb-table-group__header:hover.shb--clickable,
.shb-table__row--has-focus.shb--clickable,
.shb-table-group__header--has-focus.shb--clickable {
  background-color: #eaf4f7;
  visibility: visible;
}
.shb-table__row:hover.shb--clickable a,
.shb-table-group__header:hover.shb--clickable a,
.shb-table__row--has-focus.shb--clickable a,
.shb-table-group__header--has-focus.shb--clickable a {
  text-decoration: underline;
  border-bottom: 1px solid;
}
.shb-table__cell {
  border-bottom: 1px solid #f5f5f5;
}
.shb-table__cell--valign-top {
  vertical-align: top;
}
/* Sortable */
.shb-table__column--sortable {
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-right: 11px;
  background-position: right -487px;
}
.shb-table__column--sortable-visible {
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-right: 11px;
  background-position: right -969px;
}
.shb-table__column--sortable-visible.shb-table-column__ascending {
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-right: 11px;
  background-position: right -1746px;
}
.shb-table__column--sortable-visible.shb-table-column__descending {
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-right: 11px;
  background-position: right -1709px;
}
.shb--clickable:focus .shb-table__column--sortable-visible,
.shb--clickable:hover .shb-table__column--sortable-visible {
  text-decoration: underline;
}
.shb--clickable:focus .shb-table__column--sortable {
  text-decoration: underline;
}
.shb-table__header__cell.shb--clickable:focus .shb-table__column--sortable,
.shb-table__header__cell.shb--clickable:hover .shb-table__column--sortable {
  text-decoration: underline;
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-right: 11px;
  background-position: right -1005px;
}
.shb-table__header__cell.shb--clickable:focus .shb-table__column--sortable-left,
.shb-table__header__cell.shb--clickable:hover .shb-table__column--sortable-left {
  text-decoration: underline;
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-left: 19px;
  background-position: left -1597px;
}
.shb-data-table__column-toggle-popover__checkbox {
  /* Checkbox has height: 24px, 10 padding equals 44px rows */
  padding: 10px 0;
  line-height: 0;
  /* Account for 0.75 shb unit padding on container */
}
.shb-data-table__column-toggle-popover__checkbox--horizontal {
  display: inline-flex;
  flex-wrap: wrap;
}
.shb-data-table__column-toggle-popover__checkbox--horizontal > div {
  flex: 1 1 25%;
}
.shb-data-table__column-toggle-popover__checkbox:first-of-type {
  padding-top: calc(20px - 0.75 * 16px);
}
.shb-data-table__column-toggle-popover__checkbox:last-child {
  padding-bottom: calc(20px - 0.75 * 16px);
}
@media screen {
  .print-footer {
    display: none;
  }
}
@media print {
  .print-footer {
    display: table-footer-group;
    position: fixed;
    bottom: 0;
  }
  .print-footer:after {
    counter-increment: page;
    content: "Page " counter(page);
  }
}
.shb-table-group__header {
  background-color: #fbfaf9;
  width: 100%;
  height: 32px;
  text-align: left;
  border-bottom: 1px solid #dedede;
}
.shb-table-group__header th {
  font-weight: normal;
  padding-left: 24px;
  padding-right: 24px;
}
.shb-table-group__expander {
  flex: 1;
  text-align: right;
}
.datatable-toolbar {
  display: flex;
  flex-direction: column;
  margin-right: -16px;
  margin-left: -16px;
  color: #005fa5;
  margin-top: -12px;
  margin-bottom: -12px;
  border-radius: 4px;
}
.datatable-toolbar__icon-button {
  min-width: 44px;
  min-height: 44px;
  margin-left: 0px;
  background: transparent;
}
.popover-item {
  display: flex;
  justify-content: space-between;
  padding: 0 8px;
  min-height: 44px;
  min-width: 44px;
  align-items: center;
  cursor: pointer;
  border: 1px solid transparent;
}
.popover-item:not(:last-child) {
  border-bottom: 1px solid #dedede;
}
.popover-item:hover {
  background: #eaf4f7;
  text-decoration: underline;
}
.popover-item:hover:first-child {
  border-radius: 4px 4px 0 0;
}
.popover-item:hover:last-child {
  border-radius: 0 0 4px 4px;
}
.popover-item:focus {
  border: 1px solid #005fa5;
  text-decoration: underline;
}
.popover-item:focus:first-child {
  border-radius: 4px 4px 0 0;
}
.popover-item:focus:last-child {
  border-radius: 0 0 4px 4px;
}
.popover-item span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
  margin-right: 8px;
}
.shb-data-table {
  border-bottom: 1px solid #dedede;
  /* Stacked table styles */
}
.shb-data-table__filter-area {
  padding: 16px 24px 16px 24px;
  background-color: #ffffff;
  border-top: 1px solid #dedede;
  margin-top: 1px;
}
.shb-data-table__filter-area .close-button {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  border: 0;
  background: transparent;
}
.shb-data-table__filter-area .close-button:focus {
  outline: 1px solid #005fa5;
}
.shb-data-table__filter-area--no-top-border {
  border-top: none;
}
.shb-data-table__filter-area .add-margin .shb-data-table__filter-area-content-controls--horizontal div:not(:last-child) {
  margin-right: 8px;
}
.shb-data-table__filter-area_container {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  flex-direction: column;
}
.shb-data-table__filter-area_container .standalone-label {
  margin-bottom: 8px;
}
.shb-data-table__filter-area_container .shb-data-table__filter-area-content-controls--horizontal {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-start;
  min-width: 100px;
}
@media only screen and (max-width: 767px) {
  .shb-data-table__filter-area_container .shb-data-table__filter-area-content-controls--horizontal {
    margin-top: 8px;
  }
}
@media only screen and (min-width: 768px) {
  .shb-data-table__filter-area_container .shb-data-table__filter-area-content-controls--horizontal > * {
    width: auto;
  }
}
.shb-data-table__filter-area__header {
  color: #005fa5;
}
.shb-data-table__filter-area-content {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
  flex-direction: column;
}
.shb-data-table__filter-area-content-header {
  margin-bottom: 6px;
}
.shb-data-table__filter-area-content .standalone-title {
  margin-bottom: 16px;
}
.shb-data-table__filter-area-content-arrow {
  top: 34px;
  right: 21px;
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  pointer-events: none;
}
.shb-data-table__filter-area-content-arrow::before,
.shb-data-table__filter-area-content-arrow::after {
  content: "";
  position: absolute;
  border: solid transparent;
  bottom: 0;
  height: 0;
  width: 0;
}
.shb-data-table__filter-area-content-arrow::before {
  border-width: 10px;
  border-bottom-color: #dedede;
}
.shb-data-table__filter-area-content-arrow::after {
  border-width: 9px;
  border-bottom-color: #ffffff;
  left: 1px;
}
.shb-data-table__filter-area__modal-content {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: 100%;
  background-color: #e8e8e8;
}
.shb-data-table__filter-area__buttons {
  display: flex;
  flex-direction: row-reverse;
  padding-bottom: 0;
  width: 100%;
}
.shb-data-table__filter-area__buttons div:not(:last-child) {
  margin-left: 8px;
}
.shb-data-table__header {
  padding: 0 24px 8px;
  display: flex;
  align-items: flex-end;
  min-height: 44px;
}
.shb-data-table__header-actions {
  margin-left: auto;
  display: flex;
}
.shb-data-table__wrapper {
  overflow-y: auto;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}
.shb-data-table__wrapper--fixed-height .shb-table__header th {
  background-color: #fafafa;
  color: #222222;
  position: sticky;
  top: 0;
  box-shadow: 0 1px #dedede;
}
.shb-data-table__pagination {
  padding: 8px 24px 0;
}
.shb-data-table .shb-table {
  /* This border is moved to wrapper component so it works with max-height */
  border-bottom: 0;
}
.shb-data-table .shb-table__header {
  white-space: nowrap;
}
@media only screen and (min-width: 768px) {
  .shb-data-table .shb-table__header .shb-data-table__sortable-column {
    display: inline;
  }
}
.shb-data-table .shb-table__header .shb-data-table__sortable-column {
  position: relative;
  padding: 0 20px 0 0;
  cursor: pointer;
  background-color: transparent;
  border: 0;
  font-weight: bold;
}
.shb-data-table .shb-table__header .shb-data-table__sortable-column:hover .shb-data-table__sortable-column-label {
  color: #005fa5;
  text-decoration: underline;
}
.shb-data-table .shb-table__header .shb-data-table__sortable-column:hover .shb-data-table__sortable-column-icon {
  background-color: #005fa5;
}
.shb-data-table .shb-table__header .shb-data-table__sortable-column:hover .shb-data-table__sortable-column-icon path {
  stroke: white;
}
.shb-data-table .shb-table__header .shb-data-table__sortable-column-label {
  transition: color 0.15s ease-in-out;
}
.shb-data-table .shb-table__header .shb-data-table__sortable-column-icon {
  padding: 2px 0;
  position: absolute;
  top: -2px;
  right: 0;
  border-radius: 4px;
  line-height: 0;
  transition: background-color 0.15s ease-in-out;
}
.shb-data-table .shb-table__header .shb-data-table__sortable-column-icon svg {
  transition: transform 0.3s ease-in-out;
}
.shb-data-table .shb-table__header .shb-data-table__sortable-column-icon svg path {
  transition: stroke 0.15s ease-in-out;
}
.shb-data-table .shb-table__header .shb-data-table__sortable-column--desc svg {
  transform: rotateX(180deg);
}
.shb-data-table .shb-table__header__row {
  height: 48px;
  background-color: #ffffff;
}
.shb-data-table .shb-table__row.shb--clickable.no-pointer-cursor {
  cursor: default;
}
.shb-data-table .shb-table__row--expandable,
.shb-data-table .shb-table__header__row--expandable,
.shb-data-table .shb-table__footer__row--expandable,
.shb-data-table .shb-table-group__header--expandable {
  border-bottom: 2px solid transparent;
}
.shb-data-table .shb-table__row--expandable:hover,
.shb-data-table .shb-table__header__row--expandable:hover,
.shb-data-table .shb-table__footer__row--expandable:hover,
.shb-data-table .shb-table-group__header--expandable:hover {
  background-color: #eaf4f7;
  border-bottom: 2px solid #eaf4f7;
}
.shb-data-table .shb-table__row > th:first-child,
.shb-data-table .shb-table__header__row > th:first-child,
.shb-data-table .shb-table__footer__row > th:first-child,
.shb-data-table .shb-table-group__header > th:first-child,
.shb-data-table .shb-table__row > td:first-child,
.shb-data-table .shb-table__header__row > td:first-child,
.shb-data-table .shb-table__footer__row > td:first-child,
.shb-data-table .shb-table-group__header > td:first-child {
  padding-left: 24px;
}
.shb-data-table .shb-table__row > th:last-child,
.shb-data-table .shb-table__header__row > th:last-child,
.shb-data-table .shb-table__footer__row > th:last-child,
.shb-data-table .shb-table-group__header > th:last-child,
.shb-data-table .shb-table__row > td:last-child,
.shb-data-table .shb-table__header__row > td:last-child,
.shb-data-table .shb-table__footer__row > td:last-child,
.shb-data-table .shb-table-group__header > td:last-child {
  padding-right: 24px;
}
.shb-data-table .shb-table__row > td:last-child,
.shb-data-table .shb-table__header__row > td:last-child,
.shb-data-table .shb-table__footer__row > td:last-child,
.shb-data-table .shb-table-group__header > td:last-child {
  position: relative;
}
.shb-data-table .shb-table__row-with-overlay,
.shb-data-table .shb-table__header__row-with-overlay,
.shb-data-table .shb-table__footer__row-with-overlay,
.shb-data-table .shb-table-group__header-with-overlay {
  background-color: #f0f8fa;
  border-bottom: 2px solid #005fa5;
}
.shb-data-table .shb-table__row-selected,
.shb-data-table .shb-table__header__row-selected,
.shb-data-table .shb-table__footer__row-selected,
.shb-data-table .shb-table-group__header-selected {
  border-bottom: 2px solid #005fa5;
}
.shb-data-table .shb-table__row-with-overlay--heading,
.shb-data-table .shb-table__header__row-with-overlay--heading,
.shb-data-table .shb-table__footer__row-with-overlay--heading,
.shb-data-table .shb-table-group__header-with-overlay--heading {
  padding-top: 16px;
}
.shb-data-table .shb-table__row .shb-table__cell-overlay,
.shb-data-table .shb-table__header__row .shb-table__cell-overlay,
.shb-data-table .shb-table__footer__row .shb-table__cell-overlay,
.shb-data-table .shb-table-group__header .shb-table__cell-overlay {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  white-space: nowrap;
  overflow: hidden;
}
.shb-data-table .shb-table__row .shb-table__cell-overlay .shb-table__cell-overlay-animateable,
.shb-data-table .shb-table__header__row .shb-table__cell-overlay .shb-table__cell-overlay-animateable,
.shb-data-table .shb-table__footer__row .shb-table__cell-overlay .shb-table__cell-overlay-animateable,
.shb-data-table .shb-table-group__header .shb-table__cell-overlay .shb-table__cell-overlay-animateable {
  list-style-type: none;
  margin: 0;
  padding-left: 0;
  display: flex;
  height: 100%;
  will-change: transform;
}
.shb-data-table .shb-table__row .shb-table__cell-overlay .shb-table__cell-overlay-animateable--in,
.shb-data-table .shb-table__header__row .shb-table__cell-overlay .shb-table__cell-overlay-animateable--in,
.shb-data-table .shb-table__footer__row .shb-table__cell-overlay .shb-table__cell-overlay-animateable--in,
.shb-data-table .shb-table-group__header .shb-table__cell-overlay .shb-table__cell-overlay-animateable--in {
  transform: translateX(100%);
  animation: shb-table__cell-overlay-animation 0.3s ease-out forwards;
}
.shb-data-table .shb-table__row .shb-table__cell-overlay .shb-table__cell-overlay-animateable--out,
.shb-data-table .shb-table__header__row .shb-table__cell-overlay .shb-table__cell-overlay-animateable--out,
.shb-data-table .shb-table__footer__row .shb-table__cell-overlay .shb-table__cell-overlay-animateable--out,
.shb-data-table .shb-table-group__header .shb-table__cell-overlay .shb-table__cell-overlay-animateable--out {
  transform: translateX(0%);
  animation: shb-table__cell-overlay-animation-out 0.3s ease-in forwards;
}
.shb-data-table .shb-table__row .shb-table__cell-overlay .shb-table__cell-overlay-animateable > li > div,
.shb-data-table .shb-table__header__row .shb-table__cell-overlay .shb-table__cell-overlay-animateable > li > div,
.shb-data-table .shb-table__footer__row .shb-table__cell-overlay .shb-table__cell-overlay-animateable > li > div,
.shb-data-table .shb-table-group__header .shb-table__cell-overlay .shb-table__cell-overlay-animateable > li > div {
  height: 100%;
}
.shb-data-table .shb-table__row .shb-table__cell-overlay .shb-table__cell-overlay-animateable > li > div > button,
.shb-data-table .shb-table__header__row .shb-table__cell-overlay .shb-table__cell-overlay-animateable > li > div > button,
.shb-data-table .shb-table__footer__row .shb-table__cell-overlay .shb-table__cell-overlay-animateable > li > div > button,
.shb-data-table .shb-table-group__header .shb-table__cell-overlay .shb-table__cell-overlay-animateable > li > div > button {
  border: none;
  border-left: 1px solid #dedede;
  border-radius: 0;
  height: 100%;
  white-space: normal;
  width: 208px;
}
.shb-data-table .shb-table__row .shb-table__cell-overlay .shb-table__cell-overlay-animateable > li > div > button:focus,
.shb-data-table .shb-table__header__row .shb-table__cell-overlay .shb-table__cell-overlay-animateable > li > div > button:focus,
.shb-data-table .shb-table__footer__row .shb-table__cell-overlay .shb-table__cell-overlay-animateable > li > div > button:focus,
.shb-data-table .shb-table-group__header .shb-table__cell-overlay .shb-table__cell-overlay-animateable > li > div > button:focus {
  outline: 0;
  outline-offset: 0;
}
.shb-data-table .shb-table__row .shb-table__cell--remove-bottom-border,
.shb-data-table .shb-table__header__row .shb-table__cell--remove-bottom-border,
.shb-data-table .shb-table__footer__row .shb-table__cell--remove-bottom-border,
.shb-data-table .shb-table-group__header .shb-table__cell--remove-bottom-border {
  border-bottom: none;
}
@keyframes shb-table__cell-overlay-animation {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0%);
  }
}
@keyframes shb-table__cell-overlay-animation-out {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(100%);
  }
}
.shb-data-table .shb-table-group__header-content {
  display: flex;
  align-items: center;
}
.shb-data-table .shb-table__row,
.shb-data-table .shb-table__expanded-row {
  background-color: #ffffff;
  height: 48px;
}
.shb-data-table .shb-table__expanded-row {
  height: 0px;
  padding: 0;
  border-bottom: 1px solid #dedede;
}
.shb-data-table .shb-table__expanded-row > td {
  border-bottom: none;
}
.shb-data-table .shb-table__expanded-row .shb-expansion-content__details {
  padding: 16px 24px;
}
.shb-data-table .shb-table__expanded-row .shb-expansion-content__details--zeroPadding {
  padding: 0;
}
.shb-data-table .shb-table > tbody {
  background-color: unset;
}
.shb-data-table__stacked thead {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
  display: none;
}
.shb-data-table__stacked .shb-table__row,
.shb-data-table__stacked .shb-table__cell {
  display: block;
  text-align: left;
  white-space: normal;
  border: none;
}
.shb-data-table__stacked .shb-table__row .shb-data-table__header,
.shb-data-table__stacked .shb-table__cell .shb-data-table__header {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
.shb-data-table__stacked .shb-table__row .shb-table__cell {
  vertical-align: middle;
  padding: 8px 24px;
  border: none;
  display: flex;
  justify-content: space-between;
}
.shb-data-table__stacked .shb-table__row {
  border-bottom: 1px solid #dedede;
  height: auto;
  padding: 8px 0;
  /* Avoid duplicate borders */
}
.shb-data-table__stacked .shb-table__row:last-child {
  border-bottom: 0;
}
.shb-data-table__stacked .shb-table__row:first-child {
  border-top: 0;
}
.shb-data-table__stacked .shb-table__row--expandable {
  border-bottom: none;
}
.shb-data-table__stacked .shb-table__row--stacked-summary {
  background-color: #eaf4f7;
}
.shb-data-table__stacked .shb-table__row--stacked-summary.borderless {
  border-bottom: none;
}
@keyframes shb-table__cell-overlay-animation-stacked {
  from {
    transform: translateY(100%);
  }
  to {
    transform: translateY(0%);
  }
}
@keyframes shb-table__cell-overlay-animation-out-stacked {
  from {
    transform: translateY(0%);
  }
  to {
    transform: translateY(100%);
  }
}
.shb-data-table__stacked .shb-table__row .shb-table__cell > div {
  float: right;
}
.shb-data-table__stacked .shb-table__row .shb-table__cell[data-label]:before {
  content: attr(data-label);
  float: left;
  font-weight: bold;
  text-align: left;
}
.shb-data-table__stacked .shb-table__row .shb-table__cell-overlay {
  bottom: -8px;
  width: 100%;
  display: flex;
}
.shb-data-table__stacked .shb-table__row .shb-table__cell-overlay .shb-table__cell-overlay-animateable {
  display: flex;
  flex: 1;
}
.shb-data-table__stacked .shb-table__row .shb-table__cell-overlay .shb-table__cell-overlay-animateable--in {
  transform: translateY(100%);
  animation: shb-table__cell-overlay-animation-stacked 0.3s ease-out forwards;
}
.shb-data-table__stacked .shb-table__row .shb-table__cell-overlay .shb-table__cell-overlay-animateable--out {
  transform: translateY(0%);
  animation: shb-table__cell-overlay-animation-out-stacked 0.3s ease-in forwards;
}
.shb-data-table__stacked .shb-table__row .shb-table__cell-overlay .shb-table__cell-overlay-animateable > li {
  display: flex;
  flex: 1;
}
.shb-data-table__stacked .shb-table__row .shb-table__cell-overlay .shb-table__cell-overlay-animateable > li > div {
  border-top: 1px solid #dedede;
  flex: 1;
}
.shb-data-table__stacked .shb-table__row .shb-table__cell-overlay .shb-table__cell-overlay-animateable > li > div > button {
  width: 100%;
}
.shb-data-table__stacked .shb-table__row .shb-table__cell-overlay .shb-table__cell-overlay-animateable > li > div:first-child > button {
  border-left: 0;
}
.shb-data-table__stacked td.shb-table__row--expanded-row {
  padding: 0;
  border-bottom: none;
}
.shb-data-table__stacked div.shb-expansion-content__details {
  padding: 16px;
}
.shb-data-table__stacked .shb-table__footer__row .shb-table__cell {
  display: table-cell;
}
body:not(.shb-user-is-not-tabbing) .shb-data-table .shb-table th .shb-data-table__sortable-column:focus .shb-data-table__sortable-column-label {
  color: #005fa5;
  text-decoration: underline;
}
body:not(.shb-user-is-not-tabbing) .shb-data-table .shb-table th .shb-data-table__sortable-column:focus .shb-data-table__sortable-column-icon {
  background-color: #005fa5;
}
body:not(.shb-user-is-not-tabbing) .shb-data-table .shb-table th .shb-data-table__sortable-column:focus .shb-data-table__sortable-column-icon path {
  stroke: white;
}
body:not(.shb-user-is-not-tabbing) .shb-data-table .shb-table > tbody tr:focus {
  border-bottom: 2px solid #005fa5;
  background-color: #eaf4f7;
}
body:not(.shb-user-is-not-tabbing) .shb-data-table .shb-table > tbody tr:focus + .shb-table__expanded-row > td {
  border: none;
}
/* If used in ErrandBody without ErrandTableSection and is last child, avoid duplicate borders. */
.shb-errand-body.shb-errand-body--zero-padding > .shb-data-table:last-child {
  border-bottom: 0;
}
/* If used in an Errand with ErrandTableSection and is last child, avoid duplicate borders. */
.shb-errand-table-section .shb-data-table:last-child {
  border: 0;
}
.shb-data-table__footer-row {
  font-weight: normal;
}
.shb-toast-react .shb-toast-react-hidden {
  display: none;
  opacity: 0;
  position: absolute;
  bottom: -48px;
  transition: opacity 2s;
}
.shb-toast-react span {
  color: #ffffff;
}
.shb-toast-react__confirm-close span {
  white-space: nowrap;
  margin: 0 16px;
}
.shb-toast-react__confirm-close button {
  background: none;
  border: 0;
  padding: 16px 24px;
  margin: -16px -16px -16px 0;
  line-height: 0;
}
.shb-toast-react__confirm-close button:focus {
  outline: 1px #ffffff solid;
  outline-offset: -1px;
  border-radius: 2px;
}
.shb-toast-react__confirm-close button:hover {
  opacity: 0.8;
}
.shb-toast-react .shb-toast-react-fixed {
  display: flex;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  padding: 16px;
  position: fixed;
  z-index: 2000;
  background-color: #005fa5;
  border-radius: 4px 4px 0 0;
}
.shb-toast-react .shb-toast-react-fixed.shb-toast-react-visible {
  opacity: 1;
}
.shb-toast-react .shb-toast-react-fixed .shb-toast-react-close {
  position: absolute;
  right: 10px;
  top: 5px;
  cursor: pointer;
}
.shb-toast-react .shb-toast-react-slide-up-animation {
  display: flex;
  -webkit-animation: slideUp 0.2s ease-out;
  -moz-animation: slideUp 0.2s ease-out;
  -o-animation: slideUp 0.2s ease-out;
  animation: slideUp 0.2s ease-out;
}
@keyframes slideUp {
  0% {
    display: none;
    transform: translate(-50%, 100%);
  }
  1% {
    display: flex;
  }
  100% {
    display: flex;
    transform: translate(-50%, 0%);
  }
}
.shb-toast-react .shb-toast-react-fade-out-animation {
  display: block;
  animation: fadeOut 0.5s ease-out;
}
@keyframes fadeOut {
  0% {
    display: block;
    opacity: 1;
  }
  1% {
    display: block;
    opacity: 1;
  }
  100% {
    display: none;
    opacity: 0;
  }
}
.shb-date-range-picker-deprecated {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  margin-bottom: 20px;
}
@media only screen and (max-width: 767px) {
  .shb-date-range-picker-deprecated__direction--row {
    flex-flow: column;
    align-items: flex-start;
  }
}
.shb-date-range-picker-deprecated__date-container {
  margin-top: 8px;
}
.shb-date-range-picker-deprecated__date-container .DayPicker :focus {
  outline: 1px solid #005fa5;
}
.shb-date-range-picker-deprecated__date-container--error div.DateRangePickerInput__withBorder {
  border: 1px solid red;
}
.shb-expandable__title-wrapper {
  cursor: pointer;
  margin-bottom: 12px;
}
.shb-expandable__title-wrapper:focus a,
.shb-expandable__title-wrapper:active a {
  background-color: #005fa5;
  outline: 3px solid #005fa5;
  color: #ffffff;
}
.shb-expandable__icon {
  margin-right: 12px;
}
.shb-expandable__content {
  margin-left: 12px;
}
.common-richtext {
  border-bottom: 1px solid transparent;
  color: #005fa5;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-skip: ink;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  max-width: fit-content;
  word-wrap: break-word;
}
.common-richtext:visited {
  color: #005fa5;
}
.common-richtext:hover {
  border-bottom: 1px solid;
}
.common-richtext:active {
  top: 1px;
}
.common-richtext:focus {
  background-color: #005fa5;
  outline: 3px solid #005fa5;
  outline-offset: initial;
  color: #ffffff;
}
.common-richtext:focus .shb-react-new-window-icon g path {
  stroke: #ffffff;
}
.common-richtext:focus .shb-react-chevron-right-icon g path {
  fill: #ffffff;
}
.common-richtext__in-body-text {
  margin-right: 3px;
  margin-left: 3px;
}
.common-richtext .shb-react-new-window-icon {
  display: inline-block;
  margin-left: 6px;
  margin-bottom: 2px;
  vertical-align: middle;
  height: 11px;
}
.common-richtext .shb-react-chevron-right-icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 2px;
  margin-bottom: 2px;
  height: 11px;
}
.common-link-white {
  color: #ffffff;
}
.common-link-white:visited {
  color: #ffffff;
}
.common-link-white:focus {
  background-color: #ffffff;
  outline: 3px solid #ffffff;
  color: #005fa5;
}
.common-link-white:focus .shb-react-new-window-icon g path {
  stroke: #005fa5;
}
.common-link-white:focus .shb-react-chevron-right-icon g path {
  fill: #005fa5;
}
.common-link-white:hover {
  border-bottom: 1px solid;
}
.shb-text-link {
  border-bottom: 1px solid transparent;
  color: #005fa5;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-skip: ink;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  max-width: fit-content;
  word-wrap: break-word;
}
.shb-text-link:visited {
  color: #005fa5;
}
.shb-text-link:hover {
  border-bottom: 1px solid;
}
.shb-text-link:active {
  top: 1px;
}
.shb-text-link:focus {
  background-color: #005fa5;
  outline: 3px solid #005fa5;
  outline-offset: initial;
  color: #ffffff;
}
.shb-text-link:focus .shb-react-new-window-icon g path {
  stroke: #ffffff;
}
.shb-text-link:focus .shb-react-chevron-right-icon g path {
  fill: #ffffff;
}
.shb-text-link__in-body-text {
  margin-right: 3px;
  margin-left: 3px;
}
.shb-text-link .shb-react-new-window-icon {
  display: inline-block;
  margin-left: 6px;
  margin-bottom: 2px;
  vertical-align: middle;
  height: 11px;
}
.shb-text-link .shb-react-chevron-right-icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 2px;
  margin-bottom: 2px;
  height: 11px;
}
.shb-system-error-message {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px;
}
.shb-system-error-message__title,
.shb-system-error-message__detail {
  max-width: 40em;
  margin: 16px auto 0 auto;
}
.shb-system-error-message__title--center-text,
.shb-system-error-message__detail--center-text {
  text-align: center;
}
.shb-system-error-message > * + * {
  margin-top: 16px;
}
.shb-card-v3 {
  background-color: #ffffff;
  border: 1px solid #dedede;
  border-radius: 8px;
  /* prettier-ignore */
  /* Override padding */
}
.shb-card-v3--highlighted {
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.21);
}
.shb-card-v3__header {
  padding: 16px 24px;
  border-radius: 7px 7px 0 0;
  display: flex;
  align-items: center;
}
.shb-card-v3__header-heading {
  color: #005fa5;
}
.shb-card-v3__header-with-subheading {
  margin-bottom: 16px;
}
.shb-card-v3__header-subheading {
  word-break: break-word;
}
.shb-card-v3__header-actionbar {
  margin-left: auto;
}
.shb-card-v3__body {
  padding: 0 24px 24px;
}
.shb-card-v3__body:first-child {
  padding-top: 24px;
}
body.non-responsive .shb-card-v3 {
  /* Only allow Blue theme if viewport > mobile */
}
body.non-responsive .shb-card-v3--theme-blue .shb-card-v3__header {
  background-color: #eaf4f7;
  border-bottom: 1px solid #dedede;
}
body.non-responsive .shb-card-v3--theme-blue .shb-card-v3__body {
  padding-top: 24px;
}
body.non-responsive .shb-card-v3--theme-blue .shb-card-v3__body--zero-padding {
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .shb-card-v3 {
    /* Only allow Blue theme if viewport > mobile */
  }
  .shb-card-v3--theme-blue .shb-card-v3__header {
    background-color: #eaf4f7;
    border-bottom: 1px solid #dedede;
  }
  .shb-card-v3--theme-blue .shb-card-v3__body {
    padding-top: 24px;
  }
  .shb-card-v3--theme-blue .shb-card-v3__body--zero-padding {
    padding: 0;
  }
}
.shb-card-v3 .shb-card-v3__body--zero-padding {
  padding: 0;
}
.shb-card-v3__footer {
  background-color: #f5f5f5;
  padding: 16px 24px;
  border-top: 1px solid #dedede;
  border-radius: 0 0 7px 7px;
}
.shb-card-v3__footer--cta-link {
  background-color: #ffffff;
  border-top: none;
  padding: 0;
}
.shb-card-v3__footer--has-additional-content {
  border-radius: 0;
  border-bottom: 1px solid #dedede;
}
.shb-card-v3__expansion {
  padding: 16px 24px;
}
.shb-card-v3__expansion--border-top {
  border-top: 1px solid #dedede;
}
.shb-card-v3--expandable .shb-card-v3__header {
  cursor: pointer;
}
.shb-card__call-to-action-link {
  position: relative;
  box-sizing: border-box;
  border-top: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  color: #222222;
  padding: 24px;
  text-decoration: none;
  border-radius: 0 0 8px 8px;
  transition: 0.1s ease-out background-color;
}
.shb-card__call-to-action-link:hover {
  background-color: #eaf4f7;
  text-decoration: underline;
}
.shb-card__call-to-action-link:focus {
  border: 1px solid #005fa5;
  padding: 23px;
}
.shb-errand-element-wrapper {
  margin-bottom: 24px;
}
.shb-errand-general-section:not(:last-child) {
  margin-bottom: 48px;
}
.shb-errand-list-section {
  /* Negates padding set in _errandBody.less */
}
.shb-errand-list-section:not(:last-child) {
  margin-bottom: 48px;
}
.shb-errand-list-section ul,
.shb-errand-list-section ol {
  width: calc(100% + 24px * 2);
  margin-left: -24px;
  margin-right: -24px;
}
/* Negates padding set on .shb-errand--mini in _errand.less */
.shb-errand--mini .shb-errand-list-section ul,
.shb-errand--mini .shb-errand-list-section ol {
  width: calc(100% + 18px * 2);
  margin-left: -18px;
  margin-right: -18px;
}
/* Imported by _errandListSection.less */
/* Negates padding set in _errand.less */
.shb-errand-body:not(.shb-errand-body--zero-padding) .shb-errand-table-section table,
.shb-errand-body:not(.shb-errand-body--zero-padding) .shb-errand-table-section .shb-data-table {
  width: calc(100% + 24px * 2);
  margin-left: -24px;
  margin-right: -24px;
}
.shb-errand-body:not(.shb-errand-body--zero-padding) .shb-errand-table-section .shb-data-table table {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.shb-errand-table-section:not(:last-child) {
  margin-bottom: 48px;
}
/* Negates padding set on .shb-errand--mini in _errand.less */
.shb-errand.shb-errand--mini .shb-errand-table-section table,
.shb-errand.shb-errand--mini .shb-errand-table-section .shb-data-table {
  width: calc(100% + 18px * 2);
  margin-left: -18px;
  margin-right: -18px;
}
.shb-errand.shb-errand--mini .shb-errand-table-section .shb-data-table table {
  width: 100%;
  margin-left: 0;
  margin-right: 0;
}
.shb-expansion-panel {
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  background-color: #ffffff;
  /* Prevent double border */
}
.shb-expansion-panel + .shb-expansion-panel {
  border-top: none;
}
.shb-expansion-panel--borderless {
  border-top: transparent;
  border-bottom: transparent;
}
.shb-expansion-panel .shb-expansion-panel__summary-wrapper {
  display: flex;
  align-items: center;
  user-select: none;
  padding: 16px 24px;
  background-color: transparent;
  border: 0;
  text-align: left;
  width: 100%;
}
.shb-expansion-panel .shb-expansion-panel__summary-wrapper:hover {
  cursor: pointer;
  background-color: #eaf4f7;
}
.shb-expansion-panel .shb-expansion-panel__summary-wrapper:focus .shb-expansion-panel__chevron > div {
  outline: 1px solid #005fa5;
}
.shb-expansion-panel .shb-expansion-panel__summary-wrapper:focus .shb-text-link {
  background-color: #005fa5;
  outline: 3px solid #005fa5;
  outline-offset: initial;
  color: #ffffff;
}
.shb-expansion-panel .shb-expansion-panel__summary-wrapper .shb-expansion-panel__summary {
  flex: 1 1 auto;
}
.shb-expansion-panel .shb-expansion-panel__summary-wrapper .shb-expansion-panel__chevron {
  flex: 0 0 auto;
}
.shb-expansion-panel .shb-expansion-panel__summary-wrapper .shb-expansion-panel__chevron > button,
.shb-expansion-panel .shb-expansion-panel__summary-wrapper .shb-expansion-panel__chevron > div {
  display: block;
}
.shb-expansion-panel .shb-expansion-panel__summary-wrapper--centered {
  justify-content: center;
  outline: none;
}
.shb-expansion-panel .shb-expansion-panel__summary-wrapper--centered .shb-text-link {
  margin: 0 16px;
}
.shb-expansion-panel .shb-expansion-panel__summary-wrapper--centered:hover {
  background-color: transparent;
}
.shb-expansion-panel .shb-expansion-panel__summary-wrapper--centered:focus .shb-text-link {
  background-color: #005fa5;
  outline: 3px solid #005fa5;
  outline-offset: initial;
  color: #ffffff;
}
.shb-expansion-panel--transparent {
  background-color: transparent;
}
.shb-expansion-panel .shb-expansion-content__details {
  padding: 16px 24px;
}
.shb-expansion-panel .shb-expansion-content__details--zeroPadding {
  padding: 0;
}
.shb-expansion-panel .shb-expansion-content__details--is-hidden {
  display: none;
}
.shb-expansion-content__details-wrapper {
  overflow-y: hidden;
  height: auto;
  transition: height 0.225s ease-out;
}
.shb-expansion-content__details-wrapper--fast-transition {
  transition: height 0.001s;
}
.shb-date-picker {
  display: flex;
  flex-direction: column;
}
.shb-date-picker__date {
  margin-top: 8px;
}
.shb-date-picker__date .DayPicker :focus {
  outline: 1px solid #005fa5;
}
.shb-date-picker__date--error div.SingleDatePickerInput__withBorder {
  border: 1px solid #c83d2a;
}
.shb-date-picker__date--error:focus div.SingleDatePickerInput__withBorder {
  border-width: 2px;
}
.shb-date-picker__date input {
  box-sizing: border-box;
  height: 38px;
}
.shb-date-picker__date input:focus {
  border-bottom: 2px solid #005fa5;
}
.shb-date-picker__error {
  margin-top: 4px;
}
.KeyboardShortcutRow_keyContainer_1 {
  margin-top: 16px;
}
.shb-date-range-picker {
  display: flex;
  flex-direction: column;
}
.shb-date-range-picker__date {
  margin-top: 8px;
}
.shb-date-range-picker__date .DayPicker :focus {
  outline: 1px solid #005fa5;
}
.shb-date-range-picker__date .DateInput_fang {
  top: -16px;
}
.shb-date-range-picker__date--error div.DateRangePickerInput__withBorder {
  border: 1px solid #c83d2a;
}
.shb-date-range-picker__date--error:focus div.DateRangePickerInput__withBorder {
  border-width: 2px;
}
.shb-date-range-picker__error {
  margin-top: 4px;
}
.shb-input-number {
  display: flex;
  flex-direction: column-reverse;
}
.shb-input-number--small {
  width: 25%;
}
@media only screen and (max-width: 767px) {
  .shb-input-number--small {
    width: 100%;
  }
}
.shb-input-number--medium {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .shb-input-number--medium {
    width: 100%;
  }
}
.shb-input-number--large {
  width: 75%;
}
@media only screen and (max-width: 767px) {
  .shb-input-number--large {
    width: 100%;
  }
}
.shb-input-number--error {
  display: flex;
  flex-direction: column-reverse;
  position: relative;
}
.shb-input-number__input {
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #dddddd;
  border-bottom: 1px solid #8f8f8f;
  border-radius: 4px;
  font-size: 18px;
  padding: 9px 10px;
}
@media only screen and (min-width: 768px) {
  .shb-input-number__input {
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.shb-input-number__input:hover {
  border-bottom: 1px solid #005fa5;
}
.shb-input-number__input:focus {
  outline: none;
  border-bottom: 2px solid #005fa5;
  padding: 10px 10px 9px;
}
.shb-input-number__input--error {
  border-color: #c83d2a;
  margin-bottom: 4px;
}
.shb-input-number__input--error:hover {
  border-color: #c83d2a;
}
.shb-input-number__input--error:focus {
  border-color: #c83d2a;
  border-width: 2px;
  padding: 9px;
}
.shb-input-number__input--align-right {
  text-align: right;
}
.shb-input-search {
  width: 100%;
  position: relative;
}
.shb-input-search .shb-input-text__text-input {
  font-size: 18px;
  height: 48px;
  padding-right: 56px;
}
.shb-input-search--with-search-btn .shb-input-text__text-input {
  padding-right: 108px;
}
.shb-input-search__buttons-container {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
}
.shb-input-search__button_base {
  background-color: transparent;
  box-sizing: border-box;
  border: none;
  width: 48px;
  height: 48px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 4px;
}
.shb-input-search__clear-button {
  background-color: transparent;
  box-sizing: border-box;
  border: none;
  width: 48px;
  height: 48px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 4px;
  opacity: 0;
  transition: opacity 0.5s, visibility 0.5s;
}
.shb-input-search__clear-button--show {
  opacity: 1;
}
.shb-input-search__search-button {
  background-color: transparent;
  box-sizing: border-box;
  border: none;
  width: 48px;
  height: 48px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 4px;
  background-image: url("../../../img/jedi/base/kit/shb-iconfont/search.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  border-bottom: 2px solid transparent;
}
.shb-input-search__search-button:hover,
.shb-input-search__search-button:focus {
  outline: none;
  border-color: #005fa5;
  border-bottom: 2px solid #005fa5;
}
.shb-auto-suggest {
  z-index: 1;
  margin: 0;
  padding: 0;
  list-style: none;
  font-family: "Roboto", sans-serif;
  border: 1px solid #dedede;
  background: #fff;
  position: absolute;
  left: 0;
  right: 0;
  border-radius: 4px;
}
.shb-auto-suggest__item {
  border-top: 1px solid #dedede;
}
.shb-auto-suggest__item:first-child {
  border-top: none;
}
.shb-auto-suggest__item-link {
  display: block;
  padding: 12px;
  font-size: 16px;
  text-decoration: none;
  color: #005fa5;
  cursor: pointer;
  border: 1px solid transparent;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.shb-auto-suggest__item-link:focus {
  text-decoration: underline;
  border: 1px solid #005fa5;
  outline: none;
}
.shb-auto-suggest li:hover {
  background-color: #ebf4f7;
  text-decoration: underline;
}
.shb-input-text__text-input {
  box-sizing: border-box;
  border: 1px solid #dedede;
  border-bottom: 1px solid #767676;
  border-radius: 4px;
  font-size: 18px;
  padding: 9px 10px;
  resize: none;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .shb-input-text__text-input {
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.shb-input-text__text-input:hover {
  border-bottom: 1px solid #005fa5;
}
.shb-input-text__text-input:focus {
  outline: none;
  border-bottom: 2px solid #005fa5;
  padding-bottom: 9px;
  /* Minskar padding för att det inte ska hoppa */
}
.shb-input-text__text-input--invalid {
  border-color: #c83d2a;
  margin-bottom: 4px;
}
.shb-input-text__text-input--invalid:hover {
  border-color: #c83d2a;
}
.shb-input-text__text-input--invalid:focus {
  border-color: #c83d2a;
  border-width: 2px;
  padding: 9px;
}
.shb-input-text__text-input--small {
  width: 25%;
}
@media only screen and (max-width: 767px) {
  .shb-input-text__text-input--small {
    width: 100%;
  }
}
.shb-input-text__text-input--medium {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .shb-input-text__text-input--medium {
    width: 100%;
  }
}
.shb-input-text__text-input--large {
  width: 75%;
}
@media only screen and (max-width: 767px) {
  .shb-input-text__text-input--large {
    width: 100%;
  }
}
.shb-input-text__error-message-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
.shb-input-text__error-message--reverse {
  display: flex;
  flex-direction: column-reverse;
}
.shb-labeled-checkbox {
  width: 100%;
}
.shb-labeled-checkbox__label {
  margin-bottom: 8px;
}
.shb-labeled-checkbox__label > .shb-element-with-info__element-and-button-container > .shb-element-with-info__button {
  margin: -23px -14px -18px -6px;
}
.shb-labeled-input-number {
  width: 100%;
}
.shb-labeled-input-number__input {
  margin-top: 8px;
}
.shb-labeled-input-number > .shb-element-with-info__element-and-button-container > .shb-element-with-info__button {
  margin: -23px -14px -18px -6px;
}
.shb-labeled-input-number-thousand-separator {
  width: 100%;
}
.shb-labeled-input-number-thousand-separator__input {
  margin-top: 8px;
}
.shb-labeled-input-number-thousand-separator > .shb-element-with-info__element-and-button-container > .shb-element-with-info__button {
  margin: -23px -14px -18px -6px;
}
.shb-labeled-input-password {
  width: 100%;
}
.shb-labeled-input-password__input {
  margin-top: 8px;
}
.shb-labeled-input-password > .shb-element-with-info__element-and-button-container > .shb-element-with-info__button {
  margin: -23px -14px -18px -6px;
}
.shb-labeled-input-text {
  width: 100%;
}
.shb-labeled-input-text__input {
  margin-top: 8px;
}
.shb-labeled-input-text > .shb-element-with-info__element-and-button-container > .shb-element-with-info__button {
  margin: -23px -14px -18px -6px;
}
.shb-labeled-number-stepper {
  width: 100%;
}
.shb-labeled-number-stepper__input {
  margin-top: 8px;
}
.shb-labeled-number-stepper > .shb-element-with-info__element-and-button-container > .shb-element-with-info__button {
  margin: -23px -14px -18px -6px;
}
.shb-labeled-select {
  width: 100%;
}
.shb-labeled-select__label {
  margin-bottom: 8px;
}
.shb-labeled-select__label > .shb-element-with-info__element-and-button-container > .shb-element-with-info__button {
  margin: -23px -14px -18px -6px;
}
.shb-labeled-text-area {
  width: 100%;
}
.shb-labeled-text-area__input {
  margin-top: 8px;
}
.shb-labeled-text-area > .shb-element-with-info__element-and-button-container > .shb-element-with-info__button {
  margin: -23px -14px -18px -6px;
}
.shb-number-input-stepper {
  width: 100%;
}
.shb-number-input-stepper__error-message--reverse {
  display: flex;
  flex-direction: column-reverse;
}
.shb-number-input-stepper__input {
  display: flex;
}
.shb-number-input-stepper__input button:focus {
  outline: none;
  border-bottom: 2px solid #005fa5;
}
.shb-number-input-stepper__input button:hover:enabled {
  border-bottom-color: #005fa5;
  border-color: #043b62;
  background-color: #e8e8e8;
}
.shb-number-input-stepper__input-field-container {
  width: 40px;
}
.shb-number-input-stepper__input-field-container input {
  text-align: center;
  border: 1px solid #dedede;
  border-bottom-color: #909090;
  border-radius: 0;
  border-left: none;
  border-right: none;
  font-size: 18px;
  padding: 9px 0;
  width: 100%;
  height: 100%;
}
@media only screen and (min-width: 768px) {
  .shb-number-input-stepper__input-field-container input {
    font-size: 16px;
    padding: 10px 0;
  }
}
.shb-number-input-stepper button {
  background-color: #ffffff;
  width: 40px;
  border: 1px solid #dedede;
  border-bottom-color: #909090;
}
.shb-number-input-stepper button:first-child {
  border-radius: 4px 0 0 4px;
}
.shb-number-input-stepper button:last-child {
  border-radius: 0 4px 4px 0;
}
.shb-number-input-stepper--invalid {
  margin-bottom: 4px;
}
.shb-number-input-stepper--invalid button:hover:enabled {
  border-bottom-color: #c83d2a;
  border: 2px solid #c83d2a;
  background-color: #e8e8e8;
}
.shb-number-input-stepper--invalid button:first-child {
  border-color: #c83d2a #dedede #c83d2a #c83d2a;
}
.shb-number-input-stepper--invalid button:last-child {
  border-color: #c83d2a #c83d2a #c83d2a #dedede;
}
.shb-number-input-stepper--invalid input {
  border-color: #c83d2a #dedede #c83d2a #dedede;
  margin-bottom: 0;
}
.shb-number-input-stepper--invalid .shb-input-text__text-input:hover {
  border-bottom: 2px solid #c83d2a !important;
  padding-bottom: 9px !important;
}
.shb-number-input-stepper--invalid:focus-within input {
  border-bottom-color: #c83d2a;
}
.shb-number-input-stepper svg {
  pointer-events: none;
}
.shb-styled-radio-button {
  position: absolute;
  transform: scale(0);
}
.shb-styled-radio-button--center-text {
  text-align: center;
}
.shb-styled-radio-button:hover + svg + .shb-styled-radio-button-text {
  text-decoration: underline;
}
.shb-styled-radio-button:disabled + svg + .shb-styled-radio-button-text {
  color: #909090;
}
.shb-styled-radio-button:disabled:hover + svg + .shb-styled-radio-button-text {
  text-decoration: none;
}
.shb-styled-radio-button-group {
  display: flex;
  flex-wrap: wrap;
}
.shb-styled-radio-button-group--vertical {
  flex-direction: column;
}
.shb-styled-radio-button-group .shb-styled-radio-button-group__button-wrapper--horizontal:first-of-type {
  margin: 0 8px 0 0;
}
.shb-styled-radio-button-group .shb-styled-radio-button-group__button-wrapper--horizontal:last-child {
  margin: 0 0 0 8px;
}
.shb-styled-radio-button-group .shb-styled-radio-button-group__label {
  width: 100%;
  margin-bottom: 8px;
}
.shb-styled-radio-button-group__button-wrapper--horizontal {
  flex: 1;
  margin: 0 8px 0 8px;
}
.shb-styled-radio-button-group__button-wrapper--horizontal--small {
  flex: 0;
  height: 44px;
  min-width: 44px;
  min-height: 44px;
  margin: 0 8px 0 8px;
}
.shb-styled-radio-button-group__button-wrapper--vertical {
  flex: 1;
}
.shb-styled-radio-button-group .shb-validation-error__error-text {
  order: 1;
  flex: 1 0 100%;
}
/* svg styles below */
.shb-styled-radio-button-wrapper-image {
  height: 44px;
  border: 1px solid #dedede;
  box-sizing: border-box;
  background: #ffffff;
  display: flex;
  justify-content: center;
  min-height: 60px;
  align-items: center;
  border-radius: 8px;
}
.shb-styled-radio-button-wrapper {
  display: block;
  cursor: pointer;
}
.shb-styled-radio-button-wrapper--small {
  height: 44px;
  min-height: 44px;
  max-width: 44px;
}
.shb-styled-radio-button-wrapper:hover .shb-styled-radio-button-wrapper-image {
  height: 44px;
  background: #ffffff;
  border: 2px solid #005fa5;
}
.shb-styled-radio-button-wrapper:hover span {
  text-decoration: underline;
}
.shb-styled-radio-button-wrapper > .shb-styled-radio-button-text {
  position: relative;
  margin-top: 4px;
  padding-left: 4px;
  display: inline-block;
}
@media only screen and (max-width: 767px) {
  .shb-styled-radio-button-wrapper > .shb-styled-radio-button-text {
    font-size: 18px;
  }
}
.shb-styled-radio-button-wrapper .shb-styled-radio-button-text--checked {
  text-decoration: underline;
}
.shb-styled-radio-button-wrapper.shb-styled-radio-button-disabled {
  cursor: default;
}
.shb-styled-radio-button-wrapper > svg {
  flex-shrink: 0;
}
.shb-styled-radio-button-wrapper .selected-radio-button {
  background: #005fa5;
  border: 2px solid #005fa5;
}
.shb-styled-radio-button-wrapper .selected-radio-button--focused {
  background: #043b62;
  border: 2px solid #043b62;
}
.shb-styled-radio-button-wrapper .selected-radio-button svg {
  position: relative;
}
.shb-styled-radio-button-wrapper:hover .selected-radio-button {
  background: #043b62;
  border: 2px solid #043b62;
}
.shb-styled-radio-button-wrapper .disabled-button {
  opacity: 0.3;
}
.shb-select {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  font-size: 18px;
  font-family: "Roboto", sans-serif;
}
@media only screen and (min-width: 768px) {
  .shb-select {
    font-size: 16px;
  }
}
.shb-select--small {
  width: 25%;
}
@media only screen and (max-width: 767px) {
  .shb-select--small {
    width: 100%;
  }
}
.shb-select--medium {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .shb-select--medium {
    width: 100%;
  }
}
.shb-select--large {
  width: 75%;
}
@media only screen and (max-width: 767px) {
  .shb-select--large {
    width: 100%;
  }
}
.shb-select--bottom-spacing {
  padding-bottom: 10px;
}
.shb-select__label-wrapper {
  margin-bottom: 5px;
}
.shb-select__label-text {
  color: #222222;
  transition: 0.2s color;
}
.shb-select__direction--row {
  flex-flow: row;
  align-items: baseline;
}
.shb-select__select-wrapper {
  width: 100%;
}
.shb-select__select {
  height: 38px;
  width: 100%;
  border: 1px solid #dddddd;
  border-bottom: 1px solid #8f8f8f;
  border-radius: 4px;
  padding: 5px;
  background-color: #ffffff;
  cursor: pointer;
  /* Remove Firefox dotted line focus */
  /* Remove IE11 blue background focus */
}
.shb-select__select:hover {
  border-bottom: 1px solid #005fa5;
}
.shb-select__select:disabled {
  pointer-events: none;
}
.shb-select__select:focus {
  outline: none;
  border-bottom: 1px solid #005fa5;
  box-shadow: 0 1px 0 0 #005fa5;
}
.shb-select__select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #222222;
}
.shb-select__select::-ms-value {
  background: none;
  color: #222222;
}
.shb-select__select--invalid {
  border: 1px solid #c83d2a;
  margin-bottom: 4px;
}
.shb-select__select--invalid:hover {
  box-shadow: 0 1px 0 0 #c83d2a;
  border-color: #c83d2a;
}
.shb-select__select--invalid:focus {
  box-shadow: 0 0 0 1px #c83d2a;
  border: 1px solid #c83d2a;
  padding: 5px;
}
.shb-select__help-text {
  color: #767676;
  font-size: 14px;
}
.shb-select__help-text--top {
  color: #767676;
  font-size: 14px;
  padding-left: 10px;
}
.shb-select__size--medium .shb-select__select-wrapper {
  height: 50px;
}
.shb-select__size--medium .shb-select__select {
  font-size: 18px;
  height: 44px;
  padding-left: 10px;
}
.shb-select__error-message-wrapper {
  position: relative;
  display: inline-block;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .shb-select__direction--row {
    flex-flow: column;
    align-items: flex-start;
  }
}
.shb-slider {
  position: relative;
  width: 100%;
  height: 7px;
  margin-bottom: 90px;
}
.shb-slider--min-max-labels {
  margin-bottom: 90px;
}
.shb-slider--no-min-max-labels {
  margin-bottom: 56px;
}
.shb-slider__text-right {
  text-align: right;
}
.shb-slider__flex-justify-content-between {
  display: flex;
  justify-content: space-between;
}
.shb-slider__track {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  cursor: pointer;
}
.shb-slider__fill {
  position: absolute;
  height: 100%;
  background-color: #005fa5;
  border: 1px solid #8f8f8f;
  border-radius: 4px;
  cursor: pointer;
}
.shb-slider__fill--invalid {
  background-color: #c83d2a;
}
.shb-slider__fill--disabled {
  background-color: #8f8f8f;
}
.shb-slider__input-wrapper {
  display: inline-flex;
}
.shb-slider__input-wrapper .shb-validation-error__error-text {
  display: none;
}
.shb-slider .shb-input-text__text-input {
  text-align: right;
  width: 100px;
}
.shb-slider .shb-input-text__text-input::-ms-clear {
  /* remove clear icon on input elements in IE */
  display: none;
}
.shb-slider__thumb {
  box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 23px;
  margin: auto;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1px solid #909090;
  background-color: #ffffff;
  box-shadow: 1px 3px 6px rgba(153, 153, 153, 0.5);
  cursor: pointer;
  z-index: 2;
  transition-property: transform, border-width;
  transition-duration: 275ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.shb-slider__thumb--disabled {
  background-color: #dddddd;
}
.shb-slider__thumb:not(.shb-slider__thumb--disabled):active {
  border-width: 1px;
  transform: scale(1.2);
}
.shb-slider__thumb:focus {
  border: 2px solid #005fa5;
}
.shb-slider__thumb:hover {
  border: 1px solid #005fa5;
}
.shb-slider__thumb:hover + .shb-slider__tooltip,
.shb-slider__thumb:active + .shb-slider__tooltip,
.shb-slider__thumb:focus + .shb-slider__tooltip {
  opacity: 1;
  visibility: visible;
}
.shb-slider__tooltip {
  line-height: 1.3em;
  margin: 0;
  padding: 0;
  color: #222;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  color: #ffffff;
  background: #005fa5;
  border-radius: 4px;
  padding: 10px 8px;
  white-space: pre;
  opacity: 0;
  visibility: hidden;
  transition: visibility 0.5s, opacity 0.5s ease;
  position: absolute;
  bottom: -8px;
  text-align: center;
  z-index: 9;
}
.shb-slider__tooltip-increased-touch-area {
  position: relative;
  left: -12px;
  top: -12px;
  margin: auto;
  width: 48px;
  height: 48px;
  border-radius: 50%;
}
.shb-slider__tooltip--invalid {
  background-color: #c83d2a;
}
.shb-slider__tooltip::after,
.shb-slider__tooltip::before {
  content: "";
  position: absolute;
  border: solid transparent;
}
.shb-slider__tooltip::before {
  border-width: 7px;
}
.shb-slider__tooltip::after {
  border-width: 7px;
}
.shb-slider__tooltip--above::after,
.shb-slider__tooltip--above::before {
  left: 50%;
  top: 100%;
}
.shb-slider__tooltip--above::before {
  margin-left: -7px;
  border-top-color: #005fa5;
}
.shb-slider__tooltip--above::after {
  margin-left: -7px;
  border-top-color: #005fa5;
}
.shb-slider__tooltip--above--invalid::before {
  border-top-color: #c83d2a;
}
.shb-slider__tooltip--above--invalid::after {
  border-top-color: #c83d2a;
}
.shb-slider--mb-2 {
  margin-bottom: 15px;
}
.shb-slider--pt-3 {
  padding-top: 25px;
}
.shb-textarea__text-input {
  box-sizing: border-box;
  border: 1px solid #dedede;
  border-bottom: 1px solid #767676;
  border-radius: 4px;
  font-size: 18px;
  padding: 9px 10px;
  resize: none;
  transition: 0.1s;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .shb-textarea__text-input {
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
.shb-textarea__text-input:hover {
  border-bottom: 1px solid #005fa5;
}
.shb-textarea__text-input:focus {
  outline: none;
  border-bottom: 2px solid #005fa5;
  padding: 10px 10px 9px;
  /* Reduced pdding to make it not jump around */
}
.shb-textarea__text-input--small {
  width: 25%;
}
@media only screen and (max-width: 767px) {
  .shb-textarea__text-input--small {
    width: 100%;
  }
}
.shb-textarea__text-input--medium {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .shb-textarea__text-input--medium {
    width: 100%;
  }
}
.shb-textarea__text-input--large {
  width: 75%;
}
@media only screen and (max-width: 767px) {
  .shb-textarea__text-input--large {
    width: 100%;
  }
}
.shb-textarea__text-input--invalid {
  border-color: #c83d2a;
  margin-bottom: 4px;
}
.shb-textarea__text-input--invalid:hover {
  border-color: #c83d2a;
}
.shb-textarea__text-input--invalid:focus {
  border-width: 2px;
  padding: 9px;
  border-color: #c83d2a;
}
.shb-validation-error__error-text {
  color: #c83d2a;
  display: flex;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  align-items: center;
}
.shb-validation-error__error-icon {
  flex-shrink: 0;
  margin-top: 1px;
}
.shb-validation-error-balloon-wrapper {
  /* We currently dont support responsive LEFT | RIGHT */
}
.shb-validation-error-balloon-wrapper--above,
.shb-validation-error-balloon-wrapper--below {
  position: absolute;
}
.shb-validation-error-balloon-wrapper .shb-validation-error-balloon {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: #c83d2a;
  background: #fff;
  border: 1px solid #c83d2a;
  border-radius: 4px;
  display: flex;
  padding: 12px;
  text-align: left;
  position: absolute;
  z-index: 500;
  -webkit-animation: fadeInFromNone 0.5s ease-out;
  -moz-animation: fadeInFromNone 0.5s ease-out;
  -o-animation: fadeInFromNone 0.5s ease-out;
  animation: fadeInFromNone 0.5s ease-out;
}
.shb-validation-error-balloon-wrapper .shb-validation-error-balloon__error-text {
  margin-left: 6px;
}
.shb-validation-error-balloon-wrapper--left .shb-validation-error-balloon,
.shb-validation-error-balloon-wrapper--right .shb-validation-error-balloon {
  bottom: 4px;
  white-space: nowrap;
}
.shb-validation-error-balloon-wrapper--left .arrow,
.shb-validation-error-balloon-wrapper--right .arrow {
  top: 50%;
  margin-top: -5px;
}
.shb-validation-error-balloon-wrapper .arrow {
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  margin-left: -5px;
  pointer-events: none;
  /* Arrow outer border */
  /* Arrow inside filler */
}
.shb-validation-error-balloon-wrapper .arrow::before,
.shb-validation-error-balloon-wrapper .arrow::after {
  content: "";
  position: absolute;
  border: solid transparent;
  bottom: 0;
  height: 0;
  width: 0;
}
.shb-validation-error-balloon-wrapper .arrow::before {
  border-width: 5px;
}
.shb-validation-error-balloon-wrapper .arrow::after {
  border-width: 4px;
}
.shb-validation-error-balloon-wrapper--above {
  top: 0;
}
.shb-validation-error-balloon-wrapper--above .shb-validation-error-balloon {
  bottom: calc(100% + 5px);
}
.shb-validation-error-balloon-wrapper--above .arrow {
  bottom: -10px;
  left: 50%;
}
.shb-validation-error-balloon-wrapper--above .arrow::before {
  border-top-color: #c83d2a;
}
.shb-validation-error-balloon-wrapper--above .arrow::after {
  border-top-color: #fff;
  top: 0;
  left: 1px;
}
.shb-validation-error-balloon-wrapper--below {
  bottom: 0;
}
.shb-validation-error-balloon-wrapper--below .shb-validation-error-balloon {
  top: calc(100% + 5px - 5px);
}
.shb-validation-error-balloon-wrapper--below .arrow {
  top: -10px;
  left: 50%;
}
.shb-validation-error-balloon-wrapper--below .arrow::before {
  border-bottom-color: #c83d2a;
}
.shb-validation-error-balloon-wrapper--below .arrow::after {
  border-bottom-color: #fff;
  left: 1px;
}
.shb-validation-error-balloon-wrapper--left .shb-validation-error-balloon {
  right: calc(100% + 5px);
}
.shb-validation-error-balloon-wrapper--left .arrow {
  left: 100%;
  margin-left: 0;
}
.shb-validation-error-balloon-wrapper--left .arrow::before {
  border-left-color: #c83d2a;
}
.shb-validation-error-balloon-wrapper--left .arrow::after {
  border-left-color: #fff;
  left: 0;
  bottom: 1px;
}
.shb-validation-error-balloon-wrapper--right .shb-validation-error-balloon {
  left: calc(100% + 5px);
}
.shb-validation-error-balloon-wrapper--right .arrow {
  left: -5px;
}
.shb-validation-error-balloon-wrapper--right .arrow::before {
  border-right-color: #c83d2a;
}
.shb-validation-error-balloon-wrapper--right .arrow::after {
  border-right-color: #fff;
  right: 0;
  bottom: 1px;
}
@-webkit-keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@-moz-keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@-o-keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
@keyframes fadeInFromNone {
  0% {
    display: none;
    opacity: 0;
  }
  1% {
    display: block;
    opacity: 0;
  }
  100% {
    display: block;
    opacity: 1;
  }
}
.shb-branch-user__wrapper {
  padding-top: 8px;
}
.shb-branch-user__acting {
  display: flex;
  padding: 6px;
  background-color: #043b62;
  color: #ffffff;
  border-radius: 4px;
  text-align: right;
  font-size: 14px;
  align-items: center;
  cursor: pointer;
}
.shb-branch-user__acting shb-icon-user {
  width: 20px;
  height: 20px;
  margin-right: 5px;
}
.shb-branch-user__acting shb-icon-user g {
  fill: #fff;
}
.shb-branch-user__menu-wrapper {
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-top: none;
  font-size: 16px;
}
.shb-branch-user__menu-link {
  display: block;
  padding: 10px;
}
.shb-branch-user__loader {
  background-image: url("../../../img/jedi/base/kit/jedi-menu-loader-icon-small.gif");
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  margin: 8px;
  background-position: 50% 50%;
}
/* Header component */
/* TODO: Rename and move to better place and use SHB-unit */
.shb-header {
  z-index: 10;
  width: 100%;
  background-color: #005fa5;
  top: 0px;
  border-bottom: 1px solid #dddddd;
  padding: 24px 0;
  /* TODO: Add unit variable */
  height: 80px;
  /* TODO: implement layout rules with bootstrap 4 Flex utilities */
}
.shb-header--mini {
  height: inherit;
  position: inherit;
  padding: 4px 0;
}
.shb-header--mini .shb-header__app-title {
  font-size: 24px;
  margin-bottom: 3px;
}
.shb-header--mini .shb-header__app-title-image {
  display: none;
}
.shb-header--mini .shb-header__app-title-area {
  align-self: inherit;
}
.shb-header--mini .shb-header__context-setter {
  margin: 0 0 0 15px;
  align-items: inherit;
}
.shb-header--mini .shb-header__login-area {
  top: 3px;
}
.shb-header--mini .shb-header__branch-user {
  padding-top: 1px;
  padding-bottom: 1px;
}
.shb-header__logo {
  width: 100px;
  background-color: #017ab2;
  border-radius: 4px;
  background-clip: padding-box;
  margin-bottom: 21px;
}
.shb-header__app-title {
  font-size: 38px;
  /* TODO: Change to a variable */
  color: #ffffff;
  margin: 0;
}
.shb-header__container {
  position: relative;
  display: flex;
  height: 100%;
}
.shb-header__login-area {
  position: absolute;
  top: 0;
  right: 10px;
}
.shb-header__app-title-area {
  align-self: flex-end;
}
.shb-header__app-title-sub-area {
  display: flex;
  align-items: center;
}
.shb-header--small {
  height: 48px;
}
.shb-header--small .shb-branch-header__logo {
  display: none;
}
.shb-header__context-setter {
  margin: 8px 0;
  align-items: flex-start;
  margin-left: 15px;
  border-left: 1px solid #ffffff;
  padding-left: 15px;
  font-size: 11px;
  color: #ffffff;
}
.shb-header__context-setter-primary {
  font-size: 14px;
  font-weight: bold;
}
.shb-header__context-setter-secondary {
  font-size: 12px;
}
/* Branch user component */
.shb-header__branch-user {
  display: flex;
  background-color: #ffffff;
  border: 1px solid #043b62;
  border-radius: 4px;
  padding: 3px 10px;
}
.shb-header__branch-user-info-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-right: 10px;
}
.shb-header__branch-user-info {
  font-size: 14px;
  color: #005fa5;
}
.shb-header__branch-user-additional-info {
  font-size: 12px;
  color: #636363;
}
.shb-header__branch-icon-container {
  justify-content: center;
  flex-direction: column;
  display: flex;
}
.header__toolbar-item:hover {
  cursor: pointer;
  background-color: #043b62;
  transition: 0.2s;
}
.header__toolbar-item:hover div {
  text-decoration: underline;
}
.shb-media-link,
.shb-cms-richtext a.shb-media-link {
  border-bottom: 1px solid transparent;
  color: #005fa5;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-skip: ink;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  max-width: fit-content;
  word-wrap: break-word;
}
.shb-media-link:visited,
.shb-cms-richtext a.shb-media-link:visited {
  color: #005fa5;
}
.shb-media-link:hover,
.shb-cms-richtext a.shb-media-link:hover {
  border-bottom: 1px solid;
}
.shb-media-link:active,
.shb-cms-richtext a.shb-media-link:active {
  top: 1px;
}
.shb-media-link:focus,
.shb-cms-richtext a.shb-media-link:focus {
  background-color: #005fa5;
  outline: 3px solid #005fa5;
  outline-offset: initial;
  color: #ffffff;
}
.shb-media-link:focus .shb-react-new-window-icon g path,
.shb-cms-richtext a.shb-media-link:focus .shb-react-new-window-icon g path {
  stroke: #ffffff;
}
.shb-media-link:focus .shb-react-chevron-right-icon g path,
.shb-cms-richtext a.shb-media-link:focus .shb-react-chevron-right-icon g path {
  fill: #ffffff;
}
.shb-media-link__in-body-text,
.shb-cms-richtext a.shb-media-link__in-body-text {
  margin-right: 3px;
  margin-left: 3px;
}
.shb-media-link .shb-react-new-window-icon,
.shb-cms-richtext a.shb-media-link .shb-react-new-window-icon {
  display: inline-block;
  margin-left: 6px;
  margin-bottom: 2px;
  vertical-align: middle;
  height: 11px;
}
.shb-media-link .shb-react-chevron-right-icon,
.shb-cms-richtext a.shb-media-link .shb-react-chevron-right-icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 2px;
  margin-bottom: 2px;
  height: 11px;
}
.shb-media-link.shb-media-link-white {
  color: #ffffff;
}
.shb-media-link.shb-media-link-white:visited {
  color: #ffffff;
}
.shb-media-link.shb-media-link-white:focus {
  background-color: #ffffff;
  outline: 3px solid #ffffff;
  color: #005fa5;
}
.shb-media-link.shb-media-link-white:focus .shb-react-new-window-icon g path {
  stroke: #005fa5;
}
.shb-media-link.shb-media-link-white:focus .shb-react-chevron-right-icon g path {
  fill: #005fa5;
}
.shb-media-link.shb-media-link-white:hover {
  border-bottom: 1px solid;
}
.shb-media-link__last-word {
  white-space: nowrap;
}
.shb-media-link-small {
  font-size: 14px;
}
.shb-media-link-small:focus .shb-react-new-window-icon {
  margin-bottom: 0;
}
.shb-media-link-small:focus .shb-react-chevron-right-icon {
  margin-bottom: 0;
}
.shb-pdf-viewer {
  border: 1px solid #dedede;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
}
.shb-pdf-controls {
  display: flex;
  justify-content: space-between;
  background: #ffffff;
  border-radius: 3px 3px 0 0;
  padding: 4px 8px;
  overflow-x: auto;
  overflow-y: hidden;
}
.shb-pdf-controls__not-visible {
  visibility: hidden;
}
.shb-pdf-controls__group {
  display: flex;
  flex: 1;
  align-items: center;
}
.shb-pdf-controls__group-text {
  min-width: 42px;
  text-align: center;
  padding: 0 8px;
}
.shb-pdf-controls__group:first-child {
  justify-content: flex-start;
}
.shb-pdf-controls__group:not(:first-child):not(:last-child) {
  justify-content: center;
}
.shb-pdf-controls__group:last-child {
  justify-content: flex-end;
}
.shb-pdf-controls__group--icon-button {
  display: flex;
}
.shb-pdf-reader__container {
  overflow: auto;
  display: flex;
  background-color: #ffffff;
  border-radius: 0 0 3px 3px;
  padding: 24px;
}
.shb-pdf-reader__container .react-pdf__message {
  font-family: "Roboto", sans-serif;
  margin: 0;
  padding: 0;
  color: #222222;
  line-height: 1.6em;
  max-width: 40em;
  font-size: 16px;
}
.shb-pie-chart__radial-chart-container {
  display: inline-block;
  position: relative;
}
.shb-pie-chart__hint {
  padding: 5px 10px;
  border: 0;
  border-radius: 4px;
  white-space: nowrap;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: bold;
}
.shb-pie-chart__explanation-table {
  padding-bottom: 10px;
  font-size: 14px;
  text-align: left;
}
.shb-pie-chart__explanation-table-row {
  padding-bottom: 5px;
  display: flex;
  justify-content: space-between;
}
.shb-pie-chart__explanation-table-row div {
  display: inline-block;
}
.shb-pie-chart__explanation-table-row div:last-child {
  float: right;
  text-align: right;
}
.shb-pie-chart__explanation-circle {
  width: 15px;
  height: 15px;
  border-radius: 50%;
}
.shb-pie-chart__explanation-table-row-text {
  display: inline-block;
  padding-left: 5px;
  vertical-align: top;
}
.shb-pie-chart__explanation-table-row-text--hovered {
  font-weight: bold;
}
@media print {
  .shb-pie-chart__hint {
    display: inline-block !important;
    color: black !important;
  }
}
.shb-popover {
  position: relative;
  display: inline-block;
  line-height: 0;
}
.shb-popover:hover .shb-popover__toggle-menu__underline {
  display: block;
}
.shb-popover__toggle-menu {
  background: transparent;
  border: 2px solid transparent;
  line-height: 0;
  padding: 8px;
  border-radius: 8px;
}
.shb-popover__toggle-menu:hover {
  background: #f3f2ef;
}
.shb-popover__toggle-menu:hover svg {
  transition: 250ms all ease;
  transform: scale(1.2);
}
.shb-popover__toggle-menu:focus {
  border: 2px solid #005fa5;
  padding: 8px;
}
.shb-popover__toggle-menu:focus:hover {
  border: 3px solid #005fa5;
  padding: 7px;
}
.shb-popover__toggle-menu:focus-within {
  border: 2px solid #005fa5;
  padding: 8px;
}
.shb-popover__toggle-menu:focus-within:hover {
  border: 3px solid #005fa5;
  padding: 7px;
}
.shb-popover__dialog {
  margin-top: 18px;
  right: 6px;
  top: 36px;
  font-size: 16px;
  background: #ffffff;
  border: 1px solid #dedede;
  border-radius: 4px;
  padding: 12px 16px;
  text-align: left;
  position: absolute;
  z-index: 500;
  display: flex;
  flex-direction: column;
  white-space: nowrap;
  -webkit-animation: fadeInFromNone 0.2s ease-out;
  -moz-animation: fadeInFromNone 0.2s ease-out;
  -o-animation: fadeInFromNone 0.2s ease-out;
  animation: fadeInFromNone 0.2s ease-out;
  box-shadow: 0px 3px 6px 2px #dedede;
}
.shb-popover__dialog--zero-padding {
  padding: 0;
}
.shb-popover__dialog .shb-title-8 {
  color: #005fa5;
}
.shb-popover__dialog .shb-divider {
  margin: 10px -16px 10px 0;
}
.shb-popover__dialog-arrow {
  top: -20px;
  right: 5px;
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  pointer-events: none;
  /* Arrow outer border */
  /* Arrow inside filler */
}
.shb-popover__dialog-arrow::before,
.shb-popover__dialog-arrow::after {
  content: "";
  position: absolute;
  border: solid transparent;
  bottom: 0;
  height: 0;
  width: 0;
}
.shb-popover__dialog-arrow::before {
  border-width: 10px;
  border-bottom-color: #dedede;
}
.shb-popover__dialog-arrow::after {
  border-width: 9px;
  border-bottom-color: #ffffff;
  left: 1px;
}
.shb-qr-code__container {
  position: relative;
  display: inline-block;
}
.shb-qr-code__image {
  position: absolute;
  margin-top: calc(100% / 6);
  margin-left: calc(100% / 6);
}
.shb-static-step-indicator {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: flex;
  width: 100%;
}
.shb-static-step-indicator__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 2px 1px 1px 1px;
}
.shb-static-step-indicator__container svg {
  flex-shrink: 0;
}
.shb-static-step-indicator__container:focus {
  outline: 1px solid #005fa5;
}
.shb-static-step-indicator__step {
  width: 100%;
  padding: 0 8px;
  position: relative;
}
.shb-static-step-indicator__step__text {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  margin-top: 10px;
  text-align: center;
  color: #222222;
}
.shb-static-step-indicator__step__text--active {
  font-weight: bold;
}
.shb-static-step-indicator__step:before {
  display: flex;
  content: " ";
  position: relative;
  border-bottom: 1px solid #005fa5;
  transform: translateX(50%);
  top: 20px;
  left: 16px;
}
.shb-static-step-indicator__step--passed:before {
  border-bottom-color: #005fa5;
}
.shb-static-step-indicator__step:last-child:before {
  content: none;
}
@media only screen and (min-width: 910px) {
  .shb-static-step-indicator__step {
    padding: 0 16px;
  }
  .shb-static-step-indicator__step__text {
    font-size: 16px;
  }
  .shb-static-step-indicator__step:last-child {
    padding-right: 0;
  }
  .shb-static-step-indicator__step:first-child {
    padding-left: 0;
  }
}
.shb-static-step-indicator__counter {
  position: relative;
  border-radius: 50%;
  display: inline-block;
  width: 36px;
  height: 36px;
  line-height: 34px;
  font-weight: bold;
  text-align: center;
  border: 1px solid #005fa5;
  text-decoration: none;
  font-family: SHB_SlabSerifBold, Georgia, sans-serif;
  font-size: 20px;
  color: #005fa5;
  background: #ffffff;
}
.shb-static-step-indicator__counter--active {
  background: #005fa5;
  color: #ffffff;
  border-color: #005fa5;
}
.shb-static-step-indicator__counter--done {
  background: #005fa5;
  color: #005fa5;
  border-color: #005fa5;
}
.shb-table.shb-sortable-table thead tr th {
  padding: 0;
  /* clickable area should be at least 44px in height
        https://www.w3.org/TR/WCAG21/#target-size */
}
.shb-table.shb-sortable-table thead tr th .shb-sortable-table__header-container {
  padding: 16px 8px;
}
.shb-status-badge {
  display: inline-block;
  padding: 4px 8px;
  border-radius: 4px;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  line-height: 1em;
  text-align: center;
}
.shb-application-backdrop {
  background: rgba(0, 0, 0, 0.6);
  bottom: 0;
  position: fixed;
  top: 0;
  width: 0;
  height: 0;
  z-index: 600;
  /* https://github.com/prettier/prettier/issues/2281 */
  /* prettier-ignore */
  transition: opacity 0.2s ease, height 0s 0.2s ease, width 0s 0.2s ease;
  opacity: 0;
}
body.non-responsive .shb-application-backdrop {
  display: none;
}
@media only screen and (min-width: 768px) {
  .shb-application-backdrop {
    display: none;
  }
}
.shb-application-backdrop--show {
  transition: opacity 0.2s ease;
  width: 100%;
  opacity: 1;
  height: 100%;
}
.shb-application-top-menu {
  background-color: #ffffff;
  border-bottom: 1px solid #dedede;
  height: 48px;
  display: none;
}
body.non-responsive .shb-application-top-menu {
  display: block;
}
@media only screen and (min-width: 984px) {
  .shb-application-top-menu {
    display: block;
  }
}
.shb-application-top-menu__list {
  display: flex;
  height: 100%;
  list-style: none;
  margin: 0;
  padding: 0;
}
.shb-application-top-menu__list__item {
  display: flex;
  align-items: stretch;
}
.shb-application-top-menu__list__item > a {
  padding: 0 16px;
  /* From 1400px the top menu in YODA fits even with the drawer open. */
  text-decoration: none;
  color: #222222;
  display: flex;
  align-items: center;
  border-bottom: 4px solid transparent;
  border-top: 4px solid transparent;
}
@media (min-width: 1400px) {
  .shb-application-top-menu__list__item > a {
    padding: 0 24px;
  }
}
.shb-application-top-menu__list__item > a:hover {
  border-bottom: 4px solid #005fa5;
}
.shb-application-top-menu__list__item > a:focus {
  outline: 1px solid #005fa5;
}
.shb-application-top-menu__list__item--active > a {
  border-bottom: 4px solid #005fa5;
  color: #005fa5;
}
.shb-application-tooltip {
  margin-top: 18px;
  font-size: 16px;
  background: #ffffff;
  border: 1px solid #dedede;
  border-radius: 8px;
  text-align: left;
  position: absolute;
  z-index: 500;
  display: flex;
  flex-direction: column;
  white-space: normal;
  -webkit-animation: fadeInFromNone 0.2s ease-out;
  -moz-animation: fadeInFromNone 0.2s ease-out;
  -o-animation: fadeInFromNone 0.2s ease-out;
  animation: fadeInFromNone 0.2s ease-out;
  box-shadow: 0px 5px 30px #00000040;
}
.shb-application-tooltip__content {
  padding: 16px;
}
.shb-application-tooltip__dialog-arrow {
  top: -20px;
  right: 16px;
  display: block;
  position: absolute;
  width: 20px;
  height: 20px;
  pointer-events: none;
  /* Arrow outer border */
  /* Arrow inside filler */
}
.shb-application-tooltip__dialog-arrow--top-right {
  right: 16px;
}
.shb-application-tooltip__dialog-arrow--top-left {
  left: 16px;
}
.shb-application-tooltip__dialog-arrow--bottom {
  transform: rotate(180deg) scaleX(-1);
  bottom: -20px;
}
.shb-application-tooltip__dialog-arrow--bottom-right {
  right: 16px;
}
.shb-application-tooltip__dialog-arrow--bottom-left {
  left: 16px;
}
.shb-application-tooltip__dialog-arrow::before,
.shb-application-tooltip__dialog-arrow::after {
  content: "";
  position: absolute;
  border: solid transparent;
  bottom: 0;
  height: 0;
  width: 0;
}
.shb-application-tooltip__dialog-arrow::before {
  border-width: 10px;
  border-bottom-color: #dedede;
}
.shb-application-tooltip__dialog-arrow::after {
  border-width: 9px;
  border-bottom-color: #ffffff;
  left: 1px;
}
.shb-application-tooltip__heading {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
}
.shb-application-tooltip__heading--no-image {
  padding-top: 32px;
}
.shb-application-tooltip__image--large {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: bottom;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.shb-application-tooltip__image--icon {
  max-width: 52px;
}
.shb-application-tooltip .shb-popover__toggle-menu {
  margin-top: -12px;
  margin-right: -12px;
}
.shb-application-tooltip__text {
  color: #005fa5;
}
.shb-application-tooltip__background--dark {
  background-color: rgba(118, 118, 118, 0.8);
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 500;
  display: block !important;
}
.shb-application-tooltip__icon-button {
  position: absolute;
  margin-top: 12px;
  margin-right: 12px;
  top: 0;
  right: 0;
}
.shb-application-tooltip__close-button {
  padding-bottom: 16px;
  padding-right: 16px;
  display: flex;
  justify-content: flex-end;
}
.shb-application-tooltip--small {
  max-width: 200px;
}
.shb-application-tooltip--medium {
  max-width: 350px;
}
.shb-application-tooltip--large {
  max-width: 500px;
}
.shb-application-logo {
  display: flex;
  align-items: center;
  margin-left: 24px;
  width: 180px;
  min-width: 180px;
  text-decoration: none;
  /* prettier-ignore */
}
.shb-application-logo:focus {
  padding: 3px;
  border: 1px solid #005fa5;
  border-radius: 2px;
}
.shb-application-logo svg {
  max-height: 27px;
  /* Logotype height, needed for IE11 since it won't scale svg height according too it's width */
}
body.non-responsive .shb-application-logo {
  display: block;
  margin-bottom: -4px;
  width: 256px;
  min-width: 256px;
}
@media only screen and (min-width: 768px) {
  .shb-application-logo {
    display: block;
    margin-bottom: -4px;
    width: 256px;
    min-width: 256px;
  }
}
.shb-application-logo--internal-app {
  width: inherit;
  white-space: nowrap;
}
.shb-application-logo--internal-app svg {
  min-width: 24px;
  max-height: none;
}
.shb-application-logo--internal-app span {
  text-overflow: ellipsis;
  overflow: hidden;
}
.shb-application-logo__text {
  margin-left: 8px;
  color: #ffffff;
  line-height: 1.2em;
}
.shb-application-inat-bar {
  background-color: #005fa5;
  color: #fff;
  font-size: 16px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 28px;
  padding: 0 16px;
  padding-top: 4px;
}
.shb-application-tab-navigation {
  position: fixed;
  text-align: center;
  z-index: 610;
  transition: top 0.3s ease-in-out;
  top: -120px;
  left: 0;
  right: 0;
  /* If mobile navigation in top, don't use this navigation. */
  display: none;
  /* https://github.com/prettier/prettier/issues/2281 */
  /* prettier-ignore */
}
body.non-responsive .shb-application-tab-navigation {
  display: block;
}
@media only screen and (min-width: 768px) {
  .shb-application-tab-navigation {
    display: block;
  }
}
.shb-application-tab-navigation--active {
  top: 4px;
}
.shb-application-tab-navigation__wrapper {
  box-sizing: border-box;
  text-align: center;
  display: inline-block;
  background: #ffffff;
  padding: 24px 16px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  border: 1px solid #dedede;
}
.shb-application-tab-navigation__wrapper__heading {
  font-size: 20px;
}
.shb-application-tab-navigation__wrapper__navigation {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.shb-application-tab-navigation-link-container {
  padding-top: 8px;
  padding-left: 16px;
  font-size: 16px;
}
.shb-application-tab-navigation-link-container a {
  border-bottom: 1px solid transparent;
  color: #005fa5;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-skip: ink;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  max-width: fit-content;
  word-wrap: break-word;
}
.shb-application-tab-navigation-link-container a:visited {
  color: #005fa5;
}
.shb-application-tab-navigation-link-container a:hover {
  border-bottom: 1px solid;
}
.shb-application-tab-navigation-link-container a:active {
  top: 1px;
}
.shb-application-tab-navigation-link-container a:focus {
  background-color: #005fa5;
  outline: 3px solid #005fa5;
  outline-offset: initial;
  color: #ffffff;
}
.shb-application-tab-navigation-link-container a:focus .shb-react-new-window-icon g path {
  stroke: #ffffff;
}
.shb-application-tab-navigation-link-container a:focus .shb-react-chevron-right-icon g path {
  fill: #ffffff;
}
.shb-application-tab-navigation-link-container a__in-body-text {
  margin-right: 3px;
  margin-left: 3px;
}
.shb-application-tab-navigation-link-container a .shb-react-new-window-icon {
  display: inline-block;
  margin-left: 6px;
  margin-bottom: 2px;
  vertical-align: middle;
  height: 11px;
}
.shb-application-tab-navigation-link-container a .shb-react-chevron-right-icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 2px;
  margin-bottom: 2px;
  height: 11px;
}
.shb-application-tab-navigation-link-container:after {
  content: "|";
  padding-left: 16px;
  color: #dedede;
}
.shb-application-tab-navigation-link-container:last-child:after {
  content: "";
}
.shb-application-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 605;
  height: 69px;
}
.shb-application-header * {
  box-sizing: border-box;
}
body.non-responsive .shb-application-header {
  min-width: 984px;
}
body.espresso-compability-mode .shb-application-header {
  min-width: 914px;
}
body.non-responsive .shb-application-header {
  height: 117px;
}
@media only screen and (min-width: 984px) {
  .shb-application-header {
    height: 117px;
  }
}
.shb-application--inat .shb-application-header {
  height: 97px;
}
body.non-responsive .shb-application--inat .shb-application-header {
  height: 145px;
}
@media only screen and (min-width: 984px) {
  .shb-application--inat .shb-application-header {
    height: 145px;
  }
}
.shb-application-header .shb-application-header-container {
  background-color: #ffffff;
  border-bottom: 1px solid #dedede;
  border-top: 4px solid #005fa5;
  height: 69px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.shb-application-header .shb-application-header-container--internalApp {
  background-color: #005fa5;
  border-top: 4px solid #043b62;
}
.shb-application-header .shb-application-header-container__log-out {
  margin-right: 16px;
  display: none;
}
@media only screen and (min-width: 1140px) {
  .shb-application-header .shb-application-header-container__log-out {
    display: block;
  }
}
.shb-application-header .shb-application-header-container__logo-and-title-and-context-wrapper {
  padding: 16px 0;
  align-items: center;
  display: flex;
  min-width: 0%;
  /* To make the truncate work in context below (ref: https://css-tricks.com/flexbox-truncated-text/) */
  /* prettier-ignore */
  /* prettier-ignore */
}
body.non-responsive .shb-application-header .shb-application-header-container__logo-and-title-and-context-wrapper {
  align-items: flex-end;
  flex: 1;
}
@media only screen and (min-width: 768px) {
  .shb-application-header .shb-application-header-container__logo-and-title-and-context-wrapper {
    align-items: flex-end;
    flex: 1;
  }
}
@media only screen and (max-width: 767px) {
  body:not(.non-responsive) .shb-application-header .shb-application-header-container__logo-and-title-and-context-wrapper {
    transition: transform 0.2s ease-in-out, visibility 0s;
  }
  body:not(.non-responsive) .shb-application-header .shb-application-header-container__logo-and-title-and-context-wrapper--drawer-is-open {
    visibility: hidden;
    transition: transform 0.2s ease-in-out, visibility 0s 0.2s ease-in-out;
    transform: translateX(-100%);
    /* Also apply visibility hidden to focusable children so that scopeTab knows it is not focusable */
  }
  body:not(.non-responsive) .shb-application-header .shb-application-header-container__logo-and-title-and-context-wrapper--drawer-is-open a,
  body:not(.non-responsive) .shb-application-header .shb-application-header-container__logo-and-title-and-context-wrapper--drawer-is-open button {
    transition: visibility 0s 0.2s ease-in-out;
    visibility: hidden;
  }
}
.shb-application-header .shb-application-header-container__logo-and-title-and-context-wrapper__title {
  padding: 4px 16px;
  padding-right: 16px;
  color: #005fa5;
  line-height: 1em;
}
.shb-application-context {
  padding: 4px 16px 0 16px;
  margin-left: 16px;
  min-width: 122px;
  border-left: 1px solid #636363;
  display: none;
  /* prettier-ignore */
}
body.non-responsive .shb-application-context {
  display: block;
}
@media only screen and (min-width: 768px) {
  .shb-application-context {
    display: block;
  }
}
.shb-application-context__first,
.shb-application-context__second {
  line-height: 1.3em;
  margin: 0;
  padding: 0;
  color: #222;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #636363;
  margin-top: 4px;
  line-height: 1em;
  /* Make sure that the overflow hidden in truncate don't clip letters under line height (g, j etc) */
  padding-bottom: 0.2em;
  margin-bottom: -0.2em;
}
.shb-application-context__chevron {
  display: block;
  margin-left: 8px;
  line-height: 0;
  /* prettier-ignore */
}
body.non-responsive .shb-application-context__chevron {
  display: none;
}
@media only screen and (min-width: 768px) {
  .shb-application-context__chevron {
    display: none;
  }
}
.shb-application-context-expansion {
  padding: 16px;
  display: flex;
  align-content: center;
  background-color: #eaf4f7;
  border-bottom: 1px solid #dedede;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: -10;
  transition: top 0.2s ease-in-out;
  /* prettier-ignore */
}
.shb-application-context-expansion--expanded {
  top: 69px;
}
.shb-application--inat .shb-application-context-expansion--expanded {
  top: 97px;
}
body.non-responsive .shb-application-context-expansion {
  display: none;
}
@media only screen and (min-width: 768px) {
  .shb-application-context-expansion {
    display: none;
  }
}
.shb-application-context-expansion__card {
  display: flex;
  justify-content: center;
  width: 36px;
}
.shb-application-context-expansion__text {
  padding-left: 8px;
  font-size: 14px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.shb-application-toolbar {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  height: 64px;
  /* prettier-ignore */
}
.shb-application-toolbar__expandable {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  /* prettier-ignore */
}
@media only screen and (max-width: 767px) {
  body:not(.non-responsive) .shb-application-toolbar__expandable {
    top: 0;
    position: absolute;
    right: -320px;
    z-index: 10;
    transition: right 0.2s ease-in-out, visibility 0s 0.2s ease-in-out;
    visibility: hidden;
  }
}
.shb-application-toolbar--internalApp {
  height: 100%;
}
.shb-application-toolbar--internalApp .shb-application-toolbar__expandable {
  height: 100%;
}
@media only screen and (max-width: 767px) {
  body:not(.non-responsive) .shb-application-toolbar {
    /* If menu is hidden, always show the other toolbar items. */
  }
  body:not(.non-responsive) .shb-application-toolbar--drawer-is-open .shb-application-toolbar__expandable {
    transition: right 0.2s ease-in-out, visibility 0s;
    visibility: visible;
    right: 64px;
  }
  body:not(.non-responsive) .shb-application-toolbar--menu-is-hidden .shb-application-toolbar__expandable {
    visibility: visible;
    right: 0;
  }
}
.shb-application-toolbar-item {
  position: relative;
  display: flex;
}
.shb-application-toolbar-item--menu {
  z-index: 20;
}
.shb-application-toolbar-item--internalApp {
  height: 100%;
}
.shb-application-toolbar-item__button {
  height: 64px;
  width: 64px;
  background: transparent;
  border: 0;
  padding: 0;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  display: flex;
  font-size: 14px;
  color: #636363;
}
.shb-application-toolbar-item__button__name {
  margin-top: 4px;
  line-height: 1em;
  font-weight: normal;
}
.shb-application-toolbar-item__button__notification-count {
  position: absolute;
  top: 8px;
  right: 8px;
  text-align: center;
  background-color: #c83d2a;
  border-radius: 10px;
  color: #ffffff;
  font-weight: bold;
  height: 20px;
  min-width: 20px;
  font-size: 12px;
  line-height: 20px;
  padding: 0 4px;
}
.shb-application-toolbar-item__button:focus,
.shb-application-toolbar-item__button:hover {
  background-color: #eaf4f7;
  text-decoration: underline;
  color: #222222;
}
.shb-application-toolbar-item__button:focus {
  background-color: #ffffff;
  border: 1px solid #005fa5;
  border-top: 1px solid transparent;
}
.shb-application-toolbar-item__button--force-brand-color {
  color: #005fa5;
}
.shb-application-toolbar-item__button--force-brand-color:focus,
.shb-application-toolbar-item__button--force-brand-color:hover {
  color: #043b62;
}
.shb-application-toolbar-item__button--active {
  border-bottom: 4px solid #005fa5;
  padding-top: 4px;
  color: #005fa5;
}
.shb-application-toolbar-item__button--active:focus,
.shb-application-toolbar-item__button--active:hover {
  color: #043b62;
}
.shb-application-toolbar-item__button--active:focus {
  border: 1px solid #005fa5;
  border-bottom: 4px solid #005fa5;
  border-top: 0;
}
.shb-application-toolbar-item__button--internalApp {
  background: #005fa5;
  color: #ffffff;
}
.shb-application-toolbar-item__button--internalApp:focus,
.shb-application-toolbar-item__button--internalApp:hover {
  color: #ffffff;
}
.shb-application-toolbar-item__button--internalApp:focus {
  background: #005fa5;
  outline: 1px solid #ffffff;
}
.shb-application-toolbar-item__button--internalApp:hover {
  background: #043b62;
}
.shb-application-drawer-menu__list {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  border-top: 1px solid #dedede;
}
.shb-application-drawer-menu__log-out {
  padding: 16px;
}
@media only screen and (min-width: 1140px) {
  .shb-application-drawer-menu__log-out {
    display: none;
  }
}
.shb-application-drawer-menu .shb-application-drawer-title {
  flex-wrap: wrap;
}
.shb-application-drawer-menu .shb-application-drawer-title__back-to-main {
  display: none;
  color: #005fa5;
  background: transparent;
  border: none;
  align-items: center;
  padding: 8px;
  margin-left: 4px;
  margin-right: auto;
}
.shb-application-drawer-menu .shb-application-drawer-title__back-to-main:hover {
  text-decoration: underline;
}
.shb-application-drawer-menu .shb-application-drawer-title__back-to-main:focus {
  outline: 1px solid #005fa5;
}
body.non-responsive .shb-application-drawer-menu .shb-application-drawer-title__back-to-main {
  display: flex;
}
body.non-responsive .shb-application-drawer-menu .shb-application-drawer-title__text--has-back-to-main-button {
  flex-basis: 100%;
  order: 1;
}
@media only screen and (min-width: 984px) {
  .shb-application-drawer-menu .shb-application-drawer-title__back-to-main {
    display: flex;
  }
  .shb-application-drawer-menu .shb-application-drawer-title__text--has-back-to-main-button {
    flex-basis: 100%;
    order: 1;
  }
}
.shb-application-drawer-menu-list-item {
  background-color: white;
  color: #005fa5;
  /* On desktop don not show first level menu since it is already shown in the top menu (unless it is the first menu option (start) without children e.g. start or there is no active menu item at all) */
}
.shb-application-drawer-menu-list-item__children {
  margin: 0;
  margin-left: 16px;
  padding: 0;
  list-style: none;
  display: none;
}
.shb-application-drawer-menu-list-item--expanded > .shb-application-drawer-menu-list-item__children {
  display: block;
}
body.non-responsive .shb-application-drawer-menu:not(.shb-application-drawer-menu--first-in-first-level-menu-without-children-is-active):not(.shb-application-drawer-menu--no-active-menu-item) .shb-application-drawer-menu-list-item--first-level > .shb-application-drawer-menu-list-item__row {
  display: none;
}
body.non-responsive .shb-application-drawer-menu:not(.shb-application-drawer-menu--first-in-first-level-menu-without-children-is-active):not(.shb-application-drawer-menu--no-active-menu-item) .shb-application-drawer-menu-list-item--first-level.shb-application-drawer-menu-list-item--expanded > .shb-application-drawer-menu-list-item__children {
  display: none;
}
body.non-responsive .shb-application-drawer-menu:not(.shb-application-drawer-menu--first-in-first-level-menu-without-children-is-active):not(.shb-application-drawer-menu--no-active-menu-item) .shb-application-drawer-menu-list-item--first-level.shb-application-drawer-menu-list-item--has-active-children > .shb-application-drawer-menu-list-item__children,
body.non-responsive .shb-application-drawer-menu:not(.shb-application-drawer-menu--first-in-first-level-menu-without-children-is-active):not(.shb-application-drawer-menu--no-active-menu-item) .shb-application-drawer-menu-list-item--first-level.shb-application-drawer-menu-list-item--active > .shb-application-drawer-menu-list-item__children {
  display: block;
}
body.non-responsive .shb-application-drawer-menu:not(.shb-application-drawer-menu--first-in-first-level-menu-without-children-is-active):not(.shb-application-drawer-menu--no-active-menu-item) .shb-application-drawer-menu-list-item--first-level > .shb-application-drawer-menu-list-item__children {
  margin-left: 0;
}
@media only screen and (min-width: 984px) {
  .shb-application-drawer-menu:not(.shb-application-drawer-menu--first-in-first-level-menu-without-children-is-active):not(.shb-application-drawer-menu--no-active-menu-item) .shb-application-drawer-menu-list-item--first-level > .shb-application-drawer-menu-list-item__row {
    display: none;
  }
  .shb-application-drawer-menu:not(.shb-application-drawer-menu--first-in-first-level-menu-without-children-is-active):not(.shb-application-drawer-menu--no-active-menu-item) .shb-application-drawer-menu-list-item--first-level.shb-application-drawer-menu-list-item--expanded > .shb-application-drawer-menu-list-item__children {
    display: none;
  }
  .shb-application-drawer-menu:not(.shb-application-drawer-menu--first-in-first-level-menu-without-children-is-active):not(.shb-application-drawer-menu--no-active-menu-item) .shb-application-drawer-menu-list-item--first-level.shb-application-drawer-menu-list-item--has-active-children > .shb-application-drawer-menu-list-item__children,
  .shb-application-drawer-menu:not(.shb-application-drawer-menu--first-in-first-level-menu-without-children-is-active):not(.shb-application-drawer-menu--no-active-menu-item) .shb-application-drawer-menu-list-item--first-level.shb-application-drawer-menu-list-item--active > .shb-application-drawer-menu-list-item__children {
    display: block;
  }
  .shb-application-drawer-menu:not(.shb-application-drawer-menu--first-in-first-level-menu-without-children-is-active):not(.shb-application-drawer-menu--no-active-menu-item) .shb-application-drawer-menu-list-item--first-level > .shb-application-drawer-menu-list-item__children {
    margin-left: 0;
  }
}
.shb-application-drawer-menu-list-item__row {
  width: 100%;
  justify-content: space-between;
  display: flex;
  border-bottom: 1px solid #dedede;
  /* Weird bug in iOS (iPad) Safari makes some menu options disappear when toggling other menu options arrow expander.
        It only happens when using animation with transform on the arrow expander. Enabling hardware acceleration with
        below solves the problem (DIGI-17060). */
  transform: translate3d(0, 0, 0);
}
.shb-application-drawer-menu-list-item__row__link {
  color: #005fa5;
  text-decoration: none;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  padding: 16px;
  background: transparent;
  border: 0;
  margin: 0;
  text-align: left;
  flex: 1;
  align-self: center;
  position: relative;
  line-height: 16px;
}
.shb-application-drawer-menu-list-item__row__link:visited {
  color: #005fa5;
}
.shb-application-drawer-menu-list-item__row__link:hover {
  color: #043b62;
  text-decoration: underline;
  cursor: pointer;
}
.shb-application-drawer-menu-list-item__row__link:active {
  color: #043b62;
}
.shb-application-drawer-menu-list-item__row__link:focus {
  color: #043b62;
  text-decoration: underline;
  outline: none;
}
.shb-application-drawer-menu-list-item__row__link:hover {
  text-decoration: underline;
  background-color: #eaf4f7;
}
.shb-application-drawer-menu-list-item__row__link:focus:before {
  /* A pseudo element only to make the outline visible on the left and right side */
  content: "";
  position: absolute;
  top: 0;
  left: 1px;
  right: 1px;
  height: 100%;
  outline: 1px solid #005fa5;
}
.shb-application-drawer-menu-list-item__row__link__icon {
  margin-right: 16px;
}
.shb-application-drawer-menu-list-item__row__link__text {
  display: flex;
  align-items: center;
}
.shb-application-drawer-menu-list-item__row__link__new-window-icon {
  margin-left: 6px;
  margin-top: 1px;
}
.shb-application-drawer-menu-list-item__row__chevron {
  border-left: 1px solid #dedede;
  /* A weird iOS bug makes the chevron svg disappear in combination with transform and -webkit-overflow-scrolling: touch
            It only happens when you have two specific chevrons open.
            Resetting the webkit overflow scrolling only on this fixes it.
            DIGI-9920 */
  /* End of weird iOS bug fix hack */
}
.shb-application-drawer-menu-list-item__row__chevron button {
  border-radius: 0;
}
@supports (-webkit-overflow-scrolling: touch) {
  .shb-application-drawer-menu-list-item__row__chevron {
    -webkit-overflow-scrolling: auto;
    overflow: hidden;
  }
}
.shb-application-drawer-menu-list-item--active > .shb-application-drawer-menu-list-item__row > a {
  background-color: #005fa5;
  color: #ffffff;
}
.shb-application-drawer-menu-list-item--expanded > .shb-application-drawer-menu-list-item__row .shb-application-drawer-menu-list-item__row-chevron {
  background-color: #eaf4f7;
}
/* This also changes the breakpoint below that also has a dependency in JS, see framework.tsx. */
/* Dependency in JS, search for cssTransitionCloseDrawerTime. */
.shb-drawer {
  font-size: 16px;
  position: fixed;
  display: flex;
  flex-direction: column;
  top: 69px;
  bottom: 0;
  right: -320px;
  width: 320px;
  transition: right 0.2s ease-in-out;
}
.shb-application--inat .shb-drawer {
  top: 97px;
}
.shb-drawer--open {
  right: 0;
}
.shb-drawer * {
  box-sizing: border-box;
}
.shb-drawer__content-area {
  background-color: #ffffff;
  /* https://github.com/prettier/prettier/issues/2281 */
  /* prettier-ignore */
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  /* IE11-bug: If we don't have this inner element IE11 sometimes shows the close button at the bottom
        on top of the menu on inital load (some combination of overflow auto and flexbox causes the bug).
        So when IE11 support is removed, remove the extra inner-element and move the css up to the parent class */
}
body.non-responsive .shb-drawer__content-area {
  border-left: 1px solid #dedede;
}
@media only screen and (min-width: 768px) {
  .shb-drawer__content-area {
    border-left: 1px solid #dedede;
  }
}
.shb-drawer__content-area__inner-ie11-fix {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.shb-application-drawer-title {
  display: flex;
  align-items: center;
  padding: 8px 0px;
}
.shb-application-drawer-title__text {
  line-height: 1.3em;
  margin: 0;
  padding: 0;
  color: #222;
  font-family: SHB_SlabSerifBold, Georgia, sans-serif;
  font-size: 20px;
  color: #005fa5;
  flex: 1;
  padding-left: 16px;
}
.shb-application-drawer-title__text--has-back-button {
  padding-left: 0;
}
.shb-application-drawer-title__text__subtitle {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  display: inline-block;
  vertical-align: bottom;
  display: block;
  max-width: 250px;
}
.shb-application-drawer-title__close,
.shb-application-drawer-title__back {
  display: flex;
  justify-content: center;
  align-items: center;
}
.shb-application-drawer-title__close > button,
.shb-application-drawer-title__back > button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px;
  margin: 8px;
  border: 0;
  background: transparent;
}
.shb-application-drawer-title__close > button:focus,
.shb-application-drawer-title__back > button:focus {
  outline: 1px solid #005fa5;
}
.shb-application-close-drawer {
  display: none;
  justify-content: flex-end;
  align-items: center;
  min-height: 40px;
  height: 40px;
  max-height: 40px;
}
body.non-responsive .shb-application-close-drawer {
  display: flex;
}
@media only screen and (min-width: 768px) {
  .shb-application-close-drawer {
    display: flex;
  }
}
.shb-application-close-drawer__button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 8px 16px;
  border: 0;
  background: transparent;
}
.shb-application-close-drawer__button__text {
  margin-right: 8px;
  color: #017ab2;
}
.shb-application-close-drawer__button:focus {
  outline: 1px solid #005fa5;
}
.shb-application-search {
  margin-top: 16px;
}
.shb-application-search__input-container {
  position: relative;
  margin: 0 16px;
}
.shb-application-search__input-container .shb-input-text__text-input {
  padding-left: 32px;
  padding-right: 32px;
}
.shb-application-search__input-container .shb-input-text__text-input::-ms-clear {
  display: none;
}
.shb-application-search__clear,
.shb-application-search__search-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4px;
  margin: 8px;
  position: absolute;
  top: 0;
  bottom: 0;
}
.shb-application-search__search-icon {
  left: 0;
}
.shb-application-search__clear {
  right: 0;
  border: 0;
  background: transparent;
}
.shb-application-search__clear:focus {
  outline: 1px solid #005fa5;
}
.shb-application-search__no-result-container {
  padding: 16px;
}
.shb-application-search-result {
  list-style-type: none;
  margin: 16px 0 0 0;
  padding: 0;
  border-bottom: 1px solid #dedede;
}
.shb-application-search-result:empty {
  border: 0;
  margin: 0;
}
.shb-application-search-result__item {
  border-top: 1px solid #dedede;
}
.shb-application-search-result__item > a {
  line-height: 1.3em;
  margin: 0;
  padding: 0;
  color: #222;
  font-weight: 700;
  color: #005fa5;
  text-decoration: none;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  background: #eaf4f7;
  padding: 8px 16px;
  display: block;
}
.shb-application-search-result__item > a:visited {
  color: #005fa5;
}
.shb-application-search-result__item > a:hover {
  color: #043b62;
  text-decoration: underline;
  cursor: pointer;
}
.shb-application-search-result__item > a:active {
  color: #043b62;
}
.shb-application-search-result__item > a:focus {
  color: #043b62;
  text-decoration: underline;
  outline: none;
}
.shb-application-search-result__child-item {
  border-top: 1px solid #dedede;
}
.shb-application-search-result__child-item > a {
  line-height: 1.3em;
  margin: 0;
  padding: 0;
  color: #222;
  color: #005fa5;
  text-decoration: none;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  padding: 16px;
  display: block;
}
.shb-application-search-result__child-item > a:visited {
  color: #005fa5;
}
.shb-application-search-result__child-item > a:hover {
  color: #043b62;
  text-decoration: underline;
  cursor: pointer;
}
.shb-application-search-result__child-item > a:active {
  color: #043b62;
}
.shb-application-search-result__child-item > a:focus {
  color: #043b62;
  text-decoration: underline;
  outline: none;
}
.shb-application-search-result__item > a,
.shb-application-search-result__child-item > a {
  position: relative;
}
.shb-application-search-result__item > a:hover,
.shb-application-search-result__child-item > a:hover {
  text-decoration: underline;
}
.shb-application-search-result__item > a:focus:before,
.shb-application-search-result__child-item > a:focus:before {
  /* A pseudo element only to make the outline visible on the left and right side */
  content: "";
  position: absolute;
  top: 0;
  left: 1px;
  right: 1px;
  height: 100%;
  outline: 1px solid #005fa5;
}
.shb-application-help {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.shb-application-help__footer {
  text-align: center;
  background-color: #f3f2ef;
  border-top: 1px solid #dedede;
  padding: 16px;
}
.shb-application-help__footer__text {
  margin-right: 4px;
}
body.non-responsive .shb-application-help__footer {
  padding: 16px 16px 0 16px;
}
@media only screen and (min-width: 768px) {
  .shb-application-help__footer {
    padding: 16px 16px 0 16px;
  }
}
.shb-application-help__content {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  word-break: break-word;
  padding: 0 16px 16px 16px;
  flex: 1;
}
.shb-application-help .shb-application-remove-unwanted-tabindex-element {
  display: none;
}
.shb-application-help-close-drawer-wrapper {
  background-color: #f3f2ef;
}
.shb-application-profile__log-out {
  padding: 16px;
}
.shb-application-profile__menu-list {
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  border-top: 1px solid #dedede;
}
.shb-application-footer-office-info {
  padding: 16px 0;
  background-color: #e4e4e4;
}
.shb-application-footer-office-info__header {
  margin: 16px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.shb-application-footer-office-info__header__heading {
  color: #222222;
  margin: 0 16px 8px 0;
  padding: 0 16px 0 0;
  width: 100%;
}
body.non-responsive .shb-application-footer-office-info__header__heading {
  width: auto;
  position: relative;
  margin-bottom: 0;
}
body.non-responsive .shb-application-footer-office-info__header__heading:after {
  border-left: 1px solid #222222;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
}
@media only screen and (min-width: 768px) {
  .shb-application-footer-office-info__header__heading {
    width: auto;
    position: relative;
    margin-bottom: 0;
  }
  .shb-application-footer-office-info__header__heading:after {
    border-left: 1px solid #222222;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
  }
}
.shb-application-footer-office-info__header__branch-name {
  font-size: 18px;
  line-height: 18px;
}
.shb-application-footer-office-info__inner {
  max-width: 960px;
  margin: 0 auto;
  padding: 16px 0;
}
.shb-application-footer-office-info__items-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.shb-application-footer-office-info__item {
  font-size: 16px;
  line-height: 1.6em;
  padding: 16px;
  display: flex;
  width: 100%;
  box-sizing: border-box;
  /* prettier-ignore */
  /* prettier-ignore */
}
body.non-responsive .shb-application-footer-office-info__item {
  width: 50%;
}
@media only screen and (min-width: 475px) {
  .shb-application-footer-office-info__item {
    width: 50%;
  }
}
body.non-responsive .shb-application-footer-office-info__item {
  width: auto;
  flex: 1;
}
@media only screen and (min-width: 768px) {
  .shb-application-footer-office-info__item {
    width: auto;
    flex: 1;
  }
}
.shb-application-footer-office-info__item__icon-wrapper {
  margin-right: 8px;
}
.shb-application-footer-office-info__item__content {
  padding-top: 4px;
  /* Relative to the icon */
}
.shb-application-footer-office-info__item__content__margin-up {
  margin-top: 16px;
}
.shb-application-footer-office-info__item__opening-hours {
  min-width: 180px;
}
.shb-application-footer-office-info__item__opening-hours__item {
  display: flex;
  justify-content: space-between;
  margin-bottom: 4px;
}
.shb-application-footer-office-info__item__opening-hours__item:last-child {
  margin-bottom: 0;
}
.shb-application-footer-links {
  font-size: 14px;
  background: #043b62;
  color: #ffffff;
  text-align: center;
  padding-bottom: 16px;
}
.shb-application-footer-links a {
  font-size: 14px;
}
.shb-application-footer-links__links-list {
  margin: 0;
  margin-left: auto;
  margin-right: auto;
  padding: 16px;
  padding-bottom: 0;
  line-height: 22px;
  list-style-type: none;
  display: inline-block;
}
.shb-application-footer-links__links-list--secondary {
  padding-top: 0;
  display: block;
}
.shb-application-footer-links__links-list-item {
  display: inline-block;
  padding-left: 16px;
}
.shb-application-footer-links__links-list-item:first-child {
  padding: 0;
}
.shb-application-footer-links__links-list-item:last-child {
  padding-right: 0;
}
.shb-application-footer-links__links-list-item::after {
  content: "|";
  padding-left: 16px;
}
.shb-application-footer-links__links-list-item:last-child::after {
  content: "";
  padding-left: 0;
}
.shb-application-footer-links__copyright {
  padding-top: 16px;
  color: #bbb;
}
/* This breakpoint is also used in JS because we need to know if we should close drawer or not, see reactApplication.tsx. */
/* 960 + maximum scroll bar width */
/* Import this class on body in your app */
.react-application-body {
  /* Fix for overlapping scrollbars in IE11 */
  -ms-overflow-style: scrollbar;
  min-width: 320px;
  background: #f3f2ef;
  padding: 0;
  margin: 0;
  overflow-y: scroll;
}
.react-application-body.non-responsive {
  min-width: 984px;
}
.react-application-body.espresso-compability-mode {
  min-width: 914px;
}
.shb-application {
  /* shb-surface has z-index 0, therefore we need the entire framework too have a low z-index. Otherwise it will crash with old z-index numbers higher up in DOM (like logout popup) */
  position: relative;
  z-index: 0;
}
.shb-application__main__content-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 69px;
  /* prettier-ignore */
  /* The responsive surface container in JEDI has a margin top, the not responsive does not. */
}
.shb-application--inat .shb-application__main__content-wrapper {
  padding-top: 97px;
}
body.non-responsive .shb-application--inat .shb-application__main__content-wrapper {
  /* making sure the footer is at the bottom of the screen, but only for large devices since using vh in safari causes the footer to appear behind the address bar */
  min-height: calc(100vh - 145px);
  padding-top: 145px;
}
@media only screen and (min-width: 984px) {
  .shb-application--inat .shb-application__main__content-wrapper {
    /* making sure the footer is at the bottom of the screen, but only for large devices since using vh in safari causes the footer to appear behind the address bar */
    min-height: calc(100vh - 145px);
    padding-top: 145px;
  }
}
body.non-responsive .shb-application__main__content-wrapper {
  min-height: calc(100vh - 117px);
  padding-top: 117px;
}
@media only screen and (min-width: 984px) {
  .shb-application__main__content-wrapper {
    min-height: calc(100vh - 117px);
    padding-top: 117px;
  }
}
body.non-responsive .shb-application__main__content-wrapper {
  margin-top: 32px;
}
body.non-responsive .shb-application--inat body.non-responsive .shb-application__main__content-wrapper {
  min-height: calc(100vh - 145px - 16px * 2);
}
@media only screen and (min-width: 984px) {
  .shb-application--inat body.non-responsive .shb-application__main__content-wrapper {
    min-height: calc(100vh - 145px - 16px * 2);
  }
}
body.non-responsive body.non-responsive .shb-application__main__content-wrapper {
  min-height: calc(100vh - 117px - 16px * 2);
}
@media only screen and (min-width: 984px) {
  body.non-responsive .shb-application__main__content-wrapper {
    min-height: calc(100vh - 117px - 16px * 2);
  }
}
.shb-application__main__content-wrapper:has(.shb-cms-guide-top) {
  padding-top: 36px;
}
@media only screen and (min-width: 768px) {
  .shb-application__main__content-wrapper:has(.shb-cms-guide-top) {
    padding-top: calc(16px * 1.375 - 1px);
  }
}
body.non-responsive .shb-application__main__content-wrapper:has(.shb-cms-guide-top) {
  min-height: calc(100vh - 117px);
  padding-top: calc(16px * 4.375 - 1px);
}
@media only screen and (min-width: 984px) {
  .shb-application__main__content-wrapper:has(.shb-cms-guide-top) {
    min-height: calc(100vh - 117px);
    padding-top: calc(16px * 4.375 - 1px);
  }
}
.shb-application__content-wrapper {
  margin: 0 0 24px 0;
  display: block;
  /* IE11 don't recognize <main>-tag */
}
.shb-application__content-wrapper,
.shb-application__footer {
  transition: margin 0.2s ease-in-out;
}
@media only screen and (min-width: 1304px) {
  .shb-application__content-wrapper--drawer-open,
  .shb-application__footer--drawer-open {
    margin-right: 320px;
  }
}
.shb-approve-display-step__loading {
  padding: 48px 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  /* IE11 fix */
}
.shb-approve-display-step__error {
  text-align: center;
  padding: 16px;
}
.shb-approve-display-step__error__icon-wrapper {
  margin-top: 16px;
}
.shb-approve-display-step__error__text-wrapper {
  /* Must be almost equal to shb-text-box--error since thats the one being used by displayTechnicalErrors */
  padding-top: 16px;
  padding-bottom: 32px;
}
.shb-approve-display-step__error__button-wrapper {
  margin-bottom: 16px;
}
.shb-approval-delete-ar-order-group-modal__loading {
  padding: 48px 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  /* IE11 fix */
}
.shb-approval-delete-ar-order-group-modal__error {
  text-align: center;
  padding: 16px;
}
.shb-approval-delete-ar-order-group-modal__error__title {
  margin-top: 16px;
}
.shb-approval-ar-order-group-info__group {
  margin-bottom: 16px;
}
.shb-approval-ar-order-group-info__group__title {
  line-height: 1.3em;
  margin: 0;
  padding: 0;
  color: #222;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  color: #017ab2;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.shb-approval-ar-order-group-info__group:last-child {
  margin-bottom: 0;
}
.shb-approval-ar-order-group-info__group__sections {
  display: flex;
  flex-wrap: wrap;
}
.shb-approval-ar-order-group-info__group__sections__section {
  margin-bottom: 16px;
  box-sizing: border-box;
  width: 100%;
}
body.non-responsive .shb-approval-ar-order-group-info__group__sections__section--not-full-width-on-small-devices {
  width: 50%;
}
body.non-responsive .shb-approval-ar-order-group-info__group__sections__section--not-full-width-on-small-devices:nth-child(odd) {
  padding-right: 9.6px;
}
body.non-responsive .shb-approval-ar-order-group-info__group__sections__section--not-full-width-on-small-devices:nth-child(even) {
  padding-left: 9.6px;
}
@media only screen and (min-width: 910px) {
  .shb-approval-ar-order-group-info__group__sections__section--not-full-width-on-small-devices {
    width: 50%;
  }
  .shb-approval-ar-order-group-info__group__sections__section--not-full-width-on-small-devices:nth-child(odd) {
    padding-right: 9.6px;
  }
  .shb-approval-ar-order-group-info__group__sections__section--not-full-width-on-small-devices:nth-child(even) {
    padding-left: 9.6px;
  }
}
body.non-responsive .shb-approval-ar-order-group-info__group__sections__section--full-width-on-small-devices {
  width: 50%;
}
body.non-responsive .shb-approval-ar-order-group-info__group__sections__section--full-width-on-small-devices:nth-child(odd) {
  padding-right: 9.6px;
}
body.non-responsive .shb-approval-ar-order-group-info__group__sections__section--full-width-on-small-devices:nth-child(even) {
  padding-left: 9.6px;
}
@media only screen and (min-width: 475px) {
  .shb-approval-ar-order-group-info__group__sections__section--full-width-on-small-devices {
    width: 50%;
  }
  .shb-approval-ar-order-group-info__group__sections__section--full-width-on-small-devices:nth-child(odd) {
    padding-right: 9.6px;
  }
  .shb-approval-ar-order-group-info__group__sections__section--full-width-on-small-devices:nth-child(even) {
    padding-left: 9.6px;
  }
}
.shb-approval-ar-order-group-info-description {
  font-size: 14px;
  margin-bottom: 16px;
}
.shb-approval-ar-order-group-info-description__title {
  font-weight: bold;
}
.shb-approval-ar-order-group-info-description__value {
  margin: 3px 0 0 0;
  padding: 0;
  color: #636363;
}
.shb-approval-ar-order-group-signed-by {
  font-size: 14px;
  margin-bottom: 16px;
}
.shb-approval-ar-order-group-signed-by__title {
  font-weight: bold;
}
.shb-approval-ar-order-group-signed-by__list {
  margin: 3px 0 0 0;
  padding: 0;
  color: #636363;
  list-style-type: none;
}
.shb-approval-ar-order-group-info-and-descriptions {
  padding: 16px;
}
body.non-responsive .shb-approval-ar-order-group-info-and-descriptions {
  display: flex;
}
@media only screen and (min-width: 475px) {
  .shb-approval-ar-order-group-info-and-descriptions {
    display: flex;
  }
}
body.non-responsive .shb-approval-ar-order-group-info-and-descriptions__groups {
  flex: 0.5;
}
@media only screen and (min-width: 475px) {
  .shb-approval-ar-order-group-info-and-descriptions__groups {
    flex: 0.5;
  }
}
body.non-responsive .shb-approval-ar-order-group-info-and-descriptions__descriptions {
  flex: 1;
  padding-left: 24px;
}
@media only screen and (min-width: 475px) {
  .shb-approval-ar-order-group-info-and-descriptions__descriptions {
    flex: 1;
    padding-left: 24px;
  }
}
body.non-responsive .shb-approval-ar-order-group-info-and-descriptions__descriptions {
  max-width: 246px;
}
@media only screen and (min-width: 768px) {
  .shb-approval-ar-order-group-info-and-descriptions__descriptions {
    max-width: 246px;
  }
}
.shb-approval-expansion-panel {
  border-bottom: 1px solid #e4e4e4;
  border-top: 1px solid #e4e4e4;
}
.shb-approval-expansion-panel:not(.shb-approval-expansion-panel--expanded) + .shb-approval-expansion-panel:not(.shb-approval-expansion-panel--expanded) {
  border-top: 0;
}
.shb-approval-expansion-panel--expanded:not(:first-child) {
  margin-top: 16px;
}
.shb-approval-expansion-panel--expanded:not(:last-child) {
  margin-bottom: 16px;
}
.shb-approval-expansion-panel__summary {
  min-height: 48px;
  box-sizing: border-box;
  background: #ffffff;
  display: flex;
  padding: 8px 16px;
  align-items: center;
}
.shb-approval-expansion-panel__summary--click-on-entire-row {
  cursor: pointer;
}
.shb-approval-expansion-panel__summary__icon-or-primary-action {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.shb-approval-expansion-panel__summary__content {
  flex: 1;
}
body.non-responsive .shb-approval-expansion-panel__summary__content__summary {
  padding: 8px;
  padding-left: 0;
}
@media only screen and (min-width: 768px) {
  .shb-approval-expansion-panel__summary__content__summary {
    padding: 8px;
    padding-left: 0;
  }
}
body.non-responsive .shb-approval-expansion-panel__summary__content__status {
  display: flex;
}
@media only screen and (min-width: 475px) {
  .shb-approval-expansion-panel__summary__content__status {
    display: flex;
  }
}
.shb-approval-expansion-panel__summary__actions {
  display: none;
}
body.non-responsive .shb-approval-expansion-panel__summary__actions {
  display: flex;
  width: 48px;
}
@media only screen and (min-width: 475px) {
  .shb-approval-expansion-panel__summary__actions {
    display: flex;
    width: 48px;
  }
}
.shb-approval-expansion-panel__summary__expander {
  width: 48px;
  height: 48px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.shb-approval-expansion-panel__additional-summary {
  background: #ffffff;
  padding: 16px;
  padding-top: 0;
  padding-left: 64px;
  /* Should align with title above */
}
.shb-approval-expansion-panel__details {
  background: #ffffff;
}
.shb-approval-test-errand {
  padding: 16px;
}
.shb-approval-test-errand__options {
  margin: -4px;
  display: flex;
  flex-wrap: wrap;
}
.shb-approval-test-errand__options__option {
  padding: 4px;
  width: 50%;
  box-sizing: border-box;
}
.shb-approval-test-errand__options__option .shb-button-secondary-small {
  display: block;
}
.shb-approval-test-errand__textarea {
  margin-top: 16px;
}
.shb-approval-test-errand__form-field-wrapper {
  margin-top: 16px;
}
.shb-approval-test-errand__disable-button-text {
  text-align: right;
}
.shb-approval-review__ar-order-groups-list {
  list-style-type: none;
  padding: 0;
  margin-top: 0;
}
.shb-approval-review__ar-order-groups-list__item__content {
  max-width: 600px;
  margin: 20px auto 16px auto;
}
.shb-approval-review-documents {
  max-width: 600px;
  margin: 16px auto 16px auto;
}
.shb-approval-review-documents__title {
  font-weight: bold;
}
.shb-approval-review-documents__list {
  display: flex;
  margin: 8px 0 16px 0;
  flex-wrap: wrap;
  list-style-type: none;
  padding: 0;
}
.shb-approval-review-documents__list__item {
  margin: 5.33333333px 0;
  width: 100%;
  display: flex;
  align-items: center;
}
.shb-approval-review-documents__list__item__icon {
  margin-right: 8px;
}
.shb-approval-approve-documents-list {
  max-width: 600px;
  margin: 0 auto;
}
.shb-approval-review-footer {
  flex: 1;
  margin: -8px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
body.non-responsive .shb-approval-review-footer {
  flex-wrap: nowrap;
  justify-content: flex-end;
}
@media only screen and (min-width: 768px) {
  .shb-approval-review-footer {
    flex-wrap: nowrap;
    justify-content: flex-end;
  }
}
.shb-approval-review-footer__primary,
.shb-approval-review-footer__secondary,
.shb-approval-review-footer__tertiary {
  width: 100%;
  padding: 8px;
  box-sizing: border-box;
}
body.non-responsive .shb-approval-review-footer__primary,
body.non-responsive .shb-approval-review-footer__secondary,
body.non-responsive .shb-approval-review-footer__tertiary {
  width: auto;
}
@media only screen and (min-width: 768px) {
  .shb-approval-review-footer__primary,
  .shb-approval-review-footer__secondary,
  .shb-approval-review-footer__tertiary {
    width: auto;
  }
}
body.non-responsive .shb-approval-review-footer__secondary {
  order: -1;
}
@media only screen and (min-width: 768px) {
  .shb-approval-review-footer__secondary {
    order: -1;
  }
}
body.non-responsive .shb-approval-review-footer__tertiary {
  order: -2;
  margin-right: auto;
}
@media only screen and (min-width: 768px) {
  .shb-approval-review-footer__tertiary {
    order: -2;
    margin-right: auto;
  }
}
.shb-approval-sign-error-modal {
  text-align: center;
}
.shb-approval-sign-error-modal__title {
  margin-top: 16px;
}
.shb-approval-signatories-group {
  max-width: 600px;
  margin: 0 auto 32px auto;
}
.shb-approval-signatories-group:last-child {
  margin-bottom: 0;
}
.shb-approval-signatories-group__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.shb-approval-signatories-group__list__item {
  margin: 0;
  margin-bottom: 16px;
  background-color: #ffffff;
  border: 1px solid #dedede;
  border-radius: 4px;
  padding: 24px;
}
.shb-approval-signatories-group__list__item:last-child {
  margin-bottom: 0;
}
.shb-approval-signatories-group__list__item__extra-info {
  margin-top: 16px;
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #767676;
}
.shb-approval-signatories-group__list__item__extra-info__icon {
  width: 18px;
  margin-right: 8px;
}
body.non-responsive .shb-approval-signatories-group__list__item__inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media only screen and (min-width: 475px) {
  .shb-approval-signatories-group__list__item__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
.shb-approval-signatories-group__list__item__inner__button-wrapper,
.shb-approval-signatories-group__list__item__inner__status-wrapper {
  margin-top: 16px;
}
body.non-responsive .shb-approval-signatories-group__list__item__inner__button-wrapper,
body.non-responsive .shb-approval-signatories-group__list__item__inner__status-wrapper {
  margin-top: 0;
}
@media only screen and (min-width: 475px) {
  .shb-approval-signatories-group__list__item__inner__button-wrapper,
  .shb-approval-signatories-group__list__item__inner__status-wrapper {
    margin-top: 0;
  }
}
.shb-approval-signatories-group__list__item__inner__status-wrapper {
  display: flex;
  align-items: center;
}
.shb-approval-signatories-group__list__item__inner__status-wrapper__icon {
  margin-right: 8px;
}
.shb-approval__summary__empty {
  padding-top: 16px;
}
.shb-approval__summary__sections-wrapper {
  padding-bottom: 16px;
}
.shb-approval-summary-section {
  padding: 16px 0 0 0;
}
.shb-approval-summary-section__ar-owner-header {
  padding: 16px 24px 12px 24px;
}
body.non-responsive .shb-approval-summary-section__ar-owner-header {
  display: flex;
  align-items: baseline;
}
body.non-responsive .shb-approval-summary-section__ar-owner-header h2 {
  margin-bottom: 0;
}
body.non-responsive .shb-approval-summary-section__ar-owner-header__customer-identification-number {
  margin-left: 16px;
  color: #4e4e4e;
}
@media only screen and (min-width: 475px) {
  .shb-approval-summary-section__ar-owner-header {
    display: flex;
    align-items: baseline;
  }
  .shb-approval-summary-section__ar-owner-header h2 {
    margin-bottom: 0;
  }
  .shb-approval-summary-section__ar-owner-header__customer-identification-number {
    margin-left: 16px;
    color: #4e4e4e;
  }
}
.shb-approval-summary-section__ar-owner-header__customer-identification-number {
  font-size: 14px;
}
.shb-approval-summary-section__office-header {
  background: #ffffff;
  padding: 20px 24px 12px 24px;
  border-top: 3px solid #005fa5;
}
.shb-approval-summary-section__office-header__title {
  margin-bottom: 8px;
  font-weight: bold;
}
body.non-responsive .shb-approval-summary-section__office-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
body.non-responsive .shb-approval-summary-section__office-header__title {
  margin-right: 24px;
  margin-bottom: 0;
}
@media only screen and (min-width: 475px) {
  .shb-approval-summary-section__office-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .shb-approval-summary-section__office-header__title {
    margin-right: 24px;
    margin-bottom: 0;
  }
}
.shb-approval-summary-section__office-header__info {
  display: flex;
  align-items: center;
  font-size: 14px;
  color: #767676;
}
.shb-approval-summary-section__office-header__info > span {
  margin-left: 8px;
}
.shb-approval-confirmation-not-allowed__delete-button {
  margin-top: 16px;
}
.shb-approval-no-ar-order-groups-selected-modal {
  text-align: center;
}
.shb-approval-no-ar-order-groups-selected-modal__title {
  margin-top: 16px;
}
.shb-approval-summary-list-row__summary__status-badge {
  margin-top: 5px;
  margin-right: 16px;
}
body.non-responsive .shb-approval-summary-list-row__summary {
  display: flex;
  align-items: center;
}
body.non-responsive .shb-approval-summary-list-row__summary__title {
  flex: 1;
}
body.non-responsive .shb-approval-summary-list-row__summary__status-badge {
  margin-top: 0;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .shb-approval-summary-list-row__summary {
    display: flex;
    align-items: center;
  }
  .shb-approval-summary-list-row__summary__title {
    flex: 1;
  }
  .shb-approval-summary-list-row__summary__status-badge {
    margin-top: 0;
    margin-right: 16px;
  }
}
.shb-approval-summary-list-row__expire-date {
  font-size: 12px;
  margin-top: 5px;
  color: #767676;
  white-space: nowrap;
}
body.non-responsive .shb-approval-summary-list-row__expire-date {
  margin-top: 0;
  color: #222222;
}
@media only screen and (min-width: 768px) {
  .shb-approval-summary-list-row__expire-date {
    margin-top: 0;
    color: #222222;
  }
}
.shb-approval-summary-list-row__delete {
  display: flex;
  width: 48px;
  height: 48px;
  padding: 8px;
  margin: 4px 0;
  box-sizing: border-box;
  align-items: center;
  justify-content: center;
}
.shb-approval-summary-list-row__delete__button {
  width: 100%;
  height: 100%;
  border: 0;
  background: transparent;
}
.shb-approval-summary-list-row__delete__button:focus {
  outline: 1px solid #043b62;
}
.shb-approval-summary-list-row-special-approval {
  display: flex;
  margin-top: 5px;
}
body.non-responsive .shb-approval-summary-list-row-special-approval {
  margin-top: 0;
  margin-right: 16px;
}
@media only screen and (min-width: 768px) {
  .shb-approval-summary-list-row-special-approval {
    margin-top: 0;
    margin-right: 16px;
  }
}
.shb-approval-summary-list-row-special-approval__label {
  background: #d4d4d4;
  font-size: 12px;
  padding: 3px 10px;
  border-radius: 4px;
  display: inline-block;
  display: flex;
  align-items: center;
  height: 20px;
  white-space: nowrap;
  margin-right: 8px;
}
.shb-approval-summary-list-row-expandable-info-buttons {
  padding: 0 16px 16px 16px;
  display: flex;
  justify-content: flex-end;
}
.shb-approval-confirmation__second-heading {
  padding: 24px;
  padding-bottom: 16px;
}
.shb-approval-confirmation__details {
  padding-bottom: 16px;
}
.shb-approval-confirmation__minor-agreement {
  margin: 0 24px;
}
.shb-approval-confirmation-status {
  white-space: nowrap;
  display: flex;
  align-items: center;
  margin-top: 5px;
}
body.non-responsive .shb-approval-confirmation-status {
  margin-top: 0;
}
@media only screen and (min-width: 768px) {
  .shb-approval-confirmation-status {
    margin-top: 0;
  }
}
.shb-approval-confirmation-status__icon {
  margin-right: 5.33333333px;
  display: flex;
  align-items: center;
}
.shb-approval-confirmation-status__text {
  font-size: 12px;
  color: #767676;
}
body.non-responsive .shb-approval-confirmation-status__text {
  color: #222222;
}
@media only screen and (min-width: 768px) {
  .shb-approval-confirmation-status__text {
    color: #222222;
  }
}
.shb-paginator {
  /* Target all except first */
}
.shb-paginator__page-select {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}
.shb-paginator__page-item ~ .shb-paginator__page-item {
  margin-left: 4px;
}
.shb-paginator__page-item-active .shb-button-link {
  text-decoration: none;
  color: #222222;
}
.shb-paginator__page--previous {
  margin-right: 12px;
  display: flex;
  align-items: center;
}
.shb-paginator__page--next {
  margin-left: 12px;
  display: flex;
  align-items: center;
}
.shb-smiley-face-survey-v2__comment {
  margin-top: 16px;
}
.shb-smiley-face-survey-v2__comment-button {
  display: flex;
  justify-content: flex-end;
  margin-top: 6px;
}
.shb-smiley-face-survey-v2__comment-title {
  margin-bottom: 10px;
}
.shb-smiley-face-survey-v2__thank-you-message {
  align-items: center;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 16px;
  border: 1px solid #dedede;
  border-radius: 8px;
}
.shb-multiselect .shb-expansion-panel {
  border: 1px solid #dddddd;
  border-radius: 4px;
  position: relative;
}
.shb-multiselect .shb-expansion-panel:hover {
  border-bottom: 1px solid #005fa5;
}
.shb-multiselect .shb-expansion-panel .shb-expansion-panel__summary-wrapper {
  padding: 5px;
  border-radius: 1.5px;
}
.shb-multiselect .shb-expansion-panel .shb-expansion-panel__summary-wrapper:focus {
  box-shadow: 0 1px 0 0 #005fa5;
}
.shb-multiselect .shb-expansion-panel .shb-expansion-panel__summary-wrapper:focus .shb-expansion-panel__chevron > .shb-arrow-expander {
  outline: 0px;
  /* override the original .shb-arrow-expander:focus outline */
}
.shb-multiselect .shb-expansion-panel .shb-expansion-content__details-wrapper.expanded {
  position: absolute;
  z-index: 100;
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #c4c4c4;
  margin-top: 1px;
}
.shb-link-styled-as-button__wrapper a {
  display: block;
  transition: background-color, border-color ease-out 0.1s;
  border-radius: 4px;
  text-decoration: none;
  text-align: center;
}
.shb-link-styled-as-button__wrapper a:hover,
.shb-link-styled-as-button__wrapper a:focus,
.shb-link-styled-as-button__wrapper a:active {
  text-decoration: underline;
  text-decoration-skip-ink: auto;
}
.shb-link-styled-as-button__wrapper a:focus {
  outline: 1px solid #043b62;
  outline-offset: 2px;
}
.shb-link-styled-as-button__wrapper--link-row a {
  max-width: none;
}
.shb-link-styled-as-button__wrapper--defaultSize a {
  font-size: 16px;
  padding: 12px 32px;
}
.shb-link-styled-as-button__wrapper--smallSize a {
  font-size: 14px;
  padding: 8px 12px;
}
.shb-link-styled-as-button__wrapper--primaryVariant a {
  background-color: #005fa5;
  border: 1px solid #005fa5;
  color: #ffffff;
}
.shb-link-styled-as-button__wrapper--primaryVariant a:visited {
  color: #ffffff;
}
.shb-link-styled-as-button__wrapper--primaryVariant a:hover,
.shb-link-styled-as-button__wrapper--primaryVariant a:focus,
.shb-link-styled-as-button__wrapper--primaryVariant a:active {
  background-color: #043b62;
  border-color: #043b62;
  color: #ffffff;
}
.shb-link-styled-as-button__wrapper--primaryVariant a:focus {
  outline: 1px solid #043b62;
}
.shb-link-styled-as-button__wrapper--secondaryVariant a {
  background-color: #ffffff;
  border: 1px solid #005fa5;
  color: #005fa5;
}
.shb-link-styled-as-button__wrapper--secondaryVariant a:visited {
  color: #005fa5;
}
.shb-link-styled-as-button__wrapper--secondaryVariant a:hover,
.shb-link-styled-as-button__wrapper--secondaryVariant a:focus,
.shb-link-styled-as-button__wrapper--secondaryVariant a:active {
  background-color: #e8e8e8;
  border-color: #043b62;
  color: #043b62;
}
.shb-link-styled-as-button__wrapper--tertiaryVariant a {
  border-width: 0;
  background-color: transparent;
  color: #005fa5;
}
.shb-link-styled-as-button__wrapper--tertiaryVariant a:visited {
  color: #005fa5;
}
.shb-link-styled-as-button__wrapper--tertiaryVariant a:hover,
.shb-link-styled-as-button__wrapper--tertiaryVariant a:focus,
.shb-link-styled-as-button__wrapper--tertiaryVariant a:active {
  border-bottom: 0;
  background-color: #e8e8e8;
  color: #043b62;
}
.shb-link-styled-as-button__wrapper--tertiaryVariant.shb-link-styled-as-button__wrapper--defaultSize a {
  padding: 13px 32px;
}
.shb-link-styled-as-button__wrapper--tertiaryVariant.shb-link-styled-as-button__wrapper--smallSize a {
  padding: 9px 16px;
}
.shb-button__drawer-button-row {
  background-color: white;
  color: #005fa5;
  border-bottom: 1px solid #dedede;
  list-style: none;
}
.shb-button__drawer-button-row-link {
  width: 100%;
  margin: 0;
  color: #005fa5;
  padding: 16px;
  background: transparent;
  border: 0;
  text-align: left;
  flex: 1;
  align-self: center;
  position: relative;
  line-height: 16px;
}
.shb-button__drawer-button-row-link:hover {
  text-decoration: underline;
  background-color: #eaf4f7;
}
.shb-button__drawer-button-row-link:focus:before {
  content: "";
  position: absolute;
  top: 0;
  left: 1px;
  right: 1px;
  height: 100%;
  outline: 1px solid #005fa5;
}
.shb-circularprogressindicator__container {
  padding: 8px;
}
.shb-circularprogressindicator__circle-background {
  fill: none;
  stroke: #d2d2d2;
}
.shb-circularprogressindicator__circle-progress {
  fill: none;
  stroke: #005fa5;
  stroke-linecap: round;
}
/* surface */
.shb-surface {
  position: relative;
  z-index: 0;
}
.shb-surface--tabsurface {
  margin-bottom: 20px;
}
.shb-surface--tabsurface .shb-iframe-wrapper {
  margin-bottom: 0;
  border: none;
}
.shb-surface--tabsurface .shb-framed-section {
  margin-bottom: 0;
  border: none;
}
.shb-surface__column {
  min-height: 1px;
}
shb-breadcrumb:empty {
  display: block;
  margin-bottom: 32px;
}
@media only screen and (min-width: 768px) {
  shb-breadcrumb:empty {
    margin-bottom: 48px;
  }
}
.shb-surface-responsive .three-column-layout {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.shb-surface-responsive .three-column-layout .top-area {
  width: 100%;
}
.shb-surface-responsive .three-column-layout .main-area {
  display: flex;
  flex-direction: row;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .shb-surface-responsive .three-column-layout .main-area {
    flex-direction: column;
  }
}
.shb-surface-responsive .three-column-layout .main-area .agenda-area {
  display: flex;
  flex-direction: column;
  width: 326px;
}
@media only screen and (max-width: 767px) {
  .shb-surface-responsive .three-column-layout .main-area .agenda-area {
    width: 100%;
  }
}
.shb-surface-responsive .three-column-layout .main-area .content-area {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  flex: 1;
}
@media only screen and (max-width: 1139px) {
  .shb-surface-responsive .three-column-layout .main-area .content-area {
    flex-direction: column;
  }
}
.shb-surface-responsive .three-column-layout .main-area .content-area .content-area-left,
.shb-surface-responsive .three-column-layout .main-area .content-area .content-area-right {
  display: flex;
  flex-direction: column;
  flex: 1;
}
@media only screen and (max-width: 1139px) {
  .shb-surface-responsive .three-column-layout .main-area .content-area .content-area-left,
  .shb-surface-responsive .three-column-layout .main-area .content-area .content-area-right {
    width: 100%;
  }
}
.shb-surface-responsive .shb-sections-wrapper {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0;
}
.shb-surface-responsive .shb-sections-wrapper .shb-section {
  width: 100%;
  padding: 0 0;
  box-sizing: border-box;
}
@media only screen and (min-width: 910px) {
  .shb-surface-responsive .shb-sections-wrapper .shb-section--half {
    width: 50%;
  }
}
@media only screen and (min-width: 910px) {
  .shb-surface-responsive .shb-sections-wrapper .shb-section--one-third {
    width: 33.3333333%;
  }
}
@media only screen and (min-width: 910px) {
  .shb-surface-responsive .shb-sections-wrapper .shb-section--two-thirds {
    width: 66.6666666%;
  }
}
.shb-section__teaser-row {
  margin-left: min(calc(var(--sepu-body-spacing) * -1), calc(calc(calc(100vw  - 1440px) / 2) * -1));
  margin-right: min(calc(var(--sepu-body-spacing) * -1), calc(calc(calc(100vw  - 1440px) / 2) * -1));
  margin-bottom: 16px;
  padding: 16px max(var(--sepu-body-spacing), calc(calc(100vw  - 1440px) / 2));
}
@media only screen and (min-width: 910px) {
  .shb-section__teaser-row {
    padding-top: 64px;
    padding-bottom: 64px;
    width: auto !important;
    display: flex;
    justify-content: center;
  }
}
.shb-section__teaser-row--with-shb-teaser-header {
  margin-bottom: 0;
  padding-bottom: 16px !important;
}
.shb-section__teaser-row-inner {
  --shb-teaser-module-gap: calc(16px * 1.5);
  display: flex;
  flex-wrap: wrap;
  box-sizing: border-box;
  max-width: 1440px;
  gap: var(--shb-teaser-module-gap);
  overflow: hidden;
  width: 100%;
}
.shb-section__teaser-row-inner .shb-section__module {
  --number-of-modules-per-row: 1;
  flex-grow: 1;
  width: calc((100% * (1 / var(--number-of-modules-per-row))) - var(--shb-teaser-module-gap));
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .shb-section__teaser-row-inner .shb-section__module {
    --number-of-modules-per-row: 2;
  }
}
@media only screen and (min-width: 910px) {
  .shb-section__teaser-row-inner .shb-section__module {
    --number-of-modules-per-row: 3;
  }
}
@media only screen and (min-width: 1140px) {
  .shb-section__teaser-row-inner .shb-section__module {
    --number-of-modules-per-row: 4;
  }
}
@media only screen and (min-width: 1440px) {
  .shb-section__teaser-row-inner .shb-section__module {
    --number-of-modules-per-row: 6;
  }
}
.shb-section__teaser-row-inner .shb-section__module--teaserrow-header {
  width: 100%;
}
.shb-section__teaser-row--region-color-1 {
  background-color: transparent;
}
.shb-section__teaser-row--region-color-2 {
  background-color: #eff9fb;
}
.shb-section__teaser-row--region-color-3 {
  background-color: #f0f6f3;
}
.shb-section__teaser-row--region-color-4 {
  background-color: #fdf1e5;
}
.shb-section__teaser-row--region-color-5 {
  background-color: #fdf3f7;
}
/* toolbar */
.shb-toolbar {
  position: relative;
  width: 960px;
  height: 30px;
  /* same as padding of shb-module-wrapper */
  margin-right: auto;
  margin-left: auto;
  z-index: 1;
}
/* TODO: .shb-toolbar__container */
.shb-toolbar > div {
  padding-top: 30px;
}
/* TODO: .shb-toolbar__list */
.shb-tools {
  position: absolute;
  left: 970px;
  list-style: none;
  list-style-type: none;
  width: 60px;
  padding: 0;
  margin: 0;
  z-index: 2;
  transition: 0.3s width;
}
/* TODO: shb-toolbaritem */
.shb-tools__item {
  display: block;
  /*    height: 50px; */
  /*    width: 60px; */
  margin-bottom: 1px;
  list-style-type: none;
}
.shb-tools__item:last-child {
  margin-bottom: 0;
  /* since we wont have any elements underneath this one, the fact that IE7 wont set this margin isn´t a problem (yet) */
}
.shb-tools__item-container {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 60px;
  height: 50px;
}
.shb-tools__item-container > svg {
  display: block;
  margin: auto;
  transition: 0.3s zoom;
  max-height: 25px;
  max-width: 25px;
}
/* TODO: shb-toolbaritem__link */
.shb-tools__link {
  display: block;
  height: 50px;
  /*    width: 60px; */
  line-height: 50px;
  background-color: #043b62;
  text-align: center;
  transition: 0.3s all;
  position: relative;
}
/* TODO: shb-toolbaritem__icon */
.shb-tools__icon {
  /*    vertical-align: middle; */
  display: block;
  margin: 0 auto;
  top: 11px;
  position: relative;
}
.shb-tools__icon > svg {
  display: block;
  margin: auto;
  transition: 0.3s zoom;
  max-height: 25px;
  max-width: 25px;
}
.shb-tools__item:first-child > .shb-tools__link {
  border-radius: 8px 8px 0 0;
  background-clip: padding-box;
}
/* Last-child not available in IE7 but that goes for border-radius as well (so we dont need any fix here) */
.shb-tools__item:last-child > .shb-tools__link {
  border-radius: 0 0 8px 8px;
  background-clip: padding-box;
}
.shb-tools__item > .shb-tools__link:hover,
.shb-tools__item > .shb-tools__link:focus {
  background-color: #005fa5;
  text-decoration: none;
  outline: none;
}
/* Note! toolbar is also made relative/absolute/fixed by js Toolbar and stalker. */
@media (max-width: 1124px) and (min-width: 900px) and (min-height: 675px) {
  .shb-tools {
    position: fixed;
    top: 180px;
    right: 0;
    left: inherit;
    width: 45px;
  }
  .shb-tools__link {
    height: 42px;
  }
  .shb-tools__icon {
    top: 13px;
  }
  .shb-tools__item-container {
    width: 45px;
    height: 42px;
  }
  .shb-tools__item-container > svg {
    zoom: 0.75;
  }
}
/* menus */
.shb-megamenu__nonresponsive .shb-megamenu {
  font-size: 16px;
  background-color: #e1f0f5;
  padding: 16px 0 0 0;
  border-bottom: 1px solid #d4d4d4;
  text-align: center;
  /* External links have a new window icon */
}
.shb-megamenu__nonresponsive .shb-megamenu a:not([href^="#!/"]):not([href="#"]):not([href*="/binary/"])::after {
  content: " ";
  display: inline-block;
  margin-left: 6px;
  margin-bottom: 2px;
  padding-right: 2px;
  vertical-align: middle;
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -268px;
  width: 11px;
  height: 11px;
}
.shb-megamenu__nonresponsive .shb-megamenu a:not([href^="#!/"]):not([href="#"]):not([href*="/binary/"]):hover::after {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -232px;
  width: 11px;
  height: 11px;
}
.shb-megamenu__nonresponsive .shb-megamenu__container {
  position: relative;
  margin: 0 auto;
  width: 960px;
  overflow: hidden;
}
.shb-megamenu__nonresponsive .shb-megamenu__menu-item-group {
  vertical-align: top;
  margin-right: 30px;
}
.shb-megamenu__nonresponsive .shb-megamenu__menu-item-group .shb-megamenu__top-a {
  padding-bottom: 9px;
  display: inline-block;
  font-weight: normal;
}
.shb-megamenu__nonresponsive .shb-megamenu__menu-item-group__last {
  margin-right: 0;
  padding: 0;
}
.shb-megamenu__nonresponsive .shb-megamenu__top {
  height: 42px;
  margin-right: 26px;
}
.shb-megamenu__nonresponsive .shb-megamenu__top .shb-megamenu__top-a {
  padding: 12px 12px 13px 12px;
  color: #043b62;
  line-height: 18px;
}
.shb-megamenu__nonresponsive .shb-megamenu__top-a {
  color: #005fa5;
  font-family: "Roboto", sans-serif;
  text-decoration: none;
  font-size: 16px;
}
.shb-megamenu__nonresponsive .shb-megamenu__top-a:active {
  color: #043b62;
}
.shb-megamenu__nonresponsive .shb-megamenu__top-a:hover,
.shb-megamenu__nonresponsive .shb-megamenu__top-a:focus {
  text-decoration: underline;
  outline: none;
}
.shb-megamenu__nonresponsive .shb-megamenu__top--active .shb-megamenu__top-a {
  font-weight: bold;
}
.shb-megamenu__nonresponsive .shb-megamenu__top--sizeholder {
  font-weight: bold;
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  visibility: hidden;
}
.shb-megamenu__nonresponsive .shb-megamenu__top--visible {
  position: absolute;
  left: 0;
  white-space: nowrap;
}
.shb-megamenu__nonresponsive .shb-megamenu__triangle {
  position: relative;
  bottom: -12px;
  transition: bottom 0.3s;
}
.shb-megamenu__nonresponsive .shb-megamenu__triangle-center {
  margin-left: auto;
  margin-right: auto;
  width: 17px;
}
.shb-megamenu__nonresponsive .shb-megamenu__triangle-background {
  border-bottom: 0 solid #c4e2eb;
  position: absolute;
  width: 1px;
  height: 1px;
  background: transparent;
  transition: border-bottom-color 0.3s;
}
.shb-megamenu__nonresponsive .shb-megamenu__triangle-background {
  top: 11px;
  border-bottom: 8px solid #c4e2eb;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  margin-left: 12px;
}
.shb-megamenu__nonresponsive .shb-megamenu__top--active .shb-megamenu__triangle {
  bottom: -5px;
}
.shb-megamenu__nonresponsive .shb-megamenu__top--hover .shb-megamenu__triangle-background,
.shb-megamenu__nonresponsive .shb-megamenu__top--focus .shb-megamenu__triangle-background {
  border-bottom-color: #a7d5e2;
}
.shb-megamenu__nonresponsive .shb-megamenu__fragment {
  background-color: #c4e2eb;
  margin-bottom: -1px;
}
.shb-megamenu__nonresponsive .shb-megamenu__fragment--is-active .shb-megamenu--hidden-when-fragment-is-active {
  display: none;
}
.shb-megamenu__nonresponsive .shb-megamenu__fragment--is-active .shb-megamenu--visible-when-fragment-is-active {
  display: inline-block;
}
.shb-megamenu__nonresponsive .shb-megamenu--visible-when-fragment-is-active {
  display: none;
  vertical-align: top;
}
.shb-megamenu__nonresponsive .shb-megamenu--hidden-when-fragment-is-active {
  vertical-align: top;
}
.shb-megamenu__nonresponsive .shb-megamenu__toggle-body {
  display: block;
  transition: background 0.2s;
  text-decoration: none;
}
.shb-megamenu__nonresponsive .shb-megamenu__toggle-body .shb-megamenu__top-a {
  font-weight: bold;
}
.shb-megamenu__nonresponsive .shb-megamenu__toggle-body:hover,
.shb-megamenu__nonresponsive .shb-megamenu__toggle-body:focus {
  background-color: #a7d5e2;
  outline: none;
  text-decoration: none;
}
.shb-megamenu__nonresponsive .shb-megamenu__toggle-body:hover .shb-link,
.shb-megamenu__nonresponsive .shb-megamenu__toggle-body:focus .shb-link,
.shb-megamenu__nonresponsive .shb-megamenu__toggle-body:hover .shb-standard-link,
.shb-megamenu__nonresponsive .shb-megamenu__toggle-body:focus .shb-standard-link,
.shb-megamenu__nonresponsive .shb-megamenu__toggle-body:hover .shb-new-window-link,
.shb-megamenu__nonresponsive .shb-megamenu__toggle-body:focus .shb-new-window-link,
.shb-megamenu__nonresponsive .shb-megamenu__toggle-body:hover .shb-button-set__cancel-button,
.shb-megamenu__nonresponsive .shb-megamenu__toggle-body:focus .shb-button-set__cancel-button,
.shb-megamenu__nonresponsive .shb-megamenu__toggle-body:hover .shb-grid__link-text,
.shb-megamenu__nonresponsive .shb-megamenu__toggle-body:focus .shb-grid__link-text,
.shb-megamenu__nonresponsive .shb-megamenu__toggle-body:hover .shb-standard-link--back,
.shb-megamenu__nonresponsive .shb-megamenu__toggle-body:focus .shb-standard-link--back,
.shb-megamenu__nonresponsive .shb-megamenu__toggle-body:hover .shb-new-window-link--gray,
.shb-megamenu__nonresponsive .shb-megamenu__toggle-body:focus .shb-new-window-link--gray {
  text-decoration: underline;
}
.shb-megamenu__nonresponsive .shb-megamenu__collapsible-menu {
  outline: none;
}
.shb-megamenu__nonresponsive .shb-megamenu__toggle-button {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  padding: 13px 10px 12px 10px;
  color: #005fa5;
  /* Cross browser inline block */
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  width: 940px;
  line-height: 17px;
}
.shb-megamenu__nonresponsive .shb-megamenu__toggle-button .shb-megamenu__link {
  font-weight: bold;
  filter: dropshadow(color=#fff, offx=0, offy=1);
}
.shb-megamenu__nonresponsive .shb-megamenu__toggle-button__icon {
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  padding-left: 33px;
  background-position: 0px -1075px;
  height: 19px;
  margin-top: -3px;
  padding-left: 25px;
  vertical-align: middle;
  margin-left: -1px;
}
.shb-megamenu__nonresponsive .shb-megamenu__toggle-button__assosiation-text {
  color: #666;
  font-size: 12px;
  font-style: italic;
  /* Set lineheight to 12 so the text wont take up more height */
  line-height: 12px;
}
.shb-megamenu__nonresponsive .shb-megamenu__menublock-container {
  overflow: hidden;
  margin: 0 -300px 21px -300px;
  /* margin-bottom: 21px; */
  min-width: 960px;
  display: inline-block;
  text-align: left;
}
.shb-megamenu__nonresponsive .shb-megamenu__menublock {
  vertical-align: top;
  margin-top: 10px;
  margin-right: 34px;
}
.shb-megamenu__nonresponsive .shb-megamenu__menublock > .shb-h3 {
  margin-bottom: 9px;
}
.shb-megamenu__nonresponsive .shb-megamenu__menublock:first-child {
  margin-left: 10px;
}
.shb-megamenu__nonresponsive .shb-megamenu__menublock__last {
  margin-right: 0;
  padding: 0;
}
.shb-megamenu__nonresponsive .shb-megamenu__linkcontainer {
  margin-top: 0;
  margin-bottom: 21px;
}
.shb-megamenu__nonresponsive .shb-megamenu__linkcontainer:last-child {
  margin-bottom: 0;
}
.shb-megamenu__nonresponsive .shb-megamenu__pipe {
  margin-top: 2px;
  border-right: 1px solid #bacfdc;
  margin-right: 34px;
  vertical-align: top;
  margin-bottom: -123456px;
  padding-bottom: 123456px;
}
.shb-megamenu__nonresponsive .shb-megamenu__tip-inspiration {
  margin-left: 10px;
}
.shb-megamenu__nonresponsive .shb-megamenu__tip-inspiration-icon {
  vertical-align: top;
}
.shb-megamenu__nonresponsive .shb-megamenu__fragment--is-empty {
  margin-bottom: 0;
}
.shb-megamenu__nonresponsive .shb-megamenu__menu-tronguide {
  position: relative;
}
.shb-megamenu__nonresponsive .shb-megamenu__menu-tronguide__linkblock {
  border-bottom: 1px solid #bacfdc;
  margin-bottom: 12px;
  padding-right: 5px;
  padding-bottom: 3px;
}
.shb-megamenu__nonresponsive .shb-megamenu__menu-tronguide__linkblock:last-child {
  border-bottom: none;
}
.shb-megamenu__nonresponsive .shb-megamenu__menu-tronguide__link {
  line-height: 20px;
}
.shb-megamenu__nonresponsive .shb-megamenu__menu-tronguide__text {
  font-size: 14px;
  margin-bottom: 24px;
  line-height: 20px;
}
.shb-megamenu__nonresponsive .shb-megamenu__menu-tronguide__text:last-child {
  margin-bottom: 10px;
}
shb-drawer-menu {
  position: absolute;
  top: 0;
  right: 0;
  width: 300px;
  z-index: 2;
  /*  TODO: remove this after Beta */
}
shb-drawer-menu .shb-bar-menu__a--active {
  font-weight: bold;
}
shb-drawer-menu .shb-drawer-menu__menu-container {
  background-color: #ebf4f7;
  border-left: 1px solid #005fa5;
  padding-top: 60px;
  display: none;
}
shb-drawer-menu .shb-drawer-menu__menu-container--expanded {
  display: block;
}
shb-drawer-menu .shb-drawer-menu__item {
  border-bottom: 1px solid #005fa5;
}
shb-drawer-menu .shb-drawer-menu__item:first-child {
  border-top: 1px solid #005fa5;
}
shb-drawer-menu .shb-drawer-menu__item--current {
  /* background-color: @SHB_HB1; */
}
shb-drawer-menu .shb-drawer-menu__expandable-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #e4e4e4;
}
shb-drawer-menu .shb-drawer-menu__item--hasSubMenu {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
shb-drawer-menu shb-icon-expand {
  padding: 12px 12px;
}
shb-drawer-menu shb-icon-expand:hover {
  cursor: pointer;
}
shb-drawer-menu .shb-drawer-menu__item__submenu {
  padding-left: 10px;
  background-color: #ffffff;
}
shb-drawer-menu .shb-drawer-menu__item__expandable {
  color: #005fa5;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  text-decoration: none;
  padding: 10px;
  display: block;
  border-bottom: none;
}
shb-drawer-menu .shb-drawer-menu__item-a {
  color: #005fa5;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  text-decoration: none;
  padding: 10px;
  display: block;
  border-bottom: 1px solid #e4e4e4;
}
shb-drawer-menu .shb-drawer-menu__item-a--current {
  /* color: @SHB_White; */
  font-weight: bold;
}
shb-drawer-menu .shb-drawer-menu__hamburger-toggle {
  box-sizing: border-box;
  background: transparent;
  border: 0;
  cursor: pointer;
  text-align: center;
  width: 60px;
  padding: 12px;
  right: 0px;
  position: absolute;
}
shb-drawer-menu .shb-drawer-menu__hamburger-toggle:focus .shb-hamburger__label {
  text-decoration: underline;
}
shb-drawer-menu .shb-drawer-menu__hamburger-toggle .shb-drawer-menu__hamburger-bar {
  margin-right: 9px;
  height: 12px;
  transform: translate(0, 1px);
  -ms-transform: translate(0, 1px);
  -webkit-transform: translate(0, 1px);
}
shb-drawer-menu .shb-drawer-menu__hamburger-toggle .shb-drawer-menu__hamburger-bar__first {
  width: 20px;
  border-bottom: 2px solid #ffffff;
  outline: 1px solid transparent;
  transition: all 0.2s ease-out;
  transform-origin: 2px 2px;
  -webkit-transform-origin: 2px 2px;
  -ms-transform-origin: 2px 2px;
}
shb-drawer-menu .shb-drawer-menu__hamburger-toggle .shb-drawer-menu__hamburger-bar__first--expanded {
  border-bottom-color: #005fa5;
  width: 19px;
  transform: rotate(45deg);
  margin-left: 0px;
}
shb-drawer-menu .shb-drawer-menu__hamburger-toggle .shb-drawer-menu__hamburger-bar__second {
  width: 20px;
  border-bottom: 2px solid #ffffff;
  outline: 1px solid transparent;
  transition: all 0.1s ease-out;
  margin-top: 3px;
}
shb-drawer-menu .shb-drawer-menu__hamburger-toggle .shb-drawer-menu__hamburger-bar__second--expanded {
  display: none;
}
shb-drawer-menu .shb-drawer-menu__hamburger-toggle .shb-drawer-menu__hamburger-bar__third {
  width: 20px;
  border-bottom: 2px solid #ffffff;
  outline: 1px solid transparent;
  transition: all 0.2s ease-out;
  transform-origin: 3px 1px;
  -webkit-transform-origin: 3px 1px;
  -ms-transform-origin: 3px 1px;
  margin-top: 3px;
}
shb-drawer-menu .shb-drawer-menu__hamburger-toggle .shb-drawer-menu__hamburger-bar__third--expanded {
  border-bottom-color: #005fa5;
  width: 19px;
  transform: rotate(-45deg);
  margin-top: 8px;
}
@media only screen and (min-width: 768px) {
  shb-drawer-menu .shb-drawer-menu__hamburger-toggle {
    display: none !important;
  }
}
shb-drawer-menu .shb-drawer-menu__hamburger-toggle span {
  text-decoration: none;
  color: #ffffff;
  padding-right: 12px;
  font-size: 12px;
}
shb-drawer-menu .shb-drawer-menu__hamburger-toggle .shb-hamburger__label--expanded {
  color: #005fa5;
}
shb-drawer-menu .shb-bar-menu__dd__wrapper {
  display: none;
  position: absolute;
  top: 43px;
  left: -8px;
  z-index: 100;
}
@media only screen and (max-width: 767px) {
  shb-drawer-menu .shb-bar-menu__dd__wrapper {
    display: none !important;
  }
}
shb-drawer-menu .shb-bar-menu__dd__box {
  position: absolute;
  clip: rect(0, 1000px, 1000px, -20px);
  min-width: 280px;
  font-size: 16px;
  background-color: #fff;
  border: 1px solid #dedede;
  border-top-width: 0;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
shb-drawer-menu .shb-bar-menu__dd__toplinks a,
shb-drawer-menu .shb-bar-menu__dd__bottomlinks a {
  display: block;
  text-align: center;
  vertical-align: middle;
  color: #005FA5;
  text-decoration: none;
  padding-left: 20px;
  padding-right: 20px;
}
shb-drawer-menu .shb-bar-menu__dd__toplinks a:hover,
shb-drawer-menu .shb-bar-menu__dd__bottomlinks a:hover {
  text-decoration: underline;
}
shb-drawer-menu .shb-bar-menu__dd__toplinks {
  background: #e5f2f6;
}
shb-drawer-menu .shb-bar-menu__dd__toplinks a {
  line-height: 22px;
}
shb-drawer-menu .shb-bar-menu__dd__bottomlinks {
  background: #f6f6f6;
}
shb-drawer-menu .shb-bar-menu__dd__bottomlinks a {
  line-height: 44px;
}
shb-drawer-menu .shb-bar-menu__dd__level-1 li {
  margin-top: 0;
  margin-bottom: 22px;
}
shb-drawer-menu .shb-bar-menu__dd__level-1 a {
  display: block;
  color: #005FA5;
  text-decoration: none;
}
shb-drawer-menu .shb-bar-menu__dd__level-1 a:hover {
  text-decoration: underline;
}
shb-drawer-menu .shb-bar-menu__dd__level-2 {
  padding-left: 20px;
}
shb-drawer-menu .shb-bar-menu__dd__block {
  flex-grow: 1;
  padding-left: 20px;
  padding-right: 20px;
  min-width: 170px;
  /* For some reason this makes the columns the same width. For example: If one column is pushed out to 250px, the other columns will also be 250px even though their menu item texts are shorter. */
  border-left: 1px solid #DEDEDE;
}
shb-drawer-menu .shb-bar-menu__dd__block:first-child {
  border-width: 0;
}
shb-drawer-menu .shb-bar-menu__dd__group {
  width: 100%;
}
shb-drawer-menu .shb-bar-menu__dd__blocks-wrapper {
  display: flex;
  margin-top: 13px;
  margin-bottom: 13px;
}
shb-drawer-menu .shb-bar-menu__dd__container {
  border-bottom: 2px solid #EFEFEF;
}
shb-drawer-menu .shb-bar-menu__dd__container:last-child {
  border-bottom: 0;
}
shb-drawer-menu .shb-bar-menu__dd__container a {
  display: inline-block;
}
shb-drawer-menu .shb-bar-menu__dd__level-1 {
  padding-left: 0;
}
@media print {
  shb-drawer-menu .shb-bar-menu__hamburger-toggle {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  shb-drawer-menu nav:nth-child(1) {
    display: none;
  }
}
shb-drawer-menu nav:nth-child(2) {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  shb-drawer-menu nav:nth-child(2) {
    display: none;
  }
}
shb-drawer-menu .shb-bar-menu__item {
  display: inline-block;
  position: relative;
  margin-right: 14px;
}
@media only screen and (max-width: 910px) {
  shb-drawer-menu .shb-bar-menu__item {
    margin-right: 7px;
  }
}
shb-drawer-menu a:focus {
  text-decoration: underline;
}
shb-drawer-menu a:hover,
shb-drawer-menu a:focus {
  outline: none;
  text-decoration: underline;
}
shb-drawer-menu a[disabled] {
  color: #aaa !important;
  cursor: default !important;
}
shb-drawer-menu a[disabled]:hover,
shb-drawer-menu a[disabled]:focus {
  text-decoration: none !important;
}
shb-drawer-menu .shb-bar-menu__item-a {
  padding-left: 12px;
  padding-right: 12px;
  color: #005fa5;
  line-height: 42px;
  /*  Plus 2px borders.. */
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  text-decoration: none;
}
shb-drawer-menu .shb-bar-menu__item-a:active {
  color: #043b62;
}
shb-drawer-menu .shb-bar-menu__item-a--current {
  font-weight: bold;
}
shb-drawer-menu .shb-bar-menu__dd__close {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 44px;
  width: 44px;
  height: 44px;
  border: 0;
  background: transparent;
}
shb-drawer-menu .shb-bar-menu__dd__close:hover > svg > path,
shb-drawer-menu .shb-bar-menu__dd__close:focus > svg > path {
  fill: #043b62;
}
shb-sub-menu .shb-sub-menu__container,
shb-sub-menu-x .shb-sub-menu__container {
  background-color: #ffffff;
  border-top: 3px solid #005fa5;
  border-radius: 4px;
}
shb-sub-menu .shb-sub-menu__level--selected,
shb-sub-menu-x .shb-sub-menu__level--selected {
  font-weight: bold;
}
shb-sub-menu .shb-sub-menu__level1,
shb-sub-menu-x .shb-sub-menu__level1 {
  border-bottom: 1px solid #ddd;
}
shb-sub-menu .shb-sub-menu__level1:last-child,
shb-sub-menu-x .shb-sub-menu__level1:last-child {
  border-bottom: 0;
  padding-bottom: 1px;
}
shb-sub-menu .shb-sub-menu__block,
shb-sub-menu-x .shb-sub-menu__block {
  margin-bottom: 10px;
  margin-left: 15px;
}
shb-sub-menu .shb-sub-menu__level1 .shb-sub-menu__header,
shb-sub-menu-x .shb-sub-menu__level1 .shb-sub-menu__header {
  /* font-family: @shb-bold-profile-font; */
  font-weight: bold;
  color: #005fa5;
  margin-top: 8px;
  margin-bottom: 8px;
  vertical-align: top;
  text-decoration: none;
  font-size: 14px;
  display: block;
}
shb-sub-menu .shb-sub-menu__level1 .shb-sub-menu__header:hover,
shb-sub-menu-x .shb-sub-menu__level1 .shb-sub-menu__header:hover,
shb-sub-menu .shb-sub-menu__level1 .shb-sub-menu__header:focus,
shb-sub-menu-x .shb-sub-menu__level1 .shb-sub-menu__header:focus {
  text-decoration: underline;
}
shb-top-menu,
shb-top-menu-x {
  /* TODO: remove this after Beta */
}
shb-top-menu .shb-top__nav,
shb-top-menu-x .shb-top__nav {
  background: #fff;
  border-bottom: 1px solid #d4d4d4;
}
shb-top-menu .shb-bar-menu__a--active,
shb-top-menu-x .shb-bar-menu__a--active {
  font-weight: bold;
}
shb-top-menu .shb-bar-menu__dd__wrapper,
shb-top-menu-x .shb-bar-menu__dd__wrapper {
  display: none;
  position: absolute;
  top: 43px;
  left: -8px;
  z-index: 100;
}
@media only screen and (max-width: 767px) {
  shb-top-menu .shb-bar-menu__dd__wrapper,
  shb-top-menu-x .shb-bar-menu__dd__wrapper {
    display: none !important;
  }
}
shb-top-menu .shb-bar-menu__dd__box,
shb-top-menu-x .shb-bar-menu__dd__box {
  position: absolute;
  clip: rect(0, 1000px, 1000px, -20px);
  min-width: 280px;
  font-size: 16px;
  background-color: #fff;
  border: 1px solid #dedede;
  border-top-width: 0;
  border-radius: 4px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
shb-top-menu .shb-bar-menu__dd__toplinks a,
shb-top-menu-x .shb-bar-menu__dd__toplinks a,
shb-top-menu .shb-bar-menu__dd__bottomlinks a,
shb-top-menu-x .shb-bar-menu__dd__bottomlinks a {
  display: block;
  text-align: center;
  vertical-align: middle;
  color: #005FA5;
  text-decoration: none;
  padding-left: 20px;
  padding-right: 20px;
}
shb-top-menu .shb-bar-menu__dd__toplinks a:hover,
shb-top-menu-x .shb-bar-menu__dd__toplinks a:hover,
shb-top-menu .shb-bar-menu__dd__bottomlinks a:hover,
shb-top-menu-x .shb-bar-menu__dd__bottomlinks a:hover {
  text-decoration: underline;
}
shb-top-menu .shb-bar-menu__dd__toplinks,
shb-top-menu-x .shb-bar-menu__dd__toplinks {
  background: #e5f2f6;
}
shb-top-menu .shb-bar-menu__dd__toplinks a,
shb-top-menu-x .shb-bar-menu__dd__toplinks a {
  line-height: 22px;
}
shb-top-menu .shb-bar-menu__dd__bottomlinks,
shb-top-menu-x .shb-bar-menu__dd__bottomlinks {
  background: #f6f6f6;
}
shb-top-menu .shb-bar-menu__dd__bottomlinks a,
shb-top-menu-x .shb-bar-menu__dd__bottomlinks a {
  line-height: 44px;
}
shb-top-menu .shb-bar-menu__dd__level-1 li,
shb-top-menu-x .shb-bar-menu__dd__level-1 li {
  margin-top: 0;
  margin-bottom: 22px;
}
shb-top-menu .shb-bar-menu__dd__level-1 a,
shb-top-menu-x .shb-bar-menu__dd__level-1 a {
  display: block;
  color: #005FA5;
  text-decoration: none;
}
shb-top-menu .shb-bar-menu__dd__level-1 a:hover,
shb-top-menu-x .shb-bar-menu__dd__level-1 a:hover {
  text-decoration: underline;
}
shb-top-menu .shb-bar-menu__dd__level-2,
shb-top-menu-x .shb-bar-menu__dd__level-2 {
  padding-left: 20px;
}
shb-top-menu .shb-bar-menu__dd__block,
shb-top-menu-x .shb-bar-menu__dd__block {
  flex-grow: 1;
  padding-left: 20px;
  padding-right: 20px;
  min-width: 170px;
  /* For some reason this makes the columns the same width. For example: If one column is pushed out to 250px, the other columns will also be 250px even though their menu item texts are shorter. */
  border-left: 1px solid #DEDEDE;
}
shb-top-menu .shb-bar-menu__dd__block:first-child,
shb-top-menu-x .shb-bar-menu__dd__block:first-child {
  border-width: 0;
}
shb-top-menu .shb-bar-menu__dd__group,
shb-top-menu-x .shb-bar-menu__dd__group {
  width: 100%;
}
shb-top-menu .shb-bar-menu__dd__blocks-wrapper,
shb-top-menu-x .shb-bar-menu__dd__blocks-wrapper {
  display: flex;
  margin-top: 13px;
  margin-bottom: 13px;
}
shb-top-menu .shb-bar-menu__dd__container,
shb-top-menu-x .shb-bar-menu__dd__container {
  border-bottom: 2px solid #EFEFEF;
}
shb-top-menu .shb-bar-menu__dd__container:last-child,
shb-top-menu-x .shb-bar-menu__dd__container:last-child {
  border-bottom: 0;
}
shb-top-menu .shb-bar-menu__dd__container a,
shb-top-menu-x .shb-bar-menu__dd__container a {
  display: inline-block;
}
shb-top-menu .shb-bar-menu__dd__level-1,
shb-top-menu-x .shb-bar-menu__dd__level-1 {
  padding-left: 0;
}
shb-top-menu .shb-bar-menu__hamburger-toggle:focus .shb-hamburger__label,
shb-top-menu-x .shb-bar-menu__hamburger-toggle:focus .shb-hamburger__label {
  text-decoration: underline;
}
shb-top-menu .shb-bar-menu__hamburger-toggle,
shb-top-menu-x .shb-bar-menu__hamburger-toggle {
  box-sizing: border-box;
  background: transparent;
  border: 0;
  cursor: pointer;
  text-align: left;
  width: 100%;
  padding-left: 12px;
}
@media only screen and (min-width: 768px) {
  shb-top-menu .shb-bar-menu__hamburger-toggle,
  shb-top-menu-x .shb-bar-menu__hamburger-toggle {
    display: none !important;
  }
}
shb-top-menu .shb-bar-menu__hamburger-toggle span,
shb-top-menu-x .shb-bar-menu__hamburger-toggle span {
  text-decoration: none;
  color: #043b62;
  line-height: 42px;
  /* Plus 2px borders.. */
  padding-right: 12px;
}
@media print {
  shb-top-menu .shb-bar-menu__hamburger-toggle,
  shb-top-menu-x .shb-bar-menu__hamburger-toggle {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  shb-top-menu nav:nth-child(1),
  shb-top-menu-x nav:nth-child(1) {
    display: none;
  }
}
shb-top-menu nav:nth-child(2),
shb-top-menu-x nav:nth-child(2) {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}
@media only screen and (max-width: 767px) {
  shb-top-menu nav:nth-child(2),
  shb-top-menu-x nav:nth-child(2) {
    display: none;
  }
}
shb-top-menu .shb-bar-menu__item,
shb-top-menu-x .shb-bar-menu__item {
  display: inline-block;
  position: relative;
  margin-right: 14px;
}
@media only screen and (max-width: 910px) {
  shb-top-menu .shb-bar-menu__item,
  shb-top-menu-x .shb-bar-menu__item {
    margin-right: 7px;
  }
}
shb-top-menu .shb-bar-menu__item--current,
shb-top-menu-x .shb-bar-menu__item--current {
  background-color: #005fa5;
}
shb-top-menu a:focus,
shb-top-menu-x a:focus {
  text-decoration: underline;
}
shb-top-menu a:hover,
shb-top-menu-x a:hover,
shb-top-menu a:focus,
shb-top-menu-x a:focus {
  outline: none;
  text-decoration: underline;
}
shb-top-menu a[disabled],
shb-top-menu-x a[disabled] {
  color: #aaa !important;
  cursor: default !important;
}
shb-top-menu a[disabled]:hover,
shb-top-menu-x a[disabled]:hover,
shb-top-menu a[disabled]:focus,
shb-top-menu-x a[disabled]:focus {
  text-decoration: none !important;
}
shb-top-menu .shb-bar-menu__item-a,
shb-top-menu-x .shb-bar-menu__item-a {
  padding-left: 12px;
  padding-right: 12px;
  color: #005fa5;
  line-height: 42px;
  /* Plus 2px borders.. */
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  text-decoration: none;
}
shb-top-menu .shb-bar-menu__item-a:active,
shb-top-menu-x .shb-bar-menu__item-a:active {
  color: #043b62;
}
shb-top-menu .shb-bar-menu__item-a--current,
shb-top-menu-x .shb-bar-menu__item-a--current {
  color: #ffffff;
  text-decoration: none !important;
}
shb-top-menu .shb-bar-menu__dd__close,
shb-top-menu-x .shb-bar-menu__dd__close {
  position: absolute;
  right: 0;
  top: 0;
  line-height: 44px;
  width: 44px;
  height: 44px;
  border: 0;
  background: transparent;
}
shb-top-menu .shb-bar-menu__dd__close:hover > svg > path,
shb-top-menu-x .shb-bar-menu__dd__close:hover > svg > path,
shb-top-menu .shb-bar-menu__dd__close:focus > svg > path,
shb-top-menu-x .shb-bar-menu__dd__close:focus > svg > path {
  fill: #043b62;
}
/* cms */
.shb-communication-modules__call-to-action-link {
  position: relative;
  box-sizing: border-box;
  border: 1px solid #dedede;
  border-top: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #ffffff;
  color: #005fa5;
  padding: 24px;
  text-decoration: none;
  width: 100%;
  border-radius: 0 0 8px 8px;
  transition: 0.1s ease-out background-color;
}
.shb-communication-modules__call-to-action-link:focus::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: calc(100% - 2px);
  border: 1px solid #005fa5;
  border-radius: 0 0 8px 8px;
}
.shb-communication-modules__call-to-action-link:focus button {
  background-color: #005fa5;
}
.shb-communication-modules__call-to-action-link:focus button path {
  fill: #ffffff;
}
.shb-communication-modules__call-to-action-link:hover {
  background-color: #eaf4f7;
  text-decoration: underline;
}
.shb-communication-modules__call-to-action-link--card {
  border: 0;
}
.shb-communication-modules__call-to-action-link--transparent {
  border: 0;
  background-color: transparent;
}
.shb-communication-modules__call-to-action-link--transparent:hover {
  background-color: rgba(234, 244, 247, 0.2);
}
.shb-communication-modules__call-to-action-link button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  user-select: none;
  border: 0;
  padding: 0;
  border-radius: 4px;
  background-color: transparent;
}
.shb-communication-modules__call-to-action-link button:hover {
  background-color: #005fa5;
}
.shb-communication-modules__call-to-action-link button:hover path {
  fill: #ffffff;
}
.shb-communication-modules__call-to-action-button {
  position: relative;
  border: 1px solid #dedede;
  border-top: 0;
  background-color: #ffffff;
  border-radius: 0 0 8px 8px;
  padding: 16px 24px;
  text-align: right;
}
.shb-communication-modules__call-to-action-button--inside-card,
.shb-communication-modules__call-to-action-button--outside-card {
  border: 0;
}
.shb-communication-modules__call-to-action-button--outside-card {
  padding-top: 8px;
}
.shb-communication-modules__call-to-action-button--transparent {
  background-color: transparent;
  border: 0;
}
.shb-communication-modules__image {
  box-sizing: border-box;
  border-radius: 8px;
  border: 1px solid #dedede;
  overflow: hidden;
}
.shb-communication-modules__image > img {
  height: 240px;
  object-fit: cover;
  width: 100%;
  vertical-align: top;
}
@media only screen and (min-width: 768px) {
  .shb-communication-modules__image > img {
    height: auto;
  }
}
.shb-communication-modules__image--coupled {
  border-bottom: 0;
  border-radius: 8px 8px 0 0;
}
.shb-communication-modules__image--inside-card > img {
  object-position: top;
}
.shb-communication-modules__image-tag {
  position: absolute;
  left: 1px;
  top: 24px;
  padding: 12px 24px;
  border-radius: 0 8px 8px 0;
  max-width: calc(100% - (16px * 4.5));
}
.shb-communication-modules__image-tag > span {
  color: #ffffff;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.shb-communication-modules__image-tag--blue {
  background: #005fa5;
  background: linear-gradient(90deg, #017ab2 0%, #005fa5 100%);
}
.shb-communication-modules__image-tag--pink {
  background: #de1371;
}
.shb-communication-modules__image-tag--green {
  background: #007b45;
}
.shb-communication-modules__expansion {
  border: 1px solid #dedede;
  border-top: 0;
  border-radius: 0 0 8px 8px;
}
.shb-communication-modules__expansion--card {
  border: 0;
}
.shb-communication-modules__expansion--transparent {
  border: 0;
}
.shb-communication-modules__expansion--transparent .shb-expansion-panel {
  background-color: transparent;
}
.shb-communication-modules__expansion .shb-expansion-panel {
  border: 0;
  border-radius: 0 0 8px 8px;
}
.shb-communication-modules__expansion .shb-expansion-panel .shb-expansion-panel__summary {
  font-size: 18px;
}
.shb-communication-modules__expansion .shb-expansion-panel .shb-expansion-panel__summary-wrapper {
  padding: 24px;
}
.shb-communication-modules__expansion .shb-expansion-panel .shb-expansion-panel__summary-wrapper.expanded {
  border-radius: 0;
}
.shb-communication-modules__expansion .shb-expansion-panel .shb-expansion-panel__summary-wrapper.collapsed {
  border-radius: 0 0 8px 8px;
}
.shb-communication-modules__expansion .shb-expansion-panel .shb-expansion-content__details {
  padding: 24px;
}
.shb-communication-modules__expansion img {
  width: 100%;
}
.shb-communication-modules__card-content {
  padding: 24px;
  border: 1px solid #dedede;
  border-bottom: 0px;
  background-color: #ffffff;
  border-radius: 8px 8px 0 0;
}
.shb-communication-modules__card-content .shb-text-2,
.shb-communication-modules__card-content h2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 8;
  -webkit-box-orient: vertical;
}
.shb-communication-modules__card-content .shb-text-2 p:first-of-type {
  margin-top: 0;
}
.shb-communication-modules__card-content .shb-text-2 p:last-of-type {
  margin-bottom: 0;
}
.shb-communication-modules__card-content > h2 {
  margin-bottom: 8px;
  -webkit-line-clamp: 4;
}
.shb-communication-modules__card-content--card {
  background-color: transparent;
  border: 0;
  border-radius: 0;
}
.shb-communication-modules__card-content--heading-blue,
.shb-communication-modules__card-content--heading-red {
  border-radius: 0;
  border-top: 0;
}
.shb-communication-modules__card-content--heading-blue > h2 {
  color: #1b9dc3;
}
.shb-communication-modules__card-content--heading-red > h2 {
  color: #c83d2a;
}
.shb-communication-modules__outside-card {
  border-radius: 8px;
  background-color: #ffffff;
  box-shadow: 0 3px 30px 0px rgba(0, 0, 0, 0.08);
  margin: 24px;
  margin-top: 0;
  position: relative;
}
.shb-communication-modules__outside-card--has-image {
  margin-top: -48px;
}
.shb-communication-modules__hide-module-icon-button {
  position: absolute;
  top: 16px;
  right: 16px;
}
.shb-communication-modules__hide-module-wrapper {
  position: relative;
}
.shb-communication-modules__inside-card {
  border-radius: 8px;
  box-shadow: 0 3px 30px 0px rgba(0, 0, 0, 0.08);
  overflow: hidden;
  backdrop-filter: blur(16px);
}
.shb-communication-modules__inside-card-content {
  position: relative;
  background: linear-gradient(125deg, #ffffff 0%, rgba(255, 255, 255, 0.3) 100%);
}
@-moz-document url-prefix() {
  .shb-communication-modules__inside-card-content {
    background: linear-gradient(125deg, #ffffff 0%, rgba(255, 255, 255, 0.75) 100%);
  }
}
.shb-communication-modules__inside-card-content > h2 {
  margin-bottom: 8px;
}
.shb-communication-modules__card-accent-bar {
  width: 100%;
  height: 8px;
  box-sizing: border-box;
  background-color: #c83d2a;
  border-radius: 8px 8px 0 0;
}
.shb-communication-modules__card-accent-bar--red {
  background-color: #c83d2a;
}
.shb-communication-modules__card-accent-bar--blue {
  background-color: #1b9dc3;
}
.shb-communication-modules__card-accent-bar--has-image {
  border-radius: 0;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
}
.shb-communication-modules__card-image-and-content {
  padding: 24px;
  padding-bottom: 0;
  border-radius: 8px 8px 0 0;
  background-color: transparent;
}
.shb-communication-modules__card-image-and-content h3 {
  margin-bottom: 16px;
}
.shb-communication-modules__card-image-and-content-layout {
  display: flex;
}
.shb-communication-modules__card-image-and-content-layout .image-content {
  max-width: 192px;
  display: none;
}
@media only screen and (min-width: 768px) {
  .shb-communication-modules__card-image-and-content-layout .image-content {
    margin-right: 16px;
    display: block;
  }
}
.shb-communication-modules__card-image-and-content-layout .image-content img {
  width: 100%;
}
.shb-communication-modules__card-image-and-content-layout .text-content {
  max-width: 65ch;
}
@media only screen and (min-width: 768px) {
  .shb-communication-modules__card-image-and-content-layout .text-content {
    margin-top: 0;
  }
}
@media only screen and (min-width: 768px) {
  .shb-communication-modules__card-image-and-content-layout .text-content--has-image {
    margin-top: 16px;
  }
}
.shb-sales-inside-card {
  position: relative;
  background-position: center top;
  background-size: cover;
  border-radius: 8px;
  padding: 24px;
  padding-top: calc(70% + (16px * 2));
}
.shb-additional-content {
  border-radius: 0 0 8px 8px;
}
.shb-additional-content--default {
  background-color: #ffffff;
}
.shb-additional-content--dark {
  background: linear-gradient(135deg, #005fa5 0%, #043b62 100%);
}
.shb-additional-content--light {
  background: linear-gradient(135deg, #005fa5 0%, #42b5d7 100%);
}
.shb-additional-content--dark .shb-title-5,
.shb-additional-content--light .shb-title-5,
.shb-additional-content--dark .shb-text-2,
.shb-additional-content--light .shb-text-2,
.shb-additional-content--dark .shb-text,
.shb-additional-content--light .shb-text {
  color: #ffffff;
}
.shb-additional-content--dark .shb-communication-modules__call-to-action-link,
.shb-additional-content--light .shb-communication-modules__call-to-action-link {
  color: #ffffff;
}
.shb-additional-content--dark .shb-communication-modules__call-to-action-link svg > g > path,
.shb-additional-content--light .shb-communication-modules__call-to-action-link svg > g > path {
  fill: #ffffff;
}
.shb-additional-content--dark .shb-communication-modules__call-to-action-link:focus::before,
.shb-additional-content--light .shb-communication-modules__call-to-action-link:focus::before {
  border: 1px solid #c4e2eb;
}
/* grid */
/* # Data Grids

The important classes are `shb-grid__header`, `shb-grid__header__cell`. `shb-grid__header__row`
and `shb-grid__row`.

    <table class="shb-grid">
      <thead class="shb-grid__header">
        <tr class="shb-grid__header__row">
          <th class="shb-grid__header__cell shb-grid__header__cell--sorted">Namn</th>
          <th class="shb-grid__header__cell shb-click">Valuta</th>
          <th class="shb-grid__header__cell shb-money">Saldo</th>
        </tr>
      </thead>
      <tbody>
        <tr class="shb-grid__row">
          <th class="shb-grid__cell">Allkonto</th>
          <td>SEK</td>
          <td class="shb-money">21 000,00</td>
        </tr>
        <tr class="shb-grid__row">
          <th class="shb-grid__cell">Sparkonto</th>
          <td>SEK</td>
          <td class="shb-money">98 000,00</td>
        </tr>
        <tr class="shb-grid__row">
          <th class="shb-grid__cell">Semesterkonto</th>
          <td>SEK</td>
          <td class="shb-money">123 645,00</td>
        </tr>
      </tbody>
    </table>

 */
.shb-grid {
  font-size: 16px;
  color: #222222;
  font-family: "Roboto", sans-serif;
  border-bottom: 1px solid #dedede;
  width: 100%;
}
.shb-grid .shb-text-money {
  text-align: right;
}
.shb-grid > tbody > tr > th,
.shb-grid > tbody > tr > td {
  height: 42px;
}
.shb-grid > thead > tr > td,
.shb-grid > thead > tr > th,
.shb-grid > tbody > tr > td,
.shb-grid > tbody > tr > th {
  text-align: left;
}
.shb-grid .shb-grid__normal-cell {
  height: auto;
  vertical-align: top;
  padding: 12px 9px 12px 9px;
  line-height: 0;
  border-bottom: 1px solid #dedede;
}
.shb-grid .shb-grid__normal-cell__clip-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.shb-grid .shb-grid__normal-cell__small-text {
  font-size: 10px;
  color: #222;
}
.shb-grid .shb-grid__normal-cell__first-in-column-group {
  border-left: 1px solid #dedede;
}
.shb-grid.shb-grid--standalone {
  border: 1px solid #dedede;
}
/* no support for :last-child in IE7 och IE8  */
.shb-grid:last-child {
  border-bottom: none;
}
.shb-grid__header {
  font-size: 14px;
}
.shb-grid__header__row,
.shb-grid__footer__row,
.shb-grid__header__row--fixed {
  background-color: #f6f6f6;
  color: #333;
}
.shb-grid__header__row--fixed {
  height: 0;
}
.shb-grid__header__row > th,
.shb-grid__footer__row > td {
  padding: 7px 9px 8px 9px;
  border-bottom: 1px solid #dedede;
}
.shb-grid__header__cell {
  text-align: left;
  padding: 0;
}
.shb-grid__header__cell--align-top {
  vertical-align: top;
}
.shb-grid__column--sortable {
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-right: 11px;
  background-position: right -487px;
}
.shb-grid__column--sortable-visible {
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-right: 11px;
  background-position: right -969px;
}
.shb-grid__column--sortable-visible.shb-grid-column__ascending {
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-right: 11px;
  background-position: right -1746px;
}
.shb-grid__column--sortable-visible.shb-grid-column__descending {
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-right: 11px;
  background-position: right -1709px;
}
.shb--clickable:focus .shb-grid__column--sortable-visible,
.shb--clickable:hover .shb-grid__column--sortable-visible {
  text-decoration: underline;
}
.shb--clickable:focus .shb-grid__column--sortable {
  text-decoration: underline;
}
.shb-grid__column--sortable-left {
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-left: 19px;
  background-position: left -1671px;
}
.shb-grid__header__cell.shb--clickable:focus .shb-grid__column--sortable,
.shb-grid__header__text--fixed.shb--clickable:focus .shb-grid__column--sortable,
.shb-grid__header__cell.shb--clickable:hover .shb-grid__column--sortable,
.shb-grid__header__text--fixed.shb--clickable:hover .shb-grid__column--sortable {
  text-decoration: underline;
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-right: 11px;
  background-position: right -1005px;
}
.shb-grid__header__cell.shb--clickable:focus .shb-grid__column--sortable-left,
.shb-grid__header__text--fixed.shb--clickable:focus .shb-grid__column--sortable-left,
.shb-grid__header__cell.shb--clickable:hover .shb-grid__column--sortable-left,
.shb-grid__header__text--fixed.shb--clickable:hover .shb-grid__column--sortable-left {
  text-decoration: underline;
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-left: 19px;
  background-position: left -1597px;
}
.shb-grid__header__cell__last-child,
.shb-grid__header__cell:last-child {
  border-right: none;
}
.shb-grid__header__text--fixed {
  position: absolute;
  top: -31px;
  width: inherit;
  height: 15px;
  padding: 8px 9px 7px 9px;
  border-bottom: 1px solid #dedede;
  background-color: #f6f6f6;
}
.shb-grid__header__text--fixed.shb-grid__header__text--double-row {
  top: -44px;
  height: 28px;
}
@media print {
  .shb-grid__header__text--fixed {
    position: static;
  }
}
.shb-grid__header__cell--sorted {
  background-color: #eaeaea;
}
.shb-grid__row {
  line-height: 16px;
  transition: 0.2s background-color;
}
.shb-grid__row > th {
  font-weight: normal;
}
.shb-grid__row > td,
.shb-grid__row > th {
  padding: 0 9px;
}
.shb-grid__row:last-child > td,
.shb-grid__row:last-child > th {
  border-bottom: none;
}
.shb-grid__row:hover.shb--clickable,
.shb-grid__row--has-focus.shb--clickable {
  background-color: #f0f8fa;
  visibility: visible;
}
.shb-grid__row:hover.shb--clickable a,
.shb-grid__row--has-focus.shb--clickable a {
  text-decoration: underline;
}
.shb-grid__row:hover .shb-grid__row__link {
  text-decoration: underline;
}
.shb-grid__cell {
  border-bottom: 1px solid #dedede;
}
.shb-grid > tbody {
  background-color: #fff;
}
.shb-grid__fixed > table > thead,
.shb-grid__fixed > table > thead > th {
  position: absolute;
  display: block;
  left: -1000px;
  top: -1000px;
  overflow: hidden;
  height: 0;
}
/* Can this be removed? Not used */
.shb-grid__fixed {
  display: block;
  overflow-y: auto;
  border-bottom: 1px solid #d4d4d4;
}
/*
## Comments in Grids

    <table class="shb-grid">
      <tbody>
          <tr class="shb-grid__row">
            <td><span class="shb-grid__comment">Kommentar</span></td>
          </tr>
      </tbody>
    </table>

*/
.shb-grid__comment {
  color: #666;
  visibility: hidden;
}
.shb-grid__text--special {
  font-size: 12px;
  color: #666;
}
.shb-grid__text--small {
  font-size: 14px;
  color: #222222;
}
/*
Error text in grids, for example "Value is not available"
Information/message text in grids, for example "Redovisas på kontot"
*/
.shb-grid__error-text,
.shb-grid__info-text {
  font-size: 14px;
  font-weight: normal;
}
.shb-grid__row__standalone {
  border-top: 1px solid #dedede;
}
.shb-grid__row__standalone > a > div:hover {
  border-radius: 0 0 7px 7px;
}
.shb-grid__sumrow__standalone {
  border-top: 1px solid #dedede;
  font-weight: bold;
  vertical-align: middle;
}
.shb-grid__sumrow__standalone > th {
  font-weight: bold;
}
.shb-grid__sumrow__standalone:hover {
  background-color: #fff;
  border-radius: 0 0 7px 7px;
}
.shb-grid__row > .shb-grid__cell-group-header {
  font-size: 14px;
  font-weight: 700;
  color: #043b62;
  height: 30px;
  background-color: #e1f0f5;
}
.shb-grid__cell-group-header__text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 580px;
}
.shb-grid__link-container {
  text-align: center;
}
.shb-grid__link:focus .shb-grid__link-text {
  text-decoration: underline;
  outline: none;
}
.shb-grid__link-text-container {
  width: 618px;
  transition: 0.2s background-color;
}
.shb-grid__link-text-container:hover {
  background-color: #f0f8fa;
}
.shb-grid__link-text-container:hover .shb-grid__link-text {
  text-decoration: underline;
  outline: none;
}
body:not(.non-responsive) .shb-grid__link-text-container {
  width: auto;
}
.shb-grid__link-text {
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  padding-right: 26px;
  background-position: right -114px;
  /* TODO: Use display: inline-block instead and remove this! */
  /* TODO: Don't use. Just use display:inline-block instead */
  /* TODO: Use display: inline-block instead and remove this! */
  display: inline-block;
  font-size: 14px;
  padding: 12px 26px 12px 10px;
  line-height: 18px;
}
/* tab grids. */
.shb-grid-tab {
  display: inline-block;
  border: solid 1px #dedede;
  border-radius: 4px 4px 0 0;
  padding: 4px 6px;
  margin-top: 10px;
  background-color: #fff;
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
}
.shb-grid-tab__selected {
  background-color: #f6f6f6;
  border-bottom: solid 1px #f6f6f6;
}
.shb-grid-tab__spacer {
  display: inline-block;
  border-bottom: solid 1px #dedede;
  vertical-align: bottom;
}
.shb-grid-tab__first {
  margin-left: 200px;
}
.shb-grid-tab a {
  text-decoration: none;
}
.shb-grid__hidden {
  display: none;
}
/* # Fixed Grid

In order to get a grid with a fixed header you'll need to wrap the table-element
inside three (3) div-elements (shb-fixed-grid-wrapper, shb-fixed-grid-outer
and shb-fixed-grid-inner), add a max-height to the inner div (shb-fixed-grid-inner)
and finally call "SHB.yoda.kit.GridUtil.alignFloatingHeader(table);"
where "table" is the table-element.



Example:

    <div class="shb-fixed-grid-wrapper">
      <div class="shb-fixed-grid-outer">
        <div class="shb-fixed-grid-inner" style="max-height:50px;">
          <table>
            <thead>
              <tr>
                <th>Price</th>
              </tr>
            </thead>
            <tbody>
              <tr>
                <td>1</td>
              </tr>
              <tr>
                <td>2</td>
              </tr>
              <tr>
                <td>3</td>
              </tr>
              <tr>
                <td>4</td>
              </tr>
              <tr>
                <td>5</td>
              </tr>
              <tr>
                <td>6</td>
              </tr>
              <tr>
                <td>7</td>
              </tr>
              <tr>
                <td>8</td>
              </tr>
              <tr>
                <td>9</td>
              </tr>
              <tr>
                <td>10</td>
              </tr>
            </tbody>
          </table>
        </div>
      </div>
    </div>

*/
.shb-fixed-grid-wrapper {
  background-color: #f6f6f6;
  padding-top: 31px;
  overflow: hidden;
  border-radius: 0 0 8px 8px;
}
.shb-fixed-grid-wrapper.shb-fixed-grid-wrapper--headless {
  padding-top: 0;
}
.shb-fixed-grid-wrapper.shb-fixed-grid-wrapper--border {
  border: 1px solid #dedede;
}
.shb-fixed-grid-wrapper.shb-fixed-grid-wrapper--border-top {
  border-top: 1px solid #dedede;
}
.shb-fixed-grid-wrapper.shb-fixed-grid-wrapper--double-row-header {
  padding-top: 44px;
}
@media print {
  .shb-fixed-grid-wrapper {
    padding-top: 0;
  }
}
.shb-fixed-grid-wrapper-footer {
  padding-bottom: 35px;
  /* makes space for tfoot td elements */
}
.shb-fixed-grid-wrapper-footer-1 {
  padding-bottom: 42px;
  /* makes space for tfoot td elements */
}
.shb-fixed-grid-wrapper-footer-2 {
  padding-bottom: 84px;
  /* makes space for tfoot td elements */
}
.shb-fixed-grid-wrapper table {
  border-spacing: 0;
  /* css reset */
}
.shb-fixed-grid-outer {
  position: relative;
}
.shb-fixed-grid-inner {
  overflow-y: auto;
  max-height: 410px;
  /* If you change this height you must also change GridUtil.setScrollBorderOnGrid */
  background-color: #fff;
}
.shb-fixed-grid-inner-small {
  /* 7,5 rows */
  overflow-y: auto;
  max-height: 324px;
  /* If you change this height you must also change GridUtil.setScrollBorderOnGrid */
  background-color: #fff;
}
.shb-fixed-grid-inner-x-small {
  /* 5,5 rows */
  overflow-y: auto;
  max-height: 239px;
  /* If you change this height you must also change GridUtil.setScrollBorderOnGrid */
  background-color: #fff;
}
.shb-fixed-grid-inner.shb-fixed-grid-inner--no-scroll,
.shb-fixed-grid-inner-small.shb-fixed-grid-inner--no-scroll,
.shb-fixed-grid-inner-x-small.shb-fixed-grid-inner--no-scroll {
  overflow-y: auto;
  overflow-x: hidden;
}
.shb-fixed-grid-inner.shb-fixed-grid-inner--scroll-border,
.shb-fixed-grid-inner-small.shb-fixed-grid-inner--scroll-border,
.shb-fixed-grid-inner-x-small.shb-fixed-grid-inner--scroll-border {
  border-bottom: 2px solid #dedede;
}
.shb-fixed-grid-outer tfoot tr {
  position: absolute;
  bottom: -35px;
  /* same as .shb-fixed-grid-wrapper {padding-bottom} */
  left: 0;
}
/* Flexible width columns

 */
.shb-flexible-grid-columns__header__force-width--hidden {
  visibility: hidden;
  padding: 0px 20px 0px 9px;
  height: 0;
  overflow: hidden;
  white-space: nowrap;
}
.shb-flexible-grid-columns__header--right {
  direction: rtl;
}
.shb-flexible-grid-columns__header--right > .shb-grid__header__text--fixed {
  direction: ltr;
}
.shb-flexible-grid-columns__td--exact {
  width: 1px;
  white-space: nowrap;
  line-height: 18px;
  vertical-align: top;
}
.shb-flexible-grid-columns__content--exact {
  display: inline-block;
  line-height: 18px;
  vertical-align: top;
}
.shb-flexible-grid-columns__content--remaining-space {
  /* Needs width and white-space: nowrap in order to work. They are added by GridUtil. */
  /* Needs height in order to prevent sorting from having higher lines a short while while calculating*/
  display: inline-block;
  word-break: break-all;
  /* word-break is needed before the calculation in GridUtil. Is removed once the calculation is done.*/
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 18px;
}
/* # Fixed Grid

In order to get a grid with a fixed header you'll need to wrap the table-element
inside three a div-elements (shb-fixed_grid_simple__wrapper).

To make it work you need fixed with that ad up to the table with.
TODO: find a way to make this work with flexibe width

Example:
<div class="shb-fixed_grid_simple__wrapper">
  <table class="shb-grid">
      <thead class="shb-grid__header">
        <tr class="shb-grid__header__row">
            <th class="shb-grid__header__cell">Namn</th>
            <th class="shb-grid__header__cell">Adress</th>
            <th class="shb-grid__header__cell">Födelsedatum</th>
            <th class="shb-grid__header__cell">Kundnummer</th>
            <th class="shb-grid__header__cell">Branch</th>
            <th class="shb-grid__header__cell">Phone number</th>
            <th class="shb-grid__header__cell">closed</th>
        </tr>
      </thead>
      <tbody>
        <tr class="shb-grid__row shb--clickable">
          <th class="shb-grid__cell shb-grid__row__link "><a href="#">{customer.involvedPartyFullName}</a></th>
          <td class="">{customer.postalAddress}</td>
          <td class="">{customer.dateOfBirth}</td>
          <td class="">{customer.customerNumber}</td>
          <td class="">{customer.branchResponsibleForInvolvedParty}</td>
          <td class="">{customer.phoneNumber}</td>
          <td class="">{customer.closedInAllCountries.toString()}</td>
          </tr>
      </tbody>
    </table>
</div>

*/
.shb-fixed_grid_simple__wrapper {
  max-height: 400px;
  overflow-x: scroll;
  margin-top: 30px;
}
.shb-fixed_grid_simple__wrapper thead {
  position: absolute;
  top: -30px;
}
.shb-loader {
  width: 100%;
  height: 100%;
}
.shb-loader--mask {
  z-index: 1000;
  background-image: url('../../../img/jedi/base/kit/transparent_50.png');
}
.shb-loader--embedded {
  position: absolute;
}
.shb-loader--full-page {
  position: fixed;
  top: 0;
  left: 0;
}
.shb-loader__body {
  margin-top: -16px;
  position: absolute;
  top: 50%;
  width: 100%;
  padding: 0 32px;
  box-sizing: border-box;
}
.shb-loader__icon {
  margin-left: auto;
  margin-right: auto;
  width: 32px;
  height: 32px;
  background-image: url('../../../img/jedi/base/kit/ajax-loader.gif');
}
.shb-loader__logo {
  margin: 0 auto 30px auto;
  display: block;
}
.shb-list {
  list-style: none;
  list-style-position: outside;
  padding: 0;
  margin: 0;
  display: block;
}
.shb-list__item {
  border-bottom: 1px solid #dedede;
  display: block;
  margin: 0;
  padding: 0;
  transition: 0.2s all;
}
.shb-list__item--alt .shb-link--boxed {
  padding: 12px 24px;
}
.shb-list__item-header {
  font-size: 14px;
  padding: 8px 10px 7px 10px;
  line-height: 15px;
  display: block;
  margin: 0;
  font-weight: bold;
  background: #f6f6f6;
  color: #333333;
  border-bottom: 1px solid #dedede;
}
.shb-list__item.shb-list__item--boxed {
  padding: 8px 10px 8px 10px;
}
.shb-list__item--alt .shb-link--boxed {
  padding: 12px 24px;
}
.shb-list__item:last-child,
.shb-list__item.last-child {
  border: none;
  border-radius: 0 0 7px 7px;
}
.shb-list__item:hover {
  background-color: #f0f8fa;
}
/* general rules for turning off last items border and margin */
/* no border and margin under last item */
.shb-last-item--vertical {
  border-bottom: none;
  margin-bottom: 0;
}
/* no border and margin to the right */
.shb-last-item--horizontal {
  border-right: none;
  margin-right: 0;
}
.shb-bullet-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.shb-bullet-list__item {
  font-size: 16px;
  color: #222222;
  margin-bottom: 16px;
  padding-left: 16px;
  position: relative;
}
.shb-bullet-list__item.shb-text--dark {
  color: #043b62;
}
.shb-bullet-list__item:last-child {
  margin-bottom: 0;
}
.shb-bullet-list__item::before {
  position: absolute;
  content: " ";
  display: inline-block;
  background: #005fa5;
  border-radius: 50%;
  height: 8px;
  width: 8px;
  top: 8px;
  left: 0;
}
/* Used in dust templates and custom elements */
/*

<label class="shb-checkbox-label shb--clickable">
    <input data-name="{text}" data-href="{href}" type="checkbox" value="{href}" {?checked} checked {/checked} class="shb-checkbox-hidden shb--screen-reader">
    <span class="shb-checkbox"></span>
    <span class="shb-text">{text}</span>
</label>

*/
.shb-checkbox {
  display: inline-block;
  vertical-align: bottom;
  margin-right: 10px;
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -829px;
  width: 20px;
  height: 20px;
}
.shb-checkbox-label {
  position: relative;
  display: block;
  padding: 11px 15px;
}
/* do not use width:0;overflow:hidden; since Safari makes it impossible to tab to such elements */
.shb-checkbox-hidden {
  left: -10000px;
  position: absolute;
  height: 20px;
  /* 20px since its the height of the "visible" checkbox and we need to scroll correctly */
}
.shb-checkbox-hidden:focus ~ .shb-checkbox {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -514px;
  width: 20px;
  height: 20px;
  outline: none;
}
.shb-checkbox-hidden:checked ~ .shb-checkbox {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -784px;
  width: 20px;
  height: 20px;
}
.shb-checkbox-hidden:checked:focus ~ .shb-checkbox {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -739px;
  width: 20px;
  height: 20px;
}
.shb-checkbox-label:hover .shb-checkbox,
.js-shb-label:hover .shb-checkbox {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -514px;
  width: 20px;
  height: 20px;
}
.shb-checkbox-label:hover .shb-checkbox-hidden:checked ~ .shb-checkbox,
.js-shb-label:hover .shb-checkbox-hidden:checked ~ .shb-checkbox {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -739px;
  width: 20px;
  height: 20px;
}
/*

<label class="shb-radio-label shb--clickable">
    <input type="radio" value="{xxxx}" {?checked} checked {/checked} class="shb-radio-hidden shb--screen-reader">
    <span class="shb-radio"></span>
    <span class="shb-text">{text}</span>
</label>

*/
.shb-radio {
  display: inline-block;
  vertical-align: bottom;
  margin-right: 10px;
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -559px;
  width: 20px;
  height: 20px;
}
.shb-radio-label {
  padding-right: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
}
/* not the same as shb--screen-reader since Safari will ignore all elements styled "width:0;overflow:hidden;" */
.shb-radio-hidden {
  position: fixed;
  left: -10000px;
}
.shb-radio-hidden:focus ~ .shb-radio {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -604px;
  width: 20px;
  height: 20px;
  outline: none;
}
.shb-radio-label:hover .shb-radio {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -604px;
  width: 20px;
  height: 20px;
}
.shb-radio-hidden:checked ~ .shb-radio {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -649px;
  width: 20px;
  height: 20px;
}
.shb-radio-hidden:checked:focus ~ .shb-radio {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -694px;
  width: 20px;
  height: 20px;
}
.shb-radio-label:hover .shb-radio-hidden:checked ~ .shb-radio {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -694px;
  width: 20px;
  height: 20px;
}
/* Error */
/* Red text and red icon */
.shb-radio-invalid .shb-text {
  color: #c83000;
}
.shb-radio-invalid .shb-radio {
  background: url("../../../img/jedi/base/kit/svg/icn_radio.svg") no-repeat;
}
.shb-radio-invalid .shb-radio-hidden:checked ~ .shb-radio {
  background: url("../../../img/jedi/base/kit/svg/icn_radio_error_selected.svg") no-repeat;
}
.shb-radio-invalid .shb-radio-hidden:checked:focus ~ .shb-radio {
  background: url("../../../img/jedi/base/kit/svg/icn_radio_error_selected_hover.svg") no-repeat;
}
.shb-radio-invalid:hover .shb-radio-hidden:checked ~ .shb-radio {
  background: url("../../../img/jedi/base/kit/svg/icn_radio_error_selected_hover.svg") no-repeat;
}
.shb-tag__img {
  position: relative;
  margin-bottom: 4px;
}
.shb-tag {
  position: absolute;
  top: 10px;
  height: 33px;
  background-image: url(../../../img/jedi/base/kit/tag/overlay-banner--middle.png);
}
.shb-tag::before {
  content: '.';
  background-image: url(../../../img/jedi/base/kit/tag/overlay-banner--start.png);
  width: 7px;
  height: 33px;
  position: absolute;
  left: -7px;
  top: 0;
  color: pink;
  color: rgba(0, 0, 0, 0);
}
.shb-tag::after {
  content: '.';
  background-image: url(../../../img/jedi/base/kit/tag/overlay-banner--end.png);
  display: inline-block;
  width: 10px;
  height: 33px;
  position: absolute;
  color: pink;
  color: rgba(0, 0, 0, 0);
  top: 0;
  right: -10px;
}
.shb-tag__text {
  font-family: Arial, serif;
  font-weight: bold;
  padding-left: 5px;
  padding-right: 10px;
  font-size: 12px;
  color: white;
  line-height: 26px;
}
.shb-hamburger {
  margin-right: 9px;
  height: 12px;
  transform: translate(0, 1px);
  -ms-transform: translate(0, 1px);
  -webkit-transform: translate(0, 1px);
}
.shb-hamburger--active {
  transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}
.shb-hamburger--active .shb-hamburger__bar-first {
  transform: translate(2px, 0) rotate(45deg);
  -ms-transform: translate(2px, 0) rotate(45deg);
  -webkit-transform: translate(2px, 0) rotate(45deg);
}
.shb-hamburger--active .shb-hamburger__bar-second {
  border-bottom: 3px solid transparent;
}
.shb-hamburger--active .shb-hamburger__bar-third {
  transform: translate(2px, 0) rotate(-45deg);
  -ms-transform: translate(2px, 0) rotate(-45deg);
  -webkit-transform: translate(2px, 0) rotate(-45deg);
}
.shb-hamburger__bar-first {
  width: 20px;
  border-bottom: 2px solid #005fa5;
  outline: 1px solid transparent;
  transition: all 0.2s ease-out;
  transform-origin: 2px 2px;
  -webkit-transform-origin: 2px 2px;
  -ms-transform-origin: 2px 2px;
  margin-bottom: 3px;
}
.shb-hamburger__bar-second {
  width: 20px;
  border-bottom: 2px solid #005fa5;
  outline: 1px solid transparent;
  transition: all 0.1s ease-out;
  margin-bottom: 3px;
}
.shb-hamburger__bar-third {
  width: 20px;
  border-bottom: 2px solid #005fa5;
  outline: 1px solid transparent;
  transition: all 0.2s ease-out;
  transform-origin: 3px 1px;
  -webkit-transform-origin: 3px 1px;
  -ms-transform-origin: 3px 1px;
}
/* Signing mask */
.shb-sign .shb-seco-tools {
  z-index: 0;
}
.shb-sign--mask {
  position: fixed;
  top: 0;
  bottom: 0;
  background-color: #dedede;
  opacity: 0.7;
  z-index: 99;
  right: 0;
  left: 0;
}
.shb-sign {
  display: block;
}
.shb-sign__container {
  /* position: relative; */
  display: flex;
  justify-content: center;
  /* must have min-width to get scroll */
  min-width: 320px;
}
@media only screen and (max-width: 767px) {
  .shb-sign__container {
    display: block;
  }
}
.shb-sign__body {
  background-color: #fff;
  padding: 10px;
  position: relative;
  z-index: 1;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
  border: 1px solid #dedede;
  border-radius: 8px;
  box-sizing: border-box;
  /* commented out for temporary sign fix */
  /* width: 600px; */
  width: 648px;
}
.shb-sign__body--is-responsive {
  width: 100vw;
  max-width: 648px;
  min-width: 320px;
}
@media only screen and (max-width: 474px) {
  .shb-sign__body {
    padding: 0;
  }
}
.shb-sign__header {
  position: relative;
  height: 42px;
  background-color: #043b62;
  border-radius: 4px 4px 0 0;
}
.shb-sign__header > h2,
.shb-sign__header > h1 {
  font-size: 20px;
  color: #fff;
  text-align: center;
  line-height: 42px;
}
.shb-sign__header-close {
  display: inline-block;
  position: absolute;
  top: 0;
  right: 0;
  padding: 14px;
  height: 14px;
  border-radius: 0 4px 0 0;
}
.shb-sign__header-close-link:focus .shb-sign__header-close,
.shb-sign__header-close-link:hover .shb-sign__header-close {
  background-color: #005fa5;
}
.shb-sign__header-close-link:focus .shb-sign__header-close > svg > path,
.shb-sign__header-close-link:hover .shb-sign__header-close > svg > path {
  stroke: white;
}
.shb-sign__content {
  border-bottom: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
  border-radius: 0 0 4px 4px;
}
.shb-auth-common__h3 {
  font-size: 20px;
  color: #222;
  /*   color: @SHB_Black; */
  margin-bottom: 10px;
}
.shb-auth-common__h2 {
  font-size: 20px;
  color: #222;
  /*   color: @SHB_Black; */
  margin-bottom: 10px;
}
.shb-auth-common__p {
  font-size: 16px;
}
.shb-auth-common__message {
  text-align: center;
  margin: 0 20px 40px 20px;
}
.shb-auth-common__a {
  color: #005fa5;
  text-decoration: none;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
}
.shb-auth-common__a:visited {
  color: #005fa5;
}
.shb-auth-common__a:hover {
  color: #043b62;
  text-decoration: underline;
  cursor: pointer;
}
.shb-auth-common__a:active {
  color: #043b62;
}
.shb-auth-common__a:focus {
  color: #043b62;
  text-decoration: underline;
  outline: none;
}
.shb-auth-common__button {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  text-decoration: none;
  color: white;
  background-color: #005fa5;
  padding: 12px 30px 12px 30px;
  border: none;
  border-radius: 4px;
  box-sizing: border-box;
  text-align: center;
  width: 100%;
  display: block;
  transition: 0.3s all;
}
.shb-auth-common__button:hover {
  background-color: #043b62;
  text-decoration: none;
  cursor: pointer;
}
.shb-auth-common__button:focus {
  outline: none;
  text-decoration: underline;
}
.shb-auth-common__button:visited {
  color: white;
  /* @shb-link-color; */
}
.shb-auth-common__button:active {
  color: white;
}
.shb-auth-common__challenge:focus .shb-auth-common__code-list {
  outline: 2px solid #017ab2;
}
.shb-auth-common__challenge:focus .shb-auth-cap__plus-frame {
  outline: 2px solid #017ab2;
}
.shb-auth-common__code-list {
  display: inline-block;
  outline: 2px solid white;
}
.shb-auth-common__code-list:focus {
  outline: 2px solid #017ab2;
}
.shb-auth-common__code-char {
  font-size: 20px;
  line-height: 38px;
  background-color: white;
  display: inline-block;
  width: 32px;
  text-align: center;
  justify-content: center;
  border-left: 1px solid #dedede;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
}
.shb-auth-common__code-char:nth-child(3) {
  margin-right: 10px;
  border-right: 1px solid #dedede;
}
.shb-auth-common__code-char:nth-child(6) {
  /* margin-right: 10px; */
  border-right: 1px solid #dedede;
}
.shb-auth-common__text {
  font-family: "Roboto", sans-serif;
  font-size: 16px;
  line-height: 22px;
  color: #222;
}
.shb-auth-common__text.shb-auth-common__text--tiny {
  font-size: 14px;
  line-height: 22px;
  color: #767676;
}
.shb-auth-common__text.shb-width__text--fix {
  font-size: 9pt;
  font-family: "MS Sans Serif", Arial, Verdana;
  width: 564px;
  line-height: normal;
}
.shb-sign__body--is-responsive .shb-auth-common__text.shb-width__text--fix {
  width: 100%;
  max-width: 564px;
}
.shb-auth-common__text--p {
  margin-bottom: 20px;
}
.shb-auth-common__cancel-button {
  color: #005fa5;
  text-decoration: none;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  display: block;
  padding: 12px 30px;
  background-color: #f1f1f1;
  text-align: center;
}
.shb-auth-common__cancel-button:visited {
  color: #005fa5;
}
.shb-auth-common__cancel-button:hover {
  color: #043b62;
  text-decoration: underline;
  cursor: pointer;
}
.shb-auth-common__cancel-button:active {
  color: #043b62;
}
.shb-auth-common__cancel-button:focus {
  color: #043b62;
  text-decoration: underline;
  outline: none;
}
.shb-auth-common__button-container {
  display: flex;
  padding: 12px 30px;
  background-color: #f1f1f1;
  text-align: center;
  align-items: center;
}
.shb-auth-common__sign-container {
  background-color: #e1f0f5;
  padding: 15px 30px 15px 30px;
  border-bottom: 1px solid #dedede;
}
.shb-auth-common__sign-frame {
  padding: 30px 30px 0 30px;
  margin-bottom: 30px;
  position: relative;
}
.shb-auth-ok__container {
  position: relative;
  border-radius: 4px;
}
.shb-auth-ok__container-frame {
  padding: 10px 10px 0px 10px;
}
.shb-sign__error-content {
  padding: 40px;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  border-radius: 4px;
}
.shb-sign__error-content--fill {
  border: 1px solid #dedede;
  background-color: #f6f6f6;
}
.shb-sign__fatal-content__small-text {
  color: #000;
  font-size: 14px;
  margin-bottom: 20px;
}
.shb-sign__error {
  padding: 10px;
  background-color: white;
}
.shb-sign__error .shb-sign__error--fatal {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.shb-sign__fatal {
  padding: 10px;
  background-color: white;
  border-radius: 0 0 4px 4px;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.shb-sign__fatal--relative {
  padding: 10px;
  background-color: white;
  border-radius: 0 0 4px 4px;
}
.shb-sign__error-content--relative {
  padding: 30px 20px 20px 20px;
  text-align: center;
  border-radius: 4px;
}
.shb-sign__row {
  margin-bottom: 20px;
}
.shb-auth-common__screen-reader {
  position: fixed;
  left: -10000px;
  width: 0;
  overflow: hidden;
}
.shb-auto__loader {
  margin: 0 auto;
  width: 40px;
  height: 40px;
  display: block;
}
.shb-sign__loader {
  height: 60px;
  width: 40px;
  margin: auto;
  padding-top: 20px;
}
.shb-auth-common__cancel-button-container {
  padding: 10px 30px 10px 30px;
  position: relative;
  background-color: #f1f1f1;
  border-radius: 0 0 4px 4px;
}
.shb-auth-common__cancel-buttons [class*="button-base-button-secondary"] {
  width: 100%;
}
.shb-auth-common__cancel-buttons [class*="button-base-button-primary"] {
  width: 100%;
}
.shb-auth-common__cancel-buttons [class*="button-base-button-tertiary"] {
  width: 100%;
}
.shb-auth-common__cancel-buttons__button-row {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}
.shb-auth-common__cancel-buttons__button-row .shb-button-primary {
  margin-left: 16px;
}
@media only screen and (max-width: 474px) {
  .shb-auth-common__cancel-buttons__button-row {
    flex-direction: column-reverse;
  }
  .shb-auth-common__cancel-buttons__button-row .shb-button-primary {
    margin-left: 0;
    width: 100%;
    margin-bottom: 16px;
  }
  .shb-auth-common__cancel-buttons__button-row .shb-button-tertiary {
    margin-top: 16px;
    width: 100%;
  }
}
shb-auth-plaque {
  color: #043b62;
  /* commented out for temporary sign fix */
  /* font-size: 12px; */
  /* font-family: Helvetica,Arial,sans-serif; */
  font-size: 9pt;
  font-family: "Roboto", sans-serif;
  width: 564px;
  line-height: normal;
}
shb-auth-plaque.shb-auth-plaque--receipt {
  font-size: 14px;
  color: #222;
}
.shb-sign__body--is-responsive shb-auth-plaque {
  width: 100%;
  max-width: 564px;
}
.shb-auth-plaque--receipt .shb-auth-plaque__table,
.shb-auth-plaque--receipt .shb-auth-plaque__headline,
.shb-auth-plaque--receipt .shb-auth-plaque__th,
.shb-auth-plaque--receipt .shb-auth-plaque__td {
  color: #222;
  font-size: 12px;
  font-family: "MS Sans Serif", Arial, Verdana;
  width: 564px;
  line-height: normal;
}
.shb-auth-plaque__table {
  /* commented out for temporary sign fix */
  /* font-size: 12px; */
  /* line-height: 20px; */
  font-size: 9pt;
  font-family: "MS Sans Serif", Arial, Verdana;
  width: 564px;
  line-height: normal;
}
.shb-sign__body--is-responsive .shb-auth-plaque__table {
  width: 100%;
  max-width: 564px;
}
.shb-auth-plaque__headline {
  /* commented out for temporary sign fix */
  /* font-size: 12px; */
  font-size: 9pt;
  font-family: "MS Sans Serif", Arial, Verdana;
  width: 564px;
  line-height: normal;
  color: #043b62;
  font-weight: bold;
}
.shb-sign__body--is-responsive .shb-auth-plaque__headline {
  width: 100%;
  max-width: 564px;
}
.shb-auth-plaque__th,
.shb-auth-plaque__td {
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  /* commented out for temporary sign fix */
  /* padding-right: 5px; */
  /* font-size: 12px; */
  /* font-family: Helvetica,Arial,sans-serif; */
  font-size: 9pt;
  font-family: "MS Sans Serif", Arial, Verdana;
  width: 564px;
  line-height: normal;
}
.shb-auth-plaque__td {
  word-break: break-all;
}
.shb-auth-plaque__textrow {
  word-break: break-word;
  min-height: 16px;
  /* Makes empty rows visible */
}
@media only screen and (max-width: 474px) {
  .shb-auth-plaque__textrow {
    /* Don't let long emailaddresses extend outside the plaque. Most important! Because of legal causes... */
    /* Maybe this isn't needed? ie didn't look good without it. */
    /* Left it to make sure it behaves well i.e. don't extend och gives scroll bar in small devices. */
    /* But words wraps unnciely now in small devices. */
    word-break: break-all;
  }
}
.shb-auth-bid__container {
  position: relative;
}
.shb-auth-bid__logo {
  max-width: 140px;
  padding-top: 60px;
  margin: 0 auto 30px auto;
}
.shb-auth-bid__message {
  margin-bottom: 20px;
  text-align: center;
}
.shb-auth-bid__a {
  color: #005fa5;
  text-decoration: none;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  display: flex;
  height: 50px;
  background-color: #f6f6f6;
  align-items: center;
  justify-content: center;
}
.shb-auth-bid__a:visited {
  color: #005fa5;
}
.shb-auth-bid__a:hover {
  color: #043b62;
  text-decoration: underline;
  cursor: pointer;
}
.shb-auth-bid__a:active {
  color: #043b62;
}
.shb-auth-bid__a:focus {
  color: #043b62;
  text-decoration: underline;
  outline: none;
}
.shb-auth-bid__content-container {
  text-align: center;
  padding: 30px 30px 0px 30px;
  margin-bottom: 30px;
  position: relative;
}
.shb-auth-cap__renew {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border: 1px solid #dedede;
  background-color: #f0f0f0;
  padding: 10px 40px 0 40px;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
}
.shb-auth-cap__tiny {
  font-size: 14px;
  color: #767676;
  line-height: 22px;
}
.shb-auth-cap__renew-text {
  line-height: 22px;
}
.shb-auth-cap__stepup-container {
  text-align: center;
}
.shb-auth-cap__stepup-logo {
  display: block;
}
.shb-auth-cap__logo {
  margin: 0 auto 10px auto;
  padding-top: 30px;
}
.shb-auth-cap__message {
  margin-bottom: 20px;
  text-align: center;
}
.shb-auth-cap__list {
  margin-top: 16px;
}
.shb-auth-cap__list ul {
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
}
.shb-auth-cap__list ul > li {
  padding: 10px 0 5px 35px;
  position: relative;
}
.shb-auth-cap__list ul > li:before {
  content: "•";
  color: transparent;
  background-image: url("../../../img/jedi/base/kit/svg/icn_dot_8x8_008.svg");
  position: absolute;
  left: 10px;
  top: 15px;
  width: 8px;
  height: 8px;
  display: block;
}
@media print {
  .shb-auth-cap__list ul > li:before {
    color: #42b5d7;
    top: 0px;
    left: 15px;
    font-size: 32px;
  }
}
.shb-auth-cap__plus-text {
  margin: 0;
}
.shb-auth-cap__plus-account-digit {
  letter-spacing: 3px;
}
.shb-auth-cap__plus-amount-digit {
  letter-spacing: 2px;
}
.shb-auth-cap__plus-frame {
  background-color: white;
  display: inline-block;
  text-align: center;
  justify-content: center;
  border: 1px solid #dedede;
  /* Not new color - but matches old input field and current challenge frame */
  padding: 0px 16px;
  font-size: 20px;
  line-height: 38px;
  margin-top: 5px;
  margin-bottom: 0;
}
.shb-auth-mbid__logo {
  margin: 0 auto 10px auto;
  padding-top: 30px;
}
.shb-auth-mbid__message {
  margin: 20px 0;
  text-align: center;
}
.shb-auth-mbid__container {
  text-align: center;
  padding: 30px 30px 0 30px;
  margin-bottom: 30px;
  position: relative;
}
.shb-auth-challenge__instruction {
  margin-bottom: 20px;
}
.shb-auth-challenge__label {
  margin-bottom: 4px;
}
.shb-auth-help__loader {
  display: block;
  margin: 20px auto;
  width: 100px;
  height: 100px;
}
.shb-auth-help-wrapper {
  position: absolute;
  top: 0px;
  right: 0px;
}
.shb-auth-help-wrapper--padding {
  padding-top: 35px;
}
.shb-auth-sign-help-wrapper {
  float: right;
}
.shb-auth-sign-help-wrapper--hide {
  display: none;
}
#shb-auth-help-container {
  display: none;
}
#shb-auth-help-container.shb-auth-help__container--show {
  display: block;
}
#shb-auth-help-container .shb-cms-richtext ol {
  line-height: 18px;
}
#shb-auth-help-container .shb-cms-richtext ol > li {
  padding-left: 25px;
  background-image: none;
}
#shb-auth-help-container .shb-cms-richtext ol > li:before {
  left: -5px;
  color: #222222;
}
#shb-auth-help-container .shb-cms-richtext ol > li a {
  word-break: break-all;
}
.shb-auth-help__frame {
  border: 1px solid #dedede;
  background-color: #f1f1f1;
  padding: 10px 30px 30px 30px;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .shb-auth-help__frame {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .shb-auth-help__frame-scroll-container {
    padding: 10px 30px 30px 30px;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 300px;
    box-sizing: border-box;
    overflow-y: auto;
    overflow-x: hidden;
  }
}
.shb-auth-help__close-link {
  display: flex;
  align-items: center;
  position: absolute;
  top: 5px;
  right: -10px;
  padding: 10px;
  text-decoration: none;
}
.shb-auth-help__close-link:hover,
.shb-auth-help__close-link:focus,
.shb-auth-help__close-link:active {
  outline: none;
  text-decoration: underline;
  color: #005fa5;
}
.shb-auth-help__close-button {
  position: absolute;
  top: 5px;
  right: -10px;
}
.shb-auth-help__ol {
  padding-left: 20px;
}
.shb-auth-help__ol > li {
  padding: 10px 0 5px 0;
}
@media only screen and (max-width: 767px) {
  .shb-auth-help__container {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    transition: initial;
  }
  .shb-auth-help__container.shb-auth-help__container--show {
    z-index: 2;
    width: 100%;
    max-width: 100%;
  }
  .shb-auth-help__container.shb-auth-help__container--visible {
    z-index: 2;
    width: 100%;
    max-width: 100%;
  }
}
.shb-auth-helptoggle {
  position: relative;
  top: 10px;
  right: 10px;
}
.shb-auth-helptoggle button {
  z-index: 2  !important;
}
.shb-auth-heading {
  line-height: 42px;
  color: #222222;
  font-size: 20px;
}
.shb-auth-sign-pad__preview-frame > object {
  width: 600px;
  /* The sign pad solution is only used in IE and therefore desktop, no reason to make this responsive. */
  height: 348px;
  margin: 12px;
}
.shb-auth-sign-pad__preview-frame--hidden {
  display: none;
}
.shb-auth-sign-pad__loader-wrapper {
  padding: 20px;
}
.shb-auth-sign-pad__button-wrapper {
  padding: 10px 20px;
}
.shb-auth-sign-pad__button {
  margin: 10px 0px;
}
.shb-auth-sign-pad__button--clear {
  color: #005fa5;
  text-decoration: none;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  background-color: #f1f1f1;
}
.shb-auth-sign-pad__button--clear:visited {
  color: #005fa5;
}
.shb-auth-sign-pad__button--clear:hover {
  color: #043b62;
  text-decoration: underline;
  cursor: pointer;
}
.shb-auth-sign-pad__button--clear:active {
  color: #043b62;
}
.shb-auth-sign-pad__button--clear:focus {
  color: #043b62;
  text-decoration: underline;
  outline: none;
}
.shb-auth-sign-pad__button--clear:hover {
  background-color: #f1f1f1;
}
#sconnect-eula,
#sconnect-install,
#sconnect-nosupport,
#sconnect-notify {
  position: fixed !important;
  /* The plugin sconnect needs this fix since Athena sets overflow hidden on the body when the sign modal is active */
}
.shb-auth-cap-with-cord {
  min-height: 220px;
  position: relative;
}
.shb-auth-cap-with-cord__insert-card-wrapper,
.shb-auth-cap-with-cord__select-card-wrapper,
.shb-auth-cap-with-cord__request-action-wrapper {
  text-align: center;
}
.shb-auth-cap-with-cord__insert-card-wrapper .shb-auth-cap-with-cord__icon-wrapper,
.shb-auth-cap-with-cord__select-card-wrapper .shb-auth-cap-with-cord__icon-wrapper,
.shb-auth-cap-with-cord__request-action-wrapper .shb-auth-cap-with-cord__icon-wrapper {
  margin: 30px auto 10px auto;
  padding-top: 30px;
}
.shb-auth-cap-with-cord__request-action-wrapper,
.shb-auth-cap-with-cord__loader-wrapper {
  padding: 20px;
}
.shb-auth-cap-with-cord__select-card-wrapper .shb-auth-cap-with-cord__select-card-list {
  display: block;
  list-style-type: none;
  margin: 20px 0 30px 0;
  padding: 0;
}
.shb-auth-cap-with-cord__select-card-wrapper .shb-auth-cap-with-cord__select-card-list > li {
  padding: 10px 20px;
  margin: 0;
  border-top: 1px solid #e4e4e4;
}
.shb-auth-cap-with-cord__select-card-wrapper .shb-auth-cap-with-cord__select-card-list > li:last-child {
  border-bottom: 1px solid #e4e4e4;
}
.shb-auth-cap-with-cord__select-card-wrapper .shb-auth-cap-with-cord__select-card-list > li:hover {
  background-color: #f0f8fa;
}
.shb-auth-digital-id__logo {
  margin: 0 auto 10px auto;
}
.shb-auth-digital-id__message {
  margin-bottom: 20px;
  text-align: center;
}
.shb-auth-digital-id__container {
  text-align: center;
  padding: 30px 30px 0 30px;
  margin-bottom: 30px;
  position: relative;
}
.shb-auth-digital-id__qr-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.shb-auth-select-confirmation-method-and-id__instructions {
  margin-bottom: 32px;
}
.shb-auth-select-confirmation-method-and-id__id-wrapper__number {
  margin-bottom: 32px;
}
.shb-auth-select-confirmation-method-and-id__id-wrapper__number shb-form-field {
  width: 100%;
}
@media only screen and (min-width: 475px) {
  .shb-auth-select-confirmation-method-and-id__id-wrapper {
    display: flex;
  }
  .shb-auth-select-confirmation-method-and-id__id-wrapper__type {
    flex: 1;
    margin-right: 16px;
  }
  .shb-auth-select-confirmation-method-and-id__id-wrapper__number {
    flex: 1;
    margin-left: 16px;
    margin-bottom: 0;
  }
}
.shb-auth-v2__sign-container {
  border: 1px solid #dedede;
  position: relative;
}
@media only screen and (max-width: 474px) {
  .shb-auth-v2__sign-container {
    max-width: 600px;
    width: 100%;
  }
}
.shb-auth-v2__sign-container.shb-auth-v2__sign-container--without-top-border {
  border-top: none;
}
.shb-auth-v2__sign-content {
  padding: 0 24px 8px;
}
.shb-auth-v2__sign-content-item {
  margin-bottom: 8px;
}
.shb-auth-v2__sign-icon {
  margin: 0 auto;
  display: block;
  margin-bottom: 16px;
  text-align: center;
  padding: 0 16px;
}
.shb-auth-v2__sign-frame {
  position: relative;
  text-align: center;
  padding-top: 16px;
}
@media only screen and (max-width: 474px) {
  .shb-auth-v2__sign-frame {
    padding-top: 48px;
  }
}
.shb-auth-v2__sign-heading {
  text-align: center;
  color: #005fa5;
  margin-bottom: 16px;
}
.shb-auth-v2__sign-loader {
  display: flex;
  height: 100%;
  align-items: center;
}
.shb-auth-components-help {
  margin-bottom: 16px;
}
.shb-auth-v2-sign-plaque__container {
  background-color: #eaf4f7;
  padding: 16px 24px;
  line-height: normal;
  color: #043b62;
  text-align: left;
}
.shb-auth-v2-formatted-text-blocks__header {
  font-weight: bold;
  margin: 0;
}
.shb-auth-v2-formatted-text-blocks__text-row {
  font-weight: normal;
  vertical-align: top;
  overflow-wrap: break-word;
  min-height: 16px;
  margin: 0;
}
.shb-auth-v2-formatted-text-blocks__number {
  white-space: nowrap;
}
.shb-auth-v2-display-error-melitta--embedded {
  border: 1px solid #dedede;
  box-shadow: 0 0 6px 2px #dedede;
  margin-bottom: 16px;
  margin-top: 24px;
  border-radius: 8px;
}
.shb-auth-v2-cap-section:focus .shb-auth-v2-cap-section__child {
  outline: 2px solid #017ab2;
}
.shb-auth-v2-cap-section__description {
  margin: 4px 0;
}
.shb-auth-v2-cap-section__child {
  display: inline-block;
  outline: 2px solid #ffffff;
}
.shb-auth-v2-cap-section__child:focus {
  outline: 2px solid #017ab2;
}
.shb-auth-v2-framed-element {
  font-size: 20px;
  line-height: 38px;
  background-color: #ffffff;
  display: inline-block;
  text-align: center;
  justify-content: center;
  border: 1px solid #dedede;
  padding: 0 12px;
  text-indent: 4px;
  letter-spacing: 2px;
}
.shb-auth-v2-digits-element__code-char {
  font-size: 20px;
  line-height: 38px;
  background-color: #ffffff;
  display: inline-block;
  text-align: center;
  justify-content: center;
  border-left: 1px solid #dedede;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  padding: 0 10px;
}
.shb-auth-v2-digits-element__code-char:last-of-type {
  border-right: 1px solid #dedede;
}
.shb-auth-v2-digits-element__code-char--has-separator:nth-child(3) {
  margin-right: 10px;
  border-right: 1px solid #dedede;
}
.shb-auth-v2-cap-step-up-stage {
  padding: 32px 16px 16px;
  text-align: center;
}
shb-modal {
  display: block;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 10;
  overflow: auto;
}
shb-modal.shb-modal--espresso {
  /* make sure to create that washed out feeling */
  background-color: #e8e8e8;
}
shb-modal.shb-modal--sticky {
  position: absolute;
  left: 0;
  right: inherit;
  top: 0;
  bottom: inherit;
  background-color: inherit;
  overflow: inherit;
}
shb-modal.shb-modal--sticky .shb-modal__outer {
  position: relative;
  margin-left: -100%;
}
shb-modal.shb-modal--sticky .shb-modal__inner {
  margin: 0;
}
.shb-modal__body {
  overflow-y: auto;
}
.shb-modal__body--overflow {
  overflow: visible;
}
.shb-modal__outer {
  display: table;
  position: absolute;
  width: 100%;
  height: 100%;
}
.shb-modal__middle {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.shb-modal__inner {
  position: relative;
  display: inline-block;
  text-align: left;
  background-color: #fff;
  border-radius: 8px;
  box-shadow: 0 0 10px 0 #222;
  margin: 20px 0;
}
.shb-modal__error-body {
  width: 300px;
  position: relative;
  padding: 30px;
}
.shb-modal__error-info {
  text-align: center;
  margin-bottom: 20px;
}
.shb-modal__error-info > shb-icon-info > svg {
  width: 40px;
  height: 40px;
}
.shb-lightbox-v2 {
  margin: 10px;
}
.shb-lightbox-v2-header {
  height: 42px;
  background-color: #043b62;
  position: relative;
}
.shb-lightbox-v2-header h2 {
  text-align: center;
  padding: 10px 38px 10px 15px;
  color: #ffffff;
}
.shb-lightbox-v2-header__close-link {
  position: absolute;
  top: 0;
  right: 0;
  padding: 11px;
  outline: none;
}
.shb-lightbox-v2-header__close-link:hover,
.shb-lightbox-v2-header__close-link:focus {
  outline: 0;
}
.shb-lightbox-v2-header__close-link:hover .shb-lightbox-header__close-btn > svg > path,
.shb-lightbox-v2-header__close-link:focus .shb-lightbox-header__close-btn > svg > path {
  stroke: black;
}
.shb-lightbox-v2-header__close-btn {
  position: relative;
  top: 2px;
}
.shb-lightbox-v2-body {
  padding: 10px 10px 30px 10px;
  border-left: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
}
.shb-lightbox-v2-footer {
  padding: 15px;
  background-color: #f6f6f6;
  border-bottom: 1px solid #e4e4e4;
  border-left: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
}
.shb-branch-header {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-top: 10px;
}
.shb-branch-header__wrapper {
  z-index: 10;
  position: fixed;
  top: 0;
  height: 80px;
  width: 100%;
  background-color: #017ab2;
}
.shb-branch-header__logo-section {
  margin-bottom: 4px;
}
.shb-branch-header--small .shb-branch-header__wrapper {
  height: 50px;
}
.shb-branch-header--small .shb-branch-header__logo-section {
  display: none;
}
.shb-branch-header__logo-section {
  display: flex;
  margin-bottom: 4px;
}
.shb-branch-header__logo {
  width: 100px;
  background-color: #017ab2;
  border-radius: 4px;
  background-clip: padding-box;
}
.shb-branch-header--small .shb-branch-header__logo {
  display: none;
}
.shb-branch-header__name--secondary {
  margin: 0 0 0 10px;
  align-self: center;
  font-size: 13px;
  color: #ffffff;
}
.shb-branch-header__name-main {
  font-size: 24px;
  color: #fff;
}
.shb-branch-header__customer-short-info {
  margin: 4px 0 8px 0;
  align-items: flex-start;
  margin-left: 15px;
  border-left: 1px solid #ffffff;
  padding-left: 15px;
  font-size: 11px;
  color: #ffffff;
}
.shb-branch-header__customer-short-info-id {
  font-size: 12px;
  font-weight: bold;
}
.shb-branch-header__customer-short-info-office {
  font-size: 11px;
}
.shb-header-user__wrapper {
  padding: 3px;
  background-color: #043b62;
  color: #fff;
  display: flex;
  border-radius: 4px;
  align-items: center;
  font-size: 14px;
  cursor: pointer;
}
.shb-header-user__wrapper shb-icon-user {
  margin-right: 2px;
  width: 20px;
  height: 20px;
}
.shb-header-user__wrapper shb-icon-user g {
  fill: #ffffff;
}
@media only screen and (max-width: 910px) {
  .shb-header-user__wrapper {
    background-color: transparent;
  }
  .shb-header-user__wrapper span {
    display: none;
  }
  .shb-header-user__wrapper shb-icon-user {
    margin-right: 2px;
    width: 50px;
    height: 50px;
  }
  .shb-header-user__wrapper shb-icon-user g {
    fill: #017ab2;
  }
}
.shb-header-user__menu-wrapper {
  background-color: #ffffff;
  padding: 15px 20px;
  width: 360px;
  position: absolute;
  top: 34px;
  right: 45px;
  text-align: left;
  border: 1px solid #bfbfbf;
  border-radius: 4px;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.3);
  z-index: 1;
}
.shb-header-user__menu-wrapper:before {
  border: solid;
  border-color: #ffffff transparent;
  border-width: 0 10px 11px 10px;
  top: -11px;
  content: "";
  right: 24px;
  position: absolute;
  z-index: 99;
}
@media only screen and (max-width: 910px) {
  .shb-header-user__menu-wrapper {
    top: 58px;
    right: 0;
    width: 200px;
  }
  .shb-header-user__menu-wrapper .shb-group-items {
    flex-flow: column;
  }
}
.shb-header-user__menu-unit {
  flex: 1;
}
.shb-header-user__menu-unit:last-child {
  border-left: 1px solid #e4e4e4;
  padding-left: 17px;
}
@media only screen and (max-width: 910px) {
  .shb-header-user__menu-unit {
    flex: 0 0 auto;
  }
  .shb-header-user__menu-unit:last-child {
    border: 0;
    padding: 0;
    margin-top: 10px;
  }
}
.shb-header-user__main-wrapper {
  position: absolute;
  top: 0;
  right: 10px;
  padding: 3px;
}
@media only screen and (max-width: 910px) {
  .shb-branch-header--small .shb-header-user__main-wrapper {
    top: -15px;
  }
}
.shb-errand-top {
  background-color: #e1f0f5;
  border: 1px solid #ddd;
}
.shb-errand-top-header {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 0;
}
.shb-errand-top-body {
  border-top: 1px solid #ddd;
  margin-top: 15px;
  padding-top: 15px;
  margin-left: 20px;
  margin-right: 20px;
}
/* Used in customElements/Checkbox.tsx */
.shb-form-checkbox__label-line {
  display: flex;
  align-items: center;
  margin-bottom: 5px;
}
.shb-form-checkbox__label-help {
  margin-left: 10px;
  color: #767676;
  font-size: 14px;
}
svg .shb-icon-checkbox--hover {
  display: none;
}
shb-form-checkbox:hover svg .shb-icon-checkbox--hover,
shb-form-checkbox:focus svg .shb-icon-checkbox--hover {
  display: block;
}
shb-form-checkbox:hover svg .shb-icon-checkbox--not-hover,
shb-form-checkbox:focus svg .shb-icon-checkbox--not-hover {
  display: none;
}
.shb-form-checkbox__hidden {
  left: -10000px;
  position: absolute;
  height: 20px;
  /* 20px since its the height of the "visible" checkbox and we need to scroll correctly */
}
.shb-icon-checkbox--selected {
  display: none;
}
.shb-form-checkbox__icon {
  display: inline-block;
  margin: 0;
  padding: 0;
  line-height: 0;
  margin-right: 5px;
  align-self: flex-start;
}
.shb-form-checkbox__hidden:checked ~ shb-icon-checkbox .shb-icon-checkbox--selected {
  display: block;
}
.shb-form-checkbox__hidden:focus ~ shb-icon-checkbox svg .shb-icon-checkbox--hover {
  display: block;
}
.shb-form-checkbox__hidden:focus ~ shb-icon-checkbox svg .shb-icon-checkbox--not-hover {
  display: none;
}
.shb-checkbox-invalid .shb-text {
  color: #c83000;
}
shb-form-field {
  display: inline-block;
  box-sizing: border-box;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
}
shb-form-field input {
  height: 40px;
}
.shb-form-field__box {
  /* must be position relative since X will be position absolute */
  position: relative;
  padding-top: 23px;
}
@media only screen and (max-width: 360px) {
  .shb-form-field__box {
    padding-top: 40px;
  }
}
.shb-form-field__input {
  border: 1px solid #dedede;
  outline: none;
  display: block;
  margin: 0;
  padding: 10px;
  background: none;
  /* must be set again due to normalizer */
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  transition: 0s border;
  transition-delay: 0s;
  box-sizing: border-box;
  width: 100%;
}
.shb-form-field__input:hover {
  border-bottom: #005fa5 solid 1px;
}
.shb-form-field__input:focus {
  border-bottom: #005fa5 solid 2px;
  padding: 10px 10px 9px 10px;
}
.shb-form-field__input[type="text"] {
  /* remove inner shadow for iOS Safari */
  -webkit-appearance: none;
  -moz-appearance: none;
}
.shb-form-field__input[type="number"]::-webkit-outer-spin-button,
.shb-form-field__input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.shb-form-field__input[type="number"] {
  -moz-appearance: textfield;
}
.shb-form-field__label-text {
  position: absolute;
  top: 0;
  display: block;
  color: #222222;
  transition: 0.2s color;
}
.shb-form-field__label-help {
  margin-left: 10px;
  color: #767676;
  font-size: 14px;
}
@media only screen and (max-width: 360px) {
  .shb-form-field__label-help {
    margin-left: 0px;
    display: block;
    margin-top: 3px;
  }
}
shb-form-field[error-text]:not([error-text=""]) .shb-form-field__input {
  border: 1px solid #c83d2a;
  padding: 4px 10px 4px 10px;
}
shb-form-field[error-text]:not([error-text=""]) .shb-form-field__input:focus {
  border: 2px solid #c83d2a;
  padding: 3px 9px 3px 9px;
}
.shb-form-field__input:focus ~ .shb-form-field__label-text {
  color: #222 !important;
  /* #005fa5; */
}
.shb-form-field__error-text {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  line-height: 20px;
  margin-bottom: 10px;
  padding-top: 2px;
  color: #c83d2a;
}
.shb-form-field__error-text > shb-icon-info {
  vertical-align: middle;
}
.shb-form-field__error-text > shb-icon-info > svg {
  height: 13px !important;
  width: 13px !important;
}
/* ### Temporary styling for FormInputText.tsx in INSS-APP ### */
.shb-form-field__input--error .shb-form-field__input {
  border: 1px solid #c83d2a;
  padding: 10px 10px 10px 10px;
}
.shb-form-field__input--error .shb-form-field__input:focus {
  border: 2px solid #c83d2a;
  padding: 9px 9px 9px 9px;
}
/* ### END of Temporary styling for FormInputText.tsx... ### */
shb-form-floating-field {
  display: inline-block;
  box-sizing: border-box;
  /* must be position relative since X will be position absolute */
  position: relative;
  /* padding in order to get room for floating label */
  padding-top: 20px;
  /* padding in order to get room for error message? */
  padding-bottom: 10px;
  /* padding-left: 0; */
  /* margin-left: 0; */
  /* margin-right: 4px; */
  margin-bottom: 20px;
  background-color: white;
  font-size: 18px;
  font-family: "Roboto", sans-serif;
  border: 1px solid #dedede;
}
.shb-form-floating-field__input {
  display: block;
  margin: 0;
  margin-left: 10px;
  padding: 0;
  background: none;
  border: none;
  /* 1px solid rgba(0, 0, 0, 0.24); */
  /* must take 1px, otherwise the input will change size on focus */
  border-bottom: 1px solid transparent;
  /* must be set again due to normalizer */
  font-size: 18px;
  font-family: "Roboto", sans-serif;
}
.shb-form-floating-field__label-text {
  position: absolute;
  display: block;
  top: 19px;
  left: 10px;
  color: rgba(0, 0, 0, 0.5);
  transition: 0.2s all;
  cursor: text;
  bottom: 0;
  width: 100%;
}
.shb-form-floating-field__line {
  background-color: #ddd;
  bottom: 0;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  transition: 0.2s all;
  width: 100%;
}
.shb-form-floating-field__value-line {
  background-color: #017ab2;
  bottom: 0;
  content: "";
  height: 2px;
  left: 45%;
  position: absolute;
  transition: 0.2s all;
  visibility: hidden;
  width: 10px;
}
shb-form-floating-field[error-text] .shb-form-floating-field__value-line {
  background-color: #df638e;
}
.shb-form-floating-field__input.shb-form-floating-field__input--got-value ~ .shb-form-floating-field__label-text,
.shb-form-floating-field__input:focus ~ .shb-form-floating-field__label-text {
  top: 4px;
  font-size: 12px;
  color: #005fa5;
  cursor: default;
}
.shb-form-floating-field__input.shb-form-floating-field__input--got-value ~ .shb-form-floating-field__value-line,
.shb-form-floating-field__input:focus ~ .shb-form-floating-field__value-line {
  left: 0;
  visibility: visible;
  width: 100%;
}
.shb-form-field-v2 {
  display: flex;
  justify-content: space-between;
  flex-flow: column;
  align-items: flex-start;
  margin-bottom: 15px;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
}
.shb-form-field-v2__direction--row {
  flex-flow: row;
  align-items: center;
}
.shb-form-field-v2__label-wrapper {
  display: flex;
  flex: 0 0 auto;
  align-items: baseline;
}
.shb-form-field-v2__label-text {
  color: #222222;
  margin-bottom: 5px;
  transition: 0.2s color;
}
.shb-form-field-v2__input-wrapper {
  width: 100%;
}
.shb-form-field-v2__input {
  border: 1px solid #ddd;
  outline: none;
  padding-left: 5px;
  background: none;
  width: 100%;
  height: 38px;
  border-radius: 4px;
  background-clip: padding-box;
  transition: 0s border;
  transition-delay: 0s;
  box-sizing: border-box;
}
.shb-form-field-v2__input:focus {
  border-color: #005fa5;
}
.shb-form-field-v2__input-textarea {
  height: auto;
}
.shb-form-field-v2__help-text {
  color: #767676;
  font-size: 14px;
}
.shb-form-field-v2__help-text--top {
  color: #767676;
  font-size: 14px;
  padding-left: 10px;
}
.shb-form-field-v2__error-text {
  font-family: "Roboto", sans-serif;
  color: #222;
  font-size: 14px;
  padding-top: 2px;
}
.shb-form-field-v2__size--medium .shb-form-field-v2__input {
  font-size: 18px;
  height: 44px;
  padding-left: 10px;
}
.shb-form-field-v2 .invalid {
  border: 1px solid #c83000;
}
.shb-form-field-v2 .invalid-label {
  color: #c83000;
}
.shb-form-field-v2 ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
@media only screen and (max-width: 767px) {
  .shb-form-field-v2__direction--row {
    flex-flow: column;
    align-items: flex-start;
  }
}
.shb-form-search--focus-ring {
  border: 1px solid #017ab2 !important;
}
shb-form-search {
  background-color: #fff;
  border: 1px solid #c4c4c4;
  border-radius: 4px;
  box-sizing: border-box;
  /* To prevent children from going out of parent's bound */
  display: table;
  width: 100%;
}
shb-form-search .button {
  background-color: transparent;
  box-sizing: border-box;
  border: 0;
  color: #ccc;
  display: inline-block;
  font-size: 1.3em;
  line-height: inherit;
  width: 30px;
  min-height: 30px;
  vertical-align: middle;
}
shb-form-search .shb-form-search__input {
  border: 0;
  box-sizing: border-box;
  color: #222222;
  display: inline-block;
  height: 100%;
  /* To handle iOS automatic zoom in*/
  font-size: 16px;
  margin-top: 0;
  padding-left: 10px;
  padding-top: 0;
  vertical-align: middle;
  width: calc(100% - 0px);
}
shb-form-search .shb-form-search__input::-ms-clear {
  width: 0;
  height: 0;
}
shb-form-search .shb-form-search__search-button {
  background-color: transparent;
  box-sizing: border-box;
  border: 0;
  color: #ccc;
  display: inline-block;
  font-size: 1.3em;
  line-height: inherit;
  width: 30px;
  min-height: 30px;
  vertical-align: middle;
  background-image: url("../../../img/jedi/base/kit/shb-iconfont/search.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
shb-form-search .shb-form-search__clear-button {
  background-color: transparent;
  box-sizing: border-box;
  border: 0;
  color: #ccc;
  display: inline-block;
  font-size: 1.3em;
  line-height: inherit;
  width: 30px;
  min-height: 30px;
  vertical-align: middle;
  background-image: url("../../../img/jedi/base/kit/shb-iconfont/icon_inputClear.svg");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  bottom: 0;
  cursor: pointer;
  display: none;
  margin-top: 1px;
  opacity: 0;
  right: 0;
  transition: opacity 0.5s, visibility 0.5s;
}
shb-form-search .shb-form-search__clear-button:focus {
  outline: 1px dotted silver;
}
shb-form-search .shb-form-search__buttons-container {
  text-align: right;
  vertical-align: top;
  white-space: nowrap;
}
shb-form-search .shb-form-search__button-wrapper {
  display: inline-block;
  border-radius: 0 4px 4px 0;
}
shb-form-search .shb-form-search--has-focus {
  background-color: #e1f0f5;
}
shb-form-search .shb-form-search--has-value shb-form-search .shb-form-search__clear-button {
  display: inline-block;
  opacity: 1;
}
shb-form-search.shb-form-search--has-value .shb-form-search__clear-button {
  display: inline-block;
  opacity: 1;
}
.shb-form-select {
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  margin-bottom: 20px;
}
.shb-form-select--bottom-spacing {
  padding-bottom: 10px;
}
.shb-form-select__label-wrapper {
  margin-bottom: 5px;
}
.shb-form-select__label-text {
  color: #222222;
  transition: 0.2s color;
}
.shb-form-select__direction--row {
  flex-flow: row;
  align-items: baseline;
}
.shb-form-select__select-wrapper {
  width: 100%;
}
.shb-form-select__select {
  height: 38px;
  width: 100%;
  border: 1px solid #dddddd;
  border-bottom: 1px solid #8f8f8f;
  padding-left: 5px;
  border-radius: 4px;
  transition: 0.1s;
}
.shb-form-select__select:hover {
  border-bottom: 1px solid #005fa5;
}
.shb-form-select__select:focus {
  outline: none;
  border-bottom: 2px solid #005fa5;
}
.shb-form-select__select--invalid {
  border: 1px solid #c83d2a !important;
  margin-bottom: 4px;
}
.shb-form-select__select--invalid:focus {
  border-width: 2px;
}
.shb-form-select__error-text {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  line-height: 20px;
  /* min-height is same as line-height -> prevent jumping UI if only get 1 line of error */
  min-height: 21px;
  padding-top: 2px;
  margin-bottom: 10px;
  color: #c83d2a;
}
.shb-form-select__error-text > shb-icon-info > svg {
  height: 13px !important;
  width: 13px !important;
}
.shb-form-select__help-text {
  color: #767676;
  font-size: 14px;
}
.shb-form-select__help-text--top {
  color: #767676;
  font-size: 14px;
  padding-left: 10px;
}
.shb-form-select__size--medium .shb-form-select__select-wrapper {
  height: 50px;
}
.shb-form-select__size--medium .shb-form-select__select {
  font-size: 18px;
  height: 44px;
  padding-left: 10px;
}
@media only screen and (max-width: 767px) {
  .shb-form-select__direction--row {
    flex-flow: column;
    align-items: flex-start;
  }
}
.shb-list-field__textarea {
  border: 1px solid #dedede;
  outline: none;
  display: block;
  resize: vertical;
}
.shb-list-field__textarea:focus {
  border-color: #005fa5 !important;
}
.shb-list-textarea--invalid {
  border: 2px solid #c83000;
  /* TODO fixa _color.less - röd */
}
.shb-form-date-field-group {
  display: flex;
  justify-content: space-between;
  flex-flow: column;
  align-items: flex-start;
  margin-bottom: 15px;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
}
.shb-form-date-field-group__direction--row {
  flex-flow: row;
  align-items: baseline;
}
.shb-form-date-field-group__label-wrapper {
  display: flex;
  align-items: baseline;
}
.shb-form-date-field-group__label-text {
  color: #222222;
  margin-bottom: 5px;
  transition: 0.2s color;
}
.shb-form-date-field-group__wrapper {
  display: flex;
  flex-flow: column;
}
.shb-form-date-field-group__input-wrapper {
  display: flex;
  width: 100%;
}
.shb-form-date-field-group__input {
  border: 1px solid #ddd;
  outline: none;
  margin-right: 20px;
  padding-left: 5px;
  background: none;
  width: 15%;
  height: 38px;
  border-radius: 4px;
  background-clip: padding-box;
  transition: 0s border;
  transition-delay: 0s;
  box-sizing: border-box;
}
.shb-form-date-field-group__input--year {
  width: 15%;
}
.shb-form-date-field-group__input--month,
.shb-form-date-field-group__input--day {
  width: 10%;
}
.shb-form-date-field-group__input:focus {
  border-color: #005fa5;
}
.shb-form-date-field-group__help-text {
  color: #767676;
  font-size: 14px;
}
.shb-form-date-field-group__help-text--top {
  color: #767676;
  font-size: 14px;
  padding-left: 10px;
}
.shb-form-date-field-group__error-text {
  font-family: "Roboto", sans-serif;
  color: #222;
  font-size: 14px;
}
.shb-form-date-field-group__size--medium .shb-form-date-field-group__input {
  font-size: 18px;
  height: 44px;
  padding-left: 10px;
}
.shb-form-date-field-group ul {
  padding: 0;
  margin: 0;
  list-style: none;
}
.shb-form-date-field-group .invalid {
  border: 1px solid red;
}
@media only screen and (max-width: 767px) {
  .shb-form-date-field-group__direction--row {
    flex-flow: column;
    align-items: flex-start;
  }
}
.icon--expand-content-down--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 10px;
  height: 10px;
}
.icon--expand-content-up--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -35px;
  width: 10px;
  height: 10px;
}
.icon--imageslider-dot--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -216px;
  width: 12px;
  height: 12px;
}
.icon--imageslider-dot-hover--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -179px;
  width: 12px;
  height: 12px;
}
.icon--imageslider-dot-selected--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -404px;
  width: 14px;
  height: 14px;
}
.icon--link-arrow--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -142px;
  width: 7px;
  height: 12px;
}
.icon--link-arrow-button--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -253px;
  width: 7px;
  height: 12px;
}
.icon--link-download--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -290px;
  width: 13px;
  height: 13px;
}
.icon--module-link-default--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -328px;
  width: 8px;
  height: 13px;
}
.icon--module-link-hover--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -366px;
  width: 8px;
  height: 13px;
}
.icon--module-link-new-window--xsmall {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -70px;
  width: 11px;
  height: 11px;
}
.icon--module-link-new-window-white--small {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -106px;
  width: 11px;
  height: 11px;
}
.icon--current-collapsed-arrow--small {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_small.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 13px;
  height: 13px;
}
.icon--current-expanded-arrow--small {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_small.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -38px;
  width: 13px;
  height: 13px;
}
.icon--center-line--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -40px;
  width: 10px;
  height: 18px;
}
.icon--imageslider-arrow-left--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -83px;
  width: 11px;
  height: 25px;
}
.icon--imageslider-arrow-left-hover--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -133px;
  width: 11px;
  height: 25px;
}
.icon--imageslider-arrow-right--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -183px;
  width: 11px;
  height: 25px;
}
.icon--imageslider-arrow-right-hover--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -233px;
  width: 11px;
  height: 25px;
}
.icon--tab-end--medium {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 18px;
  height: 15px;
}
.icon--action-arrow--large {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_large.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_large.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -120px;
  width: 17px;
  height: 40px;
}
.icon--check--large {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_large.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_large.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px 0px;
  width: 35px;
  height: 35px;
}
.icon--circle--large {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_large.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_large.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -60px;
  width: 35px;
  height: 35px;
}
.icon--imageslider-arrow-big-left--large {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_large.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_large.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -185px;
  width: 17px;
  height: 40px;
}
.icon--imageslider-arrow-big-left-hover--large {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_large.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_large.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -250px;
  width: 17px;
  height: 40px;
}
.icon--imageslider-arrow-big-right--large {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_large.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_large.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -315px;
  width: 17px;
  height: 40px;
}
.icon--imageslider-arrow-big-right-hover--large {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_large.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_large.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -380px;
  width: 17px;
  height: 40px;
}
.shb-yoda-modules__arrow-large-icon {
  background: url(../../../img/jedi/base/modules/arrow_large.png) no-repeat;
  position: absolute;
  top: 10px;
  right: 45px;
  height: 25px;
  width: 66px;
}
.shb-module-sticky-link__a {
  padding: 14px;
  margin-left: 0;
  margin-bottom: 0;
  display: block;
}
.shb-module-sticky-link__a:hover,
.shb-module-sticky-link__a:focus {
  background-color: #f0f8fa;
  text-decoration: underline;
  outline: none;
}
.shb-module-sticky-link__text {
  display: inline;
}
.shb-module-sticky-link__icon {
  float: left;
  margin-right: 7px;
}
.shb-modules-espresso-favorite__root {
  position: absolute;
  right: -21px;
  top: -17px;
}
@media (max-width: 938px) {
  body.espresso-compability-mode .shb-framed-section .shb-modules-espresso-favorite__root {
    top: -32px;
    right: 0;
  }
}
.shb-modules-help__footer-text {
  margin-right: 5px;
}
.shb-modules-help__nav-link {
  position: absolute;
  top: 10px;
  left: 10px;
  height: 42px;
  width: 42px;
  transition: background-color 200ms linear;
}
.shb-modules-help__nav-link:hover,
.shb-modules-help__nav-link:focus {
  background-color: #005fa5;
  outline-style: none;
}
.shb-cms-contentstack__text {
  margin-bottom: 20px;
}
.shb-cms-contentstack__link {
  margin-bottom: 20px;
}
.shb-cms-richtext {
  /*

    TODO we should replace the background image for "new window" with an SVG image.
    Before that is all set and done, we just override the background image when print
    */
  /* External links. But ignore <a href="#"> because we don't want to affect the navigation inside imageslider. Not document links */
  /* External links. But ignore <a href="#"> because we don't want to affect the navigation inside imageslider. Not document links */
}
.shb-cms-richtext a[href^="/tron/"][href*="/binary/"] {
  /* dokument-länk */
}
.shb-cms-richtext a[href^="/tron/"][href*="/binary/"]::after {
  content: " ";
  display: inline-block;
  width: 15px;
  /* Adding pixels to avoid cliping when zoom*/
  height: 15px;
  margin-left: 6px;
  margin-bottom: 2px;
  padding-right: 2px;
  vertical-align: middle;
  background-image: url('../../../img/jedi/base/modules/sprites_xsmall.png');
  background-position: 1px -289px;
  background-repeat: no-repeat;
}
@media print {
  .shb-cms-richtext a.shb-cms__link-external:not(.shb-cms-link__contains--image):after {
    background-image: none !important;
    content: "\f108" !important;
    font-family: "shb-iconfont", sans-serif;
    font-size: 0.8em !important;
    display: inline !important;
  }
}
.shb-cms-richtext a.shb-cms__link-external:not(.shb-cms-link__contains--image)::after {
  content: " ";
  display: inline-block;
  margin-left: 6px;
  margin-bottom: 2px;
  padding-right: 2px;
  vertical-align: middle;
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -268px;
  width: 11px;
  height: 11px;
}
.shb-cms-richtext a.shb-cms__link-external:not(.shb-cms-link__contains--image):hover::after {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -232px;
  width: 11px;
  height: 11px;
}
.shb-cms-richtext .shb-cms__link {
  /* intern länk */
  display: inline-block;
  margin-bottom: 20px;
  text-decoration: underline;
  /* Internet Explorer fix, we have to set text-decoration
        to underline first to be able to later on set it to none */
}
.shb-cms-richtext .shb-cms__link:focus {
  outline: 3px solid #005fa5;
  outline-offset: initial;
  background-color: #005fa5;
  color: #ffffff;
}
.shb-cms-richtext .shb-cms__link:not(.shb-cms-contentstack__action-link) {
  padding-bottom: 2px;
}
.shb-cms-richtext .shb-cms__link:not(.shb-cms__link--white):not(.shb-cms__action-link):not(.shb-cms-contentstack__action-link):focus:after,
.shb-cms-richtext .shb-cms__link:not(.shb-cms__link--white):not(.shb-cms__action-link):not(.shb-cms-contentstack__action-link):active:after {
  filter: brightness(0) invert(1);
}
.shb-cms-richtext .shb-cms__link:not(.shb-cms__link--white):not(.shb-cms__action-link):not(.shb-cms-contentstack__action-link):hover {
  text-decoration-style: double;
}
.shb-cms-richtext .shb-cms__link::after {
  /*  */
  content: " ";
  display: inline-block;
  margin-left: 8px;
  background-image: url("../../../img/jedi/base/kit/svg/icn_arrow_link_005fa5.svg");
  vertical-align: middle;
  text-decoration: none;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
}
@media print {
  .shb-cms-richtext .shb-cms__link::after {
    font-family: "shb-iconfont";
    content: "\3e";
    background-image: none;
    vertical-align: top;
  }
}
.shb-cms-richtext .shb-cms__link:hover::after,
.shb-cms-richtext .shb-cms__link:focus::after {
  content: " ";
  display: inline-block;
  margin-left: 8px;
  vertical-align: middle;
  background-image: url("../../../img/jedi/base/kit/svg/icn_arrow_link_043b62.svg");
  text-decoration: none;
  width: 14px;
  height: 14px;
  background-repeat: no-repeat;
}
.shb-cms-richtext .shb-cms__link:active::after {
  text-decoration: underline;
}
.shb-cms-richtext .shb-cms__link:hover::after {
  text-decoration: underline;
}
.shb-cms-richtext .shb-cms__link:visited::after {
  text-decoration: underline;
}
.shb-cms-richtext .shb-cms__link:focus::after {
  text-decoration: underline;
}
.shb-cms-richtext .shb-cms__link:active::after {
  text-decoration: none;
}
.shb-cms-richtext .shb-cms__link:hover::after {
  text-decoration: none;
}
.shb-cms-richtext .shb-cms__link:visited::after {
  text-decoration: none;
}
.shb-cms-richtext .shb-cms__link:focus::after {
  text-decoration: none;
}
.shb-cms-richtext .shb-cms__link--white {
  /* intern länk */
  margin-bottom: 20px;
  /* Internet Explorer fix, we have to set text-decoration
        to underline first to be able to later on set it to none */
}
.shb-cms-richtext .shb-cms__link--white::after {
  /*  */
  content: " ";
  display: inline-block;
  margin-left: 8px;
  background-image: url("../../../img/jedi/base/kit/svg/icn_arrow_link_ffffff.svg");
  vertical-align: middle;
  text-decoration: none;
  width: 14px;
  height: 16px;
  background-repeat: no-repeat;
}
@media print {
  .shb-cms-richtext .shb-cms__link--white::after {
    font-family: "shb-iconfont";
    content: "\3e";
    background-image: none;
    vertical-align: top;
  }
}
.shb-cms-richtext .shb-cms__link--white:active::after {
  text-decoration: underline;
}
.shb-cms-richtext .shb-cms__link--white:hover::after {
  text-decoration: underline;
}
.shb-cms-richtext .shb-cms__link--white:visited::after {
  text-decoration: underline;
}
.shb-cms-richtext .shb-cms__link--white:focus::after {
  text-decoration: underline;
}
.shb-cms-richtext .shb-cms__link--white:active::after {
  text-decoration: none;
}
.shb-cms-richtext .shb-cms__link--white:hover::after {
  text-decoration: none;
}
.shb-cms-richtext .shb-cms__link--white:visited::after {
  text-decoration: none;
}
.shb-cms-richtext .shb-cms__link--white:focus::after {
  text-decoration: none;
}
.shb-cms-richtext .shb-cms__link.shb-cms-contentstack__action-link--important::after {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -166px;
  width: 7px;
  height: 12px;
}
.shb-cms-richtext a.shb-cms-contentstack__action-link--important.shb-cms__link-external:not(.shb-cms-link__contains--image)::after {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -106px;
  width: 11px;
  height: 11px;
}
.shb-cms-richtext .shb-cms-contentstack__action-link {
  display: inline-block;
  padding: 12px 40px;
  border: 1px solid #005fa5;
  color: #005fa5;
  border-radius: 100px;
  margin-bottom: 20px;
  line-height: 18px;
  text-decoration: none;
}
.shb-cms-richtext .shb-cms-contentstack__action-link:focus {
  text-decoration: underline;
  outline: 1px solid #043b62;
  outline-offset: 2px;
}
.shb-cms-richtext .shb-cms-contentstack__action-link:hover,
.shb-cms-richtext .shb-cms-contentstack__action-link:focus {
  color: #043b62;
  border: 1px solid #043b62;
}
.shb-cms-richtext .shb-cms-contentstack__action-link:not(.shb-cms__link--white):focus,
.shb-cms-richtext .shb-cms-contentstack__action-link:not(.shb-cms__link--white):hover {
  background-color: #e8e8e8;
}
.shb-cms-richtext .shb-cms-contentstack__action-link.shb-cms-contentstack__action-link--important {
  background: #005fa5;
  border: none;
  color: #fff;
}
.shb-cms-richtext .shb-cms-contentstack__action-link.shb-cms-contentstack__action-link--important:link,
.shb-cms-richtext .shb-cms-contentstack__action-link.shb-cms-contentstack__action-link--important:visited {
  color: #fff;
}
.shb-cms-richtext .shb-cms-contentstack__action-link.shb-cms-contentstack__action-link--important:hover,
.shb-cms-richtext .shb-cms-contentstack__action-link.shb-cms-contentstack__action-link--important:focus {
  color: #fff;
  background: #043b62;
}
@media print {
  .shb-cms-richtext .shb-cms-contentstack__action-link.shb-cms-contentstack__action-link--important {
    border: 1px solid #005fa5 !important;
    color: #000;
  }
}
.shb-cms-contentstack__image {
  margin-bottom: 5px;
  margin-top: 5px;
  max-width: 100%;
}
.shb-cms-contentstack__image-caption {
  display: block;
  font-size: 14px;
  color: #222;
  caption-side: bottom;
  text-align: left;
}
.shb-cms-contentstack__table-caption {
  font-size: 14px;
  color: #222;
  caption-side: bottom;
  text-align: left;
}
.shb-cms-contentstack__video-caption {
  font-size: 14px;
  color: #222;
  caption-side: bottom;
  text-align: left;
}
.shb-cms-contentstack__slider-caption {
  font-size: 14px;
  color: #222;
  caption-side: bottom;
  text-align: center;
}
.shb-cms-contentstack__paragraph {
  overflow: hidden;
}
.shb-cms__img-wrapper {
  margin-bottom: 20px;
}
.shb-video-player {
  margin-bottom: 10px;
}
.shb-video-player.shb-video-player--no-margin {
  margin-bottom: 0;
}
.shb-video-player .mejs-container {
  background: #f6f6f6;
}
.shb-video-player .mejs-overlay-button {
  background: url('../../../img/jedi/base/modules/cms/videoplayer/bigplay-shb.png') no-repeat;
  background-position: -55px -18px, center;
  width: 200px;
  height: 183px;
  top: 56%;
  left: 50%;
}
.shb-video-player .mejs-overlay:hover .mejs-overlay-button {
  background-position: -55px -227px, center;
}
.shb-video-player__small .mejs-overlay-button {
  background: url('../../../img/jedi/base/modules/cms/videoplayer/smallplay-shb.png') no-repeat;
  background-position: -35px 7px, center;
  width: 200px;
  height: 179px;
  top: 50%;
  left: 50%;
}
.shb-video-player__small .mejs-overlay:hover .mejs-overlay-button {
  background-position: -35px -159px, center;
}
.shb-video-player__small .me-cannotplay .mejs-overlay-button {
  background-position: -35px -45px, center;
}
.shb-video-player .me-cannotplay .mejs-overlay:hover .mejs-overlay-button {
  background-position: -35px -211px, center;
}
.shb-video-player .mejs-controls {
  background-color: #000;
}
.shb-video-player .mejs-controls .mejs-button button {
  height: 18px;
  width: 18px;
}
.shb-video-player .mejs-controls .mejs-captions-button button {
  background: url('../../../img/jedi/base/modules/cms/videoplayer/controls-shb.png') no-repeat;
  background-position: -71px -9px;
}
.shb-video-player .mejs-controls .mejs-fullscreen-button button {
  background: url('../../../img/jedi/base/modules/cms/videoplayer/controls-shb.png') no-repeat;
  background-position: -49px -9px;
}
.shb-video-player .mejs-controls .mejs-unfullscreen button {
  background: url('../../../img/jedi/base/modules/cms/videoplayer/controls-shb.png') no-repeat;
  background-position: -49px -33px;
}
.shb-video-player .mejs-controls .mejs-mute button {
  background: url('../../../img/jedi/base/modules/cms/videoplayer/controls-shb.png') no-repeat;
  background-position: -29px -33px;
}
.shb-video-player .mejs-controls .mejs-unmute button {
  background: url('../../../img/jedi/base/modules/cms/videoplayer/controls-shb.png') no-repeat;
  background-position: -29px -8px;
}
.shb-video-player .mejs-controls .mejs-play button {
  background: url('../../../img/jedi/base/modules/cms/videoplayer/controls-shb.png') no-repeat;
  background-position: -5px -9px;
}
.shb-video-player .mejs-controls .mejs-pause button {
  background: url('../../../img/jedi/base/modules/cms/videoplayer/controls-shb.png') no-repeat;
  background-position: -7px -33px;
}
.shb-video-player .mejs-controls .mejs-time-rail .mejs-time-total .mejs-time-loaded {
  background: #888888;
}
.shb-video-player .mejs-controls .mejs-time-rail .mejs-time-total .mejs-time-current {
  background: #0080bb;
}
.shb-video-player .mejs-controls .mejs-volume-button .mejs-volume-slider .mejs-volume-current {
  background: #0080bb;
}
.shb-video-in-fullscreen {
  z-index: 2000 !important;
}
.shb-cms-imageslider-new {
  background-color: #fff;
  position: relative;
  margin-bottom: 34px;
  margin-left: -10px;
  margin-right: -10px;
  clear: both;
  line-height: 0;
  border-radius: 16px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.shb-cms-imageslider-new h3 {
  font-family: SHB_SlabSerifLight, Georgia, sans-serif;
  font-size: 28px;
  line-height: 36px;
}
.shb-cms-imageslider-new__visible-area {
  overflow: hidden;
}
.shb-cms-imageslider-new__images {
  transition: all 0.5s;
  white-space: nowrap;
}
.shb-cms-imageslider-new__image-container {
  display: inline-block;
  position: relative;
  white-space: normal;
  /* each container should be 100% width of visible slider width */
  width: 100%;
  vertical-align: top;
}
.shb-cms-imageslider-new__image-content-align-left,
.shb-cms-imageslider-new__image-content-align-right {
  position: absolute;
  top: 20px;
  padding: 20px;
}
.shb-cms-imageslider-new__image-content-align-left {
  left: 20px;
  right: 50%;
  margin-right: 20px;
}
.shb-cms-imageslider-new__image-content-align-right {
  right: 20px;
  left: 50%;
  margin-left: 20px;
}
.shb-cms-imageslider-new__image-content-darkbg {
  background: rgba(34, 34, 34, 0.8);
  color: #fff;
  /* TODO: shb-cms__link-document */
  /* TODO: shb-cms__link-internal */
}
.shb-cms-imageslider-new__image-content-darkbg *:not(.shb-cms__tag) {
  color: #fff;
}
.shb-cms-imageslider-new__image-content-darkbg a[href*="/binary/"]::after {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -203px;
  width: 13px;
  height: 13px;
}
.shb-cms-imageslider-new__image-content-darkbg a.shb-cms__link-external::after {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1524px;
  width: 12px;
  height: 12px;
}
.shb-cms-imageslider-new__image-content-darkbg a.shb-cms__link-external:hover::after {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1524px;
  width: 12px;
  height: 12px;
}
.shb-cms-imageslider-new__image-content-darkbg a[href^="#!/"]::after {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1635px;
  width: 7px;
  height: 12px;
}
.shb-cms-imageslider-new__image-content-brightbg {
  background: rgba(255, 255, 255, 0.8);
  color: #222;
}
.shb-cms-imageslider-new__image-content-brightbg *:not(a):not(.shb-cms__tag) {
  color: #222;
}
.shb-cms-imageslider-new__controls {
  text-align: center;
}
.shb-cms-imageslider-new__controls button {
  background-color: transparent;
  border: 0;
}
.shb-cms-imageslider-new__controls button:hover {
  cursor: default;
}
.shb-cms-imageslider-new__controls button:hover > div {
  outline: 2px solid #848484;
  outline-offset: 2px;
}
.shb-cms-imageslider-new__controls button:focus > div {
  outline: 2px solid #0074be;
  outline-offset: 2px;
}
.shb-cms-imageslider-new__controls div {
  display: inline-block;
  border: 2px solid #848484;
  border-radius: 50%;
  background-color: #fff;
  margin: 10px;
  height: 16px;
  width: 16px;
  padding: 0;
}
.shb-cms-imageslider-new__controls div.shb-cms-imageslider-new__controls__selected {
  background-color: #0074be;
}
.shb-cms-imageslider-new__image-content:empty {
  display: none;
}
.shb-cms-imageslider-new__card {
  background-color: #fff;
}
.shb-cms-imageslider-new__innercard {
  line-height: 1.6em;
  margin: 24px;
}
.shb-cms-imageslider {
  position: relative;
  margin-bottom: 34px;
  clear: both;
  line-height: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.shb-cms-imageslider .shb-cms-imageslider__buttoncontainer-outer {
  display: table;
  height: 100%;
  width: 100%;
}
.shb-cms-imageslider .shb-cms-imageslider__buttoncontainer-inner {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.shb-cms-imageslider h3 {
  font-family: SHB_SlabSerifLight, Georgia, sans-serif;
  font-size: 28px;
  line-height: 36px;
}
.shb-cms-imageslider .shb-cms-imageslider__visible-area {
  overflow: hidden;
}
.shb-cms-imageslider .shb-cms-imageslider__images {
  transition: all 0.5s;
  white-space: nowrap;
}
.shb-cms-imageslider .shb-cms-imageslider__image-container {
  display: inline-block;
  position: relative;
  white-space: normal;
  /* each container should be 100% width of visible slider width */
  width: 100%;
}
.shb-cms-imageslider .shb-cms-imageslider__image-content-align-left,
.shb-cms-imageslider .shb-cms-imageslider__image-content-align-right {
  position: absolute;
  top: 20px;
  padding: 20px;
}
.shb-cms-imageslider .shb-cms-imageslider__image-content-align-left {
  left: 20px;
  right: 50%;
  margin-right: 20px;
}
.shb-cms-imageslider .shb-cms-imageslider__image-content-align-right {
  right: 20px;
  left: 50%;
  margin-left: 20px;
}
.shb-cms-imageslider .shb-cms-imageslider__image-content-darkbg {
  background: rgba(34, 34, 34, 0.8);
  color: #fff;
  /* TODO: shb-cms__link-document */
  /* TODO: shb-cms__link-internal */
}
.shb-cms-imageslider .shb-cms-imageslider__image-content-darkbg *:not(.shb-cms__tag) {
  color: #fff;
}
.shb-cms-imageslider .shb-cms-imageslider__image-content-darkbg a[href*="/binary/"]::after {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -203px;
  width: 13px;
  height: 13px;
}
.shb-cms-imageslider .shb-cms-imageslider__image-content-darkbg a.shb-cms__link-external::after {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1524px;
  width: 12px;
  height: 12px;
}
.shb-cms-imageslider .shb-cms-imageslider__image-content-darkbg a.shb-cms__link-external:hover::after {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1524px;
  width: 12px;
  height: 12px;
}
.shb-cms-imageslider .shb-cms-imageslider__image-content-darkbg a[href^="#!/"]::after {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1635px;
  width: 7px;
  height: 12px;
}
.shb-cms-imageslider .shb-cms-imageslider__image-content-brightbg {
  background: rgba(255, 255, 255, 0.8);
  color: #222;
}
.shb-cms-imageslider .shb-cms-imageslider__image-content-brightbg *:not(a):not(.shb-cms__tag) {
  color: #222;
}
.shb-cms-imageslider .shb-cms-imageslider__button-prev,
.shb-cms-imageslider .shb-cms-imageslider__button-next {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 40px;
  background: no-repeat center center;
}
.shb-cms-imageslider .shb-cms-imageslider__button-prev:focus,
.shb-cms-imageslider .shb-cms-imageslider__button-next:focus {
  outline: 0;
}
.shb-cms-imageslider .shb-cms-imageslider__button-prev {
  left: -40px;
  padding-right: 40px;
  z-index: 1;
}
.shb-cms-imageslider .shb-cms-imageslider__button-next {
  right: -40px;
  padding-left: 40px;
}
.shb-cms-imageslider .shb-cms-imageslider__controls {
  text-align: center;
}
.shb-cms-imageslider .shb-cms-imageslider__controls a {
  display: inline-block;
  margin-top: 12px;
  margin-left: 9px;
  margin-right: 9px;
  background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-left: 14px;
  background-position: 1px -215px;
  height: 20px;
}
.shb-cms-imageslider .shb-cms-imageslider__controls a:focus {
  outline: 0;
}
.shb-cms-imageslider .shb-cms-imageslider__controls a:focus,
.shb-cms-imageslider .shb-cms-imageslider__controls a:hover {
  background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-left: 14px;
  background-position: 1px -178px;
}
.shb-cms-imageslider .shb-cms-imageslider__controls a.shb-cms-imageslider__selected {
  background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-left: 14px;
  background-position: 0px -404px;
}
.shb-image-slider__image-content:empty {
  display: none;
}
.shb-cms-imageslider__button-prev:hover .shb-cms-imageslider__button-prev-icon,
.shb-cms-imageslider__button-prev:focus .shb-cms-imageslider__button-prev-icon {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_large.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_large.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -250px;
  width: 17px;
  height: 40px;
}
.shb-cms-imageslider__button-prev-icon {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_large.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_large.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -185px;
  width: 17px;
  height: 40px;
  display: inline-block;
}
.shb-cms-imageslider__button-next:hover .shb-cms-imageslider__button-next-icon,
.shb-cms-imageslider__button-next:focus .shb-cms-imageslider__button-next-icon {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_large.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_large.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -380px;
  width: 17px;
  height: 40px;
}
.shb-cms-imageslider__button-next-icon {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_large.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_large.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -315px;
  width: 17px;
  height: 40px;
  display: inline-block;
}
.grid_8 .shb-cms-imageslider__button-prev:hover .shb-cms-imageslider__button-prev-icon,
.grid_6 .shb-cms-imageslider__button-prev:hover .shb-cms-imageslider__button-prev-icon,
.shb-cms-content__1 .shb-cms-imageslider__button-prev:hover .shb-cms-imageslider__button-prev-icon,
.shb-cms-content__2 .shb-cms-imageslider__button-prev:hover .shb-cms-imageslider__button-prev-icon,
.shb-cms-content__3 .shb-cms-imageslider__button-prev:hover .shb-cms-imageslider__button-prev-icon,
.shb-cms-content__50 .shb-cms-imageslider__button-prev:hover .shb-cms-imageslider__button-prev-icon,
.grid_8 .shb-cms-imageslider__button-prev:focus .shb-cms-imageslider__button-prev-icon,
.grid_6 .shb-cms-imageslider__button-prev:focus .shb-cms-imageslider__button-prev-icon,
.shb-cms-content__1 .shb-cms-imageslider__button-prev:focus .shb-cms-imageslider__button-prev-icon,
.shb-cms-content__2 .shb-cms-imageslider__button-prev:focus .shb-cms-imageslider__button-prev-icon,
.shb-cms-content__3 .shb-cms-imageslider__button-prev:focus .shb-cms-imageslider__button-prev-icon,
.shb-cms-content__50 .shb-cms-imageslider__button-prev:focus .shb-cms-imageslider__button-prev-icon {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -133px;
  width: 11px;
  height: 25px;
}
.grid_8 .shb-cms-imageslider__button-prev-icon,
.grid_6 .shb-cms-imageslider__button-prev-icon,
.shb-cms-content__1 .shb-cms-imageslider__button-prev-icon,
.shb-cms-content__2 .shb-cms-imageslider__button-prev-icon,
.shb-cms-content__3 .shb-cms-imageslider__button-prev-icon,
.shb-cms-content__50 .shb-cms-imageslider__button-prev-icon {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -83px;
  width: 11px;
  height: 25px;
  display: inline-block;
}
.grid_8 .shb-cms-imageslider__button-next:hover .shb-cms-imageslider__button-next-icon,
.grid_6 .shb-cms-imageslider__button-next:hover .shb-cms-imageslider__button-next-icon,
.shb-cms-content__1 .shb-cms-imageslider__button-next:hover .shb-cms-imageslider__button-next-icon,
.shb-cms-content__2 .shb-cms-imageslider__button-next:hover .shb-cms-imageslider__button-next-icon,
.shb-cms-content__3 .shb-cms-imageslider__button-next:hover .shb-cms-imageslider__button-next-icon,
.shb-cms-content__50 .shb-cms-imageslider__button-next:hover .shb-cms-imageslider__button-next-icon,
.grid_8 .shb-cms-imageslider__button-next:focus .shb-cms-imageslider__button-next-icon,
.grid_6 .shb-cms-imageslider__button-next:focus .shb-cms-imageslider__button-next-icon,
.shb-cms-content__1 .shb-cms-imageslider__button-next:focus .shb-cms-imageslider__button-next-icon,
.shb-cms-content__2 .shb-cms-imageslider__button-next:focus .shb-cms-imageslider__button-next-icon,
.shb-cms-content__3 .shb-cms-imageslider__button-next:focus .shb-cms-imageslider__button-next-icon,
.shb-cms-content__50 .shb-cms-imageslider__button-next:focus .shb-cms-imageslider__button-next-icon {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -233px;
  width: 11px;
  height: 25px;
}
.grid_8 .shb-cms-imageslider__button-next-icon,
.grid_6 .shb-cms-imageslider__button-next-icon,
.shb-cms-content__1 .shb-cms-imageslider__button-next-icon,
.shb-cms-content__2 .shb-cms-imageslider__button-next-icon,
.shb-cms-content__3 .shb-cms-imageslider__button-next-icon,
.shb-cms-content__50 .shb-cms-imageslider__button-next-icon {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_medium.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_medium.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -183px;
  width: 11px;
  height: 25px;
  display: inline-block;
}
.shb-cms-table__wrapper {
  overflow-x: auto;
  margin-bottom: 30px;
}
.shb-cms-table__wrapper .shb-cms-img {
  border-radius: 0;
}
.shb-cms-table-open > tbody > tr {
  border-bottom: 1px solid #dedede;
}
@media only screen and (min-width: 475px) and (max-width: 767px) {
  .shb-surface-responsive table.shb-cms-table__col-count .shb-cms-table__header {
    width: calc(30vw - 9px) !important;
  }
  .shb-surface-responsive table.shb-cms-table__col-count--4 {
    width: calc(120vw - 36px);
  }
  .shb-surface-responsive table.shb-cms-table__col-count--5 {
    width: calc(150vw - 45px);
  }
  .shb-surface-responsive table.shb-cms-table__col-count--6 {
    width: calc(180vw - 54px);
  }
  .shb-surface-responsive table.shb-cms-table__col-count--7 {
    width: calc(210vw - 63px);
  }
  .shb-surface-responsive table.shb-cms-table__col-count--8 {
    width: calc(240vw - 72px);
  }
  .shb-surface-responsive table.shb-cms-table__col-count--9 {
    width: calc(270vw - 81px);
  }
  .shb-surface-responsive table.shb-cms-table__col-count--10 {
    width: calc(300vw - 90px);
  }
}
@media only screen and (max-width: 474px) {
  .shb-surface-responsive table.shb-cms-table__col-count .shb-cms-table__header {
    width: calc(45vw - 14px) !important;
  }
  .shb-surface-responsive table.shb-cms-table__col-count--4 {
    width: calc(135vw - 42px);
  }
  .shb-surface-responsive table.shb-cms-table__col-count--5 {
    width: calc(180vw - 56px);
  }
  .shb-surface-responsive table.shb-cms-table__col-count--6 {
    width: calc(225vw - 70px);
  }
  .shb-surface-responsive table.shb-cms-table__col-count--7 {
    width: calc(270vw - 84px);
  }
  .shb-surface-responsive table.shb-cms-table__col-count--8 {
    width: calc(315vw - 98px);
  }
  .shb-surface-responsive table.shb-cms-table__col-count--9 {
    width: calc(360vw - 112px);
  }
  .shb-surface-responsive table.shb-cms-table__col-count--10 {
    width: calc(405vw - 126px);
  }
}
.shb-cms-table-closed {
  background-color: #fff;
}
.shb-cms-table-closed > tbody > tr > th {
  color: #043b62;
  background-color: #e1f0f5;
}
.shb-cms-table-closed > tbody > tr > th,
.shb-cms-table-closed > tbody > tr > td {
  border: 1px solid #dedede;
}
.shb-cms-table-open,
.shb-cms-table-closed {
  width: 100%;
  margin-bottom: 10px;
  position: relative;
}
.shb-cms-table-open > tbody > tr > th,
.shb-cms-table-closed > tbody > tr > th {
  vertical-align: bottom;
}
.shb-cms-table-open > tbody > tr > td,
.shb-cms-table-closed > tbody > tr > td {
  vertical-align: top;
}
.shb-cms-table-open > tbody > tr > th,
.shb-cms-table-closed > tbody > tr > th,
.shb-cms-table-open > tbody > tr > td,
.shb-cms-table-closed > tbody > tr > td {
  padding: 10px;
}
.shb-cms-table-open .shb-cms-table__group,
.shb-cms-table-closed .shb-cms-table__group {
  font-size: 14px;
  background-color: #f6f6f6;
  font-weight: bold;
  padding: 4px 0;
}
.shb-cms-table-open .shb-cms-table__header,
.shb-cms-table-closed .shb-cms-table__header {
  padding: 0 10px;
  font-size: 16px;
}
.shb-cms-table-open .shb-cms-table__header-text,
.shb-cms-table-closed .shb-cms-table__header-text {
  display: inline-block;
  font-weight: bold;
}
.shb-cms-table-open .shb-cms-table__header-image-wrapper,
.shb-cms-table-closed .shb-cms-table__header-image-wrapper {
  margin: 9px 0;
}
.shb-cms-table-open .shb-cms-table__header-image-wrapper::after,
.shb-cms-table-closed .shb-cms-table__header-image-wrapper::after {
  content: "\A";
  white-space: pre;
}
.shb-cms-table-open .shb-cms-table__cell-align-left,
.shb-cms-table-closed .shb-cms-table__cell-align-left {
  text-align: left;
}
.shb-cms-table-open .shb-cms-table__cell-align-left:first-of-type,
.shb-cms-table-closed .shb-cms-table__cell-align-left:first-of-type {
  padding-left: 0;
}
.shb-cms-table-open .shb-cms-table__cell-align-right,
.shb-cms-table-closed .shb-cms-table__cell-align-right {
  text-align: right;
}
.shb-cms-table-open .shb-cms-table__cell-align-center,
.shb-cms-table-closed .shb-cms-table__cell-align-center {
  text-align: center;
}
.shb-cms-table-open .shb-cms-table__symbol-check,
.shb-cms-table-closed .shb-cms-table__symbol-check {
  display: inline-block;
}
.shb-cms-table-open .shb-cms-table__symbol-check:before,
.shb-cms-table-closed .shb-cms-table__symbol-check:before {
  background-image: none;
  content: "\2713";
  /*check mark */
  font-family: 'shb-iconfont', sans-serif;
  color: #0080BB;
  font-size: 13px;
}
@media only screen and (max-width: 474px) {
  .shb-surface-responsive .shb-cms-table-open.shb-cms-table__col-count.shb-cms-table__col-count--2 .shb-cms-table__header.shb-cms-table__cell-align-left:first-child,
  .shb-surface-responsive .shb-cms-table-closed.shb-cms-table__col-count.shb-cms-table__col-count--2 .shb-cms-table__header.shb-cms-table__cell-align-left:first-child,
  .shb-surface-responsive .shb-cms-table-open.shb-cms-table__col-count.shb-cms-table__col-count--1 .shb-cms-table__header.shb-cms-table__cell-align-left:first-child,
  .shb-surface-responsive .shb-cms-table-closed.shb-cms-table__col-count.shb-cms-table__col-count--1 .shb-cms-table__header.shb-cms-table__cell-align-left:first-child {
    width: 100% !important;
    /* !important so that it overwrites responsive col-count css classes*/
  }
  .shb-surface-responsive .shb-cms-table-open.shb-cms-table__col-count.shb-cms-table__col-count--2 .shb-cms-table__header.shb-cms-table__cell-align-left:first-child span,
  .shb-surface-responsive .shb-cms-table-closed.shb-cms-table__col-count.shb-cms-table__col-count--2 .shb-cms-table__header.shb-cms-table__cell-align-left:first-child span,
  .shb-surface-responsive .shb-cms-table-open.shb-cms-table__col-count.shb-cms-table__col-count--1 .shb-cms-table__header.shb-cms-table__cell-align-left:first-child span,
  .shb-surface-responsive .shb-cms-table-closed.shb-cms-table__col-count.shb-cms-table__col-count--1 .shb-cms-table__header.shb-cms-table__cell-align-left:first-child span {
    display: none;
  }
  .shb-surface-responsive .shb-cms-table-open.shb-cms-table__col-count.shb-cms-table__col-count--2 thead > tr > th:nth-child(2) span,
  .shb-surface-responsive .shb-cms-table-closed.shb-cms-table__col-count.shb-cms-table__col-count--2 thead > tr > th:nth-child(2) span,
  .shb-surface-responsive .shb-cms-table-open.shb-cms-table__col-count.shb-cms-table__col-count--1 thead > tr > th:nth-child(2) span,
  .shb-surface-responsive .shb-cms-table-closed.shb-cms-table__col-count.shb-cms-table__col-count--1 thead > tr > th:nth-child(2) span {
    display: none;
  }
  .shb-surface-responsive .shb-cms-table-open.shb-cms-table__col-count.shb-cms-table__col-count--2 .shb-cms-table__header,
  .shb-surface-responsive .shb-cms-table-closed.shb-cms-table__col-count.shb-cms-table__col-count--2 .shb-cms-table__header,
  .shb-surface-responsive .shb-cms-table-open.shb-cms-table__col-count.shb-cms-table__col-count--1 .shb-cms-table__header,
  .shb-surface-responsive .shb-cms-table-closed.shb-cms-table__col-count.shb-cms-table__col-count--1 .shb-cms-table__header {
    width: 100%;
    padding: 0px;
  }
  .shb-surface-responsive .shb-cms-table-open.shb-cms-table__col-count.shb-cms-table__col-count--2 .shb-text.shb-cms-table__cell-align-left:first-child,
  .shb-surface-responsive .shb-cms-table-closed.shb-cms-table__col-count.shb-cms-table__col-count--2 .shb-text.shb-cms-table__cell-align-left:first-child,
  .shb-surface-responsive .shb-cms-table-open.shb-cms-table__col-count.shb-cms-table__col-count--1 .shb-text.shb-cms-table__cell-align-left:first-child,
  .shb-surface-responsive .shb-cms-table-closed.shb-cms-table__col-count.shb-cms-table__col-count--1 .shb-text.shb-cms-table__cell-align-left:first-child {
    position: relative;
    padding: 0 10px;
    font-size: 12px;
    background: rgba(0, 0, 0, 0.1);
    /* TODO: use border-top mixin since its the same as everywhere else */
    border-top: 1px solid #dedede;
    line-height: 1.4;
    display: block;
  }
  .shb-surface-responsive .shb-cms-table-open.shb-cms-table__col-count.shb-cms-table__col-count--2 .shb-text.shb-cms-table__cell-align-left:first-child:after,
  .shb-surface-responsive .shb-cms-table-closed.shb-cms-table__col-count.shb-cms-table__col-count--2 .shb-text.shb-cms-table__cell-align-left:first-child:after,
  .shb-surface-responsive .shb-cms-table-open.shb-cms-table__col-count.shb-cms-table__col-count--1 .shb-text.shb-cms-table__cell-align-left:first-child:after,
  .shb-surface-responsive .shb-cms-table-closed.shb-cms-table__col-count.shb-cms-table__col-count--1 .shb-text.shb-cms-table__cell-align-left:first-child:after {
    /* TODO: the text can be rich text so it might be a block-element. Thus content: ":" is not safe */
    /* content: ":"; */
  }
  .shb-surface-responsive .shb-cms-table-open.shb-cms-table__col-count.shb-cms-table__col-count--2 td:not(:first-child),
  .shb-surface-responsive .shb-cms-table-closed.shb-cms-table__col-count.shb-cms-table__col-count--2 td:not(:first-child),
  .shb-surface-responsive .shb-cms-table-open.shb-cms-table__col-count.shb-cms-table__col-count--1 td:not(:first-child),
  .shb-surface-responsive .shb-cms-table-closed.shb-cms-table__col-count.shb-cms-table__col-count--1 td:not(:first-child) {
    padding-top: 5px;
    display: block;
  }
}
@media only screen and (max-width: 474px) {
  .shb-surface-responsive .shb-cms-table-open .shb-cms-table__header.shb-cms-table__cell-align-left:first-child,
  .shb-surface-responsive .shb-cms-table-closed .shb-cms-table__header.shb-cms-table__cell-align-left:first-child {
    width: 1px !important;
    /* !important so that it overwrites responsive col-count css classes*/
  }
  .shb-surface-responsive .shb-cms-table-open .shb-cms-table__header.shb-cms-table__cell-align-left:first-child span,
  .shb-surface-responsive .shb-cms-table-closed .shb-cms-table__header.shb-cms-table__cell-align-left:first-child span {
    display: none;
  }
  .shb-surface-responsive .shb-cms-table-open .shb-cms-table__header,
  .shb-surface-responsive .shb-cms-table-closed .shb-cms-table__header {
    width: 50%;
  }
  .shb-surface-responsive .shb-cms-table-open .shb-text.shb-cms-table__cell-align-left:first-child,
  .shb-surface-responsive .shb-cms-table-closed .shb-text.shb-cms-table__cell-align-left:first-child {
    position: absolute;
    left: 0;
    right: 0;
    padding: 0 10px;
    font-size: 12px;
    background: rgba(0, 0, 0, 0.1);
    /* TODO: use border-top mixin since its the same as everywhere else */
    border-top: 1px solid #dedede;
    line-height: 1.4;
    width: 97%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .shb-surface-responsive .shb-cms-table-open .shb-text.shb-cms-table__cell-align-left:first-child:after,
  .shb-surface-responsive .shb-cms-table-closed .shb-text.shb-cms-table__cell-align-left:first-child:after {
    /* TODO: the text can be rich text so it might be a block-element. Thus content: ":" is not safe */
    /* content: ":"; */
  }
  .shb-surface-responsive .shb-cms-table-open td:not(:first-child),
  .shb-surface-responsive .shb-cms-table-closed td:not(:first-child) {
    padding-top: 30px;
  }
}
.shb-cms-richtext ol {
  counter-reset: my-awesome-counter;
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
}
.shb-cms-richtext ol > li {
  background-image: url("../../../img/jedi/base/kit/svg/icn_numb_circle_25x25_cde5f0.svg");
  background-position: 0px 9px;
  counter-increment: my-awesome-counter;
  padding: 11px 0px 5px 35px;
  position: relative;
  min-height: 18px;
  background-repeat: no-repeat;
}
.shb-cms-richtext ol > li:before {
  content: counter(my-awesome-counter);
  padding-left: 0px;
  color: #017ab2;
  text-align: center;
  display: inline-block;
  width: 25px;
  font-family: SHB_SlabSerifBold, Georgia, sans-serif;
  font-size: 16px;
  position: absolute;
  left: 0;
  top: 10px;
}
.shb-cms-richtext ul {
  list-style: none;
  margin: 0 0 20px 0;
  padding: 0;
}
.shb-cms-richtext ul > li {
  padding: 10px 0 5px 35px;
  position: relative;
}
.shb-cms-richtext ul > li:before {
  content: "•";
  color: transparent;
  background-image: url("../../../img/jedi/base/kit/svg/icn_dot_8x8_008.svg");
  position: absolute;
  left: 10px;
  top: 17px;
  width: 8px;
  height: 8px;
  display: block;
}
@media print {
  .shb-cms-richtext ul > li:before {
    color: #0080bb;
    top: 10px;
    left: 15px;
    font-size: 32px;
  }
}
.shb-cms-richtext blockquote {
  margin: 0;
  font-size: 28px;
  font-family: SHB_SlabSerifLight, Georgia, sans-serif;
  color: #222;
  line-height: 36px;
}
.shb-cms-richtext q {
  font-size: 42px;
  font-family: SHB_SlabSerifLight, Georgia, sans-serif;
  color: #222;
  display: block;
  line-height: 50px;
}
.shb-cms-richtext h2 {
  font-family: SHB_SlabSerifBold, Georgia, sans-serif;
  margin-top: 0;
  color: #222222;
  line-height: 26px;
  margin-bottom: 4px;
}
.shb-cms-richtext h3 {
  font-family: SHB_SlabSerifBold, Georgia, sans-serif;
  margin-top: 0;
  color: #222222;
  font-size: 20px;
  line-height: 26px;
  margin-bottom: 4px;
}
.shb-cms-richtext h4 {
  margin-top: 3px;
  margin-bottom: 0;
  font-family: SHB_SlabSerifBold, Georgia, sans-serif;
  color: #222222;
  font-size: 18px;
}
.shb-cms-richtext h5,
.shb-cms-richtext h6 {
  margin-top: 0;
  margin-bottom: 2px;
  font-family: SHB_SlabSerifBold, Georgia, sans-serif;
  color: #222222;
}
.shb-cms-richtext a:focus {
  text-decoration: underline;
}
.shb-cms-richtext p {
  margin-top: 0;
  margin-bottom: 20px;
}
.shb-cms-richtext p:last-child {
  margin-bottom: 0;
}
.shb-cms-richtext p:first-child {
  margin-top: 0;
}
.shb-cms-richtext hr {
  border: none;
  border-top: 1px solid #e4e4e4;
  margin: 15px 0 15px 0;
}
.shb-cms-richtext .shb-text,
.shb-cms-richtext.shb-text {
  line-height: 1.6em;
}
.shb-cms-richtext .shb-rich-text__link-container {
  display: inline-block;
}
.shb-cms__block {
  margin-bottom: 20px;
}
.shb-cms__block:last-child {
  margin-bottom: 0;
}
.shb-cms-panel-control {
  border: none;
  background-color: transparent;
  display: inline-block;
  height: 1em;
  /* To hide other images in the spite */
}
.shb-cms-panel-control--is-collapsed {
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-left: 22px;
  background-position: 3px -124px;
}
.shb-cms-panel-control--is-collapsed:focus {
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-left: 22px;
  background-position: 3px -1895px;
}
.shb-cms-panel-control--is-expanded {
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-left: 22px;
  background-position: 3px -158px;
}
.shb-cms-panel-control--is-expanded:focus {
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-left: 22px;
  background-position: 2px -1933px;
}
/* Grid */
.shb-cms__displaytable {
  display: table;
}
.shb-cms__displaytable-row {
  display: table-row;
}
.shb-cms__displaytable-cell {
  display: table-cell;
  vertical-align: top;
}
.shb-cms__padding--small {
  padding: 20px;
}
.shb-cms__tag {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #df638e;
}
.shb-cms-richtext.shb-cms-large-list {
  /* large bullet list */
}
.shb-cms-richtext.shb-cms-large-list ol {
  counter-reset: my-awesome-counter;
  list-style: none;
  margin: 0;
  padding: 0;
}
.shb-cms-richtext.shb-cms-large-list ol > li {
  background-image: url("../../../img/jedi/base/kit/svg/icn_numb_circle_25x25_cde5f0.svg");
  background-position: 5px 13px;
  counter-increment: my-awesome-counter;
  padding: 12px 0 10px 45px;
  position: relative;
}
.shb-cms-richtext.shb-cms-large-list ol > li:before {
  content: counter(my-awesome-counter);
  padding-left: 0;
  color: #017ab2;
  text-align: center;
  display: inline-block;
  width: 36px;
  font-family: SHB_SlabSerifBold, Georgia, sans-serif;
  font-size: 20px;
  position: absolute;
  left: 0;
  top: 14px;
}
.shb-cms-richtext.shb-cms-large-list ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.shb-cms-richtext.shb-cms-large-list ul > li {
  padding: 10px 0 10px 45px;
  position: relative;
}
.shb-cms-richtext.shb-cms-large-list ul > li:before {
  background-image: url("../../../img/jedi/base/kit/shb-iconfont/check_25x25.svg");
  content: ' ';
  color: #0080BB;
  font-size: 25px;
  top: 9px;
  width: 25px;
  height: 25px;
}
.shb-cms-richtext.shb-cms-large-list ul > li:before {
  background-image: none;
  content: "\f104";
  font-family: 'shb-iconfont', sans-serif;
  color: #0080BB;
  font-size: 25px;
  top: 9px;
}
.shb-cms-link__contains--image {
  display: block;
}
.shb-cms-img {
  max-width: 100%;
  margin: 0 auto;
  height: auto;
  border-radius: 16px;
}
.shb-cms-img.shb-cms-img--large {
  display: none !important;
}
@media only screen and (min-width: 768px) {
  .shb-cms-img.shb-cms-img--large {
    display: block !important;
  }
}
@media only screen and (min-width: 768px) {
  .shb-cms-img.shb-cms-img--small {
    display: none !important;
  }
}
.shb-cms-img__wrapper {
  line-height: 0;
  text-align: center;
  /* center image */
  margin-left: auto;
  margin-right: auto;
}
.shb-cms-related {
  padding: 37px 39px;
  background-color: #ffffff;
  border: 1px solid #dedede;
  border-top: 3px solid #c4e2eb;
  border-radius: 8px;
  overflow: hidden;
}
.shb-cms-related .shb-cms-related__icon-container {
  width: 100px;
  padding-right: 20px;
}
.shb-cms-related .shb-cms-related__icon {
  width: 100px;
}
.shb-cms-related .shb-cms-related__expand {
  padding-top: 39px;
  border-top: 1px solid #dedede;
}
.shb-cms-related .shb-cms-related__icon {
  padding-bottom: 16px;
}
.shb-cms-related__21__primary-content {
  display: inline-block;
  width: 540px;
  vertical-align: top;
  margin-bottom: 40px;
}
.shb-cms-related__21__secondary-content {
  display: inline-block;
  width: 260px;
  margin-left: 29px;
  vertical-align: top;
  padding-left: 29px;
  border-left: 1px solid #dedede;
  margin-bottom: 40px;
}
.shb-cms-related__21__block {
  display: inline-block;
  margin-right: 20px;
}
.shb-cms-related__1__primary-content {
  margin-bottom: 40px;
}
.shb-cms-related__21_icon-container {
  width: 100px;
  padding-right: 16px;
}
body.non-responsive .shb-cms-related__21__displaytable-row {
  display: table-row;
}
body.non-responsive .shb-cms-related__21__displaytable-cell {
  display: table-cell;
  vertical-align: top;
}
@media only screen and (max-width: 767px) {
  body:not(.non-responsive) .shb-cms-related .shb-cms__displaytable {
    display: block;
  }
  body:not(.non-responsive) .shb-cms-related .shb-cms__displaytable-row,
  body:not(.non-responsive) .shb-cms-related .shb-cms-related__21__displaytable-row {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  body:not(.non-responsive) .shb-cms-related .shb-cms__displaytable-row .shb-cms-related__icon-container,
  body:not(.non-responsive) .shb-cms-related .shb-cms-related__21__displaytable-row .shb-cms-related__icon-container,
  body:not(.non-responsive) .shb-cms-related .shb-cms__displaytable-row .shb-cms-related__21_icon-container,
  body:not(.non-responsive) .shb-cms-related .shb-cms-related__21__displaytable-row .shb-cms-related__21_icon-container {
    padding: 0;
  }
  body:not(.non-responsive) .shb-cms-related .shb-cms-related__21__v2__reverse-row {
    display: flex;
    flex-direction: column-reverse;
  }
  body:not(.non-responsive) .shb-cms-related .shb-cms-related__21__v2__reverse-row .shb-cms-related__21_icon-container {
    flex: 0 0 auto;
  }
  body:not(.non-responsive) .shb-cms-related .shb-cms__link {
    display: inline-block;
  }
  body:not(.non-responsive) .shb-cms-related__21__reverse-row {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  body:not(.non-responsive) .shb-cms-related__21__reverse-row .shb-cms-related__21_icon-container {
    flex: 0 0 auto;
  }
}
@media only screen and (min-width: 768px) {
  body:not(.non-responsive) .shb-cms-related__21__displaytable-row {
    display: table-row;
  }
  body:not(.non-responsive) .shb-cms-related__21__displaytable-cell {
    display: table-cell;
    vertical-align: top;
  }
  body:not(.non-responsive) .shb-cms-related__21__expand {
    display: flex;
    padding-top: 39px;
    border-top: 1px solid #dedede;
    margin-bottom: 32px;
  }
  body:not(.non-responsive) .shb-cms-related__21__expand .shb-cms-content__2 {
    flex: 1 1 auto;
  }
  body:not(.non-responsive) .shb-cms-related__21__expand .shb-cms-content__1 {
    flex: 0 0 33%;
  }
}
body:not(.non-responsive) .shb-cms-related__container {
  max-width: 100%;
}
body:not(.non-responsive) .shb-cms-related__21_icon-container {
  width: 100px;
}
body:not(.non-responsive) .shb-cms-related__21__primary-content {
  display: block;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  body:not(.non-responsive) .shb-cms-related__21__secondary-content {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
    border-left: 0;
    border-top: 1px solid #dedede;
    padding-top: 40px;
    display: block;
  }
}
body:not(.non-responsive) .shb-cms-related__21__secondary-content:empty {
  display: none;
}
.shb-cms-related-details > svg {
  transform: rotateZ(270deg);
}
.shb-cms-related-link {
  padding: 0 4px;
  color: #005fa5;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-skip-ink: auto;
  max-width: fit-content;
  word-wrap: break-word;
}
.shb-cms-related-link::marker {
  color: #005fa5;
}
.shb-cms-related-link:visited {
  color: #005fa5;
}
.shb-cms-related-link:hover {
  text-decoration-style: double;
  outline-offset: initial;
}
.shb-cms-related-link:focus {
  background-color: #005fa5;
  outline: 3px solid #005fa5;
  outline-offset: initial;
  color: #ffffff;
}
.shb-cms-related-link:focus::marker {
  color: #ffffff;
}
.shb-cms-related-inner {
  text-decoration: underline;
}
.shb-cms-related-inner:hover {
  text-decoration-style: double;
}
.shb-cms-quote {
  clear: both;
  display: table;
  width: 100%;
  padding-top: 40px;
}
.shb-cms-quote.shb-module-wrapper {
  padding-bottom: 0;
}
.shb-cms-quote.shb-cms-quote--border {
  box-sizing: border-box;
  border-top: 3px solid #e4e4e4;
  border-bottom: 3px solid #e4e4e4;
  margin-top: 80px;
  margin-bottom: 80px;
  padding: 40px 80px 0 80px;
  width: auto;
}
.shb-cms-quote__tagline {
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #df638e;
  margin: 0;
  position: absolute;
  top: -32px;
}
.shb-cms-quote__quote {
  font-family: SHB_SlabSerifLight, Georgia, sans-serif;
  font-size: 28px;
  color: #222;
  margin: 0;
  line-height: 36px;
}
.shb-cms-quote__inner {
  border-bottom: 3px solid #c4e2eb;
  display: table-row;
}
.shb-cms-quote__text-wrapper {
  display: table-cell;
  align-items: center;
  position: relative;
  vertical-align: middle;
  padding-right: 15px;
  padding-left: 30px;
}
.shb-cms-quote__photo-wrapper {
  display: table-cell;
  padding-right: 30px;
  vertical-align: bottom;
  line-height: 0;
  text-align: right;
}
.shb-cms-quote__photo-wrapper > img {
  max-width: 300px;
}
.shb-cms-quote__quote-wrapper {
  display: inline-block;
  position: relative;
}
.shb-cms-quote__name {
  font-weight: bold;
}
.shb-cms-quote__quoter {
  position: absolute;
  right: 15px;
  bottom: 15px;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  body:not(.browser-msie):not(.non-responsive) .shb-surface-responsive .shb-cms-quote {
    display: block;
  }
  body:not(.browser-msie):not(.non-responsive) .shb-surface-responsive .shb-cms-quote.shb-cms-quote--border {
    box-sizing: border-box;
    border-top: 3px solid #e4e4e4;
    border-bottom: 3px solid #e4e4e4;
    margin-top: 80px;
    margin-bottom: 80px;
    padding: 40px 20px 0 20px;
    width: auto;
  }
  body:not(.browser-msie):not(.non-responsive) .shb-surface-responsive .shb-cms-quote__inner {
    display: flex;
    flex-wrap: wrap;
  }
  body:not(.browser-msie):not(.non-responsive) .shb-surface-responsive .shb-cms-quote__text-wrapper {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: 0;
    min-width: 280px;
    padding: 0;
    margin-bottom: 8px;
  }
  body:not(.browser-msie):not(.non-responsive) .shb-surface-responsive .shb-cms-quote__photo-wrapper {
    display: block;
    flex-grow: 1;
    flex-shrink: 1;
    padding: 0;
  }
  body:not(.browser-msie):not(.non-responsive) .shb-surface-responsive .shb-cms-quote__photo-wrapper .shb-cms-quote__inner-photo-wrapper {
    flex-shrink: 0;
    width: 100%;
    border: 1px solid red;
  }
  body:not(.browser-msie):not(.non-responsive) .shb-surface-responsive .shb-cms-quote__photo-wrapper > img {
    width: 100%;
    max-width: 300px;
  }
  body:not(.browser-msie):not(.non-responsive) .shb-surface-responsive .shb-cms-quote__quote-wrapper {
    display: flex;
    flex-grow: 1;
    align-items: center;
  }
  body:not(.browser-msie):not(.non-responsive) .shb-surface-responsive .shb-cms-quote__quoter {
    position: relative;
    bottom: 0;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  body.browser-msie:not(.non-responsive) .shb-surface-responsive .shb-cms-quote__text-wrapper {
    display: table-row;
  }
  body.browser-msie:not(.non-responsive) .shb-surface-responsive .shb-cms-quote__text-wrapper .shb-cms-quote__quote-wrapper {
    margin-bottom: 8px;
  }
  body.browser-msie:not(.non-responsive) .shb-surface-responsive .shb-cms-quote__photo-wrapper {
    display: table-row;
  }
  body.browser-msie:not(.non-responsive) .shb-surface-responsive .shb-cms-quote__photo-wrapper > img {
    max-width: 100%;
    width: 100%;
  }
}
.shb-cms-small-information__wrapper {
  position: relative;
  margin-bottom: 16px;
}
.shb-cms-small-information__tag {
  position: absolute;
  top: 8px;
  left: 0;
  background-color: #df638e;
  font-family: "Roboto", sans-serif;
  font-size: 12px;
  line-height: 1;
  font-weight: bold;
  padding-left: 8px;
  padding-right: 8px;
  color: #fff;
  height: 32px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.shb-cms-small-information__tag::after {
  content: '';
  display: block;
  position: absolute;
  right: -15px;
  top: 0;
  z-index: 1;
  border-left: 16px solid #df638e;
  border-bottom: 16px solid transparent;
  border-right: 0 solid transparent;
  border-top: 16px solid transparent;
}
.shb-cms-small-information__image-link {
  display: block;
}
.shb-cms-small-information__top-image-wrapper .shb-cms-img {
  border-radius: 8px 8px 0 0;
}
.shb-cms-small-information__summary-video {
  display: block;
}
.shb-cms-small-information__content {
  border-top: 3px solid #c4e2eb;
  background-color: #ffffff;
  border-bottom: 1px solid #dedede;
  border-left: 1px solid #dedede;
  border-right: 1px solid #dedede;
  border-radius: 0 0 8px 8px;
  padding: 16px;
}
.shb-cms-small-information__content:only-child {
  border-radius: 8px;
}
.shb-cms-small-information__content-tag {
  padding-top: 8px;
}
.shb-cms-small-information__content-text,
.shb-cms-small-information__content-link,
.shb-cms-small-information__content-paragraph {
  margin-bottom: 16px;
}
.shb-cms-small-information__content-inner {
  padding-top: 16px;
  border-top: 1px solid #dedede;
}
.shb-cms-small-information__content-image {
  margin-top: 16px;
  margin-bottom: 32px;
}
.shb-cms-message-banner {
  display: flex;
  padding: 8px;
  background-color: rgba(0, 0, 0, 0.04);
  border: 1px solid #dedede;
  margin-bottom: 16px;
  border-radius: 8px;
}
.shb-cms-message-banner__grid-cell {
  display: inline-block;
  vertical-align: top;
}
.shb-cms-message-banner__text {
  line-height: 16px;
  margin-left: 8px;
}
.shb-cms-message-banner-details > svg {
  transform: rotateZ(270deg);
}
.shb-cms-message-banner-link {
  padding: 0 4px;
  margin-left: 8px;
  color: #005fa5;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-skip-ink: auto;
  max-width: fit-content;
  word-wrap: break-word;
}
.shb-cms-message-banner-link::marker {
  color: #005fa5;
}
.shb-cms-message-banner-link:visited {
  color: #005fa5;
}
.shb-cms-message-banner-link:hover {
  text-decoration-style: double;
  outline-offset: initial;
}
.shb-cms-message-banner-link:focus {
  background-color: #005fa5;
  outline: 3px solid #005fa5;
  outline-offset: initial;
  color: #ffffff;
}
.shb-cms-message-banner-link:focus::marker {
  color: #ffffff;
}
.shb-cms-message-banner-link-inner {
  text-decoration: underline;
  display: inline-block;
}
.shb-cms-message-banner-link-inner:hover {
  text-decoration-style: double;
}
.shb-cms-message-banner__expand {
  margin-top: 16px;
  margin-left: 8px;
}
.shb-cms-article-top {
  margin-bottom: 40px;
}
@media only screen and (min-width: 768px) {
  .shb-surface-responsive .shb-cms-article-top {
    margin-bottom: 60px;
  }
}
.shb-cms-article-top__label {
  padding-bottom: 7px;
  margin-bottom: 80px;
  border-bottom: 1px solid #dedede;
}
.shb-framed-section .shb-cms-article-top__label {
  font-size: 24px;
  margin-bottom: 50px;
}
.shb-cms-article-top__heading {
  margin-bottom: 4px;
}
.shb-cms-article-top__left {
  text-align: center;
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  word-break: break-word;
}
.shb-cms-article-top__left:empty {
  display: none;
}
.shb-cms-article-top__nav {
  text-align: right;
  position: absolute;
  right: 0;
  top: 44px;
}
@media only screen and (max-width: 767px) {
  body:not(.non-responsive) .shb-cms-article-top__nav {
    top: 32px;
    right: auto;
    left: 0;
    text-align: left;
  }
}
.shb-cms-article-top__nav-item {
  display: inline-block;
  margin-right: 20px;
  padding-right: 20px;
  border-right: 1px solid #dedede;
}
@media only screen and (max-width: 767px) {
  body:not(.non-responsive) .shb-cms-article-top__nav-item {
    margin-right: 8px;
    margin-top: 8px;
    padding-right: 8px;
  }
}
.shb-cms-article-top__nav-item:last-child {
  border-right: none;
  padding-right: 0;
}
.shb-cms-article-top__nav-link {
  font-size: 16px;
}
.shb-cms-faq-list__container {
  max-width: 860px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 32px;
}
.shb-cms-faq-list__intro {
  margin-bottom: 16px;
}
.shb-cms-faq-list__list {
  margin: 0;
  padding: 0;
  border-top: 1px solid #dedede;
}
.shb-cms-faq-list__list-item {
  display: block;
  border-bottom: 1px solid #dedede;
}
.shb-cms-faq-list__button {
  display: flex;
  padding: 16px 0;
  border: none;
  background-color: transparent;
  width: 100%;
  max-width: none;
  text-decoration-line: underline;
}
.shb-cms-faq-list__button:active,
.shb-cms-faq-list__button:focus {
  background-color: #005fa5;
  color: #fff;
}
.shb-cms-faq-list__button:hover,
.shb-cms-faq-list__button:focus {
  outline: none;
  text-decoration-style: double;
}
.shb-cms-faq-list__icon-wrapper {
  width: 31px;
  text-align: center;
}
.shb-cms-faq-list__icon-arrow {
  transition: 0.3s transform;
  transform: rotateZ(-90deg);
}
.shb-cms-faq-list__button--is-expanded .shb-cms-faq-list__icon-arrow {
  transform: rotateZ(0deg);
}
.shb-cms-faq-list__text-wrapper {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s;
  overflow: hidden;
}
.shb-cms-faq-list__text-wrapper--is-expanded {
  grid-template-rows: 1fr;
}
.shb-cms-faq-list__text {
  align-self: end;
  min-height: 0;
  transition: visibility 0.3s;
  visibility: hidden;
}
.shb-cms-faq-list__text-wrapper--is-expanded .shb-cms-faq-list__text {
  visibility: visible;
}
.shb-cms-faq-list__text-inner {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 32px;
}
.shb-cms-faq-list__secondary-list-wrapper {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.3s;
  overflow: hidden;
}
.shb-cms-faq-list__secondary-list-wrapper .shb-cms-faq-list__list {
  border-top: none;
  align-self: end;
  min-height: 0;
  transition: visibility 0.3s;
  visibility: hidden;
}
.shb-cms-faq-list__secondary-list-wrapper--expanded {
  grid-template-rows: 1fr;
}
.shb-cms-faq-list__secondary-list-wrapper--expanded .shb-cms-faq-list__list {
  visibility: visible;
}
.shb-cms-faq-list__show-more {
  display: flex;
  justify-content: center;
  align-items: center;
}
.shb-cms-faq-list__show-more-button {
  text-align: center;
  line-height: 22px;
  padding-top: 8px;
  padding-bottom: 8px;
}
.shb-cms-faq-list__icon-arrow-down {
  transition: 0.3s transform;
  margin-right: 16px;
  margin-left: 16px;
  transform: rotateZ(0deg);
}
.shb-cms-faq-list__show-more--expanded .shb-cms-faq-list__icon-arrow-down {
  transform: rotateZ(180deg);
}
.shb-cms-faq-list__show-more-button {
  border: none;
  background-color: transparent;
  text-decoration-line: underline;
}
.shb-cms-faq-list__show-more-button:hover {
  text-decoration-style: double;
}
.shb-cms-guide-top {
  margin-left: min(calc(var(--sepu-body-spacing) * -1), calc(calc(calc(100vw  - 1440px) / 2) * -1));
  margin-right: min(calc(var(--sepu-body-spacing) * -1), calc(calc(calc(100vw  - 1440px) / 2) * -1));
  position: relative;
}
.shb-cms-guide-top__inner {
  padding-top: 32px;
  padding-bottom: 32px;
  display: flex;
  align-items: center;
  box-sizing: border-box;
  position: relative;
}
.shb-cms-guide-top__inner--has-image,
.shb-cms-guide-top__inner--has-background-image {
  min-height: 240px;
}
@media only screen and (min-width: 475px) {
  .shb-cms-guide-top__inner--has-image,
  .shb-cms-guide-top__inner--has-background-image {
    min-height: 280px;
  }
}
@media only screen and (min-width: 768px) {
  .shb-cms-guide-top__inner--has-image,
  .shb-cms-guide-top__inner--has-background-image {
    min-height: 380px;
  }
}
.shb-cms-guide-top__inner--has-image {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 80% 40%;
}
.shb-cms-guide-top__inner--has-background-image {
  background-repeat: repeat;
}
.shb-cms-guide-top__inner--dark:before,
.shb-cms-guide-top__inner--bright:before {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.5) 100%);
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media only screen and (min-width: 768px) {
  .shb-cms-guide-top__inner--dark:before,
  .shb-cms-guide-top__inner--bright:before {
    display: none;
  }
}
@media only screen and (min-width: 475px) {
  .shb-cms-guide-top__inner--dark:before {
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 40%, rgba(0, 0, 0, 0.3) 100%);
  }
}
@media only screen and (min-width: 475px) {
  .shb-cms-guide-top__inner--bright:before {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.2) 40%, rgba(255, 255, 255, 0.3) 100%);
  }
}
.shb-cms-guide-top__headlines {
  margin-bottom: 32px;
}
@media only screen and (min-width: 475px) {
  .shb-cms-guide-top__headlines {
    max-width: 510px;
  }
}
.shb-cms-guide-top__body {
  position: relative;
  padding-left: max(var(--sepu-body-spacing), calc(calc(100vw  - 1440px) / 2));
  padding-right: max(var(--sepu-body-spacing), calc(calc(100vw  - 1440px) / 2));
  width: 100%;
  box-sizing: border-box;
}
.shb-cms-guide-top__content--centered {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.shb-cms-guide-top__nav {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
}
.shb-cms-guide-top__nav-item {
  list-style-type: none;
}
.shb-cms-guide-top__nav-item-link {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  padding: 8px 16px;
  border: 1px solid #222;
  line-height: 1.6em;
  color: #222;
  text-decoration: none;
  display: inline-block;
  border-radius: 4px;
}
.shb-cms-guide-top__nav-item-link:hover,
.shb-cms-guide-top__nav-item-link:focus {
  color: #222;
  outline: none;
  text-decoration: underline;
}
.shb-cms-guide-top__nav-item-link--bright {
  color: #fff;
  border-color: #fff;
}
.shb-cms-guide-top__nav-item-link--bright:hover,
.shb-cms-guide-top__nav-item-link--bright:focus {
  color: #fff;
}
a.shb-cms-guide-top__nav-item-link {
  padding: 8px 16px;
  border: 1px solid #222;
  text-decoration: none;
  display: inline-block;
  border-radius: 4px;
  width: unset;
}
a.shb-cms-guide-top__nav-item-link:hover,
a.shb-cms-guide-top__nav-item-link:focus {
  outline: none;
  text-decoration: underline;
}
a.shb-cms-guide-top__nav-item-link--bright {
  border-color: #fff;
}
a.shb-cms-guide-top__nav-item-link--bright:hover,
a.shb-cms-guide-top__nav-item-link--bright:focus {
  color: #fff;
}
.shb-cms-action {
  display: flex;
  background-color: #005fa5;
  margin-top: 40px;
  margin-bottom: 70px;
  line-height: 0;
  align-items: center;
  padding: 10px;
}
.shb-cms-action .shb-text-link {
  font-family: SHB_SlabSerifLight, Georgia, sans-serif;
  font-weight: normal;
  font-size: 28px;
  color: #ffffff;
  line-height: 36px;
  width: auto;
  margin: 0 10px 0 0;
}
.shb-cms-action .shb-text-link .shb-react-chevron-right-icon {
  transform: scale(2);
  font-weight: normal;
}
.shb-cms-action__image {
  margin: 0 20px 0 40px;
  text-align: center;
  justify-content: center;
  align-items: center;
  display: flex;
  min-height: 100px;
}
.shb-cms-action__text {
  margin: 0 20px 0 40px;
  justify-content: center;
  align-items: center;
  display: flex;
  min-height: 100px;
  width: 100%;
}
@media only screen and (max-width: 767px) {
  body:not(.non-responsive) .shb-surface-responsive .shb-cms-action {
    align-items: flex-start;
    flex-direction: column;
  }
  body:not(.non-responsive) .shb-surface-responsive .shb-cms-action__text {
    margin: 10px 10px 10px 10px;
  }
  body:not(.non-responsive) .shb-surface-responsive .shb-cms-action__image {
    margin: 10px 10px 10px 10px;
  }
}
/* TODO: move to kit */
.shb-headline-label-dark {
  font-size: 20px;
  font-family: SHB_SlabSerifBold, Georgia, sans-serif;
  color: #222;
}
/* TODO: move to kit */
.shb-headline-tagline {
  line-height: 1.3em;
  font-family: SHB_SlabSerifLight, Georgia, sans-serif;
  font-size: 24px;
  color: #222;
}
.shb-headline-tagline.shb-headline-tagline--bright {
  color: #fff;
}
/* TODO: move to kit */
.shb-headline-top {
  font-family: SHB_SlabSerifLight, Georgia, sans-serif;
  font-size: 42px;
  color: #017ab2;
}
.shb-headline-top.shb-headline-top--bright {
  color: #fff;
}
.shb-article-top__intro,
.shb-cms-article__intro {
  margin-bottom: 20px;
}
.shb-article-top__intro {
  line-height: 22px;
  margin-top: 20px;
}
.shb-cms-article__intro {
  text-align: left;
}
.shb-cms-article-color,
.shb-cms-article--white,
.shb-cms-article--color2,
.shb-cms-article--color3,
.shb-cms-article--color4,
.shb-cms-article--color5 {
  padding-top: 40px;
  margin-left: min(calc(var(--sepu-body-spacing) * -1), calc(calc(calc(100vw  - 1440px) / 2) * -1));
  margin-right: min(calc(var(--sepu-body-spacing) * -1), calc(calc(calc(100vw  - 1440px) / 2) * -1));
  padding-left: max(var(--sepu-body-spacing), calc(calc(100vw  - 1440px) / 2));
  padding-right: max(var(--sepu-body-spacing), calc(calc(100vw  - 1440px) / 2));
}
@media only screen and (min-width: 910px) {
  .shb-cms-article-color,
  .shb-cms-article--white,
  .shb-cms-article--color2,
  .shb-cms-article--color3,
  .shb-cms-article--color4,
  .shb-cms-article--color5 {
    position: relative;
  }
}
.shb-cms-article-color .shb-cms-article__contents,
.shb-cms-article--white .shb-cms-article__contents,
.shb-cms-article--color2 .shb-cms-article__contents,
.shb-cms-article--color3 .shb-cms-article__contents,
.shb-cms-article--color4 .shb-cms-article__contents,
.shb-cms-article--color5 .shb-cms-article__contents {
  padding-bottom: 10px;
}
.shb-cms-article--white {
  background-color: #fff;
}
.shb-cms-article--color2 {
  background-color: #eff9fb;
}
.shb-cms-article--color3 {
  background-color: #f0f6f3;
}
.shb-cms-article--color4 {
  background-color: #fdf1e5;
}
.shb-cms-article--color5 {
  background-color: #fdf3f7;
}
.shb-cms-article__headline {
  text-align: center;
  max-width: 860px;
  margin: 0 auto 30px auto;
}
.shb-cms-article__image {
  margin-bottom: 40px;
  max-width: 100%;
}
.shb-cms-article__h2 {
  margin-top: -2px;
  margin-bottom: 40px;
  font-family: SHB_SlabSerifBold, Georgia, sans-serif;
  font-size: 28px;
  line-height: 36px;
  color: #222;
}
.shb-cms-article__container {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  max-width: 860px;
}
.shb-cms-article__container:empty {
  display: none;
}
.shb-cms-article__contents {
  margin-bottom: 40px;
}
@media only screen and (max-width: 767px) {
  .shb-cms-article__image .shb-cms-img {
    max-height: 260px;
    display: block;
    width: initial;
  }
}
@media only screen and (max-width: 767px) {
  .shb-cms-article-3 .shb-cms-contentstack__image .shb-cms-img,
  .shb-cms-article-21 .shb-cms-contentstack__image .shb-cms-img,
  .shb-cms-article-12 .shb-cms-contentstack__image .shb-cms-img {
    max-height: 260px;
    max-width: 100%;
    width: initial;
  }
  .shb-cms-article-3 .shb-cms-article__content:not(:last-child) {
    margin-bottom: 30px;
  }
}
.shb-framed-section .shb-cms-richtext .shb-cms-article__headline {
  text-align: left;
}
.shb-cms-article__contents .col-xs-12:not(:last-child) {
  margin-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .shb-cms-article__contents .col-xs-12:not(:last-child) {
    margin-bottom: 0;
  }
}
.shb-cms-article-article21-fact > div:nth-child(2) > .shb-cms-article-content__container {
  border-left: 3px solid #c4e2eb;
  border-radius: 4px;
  padding: 20px 15px;
  background-color: #fff;
  margin-bottom: 40px;
}
.shb-cms-article-100-tab--center {
  text-align: center;
}
.shb-cms-article-100-tab__li {
  display: inline-block;
  background-color: #cde5f0;
  margin-left: 10px;
  white-space: nowrap;
  border-radius: 8px 8px 0 0;
}
.shb-cms-article-100-tab__li > a {
  color: #0080bb !important;
  display: inline-block;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 15px;
  padding-bottom: 15px;
}
@media only screen and (min-width: 910px) {
  .shb-cms-article-100-tab__li > a {
    margin-left: 40px;
    margin-right: 40px;
  }
}
.shb-cms-article-100-tab__li--selected {
  background-color: white;
}
.shb-cms-article-100-tab__block {
  /* 1px bottom since 29+1 = 30 */
  padding: 30px 30px 1px 30px;
  background-color: white;
  border-radius: 8px;
}
.shb-cms-article-100-tab__block .shb-cms-article__contents {
  /* The 29px */
  margin-bottom: 29px;
}
.shb-cms-article-100-tab__ul {
  display: block;
  overflow-x: auto;
  white-space: nowrap;
  padding: 0;
  margin: 0 auto;
}
.shb-cms-article-article50help {
  width: 390px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 30px;
}
.shb-cms-article-article50help a[href*="/help/"]::after {
  content: none !important;
}
.shb-cms-article-article50help__content {
  width: 370px;
  vertical-align: top;
}
.shb-cms-richtext .shb-cms-article-help__container h1,
.shb-cms-richtext .shb-cms-article-help__container h2,
.shb-cms-richtext .shb-cms-article-help__container h3,
.shb-cms-richtext .shb-cms-article-help__container h4,
.shb-cms-richtext .shb-cms-article-help__container h5 {
  font-family: SHB_SlabSerifBold, Georgia, sans-serif;
}
/* Used in the responsive react application framework */
.shb-application-help__content .shb-cms-article-article50help {
  width: auto;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
.shb-application-help__content .shb-cms-article-article50help__content {
  width: auto;
}
.shb-cms-expandable-article {
  margin-bottom: 32px;
}
.shb-cms-disclaimer__container {
  margin-bottom: 32px;
}
.shb-cms-disclaimer {
  margin-top: 1, 80px;
}
.shb-cms-disclaimer__text {
  margin-bottom: 30px;
}
.shb-cms-disclaimer__text a.shb-cms__link-external:not(.shb-cms-link__contains--image)::after {
  content: " ";
  display: inline-block;
  margin-left: 6px;
  padding-right: 2px;
  vertical-align: middle;
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -268px;
  width: 11px;
  height: 11px;
}
.shb-cms-disclaimer__text a.shb-cms__link-external:not(.shb-cms-link__contains--image):hover::after {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -232px;
  width: 11px;
  height: 11px;
}
.shb-cms-line {
  border: none;
  border-top: 1px solid transparent;
  margin: 50px 0 50px 0;
}
.shb-cms-line.shb-cms-line--small {
  margin: 0 0 15px 0 !important;
}
@media only screen and (max-width: 767px) {
  .shb-surface-responsive .shb-cms-line {
    margin: 50px 0 50px 0;
  }
}
.shb-cms-richtext.shb-cms-help-list > .shb-cms-help-list__line {
  margin: 0;
}
ul.shb-cms-help-list__ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.shb-cms-help-list__ul > li.shb-cms-help-list__li {
  padding: 16px 24px 16px 0;
  position: relative;
  border-bottom: 1px solid #dedede;
  margin-left: 46px;
}
ul.shb-cms-help-list__ul > li.shb-cms-help-list__li:before {
  content: ".";
  color: transparent;
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  padding-left: 23px;
  background-position: left -1000px;
  left: 15px;
  margin-left: -46px;
  top: 13px;
  width: 0;
  height: 20px;
  display: block;
}
ul.shb-cms-help-list__ul > li.shb-cms-help-list__li a {
  text-decoration: underline;
  border-bottom: 1px solid transparent;
}
ul.shb-cms-help-list__ul > li.shb-cms-help-list__li a:hover {
  border-bottom: 1px solid;
}
ul.shb-cms-help-list__ul > li.shb-cms-help-list__li a:focus {
  background-color: #005fa5;
  color: #ffffff;
  outline: 3px solid #005fa5;
  outline-offset: initial;
}
.shb-cms-toggle__line {
  background: url('../../../img/jedi/base/modules/icons/25x25/center-line--medium.png') repeat-x;
  text-align: center;
  margin-bottom: 40px;
  margin-top: 15px;
}
.shb-cms-richtext .shb-cms-toggle__button {
  background-color: #fff;
  text-decoration: none;
}
.shb-cms-richtext .shb-cms-toggle__button:hover,
.shb-cms-richtext .shb-cms-toggle__button:active,
.shb-cms-richtext .shb-cms-toggle__button:focus {
  text-decoration: none;
  outline: none;
}
.shb-cms-richtext .shb-cms-toggle__button:hover .shb-link,
.shb-cms-richtext .shb-cms-toggle__button:active .shb-link,
.shb-cms-richtext .shb-cms-toggle__button:focus .shb-link,
.shb-cms-richtext .shb-cms-toggle__button:hover .shb-standard-link,
.shb-cms-richtext .shb-cms-toggle__button:active .shb-standard-link,
.shb-cms-richtext .shb-cms-toggle__button:focus .shb-standard-link,
.shb-cms-richtext .shb-cms-toggle__button:hover .shb-new-window-link,
.shb-cms-richtext .shb-cms-toggle__button:active .shb-new-window-link,
.shb-cms-richtext .shb-cms-toggle__button:focus .shb-new-window-link,
.shb-cms-richtext .shb-cms-toggle__button:hover .shb-button-set__cancel-button,
.shb-cms-richtext .shb-cms-toggle__button:active .shb-button-set__cancel-button,
.shb-cms-richtext .shb-cms-toggle__button:focus .shb-button-set__cancel-button,
.shb-cms-richtext .shb-cms-toggle__button:hover .shb-grid__link-text,
.shb-cms-richtext .shb-cms-toggle__button:active .shb-grid__link-text,
.shb-cms-richtext .shb-cms-toggle__button:focus .shb-grid__link-text,
.shb-cms-richtext .shb-cms-toggle__button:hover .shb-standard-link--back,
.shb-cms-richtext .shb-cms-toggle__button:active .shb-standard-link--back,
.shb-cms-richtext .shb-cms-toggle__button:focus .shb-standard-link--back,
.shb-cms-richtext .shb-cms-toggle__button:hover .shb-new-window-link--gray,
.shb-cms-richtext .shb-cms-toggle__button:active .shb-new-window-link--gray,
.shb-cms-richtext .shb-cms-toggle__button:focus .shb-new-window-link--gray {
  text-decoration: underline;
}
.shb-cms-toggle__content {
  display: none;
  overflow: auto;
}
.shb-cms-toggle--collapsed .shb-cms-toggle__collapse {
  display: none;
}
.shb-cms-toggle--collapsed::before {
  content: '.';
  color: #fff;
  background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-right: 27px;
  background-position: right 4px;
  margin-right: 19px;
}
.shb-cms-toggle--collapsed::after {
  content: '.';
  color: #fff;
  background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-left: 27px;
  background-position: left 4px;
  margin-left: 20px;
}
.shb-cms-toggle--expanded .shb-cms-toggle__expand {
  display: none;
}
.shb-cms-toggle--expanded::before {
  content: '.';
  color: #fff;
  background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-right: 27px;
  background-position: right -31px;
  margin-right: 19px;
}
.shb-cms-toggle--expanded::after {
  content: '.';
  color: #fff;
  background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-left: 27px;
  background-position: left -31px;
  margin-left: 19px;
}
.shb-cms-read-more-teaser {
  margin-top: 32px;
  margin-bottom: 32px;
  padding-top: 32px;
  border-top: 3px solid #e4e4e4;
}
@media only screen and (min-width: 768px) {
  .shb-cms-read-more-teaser {
    padding-left: 32px;
    padding-right: 32px;
  }
}
.shb-cms-read-more-teaser__items {
  margin-bottom: 32px;
}
@media only screen and (min-width: 475px) {
  .shb-cms-read-more-teaser__items {
    display: flex;
  }
}
@media only screen and (min-width: 475px) {
  .shb-cms-read-more-teaser__item {
    margin-right: 20px;
  }
  .shb-cms-read-more-teaser__item:last-child {
    margin-right: 0;
  }
}
.shb-cms-read-more-teaser__image,
.shb-cms-read-more-teaser__text {
  margin-bottom: 8px;
}
.shb-cms-read-more-teaser__list {
  margin: 0;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .shb-cms-read-more-teaser__list.should-split {
    column-count: 2;
    column-gap: 20px;
  }
}
.shb-cms-read-more-teaser__list-item {
  list-style: none;
  border-bottom: 1px solid #d4d4d4;
}
.shb-cms-read-more-teaser__list-item:first-child {
  border-top: 1px solid #d4d4d4;
}
.shb-cms-read-more-teaser__list-item .shb-text-link {
  padding-top: 16px;
  padding-bottom: 16px;
  padding-right: 8px;
  max-width: none;
  display: block;
}
.shb-cms-guide-entrance {
  border: 1px solid #dedede;
  border-radius: 8px;
}
.shb-cms-guide-entrance__link {
  text-decoration: none;
  display: table;
  width: 100%;
  box-sizing: border-box;
  background-color: #ffffff;
  line-height: 0;
  padding: 10px;
  border-top: 1px solid #dedede;
  overflow: auto;
  transition: 0.2s all;
}
.shb-cms-guide-entrance__link .shb-link--popup {
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-right: 19px;
  background-position: right -1445px;
  margin-right: 4px;
}
.shb-cms-guide-entrance__link:hover,
.shb-cms-guide-entrance__link:focus {
  background-color: #ebf4f7;
}
.shb-cms-guide-entrance__link:hover .shb-link--popup,
.shb-cms-guide-entrance__link:focus .shb-link--popup {
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-right: 19px;
  background-position: right -1371px;
}
.shb-cms-guide-entrance__link:first-child {
  border-top: none;
  border-radius: 7px 7px 0 0;
}
.shb-cms-guide-entrance__link:last-child {
  border-radius: 0 0 7px 7px;
}
.shb-cms-guide-entrance__link:only-child {
  border-radius: 7px;
}
.shb-cms-guide-entrance__image {
  display: table-cell;
  padding-right: 10px;
}
.shb-cms-guide-entrance__text {
  line-height: 1.2;
  display: table-cell;
  vertical-align: middle;
  overflow: hidden;
  width: 100%;
  white-space: nowrap;
}
.shb-cms-ordinary-cases__loader {
  display: flex;
}
.shb-cms-ordinary-cases__links-heading {
  background: #f5f5f5;
  padding: 8px 24px 7px 24px;
}
@media only screen and (max-width: 767px) {
  body:not(.non-responsive) .shb-cms-ordinary-cases__links-heading {
    border-top: 1px solid #dedede;
  }
}
.shb-cms-ordinary-cases__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.shb-cms-ordinary-cases__list-item {
  transition: 0.2s all;
  border-top: 1px solid #dedede;
}
.shb-cms-ordinary-cases__list-item:hover {
  background: #eaf4f7;
}
.shb-cms-ordinary-cases__link {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 12px 24px;
}
.shb-cms-ordinary-cases__link > svg {
  min-height: 24px;
  min-width: 24px;
}
.shb-cms-ordinary-cases__link:focus {
  background-color: #eaf4f7;
}
.shb-cms-ordinary-cases__menu-button {
  align-items: center;
  background-color: transparent;
  border-width: 0;
  border-top: 1px solid #f5f5f5;
  display: flex;
  height: 47px;
  justify-content: center;
  width: 100%;
  line-height: normal;
}
.shb-cms-ordinary-cases__menu-button:hover,
.shb-cms-ordinary-cases__menu-button:focus {
  background: #eaf4f7;
  text-decoration: underline;
}
.shb-cms-ordinary-cases__menu-button-text {
  padding-left: 8px;
}
.shb-cms-ordinary-cases__open-menu {
  display: flex;
  align-items: center;
}
.shb-cms-ordinary-cases__close-menu {
  display: none;
}
.shb-cms-ordinary-cases__new-window-icon {
  padding: 0 6px;
}
.shb-cms-ordinary-cases__new-window-icon > svg {
  min-height: 14px;
  min-width: 14px;
}
.shb-application__content-wrapper--menu-open .shb-cms-ordinary-cases__open-menu {
  display: none;
}
.shb-application__content-wrapper--menu-open .shb-cms-ordinary-cases__close-menu {
  display: flex;
  align-items: center;
}
.shb-application__content-wrapper--menu-open .shb-hamburger {
  transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
}
.shb-application__content-wrapper--menu-open .shb-hamburger .shb-hamburger__bar-first {
  transform: translate(2px, 0) rotate(45deg);
  -ms-transform: translate(2px, 0) rotate(45deg);
  -webkit-transform: translate(2px, 0) rotate(45deg);
}
.shb-application__content-wrapper--menu-open .shb-hamburger .shb-hamburger__bar-second {
  border-bottom: 3px solid transparent;
}
.shb-application__content-wrapper--menu-open .shb-hamburger .shb-hamburger__bar-third {
  transform: translate(2px, 0) rotate(-45deg);
  -ms-transform: translate(2px, 0) rotate(-45deg);
  -webkit-transform: translate(2px, 0) rotate(-45deg);
}
.shb-cms__action-link-wrapper {
  text-align: center;
  max-width: 860px;
  margin: 0 auto;
  margin-top: 3px;
}
.shb-cms__action-link-container {
  margin-bottom: 20px;
  display: inline-flex;
  flex-direction: column;
}
.shb-cms__action-link {
  text-decoration: none;
  display: inline-block;
  padding: 12px 40px;
  border: 1px solid #005fa5;
  color: #005fa5;
  line-height: 18px;
}
.shb-cms__action-link:hover,
.shb-cms__action-link:focus {
  text-decoration: underline;
  color: #043b62;
  border: 1px solid #043b62;
}
.shb-cms__action-link.shb-cms__action-link--important {
  background: #005fa5;
  border: 1px solid #005fa5;
  color: #fff;
}
.shb-cms__action-link.shb-cms__action-link--important:link,
.shb-cms__action-link.shb-cms__action-link--important:visited {
  color: #fff;
}
.shb-cms__action-link.shb-cms__action-link--important:hover,
.shb-cms__action-link.shb-cms__action-link--important:focus {
  color: #fff;
  background: #043b62;
}
@media print {
  .shb-cms__action-link.shb-cms__action-link--important {
    border: 1px solid #005fa5 !important;
    color: #000;
  }
}
.shb-cms-richtext {
  /* External links. But ignore <a href="#"> because we don't want to affect the navigation inside imageslider. Not document links */
}
.shb-cms-richtext .shb-cms__link.shb-cms__action-link--important::after {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -166px;
  width: 7px;
  height: 12px;
}
.shb-cms-richtext a.shb-cms__action-link--important.shb-cms__link-external:not(.shb-cms-link__contains--image)::after {
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -106px;
  width: 11px;
  height: 11px;
}
.shb-cms-richtext .shb-cms__action-link__disclaimer {
  text-align: left;
}
.shb-cms-richtext .shb-cms__action-link__disclaimer .shb-cms-disclaimer__text {
  max-width: inherit;
}
.shb-cms-news-list__container {
  max-width: 860px;
  margin: 0 auto 30px auto;
}
.shb-cms-news-list__date-label {
  font-weight: bold;
}
.shb-cms-news-list__dates-container {
  margin-top: 24px;
}
.shb-cms-non-liability-clause__expand {
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-top: 1px solid #dedede;
  margin: 24px -24px -24px -24px;
  padding: 16px 24px;
}
.shb-cms-non-liability-clause__expand-button-wrapper {
  text-align: center;
  border-top: 1px solid #dedede;
  padding-top: 16px;
  margin-bottom: -16px;
  margin-left: -32px;
  margin-right: -32px;
  padding-left: 32px;
  padding-right: 32px;
}
.shb-cms-non-liability-clause__expand-button {
  border: none;
  background-color: transparent;
  padding: 0;
  color: #005fa5;
  cursor: pointer;
  text-decoration: underline;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  text-align: left;
}
.shb-cms-non-liability-clause__expand-button span {
  display: inline-flex;
  align-items: center;
  padding: 8px;
}
.shb-cms-non-liability-clause__expand-button:hover {
  text-decoration-style: double;
}
.shb-cms-non-liability-clause__expand-button:focus {
  text-decoration-style: double;
}
.shb-cms-non-liability-clause__expand-content {
  display: grid;
  grid-template-rows: 1fr;
  transition: all 500ms;
}
.shb-cms-non-liability-clause__expand-content__is-collapsed {
  grid-template-rows: 0fr;
  padding-top: 0;
  border-width: 0;
}
.shb-cms-non-liability-clause__expand-content-inner {
  overflow: hidden;
}
.shb-cms-non-liability-clause__expand-content-item {
  margin: 16px 0;
  display: flex;
  flex-direction: column;
}
.shb-cms-non-liability-clause {
  container-type: inline-size;
  container-name: nonLiabilityClauseContainer;
}
.shb-cms-non-liability-clause__links {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 8px 0;
}
@container nonLiabilityClauseContainer (min-width: 768px) {
  .shb-cms-non-liability-clause__links {
    display: flex;
    flex-direction: row;
  }
}
.shb-cms-video {
  margin-bottom: 40px;
}
.shb-cms-video__player-container {
  padding-top: 56.25%;
  width: 100%;
  position: relative;
}
.shb-cms-video__player {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  border-radius: 16px;
}
.shb-cms-video__player .mejs-poster {
  background-size: cover;
}
.shb-cms-video-iframe {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  overflow: hidden;
  border-radius: 16px;
}
.shb-cms-video-iframe > iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}
.shb-cms-hero-content__label {
  font-weight: bold;
}
.shb-cms-hero-content__tagline,
.shb-cms-hero-content__headline {
  color: #222;
  margin-bottom: 32px;
}
@media only screen and (min-width: 768px) {
  .shb-cms-hero-content__tagline,
  .shb-cms-hero-content__headline {
    margin-bottom: 0;
  }
  .shb-cms-hero__layout--white .shb-cms-hero-content__tagline {
    color: #fff;
  }
}
.shb-cms-hero-content__headline {
  color: #005fa5;
  margin-bottom: 8px;
}
@media only screen and (min-width: 768px) {
  .shb-cms-hero-content__headline {
    color: #222;
  }
  .shb-cms-hero__layout--white .shb-cms-hero-content__headline {
    color: #fff;
  }
  .shb-cms-hero__layout--blue .shb-cms-hero-content__headline {
    color: #005fa5;
  }
}
.shb-cms-hero-content__text {
  margin-bottom: 16px;
}
.shb-cms-hero-content__text ol li {
  background-position-y: 8px;
}
.shb-cms-hero-content__text ul li:before {
  top: 10px;
  left: 6px;
  width: 16px;
  height: 16px;
  background-image: url("../../../img/jedi/base/kit/shb-iconfont/check-0x2713.svg");
  background-repeat: no-repeat;
  background-size: 100% auto;
}
.shb-cms-hero-content__navigation {
  display: flex;
  flex-wrap: wrap;
  white-space: nowrap;
  flex-direction: column;
  column-gap: 16px;
  row-gap: 8px;
}
@media only screen and (min-width: 768px) {
  .shb-cms-hero-content__navigation {
    margin-top: 16px;
    flex-direction: row;
    align-items: center;
  }
  .shb-cms-hero__type--transparent .shb-cms-hero-content__navigation {
    margin-bottom: 16px;
  }
}
.shb-cms-hero-content__navigation .shb-text-link {
  max-width: 100%;
  display: block;
  white-space: normal;
  width: fit-content;
}
.shb-cms-hero-content__navigation .shb-link-styled-as-button__wrapper--primaryVariant .shb-react-new-window-icon {
  filter: brightness(0) invert(1);
}
.shb-cms-hero-content__navigation .shb-link-styled-as-button__wrapper a {
  border-radius: 100px;
}
.shb-cms-hero__container {
  --narrow-image-aspect-ratio: calc(550 / 360);
  --wide-image-ascpect-ratio: calc(1900 / 460);
  margin-bottom: 48px;
  margin-left: min(calc(var(--sepu-body-spacing) * -1), calc(calc(calc(100vw  - 1440px) / 2) * -1));
  margin-right: min(calc(var(--sepu-body-spacing) * -1), calc(calc(calc(100vw  - 1440px) / 2) * -1));
}
@media only screen and (min-width: 768px) {
  .shb-cms-hero__container {
    margin-bottom: 64px;
  }
}
@media only screen and (min-width: 3000px) {
  .shb-cms-hero__container {
    margin-left: calc((3000px - 1440px) / -2);
    margin-right: calc((3000px - 1440px) / -2);
  }
}
@media only screen and (min-width: 768px) {
  .shb-cms-hero__container-inner {
    width: 100%;
    aspect-ratio: var(--wide-image-ascpect-ratio);
    position: relative;
    box-sizing: border-box;
    padding-left: max(var(--sepu-body-spacing), calc(calc(100vw  - 1440px) / 2));
    padding-right: max(var(--sepu-body-spacing), calc(calc(100vw  - 1440px) / 2));
  }
}
@media only screen and (min-width: 3000px) {
  .shb-cms-hero__container-inner {
    padding-left: calc((3000px - 1440px) / 2);
    padding-right: calc((3000px - 1440px) / 2);
  }
}
.shb-cms-hero__image-container {
  width: 100%;
  aspect-ratio: var(--narrow-image-aspect-ratio);
}
@media only screen and (min-width: 768px) {
  .shb-cms-hero__image-container {
    aspect-ratio: auto;
    left: 0;
    position: absolute;
    height: 100%;
  }
}
.shb-cms-hero__layout--white .shb-cms-hero__image-container {
  background-color: #bcbcbc;
}
.shb-cms-hero__layout--blue .shb-cms-hero__image-container {
  background-color: #fff;
}
.shb-cms-hero__image-container .shb-cms-hero__image--small {
  display: block;
}
@media only screen and (min-width: 768px) {
  .shb-cms-hero__image-container .shb-cms-hero__image--small {
    display: none;
  }
}
.shb-cms-hero__image-container .shb-cms-hero__image--large {
  display: none;
}
@media only screen and (min-width: 768px) {
  .shb-cms-hero__image-container .shb-cms-hero__image--large {
    display: block;
  }
}
.shb-cms-hero__image {
  height: 100%;
  width: 100%;
  object-fit: cover;
  object-position: bottom;
}
.shb-cms-hero__content-wrapper {
  position: relative;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .shb-cms-hero__content-wrapper {
    width: 100%;
    display: flex;
    min-height: 100%;
    align-items: center;
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .shb-cms-hero__content-wrapper.shb-cms-hero__layout--left {
    justify-content: start;
  }
  .shb-cms-hero__content-wrapper.shb-cms-hero__layout--right {
    justify-content: end;
  }
}
.shb-cms-hero__content {
  box-sizing: border-box;
  padding: 32px 16px;
  --width: 67%;
}
@media only screen and (min-width: 768px) {
  .shb-cms-hero__content {
    width: var(--width);
    padding-left: 0;
    padding-right: 0;
  }
}
@media only screen and (min-width: 910px) {
  .shb-cms-hero__content {
    max-width: 680px;
  }
}
.shb-cms-hero__content.shb-cms-hero__type--panel {
  background-color: #fff;
  padding-top: 32px;
  padding-bottom: 32px;
}
@media only screen and (min-width: 768px) {
  .shb-cms-hero__content.shb-cms-hero__type--panel {
    --plate-padding-wide: calc(16px * 3);
    background-color: rgba(255, 255, 255, 0.85);
    border-radius: 8px;
    padding: var(--plate-padding-wide);
  }
}
@media only screen and (min-width: 1140px) {
  .shb-cms-hero__content.shb-cms-hero__type--panel {
    --plate-padding-wide-neg: calc(var(--plate-padding-wide) * -1);
  }
  .shb-cms-hero__content.shb-cms-hero__type--panel.shb-cms-hero__layout--left,
  .shb-cms-hero__content.shb-cms-hero__type--panel.shb-cms-hero__layout--left .shb-cms-hero__content.shb-cms-hero__type--panel {
    width: calc(var(--width) + var(--plate-padding-wide));
  }
  .shb-cms-hero__content.shb-cms-hero__type--panel.shb-cms-hero__layout--left {
    margin-left: var(--plate-padding-wide-neg);
  }
  .shb-cms-hero__content.shb-cms-hero__type--panel.shb-cms-hero__layout--right {
    margin-right: var(--plate-padding-wide-neg);
  }
}
.shb-cms-sub-hero__container {
  --breadcrumbs-height: 51.2px;
  --narrow-image-size: 300px;
  --wide-hero-min-height: 400px;
}
.shb-cms-sub-hero__image-crop {
  --container-height-units: 100;
  --crop-size-units: 200;
  --crop-ratio: calc(var(--container-height-units) / var(--crop-size-units));
  --crop-height: calc(var(--crop-size-units) * 1%);
  --crop-height-overflow: calc(var(--crop-size-units) - var(--container-height-units));
  --crop-align: 50%;
  --crop-align-decimal: calc(var(--crop-align) / 100);
  --crop-position: calc(var(--crop-height-overflow) * var(--crop-align-decimal) * -1);
  --image-height-units: calc(var(--crop-ratio) * var(--container-height-units));
  --image-height: calc(var(--image-height-units) * 1%);
  --image-position: calc(var(--crop-position) * var(--crop-ratio) * -1);
}
.shb-cms-sub-hero__image-crop.shb-cms-sub-hero__container-inner-top {
  --crop-align: 10%;
}
.shb-cms-sub-hero__image-crop.shb-cms-sub-hero__container-inner-center {
  --crop-align: 50%;
}
.shb-cms-sub-hero__image-crop.shb-cms-sub-hero__container-inner-bottom {
  --crop-align: 90%;
}
.shb-cms-sub-hero__container {
  margin-bottom: 32px;
  padding-bottom: 16px;
  overflow: hidden;
}
.shb-cms-sub-hero__container.shb-cms-sub-hero__layout--white {
  background-color: #fff;
}
.shb-cms-sub-hero__container.shb-cms-sub-hero__layout--blue {
  background-color: #eaf4f7;
}
@media only screen and (min-width: 768px) {
  .shb-cms-sub-hero__container {
    margin-left: min(calc(var(--sepu-body-spacing) * -1), calc(calc(calc(100vw  - 1440px) / 2) * -1));
    margin-right: min(calc(var(--sepu-body-spacing) * -1), calc(calc(calc(100vw  - 1440px) / 2) * -1));
    padding-left: max(var(--sepu-body-spacing), calc(calc(100vw  - 1440px) / 2));
    padding-right: 0;
    padding-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .shb-cms-sub-hero__container-inner {
    display: grid;
    grid-template-columns: minmax(300px, 40%) auto;
    grid-template-rows: auto 1fr;
    min-height: var(--wide-hero-min-height);
    grid-column-gap: 16px;
  }
}
.shb-cms-sub-hero__breadcrumb {
  margin-bottom: 16px;
  height: var(--breadcrumbs-height);
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .shb-cms-sub-hero__breadcrumb {
    grid-column: 1;
    grid-row: 1;
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 768px) {
  .shb-cms-sub-hero__content-container {
    grid-column: 1;
    grid-row: 2;
    display: flex;
    align-items: center;
    padding-top: 16px;
    padding-bottom: 16px;
  }
  .shb-cms-sub-hero__content-container.shb-cms-sub-hero--with-breadcrumb {
    padding-top: 0;
    padding-bottom: var(--breadcrumbs-height);
  }
}
@media only screen and (min-width: 768px) {
  .shb-cms-sub-hero__content-container-inner {
    width: 100%;
    word-break: break-word;
  }
}
.shb-cms-sub-hero__image-container {
  margin-bottom: 16px;
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .shb-cms-sub-hero__image-container {
    grid-column: 2;
    grid-row-start: 1;
    grid-row-end: 3;
    margin-bottom: 0;
    position: relative;
  }
}
@media only screen and (min-width: 768px) {
  .shb-cms-sub-hero__image-crop {
    width: 100%;
    height: var(--crop-height);
    position: absolute;
    border-top-left-radius: 50%;
    border-bottom-left-radius: 50%;
    overflow: hidden;
    left: 0;
    top: var(--crop-position);
  }
}
.shb-cms-sub-hero__image {
  width: var(--narrow-image-size);
  height: var(--narrow-image-size);
  object-fit: cover;
  object-position: center;
  border-radius: 50%;
  display: block;
}
@media only screen and (min-width: 768px) {
  .shb-cms-sub-hero__image {
    border-radius: 0;
    width: 100%;
    height: var(--image-height);
    position: absolute;
    left: 0;
    top: var(--image-position);
  }
}
.shb-cms-hero__image--small {
  display: none;
}
.shb-cms-legacy-hero {
  box-sizing: border-box;
  margin-bottom: 48px;
  margin-left: min(calc(var(--sepu-body-spacing) * -1), calc(calc(calc(100vw  - 1440px) / 2) * -1));
  margin-right: min(calc(var(--sepu-body-spacing) * -1), calc(calc(calc(100vw  - 1440px) / 2) * -1));
}
@media only screen and (min-width: 768px) {
  .shb-cms-legacy-hero {
    margin-bottom: 64px;
  }
}
.shb-cms-legacy-hero__img {
  margin-bottom: -64px;
  height: auto;
  transform: translateX(-50%);
  position: relative;
  left: 50%;
  width: auto;
  max-width: min(100%, 3000px);
  object-fit: cover;
}
@media only screen and (min-width: 768px) {
  .shb-cms-legacy-hero__img {
    margin-bottom: -96px;
  }
}
.shb-cms-legacy-hero__img--small {
  display: block;
  min-height: 260px;
}
@media only screen and (min-width: 768px) {
  .shb-cms-legacy-hero__img--small {
    display: none;
  }
}
.shb-cms-legacy-hero__img--large {
  display: none;
  min-height: 290px;
}
@media only screen and (min-width: 768px) {
  .shb-cms-legacy-hero__img--large {
    display: block;
  }
}
.shb-cms-legacy-hero__body {
  display: flex;
  justify-content: center;
  padding-left: max(var(--sepu-body-spacing), calc(calc(100vw  - 1440px) / 2));
  padding-right: max(var(--sepu-body-spacing), calc(calc(100vw  - 1440px) / 2));
  position: relative;
}
.shb-cms-legacy-hero__content {
  background-color: #fff;
  border-radius: 8px;
  box-sizing: border-box;
  padding: 16px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .shb-cms-legacy-hero__content {
    max-width: 960px;
  }
}
.shb-cms-legacy-hero__content--centered {
  text-align: center;
  width: 50%;
}
.shb-cms-legacy-hero__headlines {
  margin-bottom: 16px;
  text-align: center;
}
.shb-cms-legacy-hero__list {
  padding: 0;
}
.shb-cms-legacy-hero__list-item {
  display: inline-block;
  margin: 0 16px 16px 0;
  list-style-type: none;
}
.shb-cms-legacy-hero__list-item-link {
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  padding: 16px;
  border: 1px solid #222;
  line-height: 1.5;
  color: #222;
  text-decoration: none;
  display: inline-block;
}
.shb-cms-legacy-hero__list-item-link:hover,
.shb-cms-legacy-hero__list-item-link:focus {
  color: #222;
  outline: none;
  text-decoration: underline;
}
.shb-cms-legacy-hero__image-nav {
  padding: 0;
  margin: 0;
}
@media only screen and (min-width: 768px) {
  .shb-cms-legacy-hero__image-nav {
    display: flex;
    gap: 16px;
    justify-content: center;
  }
}
.shb-cms-legacy-hero__image-nav-item {
  list-style: none;
  border-bottom: 1px solid #d4d4d4;
}
.shb-cms-legacy-hero__image-nav-item:first-child {
  border-top: 1px solid #d4d4d4;
}
@media only screen and (min-width: 768px) {
  .shb-cms-legacy-hero__image-nav-item {
    border: none;
  }
  .shb-cms-legacy-hero__image-nav-item:first-child {
    border: none;
  }
  .shb-cms-legacy-hero__image-nav-item svg {
    display: none;
  }
}
.shb-cms-legacy-hero__image-nav-link {
  color: #005fa5;
  text-decoration: underline;
  font-family: SHB_SlabSerifBold, Georgia, sans-serif;
  font-size: 18px;
  padding: 16px 8px;
  display: flex;
  align-items: center;
}
@media only screen and (min-width: 768px) {
  .shb-cms-legacy-hero__image-nav-link {
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
}
.shb-cms-legacy-hero__image-nav-link:hover {
  text-decoration-style: double;
}
.shb-cms-legacy-hero__image-nav-link:focus {
  background-color: #005fa5;
  color: #fff;
}
.shb-cms-legacy-hero__image-nav-image {
  display: none;
}
@media only screen and (min-width: 768px) {
  .shb-cms-legacy-hero__image-nav-image {
    display: block;
    margin-bottom: 16px;
    max-width: 100px;
    width: 100%;
    height: auto;
  }
}
.shb-modules-basic-settings {
  width: 400px;
  padding-left: 30px;
  padding-right: 30px;
  padding-top: 30px;
}
.shb-modules-basic-settings__displayMode-container {
  padding-bottom: 30px;
}
.shb-loancalculator {
  max-width: 860px;
  margin: auto;
}
.shb-loancalculator-stylebox {
  border: 1px solid #dddddd;
  border-radius: 8px;
  background-color: #fbfaf9;
  padding: 10px 20px;
  margin-bottom: 32px;
}
.shb-loancalculator-message-and-result-frame {
  text-align: center;
}
.shb-loancalculator-message-and-result-frame--show-result {
  background-color: #eaf4f7;
}
.shb-loancalculator-result-panel-monthly-cost {
  text-align: center;
}
.shb-loancalculator-result-panel-monthly-cost-upper {
  background-color: #eaf4f7;
  border-bottom: 1px solid #dddddd;
  border-radius: 7px 7px 0 0;
  margin-top: -10px;
  margin-left: -20px;
  margin-right: -20px;
  padding: 10px 20px;
}
.shb-loancalculator-mortgageamount-row {
  display: flex;
  justify-content: space-between;
  margin-bottom: 10px;
}
.shb-loancalculator-mortgageamount {
  text-align: center;
  font-family: SHB_SlabSerifLight, Georgia, sans-serif;
  font-size: 28px;
  color: #005fa5;
}
.shb-loancalculator-mortgageamount-label {
  text-align: center;
  font-size: 14px;
}
.shb-loancalculator-result-show-notifications {
  margin: 0;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #dedede;
  border-radius: 4px;
  padding: 20px;
}
.shb-loancalculator-result-show-notifications .row {
  margin-left: 0;
  margin-right: 0;
}
.shb-loancalculator-loader-container {
  text-align: center;
}
.shb-loancalculator-loader-icon {
  height: 70px;
  width: 70px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 17px;
  padding-bottom: 16px;
}
.shb-loancalculator-amount-buying-figure {
  font-weight: bold;
}
.shb-loancalculator-max-buying-text {
  font-size: 14px;
  margin-bottom: 4px;
}
.shb-loancalculator-apply-button-container {
  padding-top: 16px;
  text-align: center;
}
.shb-loancalculator-subtext {
  font-size: 14px;
}
.shb-loancalculator-slider-container {
  margin-top: 14px;
}
@media screen and (min-height: 400px) and (min-width: 475px) {
  .shb-loancalculator-sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 11;
  }
}
@media screen and (min-height: 400px) and (min-width: 475px) {
  .shb-loancalculator-sticky--yoda-non-ie {
    position: -webkit-sticky;
    position: sticky;
    top: 117px;
    z-index: 11;
  }
}
@media only screen and (max-width: 474px) {
  .shb-loancalculator-hce-monthly-cost-label {
    font-size: 16px;
  }
}
@media only screen and (min-width: 475px) {
  .shb-loancalculator-hce-monthly-cost-label {
    font-size: 18px;
  }
}
.shb-loancalculator-hce-monthly-cost {
  font-size: 28px;
  color: #005fa5;
  font-family: SHB_SlabSerifLight, Georgia, sans-serif;
  margin-bottom: 3px;
}
.shb-loancalculator-hce-radial-chart-container {
  display: inline-block;
  position: relative;
}
.shb-loancalculator-hce-interest-deduction-checkbox-container {
  padding-bottom: 20px;
  display: inline-block;
}
.shb-loancalculator-mortgage-clarification-container {
  border: 1px solid #dedede;
  border-radius: 4px;
  background-color: #eaf4f7;
  padding: 10px;
  color: #222222;
  font-size: 16px;
  margin-bottom: 20px;
  text-align: left;
}
.shb-loancalculator-mortgage-clarification-link-container {
  margin-top: 5px;
}
.shb-loancalculator-accomodation-type-box {
  padding: 10px 5px;
  text-align: center;
}
.shb-loancalculator-accomodation-type-box-text {
  margin-top: 5px;
  font-size: 14px;
}
.shb-loancalculator-input-stepper-label {
  margin-bottom: 8px;
}
.shb-loancalculator .temporarily-center-subtext {
  text-align: center;
}
.shb-header-module-wrapper-h3.shb-header-module-wrapper-h3--root {
  margin-bottom: 20px;
}
.shb-header-module-wrapper-h3 {
  border-radius: 8px;
  border: 1px solid #dedede;
  background-color: #fff;
  color: #222222;
  position: relative;
}
.shb-header-module-wrapper-h3__header {
  background-color: #eaf4f7;
  position: relative;
  color: #eaf4f7;
  height: 42px;
  border: 1px solid #dedede;
  z-index: 2;
  margin: -1px -1px 0 -1px;
  border-radius: 8px 8px 0 0;
}
.shb-header-module-wrapper-h3__header h3 {
  padding-left: 10px;
  display: inline-block;
  vertical-align: middle;
}
.shb-header-module-wrapper-h3__heading {
  color: #005fa5;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 42px;
  padding-top: 1px;
}
.shb-header-module-wrapper-h3__body {
  position: relative;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  z-index: 1;
}
.shb-can-i-buy-this-property__stylebox {
  border: 1px solid #dddddd;
  border-radius: 8px;
  background-color: #fbfaf9;
  padding: 20px;
  margin-bottom: 20px;
}
.shb-can-i-buy-this-property__top-frame {
  border: 1px solid #dedede;
  border-radius: 8px;
  background-color: #fbfaf9;
  padding: 20px;
  margin-bottom: 20px;
}
.shb-can-i-buy-this-property__image-container {
  display: inline-block;
  padding-right: 10px;
}
.shb-can-i-buy-this-property__top-frame-text-container {
  display: inline-block;
  vertical-align: top;
}
.shb-can-i-buy-this-property__top-frame-purchase-amount {
  margin-top: 10px;
}
.shb-can-i-buy-this-property__slider-container {
  margin-top: 14px;
}
.shb-can-i-buy-this-property__result-panel-monthly-cost {
  text-align: center;
}
.shb-can-i-buy-this-property__result-label {
  text-align: center;
}
@media only screen and (max-width: 474px) {
  .shb-can-i-buy-this-property__result-label {
    font-size: 16px;
  }
}
@media only screen and (min-width: 475px) {
  .shb-can-i-buy-this-property__result-label {
    font-size: 18px;
  }
}
.shb-can-i-buy-this-property__result-frame {
  background-color: #eaf4f7;
}
.shb-can-i-buy-this-property__result-header {
  text-align: center;
  color: #005fa5;
  margin-bottom: 10px;
}
.shb-can-i-buy-this-property__result-text-mortgageamount {
  font-weight: bold;
  color: #005fa5;
  white-space: nowrap;
}
.shb-can-i-buy-this-property__result-show-notifications {
  margin: 0;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #dedede;
  border-radius: 4px;
  padding: 20px;
}
.shb-can-i-buy-this-property__result-show-notifications .row {
  margin-left: 0;
  margin-right: 0;
}
.shb-can-i-buy-this-property__loader-container {
  text-align: center;
}
.shb-can-i-buy-this-property__loader-icon {
  height: 70px;
  width: 70px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 17px;
  padding-bottom: 16px;
}
.shb-can-i-buy-this-property__amount-buying-figure {
  font-weight: bold;
}
.shb-can-i-buy-this-property__max-buying-text {
  font-size: 18px;
  margin-bottom: 8px;
}
.shb-can-i-buy-this-property__call-to-action-container {
  text-align: center;
}
.shb-can-i-buy-this-property__call-to-action-container2 {
  text-align: center;
  padding-top: 32px;
}
.shb-can-i-buy-this-property__subtext {
  font-size: 14px;
}
.shb-can-i-buy-this-property__custom-radiobuttongroup .shb-radio-button-group {
  margin-bottom: 0;
}
@media only screen and (min-width: 475px) {
  .shb-can-i-buy-this-property__sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 11;
  }
}
@media only screen and (max-width: 474px) {
  .shb-can-i-buy-this-property__hce-monthly-cost-label {
    font-size: 16px;
  }
}
@media only screen and (min-width: 475px) {
  .shb-can-i-buy-this-property__hce-monthly-cost-label {
    font-size: 18px;
  }
}
.shb-can-i-buy-this-property__hce-monthly-cost {
  font-size: 28px;
  color: #005fa5;
  font-family: SHB_SlabSerifLight, Georgia, sans-serif;
  margin-bottom: 3px;
}
.shb-can-i-buy-this-property__hce-radial-chart-container {
  display: inline-block;
  position: relative;
}
.shb-can-i-buy-this-property__hce-interest-deduction-checkbox-container {
  padding-bottom: 20px;
  display: inline-block;
}
.shb-can-i-buy-this-property__clarification-container {
  border: 1px solid #dedede;
  border-radius: 4px;
  background-color: #eaf4f7;
  padding: 10px;
  color: #222222;
  font-size: 16px;
  margin-bottom: 20px;
  text-align: left;
}
.shb-can-i-buy-this-property__mortgage-clarification-link-container {
  margin-top: 5px;
}
.shb-can-i-buy-this-property__result-frame-upper {
  border-bottom: 1px solid #dedede;
  border-radius: 7px 7px 0 0;
  background-color: #eaf4f7;
  padding: 20px 20px 10px 20px;
  margin: -20px -20px 0 -20px;
}
.shb-can-i-buy-this-property__reset-button-container {
  text-align: right;
}
.shb-can-i-buy-this-property__input-stepper-label {
  margin-bottom: 8px;
}
.shb-expansion-teaser__collapsed {
  height: 80px;
  overflow: hidden;
  position: relative;
}
.shb-expansion-teaser__collapsed:after {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff);
  bottom: 0;
  content: "";
  height: 90%;
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  z-index: 1;
}
.shb-expansion-teaser__expander {
  text-align: center;
  cursor: pointer;
  margin-top: -80px;
  padding-top: 96px;
  position: relative;
  box-sizing: border-box;
}
.shb-expansion-teaser__expander:hover .shb-text-link {
  border-bottom: 1px solid #005fa5;
}
.shb-errand-tabs {
  height: 64px;
  background: #eaf4f7;
  border-top: none;
}
.shb-errand-tabs__tab {
  line-height: 64px;
  text-align: center;
  background-color: #eaf4f7;
  color: #222222;
  padding: 0 24px;
  border: none;
}
.shb-errand-tabs__tab--selected {
  box-shadow: 0px -4px 0px #005fa5 inset;
  color: #005fa5;
}
.shb-errand-tabs__tab:hover {
  box-shadow: 0px -4px 0px #005fa5 inset;
}
.shb-errand-tabs__tab:focus {
  outline: 1px solid #005fa5;
  outline-offset: -1px;
}
.shb-horizontal-scroll {
  display: grid;
  background-color: #eaf4f7;
  overflow-x: hidden;
  scroll-behavior: smooth;
  user-select: none;
}
.shb-horizontal-scroll__content {
  grid-row: 1;
  grid-column-start: 1;
  grid-column-end: 3;
  white-space: nowrap;
  overflow-x: auto;
  scroll-behavior: smooth;
  position: relative;
  scrollbar-width: none;
}
.shb-horizontal-scroll__content::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.shb-horizontal-scroll__prev {
  grid-column: 1;
}
.shb-horizontal-scroll__next {
  grid-column: 3;
}
.shb-horizontal-scroll__prev,
.shb-horizontal-scroll__next {
  grid-row: 1;
  width: 32px;
  padding-left: 1px;
  padding-right: 1px;
  position: relative;
  display: inline-block;
  background-color: #005fa5;
  height: 100%;
}
.shb-horizontal-scroll__prev-hidden,
.shb-horizontal-scroll__next-hidden {
  display: none;
}
.shb-horizontal-scroll__prev:hover,
.shb-horizontal-scroll__next:hover {
  background-color: #043b62;
}
.shb-horizontal-scroll__prev > svg,
.shb-horizontal-scroll__next > svg {
  padding-top: 20px;
  padding-left: 4px;
}
.shb-horizontal-scroll__arrow-hitbox {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: none;
  outline: none;
  padding: 0;
  text-decoration: none;
  position: absolute;
  bottom: 0px;
  left: 0px;
}
.shb-todo {
  /* as per module styling */
  /* as per module styling */
}
.shb-todo__wrapper {
  background-color: #ffffff;
  border-radius: 8px;
  border: 1px solid #dedede;
  color: #222222;
  position: relative;
  margin-bottom: 20px;
}
.shb-todo__ongoings {
  margin-top: 16px;
  margin-bottom: 16px;
}
.shb-todo__header {
  padding: 0 20px;
  margin-top: 20px;
  display: flex;
  flex-direction: column;
}
.shb-todo__header__title {
  color: #005fa5;
  min-width: 96px;
}
.shb-todo__flex {
  display: flex;
  align-items: center;
}
.shb-todo__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.shb-todo__loading {
  display: flex;
  padding: 32px;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  /* IE11 fix */
}
.shb-todo-back-button {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 20px 20px -12px 20px;
  background: transparent;
  border: 0;
  padding: 0;
  color: #005fa5;
  font-size: 16px;
  line-height: 0;
}
.shb-todo-back-button:focus,
.shb-todo-back-button:hover {
  text-decoration: underline;
}
.shb-todo-back-button__icon {
  margin-left: -8px;
}
.shb-todo-disclaimers {
  list-style-type: none;
  margin: 0 0 8px 0;
  padding: 0;
}
.shb-todo-disclaimers__item {
  font-size: 14px;
  color: #767676;
}
.shb-todo-link-button {
  background: transparent;
  border: 0;
  padding: 0;
  margin: 0;
  color: #005fa5;
  text-align: left;
}
.shb-todo-link-button:hover,
.shb-todo-link-button:focus {
  text-decoration: underline;
}
.shb-todo__todo {
  margin: 0 20px;
}
.shb-todo__todo:not(:first-child):not(.shb-todo__todo--ongoing) .shb-todo__todo__link {
  border-top: 1px solid #dedede;
}
.shb-todo__todo--ongoing {
  background: #fbfaf9;
  border-top: 1px solid #dedede;
  border-radius: 0 0 7px 7px;
  margin: 0;
  padding: 0 20px;
}
.shb-todo__todo__link {
  padding: 8px 0;
  display: flex;
  box-sizing: border-box;
  justify-content: center;
  font-size: 16px;
  text-decoration: none;
  flex-direction: column;
}
.shb-todo__todo__link--simulated {
  cursor: pointer;
}
.shb-todo__todo__link:focus {
  outline-offset: 2px;
  outline: 1px solid #043b62;
}
.shb-todo__todo__link__title {
  flex: 1;
  color: #005fa5;
  margin-right: 8px;
  padding: 8px 0;
}
.shb-todo__todo__link__title:focus,
.shb-todo__todo__link__title:hover {
  text-decoration: underline;
}
.shb-todo__todo__link__status {
  display: none;
  align-items: center;
  margin-right: 16px;
}
body.non-responsive .shb-todo__todo__link__status {
  display: flex;
}
@media only screen and (min-width: 475px) {
  .shb-todo__todo__link__status {
    display: flex;
  }
}
body.non-responsive .shb-todo__todo__link__status {
  margin-right: 48px;
}
@media only screen and (min-width: 768px) {
  .shb-todo__todo__link__status {
    margin-right: 48px;
  }
}
.shb-todo__todo__link__status__text {
  color: #767676;
  font-size: 14px;
  line-height: 14px;
  margin-left: 5.33333333px;
  font-style: italic;
}
.shb-todo__todo__link__action {
  margin-right: 16px;
  display: none;
}
body.non-responsive .shb-todo__todo__link__action {
  display: block;
}
@media only screen and (min-width: 475px) {
  .shb-todo__todo__link__action {
    display: block;
  }
}
.shb-todo__todo__link__action__button-with-icon {
  width: 100%;
  height: 100%;
  border: 0;
  background: transparent;
}
.shb-todo__todo__link__action__button-with-icon:focus {
  outline: 1px solid #043b62;
}
.shb-todo__count {
  text-align: center;
  background-color: #c83d2a;
  border-radius: 50%;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  height: 20px;
  text-decoration: none;
  width: 20px;
}
.shb-todo__count__wrapper {
  align-items: center;
  display: flex;
  line-height: 20px;
}
.shb-todo__arrow {
  margin-left: 16px;
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  background-position: 0px -1783px;
  width: 7px;
  height: 13px;
}
.shb-todo__arrow__wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
}
.shb-todo__todo__link__title {
  color: #222222;
  font-size: 16px;
}
.shb-common-favorites__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.shb-common-favorites__list-item {
  transition: 0.2s all;
}
.shb-common-favorites__list-item:not(:first-child) {
  border-top: 1px solid #e4e4e4;
}
.shb-common-favorites__list-item a {
  color: black;
}
.shb-common-favorites__list-item a:visited {
  color: black;
}
.shb-common-favorites__list-item a:focus {
  color: black;
}
.shb-common-favorites__list-item:hover {
  background: #eaf4f7;
}
.shb-common-favorites__link {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 12px 24px;
}
.shb-common-favorites__link > svg {
  min-height: 24px;
  min-width: 24px;
}
.shb-common-favorites__loader {
  display: flex;
}
.shb-common-favorites-settings__subheading {
  margin-bottom: 16px;
}
.shb-common-favorites-settings__subheading-help {
  margin-top: 16px;
}
.shb-common-favorites-settings__container {
  display: flex;
  min-width: 272px;
}
@media only screen and (max-width: 767px) {
  body:not(.non-responsive) .shb-common-favorites-settings__container:not(.non-responsive) {
    flex-direction: column;
  }
}
.shb-common-favorites-settings__edit {
  flex: 3;
  margin-right: 32px;
}
@media only screen and (max-width: 767px) {
  body:not(.non-responsive) .shb-common-favorites-settings__edit:not(.non-responsive) {
    margin-right: 0;
    margin-bottom: 32px;
  }
}
.shb-common-favorites-settings__edit-list-container {
  border-style: solid;
  border-color: #dedede;
  border-width: 1px 1px 3px 1px;
  border-radius: 4px;
  height: 353px;
  overflow-y: scroll;
  margin-top: 16px;
}
.shb-common-favorites-settings__current {
  flex: 2;
}
.shb-common-favorites-settings__help-button {
  margin-top: 8px;
}
.shb-common-favorites-current__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.shb-common-favorites-current__list-item {
  border-top: 1px solid #dedede;
  display: flex;
  justify-content: space-between;
  padding-left: 24px;
  transition: 0.2s all;
  cursor: move;
}
.shb-common-favorites-current__list-item:hover {
  background: #eaf4f7;
}
.shb-common-favorites-current__link {
  align-items: center;
  display: flex;
  padding: 8px 0;
}
.shb-common-favorites-current__not-selected {
  align-items: center;
  border-top: 1px solid #dedede;
  background: #f5f5f5;
  display: flex;
  height: 34px;
  padding: 5px 24px;
  transition: 0.2s all;
}
.shb-common-favorites-current__icon-section {
  display: flex;
}
.shb-common-favorites-current__icon {
  border-left: 1px solid #dedede;
  display: flex;
}
.shb-common-favorites-current__drag-over {
  border-top: 2px solid #005fa5;
  margin-top: -1px;
}
.shb-common-favorites-current__drag-over-last {
  border-bottom: 2px solid #005fa5;
  margin-bottom: -2px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}
.shb-common-favorites-edit__list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.shb-common-favorites-edit__list-item {
  border-top: 1px solid #dedede;
  padding: 8px 24px;
}
.shb-common-favorites-edit__no-result {
  margin: 16px;
}
.shb-common-favorites-settings__edit ul li button {
  background-color: #eaf4f7 !important;
  font-weight: bold;
}
.shb-common-favorites-settings__edit ul li button > div {
  color: #005fa5;
}
.shb-select-branch-info-container {
  margin-bottom: 20px;
  font-size: 14px;
}
.shb-select-branch-caption {
  font-weight: bold;
  color: #222222;
}
.shb-select-branch-office-info {
  margin-top: 5px;
}
.shb-select-branch-office-info span {
  font-size: 12px;
}
.shb-select-branch-search-section {
  margin-top: 30px;
  border-top: 1px solid #dedede;
}
.shb-select-branch-search-section-title {
  font-size: 14px;
}
.shb-select-branch-branch-not-found-message {
  margin-top: 30px;
  font-size: 12px;
}
.shb-select-branch-branch-not-found-message-icon,
.shb-select-branch-branch-not-found-message-text {
  vertical-align: middle;
  display: inline-block;
}
.shb-select-branch-controls {
  margin-top: 30px;
  display: flex;
  justify-content: space-between;
}
.shb-search-form {
  /* Fixes grid problem in IE11 */
}
.shb-search-form__button-row * + * {
  margin-left: 8px;
}
.shb-search-form__alert {
  margin-top: 16px;
}
.shb-search-form__flex_row {
  display: flex;
  align-items: flex-end;
}
.shb-search-form__wrap-rows {
  display: flex;
  flex-wrap: wrap;
}
.shb-todo__ongoing-item__delete {
  display: flex;
  width: 48px;
  height: 48px;
  justify-content: center;
  align-items: center;
}
.shb-todo__ongoing-item__delete__button {
  width: 100%;
  height: 100%;
  border: 0;
  background: transparent;
}
.shb-todo__ongoing-item__delete__button:focus {
  outline: 1px solid #043b62;
}
.shb-party-search-form__content-spread > * + * {
  margin-top: 20px;
}
.shb-party-search-form__label-margin {
  margin-top: 8px;
}
.shb-party-search-form__form-width {
  width: 50%;
}
@media only screen and (max-width: 767px) {
  .shb-party-search-form__form-width {
    width: 100%;
  }
}
.shb-party-search-form__form-width .row {
  display: flex;
}
.shb-party-search-form__input-no-label {
  margin-top: 1.5rem;
}
.shb-party-search-form__submit-button-margin {
  display: inline;
  margin-right: 8px;
}
.shb-party-search-result-data-table__name-column-cell {
  display: flex;
  white-space: nowrap;
  align-items: center;
}
.shb-party-search-result-data-table__status-column-cell {
  display: flex;
  white-space: nowrap;
  align-items: center;
  flex-direction: column;
}
.shb-api-testing__path-inputs {
  display: flex;
}
.shb-api-testing__path-input_small {
  flex-basis: 10%;
}
.shb-api-testing__path-input_medium {
  flex-basis: 15%;
  padding-left: 8px;
}
.shb-api-testing__path-input_large {
  flex-basis: 75%;
}
.shb-api-testing__param-inputs {
  display: flex;
  align-items: center;
  padding-top: 3.2px;
}
.shb-api-testing__param-key-input {
  padding-left: 5.33333333px;
  width: 100%;
}
.shb-api-testing__param-value-input {
  padding-left: 5.33333333px;
  width: 100%;
}
.shb-api-testing__param-close-icon {
  opacity: 0.5;
  margin: 0;
  background: transparent;
  border: 0;
  padding: 5.33333333px 0 5.33333333px 5.33333333px;
}
.shb-api-testing__param-close-icon svg {
  display: block;
}
.shb-api-testing__param-close-icon:hover {
  opacity: 1;
}
.shb-api-testing__param-empty-div-icon {
  width: 44px;
}
.shb-api-testing__param-empty-div-check-box {
  width: 52px;
}
.shb-api-testing__code-area {
  padding: 16px;
  background-color: #373737;
  color: #fafafa;
  max-height: 500px;
  overflow: auto;
}
.shb-api-testing__code-area pre {
  white-space: pre;
  margin: 0;
}
.common-asset-management-breakdown-asset-bar-parent {
  display: flex;
  flex-wrap: wrap;
}
.common-asset-management-breakdown-asset-bar-bar {
  flex: 1 1 90%;
  overflow: hidden;
}
@media screen and (max-width: 568px) {
  .common-asset-management-breakdown-asset-bar-bar {
    flex: 1 1 85%;
  }
}
@media screen and (max-width: 450px) {
  .common-asset-management-breakdown-asset-bar-bar {
    flex: 1 1 80%;
  }
}
@media screen and (min-width: 769px) and (max-width: 930px) {
  .common-asset-management-breakdown-asset-bar-bar {
    flex: 1 1 87%;
  }
}
.common-asset-management-breakdown-asset-bar-div {
  margin-top: 8px;
  margin-bottom: 8px;
}
.common-asset-management-breakdown-asset-bar-wrapper {
  width: 100%;
  border-radius: 4px;
  background-color: #F2F2F2;
  height: 35px;
}
.common-asset-management-breakdown-asset-bar-fill-up-part {
  background-color: #C4E2EB;
  height: 35px;
  border-radius: 4px;
  display: flex;
  align-items: center;
}
.common-asset-management-breakdown-asset-bar-info {
  margin-left: 16px;
  font-weight: bold;
  white-space: nowrap;
}
.common-asset-management-breakdown-asset-bar-weight-parent {
  flex: 1 1 10%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 568px) {
  .common-asset-management-breakdown-asset-bar-weight-parent {
    flex: 1 1 15%;
  }
}
@media screen and (max-width: 450px) {
  .common-asset-management-breakdown-asset-bar-weight-parent {
    flex: 1 1 20%;
  }
}
@media screen and (min-width: 769px) and (max-width: 930px) {
  .common-asset-management-breakdown-asset-bar-weight-parent {
    flex: 1 1 13%;
  }
}
.common-asset-management-breakdown-asset-bar-value {
  margin-left: auto;
}
.comment-asset-management-breakdown-asset-bar-negative-value {
  display: block;
}
.comment-asset-management-breakdown-asset-bar-negative-value-info {
  display: flex;
  justify-content: center;
}
.common-asset-management-breakdown-asset-bar-value-row {
  font-weight: normal;
  margin-top: -4px;
  margin-bottom: 4px;
  padding-left: 16px;
}
.common-asset-management-breakdown-asset-bar-value-row span {
  color: #636363;
}
.common-asset-management-breakdown-asset-bar-flag-icon {
  display: flex;
  align-items: center;
  margin-left: 8px;
  margin-right: -6px;
}
.common-asset-management-breakdown-asset-bar-flag-icon span {
  border-radius: 2px 2px 2.8px 2.8px;
}
.shb-common-asset-management-card-info {
  margin-bottom: 16px;
}
.shb-common-asset-management-card-info .shb-alert__close-button {
  margin-left: auto;
  margin-right: -16px;
  width: 32px;
  height: 32px;
}
.shb-common-asset-management-card-info .shb-card-v3__body {
  padding-top: 16px;
}
.shb-common-asset-management-card-info-header {
  display: flex;
  align-items: baseline;
}
@media screen and (max-width: 768px) {
  .shb-common-asset-management-card-info-header {
    margin-top: 8px;
  }
}
.shb-common-asset-management-card-info-no-header {
  display: flex;
  margin-top: -4px;
  flex-direction: column;
}
.shb-common-asset-management-card-info-no-header .shb-common-asset-management-card-info-body {
  margin-top: -8px;
}
.shb-common-asset-management-card-info-body {
  margin-top: 16px;
  margin-bottom: 24px;
  max-width: none;
}
.shb-common-asset-management-card-info-body .shb-text-2 {
  max-width: none!important;
}
@media print {
  .shb-alert__close-button {
    display: none !important;
  }
  .shb-common-asset-management-card-info-header {
    margin-top: 16px;
    margin-bottom: 16px;
  }
  .shb-common-asset-management-card-info-no-header {
    margin-top: 24px;
  }
  .shb-common-asset-management-card-info-body {
    margin-top: 16px;
  }
}
.breakdown-summary-info-box {
  align-items: center;
  justify-content: center;
  padding: 24px;
}
.breakdown-icon-div {
  text-align: center;
  margin-bottom: 12px;
}
.breakdown-summary-info-box-heading {
  text-align: center;
  white-space: nowrap;
  margin-bottom: 12px;
}
@media screen and (max-width: 468px) {
  .breakdown-summary-info-box-heading {
    white-space: normal;
  }
}
.breakdown-summary-info-box-type {
  color: #005fa5;
  margin-top: 12px;
  margin-bottom: 4px;
  text-decoration: underline;
}
.breakdown-summary-card-div-parent {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: 1fr;
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}
@media screen and (max-width: 768px) {
  .breakdown-summary-card-div-parent {
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 1fr;
    grid-gap: 8px;
  }
}
.breakdown-summary-card-div-columns .shb-card-v3 {
  height: 100%;
}
.breakdown-summary-card-div-columns .shb-card-v3__body {
  padding: 0;
}
.breakdown-icon-div {
  text-align: center;
  margin-bottom: 12px;
}
.breakdown-summary-main-paragraph {
  text-align: center;
  padding-left: 20px;
  padding-right: 20px;
}
.navigation-buttons-portfolioanalysis {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  margin-top: 16px;
  cursor: pointer;
}
.navigation-buttons-portfolioanalysis .shb-text-2 {
  color: #005fa5;
}
.navigation-buttons-portfolioanalysis .shb-text-2 .hover {
  border-bottom: 1px solid #dedede;
}
.navigation-buttons-portfolioanalysis .shb-react-icons {
  margin-top: -16px;
}
.navigation-buttons-portfolioanalysis .shb-button-link {
  padding-right: 6px;
}
@media only screen and (max-width: 430px) {
  .navigation-buttons-portfolioanalysis {
    justify-content: left;
  }
}
.navigation-radio-portfolioanalysis {
  padding: 24px 24px 0px 24px;
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
.navigation-radio-portfolioanalysis .navigation-radio-infoarea-current {
  padding: 2px 8px;
  background: #005fa5;
  border-radius: 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.navigation-radio-portfolioanalysis .navigation-radio-infoarea-right {
  margin-left: 12px;
}
.navigation-radio-portfolioanalysis .navigation-radio-infoarea-right .shb-text-link {
  font-size: 14px;
}
.navigation-radio-portfolioanalysis .navigation-radio-infoarea-left {
  margin-right: 12px;
}
.navigation-radio-portfolioanalysis .navigation-radio-infoarea-left .shb-text-link {
  font-size: 14px;
}
.shb-asset-management-breakdown-header {
  color: #005fa5;
  margin-bottom: 16px;
}
.shb-asset-management-breakdown-card-heading {
  margin-left: 16px;
  margin-bottom: 8px;
}
.shb-asset-management-breakdown__bold {
  font-weight: bold;
}
.shb-asset-management-breakdown-body {
  margin-bottom: 20px;
}
.shb-asset-management-breakdown-body .shb-errand-header {
  border-radius: 0;
  padding-top: 16px;
}
@media screen and (max-width: 768px) {
  .shb-asset-management-breakdown-body .shb-errand-body {
    padding-left: 8px;
    padding-right: 8px;
  }
}
.shb-asset-management-breakdown-body .shb-loader-overlay {
  padding-top: 128px;
  position: relative;
  background: transparent;
  padding-bottom: 128px;
}
@media screen and (max-width: 768px) {
  .shb-asset-management-breakdown-body .shb-loader-overlay {
    padding-top: 48px;
  }
}
.shb-asset-management-breakdown-body .breakdown-div-wrapper {
  scroll-margin-top: 100px;
  margin-top: 8px;
  margin-bottom: 8px;
}
@media screen and (min-width: 769px) {
  .shb-asset-management-breakdown-body .breakdown-div-wrapper {
    scroll-margin-top: 150px;
    margin-top: 16px;
    margin-bottom: 16px;
  }
}
.shb-asset-management-breakdown-body .shb-errand-general-section {
  margin-bottom: 0;
  margin-top: 0;
}
.shb-asset-management-breakdown-body .shb-asset-management-breakdown-heading {
  font-weight: bold;
  margin-top: 4px;
  margin-bottom: 6px;
  margin-left: 12px;
}
@media screen and (max-width: 768px) {
  .shb-asset-management-breakdown-body .shb-asset-management-breakdown-heading {
    margin-bottom: 8px;
  }
}
.shb-asset-management-breakdown-body .shb-common-asset-management-breakdown-header-chosen-portfolio-div {
  margin-top: 0;
  margin-bottom: 4px;
}
.shb-asset-management-breakdown-body .shb-common-asset-management-breakdown-header-chosen-portfolio-child-div {
  margin-left: 16px;
  margin-right: 8px;
  display: inline-flex;
}
.shb-asset-management-breakdown-body .shb-portfolioreporting__shb-multiselect-option-label {
  padding: 0 8px 3px 8px;
}
.shb-asset-management-breakdown-body .shb-portfolioreporting__shb-multiselect-option-label:not(:first-of-type) {
  padding-top: 5px;
}
.shb-asset-management-breakdown-body .shb-multiselect .shb-expansion-panel .shb-expansion-panel__summary-wrapper {
  height: 38px;
}
.shb-asset-management-breakdown-body .shb-multiselect {
  width: 100%;
}
@media screen and (max-width: 1023px) {
  .shb-asset-management-breakdown-body .shb-multiselect {
    margin-bottom: 16px;
  }
}
.shb-asset-management-breakdown-body .shb-expansion-content__details-wrapper {
  z-index: 1000 !important;
}
.shb-asset-management-breakdown-body .portfolio-select .shb-expansion-panel__summary-wrapper .shb-expansion-panel__summary {
  white-space: nowrap;
  overflow: hidden;
}
.shb-asset-management-breakdown-body .portfolio-select .shb-expansion-panel .shb-expansion-panel__summary-wrapper {
  height: 38px;
}
.shb-asset-management-breakdown-body .portfolio-div {
  margin-top: 2px;
  margin-left: 12px;
}
@media screen and (max-width: 1023px) {
  .shb-asset-management-breakdown-body .portfolio-div .shb-element-with-info__button {
    margin-bottom: 8px;
  }
}
.shb-asset-management-breakdown-body .chosen-portfolio-value-div {
  background-color: #eaf4f7;
  border-radius: 7px;
  padding-bottom: 8px;
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
@media screen and (max-width: 910px) {
  .shb-asset-management-breakdown-body .chosen-portfolio-value-div {
    margin-left: 16px;
    padding-bottom: 16px;
  }
}
.shb-asset-management-breakdown-body .chosen-portfolios-value-paragraph {
  margin-top: 0;
  margin-bottom: 0;
}
.shb-asset-management-breakdown-body .chosen-portfolios-value-text {
  display: inline;
  margin-left: 16px;
  font-size: 28px;
}
@media screen and (max-width: 910px) {
  .shb-asset-management-breakdown-body .chosen-portfolios-value-text {
    margin-left: 0;
    font-size: 28px;
  }
}
.shb-asset-management-breakdown-body .chosen-portfolios-value-text-currency {
  display: inline;
  font-size: 20px;
  margin-left: 4px;
}
@media screen and (max-width: 1023px) {
  .shb-asset-management-breakdown-body .chosen-portfolios-value-text-currency {
    font-size: 20px;
  }
}
.shb-asset-management-breakdown-body .shb-card-v3__body {
  padding-bottom: 0;
}
.shb-asset-management-breakdown-body .shb-asset-management-asset_allocation {
  margin-bottom: 32px;
}
.shb-asset-management-breakdown-body .shb-asset-management-asset-allocation-parent-body {
  margin-top: -16px;
  margin-bottom: 32px;
}
.shb-asset-management-breakdown-body .shb-common-asset-management-modal-button {
  display: inline-block;
  margin-left: 8px;
}
.shb-asset-management-breakdown-body .datatable-toolbar__icon-button {
  min-width: 24px;
  min-height: 24px;
}
.shb-asset-management-breakdown-body .shb-popover__toggle-menu {
  padding: 0;
}
.shb-asset-management-breakdown-body .shb-popover__toggle-menu:hover {
  padding: 0;
}
.shb-asset-management-breakdown-body .shb-bullet-list {
  list-style-type: none;
}
.shb-asset-management-breakdown-body .shb-label__label-wrapper span {
  margin-bottom: 8px;
}
.shb-asset-management-breakdown-body .risk-component-link {
  margin-top: 16px;
}
.shb-asset-management-breakdown-body .common-asset-management-breakdown-asset-bar-fill-up-part {
  -webkit-print-color-adjust: exact;
}
@media print {
  .shb-asset-management-breakdown-body .shb-popover,
  .shb-asset-management-breakdown-body .shb-common-asset-management-modal-button {
    display: none !important;
  }
  .shb-asset-management-breakdown-body .shb-multiselect .shb-expansion-panel .shb-expansion-content__details-wrapper.expanded {
    position: unset !important;
  }
}
div[class^="breakdown-pie-chart-table-div"] {
  padding-bottom: 12px;
  margin-bottom: 12px;
}
.breakdown-pie-chart-table-div-0 {
  border-bottom: 1px solid var(--borderColor);
}
.stock-sector-weight-percentage-0 {
  font-weight: var(--fontWeight);
}
.breakdown-pie-chart-table-div-1 {
  border-bottom: 1px solid var(--borderColor);
}
.stock-sector-weight-percentage-1 {
  font-weight: var(--fontWeight);
}
.breakdown-pie-chart-table-div-2 {
  border-bottom: 1px solid var(--borderColor);
}
.stock-sector-weight-percentage-2 {
  font-weight: var(--fontWeight);
}
.breakdown-pie-chart-table-div-3 {
  border-bottom: 1px solid var(--borderColor);
}
.stock-sector-weight-percentage-3 {
  font-weight: var(--fontWeight);
}
.breakdown-pie-chart-table-div-4 {
  border-bottom: 1px solid var(--borderColor);
}
.stock-sector-weight-percentage-4 {
  font-weight: var(--fontWeight);
}
.breakdown-pie-chart-table-div-5 {
  border-bottom: 1px solid var(--borderColor);
}
.stock-sector-weight-percentage-5 {
  font-weight: var(--fontWeight);
}
.breakdown-pie-chart-table-div-6 {
  border-bottom: 1px solid var(--borderColor);
}
.stock-sector-weight-percentage-6 {
  font-weight: var(--fontWeight);
}
.breakdown-pie-chart-table-div-7 {
  border-bottom: 1px solid var(--borderColor);
}
.stock-sector-weight-percentage-7 {
  font-weight: var(--fontWeight);
}
.breakdown-pie-chart-table-div-8 {
  border-bottom: 1px solid var(--borderColor);
}
.stock-sector-weight-percentage-8 {
  font-weight: var(--fontWeight);
}
.breakdown-pie-chart-table-div-9 {
  border-bottom: 1px solid var(--borderColor);
}
.stock-sector-weight-percentage-9 {
  font-weight: var(--fontWeight);
}
.breakdown-pie-chart-table-div-10 {
  border-bottom: 1px solid var(--borderColor);
}
.stock-sector-weight-percentage-10 {
  font-weight: var(--fontWeight);
}
.breakdown-pie-chart-table-div-11 {
  border-bottom: 1px solid var(--borderColor);
}
.stock-sector-weight-percentage-11 {
  font-weight: var(--fontWeight);
}
.underlying-info-card {
  margin-top: 16px;
  margin-bottom: 24px;
}
.shb-asset-management-breakdown-show-value-checkmark {
  width: fit-content;
  width: -moz-fit-content;
  right: 24px;
  bottom: 24px;
  background-color: white;
  z-index: 999;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 1px solid #dedede;
  box-shadow: 0 8px 16px 0 rgba(34, 34, 34, 0.1);
  border-radius: 4px;
  padding: 12px 12px;
}
.shb-asset-management-breakdown-show-value-checkmark-parent {
  display: inline-block;
  justify-content: center;
  align-items: center;
  position: sticky;
  position: -webkit-sticky;
  bottom: 24px;
  z-index: 999;
}
@media screen and (min-width: 984px) {
  .shb-asset-management-breakdown-show-value-checkmark-parent {
    transform: translateX(calc(50% + 296px));
  }
}
@media screen and (max-width: 983px) {
  .shb-asset-management-breakdown-show-value-checkmark-parent {
    left: calc(50% - 75px);
  }
}
.breakdown-empty-state-error-wrapper {
  margin-bottom: 32px;
}
@media print {
  .shb-application:has(.shb-asset-management-breakdown-body) .shb-application-header {
    display: none !important;
  }
  .shb-application:has(.shb-asset-management-breakdown-body) .shb-application__main__content-wrapper {
    padding-top: 0;
  }
}
.breakdown-table-expander {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 8px;
  transform: translateY(-32px);
}
.shb-asset-management-asset_allocation-container {
  margin: 16px;
}
.shb-asset-management-asset_allocation-tabs {
  display: flex;
  justify-content: center;
  margin: 16px 0;
}
.shb-asset-management-asset_allocation-body {
  display: flex;
}
.shb-asset-management-asset_allocation-infotext-container {
  margin-bottom: 32px;
}
.shb-asset-management-asset_allocation-infotext-heading {
  font-weight: bold;
}
.shb-asset-management-asset_allocation-infotext-paragraph {
  margin: 8px 0;
}
.shb-asset-management-asset_allocation-info .shb-legible-column-width {
  max-width: 100%;
}
.common-asset-management-breakdown-checkbox-div {
  margin-top: 20px;
  margin-bottom: 8px;
}
.common-asset-management-breakdown-checkbox-div .shb-react-checkbox__container span {
  white-space: nowrap;
}
.shb-asset-management-region-map {
  margin-top: 24px;
  background-color: #f2f2f2;
  max-height: 460px;
  overflow: hidden;
  position: relative;
}
@media screen and (max-width: 768px) {
  .shb-asset-management-region-map {
    max-height: 380px;
  }
}
.shb-asset-management-region-map-parent-body {
  margin-bottom: 16px;
}
.shb-asset-management-region-map-parent-body .shb-card-v3__body {
  padding-bottom: 24px;
}
@media screen and (max-width: 768px) {
  .shb-asset-management-region-map-parent-body {
    margin-bottom: 12px;
  }
}
.common-asset-management-breakdown-region-map-table-parent {
  padding-bottom: 16px;
  padding-top: 16px;
}
.common-asset-management-breakdown-region-map-legend-parent {
  background-color: white;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 8px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 4px;
  max-width: calc(100% - (16px * 2));
  width: 100%;
  padding: 4px 8px 4px 8px;
}
@media screen and (min-width: 601px) {
  .common-asset-management-breakdown-region-map-legend-parent {
    width: fit-content;
    width: -moz-fit-content;
    padding-right: 6px;
    padding-left: 6px;
    bottom: 16px;
  }
}
.shb-asset-management-breakdown-stock-sector-exposure-body {
  display: flex;
}
.shb-asset-management-stock-sector-parent-body {
  margin-bottom: 32px;
}
.common-asset-management-breakdown-stock-sector-row {
  display: flex;
  flex-wrap: wrap;
}
.common-asset-management-breakdown-stock-sector-row .common-asset-management-breakdown-stock-sector-row-icon {
  flex: 1 1 15%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.common-asset-management-breakdown-stock-sector-row .common-asset-management-breakdown-stock-sector-row-info {
  flex: 1 1 60%;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.common-asset-management-breakdown-stock-sector-row .common-asset-management-breakdown-stock-sector-row-name {
  margin-block-start: 0;
  margin-block-end: 0;
  display: inline-block;
}
.common-asset-management-breakdown-stock-sector-row .common-asset-management-breakdown-stock-sector-row-weight {
  flex: 1 1 25%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.stock-sector-show-more-button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-bottom: 8px;
  transform: translateY(-16px);
}
.common-asset-management-breakdown-stock-sector-value-row {
  font-weight: normal;
  margin-top: 2px;
  margin-bottom: 2px;
}
.common-asset-management-breakdown-stock-sector-value-row span {
  color: #636363;
}
.common-asset-management-breakdown-stock-sector-donut-and-table-parent {
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.common-asset-management-breakdown-stock-sector-donut-and-table-parent .blurry-table-div {
  bottom: 5%;
  width: 100%;
  height: 120px;
  margin-left: -24px;
  position: absolute;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff);
  max-width: calc(100%);
}
@media screen and (max-width: 768px) {
  .common-asset-management-breakdown-stock-sector-donut-and-table-parent .blurry-table-div {
    margin-left: 0;
  }
}
.common-asset-management-breakdown-stock-sector-table-parent {
  flex: 1 1 50%;
}
@media screen and (max-width: 653px) {
  .common-asset-management-breakdown-stock-sector-table-parent {
    flex: 1 1 100%;
    order: 1;
  }
}
.common-asset-management-breakdown-stock-sector-table-wrapper {
  margin-top: 24px;
  margin-bottom: 24px;
}
.common-asset-management-breakdown-stock-sector-donut-parent {
  flex: 1 1 50%;
  text-align: center;
}
@media screen and (max-width: 653px) {
  .common-asset-management-breakdown-stock-sector-donut-parent {
    flex: 1 1 100%;
    order: 0;
    margin-top: 24px;
    margin-bottom: 8px;
  }
}
@media screen and (min-width: 769px) {
  .common-asset-management-breakdown-stock-sector-donut-parent {
    padding-bottom: 24px;
  }
}
@media screen and (min-width: 768px) {
  .common-asset-management-breakdown-stock-sector-donut-parent .shb-pie-chart__radial-chart-container {
    transform: translateY(16px);
  }
}
.common-asset-management-breakdown-stock-sector-popover-parent {
  display: flex;
  flex-wrap: wrap;
}
.common-asset-management-breakdown-stock-sector-popover {
  flex: 1 1 95%;
  text-align: end;
  margin-top: 8px;
}
[class^="stock-sector-weight-percentage"] {
  /*WE USE ^ HERE */
  margin-left: auto;
  color: #636363;
  margin-block-start: 0;
  margin-block-end: 0;
}
.shb-asset-management-underlying-holding_heading {
  margin-bottom: 16px;
}
.shb-common-asset-management-ui-upsell {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.shb-common-asset-management-ui-upsell-content {
  display: flex;
  flex-direction: column;
  padding-left: 24px;
}
.shb-common-asset-management-ui-upsell img {
  height: 80px;
  flex-shrink: 0;
}
.shb-asset-management-ui-table-numeric {
  text-align: end;
}
.shb-asset-management-ui-container {
  display: flex;
  width: 100%;
  height: 28px;
  justify-content: space-between;
}
.shb-asset-management-ui-container-negative {
  display: flex;
  justify-content: flex-end;
}
.shb-asset-management-ui-bar {
  display: flex;
  margin: 3px 0;
}
.shb-asset-management-ui-bar-positive {
  justify-content: flex-end;
  background-color: #005fa5;
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.shb-asset-management-ui-bar-negative {
  justify-content: flex-start;
  background-color: #c83d2a;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.shb-asset-management-ui-bar-separator {
  width: 1px;
  background-color: #a6a6a6;
}
.shb-asset-management-ui-label {
  width: 60px;
  text-align: right;
  margin: 4px 0 0 16px;
  float: right;
}
.shb-asset-management-ui-table-height {
  height: 64px;
}
.shb-asset-management-ui-infoBox-header {
  margin-bottom: 8px;
}
.shb-asset-management-ui-legend {
  font-size: 14px;
}
.region-map-legend-div {
  margin-left: 12px;
  margin-right: 12px;
  display: inline-block;
}
.region-map-legend-dot {
  border-radius: 25px;
  display: inline-block;
  margin-right: 8px;
  -webkit-print-color-adjust: exact;
}
.region-map-legend-div:first-of-type {
  margin-left: 6px;
}
.region-map-legend-div:last-of-type {
  margin-right: 6px;
}
.shb-asset-management-ui-placeholder {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.shb-savings__button-row {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}
.shb-savings__button-row-margin {
  padding: 0px 8px;
}
@media only screen and (max-width: 474px) {
  .shb-savings__button-row {
    flex-direction: column;
  }
  .shb-savings__button-row-margin {
    margin: 8px 0;
  }
}
.shb-savings-data-table-buttons__-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.shb-savings .shb-data-table .shb-savings-table-number {
  text-align: end;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.shb-savings .shb-data-table__header-actions .shb-popover__toggle-menu:nth-child(2) {
  display: none;
}
.shb-savings .negative-number {
  color: #c83d2a;
}
.shb-savings .positive-number {
  color: #005fa5;
}
@media print {
  .shb-savings-data-table-buttons__buy-info {
    display: none;
  }
  .shb-savings-summary-information .shb-savings-summary-item h2.shb-title-12 {
    font-size: 12px;
  }
  .shb-savings-summary-information .shb-savings-summary-item span.shb-title-3,
  .shb-savings-summary-information .shb-savings-summary-item div.shb-title-3 {
    font-size: 20px;
  }
  .shb-savings .shb-savings-others-holdings {
    display: none;
  }
  .shb-savings .shb-data-table__header-actions,
  .shb-savings .shb-errand-footer {
    display: none;
  }
  .shb-savings div.shb-arrow-expander.shb-savings-fund-orders-header-expand-arrow {
    display: none;
  }
  .shb-savings-print .shb-application-header .shb-application-top-menu,
  .shb-savings-print__private .shb-application-header .shb-application-top-menu,
  .shb-savings-print__corporate .shb-application-header .shb-application-top-menu {
    display: none;
  }
  .shb-savings-print div.shb-application-header-container,
  .shb-savings-print__private div.shb-application-header-container,
  .shb-savings-print__corporate div.shb-application-header-container {
    display: none;
  }
  .shb-savings-print .shb-application-header-container__log-out,
  .shb-savings-print .shb-application-toolbar,
  .shb-savings-print .shb-application__footer,
  .shb-savings-print .shb-drawer__content-area,
  .shb-savings-print__private .shb-application-header-container__log-out,
  .shb-savings-print__private .shb-application-toolbar,
  .shb-savings-print__private .shb-application__footer,
  .shb-savings-print__private .shb-drawer__content-area,
  .shb-savings-print__corporate .shb-application-header-container__log-out,
  .shb-savings-print__corporate .shb-application-toolbar,
  .shb-savings-print__corporate .shb-application__footer,
  .shb-savings-print__corporate .shb-drawer__content-area {
    display: none;
  }
  .shb-savings-print .shb-savings-fund-orders-header-expand-arrow,
  .shb-savings-print__private .shb-savings-fund-orders-header-expand-arrow,
  .shb-savings-print__corporate .shb-savings-fund-orders-header-expand-arrow {
    display: none;
  }
  .shb-savings-print .shb-framed-section,
  .shb-savings-print__private .shb-framed-section,
  .shb-savings-print__corporate .shb-framed-section {
    padding: 0px;
    border: 0px;
  }
  .shb-savings-print .shb-application-context__chevron,
  .shb-savings-print__private .shb-application-context__chevron,
  .shb-savings-print__corporate .shb-application-context__chevron {
    display: none;
  }
  .shb-savings-print .shb-application-context__chevron__chevron,
  .shb-savings-print__private .shb-application-context__chevron__chevron,
  .shb-savings-print__corporate .shb-application-context__chevron__chevron {
    display: none;
  }
  .shb-savings-print .shb-application-context,
  .shb-savings-print .shb-application-top-menu,
  .shb-savings-print__private .shb-application-context,
  .shb-savings-print__private .shb-application-top-menu,
  .shb-savings-print__corporate .shb-application-context,
  .shb-savings-print__corporate .shb-application-top-menu {
    display: none;
  }
  .shb-savings-print button.shb-arrow-expander,
  .shb-savings-print__private button.shb-arrow-expander,
  .shb-savings-print__corporate button.shb-arrow-expander {
    display: none;
  }
  .shb-savings-print .shb-application-header.shb-application-context,
  .shb-savings-print__private .shb-application-header.shb-application-context,
  .shb-savings-print__corporate .shb-application-header.shb-application-context {
    display: none;
  }
  .shb-savings-print div.shb-savings-fund-list div.shb-savings-data-table-buttons__buy-info,
  .shb-savings-print__private div.shb-savings-fund-list div.shb-savings-data-table-buttons__buy-info,
  .shb-savings-print__corporate div.shb-savings-fund-list div.shb-savings-data-table-buttons__buy-info {
    display: none;
  }
  .shb-savings-print div.shb-savings-fund-list table.col-xs-12.shb-savings-fund-details__bottomrow,
  .shb-savings-print__private div.shb-savings-fund-list table.col-xs-12.shb-savings-fund-details__bottomrow,
  .shb-savings-print__corporate div.shb-savings-fund-list table.col-xs-12.shb-savings-fund-details__bottomrow {
    display: none;
  }
  .shb-savings-print__private div.shb-savings-fund-list div.shb-data-table__wrapper > table > thead > tr > th:nth-child(6) {
    visibility: hidden;
  }
  .shb-savings-print__corporate div.shb-savings-fund-list div.shb-data-table__wrapper > table > thead > tr > th:nth-child(5) {
    visibility: hidden;
  }
}
.shb-savings-fund-details-column {
  display: flex;
  justify-content: space-between;
  line-height: 1.5;
}
.shb-savings-fund-details-column-lastRow {
  display: flex;
  justify-content: flex-end;
  line-height: 1.5;
}
.shb-savings-fund-details-column-inner-column {
  padding: 0;
  text-align: start;
}
tbody tr td .shb-savings-fund-details-column-inner-column-right {
  display: flex;
  justify-content: flex-end;
  text-align: end;
}
.shb-savings-fund-details-col {
  padding: 0 16px;
}
.shb-savings-fund-details-col tbody tr td {
  border-bottom: none;
  padding: 2px 8px;
}
.shb-savings-fund-details-col-divider-right {
  border-right: 1px solid #e4e4e4;
}
.shb-savings-fund-details-buttonrow {
  padding-top: 10px;
}
.shb-savings-fund-details__small-font {
  font-size: 14px;
  color: #636363;
}
.shb-savings-fund-details__text-link {
  margin-top: 16px;
}
.shb-savings-fund-details-inner-column {
  border-bottom: none;
}
.shb-savings-fund-details__bottomrow tbody tr td {
  border-bottom: none;
}
.shb-savings-fund-details__bottomrow tbody tr td .shb-savings-fund-details__button-row {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.shb-savings-fund-details__bottomrow tbody tr td .shb-savings-fund-details__button-row-left {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}
.shb-savings-fund-details__bottomrow tbody tr td div:not(:first-child).shb-savings-buttonrow-button {
  padding-left: 8px;
}
.shb-savings-fund-details__bottomrow td.shb-savings-fund-details-transaction-history {
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.shb-savings-summary-information {
  display: flex;
  flex-direction: row;
  margin: 0 -10px;
}
@media only screen and (max-width: 767px) {
  .shb-savings-summary-information {
    flex-direction: column;
  }
}
@media only screen and (max-width: 767px) {
  .shb-savings-summary-item {
    margin: 8px 0;
  }
}
.shb-savings-summary-change-in-value {
  display: flex;
}
.shb-savings-summary-change-in-value-amount {
  padding-right: 16px;
  border-right: 1px solid #222222;
}
.shb-savings-summary-change-in-value-percent {
  margin-left: 16px;
}
.shb-savings-fund-orders-header {
  display: flex;
  cursor: pointer;
  justify-content: space-between;
  padding-left: 24px;
  padding-bottom: 8px;
  background-color: #fff;
  padding-top: 8px;
  align-items: center;
  border-bottom: 1px solid #dedede;
}
.shb-savings-fund-orders-header-expand-arrow {
  margin-right: 24px;
  background-color: transparent;
}
.shb-savings-fund-orders-header:hover,
.shb-savings-fund-orders-header:focus {
  background-color: #eaf4f7;
}
.shb-savings-fund-orders-list {
  display: none;
}
.shb-savings-fund-orders-list__expanded {
  display: block;
}
.shb-savings-funds-info {
  position: relative;
  display: inline-block;
  line-height: 0;
}
.shb-savings-funds-info__button {
  background: transparent;
  border: hidden;
  line-height: 0;
  border-radius: 8px;
}
.shb-savings-funds-info__button:hover,
.shb-savings-funds-info__button:focus {
  background: #f3f2ef;
  border-bottom: 2px solid #005fa5;
  padding-bottom: 8px px;
}
.shb-savings-fund-list .shb-data-table .shb-savings-detail-small-grey {
  font-size: 12px;
  color: #767676;
  padding-top: 0px;
  padding-bottom: 9px;
}
.shb-savings-fund-list .shb-data-table td.shb-savings-fundlist-fundname {
  color: #005fa5;
}
.shb-savings-fund-list .shb-data-table .shb-savings-detail-compressed-row {
  padding-top: 8px;
  line-height: 0.5;
}
.shb-savings-fund-list .shb-savings-buttonrow-button {
  height: 36px;
}
.shb-savings-fund-list .shb-savings-data-table-buttons__buy-info {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
  width: fit-content;
}
.shb-savings-fund-list .shb-savings-data-table-buttons__action {
  display: flex;
  width: fit-content;
  justify-content: space-between;
}
.shb-savings-fund-list .shb-savings-data-table-buttons__actionButtons {
  display: flex;
  width: fit-content;
  justify-content: space-between;
}
.shb-savings-others-holdings {
  margin-bottom: 24px;
  margin-left: -2px;
}
.shb-cross-border-payment {
  display: block;
}
.shb-cross-border-payment__header {
  overflow-wrap: break-word;
}
.shb-cross-border-payment__instruction {
  display: none;
}
.shb-cross-border-payment__application {
  display: flex;
  flex-direction: column;
}
.shb-cross-border-payment__left {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.shb-cross-border-payment__total-cost {
  display: flex;
  flex-direction: column;
}
.shb-cross-border-payment__fee-details {
  padding: 0;
  margin: 0;
}
.shb-cross-border-payment__additional-information {
  height: 22.4px;
  display: flex;
  align-items: center;
}
.shb-cross-border-payment__text-area-row {
  max-width: 840px;
  margin: auto;
}
.shb-cross-border-payment__read-more {
  color: #017ab2;
  position: relative;
  top: 19.2px;
}
.shb-cross-border-payment__read-more svg {
  position: relative;
  top: 6.4px;
}
.shb-cross-border-payment__more-text {
  display: block;
  width: 0;
  height: 0;
  overflow: hidden;
}
.shb-cross-border-payment__show-text {
  width: 100%;
  height: 100%;
}
.shb-cross-border-payment__form {
  background-color: #ffffff;
  padding: 20px 20px 1px 20px;
  border-top: 1px solid #dedede;
  border-right: 1px solid #dedede;
  border-left: 1px solid #dedede;
}
.shb-cross-border-payment__result {
  background-color: #ffffff;
  padding: 0 20px 0 20px;
  border-style: solid;
  border-width: 1px;
  border-top-color: #ffffff;
  border-right-color: #dedede;
  border-left-color: #dedede;
  border-bottom-color: #dedede;
}
@media screen and (min-width: 700px) {
  .shb-cross-border-payment__total-cost {
    flex-direction: row;
  }
  .shb-cross-border-payment__instruction {
    border: 1px solid #dedede;
    padding: 20px 20px 0 20px;
    height: 96px;
    background-color: #ffffff;
    display: block;
    width: 50%;
  }
  .shb-cross-border-payment__form-and-result-loader {
    display: flex;
    flex-direction: row;
  }
  .shb-cross-border-payment__form {
    border: 1px solid #dedede;
    width: 50%;
    margin-right: 9.6px;
  }
  .shb-cross-border-payment__result {
    padding: 20px 20px 0 20px;
    border: 1px solid #dedede;
    width: 50%;
  }
  .shb-cross-border-payment__result > .shb-divider {
    display: none;
  }
}
.shb-common-weekly-allowance__age-icon {
  width: 600px;
  max-width: calc(90vw);
  margin: auto;
}
.shb-common-weekly-allowance__headline-style {
  line-height: 1.3em;
  margin: 0;
  padding: 0;
  color: #222;
  font-family: SHB_SlabSerifBold, Georgia, sans-serif;
  font-size: 28px;
  color: #005fa5;
  text-align: center;
}
.shb-common-weekly-allowance__icon-direction {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.shb-common-weekly-allowance__icon-text-style {
  text-align: center;
  min-height: 102px;
}
.shb-common-chat__dialog_desktop {
  position: fixed;
  background: #ffffff;
  border: 1px solid #dedede;
  border-radius: 4px;
  text-align: left;
  display: flex;
  flex-direction: column;
  white-space: nowrap;
  animation: fadeInFromNone 0.2s ease-out;
  box-shadow: 0 3px 6px 2px #dedede;
  margin: 0;
  z-index: 3000;
}
.shb-sepu-drawer-menu__is-active .shb-common-chat__dialog_desktop {
  display: none;
}
@media only screen and (min-width: 768px) {
  .shb-sepu-drawer-menu__is-active .shb-common-chat__dialog_desktop {
    display: block;
    right: 316px !important;
    /* override inline calculated style */
  }
}
.shb-common-chat__dialog_mobile {
  position: fixed;
  background: #ffffff;
  animation: fadeInFromNone 0.2s ease-out;
  margin: 0;
  padding: 0;
  z-index: 3000;
}
.shb-common-chat__bubble {
  position: fixed;
  bottom: 50px;
  right: -23px;
  width: 100px;
  height: 100px;
  z-index: 3000;
}
.shb-sepu-drawer-menu__is-active .shb-common-chat__bubble {
  display: none;
}
@media only screen and (min-width: 768px) {
  .shb-sepu-drawer-menu__is-active .shb-common-chat__bubble {
    display: block;
    right: 300px;
  }
}
.shb-common-chat__arrow-above {
  top: -8px;
  transform: scaleY(-1);
  right: 59px;
  position: absolute;
  width: 20px;
  height: 20px;
  pointer-events: none;
  z-index: 3000;
}
.shb-common-chat__arrow-above::before,
.shb-common-chat__arrow-above::after {
  content: "";
  position: absolute;
  border: solid transparent;
  bottom: 0;
  height: 0;
  width: 0;
}
.shb-common-chat__arrow-above::before {
  border-width: 10px;
  border-bottom-color: #dedede;
}
.shb-common-chat__arrow-above::after {
  border-width: 9px;
  border-bottom-color: #ffffff;
  left: 1px;
}
.shb-common-chat__toggle-menu {
  background: transparent;
  border: 4px solid transparent;
  border-radius: 44px;
  transition: 250ms all ease;
  width: 61px;
  height: 61px;
}
.shb-common-chat__toggle-menu:hover {
  background: transparent;
}
.shb-common-chat__toggle-menu:hover svg {
  transition: 250ms all ease;
  transform: scale(1.2);
}
.shb-common-chat__toggle-menu:focus-within {
  border: 2px solid #005fa5;
  padding: 2px;
  transition: 250ms all ease;
}
.shb-common-chat__toggle-menu:focus-within:hover {
  border: 2px solid #005fa5;
  padding: 2px;
}
.shb-common-chat__floating-button {
  position: absolute;
  top: 3px;
  left: 3px;
  width: 55px;
  height: 55px;
  line-height: 12px;
  color: #ffffff;
  border-radius: 50%;
  box-shadow: 1px 1px 8px #00000054;
}
.shb-common-chat__floating-button__open {
  background-color: #005fa5;
}
.shb-common-chat__floating-button__close {
  background-color: #005fa5;
}
.shb-common-chat__chat-icon {
  margin-top: 7px;
}
.shb-common-chat__close-icon {
  margin-top: 20px;
}
#shb-common-chat-iframe {
  border: 0;
  background-color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: auto;
  padding: 0;
}
.shb-common-cookie-consent-settings__button-wrapper {
  text-align: center;
}
body .shb-todo-list-container {
  clear: both;
}
body .shb-todo-list-corporate {
  padding: 0;
  margin: 0;
  width: 100%;
  max-width: 100%;
  object-fit: contain;
}
body .shb-todo-list-corporate li {
  list-style: none;
}
body .shb-todo-list-corporate .shb-todo-notification-new {
  margin-right: 8px;
}
body .shb-todo-list-corporate__link {
  padding: 0;
  display: flex;
  box-sizing: border-box;
  height: 10px;
  min-height: 43px;
  justify-content: center;
  font-size: 14px;
  text-decoration: none;
  cursor: pointer;
}
body .shb-todo__disclamer {
  padding: 18px 24px;
}
body .shb-todo__no-notification {
  display: flex;
  border-bottom: 1px solid #dedede;
  justify-content: center;
  padding: 24px;
}
body .shb-todo__todo-list-item {
  display: flex;
  transition: 0.2s all;
  border-bottom: 1px solid #dedede;
}
body .shb-todo__todo-list-item .shb-todo__todo-list-item__text-wrapper {
  line-height: normal;
  margin: 0;
  flex-grow: 1;
  align-self: stretch;
  display: flex;
}
body .shb-todo__todo-list-item .shb-todo__todo-list-item__text-wrapper:focus:before {
  content: "";
  position: absolute;
  top: 0;
  left: 1px;
  right: 1px;
  height: 100%;
  width: 32px;
  overflow: hidden;
  outline: 1px solid #005fa5;
}
body .shb-todo__todo-list-item .shb-todo__todo-list-item__text-wrapper:hover {
  text-decoration: underline;
  background-color: #eaf4f7;
}
body .shb-todo__todo-list-item .shb-todo__todo-list-item__text-wrapper--has-focus {
  outline: 1px solid #005fa5;
}
body .shb-todo__todo-list-item .shb-todo__todo-list-item__text-wrapper:hover a,
body .shb-todo__todo-list-item .shb-todo__todo-list-item__text-wrapper:focus a {
  outline: none;
  text-decoration: underline;
}
body .shb-todo__todo-list-item .shb-todo__todo-list-item__text-wrapper a {
  padding: 18px 24px;
  flex: 1 1 auto;
  align-items: center;
  display: flex;
}
body .shb-todo__todo-list-item .shb-todo__delete-button {
  padding: 18px 24px;
  margin: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
body .shb-todo__todo-list-item .shb-todo__delete-button:focus {
  outline: 1px solid #005fa5;
}
body .shb-todo__todo-list-item .shb-todo__delete-button:hover {
  text-decoration: underline;
  background-color: #005fa5;
  color: #ffffff;
}
body .shb-todo__todo-list-item .shb-todo__delete-button:hover svg.shb-react-icons path {
  fill: #ffffff;
}
body .shb-todo__todo-list-item .shb-todo__delete-button-wrapper {
  display: flex;
}
.shb-corporate-services__list {
  list-style: none;
  list-style-position: outside;
  padding: 0;
  margin: 0;
  display: block;
}
.shb-corporate-services__list-item {
  border-bottom: 1px solid #dedede;
  display: block;
  margin: 0;
  padding: 0;
  transition: 0.2s all;
}
.shb-corporate-services__list-item:last-child {
  border: none;
  border-radius: 0 0 7px 7px;
}
.shb-corporate-services__list-item:hover {
  background-color: #f0f8fa;
}
.shb-corporate-services__link {
  align-items: center;
  display: flex;
  justify-content: space-between;
  padding: 12px 24px;
}
.shb-corporate-services__loader {
  display: flex;
}
.shb-email-link__svgIcon {
  vertical-align: top;
  padding-right: 4px;
}
.shb-email-link__wrapper {
  display: inline;
}
.portfolioselect_multiselect__showbutton {
  margin-top: 16px;
  display: flex;
  flex-wrap: nowrap;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: flex-end;
}
.shb-portfolioreporting__shb-multiselect-option-label {
  margin-left: 0 !important;
  padding-left: 0 !important;
}
.portfolio-select [role="row"] [role="gridcell"] label div {
  margin-bottom: -14px;
}
.portfolio-select [role="row"]:not(:first-child) [role="gridcell"] label div {
  margin-top: 16px;
}
.shb-label__label-wrapper span {
  margin-bottom: 0!important;
}
.shb-common-asset-management-portfolio-select-name {
  display: inline !important;
}
.shb-common-asset-management-portfolio-select-number {
  display: inline !important;
  color: #767676 !important;
  margin-left: 8px !important;
}
@media screen and (max-width: 600px) {
  .shb-common-asset-management-portfolio-select-number {
    display: block!important;
    margin-left: 0!important;
  }
}
.rv-discrete-color-legend-item.horizontal .rv-discrete-color-legend-item__title {
  display: unset;
  margin-left: 10px;
}
.rv-discrete-color-legend-item {
  padding: 0 16px 16px 16px;
}
.rv-discrete-color-legend-item__title {
  margin-top: 5px;
}
.rv-hint--verticalAlign-top {
  margin-bottom: 10px;
}
.rv-crosshair__line {
  background: #dedede;
  width: 1px;
}
.rv-xy-plot__series,
.rv-xy-plot__series path {
  pointer-events: all;
}
.rv-xy-plot__series--line {
  padding-left: 0;
  fill: none;
  stroke: #000;
  stroke-width: 2px;
}
@page {
  size: A4 portrait;
  margin: 10mm;
}
@media print {
  shb-private-portfolioreporting-overview .shb-table,
  shb-common-asset-management-portfolio-reporting .shb-table,
  shb-common-asset-management-portfolioreporting-overview .shb-table,
  shb-common-asset-management-portfolioreporting-performance .shb-table,
  shb-common-asset-management-portfolioreporting-holdings .shb-table,
  shb-common-asset-management-portfolioreporting-transactions .shb-table {
    font-size: 12px;
  }
  shb-private-portfolioreporting-overview .shb-errand-body h3,
  shb-common-asset-management-portfolio-reporting .shb-errand-body h3,
  shb-common-asset-management-portfolioreporting-overview .shb-errand-body h3,
  shb-common-asset-management-portfolioreporting-performance .shb-errand-body h3,
  shb-common-asset-management-portfolioreporting-holdings .shb-errand-body h3,
  shb-common-asset-management-portfolioreporting-transactions .shb-errand-body h3 {
    font-size: 20px;
  }
  shb-private-portfolioreporting-overview .shb-data-table__header-actions,
  shb-common-asset-management-portfolio-reporting .shb-data-table__header-actions,
  shb-common-asset-management-portfolioreporting-overview .shb-data-table__header-actions,
  shb-common-asset-management-portfolioreporting-performance .shb-data-table__header-actions,
  shb-common-asset-management-portfolioreporting-holdings .shb-data-table__header-actions,
  shb-common-asset-management-portfolioreporting-transactions .shb-data-table__header-actions {
    display: none;
  }
  shb-private-portfolioreporting-overview .shb-data-table__sortable-column-icon,
  shb-common-asset-management-portfolio-reporting .shb-data-table__sortable-column-icon,
  shb-common-asset-management-portfolioreporting-overview .shb-data-table__sortable-column-icon,
  shb-common-asset-management-portfolioreporting-performance .shb-data-table__sortable-column-icon,
  shb-common-asset-management-portfolioreporting-holdings .shb-data-table__sortable-column-icon,
  shb-common-asset-management-portfolioreporting-transactions .shb-data-table__sortable-column-icon {
    display: none;
  }
  shb-private-portfolioreporting-overview .shb-h1,
  shb-common-asset-management-portfolio-reporting .shb-h1,
  shb-common-asset-management-portfolioreporting-overview .shb-h1,
  shb-common-asset-management-portfolioreporting-performance .shb-h1,
  shb-common-asset-management-portfolioreporting-holdings .shb-h1,
  shb-common-asset-management-portfolioreporting-transactions .shb-h1,
  shb-private-portfolioreporting-overview .shb-title-5.shb-errand-header__heading,
  shb-common-asset-management-portfolio-reporting .shb-title-5.shb-errand-header__heading,
  shb-common-asset-management-portfolioreporting-overview .shb-title-5.shb-errand-header__heading,
  shb-common-asset-management-portfolioreporting-performance .shb-title-5.shb-errand-header__heading,
  shb-common-asset-management-portfolioreporting-holdings .shb-title-5.shb-errand-header__heading,
  shb-common-asset-management-portfolioreporting-transactions .shb-title-5.shb-errand-header__heading {
    display: none;
  }
  shb-private-portfolioreporting-overview .shb-errand-body > h3,
  shb-common-asset-management-portfolio-reporting .shb-errand-body > h3,
  shb-common-asset-management-portfolioreporting-overview .shb-errand-body > h3,
  shb-common-asset-management-portfolioreporting-performance .shb-errand-body > h3,
  shb-common-asset-management-portfolioreporting-holdings .shb-errand-body > h3,
  shb-common-asset-management-portfolioreporting-transactions .shb-errand-body > h3 {
    position: relative;
    left: -18px;
  }
  shb-private-portfolioreporting-overview .shb-asset-management-errand,
  shb-common-asset-management-portfolio-reporting .shb-asset-management-errand,
  shb-common-asset-management-portfolioreporting-overview .shb-asset-management-errand,
  shb-common-asset-management-portfolioreporting-performance .shb-asset-management-errand,
  shb-common-asset-management-portfolioreporting-holdings .shb-asset-management-errand,
  shb-common-asset-management-portfolioreporting-transactions .shb-asset-management-errand,
  shb-private-portfolioreporting-overview .shb-errand-header,
  shb-common-asset-management-portfolio-reporting .shb-errand-header,
  shb-common-asset-management-portfolioreporting-overview .shb-errand-header,
  shb-common-asset-management-portfolioreporting-performance .shb-errand-header,
  shb-common-asset-management-portfolioreporting-holdings .shb-errand-header,
  shb-common-asset-management-portfolioreporting-transactions .shb-errand-header,
  shb-private-portfolioreporting-overview .shb-horizontal-scroll,
  shb-common-asset-management-portfolio-reporting .shb-horizontal-scroll,
  shb-common-asset-management-portfolioreporting-overview .shb-horizontal-scroll,
  shb-common-asset-management-portfolioreporting-performance .shb-horizontal-scroll,
  shb-common-asset-management-portfolioreporting-holdings .shb-horizontal-scroll,
  shb-common-asset-management-portfolioreporting-transactions .shb-horizontal-scroll,
  shb-private-portfolioreporting-overview .shb-errand-general-section > .shb--no-print,
  shb-common-asset-management-portfolio-reporting .shb-errand-general-section > .shb--no-print,
  shb-common-asset-management-portfolioreporting-overview .shb-errand-general-section > .shb--no-print,
  shb-common-asset-management-portfolioreporting-performance .shb-errand-general-section > .shb--no-print,
  shb-common-asset-management-portfolioreporting-holdings .shb-errand-general-section > .shb--no-print,
  shb-common-asset-management-portfolioreporting-transactions .shb-errand-general-section > .shb--no-print {
    display: none;
  }
  shb-private-portfolioreporting-overview .shb-table-group__header th,
  shb-common-asset-management-portfolio-reporting .shb-table-group__header th,
  shb-common-asset-management-portfolioreporting-overview .shb-table-group__header th,
  shb-common-asset-management-portfolioreporting-performance .shb-table-group__header th,
  shb-common-asset-management-portfolioreporting-holdings .shb-table-group__header th,
  shb-common-asset-management-portfolioreporting-transactions .shb-table-group__header th {
    padding-left: 5px;
  }
  shb-private-portfolioreporting-overview .shb-data-table .shb-table__row th:first-child,
  shb-common-asset-management-portfolio-reporting .shb-data-table .shb-table__row th:first-child,
  shb-common-asset-management-portfolioreporting-overview .shb-data-table .shb-table__row th:first-child,
  shb-common-asset-management-portfolioreporting-performance .shb-data-table .shb-table__row th:first-child,
  shb-common-asset-management-portfolioreporting-holdings .shb-data-table .shb-table__row th:first-child,
  shb-common-asset-management-portfolioreporting-transactions .shb-data-table .shb-table__row th:first-child,
  shb-private-portfolioreporting-overview .shb-data-table .shb-table__header__row th:first-child,
  shb-common-asset-management-portfolio-reporting .shb-data-table .shb-table__header__row th:first-child,
  shb-common-asset-management-portfolioreporting-overview .shb-data-table .shb-table__header__row th:first-child,
  shb-common-asset-management-portfolioreporting-performance .shb-data-table .shb-table__header__row th:first-child,
  shb-common-asset-management-portfolioreporting-holdings .shb-data-table .shb-table__header__row th:first-child,
  shb-common-asset-management-portfolioreporting-transactions .shb-data-table .shb-table__header__row th:first-child,
  shb-private-portfolioreporting-overview .shb-data-table .shb-table__footer__row th:first-child,
  shb-common-asset-management-portfolio-reporting .shb-data-table .shb-table__footer__row th:first-child,
  shb-common-asset-management-portfolioreporting-overview .shb-data-table .shb-table__footer__row th:first-child,
  shb-common-asset-management-portfolioreporting-performance .shb-data-table .shb-table__footer__row th:first-child,
  shb-common-asset-management-portfolioreporting-holdings .shb-data-table .shb-table__footer__row th:first-child,
  shb-common-asset-management-portfolioreporting-transactions .shb-data-table .shb-table__footer__row th:first-child,
  shb-private-portfolioreporting-overview .shb-data-table .shb-table__row td:first-child,
  shb-common-asset-management-portfolio-reporting .shb-data-table .shb-table__row td:first-child,
  shb-common-asset-management-portfolioreporting-overview .shb-data-table .shb-table__row td:first-child,
  shb-common-asset-management-portfolioreporting-performance .shb-data-table .shb-table__row td:first-child,
  shb-common-asset-management-portfolioreporting-holdings .shb-data-table .shb-table__row td:first-child,
  shb-common-asset-management-portfolioreporting-transactions .shb-data-table .shb-table__row td:first-child,
  shb-private-portfolioreporting-overview .shb-data-table .shb-table__header__row td:first-child,
  shb-common-asset-management-portfolio-reporting .shb-data-table .shb-table__header__row td:first-child,
  shb-common-asset-management-portfolioreporting-overview .shb-data-table .shb-table__header__row td:first-child,
  shb-common-asset-management-portfolioreporting-performance .shb-data-table .shb-table__header__row td:first-child,
  shb-common-asset-management-portfolioreporting-holdings .shb-data-table .shb-table__header__row td:first-child,
  shb-common-asset-management-portfolioreporting-transactions .shb-data-table .shb-table__header__row td:first-child,
  shb-private-portfolioreporting-overview .shb-data-table .shb-table__footer__row td:first-child,
  shb-common-asset-management-portfolio-reporting .shb-data-table .shb-table__footer__row td:first-child,
  shb-common-asset-management-portfolioreporting-overview .shb-data-table .shb-table__footer__row td:first-child,
  shb-common-asset-management-portfolioreporting-performance .shb-data-table .shb-table__footer__row td:first-child,
  shb-common-asset-management-portfolioreporting-holdings .shb-data-table .shb-table__footer__row td:first-child,
  shb-common-asset-management-portfolioreporting-transactions .shb-data-table .shb-table__footer__row td:first-child {
    padding-left: 5px;
  }
  shb-private-portfolioreporting-overview .shb-data-table .shb-table__row th:last-child,
  shb-common-asset-management-portfolio-reporting .shb-data-table .shb-table__row th:last-child,
  shb-common-asset-management-portfolioreporting-overview .shb-data-table .shb-table__row th:last-child,
  shb-common-asset-management-portfolioreporting-performance .shb-data-table .shb-table__row th:last-child,
  shb-common-asset-management-portfolioreporting-holdings .shb-data-table .shb-table__row th:last-child,
  shb-common-asset-management-portfolioreporting-transactions .shb-data-table .shb-table__row th:last-child,
  shb-private-portfolioreporting-overview .shb-data-table .shb-table__header__row th:last-child,
  shb-common-asset-management-portfolio-reporting .shb-data-table .shb-table__header__row th:last-child,
  shb-common-asset-management-portfolioreporting-overview .shb-data-table .shb-table__header__row th:last-child,
  shb-common-asset-management-portfolioreporting-performance .shb-data-table .shb-table__header__row th:last-child,
  shb-common-asset-management-portfolioreporting-holdings .shb-data-table .shb-table__header__row th:last-child,
  shb-common-asset-management-portfolioreporting-transactions .shb-data-table .shb-table__header__row th:last-child,
  shb-private-portfolioreporting-overview .shb-data-table .shb-table__footer__row th:last-child,
  shb-common-asset-management-portfolio-reporting .shb-data-table .shb-table__footer__row th:last-child,
  shb-common-asset-management-portfolioreporting-overview .shb-data-table .shb-table__footer__row th:last-child,
  shb-common-asset-management-portfolioreporting-performance .shb-data-table .shb-table__footer__row th:last-child,
  shb-common-asset-management-portfolioreporting-holdings .shb-data-table .shb-table__footer__row th:last-child,
  shb-common-asset-management-portfolioreporting-transactions .shb-data-table .shb-table__footer__row th:last-child,
  shb-private-portfolioreporting-overview .shb-data-table .shb-table__row td:last-child,
  shb-common-asset-management-portfolio-reporting .shb-data-table .shb-table__row td:last-child,
  shb-common-asset-management-portfolioreporting-overview .shb-data-table .shb-table__row td:last-child,
  shb-common-asset-management-portfolioreporting-performance .shb-data-table .shb-table__row td:last-child,
  shb-common-asset-management-portfolioreporting-holdings .shb-data-table .shb-table__row td:last-child,
  shb-common-asset-management-portfolioreporting-transactions .shb-data-table .shb-table__row td:last-child,
  shb-private-portfolioreporting-overview .shb-data-table .shb-table__header__row td:last-child,
  shb-common-asset-management-portfolio-reporting .shb-data-table .shb-table__header__row td:last-child,
  shb-common-asset-management-portfolioreporting-overview .shb-data-table .shb-table__header__row td:last-child,
  shb-common-asset-management-portfolioreporting-performance .shb-data-table .shb-table__header__row td:last-child,
  shb-common-asset-management-portfolioreporting-holdings .shb-data-table .shb-table__header__row td:last-child,
  shb-common-asset-management-portfolioreporting-transactions .shb-data-table .shb-table__header__row td:last-child,
  shb-private-portfolioreporting-overview .shb-data-table .shb-table__footer__row td:last-child,
  shb-common-asset-management-portfolio-reporting .shb-data-table .shb-table__footer__row td:last-child,
  shb-common-asset-management-portfolioreporting-overview .shb-data-table .shb-table__footer__row td:last-child,
  shb-common-asset-management-portfolioreporting-performance .shb-data-table .shb-table__footer__row td:last-child,
  shb-common-asset-management-portfolioreporting-holdings .shb-data-table .shb-table__footer__row td:last-child,
  shb-common-asset-management-portfolioreporting-transactions .shb-data-table .shb-table__footer__row td:last-child {
    padding-right: 5px;
  }
  shb-private-portfolioreporting-overview .shb-table thead tr th,
  shb-common-asset-management-portfolio-reporting .shb-table thead tr th,
  shb-common-asset-management-portfolioreporting-overview .shb-table thead tr th,
  shb-common-asset-management-portfolioreporting-performance .shb-table thead tr th,
  shb-common-asset-management-portfolioreporting-holdings .shb-table thead tr th,
  shb-common-asset-management-portfolioreporting-transactions .shb-table thead tr th,
  shb-private-portfolioreporting-overview .shb-table tbody tr td,
  shb-common-asset-management-portfolio-reporting .shb-table tbody tr td,
  shb-common-asset-management-portfolioreporting-overview .shb-table tbody tr td,
  shb-common-asset-management-portfolioreporting-performance .shb-table tbody tr td,
  shb-common-asset-management-portfolioreporting-holdings .shb-table tbody tr td,
  shb-common-asset-management-portfolioreporting-transactions .shb-table tbody tr td,
  shb-private-portfolioreporting-overview .shb-table tfoot tr td,
  shb-common-asset-management-portfolio-reporting .shb-table tfoot tr td,
  shb-common-asset-management-portfolioreporting-overview .shb-table tfoot tr td,
  shb-common-asset-management-portfolioreporting-performance .shb-table tfoot tr td,
  shb-common-asset-management-portfolioreporting-holdings .shb-table tfoot tr td,
  shb-common-asset-management-portfolioreporting-transactions .shb-table tfoot tr td {
    padding: 9px 4px;
  }
  shb-private-portfolioreporting-overview button.shb-data-table__sortable-column,
  shb-common-asset-management-portfolio-reporting button.shb-data-table__sortable-column,
  shb-common-asset-management-portfolioreporting-overview button.shb-data-table__sortable-column,
  shb-common-asset-management-portfolioreporting-performance button.shb-data-table__sortable-column,
  shb-common-asset-management-portfolioreporting-holdings button.shb-data-table__sortable-column,
  shb-common-asset-management-portfolioreporting-transactions button.shb-data-table__sortable-column {
    padding: 0 !important;
  }
  shb-private-portfolioreporting-overview .shb-data-table__pagination,
  shb-common-asset-management-portfolio-reporting .shb-data-table__pagination,
  shb-common-asset-management-portfolioreporting-overview .shb-data-table__pagination,
  shb-common-asset-management-portfolioreporting-performance .shb-data-table__pagination,
  shb-common-asset-management-portfolioreporting-holdings .shb-data-table__pagination,
  shb-common-asset-management-portfolioreporting-transactions .shb-data-table__pagination {
    padding: 0 24px 0;
  }
  shb-private-portfolioreporting-overview .shb-errand-table-section:not(:only-child),
  shb-common-asset-management-portfolio-reporting .shb-errand-table-section:not(:only-child),
  shb-common-asset-management-portfolioreporting-overview .shb-errand-table-section:not(:only-child),
  shb-common-asset-management-portfolioreporting-performance .shb-errand-table-section:not(:only-child),
  shb-common-asset-management-portfolioreporting-holdings .shb-errand-table-section:not(:only-child),
  shb-common-asset-management-portfolioreporting-transactions .shb-errand-table-section:not(:only-child) {
    margin-bottom: -16px;
  }
  .portfolio-reporting-print .shb-application-header .shb-application-top-menu {
    display: none;
  }
  .portfolio-reporting-print div.shb-application-header-container div:nth-child(2) {
    display: none;
  }
  .portfolio-reporting-print .shb-application-header-container__log-out,
  .portfolio-reporting-print .shb-application-toolbar,
  .portfolio-reporting-print .shb-application__footer,
  .portfolio-reporting-print .shb-drawer__content-area {
    display: none;
  }
  .portfolio-reporting-print .shb-application-context__chevron {
    display: none;
  }
  .portfolio-reporting-print .shb-application-context__chevron__chevron {
    display: none;
  }
  .portfolio-reporting-print .shb-application-context,
  .portfolio-reporting-print .shb-application-top-menu {
    display: none;
  }
  .portfolio-reporting-print button.shb-arrow-expander {
    display: none;
  }
  .portfolio-reporting-print .shb-application-header.shb-application-context {
    display: none;
  }
  .portfolio-reporting-print .shb-errand-header {
    display: none;
  }
  .portfolio-reporting-print .filterIcon {
    display: none;
  }
  .portfolio-reporting-print .portfolio-reporting-holdings-table .shb-data-table__wrapper {
    max-height: unset;
  }
}
shb-private-portfolioreporting-overview,
shb-common-asset-management-portfolio-reporting,
shb-common-asset-management-portfolioreporting-overview,
shb-common-asset-management-portfolioreporting-performance,
shb-common-asset-management-portfolioreporting-holdings,
shb-common-asset-management-portfolioreporting-transactions {
  /* Maximize the description container on holding totals */
  /* Correct alignment on holding totals  OK */
  /* Make table column header row sticky */
  /* Space between Portfolios */
  /* Make shb-outputfield tight tight */
  /* Hide the expander of Cash row */
  /* Disable click on Cash row */
  /* Grouping rows should have standard 48px height*/
  /* Make instrument details have better width handling */
  /* Smaller font on instrument details so long marketplace names dont wrap on new line */
  /* Multiselect with no newlines */
  /* Multiselect should have margin in small screens */
  /* Hide errand bottom margin */
  /* Holding table header should be like shb-title-9 */
  /* Remove some extra paddings on Cards */
  /* Filter list in table with uneven number of columns looks scrambled */
  /* Filter list - we moved the margins so we hide the arrow */
}
shb-private-portfolioreporting-overview .align-top .shb-element-with-info__element-and-button-container,
shb-common-asset-management-portfolio-reporting .align-top .shb-element-with-info__element-and-button-container,
shb-common-asset-management-portfolioreporting-overview .align-top .shb-element-with-info__element-and-button-container,
shb-common-asset-management-portfolioreporting-performance .align-top .shb-element-with-info__element-and-button-container,
shb-common-asset-management-portfolioreporting-holdings .align-top .shb-element-with-info__element-and-button-container,
shb-common-asset-management-portfolioreporting-transactions .align-top .shb-element-with-info__element-and-button-container {
  align-items: flex-start;
}
shb-private-portfolioreporting-overview .shb-portfolioreporting__summary-value,
shb-common-asset-management-portfolio-reporting .shb-portfolioreporting__summary-value,
shb-common-asset-management-portfolioreporting-overview .shb-portfolioreporting__summary-value,
shb-common-asset-management-portfolioreporting-performance .shb-portfolioreporting__summary-value,
shb-common-asset-management-portfolioreporting-holdings .shb-portfolioreporting__summary-value,
shb-common-asset-management-portfolioreporting-transactions .shb-portfolioreporting__summary-value {
  display: flex;
  flex-direction: column;
}
shb-private-portfolioreporting-overview .shb-portfolioreporting__summary-value--positive,
shb-common-asset-management-portfolio-reporting .shb-portfolioreporting__summary-value--positive,
shb-common-asset-management-portfolioreporting-overview .shb-portfolioreporting__summary-value--positive,
shb-common-asset-management-portfolioreporting-performance .shb-portfolioreporting__summary-value--positive,
shb-common-asset-management-portfolioreporting-holdings .shb-portfolioreporting__summary-value--positive,
shb-common-asset-management-portfolioreporting-transactions .shb-portfolioreporting__summary-value--positive {
  color: #005fa5;
}
shb-private-portfolioreporting-overview .shb-portfolioreporting__summary-value--negative,
shb-common-asset-management-portfolio-reporting .shb-portfolioreporting__summary-value--negative,
shb-common-asset-management-portfolioreporting-overview .shb-portfolioreporting__summary-value--negative,
shb-common-asset-management-portfolioreporting-performance .shb-portfolioreporting__summary-value--negative,
shb-common-asset-management-portfolioreporting-holdings .shb-portfolioreporting__summary-value--negative,
shb-common-asset-management-portfolioreporting-transactions .shb-portfolioreporting__summary-value--negative {
  color: #c83d2a;
}
shb-private-portfolioreporting-overview .shb-portfolioreporting__portfoliototals.summary,
shb-common-asset-management-portfolio-reporting .shb-portfolioreporting__portfoliototals.summary,
shb-common-asset-management-portfolioreporting-overview .shb-portfolioreporting__portfoliototals.summary,
shb-common-asset-management-portfolioreporting-performance .shb-portfolioreporting__portfoliototals.summary,
shb-common-asset-management-portfolioreporting-holdings .shb-portfolioreporting__portfoliototals.summary,
shb-common-asset-management-portfolioreporting-transactions .shb-portfolioreporting__portfoliototals.summary {
  background-color: #ffffff;
  border-top: 1px solid #dedede;
  border-bottom: 1px solid #dedede;
  padding: 16px 49px;
  margin-left: -24px;
  margin-right: -24px;
}
shb-private-portfolioreporting-overview .shb-portfolioreporting__shb-multiselect-option-label,
shb-common-asset-management-portfolio-reporting .shb-portfolioreporting__shb-multiselect-option-label,
shb-common-asset-management-portfolioreporting-overview .shb-portfolioreporting__shb-multiselect-option-label,
shb-common-asset-management-portfolioreporting-performance .shb-portfolioreporting__shb-multiselect-option-label,
shb-common-asset-management-portfolioreporting-holdings .shb-portfolioreporting__shb-multiselect-option-label,
shb-common-asset-management-portfolioreporting-transactions .shb-portfolioreporting__shb-multiselect-option-label {
  margin-left: 24px;
  padding: 4px 8px 3px 8px;
}
shb-private-portfolioreporting-overview .shb-portfolioreporting__shb-multiselect-option-label:not(:first-child),
shb-common-asset-management-portfolio-reporting .shb-portfolioreporting__shb-multiselect-option-label:not(:first-child),
shb-common-asset-management-portfolioreporting-overview .shb-portfolioreporting__shb-multiselect-option-label:not(:first-child),
shb-common-asset-management-portfolioreporting-performance .shb-portfolioreporting__shb-multiselect-option-label:not(:first-child),
shb-common-asset-management-portfolioreporting-holdings .shb-portfolioreporting__shb-multiselect-option-label:not(:first-child),
shb-common-asset-management-portfolioreporting-transactions .shb-portfolioreporting__shb-multiselect-option-label:not(:first-child) {
  padding-top: 5px;
}
shb-private-portfolioreporting-overview .shb-portfolioreporting__hintrow,
shb-common-asset-management-portfolio-reporting .shb-portfolioreporting__hintrow,
shb-common-asset-management-portfolioreporting-overview .shb-portfolioreporting__hintrow,
shb-common-asset-management-portfolioreporting-performance .shb-portfolioreporting__hintrow,
shb-common-asset-management-portfolioreporting-holdings .shb-portfolioreporting__hintrow,
shb-common-asset-management-portfolioreporting-transactions .shb-portfolioreporting__hintrow {
  display: flex;
  flex-direction: row;
}
shb-private-portfolioreporting-overview .shb-portfolioreporting__shb-module-bottom__links,
shb-common-asset-management-portfolio-reporting .shb-portfolioreporting__shb-module-bottom__links,
shb-common-asset-management-portfolioreporting-overview .shb-portfolioreporting__shb-module-bottom__links,
shb-common-asset-management-portfolioreporting-performance .shb-portfolioreporting__shb-module-bottom__links,
shb-common-asset-management-portfolioreporting-holdings .shb-portfolioreporting__shb-module-bottom__links,
shb-common-asset-management-portfolioreporting-transactions .shb-portfolioreporting__shb-module-bottom__links {
  margin-top: 10px;
  display: flex;
  flex-wrap: wrap;
  border-radius: 0 0 0 0;
}
shb-private-portfolioreporting-overview .shb-portfolioreporting__shb-module-bottom__links > *,
shb-common-asset-management-portfolio-reporting .shb-portfolioreporting__shb-module-bottom__links > *,
shb-common-asset-management-portfolioreporting-overview .shb-portfolioreporting__shb-module-bottom__links > *,
shb-common-asset-management-portfolioreporting-performance .shb-portfolioreporting__shb-module-bottom__links > *,
shb-common-asset-management-portfolioreporting-holdings .shb-portfolioreporting__shb-module-bottom__links > *,
shb-common-asset-management-portfolioreporting-transactions .shb-portfolioreporting__shb-module-bottom__links > * {
  background-color: #ffffff;
  text-align: center;
  vertical-align: middle;
  border: 1px solid #dedede;
  line-height: 42px;
  flex: 1 0 100px;
}
shb-private-portfolioreporting-overview .shb-portfolioreporting__periodselector_datepicker,
shb-common-asset-management-portfolio-reporting .shb-portfolioreporting__periodselector_datepicker,
shb-common-asset-management-portfolioreporting-overview .shb-portfolioreporting__periodselector_datepicker,
shb-common-asset-management-portfolioreporting-performance .shb-portfolioreporting__periodselector_datepicker,
shb-common-asset-management-portfolioreporting-holdings .shb-portfolioreporting__periodselector_datepicker,
shb-common-asset-management-portfolioreporting-transactions .shb-portfolioreporting__periodselector_datepicker {
  display: flex;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  shb-private-portfolioreporting-overview .shb-portfolioreporting__periodselector_datepicker,
  shb-common-asset-management-portfolio-reporting .shb-portfolioreporting__periodselector_datepicker,
  shb-common-asset-management-portfolioreporting-overview .shb-portfolioreporting__periodselector_datepicker,
  shb-common-asset-management-portfolioreporting-performance .shb-portfolioreporting__periodselector_datepicker,
  shb-common-asset-management-portfolioreporting-holdings .shb-portfolioreporting__periodselector_datepicker,
  shb-common-asset-management-portfolioreporting-transactions .shb-portfolioreporting__periodselector_datepicker {
    flex-flow: column;
  }
}
shb-private-portfolioreporting-overview .shb-portfolioreporting__periodselector_datepicker :last-child,
shb-common-asset-management-portfolio-reporting .shb-portfolioreporting__periodselector_datepicker :last-child,
shb-common-asset-management-portfolioreporting-overview .shb-portfolioreporting__periodselector_datepicker :last-child,
shb-common-asset-management-portfolioreporting-performance .shb-portfolioreporting__periodselector_datepicker :last-child,
shb-common-asset-management-portfolioreporting-holdings .shb-portfolioreporting__periodselector_datepicker :last-child,
shb-common-asset-management-portfolioreporting-transactions .shb-portfolioreporting__periodselector_datepicker :last-child {
  align-self: end;
}
@media only screen and (max-width: 767px) {
  shb-private-portfolioreporting-overview .shb-portfolioreporting__periodselector_datepicker :last-child,
  shb-common-asset-management-portfolio-reporting .shb-portfolioreporting__periodselector_datepicker :last-child,
  shb-common-asset-management-portfolioreporting-overview .shb-portfolioreporting__periodselector_datepicker :last-child,
  shb-common-asset-management-portfolioreporting-performance .shb-portfolioreporting__periodselector_datepicker :last-child,
  shb-common-asset-management-portfolioreporting-holdings .shb-portfolioreporting__periodselector_datepicker :last-child,
  shb-common-asset-management-portfolioreporting-transactions .shb-portfolioreporting__periodselector_datepicker :last-child {
    align-self: auto;
  }
}
shb-private-portfolioreporting-overview .shb-portfolioreporting__periodselector_button,
shb-common-asset-management-portfolio-reporting .shb-portfolioreporting__periodselector_button,
shb-common-asset-management-portfolioreporting-overview .shb-portfolioreporting__periodselector_button,
shb-common-asset-management-portfolioreporting-performance .shb-portfolioreporting__periodselector_button,
shb-common-asset-management-portfolioreporting-holdings .shb-portfolioreporting__periodselector_button,
shb-common-asset-management-portfolioreporting-transactions .shb-portfolioreporting__periodselector_button {
  padding-left: 8px;
  padding-bottom: 8px;
}
@media screen and (max-width: 768px) {
  shb-private-portfolioreporting-overview .shb-portfolioreporting__periodselector_button,
  shb-common-asset-management-portfolio-reporting .shb-portfolioreporting__periodselector_button,
  shb-common-asset-management-portfolioreporting-overview .shb-portfolioreporting__periodselector_button,
  shb-common-asset-management-portfolioreporting-performance .shb-portfolioreporting__periodselector_button,
  shb-common-asset-management-portfolioreporting-holdings .shb-portfolioreporting__periodselector_button,
  shb-common-asset-management-portfolioreporting-transactions .shb-portfolioreporting__periodselector_button {
    margin-top: 8px;
  }
}
shb-private-portfolioreporting-overview .shb-portfolioreporting__popover_dialog,
shb-common-asset-management-portfolio-reporting .shb-portfolioreporting__popover_dialog,
shb-common-asset-management-portfolioreporting-overview .shb-portfolioreporting__popover_dialog,
shb-common-asset-management-portfolioreporting-performance .shb-portfolioreporting__popover_dialog,
shb-common-asset-management-portfolioreporting-holdings .shb-portfolioreporting__popover_dialog,
shb-common-asset-management-portfolioreporting-transactions .shb-portfolioreporting__popover_dialog {
  margin-top: 0;
}
@media only screen and (max-width: 767px) {
  shb-private-portfolioreporting-overview .shb-portfolioreporting__popover_dialog,
  shb-common-asset-management-portfolio-reporting .shb-portfolioreporting__popover_dialog,
  shb-common-asset-management-portfolioreporting-overview .shb-portfolioreporting__popover_dialog,
  shb-common-asset-management-portfolioreporting-performance .shb-portfolioreporting__popover_dialog,
  shb-common-asset-management-portfolioreporting-holdings .shb-portfolioreporting__popover_dialog,
  shb-common-asset-management-portfolioreporting-transactions .shb-portfolioreporting__popover_dialog {
    left: 50%;
  }
}
shb-private-portfolioreporting-overview .shb-privatebanking__chart-hint,
shb-common-asset-management-portfolio-reporting .shb-privatebanking__chart-hint,
shb-common-asset-management-portfolioreporting-overview .shb-privatebanking__chart-hint,
shb-common-asset-management-portfolioreporting-performance .shb-privatebanking__chart-hint,
shb-common-asset-management-portfolioreporting-holdings .shb-privatebanking__chart-hint,
shb-common-asset-management-portfolioreporting-transactions .shb-privatebanking__chart-hint {
  border-radius: 5px;
  color: #222222;
  background: #ffffff;
  padding: 8px 24px;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
  text-align: left;
  white-space: nowrap;
  width: 250px;
}
shb-private-portfolioreporting-overview .shb-privatebanking__chart-hint__outputfield,
shb-common-asset-management-portfolio-reporting .shb-privatebanking__chart-hint__outputfield,
shb-common-asset-management-portfolioreporting-overview .shb-privatebanking__chart-hint__outputfield,
shb-common-asset-management-portfolioreporting-performance .shb-privatebanking__chart-hint__outputfield,
shb-common-asset-management-portfolioreporting-holdings .shb-privatebanking__chart-hint__outputfield,
shb-common-asset-management-portfolioreporting-transactions .shb-privatebanking__chart-hint__outputfield {
  text-align: right;
}
shb-private-portfolioreporting-overview .shb.portfolioreporting-return-chart-xaxis-smallwindow,
shb-common-asset-management-portfolio-reporting .shb.portfolioreporting-return-chart-xaxis-smallwindow,
shb-common-asset-management-portfolioreporting-overview .shb.portfolioreporting-return-chart-xaxis-smallwindow,
shb-common-asset-management-portfolioreporting-performance .shb.portfolioreporting-return-chart-xaxis-smallwindow,
shb-common-asset-management-portfolioreporting-holdings .shb.portfolioreporting-return-chart-xaxis-smallwindow,
shb-common-asset-management-portfolioreporting-transactions .shb.portfolioreporting-return-chart-xaxis-smallwindow {
  padding-bottom: 32px;
}
shb-private-portfolioreporting-overview .portfolioreporting-hidden span,
shb-common-asset-management-portfolio-reporting .portfolioreporting-hidden span,
shb-common-asset-management-portfolioreporting-overview .portfolioreporting-hidden span,
shb-common-asset-management-portfolioreporting-performance .portfolioreporting-hidden span,
shb-common-asset-management-portfolioreporting-holdings .portfolioreporting-hidden span,
shb-common-asset-management-portfolioreporting-transactions .portfolioreporting-hidden span {
  display: none;
}
shb-private-portfolioreporting-overview .shb-table__header__cell.portfolioreporting-hidden,
shb-common-asset-management-portfolio-reporting .shb-table__header__cell.portfolioreporting-hidden,
shb-common-asset-management-portfolioreporting-overview .shb-table__header__cell.portfolioreporting-hidden,
shb-common-asset-management-portfolioreporting-performance .shb-table__header__cell.portfolioreporting-hidden,
shb-common-asset-management-portfolioreporting-holdings .shb-table__header__cell.portfolioreporting-hidden,
shb-common-asset-management-portfolioreporting-transactions .shb-table__header__cell.portfolioreporting-hidden {
  opacity: 0;
}
@media only screen and (max-width: 767px) {
  shb-private-portfolioreporting-overview .shb-privatebanking__chart-hint,
  shb-common-asset-management-portfolio-reporting .shb-privatebanking__chart-hint,
  shb-common-asset-management-portfolioreporting-overview .shb-privatebanking__chart-hint,
  shb-common-asset-management-portfolioreporting-performance .shb-privatebanking__chart-hint,
  shb-common-asset-management-portfolioreporting-holdings .shb-privatebanking__chart-hint,
  shb-common-asset-management-portfolioreporting-transactions .shb-privatebanking__chart-hint {
    width: 100px;
  }
  shb-private-portfolioreporting-overview .shb-portfolioreporting-yearly-performance,
  shb-common-asset-management-portfolio-reporting .shb-portfolioreporting-yearly-performance,
  shb-common-asset-management-portfolioreporting-overview .shb-portfolioreporting-yearly-performance,
  shb-common-asset-management-portfolioreporting-performance .shb-portfolioreporting-yearly-performance,
  shb-common-asset-management-portfolioreporting-holdings .shb-portfolioreporting-yearly-performance,
  shb-common-asset-management-portfolioreporting-transactions .shb-portfolioreporting-yearly-performance,
  shb-private-portfolioreporting-overview .shb-portfolioreporting__portfoliograph,
  shb-common-asset-management-portfolio-reporting .shb-portfolioreporting__portfoliograph,
  shb-common-asset-management-portfolioreporting-overview .shb-portfolioreporting__portfoliograph,
  shb-common-asset-management-portfolioreporting-performance .shb-portfolioreporting__portfoliograph,
  shb-common-asset-management-portfolioreporting-holdings .shb-portfolioreporting__portfoliograph,
  shb-common-asset-management-portfolioreporting-transactions .shb-portfolioreporting__portfoliograph,
  shb-private-portfolioreporting-overview .shb-data-table__wrapper,
  shb-common-asset-management-portfolio-reporting .shb-data-table__wrapper,
  shb-common-asset-management-portfolioreporting-overview .shb-data-table__wrapper,
  shb-common-asset-management-portfolioreporting-performance .shb-data-table__wrapper,
  shb-common-asset-management-portfolioreporting-holdings .shb-data-table__wrapper,
  shb-common-asset-management-portfolioreporting-transactions .shb-data-table__wrapper {
    margin-top: 24px;
  }
  shb-private-portfolioreporting-overview .scroll-table.expandable-table-async .shb-data-table__wrapper,
  shb-common-asset-management-portfolio-reporting .scroll-table.expandable-table-async .shb-data-table__wrapper,
  shb-common-asset-management-portfolioreporting-overview .scroll-table.expandable-table-async .shb-data-table__wrapper,
  shb-common-asset-management-portfolioreporting-performance .scroll-table.expandable-table-async .shb-data-table__wrapper,
  shb-common-asset-management-portfolioreporting-holdings .scroll-table.expandable-table-async .shb-data-table__wrapper,
  shb-common-asset-management-portfolioreporting-transactions .scroll-table.expandable-table-async .shb-data-table__wrapper,
  shb-private-portfolioreporting-overview .shb-portfolioreporting-transaction-table .shb-data-table__wrapper,
  shb-common-asset-management-portfolio-reporting .shb-portfolioreporting-transaction-table .shb-data-table__wrapper,
  shb-common-asset-management-portfolioreporting-overview .shb-portfolioreporting-transaction-table .shb-data-table__wrapper,
  shb-common-asset-management-portfolioreporting-performance .shb-portfolioreporting-transaction-table .shb-data-table__wrapper,
  shb-common-asset-management-portfolioreporting-holdings .shb-portfolioreporting-transaction-table .shb-data-table__wrapper,
  shb-common-asset-management-portfolioreporting-transactions .shb-portfolioreporting-transaction-table .shb-data-table__wrapper {
    margin-top: 0;
  }
  shb-private-portfolioreporting-overview .shb-portfolioreporting__summary-value,
  shb-common-asset-management-portfolio-reporting .shb-portfolioreporting__summary-value,
  shb-common-asset-management-portfolioreporting-overview .shb-portfolioreporting__summary-value,
  shb-common-asset-management-portfolioreporting-performance .shb-portfolioreporting__summary-value,
  shb-common-asset-management-portfolioreporting-holdings .shb-portfolioreporting__summary-value,
  shb-common-asset-management-portfolioreporting-transactions .shb-portfolioreporting__summary-value {
    padding-bottom: 16px;
  }
}
@media only screen and (max-width: 502px) {
  shb-private-portfolioreporting-overview .shb-portfolioreporting__popover_dialog,
  shb-common-asset-management-portfolio-reporting .shb-portfolioreporting__popover_dialog,
  shb-common-asset-management-portfolioreporting-overview .shb-portfolioreporting__popover_dialog,
  shb-common-asset-management-portfolioreporting-performance .shb-portfolioreporting__popover_dialog,
  shb-common-asset-management-portfolioreporting-holdings .shb-portfolioreporting__popover_dialog,
  shb-common-asset-management-portfolioreporting-transactions .shb-portfolioreporting__popover_dialog {
    right: -80px;
  }
  shb-private-portfolioreporting-overview .rv-xy-plot__inner,
  shb-common-asset-management-portfolio-reporting .rv-xy-plot__inner,
  shb-common-asset-management-portfolioreporting-overview .rv-xy-plot__inner,
  shb-common-asset-management-portfolioreporting-performance .rv-xy-plot__inner,
  shb-common-asset-management-portfolioreporting-holdings .rv-xy-plot__inner,
  shb-common-asset-management-portfolioreporting-transactions .rv-xy-plot__inner {
    height: 320px;
  }
}
shb-private-portfolioreporting-overview .portfolioreporting-select-with-icon-box,
shb-common-asset-management-portfolio-reporting .portfolioreporting-select-with-icon-box,
shb-common-asset-management-portfolioreporting-overview .portfolioreporting-select-with-icon-box,
shb-common-asset-management-portfolioreporting-performance .portfolioreporting-select-with-icon-box,
shb-common-asset-management-portfolioreporting-holdings .portfolioreporting-select-with-icon-box,
shb-common-asset-management-portfolioreporting-transactions .portfolioreporting-select-with-icon-box {
  display: flex;
  align-items: center;
}
shb-private-portfolioreporting-overview .portfolioreporting-select-with-icon-box .shb-select,
shb-common-asset-management-portfolio-reporting .portfolioreporting-select-with-icon-box .shb-select,
shb-common-asset-management-portfolioreporting-overview .portfolioreporting-select-with-icon-box .shb-select,
shb-common-asset-management-portfolioreporting-performance .portfolioreporting-select-with-icon-box .shb-select,
shb-common-asset-management-portfolioreporting-holdings .portfolioreporting-select-with-icon-box .shb-select,
shb-common-asset-management-portfolioreporting-transactions .portfolioreporting-select-with-icon-box .shb-select {
  z-index: 10;
}
shb-private-portfolioreporting-overview .portfolioreporting-indexdescription-text,
shb-common-asset-management-portfolio-reporting .portfolioreporting-indexdescription-text,
shb-common-asset-management-portfolioreporting-overview .portfolioreporting-indexdescription-text,
shb-common-asset-management-portfolioreporting-performance .portfolioreporting-indexdescription-text,
shb-common-asset-management-portfolioreporting-holdings .portfolioreporting-indexdescription-text,
shb-common-asset-management-portfolioreporting-transactions .portfolioreporting-indexdescription-text {
  list-style: none;
  line-height: 1.5;
  padding-inline-start: inherit;
}
shb-private-portfolioreporting-overview .portfolioreporting-indexdescription-container,
shb-common-asset-management-portfolio-reporting .portfolioreporting-indexdescription-container,
shb-common-asset-management-portfolioreporting-overview .portfolioreporting-indexdescription-container,
shb-common-asset-management-portfolioreporting-performance .portfolioreporting-indexdescription-container,
shb-common-asset-management-portfolioreporting-holdings .portfolioreporting-indexdescription-container,
shb-common-asset-management-portfolioreporting-transactions .portfolioreporting-indexdescription-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: nowrap;
}
shb-private-portfolioreporting-overview .portfolioreporting-item,
shb-common-asset-management-portfolio-reporting .portfolioreporting-item,
shb-common-asset-management-portfolioreporting-overview .portfolioreporting-item,
shb-common-asset-management-portfolioreporting-performance .portfolioreporting-item,
shb-common-asset-management-portfolioreporting-holdings .portfolioreporting-item,
shb-common-asset-management-portfolioreporting-transactions .portfolioreporting-item {
  flex: 1;
}
shb-private-portfolioreporting-overview .portfolioreporting-indexdescription-box,
shb-common-asset-management-portfolio-reporting .portfolioreporting-indexdescription-box,
shb-common-asset-management-portfolioreporting-overview .portfolioreporting-indexdescription-box,
shb-common-asset-management-portfolioreporting-performance .portfolioreporting-indexdescription-box,
shb-common-asset-management-portfolioreporting-holdings .portfolioreporting-indexdescription-box,
shb-common-asset-management-portfolioreporting-transactions .portfolioreporting-indexdescription-box {
  position: relative;
  box-sizing: border-box;
  min-height: 1px;
  padding-left: 10px;
  padding-right: 10px;
}
shb-private-portfolioreporting-overview .portfolioreporting-indexdescription-box__info-text-container,
shb-common-asset-management-portfolio-reporting .portfolioreporting-indexdescription-box__info-text-container,
shb-common-asset-management-portfolioreporting-overview .portfolioreporting-indexdescription-box__info-text-container,
shb-common-asset-management-portfolioreporting-performance .portfolioreporting-indexdescription-box__info-text-container,
shb-common-asset-management-portfolioreporting-holdings .portfolioreporting-indexdescription-box__info-text-container,
shb-common-asset-management-portfolioreporting-transactions .portfolioreporting-indexdescription-box__info-text-container {
  position: relative;
  border: 1px solid #dedede;
  border-radius: 4px;
  background-color: #fafafa;
  padding: 8px;
  color: #222222;
  font-size: 16px;
  margin: 8px 0 4px 0;
}
@media screen and (min-width: 768px) {
  shb-private-portfolioreporting-overview .portfolioreporting-indexdescription-box__info-text-container:before,
  shb-common-asset-management-portfolio-reporting .portfolioreporting-indexdescription-box__info-text-container:before,
  shb-common-asset-management-portfolioreporting-overview .portfolioreporting-indexdescription-box__info-text-container:before,
  shb-common-asset-management-portfolioreporting-performance .portfolioreporting-indexdescription-box__info-text-container:before,
  shb-common-asset-management-portfolioreporting-holdings .portfolioreporting-indexdescription-box__info-text-container:before,
  shb-common-asset-management-portfolioreporting-transactions .portfolioreporting-indexdescription-box__info-text-container:before {
    content: " ";
    position: absolute;
    right: 32px;
    top: -7px;
    border-top: none;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 6px solid #dedede;
  }
  shb-private-portfolioreporting-overview .portfolioreporting-indexdescription-box__info-text-container:after,
  shb-common-asset-management-portfolio-reporting .portfolioreporting-indexdescription-box__info-text-container:after,
  shb-common-asset-management-portfolioreporting-overview .portfolioreporting-indexdescription-box__info-text-container:after,
  shb-common-asset-management-portfolioreporting-performance .portfolioreporting-indexdescription-box__info-text-container:after,
  shb-common-asset-management-portfolioreporting-holdings .portfolioreporting-indexdescription-box__info-text-container:after,
  shb-common-asset-management-portfolioreporting-transactions .portfolioreporting-indexdescription-box__info-text-container:after {
    content: " ";
    position: absolute;
    right: 32px;
    top: -6px;
    border-top: none;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 6px solid #fafafa;
  }
}
shb-private-portfolioreporting-overview .portfolioreporting-element-with-info__element-and-button-container,
shb-common-asset-management-portfolio-reporting .portfolioreporting-element-with-info__element-and-button-container,
shb-common-asset-management-portfolioreporting-overview .portfolioreporting-element-with-info__element-and-button-container,
shb-common-asset-management-portfolioreporting-performance .portfolioreporting-element-with-info__element-and-button-container,
shb-common-asset-management-portfolioreporting-holdings .portfolioreporting-element-with-info__element-and-button-container,
shb-common-asset-management-portfolioreporting-transactions .portfolioreporting-element-with-info__element-and-button-container {
  display: flex;
  align-items: center;
}
shb-private-portfolioreporting-overview .portfolioreporting-element-with-info__button,
shb-common-asset-management-portfolio-reporting .portfolioreporting-element-with-info__button,
shb-common-asset-management-portfolioreporting-overview .portfolioreporting-element-with-info__button,
shb-common-asset-management-portfolioreporting-performance .portfolioreporting-element-with-info__button,
shb-common-asset-management-portfolioreporting-holdings .portfolioreporting-element-with-info__button,
shb-common-asset-management-portfolioreporting-transactions .portfolioreporting-element-with-info__button {
  cursor: pointer;
  border: none;
  background: none;
}
shb-private-portfolioreporting-overview .portfolioreporting-element-with-info__button span,
shb-common-asset-management-portfolio-reporting .portfolioreporting-element-with-info__button span,
shb-common-asset-management-portfolioreporting-overview .portfolioreporting-element-with-info__button span,
shb-common-asset-management-portfolioreporting-performance .portfolioreporting-element-with-info__button span,
shb-common-asset-management-portfolioreporting-holdings .portfolioreporting-element-with-info__button span,
shb-common-asset-management-portfolioreporting-transactions .portfolioreporting-element-with-info__button span {
  padding: 2px;
}
shb-private-portfolioreporting-overview .portfolioreporting-element-with-info__button-increased-click-area,
shb-common-asset-management-portfolio-reporting .portfolioreporting-element-with-info__button-increased-click-area,
shb-common-asset-management-portfolioreporting-overview .portfolioreporting-element-with-info__button-increased-click-area,
shb-common-asset-management-portfolioreporting-performance .portfolioreporting-element-with-info__button-increased-click-area,
shb-common-asset-management-portfolioreporting-holdings .portfolioreporting-element-with-info__button-increased-click-area,
shb-common-asset-management-portfolioreporting-transactions .portfolioreporting-element-with-info__button-increased-click-area {
  padding: 14px 14px 9px 14px;
  margin: -14px -14px -9px -6px;
}
shb-private-portfolioreporting-overview .portfolioreporting-element-with-info__button:focus span,
shb-common-asset-management-portfolio-reporting .portfolioreporting-element-with-info__button:focus span,
shb-common-asset-management-portfolioreporting-overview .portfolioreporting-element-with-info__button:focus span,
shb-common-asset-management-portfolioreporting-performance .portfolioreporting-element-with-info__button:focus span,
shb-common-asset-management-portfolioreporting-holdings .portfolioreporting-element-with-info__button:focus span,
shb-common-asset-management-portfolioreporting-transactions .portfolioreporting-element-with-info__button:focus span {
  border: 1px solid #005fa5;
  padding: 1px;
}
shb-private-portfolioreporting-overview .portfolioreporting-element-with-info__info-text-container,
shb-common-asset-management-portfolio-reporting .portfolioreporting-element-with-info__info-text-container,
shb-common-asset-management-portfolioreporting-overview .portfolioreporting-element-with-info__info-text-container,
shb-common-asset-management-portfolioreporting-performance .portfolioreporting-element-with-info__info-text-container,
shb-common-asset-management-portfolioreporting-holdings .portfolioreporting-element-with-info__info-text-container,
shb-common-asset-management-portfolioreporting-transactions .portfolioreporting-element-with-info__info-text-container {
  position: relative;
  border: 1px solid #dedede;
  border-radius: 4px;
  background-color: #fafafa;
  padding: 8px;
  color: #222222;
  font-size: 16px;
  margin: 8px 0 4px 0;
}
shb-private-portfolioreporting-overview .portfolioreporting-element-with-info__arrow-top:before,
shb-common-asset-management-portfolio-reporting .portfolioreporting-element-with-info__arrow-top:before,
shb-common-asset-management-portfolioreporting-overview .portfolioreporting-element-with-info__arrow-top:before,
shb-common-asset-management-portfolioreporting-performance .portfolioreporting-element-with-info__arrow-top:before,
shb-common-asset-management-portfolioreporting-holdings .portfolioreporting-element-with-info__arrow-top:before,
shb-common-asset-management-portfolioreporting-transactions .portfolioreporting-element-with-info__arrow-top:before {
  content: " ";
  position: absolute;
  left: 3px;
  top: -7px;
  border-top: none;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-bottom: 6px solid #dedede;
}
shb-private-portfolioreporting-overview .portfolioreporting-element-with-info__arrow-top:after,
shb-common-asset-management-portfolio-reporting .portfolioreporting-element-with-info__arrow-top:after,
shb-common-asset-management-portfolioreporting-overview .portfolioreporting-element-with-info__arrow-top:after,
shb-common-asset-management-portfolioreporting-performance .portfolioreporting-element-with-info__arrow-top:after,
shb-common-asset-management-portfolioreporting-holdings .portfolioreporting-element-with-info__arrow-top:after,
shb-common-asset-management-portfolioreporting-transactions .portfolioreporting-element-with-info__arrow-top:after {
  content: " ";
  position: absolute;
  left: 3px;
  top: -6px;
  border-top: none;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-bottom: 6px solid #fafafa;
}
shb-private-portfolioreporting-overview .portfolioreporting-element-with-info__icon-container,
shb-common-asset-management-portfolio-reporting .portfolioreporting-element-with-info__icon-container,
shb-common-asset-management-portfolioreporting-overview .portfolioreporting-element-with-info__icon-container,
shb-common-asset-management-portfolioreporting-performance .portfolioreporting-element-with-info__icon-container,
shb-common-asset-management-portfolioreporting-holdings .portfolioreporting-element-with-info__icon-container,
shb-common-asset-management-portfolioreporting-transactions .portfolioreporting-element-with-info__icon-container {
  height: 16px;
  display: inline-block;
}
@media screen and (min-width: 768px) {
  shb-private-portfolioreporting-overview .shb-portfolioreporting-holdings-totals .shb-element-with-info__info-text-container,
  shb-common-asset-management-portfolio-reporting .shb-portfolioreporting-holdings-totals .shb-element-with-info__info-text-container,
  shb-common-asset-management-portfolioreporting-overview .shb-portfolioreporting-holdings-totals .shb-element-with-info__info-text-container,
  shb-common-asset-management-portfolioreporting-performance .shb-portfolioreporting-holdings-totals .shb-element-with-info__info-text-container,
  shb-common-asset-management-portfolioreporting-holdings .shb-portfolioreporting-holdings-totals .shb-element-with-info__info-text-container,
  shb-common-asset-management-portfolioreporting-transactions .shb-portfolioreporting-holdings-totals .shb-element-with-info__info-text-container {
    width: max-content;
    z-index: 1;
  }
}
shb-private-portfolioreporting-overview .shb-portfolioreporting-holdings-totals .shb-element-with-info__element-and-button-container,
shb-common-asset-management-portfolio-reporting .shb-portfolioreporting-holdings-totals .shb-element-with-info__element-and-button-container,
shb-common-asset-management-portfolioreporting-overview .shb-portfolioreporting-holdings-totals .shb-element-with-info__element-and-button-container,
shb-common-asset-management-portfolioreporting-performance .shb-portfolioreporting-holdings-totals .shb-element-with-info__element-and-button-container,
shb-common-asset-management-portfolioreporting-holdings .shb-portfolioreporting-holdings-totals .shb-element-with-info__element-and-button-container,
shb-common-asset-management-portfolioreporting-transactions .shb-portfolioreporting-holdings-totals .shb-element-with-info__element-and-button-container {
  align-items: start;
}
shb-private-portfolioreporting-overview .transaction_period_separator,
shb-common-asset-management-portfolio-reporting .transaction_period_separator,
shb-common-asset-management-portfolioreporting-overview .transaction_period_separator,
shb-common-asset-management-portfolioreporting-performance .transaction_period_separator,
shb-common-asset-management-portfolioreporting-holdings .transaction_period_separator,
shb-common-asset-management-portfolioreporting-transactions .transaction_period_separator {
  height: 29px;
}
shb-private-portfolioreporting-overview .transaction_selector_separator,
shb-common-asset-management-portfolio-reporting .transaction_selector_separator,
shb-common-asset-management-portfolioreporting-overview .transaction_selector_separator,
shb-common-asset-management-portfolioreporting-performance .transaction_selector_separator,
shb-common-asset-management-portfolioreporting-holdings .transaction_selector_separator,
shb-common-asset-management-portfolioreporting-transactions .transaction_selector_separator {
  height: 2px;
  margin-top: 12px;
  margin-bottom: 12px;
  border-top: 1px solid #dedede;
}
shb-private-portfolioreporting-overview .portfolioreporting-transaction-selector .DateRangePickerInput,
shb-common-asset-management-portfolio-reporting .portfolioreporting-transaction-selector .DateRangePickerInput,
shb-common-asset-management-portfolioreporting-overview .portfolioreporting-transaction-selector .DateRangePickerInput,
shb-common-asset-management-portfolioreporting-performance .portfolioreporting-transaction-selector .DateRangePickerInput,
shb-common-asset-management-portfolioreporting-holdings .portfolioreporting-transaction-selector .DateRangePickerInput,
shb-common-asset-management-portfolioreporting-transactions .portfolioreporting-transaction-selector .DateRangePickerInput {
  height: 38px;
}
shb-private-portfolioreporting-overview .portfolioreporting-transaction-selector .shb-date-range-picker__date,
shb-common-asset-management-portfolio-reporting .portfolioreporting-transaction-selector .shb-date-range-picker__date,
shb-common-asset-management-portfolioreporting-overview .portfolioreporting-transaction-selector .shb-date-range-picker__date,
shb-common-asset-management-portfolioreporting-performance .portfolioreporting-transaction-selector .shb-date-range-picker__date,
shb-common-asset-management-portfolioreporting-holdings .portfolioreporting-transaction-selector .shb-date-range-picker__date,
shb-common-asset-management-portfolioreporting-transactions .portfolioreporting-transaction-selector .shb-date-range-picker__date {
  margin-top: 8px;
}
shb-private-portfolioreporting-overview .portfolioreporting-transaction-selector .row,
shb-common-asset-management-portfolio-reporting .portfolioreporting-transaction-selector .row,
shb-common-asset-management-portfolioreporting-overview .portfolioreporting-transaction-selector .row,
shb-common-asset-management-portfolioreporting-performance .portfolioreporting-transaction-selector .row,
shb-common-asset-management-portfolioreporting-holdings .portfolioreporting-transaction-selector .row,
shb-common-asset-management-portfolioreporting-transactions .portfolioreporting-transaction-selector .row {
  margin-bottom: 32px;
}
shb-private-portfolioreporting-overview .portfolioreporting-transaction-selector .shb-multiselect,
shb-common-asset-management-portfolio-reporting .portfolioreporting-transaction-selector .shb-multiselect,
shb-common-asset-management-portfolioreporting-overview .portfolioreporting-transaction-selector .shb-multiselect,
shb-common-asset-management-portfolioreporting-performance .portfolioreporting-transaction-selector .shb-multiselect,
shb-common-asset-management-portfolioreporting-holdings .portfolioreporting-transaction-selector .shb-multiselect,
shb-common-asset-management-portfolioreporting-transactions .portfolioreporting-transaction-selector .shb-multiselect {
  margin-top: 8px;
}
shb-private-portfolioreporting-overview .lower_trans_selection,
shb-common-asset-management-portfolio-reporting .lower_trans_selection,
shb-common-asset-management-portfolioreporting-overview .lower_trans_selection,
shb-common-asset-management-portfolioreporting-performance .lower_trans_selection,
shb-common-asset-management-portfolioreporting-holdings .lower_trans_selection,
shb-common-asset-management-portfolioreporting-transactions .lower_trans_selection {
  display: flex;
  align-items: end;
  margin-left: 10px;
}
shb-private-portfolioreporting-overview .lower_trans_selection_button,
shb-common-asset-management-portfolio-reporting .lower_trans_selection_button,
shb-common-asset-management-portfolioreporting-overview .lower_trans_selection_button,
shb-common-asset-management-portfolioreporting-performance .lower_trans_selection_button,
shb-common-asset-management-portfolioreporting-holdings .lower_trans_selection_button,
shb-common-asset-management-portfolioreporting-transactions .lower_trans_selection_button {
  margin-left: 30px;
}
@media screen and (max-width: 768px) {
  shb-private-portfolioreporting-overview .lower_trans_selection,
  shb-common-asset-management-portfolio-reporting .lower_trans_selection,
  shb-common-asset-management-portfolioreporting-overview .lower_trans_selection,
  shb-common-asset-management-portfolioreporting-performance .lower_trans_selection,
  shb-common-asset-management-portfolioreporting-holdings .lower_trans_selection,
  shb-common-asset-management-portfolioreporting-transactions .lower_trans_selection {
    flex-flow: column;
    align-items: start;
    margin-left: 0;
  }
  shb-private-portfolioreporting-overview .lower_trans_selection_button,
  shb-common-asset-management-portfolio-reporting .lower_trans_selection_button,
  shb-common-asset-management-portfolioreporting-overview .lower_trans_selection_button,
  shb-common-asset-management-portfolioreporting-performance .lower_trans_selection_button,
  shb-common-asset-management-portfolioreporting-holdings .lower_trans_selection_button,
  shb-common-asset-management-portfolioreporting-transactions .lower_trans_selection_button {
    margin-left: 0;
    margin-top: 24px;
  }
}
shb-private-portfolioreporting-overview .shb-multiselect .shb-expansion-panel .shb-expansion-panel__summary-wrapper,
shb-common-asset-management-portfolio-reporting .shb-multiselect .shb-expansion-panel .shb-expansion-panel__summary-wrapper,
shb-common-asset-management-portfolioreporting-overview .shb-multiselect .shb-expansion-panel .shb-expansion-panel__summary-wrapper,
shb-common-asset-management-portfolioreporting-performance .shb-multiselect .shb-expansion-panel .shb-expansion-panel__summary-wrapper,
shb-common-asset-management-portfolioreporting-holdings .shb-multiselect .shb-expansion-panel .shb-expansion-panel__summary-wrapper,
shb-common-asset-management-portfolioreporting-transactions .shb-multiselect .shb-expansion-panel .shb-expansion-panel__summary-wrapper {
  height: 38px;
}
shb-private-portfolioreporting-overview .portfolioreporting-contentselector-row,
shb-common-asset-management-portfolio-reporting .portfolioreporting-contentselector-row,
shb-common-asset-management-portfolioreporting-overview .portfolioreporting-contentselector-row,
shb-common-asset-management-portfolioreporting-performance .portfolioreporting-contentselector-row,
shb-common-asset-management-portfolioreporting-holdings .portfolioreporting-contentselector-row,
shb-common-asset-management-portfolioreporting-transactions .portfolioreporting-contentselector-row {
  margin-top: 16px;
}
shb-private-portfolioreporting-overview .scroll-table .shb-table-group__expander,
shb-common-asset-management-portfolio-reporting .scroll-table .shb-table-group__expander,
shb-common-asset-management-portfolioreporting-overview .scroll-table .shb-table-group__expander,
shb-common-asset-management-portfolioreporting-performance .scroll-table .shb-table-group__expander,
shb-common-asset-management-portfolioreporting-holdings .scroll-table .shb-table-group__expander,
shb-common-asset-management-portfolioreporting-transactions .scroll-table .shb-table-group__expander {
  border-bottom: 0;
}
@media screen and (min-width: 768px) {
  shb-private-portfolioreporting-overview,
  shb-common-asset-management-portfolio-reporting,
  shb-common-asset-management-portfolioreporting-overview,
  shb-common-asset-management-portfolioreporting-performance,
  shb-common-asset-management-portfolioreporting-holdings,
  shb-common-asset-management-portfolioreporting-transactions {
    /* Make instrument details row respect the sticky headers */
  }
  shb-private-portfolioreporting-overview .scroll-table .shb-data-table__wrapper,
  shb-common-asset-management-portfolio-reporting .scroll-table .shb-data-table__wrapper,
  shb-common-asset-management-portfolioreporting-overview .scroll-table .shb-data-table__wrapper,
  shb-common-asset-management-portfolioreporting-performance .scroll-table .shb-data-table__wrapper,
  shb-common-asset-management-portfolioreporting-holdings .scroll-table .shb-data-table__wrapper,
  shb-common-asset-management-portfolioreporting-transactions .scroll-table .shb-data-table__wrapper {
    overflow-y: auto;
    max-height: 500px;
    border-bottom: 0;
  }
  shb-private-portfolioreporting-overview .scroll-table .shb-table__header__row th,
  shb-common-asset-management-portfolio-reporting .scroll-table .shb-table__header__row th,
  shb-common-asset-management-portfolioreporting-overview .scroll-table .shb-table__header__row th,
  shb-common-asset-management-portfolioreporting-performance .scroll-table .shb-table__header__row th,
  shb-common-asset-management-portfolioreporting-holdings .scroll-table .shb-table__header__row th,
  shb-common-asset-management-portfolioreporting-transactions .scroll-table .shb-table__header__row th {
    position: sticky;
    top: 0;
    background-color: #fafafa;
    box-shadow: 1px 1px #dedede;
  }
  shb-private-portfolioreporting-overview .scroll-table.expandable-table-async .shb-data-table .shb-table__row > td:last-child,
  shb-common-asset-management-portfolio-reporting .scroll-table.expandable-table-async .shb-data-table .shb-table__row > td:last-child,
  shb-common-asset-management-portfolioreporting-overview .scroll-table.expandable-table-async .shb-data-table .shb-table__row > td:last-child,
  shb-common-asset-management-portfolioreporting-performance .scroll-table.expandable-table-async .shb-data-table .shb-table__row > td:last-child,
  shb-common-asset-management-portfolioreporting-holdings .scroll-table.expandable-table-async .shb-data-table .shb-table__row > td:last-child,
  shb-common-asset-management-portfolioreporting-transactions .scroll-table.expandable-table-async .shb-data-table .shb-table__row > td:last-child,
  shb-private-portfolioreporting-overview .scroll-table.expandable-table-async .shb-data-table .shb-table__header__row > td:last-child,
  shb-common-asset-management-portfolio-reporting .scroll-table.expandable-table-async .shb-data-table .shb-table__header__row > td:last-child,
  shb-common-asset-management-portfolioreporting-overview .scroll-table.expandable-table-async .shb-data-table .shb-table__header__row > td:last-child,
  shb-common-asset-management-portfolioreporting-performance .scroll-table.expandable-table-async .shb-data-table .shb-table__header__row > td:last-child,
  shb-common-asset-management-portfolioreporting-holdings .scroll-table.expandable-table-async .shb-data-table .shb-table__header__row > td:last-child,
  shb-common-asset-management-portfolioreporting-transactions .scroll-table.expandable-table-async .shb-data-table .shb-table__header__row > td:last-child,
  shb-private-portfolioreporting-overview .scroll-table.expandable-table-async .shb-data-table .shb-table__footer__row > td:last-child,
  shb-common-asset-management-portfolio-reporting .scroll-table.expandable-table-async .shb-data-table .shb-table__footer__row > td:last-child,
  shb-common-asset-management-portfolioreporting-overview .scroll-table.expandable-table-async .shb-data-table .shb-table__footer__row > td:last-child,
  shb-common-asset-management-portfolioreporting-performance .scroll-table.expandable-table-async .shb-data-table .shb-table__footer__row > td:last-child,
  shb-common-asset-management-portfolioreporting-holdings .scroll-table.expandable-table-async .shb-data-table .shb-table__footer__row > td:last-child,
  shb-common-asset-management-portfolioreporting-transactions .scroll-table.expandable-table-async .shb-data-table .shb-table__footer__row > td:last-child {
    position: inherit;
  }
  shb-private-portfolioreporting-overview .scroll-table .expandable-table-details-row div,
  shb-common-asset-management-portfolio-reporting .scroll-table .expandable-table-details-row div,
  shb-common-asset-management-portfolioreporting-overview .scroll-table .expandable-table-details-row div,
  shb-common-asset-management-portfolioreporting-performance .scroll-table .expandable-table-details-row div,
  shb-common-asset-management-portfolioreporting-holdings .scroll-table .expandable-table-details-row div,
  shb-common-asset-management-portfolioreporting-transactions .scroll-table .expandable-table-details-row div {
    position: inherit;
  }
  shb-private-portfolioreporting-overview .scroll-table.expandable-table-async .shb-table__header__cell,
  shb-common-asset-management-portfolio-reporting .scroll-table.expandable-table-async .shb-table__header__cell,
  shb-common-asset-management-portfolioreporting-overview .scroll-table.expandable-table-async .shb-table__header__cell,
  shb-common-asset-management-portfolioreporting-performance .scroll-table.expandable-table-async .shb-table__header__cell,
  shb-common-asset-management-portfolioreporting-holdings .scroll-table.expandable-table-async .shb-table__header__cell,
  shb-common-asset-management-portfolioreporting-transactions .scroll-table.expandable-table-async .shb-table__header__cell {
    z-index: 1;
  }
  shb-private-portfolioreporting-overview .scroll-table.expandable-table-async,
  shb-common-asset-management-portfolio-reporting .scroll-table.expandable-table-async,
  shb-common-asset-management-portfolioreporting-overview .scroll-table.expandable-table-async,
  shb-common-asset-management-portfolioreporting-performance .scroll-table.expandable-table-async,
  shb-common-asset-management-portfolioreporting-holdings .scroll-table.expandable-table-async,
  shb-common-asset-management-portfolioreporting-transactions .scroll-table.expandable-table-async {
    margin-bottom: 32px;
  }
  shb-private-portfolioreporting-overview .shb-date-picker__date,
  shb-common-asset-management-portfolio-reporting .shb-date-picker__date,
  shb-common-asset-management-portfolioreporting-overview .shb-date-picker__date,
  shb-common-asset-management-portfolioreporting-performance .shb-date-picker__date,
  shb-common-asset-management-portfolioreporting-holdings .shb-date-picker__date,
  shb-common-asset-management-portfolioreporting-transactions .shb-date-picker__date {
    z-index: 2;
  }
}
shb-private-portfolioreporting-overview .shb-portfolioreporting-transaction-table,
shb-common-asset-management-portfolio-reporting .shb-portfolioreporting-transaction-table,
shb-common-asset-management-portfolioreporting-overview .shb-portfolioreporting-transaction-table,
shb-common-asset-management-portfolioreporting-performance .shb-portfolioreporting-transaction-table,
shb-common-asset-management-portfolioreporting-holdings .shb-portfolioreporting-transaction-table,
shb-common-asset-management-portfolioreporting-transactions .shb-portfolioreporting-transaction-table {
  margin-bottom: 32px;
}
shb-private-portfolioreporting-overview .shb-portfolioreporting-transaction-table .shb-empty-state-message,
shb-common-asset-management-portfolio-reporting .shb-portfolioreporting-transaction-table .shb-empty-state-message,
shb-common-asset-management-portfolioreporting-overview .shb-portfolioreporting-transaction-table .shb-empty-state-message,
shb-common-asset-management-portfolioreporting-performance .shb-portfolioreporting-transaction-table .shb-empty-state-message,
shb-common-asset-management-portfolioreporting-holdings .shb-portfolioreporting-transaction-table .shb-empty-state-message,
shb-common-asset-management-portfolioreporting-transactions .shb-portfolioreporting-transaction-table .shb-empty-state-message {
  padding-top: 0px;
  margin-top: -20px;
}
shb-private-portfolioreporting-overview .shb-portfolioreporting-transaction-table .shb-card-v3__body,
shb-common-asset-management-portfolio-reporting .shb-portfolioreporting-transaction-table .shb-card-v3__body,
shb-common-asset-management-portfolioreporting-overview .shb-portfolioreporting-transaction-table .shb-card-v3__body,
shb-common-asset-management-portfolioreporting-performance .shb-portfolioreporting-transaction-table .shb-card-v3__body,
shb-common-asset-management-portfolioreporting-holdings .shb-portfolioreporting-transaction-table .shb-card-v3__body,
shb-common-asset-management-portfolioreporting-transactions .shb-portfolioreporting-transaction-table .shb-card-v3__body {
  border-top: 1px solid #dedede;
}
shb-private-portfolioreporting-overview .scroll-table.expandable-table-async .shb-empty-state-message,
shb-common-asset-management-portfolio-reporting .scroll-table.expandable-table-async .shb-empty-state-message,
shb-common-asset-management-portfolioreporting-overview .scroll-table.expandable-table-async .shb-empty-state-message,
shb-common-asset-management-portfolioreporting-performance .scroll-table.expandable-table-async .shb-empty-state-message,
shb-common-asset-management-portfolioreporting-holdings .scroll-table.expandable-table-async .shb-empty-state-message,
shb-common-asset-management-portfolioreporting-transactions .scroll-table.expandable-table-async .shb-empty-state-message {
  padding-top: 0px;
  margin-top: -20px;
}
@media screen and (max-width: 767px) {
  shb-private-portfolioreporting-overview,
  shb-common-asset-management-portfolio-reporting,
  shb-common-asset-management-portfolioreporting-overview,
  shb-common-asset-management-portfolioreporting-performance,
  shb-common-asset-management-portfolioreporting-holdings,
  shb-common-asset-management-portfolioreporting-transactions {
    /* Table without summary (Transactions) will center print/filter row, set it to left side */
    /* Reset printer dialog menu to the left on small screens */
    /* Long names in Card on mobile pushes button/text outside the view, make it a oneliner */
  }
  shb-private-portfolioreporting-overview .scroll-table.expandable-table-async,
  shb-common-asset-management-portfolio-reporting .scroll-table.expandable-table-async,
  shb-common-asset-management-portfolioreporting-overview .scroll-table.expandable-table-async,
  shb-common-asset-management-portfolioreporting-performance .scroll-table.expandable-table-async,
  shb-common-asset-management-portfolioreporting-holdings .scroll-table.expandable-table-async,
  shb-common-asset-management-portfolioreporting-transactions .scroll-table.expandable-table-async {
    margin-bottom: 24px;
  }
  shb-private-portfolioreporting-overview .shb-data-table__header-actions,
  shb-common-asset-management-portfolio-reporting .shb-data-table__header-actions,
  shb-common-asset-management-portfolioreporting-overview .shb-data-table__header-actions,
  shb-common-asset-management-portfolioreporting-performance .shb-data-table__header-actions,
  shb-common-asset-management-portfolioreporting-holdings .shb-data-table__header-actions,
  shb-common-asset-management-portfolioreporting-transactions .shb-data-table__header-actions {
    margin-left: initial;
  }
  shb-private-portfolioreporting-overview .shb-popover__dialog,
  shb-common-asset-management-portfolio-reporting .shb-popover__dialog,
  shb-common-asset-management-portfolioreporting-overview .shb-popover__dialog,
  shb-common-asset-management-portfolioreporting-performance .shb-popover__dialog,
  shb-common-asset-management-portfolioreporting-holdings .shb-popover__dialog,
  shb-common-asset-management-portfolioreporting-transactions .shb-popover__dialog {
    right: initial;
  }
  shb-private-portfolioreporting-overview .shb-popover__dialog-arrow,
  shb-common-asset-management-portfolio-reporting .shb-popover__dialog-arrow,
  shb-common-asset-management-portfolioreporting-overview .shb-popover__dialog-arrow,
  shb-common-asset-management-portfolioreporting-performance .shb-popover__dialog-arrow,
  shb-common-asset-management-portfolioreporting-holdings .shb-popover__dialog-arrow,
  shb-common-asset-management-portfolioreporting-transactions .shb-popover__dialog-arrow {
    right: initial;
  }
  shb-private-portfolioreporting-overview .shb-card-v3__header-main,
  shb-common-asset-management-portfolio-reporting .shb-card-v3__header-main,
  shb-common-asset-management-portfolioreporting-overview .shb-card-v3__header-main,
  shb-common-asset-management-portfolioreporting-performance .shb-card-v3__header-main,
  shb-common-asset-management-portfolioreporting-holdings .shb-card-v3__header-main,
  shb-common-asset-management-portfolioreporting-transactions .shb-card-v3__header-main,
  shb-private-portfolioreporting-overview .shb-portfolioreporting-transaction-table .shb-card-v3__header,
  shb-common-asset-management-portfolio-reporting .shb-portfolioreporting-transaction-table .shb-card-v3__header,
  shb-common-asset-management-portfolioreporting-overview .shb-portfolioreporting-transaction-table .shb-card-v3__header,
  shb-common-asset-management-portfolioreporting-performance .shb-portfolioreporting-transaction-table .shb-card-v3__header,
  shb-common-asset-management-portfolioreporting-holdings .shb-portfolioreporting-transaction-table .shb-card-v3__header,
  shb-common-asset-management-portfolioreporting-transactions .shb-portfolioreporting-transaction-table .shb-card-v3__header {
    overflow: hidden;
  }
}
shb-private-portfolioreporting-overview .portfolio-reporting-holdings-datepicker-button-container,
shb-common-asset-management-portfolio-reporting .portfolio-reporting-holdings-datepicker-button-container,
shb-common-asset-management-portfolioreporting-overview .portfolio-reporting-holdings-datepicker-button-container,
shb-common-asset-management-portfolioreporting-performance .portfolio-reporting-holdings-datepicker-button-container,
shb-common-asset-management-portfolioreporting-holdings .portfolio-reporting-holdings-datepicker-button-container,
shb-common-asset-management-portfolioreporting-transactions .portfolio-reporting-holdings-datepicker-button-container {
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
@media screen and (max-width: 767px) {
  shb-private-portfolioreporting-overview .portfolio-reporting-holdings-datepicker-button-container,
  shb-common-asset-management-portfolio-reporting .portfolio-reporting-holdings-datepicker-button-container,
  shb-common-asset-management-portfolioreporting-overview .portfolio-reporting-holdings-datepicker-button-container,
  shb-common-asset-management-portfolioreporting-performance .portfolio-reporting-holdings-datepicker-button-container,
  shb-common-asset-management-portfolioreporting-holdings .portfolio-reporting-holdings-datepicker-button-container,
  shb-common-asset-management-portfolioreporting-transactions .portfolio-reporting-holdings-datepicker-button-container {
    flex-direction: column;
  }
}
shb-private-portfolioreporting-overview .portfolio-reporting-holdings-datepicker-button,
shb-common-asset-management-portfolio-reporting .portfolio-reporting-holdings-datepicker-button,
shb-common-asset-management-portfolioreporting-overview .portfolio-reporting-holdings-datepicker-button,
shb-common-asset-management-portfolioreporting-performance .portfolio-reporting-holdings-datepicker-button,
shb-common-asset-management-portfolioreporting-holdings .portfolio-reporting-holdings-datepicker-button,
shb-common-asset-management-portfolioreporting-transactions .portfolio-reporting-holdings-datepicker-button {
  padding-left: 16px;
}
@media screen and (max-width: 767px) {
  shb-private-portfolioreporting-overview .portfolio-reporting-holdings-datepicker-button,
  shb-common-asset-management-portfolio-reporting .portfolio-reporting-holdings-datepicker-button,
  shb-common-asset-management-portfolioreporting-overview .portfolio-reporting-holdings-datepicker-button,
  shb-common-asset-management-portfolioreporting-performance .portfolio-reporting-holdings-datepicker-button,
  shb-common-asset-management-portfolioreporting-holdings .portfolio-reporting-holdings-datepicker-button,
  shb-common-asset-management-portfolioreporting-transactions .portfolio-reporting-holdings-datepicker-button {
    padding-top: 16px;
    padding-left: 0px;
  }
}
shb-private-portfolioreporting-overview .shb-outputfield-group div.shb-outputfield__wrapper--tight,
shb-common-asset-management-portfolio-reporting .shb-outputfield-group div.shb-outputfield__wrapper--tight,
shb-common-asset-management-portfolioreporting-overview .shb-outputfield-group div.shb-outputfield__wrapper--tight,
shb-common-asset-management-portfolioreporting-performance .shb-outputfield-group div.shb-outputfield__wrapper--tight,
shb-common-asset-management-portfolioreporting-holdings .shb-outputfield-group div.shb-outputfield__wrapper--tight,
shb-common-asset-management-portfolioreporting-transactions .shb-outputfield-group div.shb-outputfield__wrapper--tight {
  padding-top: 0px;
}
shb-private-portfolioreporting-overview .scroll-table.expandable-table-async .shb-data-table .shb-table__row--expandable:nth-last-child(2) > td:nth-last-child(1) > div,
shb-common-asset-management-portfolio-reporting .scroll-table.expandable-table-async .shb-data-table .shb-table__row--expandable:nth-last-child(2) > td:nth-last-child(1) > div,
shb-common-asset-management-portfolioreporting-overview .scroll-table.expandable-table-async .shb-data-table .shb-table__row--expandable:nth-last-child(2) > td:nth-last-child(1) > div,
shb-common-asset-management-portfolioreporting-performance .scroll-table.expandable-table-async .shb-data-table .shb-table__row--expandable:nth-last-child(2) > td:nth-last-child(1) > div,
shb-common-asset-management-portfolioreporting-holdings .scroll-table.expandable-table-async .shb-data-table .shb-table__row--expandable:nth-last-child(2) > td:nth-last-child(1) > div,
shb-common-asset-management-portfolioreporting-transactions .scroll-table.expandable-table-async .shb-data-table .shb-table__row--expandable:nth-last-child(2) > td:nth-last-child(1) > div {
  display: none;
}
shb-private-portfolioreporting-overview .scroll-table.expandable-table-async .shb-data-table .shb-table__row--expandable:nth-last-child(2),
shb-common-asset-management-portfolio-reporting .scroll-table.expandable-table-async .shb-data-table .shb-table__row--expandable:nth-last-child(2),
shb-common-asset-management-portfolioreporting-overview .scroll-table.expandable-table-async .shb-data-table .shb-table__row--expandable:nth-last-child(2),
shb-common-asset-management-portfolioreporting-performance .scroll-table.expandable-table-async .shb-data-table .shb-table__row--expandable:nth-last-child(2),
shb-common-asset-management-portfolioreporting-holdings .scroll-table.expandable-table-async .shb-data-table .shb-table__row--expandable:nth-last-child(2),
shb-common-asset-management-portfolioreporting-transactions .scroll-table.expandable-table-async .shb-data-table .shb-table__row--expandable:nth-last-child(2) {
  pointer-events: none;
}
shb-private-portfolioreporting-overview .scroll-table.expandable-table-async .shb-table-group__header,
shb-common-asset-management-portfolio-reporting .scroll-table.expandable-table-async .shb-table-group__header,
shb-common-asset-management-portfolioreporting-overview .scroll-table.expandable-table-async .shb-table-group__header,
shb-common-asset-management-portfolioreporting-performance .scroll-table.expandable-table-async .shb-table-group__header,
shb-common-asset-management-portfolioreporting-holdings .scroll-table.expandable-table-async .shb-table-group__header,
shb-common-asset-management-portfolioreporting-transactions .scroll-table.expandable-table-async .shb-table-group__header {
  height: 48px;
}
shb-private-portfolioreporting-overview .shb-portfolioreporting-preliminary-holdings-header,
shb-common-asset-management-portfolio-reporting .shb-portfolioreporting-preliminary-holdings-header,
shb-common-asset-management-portfolioreporting-overview .shb-portfolioreporting-preliminary-holdings-header,
shb-common-asset-management-portfolioreporting-performance .shb-portfolioreporting-preliminary-holdings-header,
shb-common-asset-management-portfolioreporting-holdings .shb-portfolioreporting-preliminary-holdings-header,
shb-common-asset-management-portfolioreporting-transactions .shb-portfolioreporting-preliminary-holdings-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-left: 24px;
  background-color: #fff;
  border-top: 1px solid #dedede;
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
  cursor: pointer;
  width: calc(100% + 12px * 2);
  margin-left: -24px;
  margin-right: -24px;
  height: 48px;
}
@media screen and (max-width: 767px) {
  shb-private-portfolioreporting-overview .shb-portfolioreporting-preliminary-holdings-header,
  shb-common-asset-management-portfolio-reporting .shb-portfolioreporting-preliminary-holdings-header,
  shb-common-asset-management-portfolioreporting-overview .shb-portfolioreporting-preliminary-holdings-header,
  shb-common-asset-management-portfolioreporting-performance .shb-portfolioreporting-preliminary-holdings-header,
  shb-common-asset-management-portfolioreporting-holdings .shb-portfolioreporting-preliminary-holdings-header,
  shb-common-asset-management-portfolioreporting-transactions .shb-portfolioreporting-preliminary-holdings-header {
    border-bottom: 1px solid #dedede;
  }
}
shb-private-portfolioreporting-overview .shb-portfolioreporting-preliminary-holdings-header-expand-arrow,
shb-common-asset-management-portfolio-reporting .shb-portfolioreporting-preliminary-holdings-header-expand-arrow,
shb-common-asset-management-portfolioreporting-overview .shb-portfolioreporting-preliminary-holdings-header-expand-arrow,
shb-common-asset-management-portfolioreporting-performance .shb-portfolioreporting-preliminary-holdings-header-expand-arrow,
shb-common-asset-management-portfolioreporting-holdings .shb-portfolioreporting-preliminary-holdings-header-expand-arrow,
shb-common-asset-management-portfolioreporting-transactions .shb-portfolioreporting-preliminary-holdings-header-expand-arrow {
  margin-right: 24px;
  background-color: transparent;
}
shb-private-portfolioreporting-overview .shb-portfolioreporting-preliminary-holdings-header:hover,
shb-common-asset-management-portfolio-reporting .shb-portfolioreporting-preliminary-holdings-header:hover,
shb-common-asset-management-portfolioreporting-overview .shb-portfolioreporting-preliminary-holdings-header:hover,
shb-common-asset-management-portfolioreporting-performance .shb-portfolioreporting-preliminary-holdings-header:hover,
shb-common-asset-management-portfolioreporting-holdings .shb-portfolioreporting-preliminary-holdings-header:hover,
shb-common-asset-management-portfolioreporting-transactions .shb-portfolioreporting-preliminary-holdings-header:hover,
shb-private-portfolioreporting-overview .shb-portfolioreporting-preliminary-holdings-header:focus,
shb-common-asset-management-portfolio-reporting .shb-portfolioreporting-preliminary-holdings-header:focus,
shb-common-asset-management-portfolioreporting-overview .shb-portfolioreporting-preliminary-holdings-header:focus,
shb-common-asset-management-portfolioreporting-performance .shb-portfolioreporting-preliminary-holdings-header:focus,
shb-common-asset-management-portfolioreporting-holdings .shb-portfolioreporting-preliminary-holdings-header:focus,
shb-common-asset-management-portfolioreporting-transactions .shb-portfolioreporting-preliminary-holdings-header:focus {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-color: #eaf4f7;
}
shb-private-portfolioreporting-overview .shb-portfolioreporting-preliminary-holdings-header span,
shb-common-asset-management-portfolio-reporting .shb-portfolioreporting-preliminary-holdings-header span,
shb-common-asset-management-portfolioreporting-overview .shb-portfolioreporting-preliminary-holdings-header span,
shb-common-asset-management-portfolioreporting-performance .shb-portfolioreporting-preliminary-holdings-header span,
shb-common-asset-management-portfolioreporting-holdings .shb-portfolioreporting-preliminary-holdings-header span,
shb-common-asset-management-portfolioreporting-transactions .shb-portfolioreporting-preliminary-holdings-header span {
  font-weight: bold;
}
shb-private-portfolioreporting-overview .shb-portfolioreporting-preliminary-holdings-list,
shb-common-asset-management-portfolio-reporting .shb-portfolioreporting-preliminary-holdings-list,
shb-common-asset-management-portfolioreporting-overview .shb-portfolioreporting-preliminary-holdings-list,
shb-common-asset-management-portfolioreporting-performance .shb-portfolioreporting-preliminary-holdings-list,
shb-common-asset-management-portfolioreporting-holdings .shb-portfolioreporting-preliminary-holdings-list,
shb-common-asset-management-portfolioreporting-transactions .shb-portfolioreporting-preliminary-holdings-list {
  display: none;
}
shb-private-portfolioreporting-overview .shb-portfolioreporting-preliminary-holdings-list__expanded,
shb-common-asset-management-portfolio-reporting .shb-portfolioreporting-preliminary-holdings-list__expanded,
shb-common-asset-management-portfolioreporting-overview .shb-portfolioreporting-preliminary-holdings-list__expanded,
shb-common-asset-management-portfolioreporting-performance .shb-portfolioreporting-preliminary-holdings-list__expanded,
shb-common-asset-management-portfolioreporting-holdings .shb-portfolioreporting-preliminary-holdings-list__expanded,
shb-common-asset-management-portfolioreporting-transactions .shb-portfolioreporting-preliminary-holdings-list__expanded {
  display: block;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
shb-private-portfolioreporting-overview .shb-portfolioreporting-preliminary-holdings-list__expanded .shb-data-table__wrapper,
shb-common-asset-management-portfolio-reporting .shb-portfolioreporting-preliminary-holdings-list__expanded .shb-data-table__wrapper,
shb-common-asset-management-portfolioreporting-overview .shb-portfolioreporting-preliminary-holdings-list__expanded .shb-data-table__wrapper,
shb-common-asset-management-portfolioreporting-performance .shb-portfolioreporting-preliminary-holdings-list__expanded .shb-data-table__wrapper,
shb-common-asset-management-portfolioreporting-holdings .shb-portfolioreporting-preliminary-holdings-list__expanded .shb-data-table__wrapper,
shb-common-asset-management-portfolioreporting-transactions .shb-portfolioreporting-preliminary-holdings-list__expanded .shb-data-table__wrapper {
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px;
}
shb-private-portfolioreporting-overview .shb-outputfield-group div.shb-outputfield__wrapper--tight,
shb-common-asset-management-portfolio-reporting .shb-outputfield-group div.shb-outputfield__wrapper--tight,
shb-common-asset-management-portfolioreporting-overview .shb-outputfield-group div.shb-outputfield__wrapper--tight,
shb-common-asset-management-portfolioreporting-performance .shb-outputfield-group div.shb-outputfield__wrapper--tight,
shb-common-asset-management-portfolioreporting-holdings .shb-outputfield-group div.shb-outputfield__wrapper--tight,
shb-common-asset-management-portfolioreporting-transactions .shb-outputfield-group div.shb-outputfield__wrapper--tight {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
shb-private-portfolioreporting-overview .shb-outputfield__label--justified,
shb-common-asset-management-portfolio-reporting .shb-outputfield__label--justified,
shb-common-asset-management-portfolioreporting-overview .shb-outputfield__label--justified,
shb-common-asset-management-portfolioreporting-performance .shb-outputfield__label--justified,
shb-common-asset-management-portfolioreporting-holdings .shb-outputfield__label--justified,
shb-common-asset-management-portfolioreporting-transactions .shb-outputfield__label--justified {
  justify-content: flex-start;
  width: auto;
  /* Remove bold labels */
  font-weight: normal;
}
shb-private-portfolioreporting-overview .shb-outputfield__value--justified,
shb-common-asset-management-portfolio-reporting .shb-outputfield__value--justified,
shb-common-asset-management-portfolioreporting-overview .shb-outputfield__value--justified,
shb-common-asset-management-portfolioreporting-performance .shb-outputfield__value--justified,
shb-common-asset-management-portfolioreporting-holdings .shb-outputfield__value--justified,
shb-common-asset-management-portfolioreporting-transactions .shb-outputfield__value--justified {
  justify-content: flex-end;
  width: auto;
}
shb-private-portfolioreporting-overview .expandable-table-details-row .shb-outputfield__wrapper span,
shb-common-asset-management-portfolio-reporting .expandable-table-details-row .shb-outputfield__wrapper span,
shb-common-asset-management-portfolioreporting-overview .expandable-table-details-row .shb-outputfield__wrapper span,
shb-common-asset-management-portfolioreporting-performance .expandable-table-details-row .shb-outputfield__wrapper span,
shb-common-asset-management-portfolioreporting-holdings .expandable-table-details-row .shb-outputfield__wrapper span,
shb-common-asset-management-portfolioreporting-transactions .expandable-table-details-row .shb-outputfield__wrapper span {
  font-size: 14px;
}
shb-private-portfolioreporting-overview .shb-expansion-panel .shb-expansion-panel__summary-wrapper .shb-expansion-panel__summary,
shb-common-asset-management-portfolio-reporting .shb-expansion-panel .shb-expansion-panel__summary-wrapper .shb-expansion-panel__summary,
shb-common-asset-management-portfolioreporting-overview .shb-expansion-panel .shb-expansion-panel__summary-wrapper .shb-expansion-panel__summary,
shb-common-asset-management-portfolioreporting-performance .shb-expansion-panel .shb-expansion-panel__summary-wrapper .shb-expansion-panel__summary,
shb-common-asset-management-portfolioreporting-holdings .shb-expansion-panel .shb-expansion-panel__summary-wrapper .shb-expansion-panel__summary,
shb-common-asset-management-portfolioreporting-transactions .shb-expansion-panel .shb-expansion-panel__summary-wrapper .shb-expansion-panel__summary {
  white-space: nowrap;
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  shb-private-portfolioreporting-overview .shb-multiselect,
  shb-common-asset-management-portfolio-reporting .shb-multiselect,
  shb-common-asset-management-portfolioreporting-overview .shb-multiselect,
  shb-common-asset-management-portfolioreporting-performance .shb-multiselect,
  shb-common-asset-management-portfolioreporting-holdings .shb-multiselect,
  shb-common-asset-management-portfolioreporting-transactions .shb-multiselect {
    margin-bottom: 16px;
  }
}
shb-private-portfolioreporting-overview .shb-errand-table-section,
shb-common-asset-management-portfolio-reporting .shb-errand-table-section,
shb-common-asset-management-portfolioreporting-overview .shb-errand-table-section,
shb-common-asset-management-portfolioreporting-performance .shb-errand-table-section,
shb-common-asset-management-portfolioreporting-holdings .shb-errand-table-section,
shb-common-asset-management-portfolioreporting-transactions .shb-errand-table-section {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  shb-private-portfolioreporting-overview .shb-data-table__header,
  shb-common-asset-management-portfolio-reporting .shb-data-table__header,
  shb-common-asset-management-portfolioreporting-overview .shb-data-table__header,
  shb-common-asset-management-portfolioreporting-performance .shb-data-table__header,
  shb-common-asset-management-portfolioreporting-holdings .shb-data-table__header,
  shb-common-asset-management-portfolioreporting-transactions .shb-data-table__header {
    /* Same margin top/bottom on print/filter row */
    padding-bottom: 0;
  }
}
shb-private-portfolioreporting-overview .scroll-table.expandable-table-async .shb-data-table__header > h3,
shb-common-asset-management-portfolio-reporting .scroll-table.expandable-table-async .shb-data-table__header > h3,
shb-common-asset-management-portfolioreporting-overview .scroll-table.expandable-table-async .shb-data-table__header > h3,
shb-common-asset-management-portfolioreporting-performance .scroll-table.expandable-table-async .shb-data-table__header > h3,
shb-common-asset-management-portfolioreporting-holdings .scroll-table.expandable-table-async .shb-data-table__header > h3,
shb-common-asset-management-portfolioreporting-transactions .scroll-table.expandable-table-async .shb-data-table__header > h3 {
  font-size: 18px;
}
shb-private-portfolioreporting-overview .scroll-table.expandable-table-async .shb-card-v3__expansion--border-top,
shb-common-asset-management-portfolio-reporting .scroll-table.expandable-table-async .shb-card-v3__expansion--border-top,
shb-common-asset-management-portfolioreporting-overview .scroll-table.expandable-table-async .shb-card-v3__expansion--border-top,
shb-common-asset-management-portfolioreporting-performance .scroll-table.expandable-table-async .shb-card-v3__expansion--border-top,
shb-common-asset-management-portfolioreporting-holdings .scroll-table.expandable-table-async .shb-card-v3__expansion--border-top,
shb-common-asset-management-portfolioreporting-transactions .scroll-table.expandable-table-async .shb-card-v3__expansion--border-top {
  padding-top: 0;
}
shb-private-portfolioreporting-overview .scroll-table.expandable-table-async .shb-card-v3__body,
shb-common-asset-management-portfolio-reporting .scroll-table.expandable-table-async .shb-card-v3__body,
shb-common-asset-management-portfolioreporting-overview .scroll-table.expandable-table-async .shb-card-v3__body,
shb-common-asset-management-portfolioreporting-performance .scroll-table.expandable-table-async .shb-card-v3__body,
shb-common-asset-management-portfolioreporting-holdings .scroll-table.expandable-table-async .shb-card-v3__body,
shb-common-asset-management-portfolioreporting-transactions .scroll-table.expandable-table-async .shb-card-v3__body {
  padding-bottom: 0;
}
shb-private-portfolioreporting-overview .shb-portfolioreporting-holdings-totals,
shb-common-asset-management-portfolio-reporting .shb-portfolioreporting-holdings-totals,
shb-common-asset-management-portfolioreporting-overview .shb-portfolioreporting-holdings-totals,
shb-common-asset-management-portfolioreporting-performance .shb-portfolioreporting-holdings-totals,
shb-common-asset-management-portfolioreporting-holdings .shb-portfolioreporting-holdings-totals,
shb-common-asset-management-portfolioreporting-transactions .shb-portfolioreporting-holdings-totals {
  padding-bottom: 16px;
}
shb-private-portfolioreporting-overview .scroll-table.expandable-table-async .shb-data-table__column-toggle-popover__checkbox--horizontal > div,
shb-common-asset-management-portfolio-reporting .scroll-table.expandable-table-async .shb-data-table__column-toggle-popover__checkbox--horizontal > div,
shb-common-asset-management-portfolioreporting-overview .scroll-table.expandable-table-async .shb-data-table__column-toggle-popover__checkbox--horizontal > div,
shb-common-asset-management-portfolioreporting-performance .scroll-table.expandable-table-async .shb-data-table__column-toggle-popover__checkbox--horizontal > div,
shb-common-asset-management-portfolioreporting-holdings .scroll-table.expandable-table-async .shb-data-table__column-toggle-popover__checkbox--horizontal > div,
shb-common-asset-management-portfolioreporting-transactions .scroll-table.expandable-table-async .shb-data-table__column-toggle-popover__checkbox--horizontal > div {
  flex: 1 1 33%;
}
shb-private-portfolioreporting-overview .scroll-table.expandable-table-async .shb-data-table__filter-area-content-arrow,
shb-common-asset-management-portfolio-reporting .scroll-table.expandable-table-async .shb-data-table__filter-area-content-arrow,
shb-common-asset-management-portfolioreporting-overview .scroll-table.expandable-table-async .shb-data-table__filter-area-content-arrow,
shb-common-asset-management-portfolioreporting-performance .scroll-table.expandable-table-async .shb-data-table__filter-area-content-arrow,
shb-common-asset-management-portfolioreporting-holdings .scroll-table.expandable-table-async .shb-data-table__filter-area-content-arrow,
shb-common-asset-management-portfolioreporting-transactions .scroll-table.expandable-table-async .shb-data-table__filter-area-content-arrow {
  display: none;
}
shb-private-portfolioreporting-overview .portfolio-analysis-navigation,
shb-common-asset-management-portfolio-reporting .portfolio-analysis-navigation,
shb-common-asset-management-portfolioreporting-overview .portfolio-analysis-navigation,
shb-common-asset-management-portfolioreporting-performance .portfolio-analysis-navigation,
shb-common-asset-management-portfolioreporting-holdings .portfolio-analysis-navigation,
shb-common-asset-management-portfolioreporting-transactions .portfolio-analysis-navigation {
  display: flex;
  flex-direction: row;
}
@media only screen and (max-width: 430px) {
  shb-private-portfolioreporting-overview .portfolio-analysis-navigation,
  shb-common-asset-management-portfolio-reporting .portfolio-analysis-navigation,
  shb-common-asset-management-portfolioreporting-overview .portfolio-analysis-navigation,
  shb-common-asset-management-portfolioreporting-performance .portfolio-analysis-navigation,
  shb-common-asset-management-portfolioreporting-holdings .portfolio-analysis-navigation,
  shb-common-asset-management-portfolioreporting-transactions .portfolio-analysis-navigation {
    display: block;
  }
}
shb-private-portfolioreporting-overview .portfolio-analysis-navigation .portfolio-analysis-navigation-buttons-right,
shb-common-asset-management-portfolio-reporting .portfolio-analysis-navigation .portfolio-analysis-navigation-buttons-right,
shb-common-asset-management-portfolioreporting-overview .portfolio-analysis-navigation .portfolio-analysis-navigation-buttons-right,
shb-common-asset-management-portfolioreporting-performance .portfolio-analysis-navigation .portfolio-analysis-navigation-buttons-right,
shb-common-asset-management-portfolioreporting-holdings .portfolio-analysis-navigation .portfolio-analysis-navigation-buttons-right,
shb-common-asset-management-portfolioreporting-transactions .portfolio-analysis-navigation .portfolio-analysis-navigation-buttons-right {
  margin-left: 20px;
}
@media only screen and (max-width: 430px) {
  shb-private-portfolioreporting-overview .portfolio-analysis-navigation .portfolio-analysis-navigation-buttons-right,
  shb-common-asset-management-portfolio-reporting .portfolio-analysis-navigation .portfolio-analysis-navigation-buttons-right,
  shb-common-asset-management-portfolioreporting-overview .portfolio-analysis-navigation .portfolio-analysis-navigation-buttons-right,
  shb-common-asset-management-portfolioreporting-performance .portfolio-analysis-navigation .portfolio-analysis-navigation-buttons-right,
  shb-common-asset-management-portfolioreporting-holdings .portfolio-analysis-navigation .portfolio-analysis-navigation-buttons-right,
  shb-common-asset-management-portfolioreporting-transactions .portfolio-analysis-navigation .portfolio-analysis-navigation-buttons-right {
    margin-left: 0px;
  }
}
shb-private-portfolioreporting-overview .portfolioreporting-item--right,
shb-common-asset-management-portfolio-reporting .portfolioreporting-item--right,
shb-common-asset-management-portfolioreporting-overview .portfolioreporting-item--right,
shb-common-asset-management-portfolioreporting-performance .portfolioreporting-item--right,
shb-common-asset-management-portfolioreporting-holdings .portfolioreporting-item--right,
shb-common-asset-management-portfolioreporting-transactions .portfolioreporting-item--right {
  display: inline-flex;
}
@media screen and (min-width: 768px) {
  shb-private-portfolioreporting-overview .portfolioreporting-item--right,
  shb-common-asset-management-portfolio-reporting .portfolioreporting-item--right,
  shb-common-asset-management-portfolioreporting-overview .portfolioreporting-item--right,
  shb-common-asset-management-portfolioreporting-performance .portfolioreporting-item--right,
  shb-common-asset-management-portfolioreporting-holdings .portfolioreporting-item--right,
  shb-common-asset-management-portfolioreporting-transactions .portfolioreporting-item--right {
    float: right;
  }
}
@media screen and (max-width: 768px) {
  shb-private-portfolioreporting-overview .portfolioreporting-item--right,
  shb-common-asset-management-portfolio-reporting .portfolioreporting-item--right,
  shb-common-asset-management-portfolioreporting-overview .portfolioreporting-item--right,
  shb-common-asset-management-portfolioreporting-performance .portfolioreporting-item--right,
  shb-common-asset-management-portfolioreporting-holdings .portfolioreporting-item--right,
  shb-common-asset-management-portfolioreporting-transactions .portfolioreporting-item--right {
    width: inherit;
  }
}
.shb-inat-update-information__description {
  font-size: 16px;
  color: #222222;
  font-weight: bold;
  margin-bottom: 32px;
}
.shb-inat-update-information__description.shb-text--dark {
  color: #043b62;
}
.shb-inat-update-information__section {
  margin-bottom: 32px;
}
.shb-inat-update-information__text {
  font-size: 16px;
  color: #222222;
  margin-bottom: 16px;
}
.shb-inat-update-information__text.shb-text--dark {
  color: #043b62;
}
.shb-text-radio-button-group {
  display: flex;
  flex-wrap: wrap;
}
.shb-text-radio-button-group__vertical {
  flex-direction: column;
}
.shb-text-radio-button-group__label {
  width: 100%;
  margin-top: 8px;
  margin-bottom: 8px;
}
.shb-text-radio-button-group__error-text {
  order: 1;
  flex: 1 0 100%;
}
.shb-text-radio-button-input {
  position: absolute;
  transform: scale(0);
}
.shb-text-radio-button-input:hover {
  text-decoration: underline;
}
.shb-text-radio-button-input:disabled {
  color: #909090;
}
.shb-text-radio-button-input:disabled:hover {
  text-decoration: none;
}
.shb-text-radio-button-wrapper {
  cursor: pointer;
  display: block;
  padding: 8px;
}
.shb-text-radio-button-wrapper:first-of-type {
  padding-left: 0;
}
.shb-text-radio-button-wrapper .shb-text-radio-button {
  padding: 4px 12px;
  background: #ffffff;
  border: 1px solid #dedede;
  border-radius: 4px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}
.shb-text-radio-button-wrapper .shb-text-radio-button > span.shb-text-3 {
  color: #005fa5;
}
.shb-text-radio-button-wrapper .selected-radio-button {
  background-color: #005fa5;
  border-color: #005fa5;
  text-decoration: none;
}
.shb-text-radio-button-wrapper .selected-radio-button > span.shb-text-3 {
  color: #ffffff;
}
.shb-text-radio-button-wrapper .selected-radio-button--focused {
  background-color: #043b62;
  text-decoration: underline;
  border-color: #043b62;
  color: #ffffff;
}
.shb-text-radio-button-wrapper .selected-radio-button--focused > span.shb-text-3 {
  color: #ffffff;
}
.shb-text-radio-button-wrapper:hover .shb-text-radio-button {
  border: 1px solid #005fa5;
}
.shb-text-radio-button-wrapper:hover .shb-text-radio-button > span.shb-text-3 {
  color: #005fa5;
  text-decoration: underline;
}
.shb-text-radio-button-wrapper:hover .selected-radio-button {
  background: #043b62;
  border: 1px solid #043b62;
}
.shb-text-radio-button-wrapper:hover .selected-radio-button > span.shb-text-3 {
  color: #ffffff;
  text-decoration: underline;
}
.shb-text-radio-button-wrapper.shb-text-radio-button-disabled {
  cursor: default;
}
.shb-text-radio-button-wrapper.shb-text-radio-button-disabled > .disabled-button {
  opacity: 0.3;
}
.shb-savings-calculator-wrapper {
  padding: 24px;
}
.shb-savings-calculator-advice-wrapper .shb-savings-calculator-advice__cta-container {
  display: flex;
  flex-direction: column;
}
.shb-savings-calculator-advice-wrapper .shb-savings-calculator-advice__cta-container > span,
.shb-savings-calculator-advice-wrapper .shb-savings-calculator-advice__cta-container div {
  margin-bottom: 12px;
}
.shb-savings-calculator-advice-wrapper .shb-savings-calculator-advice__expansion {
  margin: 0 -24px 24px -24px;
}
.shb-savings-calculator-form__label {
  margin-bottom: 16px;
}
.shb-savings-calculator-form__annuity-disclaimer > p {
  color: #636363;
}
.shb-savings-calculator-sum-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #eaf4f7;
  border-radius: 4px;
  padding: 24px;
  margin: 0 16px;
  min-height: 410px;
}
.shb-savings-calculator-sum-wrapper__icon {
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #043b62;
  margin-bottom: 24px;
}
.shb-savings-calculator-sum-wrapper__icon > svg {
  transform: translate(15px, 15px);
}
.shb-savings-calculator-sum-wrapper__calculated-sum {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 16px;
}
.shb-savings-calculator-sum-wrapper__calculated-sum > p:nth-child(2) {
  margin: 0;
}
.shb-savings-calculator-sum-wrapper__btn {
  width: 100%;
  margin-bottom: 16px;
}
.shb-savings-calculator-sum-wrapper__btn--primary {
  margin-bottom: 8px;
}
.shb-savings-calculator-sum-wrapper__btn--secondary > span > a {
  max-width: 100%;
}
.shb-savings-calculator-sum-wrapper__custom-text {
  font-family: SHB_SlabSerifLight, Georgia, sans-serif;
  line-height: 1.3em;
  color: #005fa5;
  margin: 0;
}
.shb-savings-calculator-sum-wrapper__custom-text--medium {
  font-size: 32px;
}
.shb-savings-calculator-sum-wrapper__custom-text--small {
  font-size: 24px;
}
.shb-savings-calculator-sum-wrapper__center-roi {
  text-align: center;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .shb-savings-calculator-sum-wrapper__disclaimer--IE {
    max-width: 100%;
  }
}
.shb-savings-calculator-sum-wrapper__disclaimer p {
  color: #636363;
}
.shb-savings-calculator-sum-wrapper--small {
  min-height: 0;
}
.shb-savings-calculator-width-xs .shb-savings-calculator-wrapper {
  padding-top: 0;
}
.shb-savings-calculator-width-xs .shb-savings-calculator-wrapper > div > div {
  display: flex;
  flex-direction: column-reverse;
}
.shb-savings-calculator-width-xs .shb-savings-calculator-wrapper .shb-savings-calculator-advice-wrapper {
  display: flex;
  flex-direction: column;
  padding-top: 24px;
}
.shb-savings-calculator-width-xs .shb-savings-calculator-wrapper .shb-savings-calculator-advice-wrapper .shb-savings-calculator-advice__cta-container:first-of-type {
  margin-bottom: 16px;
}
.shb-savings-calculator-width-xs .shb-savings-calculator-wrapper .shb-savings-calculator-advice-wrapper > div > div {
  display: flex;
  flex-direction: column;
}
.shb-savings-calculator-width-xs .shb-savings-calculator-sum-wrapper {
  min-height: 0;
  margin: 0 0 16px 0;
}
.shb-savings-calculator-width-xs .shb-savings-calculator-sum-wrapper__icon {
  display: none;
}
@media only screen and (max-width: 767px) {
  .shb-savings-calculator-wrapper {
    padding-top: 0;
  }
  .shb-savings-calculator-wrapper > div > div {
    display: flex;
    flex-direction: column-reverse;
  }
  .shb-savings-calculator-wrapper .shb-savings-calculator-advice-wrapper {
    display: flex;
    flex-direction: column;
    padding-top: 24px;
  }
  .shb-savings-calculator-wrapper .shb-savings-calculator-advice-wrapper .shb-savings-calculator-advice__cta-container:first-of-type {
    margin-bottom: 16px;
  }
  .shb-savings-calculator-wrapper .shb-savings-calculator-advice-wrapper > div > div {
    display: flex;
    flex-direction: column;
  }
  .shb-savings-calculator-sum-wrapper {
    min-height: 0;
    margin: 0 0 16px 0;
  }
  .shb-savings-calculator-sum-wrapper__icon {
    display: none;
  }
}
.shb-common-asset-management-sustainability {
  /* Fix PortfolioSelect height */
  /**
    Centrerar titeln på sista kolumnen i tabell-huvudet
    */
  /**
    Fixar så att spinnern/loadern inte täcker för portföljväljaren
    */
}
.shb-common-asset-management-sustainability .shb-card-v3__body {
  padding-bottom: 0;
}
.shb-common-asset-management-sustainability .shb-errand-header {
  border-radius: 0;
  padding-top: 16px;
}
.shb-common-asset-management-sustainability .sustainability-icon {
  text-align: center;
  margin-bottom: 16px;
}
.shb-common-asset-management-sustainability .sustainability-globe {
  margin-left: 8px;
}
.shb-common-asset-management-sustainability .sustainability-title {
  text-align: center;
  margin-bottom: 32px;
}
.shb-common-asset-management-sustainability .shb-expansion-content__details-wrapper {
  overflow: visible;
  z-index: 1000 !important;
}
.shb-common-asset-management-sustainability .sustainability-popover-div {
  margin-top: 12px;
}
.shb-common-asset-management-sustainability .portfolio-div {
  margin-top: 2px;
  margin-left: 12px;
}
@media screen and (max-width: 1023px) {
  .shb-common-asset-management-sustainability .portfolio-div .shb-element-with-info__button {
    margin-bottom: 8px;
  }
}
.shb-common-asset-management-sustainability .datatable-toolbar__icon-button {
  min-width: 0;
  min-height: 0;
  margin-left: 6px;
}
.shb-common-asset-management-sustainability .shb-common-asset-management-modal-button {
  display: inline-block;
}
.shb-common-asset-management-sustainability .shb-popover__toggle-menu {
  padding: 0;
}
.shb-common-asset-management-sustainability .shb-common-asset-management-sustainability-header-chosen-portfolio-div {
  margin-top: 0;
  margin-bottom: 4px;
}
.shb-common-asset-management-sustainability .shb-asset-management-sustainability-heading {
  font-weight: bold;
  margin-top: 4px;
  margin-bottom: 6px;
  margin-left: 12px;
}
@media screen and (max-width: 768px) {
  .shb-common-asset-management-sustainability .shb-asset-management-sustainability-heading {
    margin-bottom: 8px;
  }
}
.shb-common-asset-management-sustainability .shb-common-asset-management-sustainability-header-chosen-portfolio-child-div {
  margin-left: 16px;
  margin-right: 8px;
  display: inline-flex;
}
.shb-common-asset-management-sustainability .chosen-portfolios-value-paragraph {
  margin-top: 0;
  margin-bottom: 0;
}
.shb-common-asset-management-sustainability .chosen-portfolio-value-div {
  margin-top: 0;
  margin-bottom: 0;
  background-color: #eaf4f7;
  border-radius: 7px;
  padding-bottom: 8px;
  display: flex;
  flex-direction: row;
  align-items: baseline;
}
@media screen and (max-width: 910px) {
  .shb-common-asset-management-sustainability .chosen-portfolio-value-div {
    margin-left: 16px;
    padding-bottom: 16px;
  }
}
.shb-common-asset-management-sustainability .chosen-portfolios-value-text {
  margin-left: 16px;
  font-size: 28px;
}
@media screen and (max-width: 910px) {
  .shb-common-asset-management-sustainability .chosen-portfolios-value-text {
    margin-left: 0;
    font-size: 28px;
  }
}
.shb-common-asset-management-sustainability .chosen-portfolios-value-text-currency {
  display: inline;
  font-size: 20px;
  margin-left: 4px;
}
@media screen and (max-width: 1023px) {
  .shb-common-asset-management-sustainability .chosen-portfolios-value-text-currency {
    margin-left: 0;
    font-size: 20px;
  }
}
@media screen and (max-width: 768px) {
  .shb-common-asset-management-sustainability .top-card-climate {
    margin-bottom: 24px;
  }
}
.shb-common-asset-management-sustainability .top-card-sustainability {
  margin-bottom: 16px;
}
@media screen and (max-width: 768px) {
  .shb-common-asset-management-sustainability .top-card-sustainability {
    margin-bottom: 24px;
  }
}
.shb-common-asset-management-sustainability .bottom-card-sustainability {
  margin-top: 24px;
}
.shb-common-asset-management-sustainability .climate-co2-charts-parent-div {
  margin-top: -16px;
}
@media screen and (min-width: 768px) {
  .shb-common-asset-management-sustainability .climate-environment-parent-row .row {
    display: flex;
  }
}
@media screen and (max-width: 767px) {
  .shb-common-asset-management-sustainability .climate-environment-parent-row {
    word-break: break-word;
    hyphens: auto;
  }
}
.shb-common-asset-management-sustainability .climate-environment-parent-row h2 {
  color: #222222;
}
.shb-common-asset-management-sustainability .co2-textlink {
  margin-top: -16px;
}
@media screen and (max-width: 468px) {
  .shb-common-asset-management-sustainability .co2-textlink .shb-popover__dialog {
    margin-right: -42px;
  }
}
.shb-common-asset-management-sustainability .risk-parent-div {
  border-radius: 8px;
  background-color: #f0f8fa;
}
.shb-common-asset-management-sustainability .blurry-table-div {
  width: calc(100% + 14px * 2);
  height: 70%;
  position: absolute;
  top: 30%;
  left: 0;
  margin-left: -14px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0), #fff);
}
.shb-common-asset-management-sustainability .shb-asset-management-ui-placeholder {
  height: 0 !important;
  white-space: normal;
}
.shb-common-asset-management-sustainability .classification-icon-title {
  margin-top: 32px;
  padding-bottom: 16px;
}
.shb-common-asset-management-sustainability .classification-content-with-icon {
  display: flex;
  align-items: normal;
  margin-bottom: 8px;
}
.shb-common-asset-management-sustainability .classification-content-with-icon span,
.shb-common-asset-management-sustainability .classification-content-with-icon strong {
  margin-right: 8px;
}
.shb-common-asset-management-sustainability .classification-content-with-icon > * {
  line-height: 1.3;
}
.shb-common-asset-management-sustainability .shb-multiselect .shb-expansion-panel .shb-expansion-panel__summary-wrapper {
  height: 38px;
}
.shb-common-asset-management-sustainability .shb-multiselect .shb-expansion-panel .shb-expansion-panel__summary-wrapper .shb-expansion-panel__summary {
  white-space: nowrap;
  overflow: hidden;
}
.shb-common-asset-management-sustainability .bar-grid-parent {
  margin-top: 32px;
}
.shb-common-asset-management-sustainability .bar-grid {
  display: grid;
  grid-template-columns: repeat(var(--columns), minmax(0, 1fr));
  grid-auto-flow: column;
  min-height: 24px;
  gap: 3px;
  padding-right: 4px;
  background-color: #ffffff;
}
.shb-common-asset-management-sustainability .bar-grid-label {
  display: grid;
  grid-template-columns: repeat(var(--columns), minmax(0, 1fr));
  min-height: 24px;
  gap: 3px;
  padding-right: 4px;
  background-color: #ffffff;
  margin-top: 12px;
}
.shb-common-asset-management-sustainability .grid-bottom-right-label {
  text-align: right;
}
.shb-common-asset-management-sustainability .bar-grid-lower-scale {
  grid-template-columns: 50% 50%;
  margin-top: 4px;
  padding-bottom: 2px;
}
.shb-common-asset-management-sustainability .bar-grid-bar-value {
  margin-top: -24px;
  position: absolute;
  transform: translateX(var(--translateX));
}
.shb-common-asset-management-sustainability .sustainability-bar-selected-low {
  background-color: #7baea2;
  border-color: #007b45;
  color-adjust: exact;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
}
.shb-common-asset-management-sustainability .sustainability-bar-selected-middle {
  background-color: #e86f00;
  border-radius: 2px;
  display: flex;
  justify-content: center;
}
.shb-common-asset-management-sustainability .sustainability-bar-selected-high {
  background-color: #c83d2a;
  border-radius: 2px;
  display: flex;
  justify-content: center;
}
.shb-common-asset-management-sustainability .sustainability-bar-nonselected-low {
  border-color: #007b45;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
}
.shb-common-asset-management-sustainability .sustainability-bar-nonselected-middle {
  border-color: #e86f00;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
}
.shb-common-asset-management-sustainability .sustainability-bar-nonselected-high {
  border-color: #c83d2a;
  border-width: 1px;
  border-style: solid;
  border-radius: 2px;
}
.shb-common-asset-management-sustainability .sustainability-fillup-bar-fill {
  background-color: var(--background-color);
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--border-color);
}
.shb-common-asset-management-sustainability .sustainability-fillup-bar-empty {
  background-color: #ffffff;
  border-radius: 2px;
  border-width: 1px;
  border-style: solid;
  border-color: var(--border-color);
}
.shb-common-asset-management-sustainability .classification-expandable-body-parent {
  margin-top: -32px;
}
.shb-common-asset-management-sustainability .eu-class-others-sub-bar-text {
  margin-top: -20px;
}
.shb-common-asset-management-sustainability .shb-element-with-info__info-text-container {
  background-color: #ffffff;
}
.shb-common-asset-management-sustainability .shb-element-with-info__info-text-container .shb-legible-column-width {
  max-width: 100%;
}
.shb-common-asset-management-sustainability .info-sustainability-label {
  margin-top: 12px;
}
.shb-common-asset-management-sustainability .info-sustainability-label .shb-label__label-text {
  font-style: italic;
  font-weight: 400;
  font-size: 12px;
  line-height: 20px;
  color: #4e4e4e;
  opacity: 0.8;
}
.shb-common-asset-management-sustainability .sustainability-paragraph-start {
  margin-block-start: 0;
}
.shb-common-asset-management-sustainability .sustainability-paragraph-end {
  margin-block-end: 0;
}
.shb-common-asset-management-sustainability .shb-portfolioreporting__shb-multiselect-option-label {
  margin-left: 24px;
  padding: 4px 8px 3px 8px;
}
.shb-common-asset-management-sustainability .shb-portfolioreporting__shb-multiselect-option-label:not(:first-of-type) {
  padding-top: 5px;
}
.shb-common-asset-management-sustainability .shb-multiselect .shb-expansion-panel .shb-expansion-panel__summary-wrapper {
  height: 38px;
}
@media screen and (max-width: 767px) {
  .shb-common-asset-management-sustainability .shb-multiselect {
    margin-bottom: 16px;
  }
}
.shb-common-asset-management-sustainability .shb-element-with-info__info-text-container .shb-data-table .shb-table__row {
  height: 32px;
}
.shb-common-asset-management-sustainability .shb-data-table__stacked .shb-table__row .shb-table__cell[data-label]:before {
  word-break: initial;
  display: none;
}
.shb-common-asset-management-sustainability .shb-errand-general-section {
  margin-bottom: 24px;
}
.shb-common-asset-management-sustainability .sustainability-header {
  margin-bottom: 8px;
}
.shb-common-asset-management-sustainability .risk-component-link {
  margin-top: 16px;
}
.shb-common-asset-management-sustainability .shb-table__header__cell:last-child {
  display: flex;
  justify-content: center;
}
.shb-common-asset-management-sustainability .shb-loader-overlay {
  padding-top: 128px;
  position: relative;
  background: transparent;
  padding-bottom: 128px;
}
@media screen and (max-width: 768px) {
  .shb-common-asset-management-sustainability .shb-loader-overlay {
    padding-top: 32px;
  }
}
.shb-common-asset-management-sustainability .barinfo-label {
  display: flex;
  margin-bottom: 24px;
  width: max-content;
}
.shb-common-asset-management-sustainability .fill-up-bar-info-label {
  display: flex;
  margin-bottom: 4px;
  width: max-content;
}
.shb-common-asset-management-sustainability .shb-expansion-teaser__expander {
  /*padding-top: @shb-unit * 2.25; */
  padding-top: 0;
  margin-top: -32px;
}
.shb-common-asset-management-sustainability .shb-expansion-teaser__expander:focus .shb-text-link-morph {
  border-bottom: 1px solid #005fa5;
}
.shb-common-asset-management-sustainability .sustainability-fillup-bar-fill,
.shb-common-asset-management-sustainability .sustainability-bar-selected-low {
  -webkit-print-color-adjust: exact;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media print {
  .shb-common-asset-management-sustainability .blurry-table-div,
  .shb-common-asset-management-sustainability .shb-expansion-teaser__collapsed,
  .shb-common-asset-management-sustainability .shb-expansion-teaser__expander,
  .shb-common-asset-management-sustainability .info-sustainability-label,
  .shb-common-asset-management-sustainability .shb-arrow-expander {
    display: none !important;
  }
  .shb-common-asset-management-sustainability .shb-multiselect .shb-expansion-panel .shb-expansion-content__details-wrapper.expanded {
    position: unset !important;
  }
}
@media print {
  .shb-application:has(.shb-common-asset-management-sustainability) .shb-application-header {
    display: none !important;
  }
  .shb-application:has(.shb-common-asset-management-sustainability) .shb-application__main__content-wrapper {
    padding-top: 0;
  }
}
.shb-isk-account-open__loader-icon {
  text-align: center;
}
.shb-isk-account-open__sign-open-isk {
  display: flex;
  flex-direction: row;
  gap: 112px;
}
@media only screen and (max-width: 767px) {
  .shb-isk-account-open__sign-open-isk {
    gap: 0;
    flex-direction: column;
  }
}
.shb-isk-account-open__print-receipt {
  position: absolute;
  right: 32px;
  display: flex;
  gap: 16px;
}
@media only screen and (max-width: 767px) {
  .shb-isk-account-open__print-receipt {
    display: none;
  }
}
.shb-isk-account-open__print-header {
  display: none;
  margin-bottom: 32px;
}
.shb-isk-account-open__print-header-logo-text {
  display: flex;
  justify-content: space-between;
  padding-bottom: 8px;
  margin-bottom: 32px;
  border-bottom: 1px solid #d2d2d2;
}
.shb-isk-account-open__print-header-text {
  display: flex;
  flex-direction: column;
  align-items: end;
}
.shb-isk-account-open__no-print a {
  max-width: unset;
}
body.print-out-isk-open-account .shb-isk-account-open__print-header {
  display: block;
}
body.print-out-isk-open-account .shb-isk-account-open__no-print {
  display: none;
}
body.print-out-isk-open-account shb-isk-account-open .shb-errand {
  border-style: none;
}
body.print-out-isk-open-account .js-shb-breadcrumbs-container {
  display: none;
}
body.print-out-isk-open-account .shb-application-header {
  display: none;
}
body.print-out-isk-open-account .shb-application-backdrop {
  display: none;
}
body.print-out-isk-open-account .shb-application__main__content-wrapper {
  padding-top: 0;
}
body.print-out-isk-open-account .shb-application__content-wrapper {
  margin: 0;
}
body.print-out-isk-open-account footer {
  display: none;
}
.shb-isk-account-open__links-attachments {
  display: flex;
  flex-direction: column;
  margin-bottom: 16px;
}
.shb-isk-account-open__links-attachments .shb-media-link {
  margin-bottom: 8px;
}
.shb-isk-account-open__deposit-guarantee-text {
  margin-bottom: 16px;
  display: block;
}
.shb-isk-account-open__links-text-to-confirm-and-approve {
  margin-left: 32px;
}
.shb-isk-account-open__our-rates {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 8px;
}
@media only screen and (max-width: 767px) {
  .shb-isk-account-open__our-rates {
    flex-direction: column;
    gap: 2px;
  }
}
.shb-common-executed-payments-settings__help-button {
  margin-top: 8px;
}
.shb-common-executed-payments__loader {
  display: flex;
  padding: 16px 0;
}
.shb-common-executed-payments .shb-data-table__stacked .shb-table__header__cell:first-child,
.shb-common-executed-payments .shb-data-table__stacked .shb-table__cell:nth-child(2) {
  max-width: none;
}
.shb-common-executed-payments__notifications-alert {
  padding-top: 4px;
}
.shb-common-executed-payments__available-amount {
  text-align: right;
}
.shb-common-executed-payments__current-balance {
  text-align: right;
  white-space: nowrap;
}
.shb-common-executed-payments__account-number {
  min-width: 110px;
  white-space: nowrap;
}
.shb-common-executed-payments__custom-cell-monetary-amount {
  white-space: nowrap;
}
.shb-common-executed-payments__custom-cell-date {
  white-space: nowrap;
}
.shb-common-executed-payments__empty-table-arrow-large-icon {
  background: url(../../../img/jedi/base/modules/arrow_large.png) no-repeat;
  position: absolute;
  right: 45px;
  top: 65px;
  height: 25px;
  width: 66px;
}
.shb-common-executed-payments__empty-table-notification-text {
  text-align: center;
  white-space: normal;
  vertical-align: middle;
}
.shb-common-executed-payments__empty-table-notification-text:not(:first-child) {
  margin-top: 16px;
}
.shb-common-executed-payments__empty-table-notifications.shb-text-2 {
  padding: 32px 24px;
}
.shb-common-executed-payments__empty-table-notifications.shb-text-2 .shb-alert {
  justify-content: center;
}
.shb-common-executed-payments .shb-data-table__header {
  display: none;
}
.shb-common-executed-payments__settings {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.shb-common-executed-payments__settings-icon > button {
  min-height: 57px;
  min-width: 57px;
}
.shb-common-executed-payments__settings-icon > button:hover {
  background: transparent;
}
.shb-common-executed-payments__card-footer {
  text-align: center;
}
.shb-common-executed-payments__with-company-name .shb-card-v3__header-actionbar {
  margin-top: -16px;
  margin-right: -24px;
  margin-bottom: auto;
}
.shb-common-executed-payments__without-company-name .shb-card-v3__header {
  padding: 0 0 0 24px;
}
.shb-fx_manager__loader {
  display: flex;
  flex-direction: column;
  text-align: center;
  margin: 32px;
}
.shb-fx_manager__loader__text {
  margin: auto;
}
.shb-fx_manager-card__divider {
  border-top: 1px solid #dedede;
}
.shb-fx_manager__manual-submit {
  text-align: center;
  padding: 64px 0;
}
.shb-common-pending-payments__loader {
  display: flex;
  padding: 16px 0;
}
.shb-common-pending-payments__card-footer {
  text-align: center;
}
.shb-common-pending-payments .shb-data-table__header {
  display: none;
}
.shb-common-pending-payments__notifications-alert {
  padding-top: 4px;
}
.shb-common-pending-payments__empty-table-arrow-large-icon {
  background: url(../../../img/jedi/base/modules/arrow_large.png) no-repeat;
  position: absolute;
  right: 45px;
  top: 65px;
  height: 25px;
  width: 66px;
}
.shb-common-pending-payments__empty-table-notification-text {
  text-align: center;
  white-space: normal;
  vertical-align: middle;
}
.shb-common-pending-payments__empty-table-notification-text:not(:first-child) {
  margin-top: 16px;
}
.shb-common-pending-payments__empty-table-notifications.shb-text-2 {
  padding: 32px 24px;
}
.shb-common-pending-payments__empty-table-notifications.shb-text-2 .shb-alert {
  justify-content: center;
}
.shb-common-pending-payments__settings-icon > button {
  min-height: 57px;
  min-width: 57px;
}
.shb-common-pending-payments__settings-icon > button:hover {
  background: transparent;
}
.shb-common-pending-payments__action-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.shb-common-pending-payments .shb-data-table tr > td:last-child {
  position: static;
}
.shb-common-pending-payments__with-company-name .shb-card-v3__header-actionbar {
  margin-top: -16px;
  margin-right: -24px;
  margin-bottom: auto;
}
.shb-common-pending-payments__without-company-name .shb-card-v3__header {
  padding: 0 0 0 24px;
}
.shb-common-pending-payments-settings__help-button {
  margin-top: 8px;
}
.shb-common-pending-payments-table__custom-cell-date,
.shb-common-pending-payments-table__custom-cell-monetary-amount {
  white-space: nowrap;
}
.shb-common-pending-payments-table__custom-cell-arrangement-secondary-identifier {
  min-width: 110px;
  white-space: nowrap;
}
@media print {
  .shb-view-swish-agreement-print .shb-application-header,
  .shb-view-swish-agreement-print h1.shb-h1--surface,
  .shb-view-swish-agreement-print .shb-h1.shb-h1--surface,
  .shb-view-swish-agreement-print .shb-module-tab,
  .shb-view-swish-agreement-print .surface-header,
  .shb-view-swish-agreement-print .shb-yoda-footer,
  .shb-view-swish-agreement-print .shb-errand-header,
  .shb-view-swish-agreement-print .shb-errand-footer,
  .shb-view-swish-agreement-print .z-95 {
    display: none;
  }
}
.shb-swish-agreement-favorite-button,
.shb-swish-agreement-print-button,
.shb-swish-agreement-swish-img,
.shb-swish-agreement-get-swish-links {
  display: inline-block;
}
.shb-swish-agreement-swish-img {
  object-fit: none;
  object-position: right;
}
.shb-swish-agreement-get-swish-links {
  position: relative;
  bottom: 24px;
}
@media print {
  /* Hides everything except the account events module */
  .shb-application-header,
  .shb-yoda-footer,
  .shb-errand-header,
  .shb-h1,
  .shb-module-tab,
  .shb-tab-module {
    display: none;
  }
  .shb-account-events-print {
    /* Hides everything that both print list and print details needs hidden */
    /* Hides everything except list view */
    /* Hides everything except targeted transaction details */
  }
  .shb-account-events-print__transaction-list,
  .shb-account-events-print__transaction-details {
    overflow: hidden;
  }
  .shb-account-events-print__transaction-list ::-webkit-scrollbar,
  .shb-account-events-print__transaction-details ::-webkit-scrollbar {
    display: none;
  }
  .shb-account-events-print__transaction-list .shb-button-primary,
  .shb-account-events-print__transaction-details .shb-button-primary,
  .shb-account-events-print__transaction-list .shb-empty-breadcrumb,
  .shb-account-events-print__transaction-details .shb-empty-breadcrumb,
  .shb-account-events-print__transaction-list .shb-account-events-header,
  .shb-account-events-print__transaction-details .shb-account-events-header,
  .shb-account-events-print__transaction-list .shb-account-events-search,
  .shb-account-events-print__transaction-details .shb-account-events-search,
  .shb-account-events-print__transaction-list .shb-account-events-transaction-details-print-button,
  .shb-account-events-print__transaction-details .shb-account-events-transaction-details-print-button {
    display: none;
  }
  .shb-account-events-print__transaction-list .shb-application__main__content-wrapper,
  .shb-account-events-print__transaction-details .shb-application__main__content-wrapper {
    padding-top: 0;
  }
  .shb-account-events-print__transaction-list .shb-data-table__wrapper,
  .shb-account-events-print__transaction-details .shb-data-table__wrapper {
    border-top: 0;
    border-bottom: 0;
  }
  .shb-account-events-print__transaction-list .shb-account-events-errand-body,
  .shb-account-events-print__transaction-details .shb-account-events-errand-body,
  .shb-account-events-print__transaction-list .shb-framed-section,
  .shb-account-events-print__transaction-details .shb-framed-section {
    padding: 0;
  }
  .shb-account-events-print__transaction-list .shb-account-events-errand,
  .shb-account-events-print__transaction-details .shb-account-events-errand,
  .shb-account-events-print__transaction-list .shb-framed-section,
  .shb-account-events-print__transaction-details .shb-framed-section,
  .shb-account-events-print__transaction-list .shb-card-v3,
  .shb-account-events-print__transaction-details .shb-card-v3,
  .shb-account-events-print__transaction-list .shb-data-table,
  .shb-account-events-print__transaction-details .shb-data-table {
    border: 0;
  }
  .shb-account-events-print__transaction-list .shb-account-events-detail-grid,
  .shb-account-events-print__transaction-details .shb-account-events-detail-grid {
    gap: 0;
  }
  .shb-account-events-print__transaction-list .shb-account-events-message,
  .shb-account-events-print__transaction-list .shb-table__expanded-row {
    display: none;
  }
  .shb-account-events-print__transaction-details .shb-card-v3__header,
  .shb-account-events-print__transaction-details .shb-title-8,
  .shb-account-events-print__transaction-details .shb-account-events-message,
  .shb-account-events-print__transaction-details .shb-account-events-data-table-title,
  .shb-account-events-print__transaction-details .shb-data-table__header,
  .shb-account-events-print__transaction-details .shb-table__header,
  .shb-account-events-print__transaction-details .shb-table__row,
  .shb-account-events-print__transaction-details .shb-table__footer,
  .shb-account-events-print__transaction-details .shb-data-table__pagination,
  .shb-account-events-print__transaction-details .shb-expansion-content__details-wrapper,
  .shb-account-events-print__transaction-details .shb-popover__toggle-menu,
  .shb-account-events-print__transaction-details .shb-account-event-details-button-row {
    display: none;
  }
  .shb-account-events-print__transaction-details .shb-table__expanded-row {
    border-bottom: 0;
  }
  .shb-account-events-print__transaction-details .shb-account-events-data-table-section {
    width: auto;
    margin: 0;
  }
  .shb-account-events-print__transaction-details .shb-card-v3__body {
    padding-bottom: 0;
  }
}
.shb-account-events-add-overflow {
  overflow: visible !important;
}
.shb-account-events-action-bar-button > * {
  display: inline-block;
}
.shb-account-events-ignore-header-scroll {
  scroll-margin-top: 100px;
}
.shb-account-event-details-button-row > * {
  margin-right: 16px;
}
@media only screen and (max-width: 910px) {
  body:not(.non-responsive) .shb-account-event-details-button-row > * {
    margin-bottom: 8px;
  }
}
.shb-account-events-transaction-details {
  padding: 0 24px 16px 24px;
}
.shb-account-events-transaction-details-header {
  margin-top: 8px;
}
.shb-account-events-transaction-details-print-button {
  display: flex;
  justify-content: flex-end;
}
.shb-account-event-initial-change-category {
  margin-top: 2px;
  margin-bottom: 8px;
}
.shb-account-events-change-category-container {
  width: fit-content;
}
.shb-account-events-change-category-container__button {
  margin-left: 8px;
  margin-top: 8px;
}
.shb-account-events-break-line {
  word-break: break-word;
}
.shb-teaser__container {
  border-radius: 16px;
  height: 100%;
  white-space: break-spaces;
  color: #373737;
  display: flex;
  font-size: 18px;
  flex-direction: column;
  position: relative;
  gap: 16px;
}
.shb-teaser__container--color-1  {
  border-radius: 0;
}
.shb-teaser__container--text-on-image {
  color: #fff;
  border-radius: 16px;
}
@media only screen and (min-width: 768px) {
  .shb-teaser__container--text-left {
    gap: 32px;
    flex-direction: row-reverse;
  }
}
@media only screen and (min-width: 768px) {
  .shb-teaser__container--text-right {
    gap: 32px;
    flex-direction: row;
  }
}
.shb-teaser__container--color-1 {
  background-color: transparent;
}
.shb-teaser__container--color-2 {
  background-color: #eff9fb;
}
.shb-teaser__container--color-3 {
  background-color: #f0f6f3;
}
.shb-teaser__container--color-4 {
  background-color: #fdf1e5;
}
.shb-teaser__container--color-5 {
  background-color: #fdf3f7;
}
.shb-teaser__container--color-6 {
  background-color: #fff;
}
.shb-teaser__image:not(.shb-teaser__image--icon) {
  object-fit: cover;
  aspect-ratio: 3/4;
  width: 100%;
  max-height: 320px;
  border-radius: 16px;
}
.shb-teaser__container--text-on-image .shb-teaser__image:not(.shb-teaser__image--icon) {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  max-height: none;
  z-index: 0;
  filter: blur(2px);
}
@media only screen and (min-width: 768px) {
  .shb-teaser__container--text-left .shb-teaser__image:not(.shb-teaser__image--icon),
  .shb-teaser__container--text-right .shb-teaser__image:not(.shb-teaser__image--icon) {
    aspect-ratio: 4/3;
    width: 50%;
    height: 100%;
  }
}
.shb-teaser__container--text-left .shb-teaser__image:not(.shb-teaser__image--icon) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.shb-teaser__container--text-right .shb-teaser__image:not(.shb-teaser__image--icon) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.shb-teaser__container--color-1 .shb-teaser__image:not(.shb-teaser__image--icon),
.shb-teaser__container--color-2 .shb-teaser__image:not(.shb-teaser__image--icon),
.shb-teaser__container--color-3 .shb-teaser__image:not(.shb-teaser__image--icon),
.shb-teaser__container--color-4 .shb-teaser__image:not(.shb-teaser__image--icon),
.shb-teaser__container--color-5 .shb-teaser__image:not(.shb-teaser__image--icon),
.shb-teaser__container--color-6 .shb-teaser__image:not(.shb-teaser__image--icon) {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.shb-teaser__container--color-1 .shb-teaser__image:not(.shb-teaser__image--icon) {
  border-radius: 16px;
}
.shb-teaser__content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  flex-grow: 1;
  position: relative;
  padding-left: 24px;
  padding-right: 24px;
  padding-bottom: 48px;
}
.shb-teaser__container--color-1 .shb-teaser__content {
  padding-left: 0;
}
.shb-teaser__container--text-on-image .shb-teaser__content {
  padding-left: 16px;
  padding-right: 16px;
  background-color: rgba(0, 0, 0, 0.5);
}
.shb-teaser__container--text-on-image .shb-teaser__content,
.shb-teaser__container--no-image .shb-teaser__content {
  padding-top: 64px;
  padding-bottom: 64px;
}
@media only screen and (min-width: 768px) {
  .shb-teaser__container--text-left .shb-teaser__content,
  .shb-teaser__container--text-right .shb-teaser__content {
    justify-content: center;
  }
}
.shb-teaser__content-top {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.shb-teaser__tag {
  line-height: 1;
}
.shb-teaser__text {
  margin: 0;
  line-height: 1.25;
}
.shb-teaser-header {
  text-align: center;
}
.shb-teaser__link {
  text-decoration: none;
  font-weight: bold;
  color: #222222;
  cursor: pointer;
}
.shb-teaser__container--text-on-image .shb-teaser__link {
  color: #fff;
}
.shb-teaser__link:hover,
.shb-teaser__link:focus {
  color: #005fa5;
  text-decoration: underline;
}
.shb-teaser__container--text-on-image .shb-teaser__link:hover,
.shb-teaser__container--text-on-image .shb-teaser__link:focus {
  color: #fff;
}
.shb-teaser__link:visited {
  color: #222222;
}
.shb-teaser__container--text-on-image .shb-teaser__link:visited {
  color: #fff;
}
.shb-teaser__link svg {
  padding-left: 8px;
}
.shb-teaser__link-button {
  cursor: pointer;
  box-sizing: border-box;
  line-height: 44px;
  min-height: 44px;
  display: inline-block;
  font-weight: inherit;
  max-width: min-content;
  padding-left: 32px;
  padding-right: 32px;
  white-space: nowrap;
  border-radius: 25px;
  text-decoration: none;
  overflow: hidden;
  text-overflow: ellipsis;
}
.shb-teaser__link-button:hover,
.shb-teaser__link-button:focus {
  text-decoration: underline;
}
.shb-teaser__link-button:focus {
  outline: 1px solid #ffffff;
  outline-offset: 2px;
}
.shb-teaser__link-button--primary {
  background-color: #005fa5;
  color: #ffffff;
}
.shb-teaser__link-button--primary:hover,
.shb-teaser__link-button--primary:focus {
  background-color: #043b62;
  color: #ffffff;
}
.shb-teaser__link-button--secondary {
  background-color: #ffffff;
  border: 1px solid #005fa5;
  color: #005fa5;
}
.shb-teaser__link-button--secondary:hover,
.shb-teaser__link-button--secondary:focus {
  background-color: #e8e8e8;
  border: 1px solid #043b62;
  color: #043b62;
}
.shb-beneficiary__button-row > * {
  margin-right: 16px;
}
.shb-beneficiary-delete-category-header {
  display: flex;
  justify-content: flex-end;
}
.shb-beneficiary-delete-category-cell {
  display: flex;
  justify-content: flex-end;
  white-space: nowrap;
}
@media only screen and (max-width: 767px) {
  body:not(.non-responsive) .shb-beneficiary-new-bankgiro-plusgiro-button {
    margin-top: 8px;
  }
}
body.non-responsive .shb-beneficiary-new-bankgiro-plusgiro-button {
  margin-left: 16px;
  margin-top: 32px;
}
@media only screen and (min-width: 768px) {
  .shb-beneficiary-new-bankgiro-plusgiro-button {
    margin-left: 16px;
    margin-top: 32px;
  }
}
.shb-smiley-face-survey-light .shb-validation-error__error-text {
  margin-top: 8px;
}
.shb-smiley-face-survey-light__button-group-label {
  margin-bottom: 8px;
}
.shb-smiley-face-survey-light__button-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-around;
  gap: 8px;
}
.shb-smiley-face-survey-light__button {
  flex: 1;
  border: 1px solid #dedede;
  border-radius: 8px;
}
.shb-smiley-face-survey-light__button .shb-popover__toggle-menu {
  padding: 8px 0;
}
.shb-smiley-face-survey-light__button .datatable-toolbar__icon-button {
  width: 100%;
}
.shb-smiley-face-survey-light__thankyou-message {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media print {
  .shb-create-payment-receipt-print .shb-application-header,
  .shb-create-payment-receipt-print .shb-yoda-footer,
  .shb-create-payment-receipt-print .shb-module-tab,
  .shb-create-payment-receipt-print .shb-module-wrapper,
  .shb-create-payment-receipt-print .shb-errand-confirmation-header,
  .shb-create-payment-receipt-print .shb-print-button,
  .shb-create-payment-receipt-print .shb-receipt-information,
  .shb-create-payment-receipt-print .shb-section-available-e-invoice,
  .shb-create-payment-receipt-print .shb-errand-footer {
    display: none;
  }
  .shb-create-payment-receipt-print .shb-create-payment-errand {
    border: 0px;
  }
}
.shb-create-payment-add-overflow {
  overflow: visible !important;
}
.shb-create-payment-approval-link-container {
  display: flex;
  padding-left: 24px;
  padding-top: 24px;
  background-color: #fbfaf9;
}
.shb-create-payment-approval-link-container__icon {
  margin-top: 4px;
}
.shb-create-payment-approval-link-container__button-link {
  margin-left: 4px;
}
@media screen and (max-width: 983px) {
  .shb-create-payment-ignore-header-scroll {
    scroll-margin-top: 126px;
  }
}
@media screen and (min-width: 984px) {
  .shb-create-payment-ignore-header-scroll {
    scroll-margin-top: 175px;
  }
}
.shb-create-payment-receipt-errand-body {
  padding: 14px 24px 24px 24px;
}
:root {
  --sepu-paragraph-max-width: 40em;
}
@viewport {
  zoom: 1;
}
html,
body {
  height: 100%;
  padding: 0;
  margin: 0;
}
body {
  background: #ffffff;
}
main {
  display: block;
  /*IE9-11 fix. http://stackoverflow.com/questions/20094276/ie11-is-missing-user-agent-style-for-main-element-display-block  */
}
.shb-sepu-spi-wrapper {
  min-height: 100%;
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
}
body.standalone-mode .shb-sepu-spi-wrapper {
  min-height: unset;
  border-top: 0;
}
.shb-sepu-spi__main-container {
  padding-top: var(--sepu-header-height);
  min-height: 140px;
  overflow: visible;
  position: relative;
  z-index: 0;
  flex-grow: 1;
  display: flex;
  max-width: none;
  padding-left: var(--sepu-body-spacing);
  padding-right: var(--sepu-body-spacing);
  justify-content: center;
}
.shb-sepu-spi__surface-container {
  max-width: 1440px;
  width: 100%;
}
body.standalone-mode .shb-sepu-spi__main-container {
  padding-top: 0;
  max-height: unset;
}
.shb-sepu-app-loader-logo__wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
  box-sizing: border-box;
  padding: 10px;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -webkit-box-align: center;
  align-items: center;
  justify-content: center;
}
.shb-sepu-app-loader-logo {
  max-width: 100%;
  width: 376px;
  height: 40px;
  margin: 30px auto;
}
.shb-sepu-app__error-container {
  background-color: #ffffff;
  border: 1px solid #e4e4e4;
  padding: 40px;
  text-align: center;
  margin-bottom: 20px;
}
.shb-sepu-app__click-padding {
  padding: 16px 0px;
}
.shb-sepu-app--main-content-placeholder {
  min-height: 100vh;
}
.shb-sepu-element--hidden {
  visibility: hidden;
}
.shb-section > div {
  content-visibility: auto;
  /* when hidden, we want the element to size as if it had one child of 0x800px size */
  contain-intrinsic-height: auto 800px;
}
/*Content visibility auto will cut margins so content visibility needs to be set to visible */
.shb-section > div[class^="z-99"],
div[class^="z-98"],
div[class^="z-97"],
div:has([data-spif-id="shb-article-1-2-white"]),
div:has([data-module-type="shb-article-1-2-white"]),
div:has([data-spif-id="shb-article-1-2-color2"]),
div:has([data-module-type="shb-article-1-2-color2"]),
div:has([data-spif-id="shb-article-1-2-color3"]),
div:has([data-module-type="shb-article-1-2-color3"]),
div:has([data-spif-id="shb-article-1-2-color4"]),
div:has([data-module-type="shb-article-1-2-color4"]),
div:has([data-spif-id="shb-article-1-2-color5"]),
div:has([data-module-type="shb-article-1-2-color5"]),
div:has([data-spif-id="shb-article-2-1-white"]),
div:has([data-module-type="shb-article-2-1-white"]),
div:has([data-spif-id="shb-article-2-1-color2"]),
div:has([data-module-type="shb-article-2-1-color2"]),
div:has([data-spif-id="shb-article-2-1-color3"]),
div:has([data-module-type="shb-article-2-1-color3"]),
div:has([data-spif-id="shb-article-2-1-color4"]),
div:has([data-module-type="shb-article-2-1-color4"]),
div:has([data-spif-id="shb-article-2-1-color5"]),
div:has([data-module-type="shb-article-2-1-color5"]),
div:has([data-spif-id="shb-article-3-white"]),
div:has([data-module-type="shb-article-3-white"]),
div:has([data-spif-id="shb-article-3-color2"]),
div:has([data-module-type="shb-article-3-color2"]),
div:has([data-spif-id="shb-article-3-color3"]),
div:has([data-module-type="shb-article-3-color3"]),
div:has([data-spif-id="shb-article-3-color4"]),
div:has([data-module-type="shb-article-3-color4"]),
div:has([data-spif-id="shb-article-3-color5"]),
div:has([data-module-type="shb-article-3-color5"]),
div:has([data-spif-id="shb-article-50-white"]),
div:has([data-module-type="shb-article-50-white"]),
div:has([data-spif-id="shb-article-50-color2"]),
div:has([data-module-type="shb-article-50-color2"]),
div:has([data-spif-id="shb-article-50-color3"]),
div:has([data-module-type="shb-article-50-color3"]),
div:has([data-spif-id="shb-article-50-color4"]),
div:has([data-module-type="shb-article-50-color4"]),
div:has([data-spif-id="shb-article-50-color5"]),
div:has([data-module-type="shb-article-50-color5"]),
div:has([data-spif-id="shb-article-75-white"]),
div:has([data-module-type="shb-article-75-white"]),
div:has([data-spif-id="shb-article-75-color2"]),
div:has([data-module-type="shb-article-75-color2"]),
div:has([data-spif-id="shb-article-75-color3"]),
div:has([data-module-type="shb-article-75-color3"]),
div:has([data-spif-id="shb-article-75-color4"]),
div:has([data-module-type="shb-article-75-color4"]),
div:has([data-spif-id="shb-article-75-color5"]),
div:has([data-module-type="shb-article-75-color5"]),
div:has([data-module-type="shb-article-100-white"]) {
  content-visibility: visible;
}
.shb-section > div:has(shb-my-branch-information-small, shb-find-branch-small) {
  content-visibility: auto;
}
.shb-section > div:has([data-module-type="shb-line"]) {
  contain-intrinsic-height: auto 100px;
}
.with-nav-open .shb-sepu-chat {
  display: none;
}
.shb-cms-non-liability-clause__text,
p {
  max-width: var(--sepu-paragraph-max-width);
}
.shb-sepu-abc-list__shortcuts {
  margin-top: 8px;
}
.shb-sepu-abc-list__shortcut,
.shb-sepu-abc-list__shortcut-link,
.shb-sepu-abc-list__shortcut-is-disabled {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 44px;
  height: 44px;
  margin-right: 4px;
  margin-bottom: 4px;
  border: 1px solid #dedede;
  background: #ffffff;
  text-align: center;
  font-weight: bold;
  font-size: 18px;
  text-decoration: none;
}
.shb-sepu-abc-list__shortcut-link {
  color: #005fa5;
}
.shb-sepu-abc-list__shortcut-link:focus,
.shb-sepu-abc-list__shortcut-link:hover {
  background: #f0f8fa;
  text-decoration: none;
}
.shb-sepu-abc-list__shortcut-is-disabled {
  color: #bcbcbc;
}
.shb-sepu-abc-list__list,
.shb-sepu-abc-list__link-list {
  padding: 0;
  margin: 0;
}
.shb-sepu-abc-list__list-item,
.shb-sepu-abc-list__letter-list-item,
.shb-sepu-abc-list__link-list-item {
  list-style: none;
}
.shb-sepu-abc-list__list-container {
  margin-bottom: 16px;
}
.shb-sepu-abc-list__letter-list-item {
  margin-bottom: 24px;
}
.shb-sepu-abc-list__link-list {
  column-count: 1;
}
@media only screen and (min-width: 768px) {
  .shb-sepu-abc-list__link-list {
    column-count: 2;
  }
}
.shb-sepu-abc-list__link-list-item {
  break-inside: avoid;
  padding-left: 8px;
  text-indent: -8px;
  margin-bottom: 8px;
}
@media only screen and (min-width: 768px) {
  .shb-sepu-abc-list__link-list-item {
    /* padding to prevent focus bleed for multiple columns */
    padding: 3px 3px 3px 11px;
  }
}
.shb-sepu-abc-list__text-filter-wrapper {
  position: relative;
}
.shb-sepu-abc-list__text-filter-wrapper .shb-input-text__text-input {
  padding-right: 52px;
}
.shb-sepu-abc-list__text-filter-clear-wrapper {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  flex-direction: column;
  display: flex;
}
.shb-sepu-abc-list__text-filter-clear-wrapper:before {
  height: 16.8px;
  content: ' ';
  display: block;
  margin-bottom: 8px;
  flex-shrink: 0;
}
.shb-sepu-abc-list__text-filter-clear-button {
  height: 100%;
  background-color: transparent;
  position: relative;
  border: none;
  width: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.shb-sepu-abc-list__text-filter-clear-button:after {
  content: ' ';
  display: block;
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-left: 0;
  padding-right: 0;
  background-position: center -821px;
  width: 100%;
  padding-top: 12px;
}
.shb-sepu-abc-list__text-filter-clear-button:hover,
.shb-sepu-abc-list__text-filter-clear-button:focus {
  outline: none;
}
.shb-sepu-abc-list__text-filter-clear-button:hover:after,
.shb-sepu-abc-list__text-filter-clear-button:focus:after {
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
  /* TODO: replace with extract(@sprite, 9) ? Why slice(1, -2)? */
  background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
  background-repeat: no-repeat;
  padding-left: 0;
  padding-right: 0;
  background-position: center -858px;
}
.shb-sepu-abc-list__text-filter-clear-button-copy {
  position: fixed;
  left: -10000px;
  width: 0;
  overflow: hidden;
}
.shb-sepu-abc-list__container {
  max-width: 860px;
  margin: 0 auto;
}
@media only screen and (min-width: 768px) {
  .shb-sepu-abc-list__filters-wrapper {
    margin-bottom: 48px;
  }
}
.shb-sepu-abc-list__shortcuts-wrapper {
  display: none;
  margin-bottom: 48px;
}
@media only screen and (min-width: 768px) {
  .shb-sepu-abc-list__shortcuts-wrapper {
    display: block;
  }
}
.shb-sepu-apply-corporate-gdpr {
  padding-top: 16px;
  padding-bottom: 16px;
}
.shb-sepu-apply-corporate-loading {
  float: right;
  margin-top: 16px;
}
.shb-sepu-apply-corporate-heading {
  margin-top: 16px;
}
.shb-sepu-apply-corporate-heading2 {
  margin-top: 32px;
}
ul.shb-sepu-apply-corporate-list {
  counter-reset: section;
  list-style: none;
  padding-inline-start: 0px;
  list-style-position: outside;
}
li.shb-sepu-apply-corporate-item {
  margin-top: 16px;
  line-height: 16px;
  padding-left: 48px;
  text-indent: -48px;
}
li.shb-sepu-apply-corporate-item:before {
  content: counter(section);
  counter-increment: section;
  display: inline-block;
  width: 28px;
  height: 28px;
  border-radius: 100%;
  text-align: center;
  color: #ffffff;
  background-color: #005fa5;
  margin: 0 20px 0 0;
  line-height: 30px;
  padding-left: 0px;
  text-indent: 0px;
}
.shb-sepu-apply-corporate-receipt-heading {
  color: #005fa5;
}
.shb-sepu-chips {
  font-size: 16px;
}
.shb-sepu-chips ul {
  display: block;
  padding: 0;
  -webkit-padding-start: 0;
  margin-left: -8px;
  margin-right: -8px;
  margin-top: 0;
  margin-bottom: 0;
}
@media only screen and (min-width: 475px) {
  .shb-sepu-chips ul {
    display: inline-block;
  }
}
.shb-sepu-chips ul li {
  display: block;
  list-style: none;
  margin-right: 8px;
  margin-left: 8px;
  margin-bottom: 16px;
}
@media only screen and (min-width: 475px) {
  .shb-sepu-chips ul li {
    display: inline-block;
  }
}
.shb-sepu-chip {
  font-size: 16px;
  display: flex;
}
.shb-sepu-chip__text,
.shb-sepu-chip__close {
  border: 1px solid #005fa5;
}
.shb-sepu-chip__text {
  height: 100%;
  width: 100%;
  border-right: none;
  background-color: #ffffff;
  border-bottom-left-radius: 18px;
  border-top-left-radius: 18px;
  color: #005fa5;
  padding: 10px 9px 10px 18px;
  text-decoration: none;
}
.shb-sepu-chip__close {
  align-items: center;
  border-left: none;
  background-color: #ffffff;
  border-bottom-right-radius: 18px;
  border-top-right-radius: 18px;
  padding: 0 15px 0 12px;
  text-decoration: none;
}
.shb-sepu-chip__close__wrapper {
  display: flex;
  height: 100%;
  align-items: center;
}
.shb-sepu-chip__close__wrapper svg {
  padding-bottom: 3px;
  border-bottom: 1px solid transparent;
  margin-top: 4px;
}
.shb-sepu-chip__close:hover,
.shb-sepu-chip__close:focus {
  border-color: #043b62;
  background-color: #e8e8e8;
}
.shb-sepu-chip__close:hover__wrapper,
.shb-sepu-chip__close:focus__wrapper {
  box-shadow: inset 0 -0.1em #ffffff;
}
.shb-sepu-chip__close:focus > .shb-sepu-chip__close__wrapper path {
  stroke: #043b62;
}
.shb-sepu-chip__close:focus > .shb-sepu-chip__close__wrapper,
.shb-sepu-chip__close:hover > .shb-sepu-chip__close__wrapper {
  border-bottom: #043b62 1px solid;
}
.shb-sepu-chip__close:focus > .shb-sepu-chip__close__wrapper svg,
.shb-sepu-chip__close:hover > .shb-sepu-chip__close__wrapper svg {
  border-color: #043b62;
}
.shb-sepu-collect-customer-info {
  margin-bottom: 16px;
}
.shb-sepu-collect-customer-info-risk-survey .shb-validation-error__error-text {
  margin-top: 8px;
  margin-left: 5px;
}
.shb-sepu-collect-customer-info-risk-survey-ingress {
  font-size: 14px;
  padding-bottom: 20px;
}
.shb-sepu-collect-customer-info-videoView__ulist {
  list-style: none;
  padding: 0px 16px 0 16px;
}
.shb-sepu-collect-customer-info-videoView__list {
  align-items: center;
  display: flex;
  margin-bottom: 8px;
}
.shb-sepu-collect-customer-info-videoView__list-image {
  min-width: 32px;
  min-height: 32px;
  margin-right: 8px;
}
.shb-sepu-collect-customer-info-videoView-enterForm {
  justify-content: flex-end;
}
@media only screen and (min-width: 768px) {
  .shb-sepu-collect-customer-info-videoView-enterForm {
    display: flex;
  }
}
.shb-sepu-collect-customer-info-videoView .shb-title-3 {
  margin-bottom: 16px;
}
.shb-sepu-collect-customer-info-videoView__wrapper {
  padding: 32px 32px 0 32px;
}
.shb-sepu-collect-customer-info-videoView__video-frame-wrapper {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}
.shb-sepu-collect-customer-info-videoView__video-frame {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.shb-sepu-collect-customer-info_password-input-wrapper {
  margin-top: 8px;
}
.shb-sepu-collect-customer-info .shb-element-with-info__element-and-button-container {
  margin-bottom: 5px;
}
.shb-sepu-collect-customer-info__label-margin-wrapper {
  margin-bottom: 8px;
}
.shb-sepu-collect-customer-info-autosuggest {
  position: relative;
}
.shb-sepu-collect-customer-info-footer-buttons {
  width: 100%;
}
.shb-sepu-collect-customer-info-footer-buttons__cancel {
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .shb-sepu-collect-customer-info-footer-buttons__cancel {
    text-align: left;
  }
}
.shb-sepu-collect-customer-info-footer-buttons__navigation {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.shb-sepu-collect-customer-info-living__item {
  position: relative;
}
.shb-sepu-collect-customer-info-living__item-icon-wrapper {
  padding-bottom: 4px;
  border-bottom: 1px solid transparent;
  margin-top: 5px;
}
.shb-sepu-collect-customer-info-living__item-remove {
  overflow: hidden;
  background: transparent;
  padding: 0;
  border: 0;
  position: absolute;
  top: 8px;
  right: 8px;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.shb-sepu-collect-customer-info-living__item-remove svg {
  display: block;
}
.shb-sepu-collect-customer-info-living__item-remove:focus {
  outline: 1px solid #043b62;
  outline-offset: 2px;
}
.shb-sepu-collect-customer-info-living__item-remove:hover,
.shb-sepu-collect-customer-info-living__item-remove:focus,
.shb-sepu-collect-customer-info-living__item-remove:active {
  background-color: rgba(0, 0, 0, 0.07);
  border-radius: 4px;
}
.shb-sepu-collect-customer-info-living__item-remove:hover .shb-sepu-collect-customer-info-living__item-icon-wrapper,
.shb-sepu-collect-customer-info-living__item-remove:focus .shb-sepu-collect-customer-info-living__item-icon-wrapper,
.shb-sepu-collect-customer-info-living__item-remove:active .shb-sepu-collect-customer-info-living__item-icon-wrapper {
  border-color: #043b62;
}
.shb-sepu-collect-customer-info-living__item-remove:hover svg path,
.shb-sepu-collect-customer-info-living__item-remove:focus svg path,
.shb-sepu-collect-customer-info-living__item-remove:active svg path {
  stroke: #043b62;
}
.shb-sepu-collect-customer-info-living__item-info {
  display: flex;
  justify-content: space-between;
}
.shb-sepu-collect-customer-info-living__details-missing {
  margin-top: 8px;
}
.shb-sepu-collect-customer-info-employment__employment-status-label {
  margin-bottom: 8px;
}
.shb-sepu-collect-customer-info-children {
  display: flex;
  flex-wrap: wrap;
  margin-left: -8px;
  margin-right: -8px;
}
.shb-sepu-collect-customer-info-children__item {
  width: 100%;
  margin-bottom: 16px;
}
@media only screen and (min-width: 475px) {
  .shb-sepu-collect-customer-info-children__item {
    width: 50%;
  }
}
@media only screen and (min-width: 910px) {
  .shb-sepu-collect-customer-info-children__item {
    width: 25%;
  }
}
.shb-sepu-collect-customer-info-children__item-body {
  padding: 0 8px;
}
.shb-sepu-collect-customer-info .shb-step-indicator {
  margin-top: 16px;
}
.shb-sepu-collect-customer-info-heading {
  margin-bottom: 50px;
}
.shb-application-tab-navigation-link-container {
  padding-top: 8px;
  padding-left: 16px;
  font-size: 16px;
}
.shb-application-tab-navigation-link-container a {
  border-bottom: 1px solid transparent;
  color: #005fa5;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-skip: ink;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  max-width: fit-content;
  word-wrap: break-word;
}
.shb-application-tab-navigation-link-container a:visited {
  color: #005fa5;
}
.shb-application-tab-navigation-link-container a:hover {
  border-bottom: 1px solid;
}
.shb-application-tab-navigation-link-container a:active {
  top: 1px;
}
.shb-application-tab-navigation-link-container a:focus {
  background-color: #005fa5;
  outline: 3px solid #005fa5;
  outline-offset: initial;
  color: #ffffff;
}
.shb-application-tab-navigation-link-container a:focus .shb-react-new-window-icon g path {
  stroke: #ffffff;
}
.shb-application-tab-navigation-link-container a:focus .shb-react-chevron-right-icon g path {
  fill: #ffffff;
}
.shb-application-tab-navigation-link-container a__in-body-text {
  margin-right: 3px;
  margin-left: 3px;
}
.shb-application-tab-navigation-link-container a .shb-react-new-window-icon {
  display: inline-block;
  margin-left: 6px;
  margin-bottom: 2px;
  vertical-align: middle;
  height: 11px;
}
.shb-application-tab-navigation-link-container a .shb-react-chevron-right-icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 2px;
  margin-bottom: 2px;
  height: 11px;
}
.shb-application-tab-navigation-link-container [role="link"] {
  border-bottom: 1px solid transparent;
  color: #005fa5;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-skip: ink;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  max-width: fit-content;
  word-wrap: break-word;
}
.shb-application-tab-navigation-link-container [role="link"]:visited {
  color: #005fa5;
}
.shb-application-tab-navigation-link-container [role="link"]:hover {
  border-bottom: 1px solid;
}
.shb-application-tab-navigation-link-container [role="link"]:active {
  top: 1px;
}
.shb-application-tab-navigation-link-container [role="link"]:focus {
  background-color: #005fa5;
  outline: 3px solid #005fa5;
  outline-offset: initial;
  color: #ffffff;
}
.shb-application-tab-navigation-link-container [role="link"]:focus .shb-react-new-window-icon g path {
  stroke: #ffffff;
}
.shb-application-tab-navigation-link-container [role="link"]:focus .shb-react-chevron-right-icon g path {
  fill: #ffffff;
}
.shb-application-tab-navigation-link-container [role="link"]__in-body-text {
  margin-right: 3px;
  margin-left: 3px;
}
.shb-application-tab-navigation-link-container [role="link"] .shb-react-new-window-icon {
  display: inline-block;
  margin-left: 6px;
  margin-bottom: 2px;
  vertical-align: middle;
  height: 11px;
}
.shb-application-tab-navigation-link-container [role="link"] .shb-react-chevron-right-icon {
  display: inline-block;
  vertical-align: middle;
  margin-left: 2px;
  margin-bottom: 2px;
  height: 11px;
}
.shb-application-tab-navigation-link-container:after {
  content: "|";
  padding-left: 16px;
  color: #dedede;
}
.shb-application-tab-navigation-link-container:last-child:after {
  content: "";
}
/** LINK FOR EXPANDABLE AREA */
.shb-branch-information__expandable svg {
  transform: rotateZ(270deg);
}
.shb-branch-information__expandable details summary {
  padding-bottom: 1px;
  padding-left: 1px;
  color: #005fa5;
  cursor: pointer;
  text-decoration: underline;
  text-decoration-skip-ink: auto;
  font-size: 16px;
  font-family: "Roboto", sans-serif;
  max-width: fit-content;
  word-wrap: break-word;
}
@media only screen and (max-width: 767px) {
  .shb-branch-information__expandable details summary {
    font-size: 16px !important;
    line-height: 20px;
  }
}
.shb-branch-information__expandable details summary > span {
  text-decoration: underline;
}
.shb-branch-information__expandable details summary > span:hover {
  text-decoration-style: double;
}
.shb-branch-information__expandable details summary::marker {
  color: #005fa5;
}
.shb-branch-information__expandable details summary:visited {
  color: #005fa5;
}
.shb-branch-information__expandable details summary:hover {
  text-decoration-style: double;
  outline-offset: initial;
  outline: 3px solid #f6f6f6;
}
.shb-branch-information__expandable details summary:active {
  top: 1px;
}
.shb-branch-information__expandable details summary:focus {
  background-color: #005fa5;
  outline: 3px solid #005fa5;
  outline-offset: initial;
  color: #ffffff;
}
.shb-branch-information__expandable details summary:focus::marker {
  color: #ffffff;
}
.shb-branch-information__expandable-info {
  display: flex;
  flex-direction: column;
  margin: -8px;
  padding-bottom: 16px;
}
.shb-branch-information__expandable-info > * {
  margin: 8px;
}
shb-branch-information {
  max-width: 860px;
  margin: 0 auto 30px auto;
  text-align: left;
  display: block;
}
shb-branch-information .shb-headline--secondary,
shb-branch-information strong {
  font-size: 16px;
  font-weight: bold;
}
shb-branch-information .shb-my-branch-information__headline {
  display: none;
}
.shb-branch-information__text {
  line-height: 22.4px;
  vertical-align: top;
  display: block;
}
.shb-branch-information__text h3 {
  color: #222222;
}
/** ADDRESS */
.shb-branch-information__address {
  margin-bottom: 32px;
}
.shb-branch-information__address address {
  font-style: normal;
}
/** Telephone */
.shb-branch-information__telephone {
  margin-bottom: 32px;
}
/** CLEARING NUMBER */
.shb-branch-information__clearingnumber {
  margin-bottom: 32px;
}
/** EMAIL */
.shb-branch-information__email {
  margin-bottom: 32px;
}
.shb-branch-information__email a wbr:after {
  content: "\00200B";
}
/** FACEBOOK */
.shb-branch-information__facebook {
  margin-bottom: 32px;
}
/** SWIFT */
.shb-branch-information__swift {
  margin-bottom: 32px;
}
/** CASH */
.shb-branch-information__cash {
  margin-bottom: 32px;
}
/** BRANCH LINK */
.shb-branch-information__branch-link {
  margin-bottom: 32px;
}
/** BRANCH TEXT MESSAGE*/
.shb-branch-information__text-message {
  margin-bottom: 32px;
}
/** LABELS (generic) */
.shb-branch-information__label {
  font-size: 1em;
  font-weight: bold;
  display: block;
}
/** OPENING HOURS */
.shb-branch-information__opening-hours {
  margin-bottom: 32px;
}
.shb-branch-information__opening-hours td:first-of-type {
  padding-right: 40px;
}
/** EXCEPTIONAL OPENING HOURS */
.shb-branch-information__exceptional-opening-hours {
  margin-bottom: 32px;
}
.shb-branch-information__exceptional-opening-hours p:first-of-type {
  margin-top: 0;
  line-height: 16px;
}
shb-employees {
  margin: 0 auto 30px auto;
  text-align: left;
  display: block;
}
shb-employees .shb-employees__rows {
  display: flex;
  flex-wrap: wrap;
  margin-left: 20px;
  margin-right: 20px;
}
.shb-employees__heading {
  display: flex;
  justify-content: center;
}
.shb-employees__line-item-text {
  margin-top: 3px;
  word-wrap: break-word;
}
@media only screen and (min-width: 910px) {
  .shb-employees__line-item-text {
    margin-left: 2px;
    margin-right: 2px;
  }
}
.shb-employees__employee {
  margin-top: 40px;
  text-align: center;
}
@media only screen and (max-width: 474px) {
  .shb-employees__employee {
    flex-basis: 100%;
  }
}
@media only screen and (min-width: 475px) and (max-width: 767px) {
  .shb-employees__employee {
    flex-basis: 50%;
  }
}
@media only screen and (min-width: 768px) {
  .shb-employees__employee {
    flex-basis: 33%;
  }
}
@media only screen and (min-width: 910px) {
  .shb-employees__employee {
    flex-basis: 25%;
  }
}
.shb-employees__employee-image {
  border-radius: 50%;
  height: 200px;
  width: 200px;
  background-color: #dddddd;
  display: inline-block;
}
.shb-employees__link {
  padding: 15px 0;
}
shb-my-branch-information {
  padding: 9.6px 40px 20px 40px;
  margin: 0 auto 30px auto;
  text-align: left;
  display: block;
  background-color: #ffffff;
  border: 1px solid #ddd;
}
shb-my-branch-information .shb-cms-article__headline {
  display: none;
}
shb-my-branch-information .shb-headline--secondary,
shb-my-branch-information strong {
  font-size: 16px;
  font-weight: bold;
}
shb-my-branch-information .shb-my-branch-information__headline {
  display: block;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-right: 20px;
}
shb-my-branch-information .shb-my-branch-information__headline__wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
}
shb-my-branch-information .shb-my-branch-information__headline__city > h2 {
  font-family: SHB_SlabSerifBold, Georgia, sans-serif;
  line-height: 25.6px;
  color: #017ab2;
  font-size: 22px;
  padding-right: 30px;
  margin-right: 30px;
  border-right: 1px solid #222222;
}
@media only screen and (max-width: 474px) {
  shb-my-branch-information .shb-my-branch-information__headline__city > h2 {
    border-right: 1px solid transparent;
  }
}
@media only screen and (max-width: 360px) {
  shb-my-branch-information .shb-my-branch-information__headline__city > h2 {
    white-space: normal;
    margin-right: 20px;
    padding-right: 0px;
    border-right: 0;
  }
}
shb-my-branch-information .shb-my-branch-information__headline__link {
  align-self: baseline;
}
shb-my-branch-information .shb-my-branch-information__headline__extra-lang {
  white-space: nowrap;
}
.shb-my-branch-information-small {
  background-color: #eaf4f7;
  padding: 24px;
  margin-bottom: 32px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media only screen and (min-width: 768px) {
  .shb-my-branch-information-small {
    flex-direction: row;
    gap: 0;
  }
}
.shb-my-branch-information-small__heading {
  align-self: center;
}
@media only screen and (min-width: 768px) {
  .shb-my-branch-information-small__heading {
    align-self: normal;
    padding-right: 32px;
    border-right: 1px solid #92bac8;
  }
}
.shb-my-branch-information-small__address {
  gap: 8px;
}
@media only screen and (min-width: 768px) {
  .shb-my-branch-information-small__address {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
  }
}
.shb-my-branch-information-small__address,
.shb-my-branch-information-small__news {
  font-style: normal;
  display: grid;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .shb-my-branch-information-small__address,
  .shb-my-branch-information-small__news {
    padding-left: 32px;
    padding-right: 32px;
    border-right: 1px solid #92bac8;
  }
}
@media only screen and (min-width: 768px) {
  .shb-my-branch-information-small__branch-link {
    padding-left: 32px;
    text-wrap: nowrap;
  }
}
.shb-my-branch-information-small-news__expand-button {
  border: none;
  background: none;
  display: inline-flex;
  align-items: center;
  padding: 0;
  color: #005fa5;
  text-decoration: underline;
}
.shb-my-branch-information-small-news__expand-button:focus {
  background-color: #005fa5;
  outline: 3px solid #005fa5;
  color: #ffffff;
}
.shb-my-branch-information-small-news__expand-button:focus > div svg g path {
  fill: #ffffff;
}
.shb-my-branch-information-small-news__expand-button:hover {
  text-decoration-style: double;
}
shb-contactform-1 .shb-module-wrapper {
  max-width: var(--sepu-application-indented-width);
  margin: 0 auto;
}
.shb-form__checkbox-label {
  margin-bottom: 8px;
}
.shb-form__checkbox-error {
  margin-top: 4px;
}
.shb-form__submit-message {
  text-align: center;
  gap: 16px;
}
.shb-form--navigation-link {
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  shb-annual-report-form .shb-label__label-wrapper {
    white-space: nowrap;
  }
}
.shb-parttime-result {
  background-color: #eaf4f7;
}
.shb-parttime-result-1 {
  margin: 16px 0;
  border-top: 1px solid #dedede;
  margin-bottom: 16px;
  margin-left: 16px;
  margin-right: 16px;
}
.shb-parttime-result-2 {
  border-left: 1px solid #dedede;
  height: 170px;
  margin-left: 118%;
  margin-top: 16px;
  margin-bottom: 16px;
}
.shb-parttime-result-3,
.shb-parttime-result-4,
.shb-parttime-result-6,
.shb-parttime-result-9,
.shb-parttime-result-col1text1,
.shb-parttime-result-col1amount {
  padding-left: 24px;
}
.shb-parttime-result-3,
.shb-parttime-result-4,
.shb-parttime-result-5,
.shb-parttime-result-6,
.shb-parttime-result-7,
.shb-parttime-result-8,
.shb-parttime-result-col1text1,
.shb-parttime-result-col1amount {
  padding-right: 24px;
}
.shb-parttime-result-5,
.shb-parttime-result-7,
.shb-parttime-result-8 {
  padding-left: 16px;
}
.shb-parttime-result-3,
.shb-parttime-result-8,
.shb-parttime-result-col1text1 {
  padding-top: 24px;
}
.shb-parttime-result-5,
.shb-parttime-result-9,
.shb-parttime-empty-h1,
.shb-parttime-result-col1amount {
  color: #005fa5;
}
.shb-parttime-result-9 {
  padding-right: 16px;
}
.shb-parttime-empty-div1 {
  padding: 24px;
  background-color: #eaf4f7;
  border-bottom: 1px solid #dedede;
  border-radius: 8px 8px 0 0;
}
.shb-parttime-empty-h1 {
  margin-top: 8px;
  margin-bottom: 0;
}
.shb-parttime-resulterror {
  background-color: #eaf4f7;
  padding: 16px;
}
.shb-parttime-result-button {
  float: right;
  margin-bottom: 24px;
}
.shb-parttime-nobr {
  white-space: nowrap;
}
.shb-parttime-slider-1 {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  width: 100%;
}
.shb-parttime-slider-2,
.shb-parttime-slider-3 {
  flex-shrink: 1;
}
.shb-parttime-slider-4 {
  padding-left: 8px;
  padding-right: 8px;
}
.shb-parttime-slider-5 {
  padding-left: 8px;
}
.shb-parttime-slider-6 {
  width: 48px;
}
shb-find-branch shb-form-search {
  line-height: 42px;
}
shb-find-branch .shb-cms-find-branch__filters-label {
  display: block;
  padding-left: 3px;
  /* looks better above form controls */
}
shb-find-branch .shb-cms-find-branch__letter-shortcuts,
shb-find-branch .shb-cms-find-branch__filters {
  margin-bottom: 44px;
}
@media only screen and (max-width: 767px) {
  shb-find-branch .shb-cms-find-branch__filters {
    margin-bottom: 0;
  }
}
shb-find-branch .shb-cms-find-branch__links {
  padding-top: 45px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
}
shb-find-branch .shb-cms-find-branch__links .shb-cms-find-branch__link:not(:first-child) {
  padding-left: 20px;
}
@media only screen and (max-width: 767px) {
  shb-find-branch .shb-cms-find-branch__links {
    padding: 20px 0 20px 0;
  }
}
shb-find-branch .shb-cms-find-branch__filters-group {
  margin-bottom: 22px;
}
shb-find-branch .shb-cms-find-branch__list {
  line-height: 22px;
}
@media only screen and (max-width: 474px) {
  shb-find-branch .shb-cms-find-branch__list {
    line-height: 33px;
  }
}
shb-find-branch .shb-cms-find-branch__list h3 {
  margin-bottom: 0;
}
shb-find-branch .shb-cms-find-branch__list .hr {
  margin-top: 10px;
  border-top: 1px solid #ddd;
  padding-bottom: 11px;
}
@media only screen and (max-width: 474px) {
  shb-find-branch .shb-cms-find-branch__list .shb-arrow-expander {
    margin-left: -10px;
  }
}
shb-find-branch .shb-cms-find-branch__heading-letter {
  display: block;
  margin-top: 40px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 11px;
}
shb-find-branch .shb-cms-find-branch__column-container,
shb-find-branch .shb-cms-find-branch__no-results {
  margin-bottom: 22px;
}
shb-find-branch .shb-cms-find-branch__no-results {
  font-size: 14px;
  text-align: center;
}
shb-find-branch .shb-cms-find-branch__column-container {
  column-count: 1;
  -moz-column-count: 1;
}
@media only screen and (max-width: 474px) {
  shb-find-branch .shb-cms-find-branch__column-container {
    column-count: 1;
    -moz-column-count: 1;
  }
}
@media only screen and (max-width: 767px) {
  shb-find-branch .shb-cms-find-branch__column-container div a {
    line-height: 20px;
    font-family: Helvetica, Arial, sans-serif;
  }
}
shb-find-branch .shb-cms-find-branch__row-wrapper {
  border-bottom: 1px solid #ddd;
  padding-top: 10px;
  padding-bottom: 10px;
}
shb-find-branch .shb-cms-find-branch__branch-wrapper {
  display: flex;
  align-items: flex-start;
  font-weight: bold;
  line-height: 1;
}
shb-find-branch .shb-cms-find-branch__fav-star-wrapper {
  margin-top: -16px;
  margin-left: -16px;
  position: relative;
  top: -4px;
}
@media only screen and (min-width: 910px) {
  shb-find-branch .shb-cms-find-branch__fav-star-wrapper {
    top: -5px;
  }
}
shb-find-branch .shb-cms-find-branch__info-container {
  display: flex;
  flex-direction: row;
  align-content: flex-start;
  align-items: flex-start;
  justify-content: space-between;
  padding-bottom: 14px;
}
@media only screen and (max-width: 474px) {
  shb-find-branch .shb-cms-find-branch__info-container {
    flex-direction: column;
  }
  shb-find-branch .shb-cms-find-branch__info-container > div {
    padding-bottom: 15px;
  }
}
shb-find-branch .shb-cms-find-branch__expandable-row {
  padding-top: 10px;
  /*        animation: slideDown 12.8s 1;
        max-height: 0;
*/
}
@keyframes slideDown {
  to {
    max-height: 200px;
  }
}
shb-find-branch .shb-cms-find-branch__address {
  flex-grow: 1;
  padding-right: 10px;
}
shb-find-branch .shb-cms-find-branch__address--variant {
  flex-basis: 33%;
}
shb-find-branch .shb-cms-find-branch__opening-hours {
  flex-basis: 30%;
  flex-grow: 0;
  flex-shrink: 0;
}
@media only screen and (max-width: 474px) {
  shb-find-branch .shb-cms-find-branch__opening-hours div:first-child {
    padding-right: 5px;
  }
}
shb-find-branch .shb-cms-find-branch__opening-hours--variant {
  flex-basis: 33%;
}
shb-find-branch .shb-cms-find-branch__regular-opening-hours {
  white-space: nowrap;
  padding-bottom: 20px;
}
shb-find-branch .shb-cms-find-branch__opening-days-and-hours {
  display: flex;
  justify-content: space-between;
}
shb-find-branch .shb-cms-find-branch__radio-buttons {
  margin-bottom: 16px;
}
shb-find-branch .find-branch-filter-results__message {
  display: flex;
  align-items: center;
}
shb-find-branch .find-branch-filter-results__text {
  margin-left: 10px;
}
.shb-find-branch__favorite-branch {
  margin-bottom: 40px;
}
.shb-find-branch-small-cell {
  display: block;
  line-height: 22px;
  margin-bottom: 10px;
  padding: 0 30px 0 30px;
  margin-top: 10px;
}
@media only screen and (min-width: 768px) {
  .shb-find-branch-small-cell {
    display: table-cell;
  }
}
@media only screen and (min-width: 910px) {
  .shb-find-branch-small-cell {
    white-space: nowrap;
  }
}
.shb-find-branch-small {
  background-color: #eaf4f7;
  box-sizing: border-box;
  display: table;
  margin-bottom: 40px;
  padding: 10px 0 10px 0;
  width: 100%;
}
@media only screen and (min-width: 910px) {
  .shb-find-branch-small {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}
.shb-find-branch-small__heading-wrapper {
  display: block;
  line-height: 22px;
  margin-bottom: 10px;
  padding: 0 30px 0 30px;
  margin-top: 10px;
  vertical-align: middle;
}
@media only screen and (min-width: 768px) {
  .shb-find-branch-small__heading-wrapper {
    display: table-cell;
  }
}
@media only screen and (min-width: 910px) {
  .shb-find-branch-small__heading-wrapper {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 768px) {
  .shb-find-branch-small__heading {
    text-align: center;
  }
}
.shb-find-branch-small__form-wrapper {
  display: block;
  line-height: 22px;
  margin-bottom: 10px;
  padding: 0 30px 0 30px;
  margin-top: 10px;
  box-sizing: border-box;
  padding-right: 30px;
  vertical-align: middle;
}
@media only screen and (min-width: 768px) {
  .shb-find-branch-small__form-wrapper {
    display: table-cell;
  }
}
@media only screen and (min-width: 910px) {
  .shb-find-branch-small__form-wrapper {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 475px) {
  .shb-find-branch-small__form-wrapper {
    width: 100%;
  }
}
.shb-find-branch-small__form-wrapper-container {
  white-space: nowrap;
}
@media only screen and (min-width: 475px) {
  .shb-find-branch-small__form-wrapper-container {
    width: 300px;
  }
}
.shb-find-branch-small__form-wrapper shb-form-search {
  line-height: 34px;
  width: 100%;
}
.shb-find-branch-small__right {
  display: block;
  line-height: 22px;
  margin-bottom: 10px;
  padding: 0 30px 0 30px;
  margin-top: 10px;
  vertical-align: middle;
  white-space: nowrap;
}
@media only screen and (min-width: 768px) {
  .shb-find-branch-small__right {
    display: table-cell;
  }
}
@media only screen and (min-width: 910px) {
  .shb-find-branch-small__right {
    white-space: nowrap;
  }
}
@media only screen and (min-width: 768px) {
  .shb-find-branch-small__right {
    text-align: right;
  }
}
.shb-search__wrapper {
  font-size: 14px;
  line-height: 22px;
}
@media only screen and (min-width: 768px) {
  .shb-search__wrapper {
    margin-left: 40px;
  }
}
.shb-search__headline {
  display: block;
}
.shb-search__config-links-list {
  list-style-type: none;
  margin-bottom: 0;
  margin-top: 22px;
  padding-bottom: 0;
  padding-left: 0;
}
@media only screen and (min-width: 768px) {
  .shb-search__config-links-list {
    align-items: self-start;
    display: flex;
    flex-direction: column;
    float: left;
    height: 44px;
    margin-top: 0;
  }
}
@media only screen and (min-width: 910px) {
  .shb-search__config-links-list {
    align-items: center;
    flex-direction: row;
    float: right;
  }
}
@media only screen and (min-width: 768px) {
  .shb-search__config-links-list-item {
    display: inline-block;
    margin-right: 20px;
  }
}
.sbh-search__info {
  color: #666666;
  margin-bottom: 22px;
  margin-top: 44px;
}
@media only screen and (min-width: 768px) {
  .sbh-search__info {
    display: flex;
    gap: 40px;
    margin-bottom: 40px;
    margin-top: 40px;
  }
}
.shb-search__results-list {
  list-style: none;
  margin-top: 0;
  max-width: 75ch;
  padding: 0;
}
@media only screen and (min-width: 768px) {
  .shb-search__results-list {
    margin-top: 5px;
  }
}
.shb-search__result-list-item {
  margin-bottom: 22px;
}
@media only screen and (min-width: 768px) {
  .shb-search__result-list-item {
    margin-bottom: 40px;
  }
}
.shb-search__result-list-item-title {
  font-weight: bold;
  color: #005fa5;
}
.shb-search__result-list-item-title a {
  color: #005fa5;
}
.shb-search__result-list-item-breadcrumb {
  color: #666666;
  font-size: 12px;
  line-height: 22px;
}
.shb-search__result-list-item-breadcrumb a {
  color: #666666;
  outline: 0;
}
.shb-search__result-list-item-text {
  color: #222222;
  max-height: 66px;
  line-height: 22px;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.shb-search__result-list-item-text a {
  color: #222222;
  outline: 0;
}
@media only screen and (min-width: 910px) {
  .shb-search__result-list-item-text {
    max-height: 44px;
  }
}
.shb-search__show-more-wrapper {
  text-align: center;
}
.shb-search__show-more {
  margin-bottom: 20px;
  display: flex;
  gap: 20px;
  justify-content: center;
}
.shb-search-autosuggest {
  position: relative;
}
shb-favorite-branch-checkbox .shb-favorite-branch-checkbox {
  margin-top: -32px;
  font-size: 16px;
  line-height: 1;
}
@media only screen and (min-width: 768px) {
  shb-favorite-branch-checkbox .shb-favorite-branch-checkbox {
    font-size: 14px;
    position: absolute;
    right: 0;
    top: 0;
    margin-top: -86px;
  }
}
@media only screen and (min-width: 910px) {
  shb-favorite-branch-checkbox .shb-favorite-branch-checkbox {
    font-size: 12px;
  }
}
shb-favorite-branch-checkbox svg {
  padding-top: 16px;
  padding-bottom: 16px;
  position: relative;
  top: -1px;
  margin-right: 8px;
}
@media only screen and (min-width: 768px) {
  shb-favorite-branch-checkbox svg {
    top: -2px;
  }
}
@media only screen and (min-width: 910px) {
  shb-favorite-branch-checkbox svg {
    top: -3px;
  }
}
.shb-mortgage-application-login-info {
  margin-bottom: 64px;
}
.shb-mortgage-application-login-info .shb-cms-article__container {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 16px;
  max-width: 860px;
}
.shb-mortgage-application-login-info .shb-cms-article__container:empty {
  display: none;
}
.shb-mortgage-application-login-info .shb-cms-article__container h2 {
  margin-top: 32px;
}
.shb-mortgage-application-step-indicator-container {
  margin-top: 10px;
}
@media only screen and (max-width: 474px) {
  .shb-mortgage-application-step-indicator-container {
    min-height: 100px;
  }
}
.shb-mortgage-application-actionrow-buttons-single {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}
.shb-mortgage-application-actionrow-buttons-double {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.shb-mortgage-application-input-field-information-message {
  font-size: 14px;
  color: #017ab2;
  margin-top: 5px;
}
.shb-mortgage-application-input-field-information-message svg {
  vertical-align: text-top;
}
.shb-mortgage-application-form-section-sub-header {
  text-transform: uppercase;
  color: #636363;
  margin-bottom: 16px;
}
.shb-mortgage-application-remove-button-rightside {
  float: right;
}
.shb-mortgage-application-existing-card-body {
  margin-bottom: 8px;
}
.shb-mortgage-application-existing-card-body .shb-card-v3__body {
  padding-top: 24px;
}
.shb-mortgage-application-shortcut-button-right {
  float: right;
}
.shb-mortgage-application-locate-branch-error-message {
  margin-top: 10px;
}
.shb-mortgage-application-check-icon {
  text-align: center;
}
.shb-mortgage-application__footer-no-button {
  min-height: 38px;
}
.shb-mortgage-application__clarification-container {
  border: 1px solid #dedede;
  background-color: #eaf4f7;
  padding: 10px;
  max-width: 400px;
}
.shb-mortgage-application__mortgage-clarification-link-container {
  margin-top: 5px;
}
.shb-mortgage-application__expansion-panel-container {
  display: flex;
  justify-content: space-between;
}
.shb-mortgage-application__terms-ul {
  list-style-position: outside;
}
.shb-mortgage-application__terms-li:not(:last-child) {
  padding-bottom: 16px;
}
.shb-mortgage-application__terms-first-list-information {
  padding-left: 40px;
}
.shb-mortgage-application__check label {
  padding-top: 32px;
}
.shb-mortgage-application-add-space-bottom-binarychoice {
  margin-bottom: 10px;
}
.shb-mortgage-application-input-stepper-label {
  margin-bottom: 8px;
}
.shb-errand-list-section .shb-mortgage-application-list-styling {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}
.shb-sepu-quiz__questions {
  padding: 0;
  margin: 0;
}
.shb-sepu-quiz__question {
  list-style: none;
  margin-bottom: 16px;
  border-bottom: 1px solid #dedede;
}
.shb-sepu-quiz__question:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}
.shb-sepu-quiz__question-header {
  margin-bottom: 16px;
}
.shb-sepu-quiz__question-header-inner {
  display: flex;
  justify-content: center;
}
.shb-sepu-quiz__question-index {
  text-align: center;
  color: #666;
  margin-top: 16px;
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .shb-sepu-quiz__question-index {
    text-align: left;
  }
}
.shb-sepu-quiz__question-body {
  display: flex;
  align-items: center;
  flex-direction: column;
}
@media only screen and (min-width: 768px) {
  .shb-sepu-quiz__question-body {
    align-items: flex-start;
    flex-direction: row-reverse;
  }
}
.shb-sepu-quiz__question-answers {
  flex-grow: 1;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .shb-sepu-quiz__question-answers {
    margin-right: 16px;
  }
  .shb-sepu-quiz__question-answers:only-child {
    margin-right: 0;
  }
}
.shb-sepu-quiz__question-image {
  margin-bottom: 16px;
}
@media only screen and (min-width: 768px) {
  .shb-sepu-quiz__question-image {
    margin-bottom: 0;
  }
}
.shb-sepu-quiz__question-image img {
  max-width: 100%;
  width: 100%;
  height: auto;
  border-radius: 8px;
}
.shb-sepu-quiz__answer-container,
.shb-sepu-quiz__is-correct,
.shb-sepu-quiz__is-wrong {
  border-radius: 5px;
  border-width: 1px;
  display: block;
  border-style: solid;
  padding: 4px;
  color: #000;
}
.shb-sepu-quiz__is-correct {
  background-color: #ECF7EF;
  border-color: #4AB75F;
}
.shb-sepu-quiz__is-wrong {
  background-color: #FFCABF;
  border-color: #dd4f3b;
}
.shb-sepu-quiz__result-container {
  margin-bottom: 16px;
}
.shb-sepu-quiz__result-top {
  margin-top: 16px;
  margin-bottom: 16px;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .shb-sepu-quiz__result-top {
    text-align: left;
  }
}
.shb-sepu-quiz__result-links {
  padding: 0;
  margin-bottom: 16px;
}
.shb-sepu-quiz__result-link {
  list-style: none;
  padding-top: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #d4d4d4;
}
.shb-sepu-quiz__result-link:first-child {
  border-top: 1px solid #d4d4d4;
}
.shb-sepu-quiz__result-nav {
  display: flex;
  justify-content: center;
}
@media only screen and (min-width: 768px) {
  .shb-sepu-quiz__result-nav {
    justify-content: flex-start;
  }
}
.shb-sepu-quiz__questions-container {
  max-width: var(--sepu-application-indented-width);
  margin: 0 auto;
}
.shb-sepu-footer__container a:not([href]) {
  color: #a9a9a9;
}
.shb-sepu-footer__top {
  padding-top: 32px;
  background-color: #e1f0f5;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.shb-sepu-footer__top-inner {
  display: grid;
  grid-template-columns: 1fr;
  padding: 16px;
  gap: 16px;
  box-sizing: border-box;
  max-width: 1440px;
  width: 100%;
}
@media only screen and (min-width: 475px) {
  .shb-sepu-footer__top-inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
}
@media only screen and (min-width: 768px) {
  .shb-sepu-footer__top-inner {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.shb-sepu-footer__bottom {
  font-size: 14px;
  background: #043b62;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.shb-sepu-footer__bottom-inner {
  max-width: 1440px;
  display: flex;
  flex-direction: column;
  width: 100%;
  box-sizing: border-box;
}
@media only screen and (min-width: 475px) {
  .shb-sepu-footer__bottom-inner {
    gap: 32px;
    padding: 16px;
  }
}
.shb-sepu-footer__list {
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
}
@media only screen and (min-width: 475px) {
  .shb-sepu-footer__list {
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    row-gap: 16px;
    column-gap: 32px;
  }
}
.shb-sepu-footer__list--secondary {
  padding-top: 0;
  padding-bottom: 0;
}
.shb-sepu-footer__list-item {
  list-style: none;
  padding: 16px;
  border-bottom: 1px solid #e1f0f5;
}
@media only screen and (min-width: 475px) {
  .shb-sepu-footer__list-item {
    border-bottom: none;
    padding: 0;
  }
}
.shb-sepu-footer__trademark {
  color: #a9a9a9;
}
.shb-sepu-footer__branch {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-top: 16px;
  padding-bottom: 16px;
}
.shb-sepu-auto-suggest__list {
  padding: 0;
  margin: 0;
  list-style: none;
}
.shb-sepu-auto-suggest__item {
  display: flex;
  align-items: center;
}
.shb-sepu-auto-suggest__item:focus {
  text-decoration: underline;
}
.shb-sepu-auto-suggest__item:first-child {
  margin-top: 24px;
}
.shb-sepu-auto-suggest__item-link {
  width: 100%;
  padding: 12px;
  font-size: 16px;
  color: #222222;
  cursor: pointer;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.shb-sepu-auto-suggest__item-link:focus,
.shb-sepu-auto-suggest__item-link:hover {
  text-decoration: underline;
}
.shb-sepu-auto-suggest__item-link:hover {
  cursor: pointer;
}
.shb-sepu-input-search {
  width: 100%;
  position: relative;
}
.shb-sepu-input-search .shb-input-text__text-input {
  font-size: 18px;
  height: 64px;
  padding-left: 32px;
  background-color: #f5f5f5;
  border-radius: 25px;
  border: 1px solid transparent;
  transition: 0.5s ease-in-out;
}
.shb-sepu-input-search .shb-input-text__text-input:focus,
.shb-sepu-input-search .shb-input-text__text-input:hover {
  background-color: white;
  border-bottom: none;
  border: 1px solid #005fa5;
}
.shb-sepu-input-search:hover .shb-sepu-input-search__buttons-container > button,
.shb-sepu-input-search:focus .shb-sepu-input-search__buttons-container > button {
  color: #005fa5;
}
.shb-sepu-input-search__buttons-container {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  padding: 8px;
}
.shb-sepu-input-search__button_base {
  background-color: transparent;
  box-sizing: border-box;
  cursor: pointer;
  border: none;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
}
.shb-sepu-input-search__clear-button {
  background-color: transparent;
  box-sizing: border-box;
  cursor: pointer;
  border: none;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  opacity: 0;
  transition: opacity 0.5s, visibility 0.5s;
}
.shb-sepu-input-search__clear-button--show {
  opacity: 1;
}
.shb-sepu-input-search__search-button {
  background-color: transparent;
  box-sizing: border-box;
  border: none;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border-bottom: 1px solid transparent;
  border-top: 1px solid transparent;
  cursor: pointer;
  color: #222222;
}
.shb-sepu-input-search__search-button:focus,
.shb-sepu-input-search__search-button:hover {
  color: #005fa5;
  border-bottom: 1px solid #005fa5;
}
.shb-expandable-item {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 500ms;
}
.shb-expandable-item.is-expanded {
  grid-template-rows: 1fr;
}
.shb-expandable-item--inner {
  overflow: hidden;
}
.shb-expandable-item--hidden {
  width: 0;
}
:root {
  --sepu-header-font-size-xxsmall: 13px;
  --sepu-header-font-size-xsmall: 14px;
  --sepu-header-font-size-small: 16px;
  --sepu-header-font-size-medium: 18px;
  --sepu-header-font-size-large: 22px;
  --sepu-header-font-size-xlarge: 28px;
  --sepu-header-width: 1440px;
  --sepu-header-nav-column-max-width: 360px;
  --sepu-header-nav-item-spacing: calc(16px * 1.5);
  --sepu-header-spacing: 16px;
  --sepu-header-button-height: 44px;
  --sepu-header-logo-icon-height: 20px;
  --sepu-header-logo-gap: calc(16px * 0.5);
  --sepu-header-narrow-vertical-spacing: var(--sepu-header-spacing);
  --sepu-header-wide-vertical-spacing-top: 2px;
  --sepu-header-wide-vertical-spacing-bottom: calc(16px * 2);
  --sepu-header-height: calc(var(--sepu-header-narrow-vertical-spacing) + var(--sepu-header-button-height) + var(--sepu-header-narrow-vertical-spacing));
  --sepu-header-logo-height: calc(calc(var(--sepu-header-font-size-xsmall) * 2) + var(--sepu-header-logo-icon-height) + var(--sepu-header-logo-gap));
  --sepu-header-color-header-top-bg: #005fa5;
  --sepu-header-color-header-main-bg: #ffffff;
  --sepu-header-color-logo: #005fa5;
  --sepu-header-color-logo-label: #222222;
  --sepu-header-color-link: #222222;
  --sepu-header-color-link-active: #005fa5;
  --sepu-header-color-button: #222222;
  --sepu-header-color-button-active: #005fa5;
  --sepu-header-color-button-with-background: #ffffff;
  --sepu-header-color-button-primary: #ffffff;
  --sepu-header-color-button-primary-active: #ffffff;
  --sepu-header-bg-button-primary: #005fa5;
  --sepu-header-bg-button-primary-active: #043b62;
  --sepu-header-color-button-secondary: #005fa5;
  --sepu-header-color-button-secondary-active: #043b62;
  --sepu-header-bg-button-secondary: #ffffff;
  --sepu-header-bg-button-secondary-active: #e8e8e8;
  --sepu-header-border-button-secondary: #005fa5;
  --sepu-header-border-button-secondary-active: #043b62;
  --sepu-header-color-button-dark: #ffffff;
  --sepu-header-color-button-dark-active: #ffffff;
  --sepu-header-bg-button-dark: #043b62;
  --sepu-header-bg-button-dark-active: #043b62;
}
@media only screen and (min-width: 910px) {
  :root {
    --sepu-header-spacing: calc(16px * 2);
  }
}
@media only screen and (min-width: 1140px) {
  :root {
    --sepu-header-spacing: calc(16px * 3);
  }
}
@media only screen and (min-width: 910px) {
  :root {
    --sepu-header-wide-top-height: calc(var(--sepu-header-wide-vertical-spacing-top) + var(--sepu-header-button-height) + var(--sepu-header-wide-vertical-spacing-top));
    --sepu-header-wide-bottom-height: calc(var(--sepu-header-wide-vertical-spacing-bottom) + var(--sepu-header-button-height) + var(--sepu-header-wide-vertical-spacing-bottom));
    --sepu-header-height: calc(var(--sepu-header-wide-top-height) + var(--sepu-header-wide-bottom-height));
  }
}
html.with-nav-open {
  overflow: hidden;
  height: unset;
}
body.with-nav-open {
  overflow: scroll;
  height: unset;
}
@keyframes fadeInWithDelay {
  0% {
    opacity: 0;
  }
  66% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.animationFadeInWithDelay,
.with-animation .sepu-header-wide__bottom-nav-buttons,
.with-animation .sepu-header-wide__bottom-cta-links,
.sepu-header-wide__bar-nav {
  animation-name: fadeInWithDelay;
  animation-duration: 1500ms;
  animation-fill-mode: forwards;
  animation-timing-function: ease;
}
.buttonResetStyle,
.buttonClearStyle,
.buttonInNavBar,
.navButtonStyle,
.buttonWithBackgroundStyle,
.headerButtonWithIconStyle,
.sepu-header-button__button.is-clear,
.sepu-header-button__button.has-background,
.sepu-header-button__button.is-bar-menu-button,
.sepu-bar-nav__link,
.sepu-link-button__link,
.sepu-nav-button__button,
.sepu-header-button__button.has-icon {
  color: var(--sepu-header-color-button);
  background: none;
  border: none;
  cursor: pointer;
  box-sizing: border-box;
  line-height: 1;
  display: grid;
  align-items: center;
  justify-items: center;
  font-weight: inherit;
}
.buttonClearStyle,
.headerButtonWithIconStyle,
.sepu-header-button__button.is-clear,
.sepu-header-button__button.has-icon {
  padding: 0;
}
.buttonClearStyle:hover,
.buttonClearStyle:focus,
.headerButtonWithIconStyle:hover,
.headerButtonWithIconStyle:focus,
.sepu-header-button__button.is-clear:hover,
.sepu-header-button__button.is-clear:focus,
.sepu-header-button__button.has-icon:hover,
.sepu-header-button__button.has-icon:focus {
  color: var(--sepu-header-color-button-active);
  text-decoration: underline;
}
.buttonClearStyle.is-active,
.headerButtonWithIconStyle.is-active,
.sepu-header-button__button.is-clear.is-active,
.sepu-header-button__button.has-icon.is-active {
  color: var(--sepu-header-color-button-active);
}
.buttonWithIcon,
.headerButtonWithIconStyle,
.navButtonStyle,
.sepu-header-button__button.has-icon,
.sepu-nav-button__button {
  gap: 8px;
}
.buttonWithIcon.has-horizontal-alignment,
.headerButtonWithIconStyle.has-horizontal-alignment,
.navButtonStyle.has-horizontal-alignment,
.sepu-header-button__button.has-icon.has-horizontal-alignment,
.sepu-nav-button__button.has-horizontal-alignment {
  grid-auto-flow: column;
}
.buttonWithIcon.has-horizontal-alignment svg,
.headerButtonWithIconStyle.has-horizontal-alignment svg,
.navButtonStyle.has-horizontal-alignment svg,
.sepu-header-button__button.has-icon.has-horizontal-alignment svg,
.sepu-nav-button__button.has-horizontal-alignment svg {
  width: 100%;
  min-width: 25px;
}
.buttonWithIcon.has-vertical-alignment,
.headerButtonWithIconStyle.has-vertical-alignment,
.navButtonStyle.has-vertical-alignment,
.sepu-header-button__button.has-icon.has-vertical-alignment,
.sepu-nav-button__button.has-vertical-alignment {
  grid-auto-flow: row;
  align-items: flex-end;
}
.buttonWithIcon.has-vertical-alignment svg,
.headerButtonWithIconStyle.has-vertical-alignment svg,
.navButtonStyle.has-vertical-alignment svg,
.sepu-header-button__button.has-icon.has-vertical-alignment svg,
.sepu-nav-button__button.has-vertical-alignment svg {
  width: auto;
  height: 100%;
}
.styledUnderlineStyle,
.buttonInNavBar,
.navButtonStyle,
.sepu-nav-link__link,
.sepu-header-button__button.is-bar-menu-button,
.sepu-bar-nav__link,
.sepu-nav-button__button {
  border-bottom: 2px solid transparent;
  border-top: 2px solid transparent;
  transition: 0.2s ease-in-out;
}
.styledUnderlineStyle:hover,
.styledUnderlineStyle:focus,
.buttonInNavBar:hover,
.buttonInNavBar:focus,
.navButtonStyle:hover,
.navButtonStyle:focus,
.sepu-nav-link__link:hover,
.sepu-nav-link__link:focus,
.sepu-header-button__button.is-bar-menu-button:hover,
.sepu-header-button__button.is-bar-menu-button:focus,
.sepu-bar-nav__link:hover,
.sepu-bar-nav__link:focus,
.sepu-nav-button__button:hover,
.sepu-nav-button__button:focus {
  border-bottom: 2px solid var(--sepu-header-color-button);
  color: var(--sepu-header-color-button);
  text-decoration: none;
}
.buttonInNavBar,
.sepu-header-button__button.is-bar-menu-button,
.sepu-bar-nav__link {
  padding: 0;
  height: 100%;
}
.headerButtonWithIconStyle,
.sepu-header-button__button.has-icon {
  min-height: var(--sepu-header-button-height);
  min-width: var(--sepu-header-button-height);
}
.headerButtonWithIconStyle:hover svg {
  color: var(--sepu-header-color-button-active);
}
.navButtonStyle,
.sepu-nav-button__button {
  padding: 0;
  grid-auto-flow: column;
  text-align: left;
}
.navButtonStyle svg,
.sepu-nav-button__button svg {
  max-height: var(--sepu-header-font-size-xlarge);
}
.buttonWithBackgroundStyle,
.sepu-header-button__button.has-background,
.sepu-link-button__link {
  color: var(--sepu-header-color-button-with-background);
  min-height: var(--sepu-header-button-height);
  min-width: var(--sepu-header-button-height);
  padding: 8px 32px;
  white-space: nowrap;
  border-radius: 25px;
  text-decoration: none;
}
.buttonWithBackgroundStyle:hover,
.buttonWithBackgroundStyle:focus,
.sepu-header-button__button.has-background:hover,
.sepu-header-button__button.has-background:focus,
.sepu-link-button__link:hover,
.sepu-link-button__link:focus {
  text-decoration: underline;
}
.buttonWithBackgroundStyle:focus,
.sepu-header-button__button.has-background:focus,
.sepu-link-button__link:focus {
  outline: 1px solid #ffffff;
  outline-offset: 2px;
}
@media only screen and (min-width: 768px) {
  .buttonWithBackgroundStyle,
  .sepu-header-button__button.has-background,
  .sepu-link-button__link {
    display: inline-grid;
  }
}
.buttonWithBackgroundStyle.is-primary-link-button,
.sepu-header-button__button.has-background.is-primary-link-button,
.sepu-link-button__link.is-primary-link-button {
  background-color: var(--sepu-header-bg-button-primary);
  color: var(--sepu-header-color-button-primary);
}
.buttonWithBackgroundStyle.is-primary-link-button:hover,
.buttonWithBackgroundStyle.is-primary-link-button:focus,
.sepu-header-button__button.has-background.is-primary-link-button:hover,
.sepu-header-button__button.has-background.is-primary-link-button:focus,
.sepu-link-button__link.is-primary-link-button:hover,
.sepu-link-button__link.is-primary-link-button:focus {
  background-color: var(--sepu-header-bg-button-primary-active);
  color: var(--sepu-header-color-button-primary);
}
.buttonWithBackgroundStyle.is-secondary-link-button,
.sepu-header-button__button.has-background.is-secondary-link-button,
.sepu-link-button__link.is-secondary-link-button {
  background-color: var(--sepu-header-bg-button-secondary);
  color: var(--sepu-header-color-button-secondary);
  border: 1px solid var(--sepu-header-border-button-secondary);
}
.buttonWithBackgroundStyle.is-secondary-link-button:hover,
.buttonWithBackgroundStyle.is-secondary-link-button:focus,
.sepu-header-button__button.has-background.is-secondary-link-button:hover,
.sepu-header-button__button.has-background.is-secondary-link-button:focus,
.sepu-link-button__link.is-secondary-link-button:hover,
.sepu-link-button__link.is-secondary-link-button:focus {
  background-color: var(--sepu-header-bg-button-secondary-active);
  color: var(--sepu-header-color-button-secondary-active);
  border: 1px solid var(--sepu-header-border-button-secondary-active);
}
.buttonWithBackgroundStyle.is-dark-link-button,
.sepu-header-button__button.has-background.is-dark-link-button,
.sepu-link-button__link.is-dark-link-button {
  background-color: var(--sepu-header-bg-button-dark);
  color: var(--sepu-header-color-button-dark);
}
.sepu-header__header {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 1;
}
.sepu-header__header button {
  color: #222222;
}
.sepu-header__header.with-nav {
  display: grid;
  grid-template-rows: min-content 1fr;
  height: 100%;
}
.sepu-header__header.is-sticky {
  position: fixed;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05);
}
.sepu-header__header.with-pride::before {
  content: "";
  height: 2px;
  z-index: 1;
  background: linear-gradient(90deg, #e40203 0%, #ff8b00 20%, #feed01 40%, #008026 60%, #004dff 80%, #760787 100%);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.sepu-header__header * > ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.shb-sepu--commercial .sepu-header__header-wrapper {
  --sepu-header-color-header-top-bg: #005fa5;
  --sepu-header-color-header-main-bg: #043b62;
  --sepu-header-color-logo: #ffffff;
  --sepu-header-color-logo-label: #ffffff;
  --sepu-header-color-link: #ffffff;
  --sepu-header-color-link-active: #ffffff;
  --sepu-header-color-button: #ffffff;
  --sepu-header-color-button-active: #ffffff;
  --sepu-header-color-button-primary: #005fa5;
  --sepu-header-color-button-primary-active: #043b62;
  --sepu-header-bg-button-primary: #ffffff;
  --sepu-header-bg-button-primary-active: #e8e8e8;
  --sepu-header-color-button-secondary: #ffffff;
  --sepu-header-color-button-secondary-active: #ffffff;
  --sepu-header-bg-button-secondary: #005fa5;
  --sepu-header-bg-button-secondary-active: #005fa5;
  --sepu-header-border-button-secondary: #005fa5;
  --sepu-header-border-button-secondary-active: #005fa5;
  --sepu-header-color-button-dark: #ffffff;
  --sepu-header-color-button-dark-active: #ffffff;
  --sepu-header-bg-button-dark: #005fa5;
  --sepu-header-bg-button-dark-active: #005fa5;
}
.sepu-header-button__button {
  width: min-content;
}
.sepu-header-button__button.has-icon {
  white-space: nowrap;
}
.sepu-header-button__button.has-icon svg {
  max-height: 22px;
}
@media only screen and (min-width: 910px) {
  .sepu-header-button__button.has-icon {
    display: flex;
    flex-direction: row-reverse;
  }
}
.sepu-header-narrow__header-narrow {
  display: grid;
  grid-template-columns: 1fr max-content;
  align-items: center;
  justify-items: start;
  background-color: var(--sepu-header-color-header-main-bg);
  padding: var(--sepu-header-narrow-vertical-spacing) var(--sepu-body-spacing);
  font-size: var(--sepu-header-font-size-xxsmall);
  gap: 16px;
}
@media only screen and (min-width: 910px) {
  .sepu-header-narrow__header-narrow {
    max-width: var(--sepu-header-width);
    margin: 0 auto;
    width: 100%;
    padding: calc(var(--sepu-header-wide-top-height) + var(--sepu-header-wide-vertical-spacing-bottom) + var(--sepu-header-font-size-xsmall)) var(--sepu-body-spacing) 0;
    box-sizing: border-box;
    font-size: var(--sepu-header-font-size-xsmall);
  }
}
.sepu-header-narrow__logo {
  height: 100%;
  overflow: hidden;
}
.sepu-header-narrow__header-narrow-items {
  display: grid;
  grid-auto-flow: column;
  gap: 16px;
}
.sepu-bar-nav__wrapper {
  display: flex;
  gap: 24px;
  white-space: nowrap;
  height: 100%;
}
.sepu-bar-nav__wrapper.is-hidden {
  visibility: hidden;
}
.sepu-bar-nav__header-nav {
  height: 100%;
}
.topLinkBasicStyle,
.sepu-top-link__top-link,
.sepu-language-link__language-link.top-link {
  color: #ffffff;
  cursor: pointer;
  text-decoration: none;
}
.topLinkBasicStyle:hover,
.topLinkBasicStyle:focus,
.sepu-top-link__top-link:hover,
.sepu-top-link__top-link:focus,
.sepu-language-link__language-link.top-link:hover,
.sepu-language-link__language-link.top-link:focus {
  text-decoration: underline;
}
.topLinkBasicStyle:focus,
.sepu-top-link__top-link:focus,
.sepu-language-link__language-link.top-link:focus {
  background-color: #ffffff;
  color: #005fa5;
}
.sepu-top-link__top-link.is-active {
  font-weight: bold;
}
.sepu-header-wide__top {
  display: grid;
  justify-items: center;
  background-color: var(--sepu-header-color-header-top-bg);
  padding: var(--sepu-header-wide-vertical-spacing-top) var(--sepu-body-spacing);
  font-size: var(--sepu-header-font-size-xsmall);
  min-height: var(--sepu-header-button-height);
}
.sepu-header-wide__top.is-sticky {
  display: none;
}
.sepu-header-wide__top-inner {
  max-width: 1440px;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr max-content;
  box-sizing: border-box;
}
.sepu-header-wide__top-links-container {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: min-content;
  gap: 16px;
  white-space: nowrap;
}
.sepu-header-wide__top-language-links-container {
  display: flex;
  gap: 16px;
  justify-self: end;
}
.sepu-header-wide__top-link-item {
  height: var(--sepu-header-button-height);
  display: grid;
  align-items: center;
}
.sepu-header-wide__bottom {
  display: grid;
  justify-items: center;
  background-color: var(--sepu-header-color-header-main-bg);
  padding: var(--sepu-header-wide-vertical-spacing-bottom) var(--sepu-body-spacing);
  font-size: var(--sepu-header-font-size-xsmall);
}
.sepu-header-wide__bottom-inner {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: max-content 1fr max-content max-content;
  align-items: center;
  gap: 16px;
  box-sizing: border-box;
  max-width: 1440px;
  min-height: var(--sepu-header-button-height);
}
.sepu-header-wide__bottom-inner.with-expanded-nav {
  grid-template-columns: max-content 1fr max-content;
}
.sepu-header-wide__bottom-inner.with-bar-menu-wide [class$="__icon"] {
  margin-right: 32px;
}
.sepu-header-wide__bottom-nav-buttons,
.sepu-header-wide__bottom-cta-links {
  display: grid;
  grid-auto-flow: column;
  gap: 16px;
  font-size: var(--sepu-header-font-size-small);
  justify-content: flex-end;
}
.sepu-header-wide__bar-nav {
  overflow: hidden;
  width: 100%;
  height: 100%;
  font-size: var(--sepu-header-font-size-medium);
  padding-top: 2px;
  padding-bottom: 2px;
}
.sepu-language-link__language-link {
  display: flex;
  gap: 8px;
  align-items: center;
}
.sepu-link-button__link.with-line-break {
  white-space: normal;
  line-height: 24px;
}
.sepu-logo__icon {
  text-decoration: none;
  display: grid;
  color: var(--sepu-header-color-logo-label);
  align-content: center;
  justify-items: left;
  height: 100%;
  line-height: 1;
}
.sepu-logo__icon svg {
  color: var(--sepu-header-color-logo);
  height: auto;
  max-width: 100%;
}
.sepu-logo__icon:focus {
  background-color: #005fa5;
  color: #ffffff;
  outline: #005fa5 solid;
  outline-offset: 0;
}
.sepu-logo__icon:focus svg {
  color: #ffffff;
}
.navLinkBasicStyle,
.sepu-bar-nav__link,
.sepu-language-link__language-link.drawer-link,
.sepu-nav-link__link {
  text-align: left;
  text-decoration: none;
  color: var(--sepu-header-color-link);
}
.navLinkBasicStyle:hover,
.navLinkBasicStyle:focus,
.sepu-language-link__language-link.drawer-link:hover,
.sepu-language-link__language-link.drawer-link:focus {
  text-decoration: underline;
  color: var(--sepu-header-color-link-active);
}
.sepu-nav-link__link.with-arrow {
  display: inline-block;
}
.sepu-nav-link__link.with-arrow svg {
  vertical-align: middle;
  padding-left: 8px;
}
.sepu-login-nav-item__login-nav-item-desc {
  margin-bottom: 16px;
  display: grid;
  gap: 8px;
}
.sepu-login-nav-item__login-nav-item-text {
  margin: 0;
  font-size: var(--sepu-header-font-size-medium);
}
.sepu-login-nav-item__login-nav-item-heading {
  margin-bottom: 0;
  font-size: var(--sepu-header-font-size-large);
  font-weight: bold;
  color: #222222;
  font-family: "Roboto", sans-serif;
}
.sepu-login-nav-item__login-nav-item-link {
  font-size: var(--sepu-header-font-size-medium);
}
.sepu-login-nav__login-nav {
  display: grid;
  gap: 24px;
  align-items: start;
}
@media only screen and (min-width: 910px) {
  .sepu-login-nav__login-nav {
    grid-template-columns: minmax(25%, min-content) 1fr 1fr 1fr;
  }
  .sepu-login-nav__login-nav ul {
    display: grid;
  }
}
.sepu-menu-nav-narrow__main-nav-container {
  height: 100%;
  display: grid;
  align-content: space-between;
}
.sepu-menu-nav-narrow__main-list-wrapper {
  margin-bottom: 32px;
}
.sepu-menu-nav-narrow__main-list {
  font-size: var(--sepu-header-font-size-xlarge);
  font-weight: bold;
}
.sepu-menu-nav-narrow__heading {
  font-size: var(--sepu-header-font-size-small);
  color: inherit;
  font-family: inherit;
}
.sepu-menu-nav-narrow__area-list {
  font-size: var(--sepu-header-font-size-large);
  font-weight: bold;
}
.sepu-menu-nav-narrow__cta-list {
  font-size: var(--sepu-header-font-size-small);
}
.sepu-menu-nav-narrow__lang-list {
  font-size: var(--sepu-header-font-size-xsmall);
}
.sepu-menu-nav-narrow__sub-list {
  font-size: var(--sepu-header-font-size-large);
  font-weight: bold;
}
.sepu-menu-nav-narrow__back-item {
  font-size: var(--sepu-header-font-size-large);
  font-weight: bold;
  padding-bottom: 16px;
}
.sepu-menu-nav-narrow__overview-item {
  font-size: var(--sepu-header-font-size-xlarge);
  font-weight: bold;
}
.sepu-bar-menu-wide__menu-nav-wide {
  display: grid;
  grid-template-columns: minmax(min-content, var(--sepu-header-nav-column-max-width)) 1fr;
  align-items: start;
  gap: 32px;
}
@media only screen and (min-width: 1440px) {
  .sepu-bar-menu-wide__menu-nav-wide {
    padding-left: var(--sepu-body-spacing);
    padding-right: var(--sepu-body-spacing);
  }
}
.sepu-bar-menu-wide__sub-menu-nav-list-overview {
  font-size: var(--sepu-header-font-size-xlarge);
  font-weight: bold;
}
.sepu-bar-menu-wide__sub-menu-nav-list {
  margin-bottom: 0;
}
.sepu-drawer-menu-wide__nav {
  display: grid;
  grid-template-columns: minmax(min-content, var(--sepu-header-nav-column-max-width)) 1fr;
  align-items: start;
  gap: 16px;
}
@media only screen and (min-width: 1140px) {
  .sepu-drawer-menu-wide__nav {
    gap: 32px;
  }
}
.sepu-drawer-menu-wide__main-nav {
  font-size: var(--sepu-header-font-size-xlarge);
  font-weight: bold;
}
.sepu-sub-menu-wide__sub-menu {
  font-size: var(--sepu-header-font-size-medium);
}
.sepu-sub-menu-wide__sub-menu.has-one-column {
  column-count: 1;
  max-width: var(--sepu-header-nav-column-max-width);
}
.sepu-sub-menu-wide__sub-menu.has-two-columns {
  column-count: 2;
  max-width: calc(2 * var(--sepu-header-nav-column-max-width));
}
.sepu-sub-menu-wide__sub-menu.has-parent-menu {
  max-width: unset;
  column-count: 1;
  margin-bottom: var(--sepu-header-nav-item-spacing);
  break-inside: avoid;
}
.sepu-sub-menu-wide__sub-menu-list {
  break-inside: avoid;
}
.sepu-sub-menu-wide__sub-menu-heading {
  font-size: var(--sepu-header-font-size-large);
  font-weight: bold;
  margin-bottom: var(--sepu-header-nav-item-spacing);
}
.navBaseStyles li,
.sepu-nav-container-narrow__nav-wrapper li,
.sepu-nav-container-wide__nav-wrapper li {
  margin-bottom: var(--sepu-header-nav-item-spacing);
}
.sepu-nav-container-narrow__nav-wrapper {
  overflow: auto;
  background-color: #ffffff;
  padding: 16px var(--sepu-body-spacing);
}
.sepu-nav-container-narrow__nav {
  min-height: 100%;
}
.sepu-nav-container-narrow__nav-inner {
  height: 100%;
}
.sepu-nav-container-wide__nav-wrapper {
  overflow: auto;
  display: grid;
  grid-template-rows: min-content 1fr;
}
.sepu-nav-container-wide__nav {
  min-height: 100%;
  box-sizing: border-box;
  background-color: #ffffff;
  padding: var(--sepu-header-spacing) var(--sepu-body-spacing);
  width: 100%;
}
@media only screen and (min-width: 1140px) {
  .sepu-nav-container-wide__nav {
    min-height: unset;
    justify-items: center;
    display: grid;
  }
}
@media only screen and (min-width: 1140px) {
  .sepu-nav-container-wide__nav-inner {
    max-width: var(--sepu-header-width);
    width: 100%;
    height: min-content;
  }
}
.sepu-nav-container-wide__nav-backdrop {
  background-color: rgba(255, 255, 255, 0.8);
}
.sepu-search-nav__search-in-header-container {
  display: flex;
  justify-content: center;
}
.sepu-search-nav__search-in-header {
  max-width: 700px;
  width: 100%;
}
.sepu-seo-navigation-tree__menu-nav-seo.is-hidden {
  display: none;
}
.shb-article-tags__wrapper {
  font-size: 14px;
  justify-content: flex-start;
  align-items: center;
  box-sizing: content-box;
  padding: 16px;
}
@media only screen and (min-width: 910px) {
  .shb-article-tags__wrapper {
    display: grid;
    padding: 32px;
    grid-template-columns: max-content 1fr;
  }
}
.shb-article-tags__date {
  display: inline-block;
}
@media only screen and (min-width: 910px) {
  .shb-article-tags__date {
    padding-right: 32px;
    border-right: 1px solid #000;
  }
}
.shb-article-tags__tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 16px;
  padding: 16px 0;
  margin: 0;
  justify-content: flex-start;
  align-items: center;
}
@media only screen and (min-width: 910px) {
  .shb-article-tags__tag-list {
    gap: 32px;
    padding: 0 32px;
  }
}
.shb-article-tags__tag-list-item {
  list-style: none;
}
.shb-article-tags__tag-list-text,
.shb-article-tags__tag-list-link {
  border-radius: 100px;
  line-height: 1;
  display: inline-block;
  background-color: #eff9fb;
  color: #005fa5;
  font-size: 18px;
  padding: 16px 32px;
}
.shb-article-tags__tag-list-link {
  text-decoration: none;
}
.shb-article-tags__tag-list-link:hover {
  text-decoration: underline;
}
.shb-article-feed-list {
  display: grid;
}
.shb-article-feed-list__heading {
  text-align: center;
}
.shb-article-feed-list__container {
  --shb-article-feed-list-gap: calc(16px * 1.5);
  display: flex;
  flex-wrap: wrap;
  gap: var(--shb-article-feed-list-gap);
}
.shb-article-feed-list__button {
  justify-self: center;
}
.shb-article-feed-list__item--container,
.shb-expandable-list__item.is-expanded {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .shb-article-feed-list__item--container,
  .shb-expandable-list__item.is-expanded {
    --number-of-modules-per-row: 2;
    --extra-width-to-compensate-for-gaps: var(--shb-article-feed-list-gap) / var(--number-of-modules-per-row);
    --max-width-item: calc(100% / var(--number-of-modules-per-row));
    --max-width: calc(var(--max-width-item) - var(--shb-article-feed-list-gap) + var(--extra-width-to-compensate-for-gaps));
    flex-grow: 1;
    width: calc((100% * (1 / var(--number-of-modules-per-row))) - var(--shb-article-feed-list-gap));
  }
  .shb-article-feed-list__item--container:nth-child(n + 3) {
    max-width: var(--max-width);
  }
}
@media only screen and (min-width: 910px) {
  .shb-article-feed-list__item--container,
  .shb-expandable-list__item.is-expanded {
    --number-of-modules-per-row: 3;
  }
  .shb-article-feed-list__item--container:nth-child(n) {
    max-width: none;
  }
  .shb-article-feed-list__item--container:nth-child(n + 4) {
    max-width: var(--max-width);
  }
}
@media only screen and (min-width: 1140px) {
  .shb-article-feed-list__item--container,
  .shb-expandable-list__item.is-expanded {
    --number-of-modules-per-row: 4;
  }
  .shb-article-feed-list__item--container:nth-child(n) {
    max-width: none;
  }
  .shb-article-feed-list__item--container:nth-child(n + 5) {
    max-width: var(--max-width);
  }
}
.shb-expandable-list__item {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 500ms;
}
.shb-expandable-list__item.is-expanded {
  grid-template-rows: 1fr;
  max-width: calc((100% / var(--number-of-modules-per-row)) - (var(--shb-article-feed-list-gap)) + var(--extra-width-to-compensate-for-gaps));
}
.shb-expandable-list__item-inner {
  overflow: hidden;
}
.shb-expandable-list__item--hidden {
  margin-right: calc(var(--shb-article-feed-list-gap) * -1);
  width: 0;
}
.shb-job-feed-filter__wrapper {
  display: grid;
  gap: 16px;
}
@media only screen and (min-width: 768px) {
  .shb-job-feed-filter__wrapper {
    grid-auto-columns: max-content;
    grid-auto-flow: column;
  }
}
@media only screen and (min-width: 768px) {
  .shb-job-feed-filter__input {
    max-width: 230px;
    min-width: 200px;
  }
}
.shb-job-feed__wrapper {
  display: grid;
  gap: 16px;
}
shb-icon-close {
  display: flex;
  align-items: center;
  height: 100%;
  width: 100%;
  justify-content: center;
}
shb-icon-link-drop {
  display: inline-block;
  display: inline-flex;
  vertical-align: middle;
  margin-left: 5px;
}
shb-icon-link-drop > svg > g {
  fill: currentColor;
}
@media print {
  body {
    width: 1024px;
  }
  @page {
    size: a3;
  }
  .shb-sepu-app-sub-footer {
    display: none;
  }
  /*
       When printing, if hero has image. Push the text down.
    */
  .shb-cms-hero.shb-cms-hero--has-image .shb-cms-hero__body {
    margin-top: 0;
  }
}
body.standalone-mode .hide-in-standalone-mode {
  display: none;
}
body.standalone-mode .hide-children-in-standalone-mode > * {
  display: none;
}
:root {
  --sepu-application-indented-width: 860px;
}
shb-article-50 .shb-cms-article__container,
shb-article-50-white .shb-cms-article__container,
shb-article-50-color2 .shb-cms-article__container,
shb-article-50-color3 .shb-cms-article__container,
shb-article-50-color4 .shb-cms-article__container,
shb-article-50-color5 .shb-cms-article__container,
shb-article-50-large .shb-cms-article__container,
shb-article-3 .shb-cms-article__container,
shb-article-3-color2 .shb-cms-article__container,
shb-article-3-color3 .shb-cms-article__container,
shb-article-3-color4 .shb-cms-article__container,
shb-article-3-color5 .shb-cms-article__container,
shb-article-3-white .shb-cms-article__container,
.shb-cms-expandable-article .shb-cms-article__container {
  max-width: var(--gs-width);
}
shb-current .shb-module-wrapper {
  max-width: var(--sepu-application-indented-width);
  margin: 0 auto;
}
:root {
  --sepu-body-spacing: 16px;
}
@media only screen and (min-width: 768px) {
  :root {
    --sepu-body-spacing: calc(16px * 3);
  }
}
@media only screen and (min-width: 910px) {
  :root {
    --sepu-body-spacing: calc(16px * 4);
  }
}
/*
    safari bug causing background color not been set for some links on focus. Forcing a repaint solves the issue.
    Might be related to https://developer.apple.com/forums/thread/691608
 */
.shb-safari a:focus {
  transform: translate3d(0, 0, 0);
}