/*
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)
*/
/*
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)
*/
/*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
/* =============================================================================
HTML5 display definitions
========================================================================== */
/*
* Corrects block display not defined in IE6/7/8/9 & FF3
*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}
/*
* Corrects inline-block display not defined in IE6/7/8/9 & FF3
*/
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
/*
* Prevents modern browsers from displaying 'audio' without controls
* Remove excess height in iOS5 devices
*/
audio:not([controls]) {
display: none;
height: 0;
}
/*
* Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
* Known issue: no IE6 support
*/
[hidden] {
display: none;
}
/* =============================================================================
Base
========================================================================== */
/*
* 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
* http://clagnut.com/blog/348/#c790
* 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
*/
html {
font-size: 100%; /* 1 */
-webkit-text-size-adjust: 100%; /* 2 */
-ms-text-size-adjust: 100%; /* 2 */
}
/*
* Addresses font-family inconsistency between 'textarea' and other form elements.
*/
html,
button,
input,
select,
textarea {
font-family: sans-serif;
}
/*
* Addresses margins handled incorrectly in IE6/7
*/
body {
margin: 0;
}
/* =============================================================================
Links
========================================================================== */
/*
* Addresses outline displayed oddly in Chrome
*/
a:focus {
outline: thin dotted;
}
/*
* Improves readability when focused and also mouse hovered in all browsers
* people.opera.com/patrickl/experiments/keyboard/test
*/
a:hover,
a:active {
outline: 0;
}
/* =============================================================================
Typography
========================================================================== */
/*
* Addresses font sizes and margins set differently in IE6/7
* Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
*/
h1 {
font-size: 2em;
margin: 0.67em 0;
}
h2 {
font-size: 1.5em;
margin: 0.83em 0;
}
h3 {
font-size: 1.17em;
margin: 1em 0;
}
h4 {
font-size: 1em;
margin: 1.33em 0;
}
h5 {
font-size: 0.83em;
margin: 1.67em 0;
}
h6 {
font-size: 0.75em;
margin: 2.33em 0;
}
/*
* Addresses styling not present in IE7/8/9, S5, Chrome
*/
abbr[title] {
border-bottom: 1px dotted;
}
/*
* Addresses style set to 'bolder' in FF3+, S4/5, Chrome
*/
b,
strong {
font-weight: bold;
}
blockquote {
margin: 1em 40px;
}
/*
* Addresses styling not present in S5, Chrome
*/
dfn {
font-style: italic;
}
/*
* Addresses styling not present in IE6/7/8/9
*/
mark {
background: #ff0;
color: #000;
}
/*
* Addresses margins set differently in IE6/7
*/
p,
pre {
margin: 1em 0;
}
/*
* Corrects font family set oddly in IE6, S4/5, Chrome
* en.wikipedia.org/wiki/User:Davidgothberg/Test59
*/
pre,
code,
kbd,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}
/*
* Improves readability of pre-formatted text in all browsers
*/
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
/*
* 1. Addresses CSS quotes not supported in IE6/7
* 2. Addresses quote property not supported in S4
*/
/* 1 */
q {
quotes: none;
}
/* 2 */
q:before,
q:after {
content: '';
content: none;
}
small {
font-size: 75%;
}
/*
* Prevents sub and sup affecting line-height in all browsers
* gist.github.com/413930
*/
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
/* =============================================================================
Lists
========================================================================== */
/*
* Addresses margins set differently in IE6/7
*/
dl,
menu,
ol,
ul {
margin: 1em 0;
}
dd {
margin: 0 0 0 40px;
}
/*
* Addresses paddings set differently in IE6/7
*/
menu,
ol,
ul {
padding: 0 0 0 40px;
}
/*
* Corrects list images handled incorrectly in IE7
*/
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
/* =============================================================================
Embedded content
========================================================================== */
/*
* 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
* 2. Improves image quality when scaled in IE7
* code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
*/
img {
border: 0; /* 1 */
-ms-interpolation-mode: bicubic; /* 2 */
}
/*
* Corrects overflow displayed oddly in IE9
*/
svg:not(:root) {
overflow: hidden;
}
/* =============================================================================
Figures
========================================================================== */
/*
* Addresses margin not present in IE6/7/8/9, S5, O11
*/
figure {
margin: 0;
}
/* =============================================================================
Forms
========================================================================== */
/*
* Corrects margin displayed oddly in IE6/7
*/
form {
margin: 0;
}
/*
* Define consistent border, margin, and padding
*/
fieldset {
border: 1px solid #c0c0c0;
margin: 0 2px;
padding: 0.35em 0.625em 0.75em;
}
/*
* 1. Corrects color not being inherited in IE6/7/8/9
* 2. Corrects text not wrapping in FF3
* 3. Corrects alignment displayed oddly in IE6/7
*/
legend {
border: 0; /* 1 */
padding: 0;
white-space: normal; /* 2 */
*margin-left: -7px; /* 3 */
}
/*
* 1. Corrects font size not being inherited in all browsers
* 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
* 3. Improves appearance and consistency in all browsers
*/
button,
input,
select,
textarea {
font-size: 100%; /* 1 */
margin: 0; /* 2 */
vertical-align: baseline; /* 3 */
*vertical-align: middle; /* 3 */
}
/*
* Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
*/
button,
input {
line-height: normal; /* 1 */
}
/*
* 1. Improves usability and consistency of cursor style between image-type 'input' and others
* 2. Corrects inability to style clickable 'input' types in iOS
* 3. Removes inner spacing in IE7 without affecting normal text inputs
* Known issue: inner spacing remains in IE6
*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer; /* 1 */
-webkit-appearance: button; /* 2 */
*overflow: visible; /* 3 */
}
/*
* Re-set default cursor for disabled elements
*/
button[disabled],
input[disabled] {
cursor: default;
}
/*
* 1. Addresses box sizing set to content-box in IE8/9
* 2. Removes excess padding in IE8/9
* 3. Removes excess padding in IE7
Known issue: excess padding remains in IE6
*/
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box; /* 1 */
padding: 0; /* 2 */
*height: 13px; /* 3 */
*width: 13px; /* 3 */
}
/*
* 1. Addresses appearance set to searchfield in S5, Chrome
* 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
*/
input[type="search"] {
-webkit-appearance: textfield; /* 1 */
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box; /* 2 */
box-sizing: content-box;
}
/*
* Removes inner padding and search cancel button in S5, Chrome on OS X
*/
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
/*
* Removes inner padding and border in FF3+
* www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
*/
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
/*
* 1. Removes default vertical scrollbar in IE6/7/8/9
* 2. Improves readability and alignment in all browsers
*/
textarea {
overflow: auto; /* 1 */
vertical-align: top; /* 2 */
}
/* =============================================================================
Tables
========================================================================== */
/*
* Remove most spacing between table cells
*/
table {
border-collapse: collapse;
border-spacing: 0;
}
.new-styling {
/*
* To add new colors to our styles talk to jeka06
*/
}
.new-styling *,
.new-styling *::before,
.new-styling *::after {
box-sizing: border-box;
}
.new-styling html {
font-family: sans-serif;
line-height: 1.15;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-ms-overflow-style: scrollbar;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@-ms-viewport {
width: device-width;
}
.new-styling article, .new-styling aside, .new-styling figcaption, .new-styling figure, .new-styling footer, .new-styling header, .new-styling hgroup, .new-styling main, .new-styling nav, .new-styling section {
display: block;
}
.new-styling body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #212529;
text-align: left;
background-color: #fff;
}
.new-styling [tabindex="-1"]:focus {
outline: 0 !important;
}
.new-styling hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
.new-styling h1, .new-styling h2, .new-styling h3, .new-styling h4, .new-styling h5, .new-styling h6 {
margin-top: 0;
margin-bottom: 0.5rem;
}
.new-styling p {
margin-top: 0;
margin-bottom: 1rem;
}
.new-styling abbr[title],
.new-styling abbr[data-original-title] {
text-decoration: underline;
text-decoration: underline dotted;
cursor: help;
border-bottom: 0;
}
.new-styling address {
margin-bottom: 1rem;
font-style: normal;
line-height: inherit;
}
.new-styling ol,
.new-styling ul,
.new-styling dl {
margin-top: 0;
margin-bottom: 1rem;
}
.new-styling ol ol,
.new-styling ul ul,
.new-styling ol ul,
.new-styling ul ol {
margin-bottom: 0;
}
.new-styling dt {
font-weight: 700;
}
.new-styling dd {
margin-bottom: 0.5rem;
margin-left: 0;
}
.new-styling blockquote {
margin: 0 0 1rem;
}
.new-styling dfn {
font-style: italic;
}
.new-styling b,
.new-styling strong {
font-weight: bolder;
}
.new-styling small {
font-size: 80%;
}
.new-styling sub,
.new-styling sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
.new-styling sub {
bottom: -0.25em;
}
.new-styling sup {
top: -0.5em;
}
.new-styling a {
color: #007bff;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
.new-styling a:hover {
color: #0056b3;
text-decoration: underline;
}
.new-styling a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none;
}
.new-styling a:not([href]):not([tabindex]):hover, .new-styling a:not([href]):not([tabindex]):focus {
color: inherit;
text-decoration: none;
}
.new-styling a:not([href]):not([tabindex]):focus {
outline: 0;
}
.new-styling pre,
.new-styling code,
.new-styling kbd,
.new-styling samp {
font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
font-size: 1em;
}
.new-styling pre {
margin-top: 0;
margin-bottom: 1rem;
overflow: auto;
-ms-overflow-style: scrollbar;
}
.new-styling figure {
margin: 0 0 1rem;
}
.new-styling img {
vertical-align: middle;
border-style: none;
}
.new-styling svg {
overflow: hidden;
vertical-align: middle;
}
.new-styling table {
border-collapse: collapse;
}
.new-styling caption {
padding-top: 0.75rem;
padding-bottom: 0.75rem;
color: #6c757d;
text-align: left;
caption-side: bottom;
}
.new-styling th {
text-align: inherit;
}
.new-styling label {
display: inline-block;
margin-bottom: 0.5rem;
}
.new-styling button {
border-radius: 0;
}
.new-styling button:focus {
outline: 1px dotted;
outline: 5px auto -webkit-focus-ring-color;
}
.new-styling input,
.new-styling button,
.new-styling select,
.new-styling optgroup,
.new-styling textarea {
margin: 0;
font-family: inherit;
font-size: inherit;
line-height: inherit;
}
.new-styling button,
.new-styling input {
overflow: visible;
}
.new-styling button,
.new-styling select {
text-transform: none;
}
.new-styling button,
.new-styling html [type=button],
.new-styling [type=reset],
.new-styling [type=submit] {
-webkit-appearance: button;
}
.new-styling button::-moz-focus-inner,
.new-styling [type=button]::-moz-focus-inner,
.new-styling [type=reset]::-moz-focus-inner,
.new-styling [type=submit]::-moz-focus-inner {
padding: 0;
border-style: none;
}
.new-styling input[type=radio],
.new-styling input[type=checkbox] {
box-sizing: border-box;
padding: 0;
}
.new-styling input[type=date],
.new-styling input[type=time],
.new-styling input[type=datetime-local],
.new-styling input[type=month] {
-webkit-appearance: listbox;
}
.new-styling textarea {
overflow: auto;
resize: vertical;
}
.new-styling fieldset {
min-width: 0;
padding: 0;
margin: 0;
border: 0;
}
.new-styling legend {
display: block;
width: 100%;
max-width: 100%;
padding: 0;
margin-bottom: 0.5rem;
font-size: 1.5rem;
line-height: inherit;
color: inherit;
white-space: normal;
}
.new-styling progress {
vertical-align: baseline;
}
.new-styling [type=number]::-webkit-inner-spin-button,
.new-styling [type=number]::-webkit-outer-spin-button {
height: auto;
}
.new-styling [type=search] {
outline-offset: -2px;
-webkit-appearance: none;
}
.new-styling [type=search]::-webkit-search-cancel-button,
.new-styling [type=search]::-webkit-search-decoration {
-webkit-appearance: none;
}
.new-styling ::-webkit-file-upload-button {
font: inherit;
-webkit-appearance: button;
}
.new-styling output {
display: inline-block;
}
.new-styling summary {
display: list-item;
cursor: pointer;
}
.new-styling template {
display: none;
}
.new-styling [hidden] {
display: none !important;
}
.new-styling .container {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 576px) {
.new-styling .container {
max-width: 540px;
}
}
@media (min-width: 768px) {
.new-styling .container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.new-styling .container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.new-styling .container {
max-width: 1140px;
}
}
.new-styling .container-fluid {
width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.new-styling .row {
display: flex;
flex-wrap: wrap;
margin-right: -15px;
margin-left: -15px;
}
.new-styling .no-gutters {
margin-right: 0;
margin-left: 0;
}
.new-styling .no-gutters > .col,
.new-styling .no-gutters > [class*=col-] {
padding-right: 0;
padding-left: 0;
}
.new-styling .col-xl,
.new-styling .col-xl-auto, .new-styling .col-xl-12, .new-styling .col-xl-11, .new-styling .col-xl-10, .new-styling .col-xl-9, .new-styling .col-xl-8, .new-styling .col-xl-7, .new-styling .col-xl-6, .new-styling .col-xl-5, .new-styling .col-xl-4, .new-styling .col-xl-3, .new-styling .col-xl-2, .new-styling .col-xl-1, .new-styling .col-lg,
.new-styling .col-lg-auto, .new-styling .col-lg-12, .new-styling .col-lg-11, .new-styling .col-lg-10, .new-styling .col-lg-9, .new-styling .col-lg-8, .new-styling .col-lg-7, .new-styling .col-lg-6, .new-styling .col-lg-5, .new-styling .col-lg-4, .new-styling .col-lg-3, .new-styling .col-lg-2, .new-styling .col-lg-1, .new-styling .col-md,
.new-styling .col-md-auto, .new-styling .col-md-12, .new-styling .col-md-11, .new-styling .col-md-10, .new-styling .col-md-9, .new-styling .col-md-8, .new-styling .col-md-7, .new-styling .col-md-6, .new-styling .col-md-5, .new-styling .col-md-4, .new-styling .col-md-3, .new-styling .col-md-2, .new-styling .col-md-1, .new-styling .col-sm,
.new-styling .col-sm-auto, .new-styling .col-sm-12, .new-styling .col-sm-11, .new-styling .col-sm-10, .new-styling .col-sm-9, .new-styling .col-sm-8, .new-styling .col-sm-7, .new-styling .col-sm-6, .new-styling .col-sm-5, .new-styling .col-sm-4, .new-styling .col-sm-3, .new-styling .col-sm-2, .new-styling .col-sm-1, .new-styling .col,
.new-styling .col-auto, .new-styling .col-12, .new-styling .col-11, .new-styling .col-10, .new-styling .col-9, .new-styling .col-8, .new-styling .col-7, .new-styling .col-6, .new-styling .col-5, .new-styling .col-4, .new-styling .col-3, .new-styling .col-2, .new-styling .col-1 {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.new-styling .col {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.new-styling .col-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.new-styling .col-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.new-styling .col-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.new-styling .col-3 {
flex: 0 0 25%;
max-width: 25%;
}
.new-styling .col-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.new-styling .col-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.new-styling .col-6 {
flex: 0 0 50%;
max-width: 50%;
}
.new-styling .col-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.new-styling .col-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.new-styling .col-9 {
flex: 0 0 75%;
max-width: 75%;
}
.new-styling .col-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.new-styling .col-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.new-styling .col-12 {
flex: 0 0 100%;
max-width: 100%;
}
.new-styling .order-first {
order: -1;
}
.new-styling .order-last {
order: 13;
}
.new-styling .order-0 {
order: 0;
}
.new-styling .order-1 {
order: 1;
}
.new-styling .order-2 {
order: 2;
}
.new-styling .order-3 {
order: 3;
}
.new-styling .order-4 {
order: 4;
}
.new-styling .order-5 {
order: 5;
}
.new-styling .order-6 {
order: 6;
}
.new-styling .order-7 {
order: 7;
}
.new-styling .order-8 {
order: 8;
}
.new-styling .order-9 {
order: 9;
}
.new-styling .order-10 {
order: 10;
}
.new-styling .order-11 {
order: 11;
}
.new-styling .order-12 {
order: 12;
}
.new-styling .offset-1 {
margin-left: 8.3333333333%;
}
.new-styling .offset-2 {
margin-left: 16.6666666667%;
}
.new-styling .offset-3 {
margin-left: 25%;
}
.new-styling .offset-4 {
margin-left: 33.3333333333%;
}
.new-styling .offset-5 {
margin-left: 41.6666666667%;
}
.new-styling .offset-6 {
margin-left: 50%;
}
.new-styling .offset-7 {
margin-left: 58.3333333333%;
}
.new-styling .offset-8 {
margin-left: 66.6666666667%;
}
.new-styling .offset-9 {
margin-left: 75%;
}
.new-styling .offset-10 {
margin-left: 83.3333333333%;
}
.new-styling .offset-11 {
margin-left: 91.6666666667%;
}
@media (min-width: 576px) {
.new-styling .col-sm {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.new-styling .col-sm-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.new-styling .col-sm-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.new-styling .col-sm-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.new-styling .col-sm-3 {
flex: 0 0 25%;
max-width: 25%;
}
.new-styling .col-sm-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.new-styling .col-sm-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.new-styling .col-sm-6 {
flex: 0 0 50%;
max-width: 50%;
}
.new-styling .col-sm-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.new-styling .col-sm-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.new-styling .col-sm-9 {
flex: 0 0 75%;
max-width: 75%;
}
.new-styling .col-sm-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.new-styling .col-sm-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.new-styling .col-sm-12 {
flex: 0 0 100%;
max-width: 100%;
}
.new-styling .order-sm-first {
order: -1;
}
.new-styling .order-sm-last {
order: 13;
}
.new-styling .order-sm-0 {
order: 0;
}
.new-styling .order-sm-1 {
order: 1;
}
.new-styling .order-sm-2 {
order: 2;
}
.new-styling .order-sm-3 {
order: 3;
}
.new-styling .order-sm-4 {
order: 4;
}
.new-styling .order-sm-5 {
order: 5;
}
.new-styling .order-sm-6 {
order: 6;
}
.new-styling .order-sm-7 {
order: 7;
}
.new-styling .order-sm-8 {
order: 8;
}
.new-styling .order-sm-9 {
order: 9;
}
.new-styling .order-sm-10 {
order: 10;
}
.new-styling .order-sm-11 {
order: 11;
}
.new-styling .order-sm-12 {
order: 12;
}
.new-styling .offset-sm-0 {
margin-left: 0;
}
.new-styling .offset-sm-1 {
margin-left: 8.3333333333%;
}
.new-styling .offset-sm-2 {
margin-left: 16.6666666667%;
}
.new-styling .offset-sm-3 {
margin-left: 25%;
}
.new-styling .offset-sm-4 {
margin-left: 33.3333333333%;
}
.new-styling .offset-sm-5 {
margin-left: 41.6666666667%;
}
.new-styling .offset-sm-6 {
margin-left: 50%;
}
.new-styling .offset-sm-7 {
margin-left: 58.3333333333%;
}
.new-styling .offset-sm-8 {
margin-left: 66.6666666667%;
}
.new-styling .offset-sm-9 {
margin-left: 75%;
}
.new-styling .offset-sm-10 {
margin-left: 83.3333333333%;
}
.new-styling .offset-sm-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 768px) {
.new-styling .col-md {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.new-styling .col-md-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.new-styling .col-md-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.new-styling .col-md-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.new-styling .col-md-3 {
flex: 0 0 25%;
max-width: 25%;
}
.new-styling .col-md-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.new-styling .col-md-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.new-styling .col-md-6 {
flex: 0 0 50%;
max-width: 50%;
}
.new-styling .col-md-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.new-styling .col-md-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.new-styling .col-md-9 {
flex: 0 0 75%;
max-width: 75%;
}
.new-styling .col-md-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.new-styling .col-md-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.new-styling .col-md-12 {
flex: 0 0 100%;
max-width: 100%;
}
.new-styling .order-md-first {
order: -1;
}
.new-styling .order-md-last {
order: 13;
}
.new-styling .order-md-0 {
order: 0;
}
.new-styling .order-md-1 {
order: 1;
}
.new-styling .order-md-2 {
order: 2;
}
.new-styling .order-md-3 {
order: 3;
}
.new-styling .order-md-4 {
order: 4;
}
.new-styling .order-md-5 {
order: 5;
}
.new-styling .order-md-6 {
order: 6;
}
.new-styling .order-md-7 {
order: 7;
}
.new-styling .order-md-8 {
order: 8;
}
.new-styling .order-md-9 {
order: 9;
}
.new-styling .order-md-10 {
order: 10;
}
.new-styling .order-md-11 {
order: 11;
}
.new-styling .order-md-12 {
order: 12;
}
.new-styling .offset-md-0 {
margin-left: 0;
}
.new-styling .offset-md-1 {
margin-left: 8.3333333333%;
}
.new-styling .offset-md-2 {
margin-left: 16.6666666667%;
}
.new-styling .offset-md-3 {
margin-left: 25%;
}
.new-styling .offset-md-4 {
margin-left: 33.3333333333%;
}
.new-styling .offset-md-5 {
margin-left: 41.6666666667%;
}
.new-styling .offset-md-6 {
margin-left: 50%;
}
.new-styling .offset-md-7 {
margin-left: 58.3333333333%;
}
.new-styling .offset-md-8 {
margin-left: 66.6666666667%;
}
.new-styling .offset-md-9 {
margin-left: 75%;
}
.new-styling .offset-md-10 {
margin-left: 83.3333333333%;
}
.new-styling .offset-md-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 992px) {
.new-styling .col-lg {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.new-styling .col-lg-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.new-styling .col-lg-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.new-styling .col-lg-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.new-styling .col-lg-3 {
flex: 0 0 25%;
max-width: 25%;
}
.new-styling .col-lg-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.new-styling .col-lg-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.new-styling .col-lg-6 {
flex: 0 0 50%;
max-width: 50%;
}
.new-styling .col-lg-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.new-styling .col-lg-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.new-styling .col-lg-9 {
flex: 0 0 75%;
max-width: 75%;
}
.new-styling .col-lg-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.new-styling .col-lg-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.new-styling .col-lg-12 {
flex: 0 0 100%;
max-width: 100%;
}
.new-styling .order-lg-first {
order: -1;
}
.new-styling .order-lg-last {
order: 13;
}
.new-styling .order-lg-0 {
order: 0;
}
.new-styling .order-lg-1 {
order: 1;
}
.new-styling .order-lg-2 {
order: 2;
}
.new-styling .order-lg-3 {
order: 3;
}
.new-styling .order-lg-4 {
order: 4;
}
.new-styling .order-lg-5 {
order: 5;
}
.new-styling .order-lg-6 {
order: 6;
}
.new-styling .order-lg-7 {
order: 7;
}
.new-styling .order-lg-8 {
order: 8;
}
.new-styling .order-lg-9 {
order: 9;
}
.new-styling .order-lg-10 {
order: 10;
}
.new-styling .order-lg-11 {
order: 11;
}
.new-styling .order-lg-12 {
order: 12;
}
.new-styling .offset-lg-0 {
margin-left: 0;
}
.new-styling .offset-lg-1 {
margin-left: 8.3333333333%;
}
.new-styling .offset-lg-2 {
margin-left: 16.6666666667%;
}
.new-styling .offset-lg-3 {
margin-left: 25%;
}
.new-styling .offset-lg-4 {
margin-left: 33.3333333333%;
}
.new-styling .offset-lg-5 {
margin-left: 41.6666666667%;
}
.new-styling .offset-lg-6 {
margin-left: 50%;
}
.new-styling .offset-lg-7 {
margin-left: 58.3333333333%;
}
.new-styling .offset-lg-8 {
margin-left: 66.6666666667%;
}
.new-styling .offset-lg-9 {
margin-left: 75%;
}
.new-styling .offset-lg-10 {
margin-left: 83.3333333333%;
}
.new-styling .offset-lg-11 {
margin-left: 91.6666666667%;
}
}
@media (min-width: 1200px) {
.new-styling .col-xl {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}
.new-styling .col-xl-auto {
flex: 0 0 auto;
width: auto;
max-width: none;
}
.new-styling .col-xl-1 {
flex: 0 0 8.3333333333%;
max-width: 8.3333333333%;
}
.new-styling .col-xl-2 {
flex: 0 0 16.6666666667%;
max-width: 16.6666666667%;
}
.new-styling .col-xl-3 {
flex: 0 0 25%;
max-width: 25%;
}
.new-styling .col-xl-4 {
flex: 0 0 33.3333333333%;
max-width: 33.3333333333%;
}
.new-styling .col-xl-5 {
flex: 0 0 41.6666666667%;
max-width: 41.6666666667%;
}
.new-styling .col-xl-6 {
flex: 0 0 50%;
max-width: 50%;
}
.new-styling .col-xl-7 {
flex: 0 0 58.3333333333%;
max-width: 58.3333333333%;
}
.new-styling .col-xl-8 {
flex: 0 0 66.6666666667%;
max-width: 66.6666666667%;
}
.new-styling .col-xl-9 {
flex: 0 0 75%;
max-width: 75%;
}
.new-styling .col-xl-10 {
flex: 0 0 83.3333333333%;
max-width: 83.3333333333%;
}
.new-styling .col-xl-11 {
flex: 0 0 91.6666666667%;
max-width: 91.6666666667%;
}
.new-styling .col-xl-12 {
flex: 0 0 100%;
max-width: 100%;
}
.new-styling .order-xl-first {
order: -1;
}
.new-styling .order-xl-last {
order: 13;
}
.new-styling .order-xl-0 {
order: 0;
}
.new-styling .order-xl-1 {
order: 1;
}
.new-styling .order-xl-2 {
order: 2;
}
.new-styling .order-xl-3 {
order: 3;
}
.new-styling .order-xl-4 {
order: 4;
}
.new-styling .order-xl-5 {
order: 5;
}
.new-styling .order-xl-6 {
order: 6;
}
.new-styling .order-xl-7 {
order: 7;
}
.new-styling .order-xl-8 {
order: 8;
}
.new-styling .order-xl-9 {
order: 9;
}
.new-styling .order-xl-10 {
order: 10;
}
.new-styling .order-xl-11 {
order: 11;
}
.new-styling .order-xl-12 {
order: 12;
}
.new-styling .offset-xl-0 {
margin-left: 0;
}
.new-styling .offset-xl-1 {
margin-left: 8.3333333333%;
}
.new-styling .offset-xl-2 {
margin-left: 16.6666666667%;
}
.new-styling .offset-xl-3 {
margin-left: 25%;
}
.new-styling .offset-xl-4 {
margin-left: 33.3333333333%;
}
.new-styling .offset-xl-5 {
margin-left: 41.6666666667%;
}
.new-styling .offset-xl-6 {
margin-left: 50%;
}
.new-styling .offset-xl-7 {
margin-left: 58.3333333333%;
}
.new-styling .offset-xl-8 {
margin-left: 66.6666666667%;
}
.new-styling .offset-xl-9 {
margin-left: 75%;
}
.new-styling .offset-xl-10 {
margin-left: 83.3333333333%;
}
.new-styling .offset-xl-11 {
margin-left: 91.6666666667%;
}
}
.new-styling .d-none {
display: none !important;
}
.new-styling .d-inline {
display: inline !important;
}
.new-styling .d-inline-block {
display: inline-block !important;
}
.new-styling .d-block {
display: block !important;
}
.new-styling .d-table {
display: table !important;
}
.new-styling .d-table-row {
display: table-row !important;
}
.new-styling .d-table-cell {
display: table-cell !important;
}
.new-styling .d-flex {
display: flex !important;
}
.new-styling .d-inline-flex {
display: inline-flex !important;
}
@media (min-width: 576px) {
.new-styling .d-sm-none {
display: none !important;
}
.new-styling .d-sm-inline {
display: inline !important;
}
.new-styling .d-sm-inline-block {
display: inline-block !important;
}
.new-styling .d-sm-block {
display: block !important;
}
.new-styling .d-sm-table {
display: table !important;
}
.new-styling .d-sm-table-row {
display: table-row !important;
}
.new-styling .d-sm-table-cell {
display: table-cell !important;
}
.new-styling .d-sm-flex {
display: flex !important;
}
.new-styling .d-sm-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 768px) {
.new-styling .d-md-none {
display: none !important;
}
.new-styling .d-md-inline {
display: inline !important;
}
.new-styling .d-md-inline-block {
display: inline-block !important;
}
.new-styling .d-md-block {
display: block !important;
}
.new-styling .d-md-table {
display: table !important;
}
.new-styling .d-md-table-row {
display: table-row !important;
}
.new-styling .d-md-table-cell {
display: table-cell !important;
}
.new-styling .d-md-flex {
display: flex !important;
}
.new-styling .d-md-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 992px) {
.new-styling .d-lg-none {
display: none !important;
}
.new-styling .d-lg-inline {
display: inline !important;
}
.new-styling .d-lg-inline-block {
display: inline-block !important;
}
.new-styling .d-lg-block {
display: block !important;
}
.new-styling .d-lg-table {
display: table !important;
}
.new-styling .d-lg-table-row {
display: table-row !important;
}
.new-styling .d-lg-table-cell {
display: table-cell !important;
}
.new-styling .d-lg-flex {
display: flex !important;
}
.new-styling .d-lg-inline-flex {
display: inline-flex !important;
}
}
@media (min-width: 1200px) {
.new-styling .d-xl-none {
display: none !important;
}
.new-styling .d-xl-inline {
display: inline !important;
}
.new-styling .d-xl-inline-block {
display: inline-block !important;
}
.new-styling .d-xl-block {
display: block !important;
}
.new-styling .d-xl-table {
display: table !important;
}
.new-styling .d-xl-table-row {
display: table-row !important;
}
.new-styling .d-xl-table-cell {
display: table-cell !important;
}
.new-styling .d-xl-flex {
display: flex !important;
}
.new-styling .d-xl-inline-flex {
display: inline-flex !important;
}
}
@media print {
.new-styling .d-print-none {
display: none !important;
}
.new-styling .d-print-inline {
display: inline !important;
}
.new-styling .d-print-inline-block {
display: inline-block !important;
}
.new-styling .d-print-block {
display: block !important;
}
.new-styling .d-print-table {
display: table !important;
}
.new-styling .d-print-table-row {
display: table-row !important;
}
.new-styling .d-print-table-cell {
display: table-cell !important;
}
.new-styling .d-print-flex {
display: flex !important;
}
.new-styling .d-print-inline-flex {
display: inline-flex !important;
}
}
.new-styling .flex-row {
flex-direction: row !important;
}
.new-styling .flex-column {
flex-direction: column !important;
}
.new-styling .flex-row-reverse {
flex-direction: row-reverse !important;
}
.new-styling .flex-column-reverse {
flex-direction: column-reverse !important;
}
.new-styling .flex-wrap {
flex-wrap: wrap !important;
}
.new-styling .flex-nowrap {
flex-wrap: nowrap !important;
}
.new-styling .flex-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.new-styling .flex-fill {
flex: 1 1 auto !important;
}
.new-styling .flex-grow-0 {
flex-grow: 0 !important;
}
.new-styling .flex-grow-1 {
flex-grow: 1 !important;
}
.new-styling .flex-shrink-0 {
flex-shrink: 0 !important;
}
.new-styling .flex-shrink-1 {
flex-shrink: 1 !important;
}
.new-styling .justify-content-start {
justify-content: flex-start !important;
}
.new-styling .justify-content-end {
justify-content: flex-end !important;
}
.new-styling .justify-content-center {
justify-content: center !important;
}
.new-styling .justify-content-between {
justify-content: space-between !important;
}
.new-styling .justify-content-around {
justify-content: space-around !important;
}
.new-styling .align-items-start {
align-items: flex-start !important;
}
.new-styling .align-items-end {
align-items: flex-end !important;
}
.new-styling .align-items-center {
align-items: center !important;
}
.new-styling .align-items-baseline {
align-items: baseline !important;
}
.new-styling .align-items-stretch {
align-items: stretch !important;
}
.new-styling .align-content-start {
align-content: flex-start !important;
}
.new-styling .align-content-end {
align-content: flex-end !important;
}
.new-styling .align-content-center {
align-content: center !important;
}
.new-styling .align-content-between {
align-content: space-between !important;
}
.new-styling .align-content-around {
align-content: space-around !important;
}
.new-styling .align-content-stretch {
align-content: stretch !important;
}
.new-styling .align-self-auto {
align-self: auto !important;
}
.new-styling .align-self-start {
align-self: flex-start !important;
}
.new-styling .align-self-end {
align-self: flex-end !important;
}
.new-styling .align-self-center {
align-self: center !important;
}
.new-styling .align-self-baseline {
align-self: baseline !important;
}
.new-styling .align-self-stretch {
align-self: stretch !important;
}
@media (min-width: 576px) {
.new-styling .flex-sm-row {
flex-direction: row !important;
}
.new-styling .flex-sm-column {
flex-direction: column !important;
}
.new-styling .flex-sm-row-reverse {
flex-direction: row-reverse !important;
}
.new-styling .flex-sm-column-reverse {
flex-direction: column-reverse !important;
}
.new-styling .flex-sm-wrap {
flex-wrap: wrap !important;
}
.new-styling .flex-sm-nowrap {
flex-wrap: nowrap !important;
}
.new-styling .flex-sm-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.new-styling .flex-sm-fill {
flex: 1 1 auto !important;
}
.new-styling .flex-sm-grow-0 {
flex-grow: 0 !important;
}
.new-styling .flex-sm-grow-1 {
flex-grow: 1 !important;
}
.new-styling .flex-sm-shrink-0 {
flex-shrink: 0 !important;
}
.new-styling .flex-sm-shrink-1 {
flex-shrink: 1 !important;
}
.new-styling .justify-content-sm-start {
justify-content: flex-start !important;
}
.new-styling .justify-content-sm-end {
justify-content: flex-end !important;
}
.new-styling .justify-content-sm-center {
justify-content: center !important;
}
.new-styling .justify-content-sm-between {
justify-content: space-between !important;
}
.new-styling .justify-content-sm-around {
justify-content: space-around !important;
}
.new-styling .align-items-sm-start {
align-items: flex-start !important;
}
.new-styling .align-items-sm-end {
align-items: flex-end !important;
}
.new-styling .align-items-sm-center {
align-items: center !important;
}
.new-styling .align-items-sm-baseline {
align-items: baseline !important;
}
.new-styling .align-items-sm-stretch {
align-items: stretch !important;
}
.new-styling .align-content-sm-start {
align-content: flex-start !important;
}
.new-styling .align-content-sm-end {
align-content: flex-end !important;
}
.new-styling .align-content-sm-center {
align-content: center !important;
}
.new-styling .align-content-sm-between {
align-content: space-between !important;
}
.new-styling .align-content-sm-around {
align-content: space-around !important;
}
.new-styling .align-content-sm-stretch {
align-content: stretch !important;
}
.new-styling .align-self-sm-auto {
align-self: auto !important;
}
.new-styling .align-self-sm-start {
align-self: flex-start !important;
}
.new-styling .align-self-sm-end {
align-self: flex-end !important;
}
.new-styling .align-self-sm-center {
align-self: center !important;
}
.new-styling .align-self-sm-baseline {
align-self: baseline !important;
}
.new-styling .align-self-sm-stretch {
align-self: stretch !important;
}
}
@media (min-width: 768px) {
.new-styling .flex-md-row {
flex-direction: row !important;
}
.new-styling .flex-md-column {
flex-direction: column !important;
}
.new-styling .flex-md-row-reverse {
flex-direction: row-reverse !important;
}
.new-styling .flex-md-column-reverse {
flex-direction: column-reverse !important;
}
.new-styling .flex-md-wrap {
flex-wrap: wrap !important;
}
.new-styling .flex-md-nowrap {
flex-wrap: nowrap !important;
}
.new-styling .flex-md-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.new-styling .flex-md-fill {
flex: 1 1 auto !important;
}
.new-styling .flex-md-grow-0 {
flex-grow: 0 !important;
}
.new-styling .flex-md-grow-1 {
flex-grow: 1 !important;
}
.new-styling .flex-md-shrink-0 {
flex-shrink: 0 !important;
}
.new-styling .flex-md-shrink-1 {
flex-shrink: 1 !important;
}
.new-styling .justify-content-md-start {
justify-content: flex-start !important;
}
.new-styling .justify-content-md-end {
justify-content: flex-end !important;
}
.new-styling .justify-content-md-center {
justify-content: center !important;
}
.new-styling .justify-content-md-between {
justify-content: space-between !important;
}
.new-styling .justify-content-md-around {
justify-content: space-around !important;
}
.new-styling .align-items-md-start {
align-items: flex-start !important;
}
.new-styling .align-items-md-end {
align-items: flex-end !important;
}
.new-styling .align-items-md-center {
align-items: center !important;
}
.new-styling .align-items-md-baseline {
align-items: baseline !important;
}
.new-styling .align-items-md-stretch {
align-items: stretch !important;
}
.new-styling .align-content-md-start {
align-content: flex-start !important;
}
.new-styling .align-content-md-end {
align-content: flex-end !important;
}
.new-styling .align-content-md-center {
align-content: center !important;
}
.new-styling .align-content-md-between {
align-content: space-between !important;
}
.new-styling .align-content-md-around {
align-content: space-around !important;
}
.new-styling .align-content-md-stretch {
align-content: stretch !important;
}
.new-styling .align-self-md-auto {
align-self: auto !important;
}
.new-styling .align-self-md-start {
align-self: flex-start !important;
}
.new-styling .align-self-md-end {
align-self: flex-end !important;
}
.new-styling .align-self-md-center {
align-self: center !important;
}
.new-styling .align-self-md-baseline {
align-self: baseline !important;
}
.new-styling .align-self-md-stretch {
align-self: stretch !important;
}
}
@media (min-width: 992px) {
.new-styling .flex-lg-row {
flex-direction: row !important;
}
.new-styling .flex-lg-column {
flex-direction: column !important;
}
.new-styling .flex-lg-row-reverse {
flex-direction: row-reverse !important;
}
.new-styling .flex-lg-column-reverse {
flex-direction: column-reverse !important;
}
.new-styling .flex-lg-wrap {
flex-wrap: wrap !important;
}
.new-styling .flex-lg-nowrap {
flex-wrap: nowrap !important;
}
.new-styling .flex-lg-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.new-styling .flex-lg-fill {
flex: 1 1 auto !important;
}
.new-styling .flex-lg-grow-0 {
flex-grow: 0 !important;
}
.new-styling .flex-lg-grow-1 {
flex-grow: 1 !important;
}
.new-styling .flex-lg-shrink-0 {
flex-shrink: 0 !important;
}
.new-styling .flex-lg-shrink-1 {
flex-shrink: 1 !important;
}
.new-styling .justify-content-lg-start {
justify-content: flex-start !important;
}
.new-styling .justify-content-lg-end {
justify-content: flex-end !important;
}
.new-styling .justify-content-lg-center {
justify-content: center !important;
}
.new-styling .justify-content-lg-between {
justify-content: space-between !important;
}
.new-styling .justify-content-lg-around {
justify-content: space-around !important;
}
.new-styling .align-items-lg-start {
align-items: flex-start !important;
}
.new-styling .align-items-lg-end {
align-items: flex-end !important;
}
.new-styling .align-items-lg-center {
align-items: center !important;
}
.new-styling .align-items-lg-baseline {
align-items: baseline !important;
}
.new-styling .align-items-lg-stretch {
align-items: stretch !important;
}
.new-styling .align-content-lg-start {
align-content: flex-start !important;
}
.new-styling .align-content-lg-end {
align-content: flex-end !important;
}
.new-styling .align-content-lg-center {
align-content: center !important;
}
.new-styling .align-content-lg-between {
align-content: space-between !important;
}
.new-styling .align-content-lg-around {
align-content: space-around !important;
}
.new-styling .align-content-lg-stretch {
align-content: stretch !important;
}
.new-styling .align-self-lg-auto {
align-self: auto !important;
}
.new-styling .align-self-lg-start {
align-self: flex-start !important;
}
.new-styling .align-self-lg-end {
align-self: flex-end !important;
}
.new-styling .align-self-lg-center {
align-self: center !important;
}
.new-styling .align-self-lg-baseline {
align-self: baseline !important;
}
.new-styling .align-self-lg-stretch {
align-self: stretch !important;
}
}
@media (min-width: 1200px) {
.new-styling .flex-xl-row {
flex-direction: row !important;
}
.new-styling .flex-xl-column {
flex-direction: column !important;
}
.new-styling .flex-xl-row-reverse {
flex-direction: row-reverse !important;
}
.new-styling .flex-xl-column-reverse {
flex-direction: column-reverse !important;
}
.new-styling .flex-xl-wrap {
flex-wrap: wrap !important;
}
.new-styling .flex-xl-nowrap {
flex-wrap: nowrap !important;
}
.new-styling .flex-xl-wrap-reverse {
flex-wrap: wrap-reverse !important;
}
.new-styling .flex-xl-fill {
flex: 1 1 auto !important;
}
.new-styling .flex-xl-grow-0 {
flex-grow: 0 !important;
}
.new-styling .flex-xl-grow-1 {
flex-grow: 1 !important;
}
.new-styling .flex-xl-shrink-0 {
flex-shrink: 0 !important;
}
.new-styling .flex-xl-shrink-1 {
flex-shrink: 1 !important;
}
.new-styling .justify-content-xl-start {
justify-content: flex-start !important;
}
.new-styling .justify-content-xl-end {
justify-content: flex-end !important;
}
.new-styling .justify-content-xl-center {
justify-content: center !important;
}
.new-styling .justify-content-xl-between {
justify-content: space-between !important;
}
.new-styling .justify-content-xl-around {
justify-content: space-around !important;
}
.new-styling .align-items-xl-start {
align-items: flex-start !important;
}
.new-styling .align-items-xl-end {
align-items: flex-end !important;
}
.new-styling .align-items-xl-center {
align-items: center !important;
}
.new-styling .align-items-xl-baseline {
align-items: baseline !important;
}
.new-styling .align-items-xl-stretch {
align-items: stretch !important;
}
.new-styling .align-content-xl-start {
align-content: flex-start !important;
}
.new-styling .align-content-xl-end {
align-content: flex-end !important;
}
.new-styling .align-content-xl-center {
align-content: center !important;
}
.new-styling .align-content-xl-between {
align-content: space-between !important;
}
.new-styling .align-content-xl-around {
align-content: space-around !important;
}
.new-styling .align-content-xl-stretch {
align-content: stretch !important;
}
.new-styling .align-self-xl-auto {
align-self: auto !important;
}
.new-styling .align-self-xl-start {
align-self: flex-start !important;
}
.new-styling .align-self-xl-end {
align-self: flex-end !important;
}
.new-styling .align-self-xl-center {
align-self: center !important;
}
.new-styling .align-self-xl-baseline {
align-self: baseline !important;
}
.new-styling .align-self-xl-stretch {
align-self: stretch !important;
}
}
.new-styling .m-0 {
margin: 0 !important;
}
.new-styling .mt-0,
.new-styling .my-0 {
margin-top: 0 !important;
}
.new-styling .mr-0,
.new-styling .mx-0 {
margin-right: 0 !important;
}
.new-styling .mb-0,
.new-styling .my-0 {
margin-bottom: 0 !important;
}
.new-styling .ml-0,
.new-styling .mx-0 {
margin-left: 0 !important;
}
.new-styling .m-1 {
margin: 0.25rem !important;
}
.new-styling .mt-1,
.new-styling .my-1 {
margin-top: 0.25rem !important;
}
.new-styling .mr-1,
.new-styling .mx-1 {
margin-right: 0.25rem !important;
}
.new-styling .mb-1,
.new-styling .my-1 {
margin-bottom: 0.25rem !important;
}
.new-styling .ml-1,
.new-styling .mx-1 {
margin-left: 0.25rem !important;
}
.new-styling .m-2 {
margin: 0.5rem !important;
}
.new-styling .mt-2,
.new-styling .my-2 {
margin-top: 0.5rem !important;
}
.new-styling .mr-2,
.new-styling .mx-2 {
margin-right: 0.5rem !important;
}
.new-styling .mb-2,
.new-styling .my-2 {
margin-bottom: 0.5rem !important;
}
.new-styling .ml-2,
.new-styling .mx-2 {
margin-left: 0.5rem !important;
}
.new-styling .m-3 {
margin: 1rem !important;
}
.new-styling .mt-3,
.new-styling .my-3 {
margin-top: 1rem !important;
}
.new-styling .mr-3,
.new-styling .mx-3 {
margin-right: 1rem !important;
}
.new-styling .mb-3,
.new-styling .my-3 {
margin-bottom: 1rem !important;
}
.new-styling .ml-3,
.new-styling .mx-3 {
margin-left: 1rem !important;
}
.new-styling .m-4 {
margin: 1.5rem !important;
}
.new-styling .mt-4,
.new-styling .my-4 {
margin-top: 1.5rem !important;
}
.new-styling .mr-4,
.new-styling .mx-4 {
margin-right: 1.5rem !important;
}
.new-styling .mb-4,
.new-styling .my-4 {
margin-bottom: 1.5rem !important;
}
.new-styling .ml-4,
.new-styling .mx-4 {
margin-left: 1.5rem !important;
}
.new-styling .m-5 {
margin: 3rem !important;
}
.new-styling .mt-5,
.new-styling .my-5 {
margin-top: 3rem !important;
}
.new-styling .mr-5,
.new-styling .mx-5 {
margin-right: 3rem !important;
}
.new-styling .mb-5,
.new-styling .my-5 {
margin-bottom: 3rem !important;
}
.new-styling .ml-5,
.new-styling .mx-5 {
margin-left: 3rem !important;
}
.new-styling .p-0 {
padding: 0 !important;
}
.new-styling .pt-0,
.new-styling .py-0 {
padding-top: 0 !important;
}
.new-styling .pr-0,
.new-styling .px-0 {
padding-right: 0 !important;
}
.new-styling .pb-0,
.new-styling .py-0 {
padding-bottom: 0 !important;
}
.new-styling .pl-0,
.new-styling .px-0 {
padding-left: 0 !important;
}
.new-styling .p-1 {
padding: 0.25rem !important;
}
.new-styling .pt-1,
.new-styling .py-1 {
padding-top: 0.25rem !important;
}
.new-styling .pr-1,
.new-styling .px-1 {
padding-right: 0.25rem !important;
}
.new-styling .pb-1,
.new-styling .py-1 {
padding-bottom: 0.25rem !important;
}
.new-styling .pl-1,
.new-styling .px-1 {
padding-left: 0.25rem !important;
}
.new-styling .p-2 {
padding: 0.5rem !important;
}
.new-styling .pt-2,
.new-styling .py-2 {
padding-top: 0.5rem !important;
}
.new-styling .pr-2,
.new-styling .px-2 {
padding-right: 0.5rem !important;
}
.new-styling .pb-2,
.new-styling .py-2 {
padding-bottom: 0.5rem !important;
}
.new-styling .pl-2,
.new-styling .px-2 {
padding-left: 0.5rem !important;
}
.new-styling .p-3 {
padding: 1rem !important;
}
.new-styling .pt-3,
.new-styling .py-3 {
padding-top: 1rem !important;
}
.new-styling .pr-3,
.new-styling .px-3 {
padding-right: 1rem !important;
}
.new-styling .pb-3,
.new-styling .py-3 {
padding-bottom: 1rem !important;
}
.new-styling .pl-3,
.new-styling .px-3 {
padding-left: 1rem !important;
}
.new-styling .p-4 {
padding: 1.5rem !important;
}
.new-styling .pt-4,
.new-styling .py-4 {
padding-top: 1.5rem !important;
}
.new-styling .pr-4,
.new-styling .px-4 {
padding-right: 1.5rem !important;
}
.new-styling .pb-4,
.new-styling .py-4 {
padding-bottom: 1.5rem !important;
}
.new-styling .pl-4,
.new-styling .px-4 {
padding-left: 1.5rem !important;
}
.new-styling .p-5 {
padding: 3rem !important;
}
.new-styling .pt-5,
.new-styling .py-5 {
padding-top: 3rem !important;
}
.new-styling .pr-5,
.new-styling .px-5 {
padding-right: 3rem !important;
}
.new-styling .pb-5,
.new-styling .py-5 {
padding-bottom: 3rem !important;
}
.new-styling .pl-5,
.new-styling .px-5 {
padding-left: 3rem !important;
}
.new-styling .m-auto {
margin: auto !important;
}
.new-styling .mt-auto,
.new-styling .my-auto {
margin-top: auto !important;
}
.new-styling .mr-auto,
.new-styling .mx-auto {
margin-right: auto !important;
}
.new-styling .mb-auto,
.new-styling .my-auto {
margin-bottom: auto !important;
}
.new-styling .ml-auto,
.new-styling .mx-auto {
margin-left: auto !important;
}
@media (min-width: 576px) {
.new-styling .m-sm-0 {
margin: 0 !important;
}
.new-styling .mt-sm-0,
.new-styling .my-sm-0 {
margin-top: 0 !important;
}
.new-styling .mr-sm-0,
.new-styling .mx-sm-0 {
margin-right: 0 !important;
}
.new-styling .mb-sm-0,
.new-styling .my-sm-0 {
margin-bottom: 0 !important;
}
.new-styling .ml-sm-0,
.new-styling .mx-sm-0 {
margin-left: 0 !important;
}
.new-styling .m-sm-1 {
margin: 0.25rem !important;
}
.new-styling .mt-sm-1,
.new-styling .my-sm-1 {
margin-top: 0.25rem !important;
}
.new-styling .mr-sm-1,
.new-styling .mx-sm-1 {
margin-right: 0.25rem !important;
}
.new-styling .mb-sm-1,
.new-styling .my-sm-1 {
margin-bottom: 0.25rem !important;
}
.new-styling .ml-sm-1,
.new-styling .mx-sm-1 {
margin-left: 0.25rem !important;
}
.new-styling .m-sm-2 {
margin: 0.5rem !important;
}
.new-styling .mt-sm-2,
.new-styling .my-sm-2 {
margin-top: 0.5rem !important;
}
.new-styling .mr-sm-2,
.new-styling .mx-sm-2 {
margin-right: 0.5rem !important;
}
.new-styling .mb-sm-2,
.new-styling .my-sm-2 {
margin-bottom: 0.5rem !important;
}
.new-styling .ml-sm-2,
.new-styling .mx-sm-2 {
margin-left: 0.5rem !important;
}
.new-styling .m-sm-3 {
margin: 1rem !important;
}
.new-styling .mt-sm-3,
.new-styling .my-sm-3 {
margin-top: 1rem !important;
}
.new-styling .mr-sm-3,
.new-styling .mx-sm-3 {
margin-right: 1rem !important;
}
.new-styling .mb-sm-3,
.new-styling .my-sm-3 {
margin-bottom: 1rem !important;
}
.new-styling .ml-sm-3,
.new-styling .mx-sm-3 {
margin-left: 1rem !important;
}
.new-styling .m-sm-4 {
margin: 1.5rem !important;
}
.new-styling .mt-sm-4,
.new-styling .my-sm-4 {
margin-top: 1.5rem !important;
}
.new-styling .mr-sm-4,
.new-styling .mx-sm-4 {
margin-right: 1.5rem !important;
}
.new-styling .mb-sm-4,
.new-styling .my-sm-4 {
margin-bottom: 1.5rem !important;
}
.new-styling .ml-sm-4,
.new-styling .mx-sm-4 {
margin-left: 1.5rem !important;
}
.new-styling .m-sm-5 {
margin: 3rem !important;
}
.new-styling .mt-sm-5,
.new-styling .my-sm-5 {
margin-top: 3rem !important;
}
.new-styling .mr-sm-5,
.new-styling .mx-sm-5 {
margin-right: 3rem !important;
}
.new-styling .mb-sm-5,
.new-styling .my-sm-5 {
margin-bottom: 3rem !important;
}
.new-styling .ml-sm-5,
.new-styling .mx-sm-5 {
margin-left: 3rem !important;
}
.new-styling .p-sm-0 {
padding: 0 !important;
}
.new-styling .pt-sm-0,
.new-styling .py-sm-0 {
padding-top: 0 !important;
}
.new-styling .pr-sm-0,
.new-styling .px-sm-0 {
padding-right: 0 !important;
}
.new-styling .pb-sm-0,
.new-styling .py-sm-0 {
padding-bottom: 0 !important;
}
.new-styling .pl-sm-0,
.new-styling .px-sm-0 {
padding-left: 0 !important;
}
.new-styling .p-sm-1 {
padding: 0.25rem !important;
}
.new-styling .pt-sm-1,
.new-styling .py-sm-1 {
padding-top: 0.25rem !important;
}
.new-styling .pr-sm-1,
.new-styling .px-sm-1 {
padding-right: 0.25rem !important;
}
.new-styling .pb-sm-1,
.new-styling .py-sm-1 {
padding-bottom: 0.25rem !important;
}
.new-styling .pl-sm-1,
.new-styling .px-sm-1 {
padding-left: 0.25rem !important;
}
.new-styling .p-sm-2 {
padding: 0.5rem !important;
}
.new-styling .pt-sm-2,
.new-styling .py-sm-2 {
padding-top: 0.5rem !important;
}
.new-styling .pr-sm-2,
.new-styling .px-sm-2 {
padding-right: 0.5rem !important;
}
.new-styling .pb-sm-2,
.new-styling .py-sm-2 {
padding-bottom: 0.5rem !important;
}
.new-styling .pl-sm-2,
.new-styling .px-sm-2 {
padding-left: 0.5rem !important;
}
.new-styling .p-sm-3 {
padding: 1rem !important;
}
.new-styling .pt-sm-3,
.new-styling .py-sm-3 {
padding-top: 1rem !important;
}
.new-styling .pr-sm-3,
.new-styling .px-sm-3 {
padding-right: 1rem !important;
}
.new-styling .pb-sm-3,
.new-styling .py-sm-3 {
padding-bottom: 1rem !important;
}
.new-styling .pl-sm-3,
.new-styling .px-sm-3 {
padding-left: 1rem !important;
}
.new-styling .p-sm-4 {
padding: 1.5rem !important;
}
.new-styling .pt-sm-4,
.new-styling .py-sm-4 {
padding-top: 1.5rem !important;
}
.new-styling .pr-sm-4,
.new-styling .px-sm-4 {
padding-right: 1.5rem !important;
}
.new-styling .pb-sm-4,
.new-styling .py-sm-4 {
padding-bottom: 1.5rem !important;
}
.new-styling .pl-sm-4,
.new-styling .px-sm-4 {
padding-left: 1.5rem !important;
}
.new-styling .p-sm-5 {
padding: 3rem !important;
}
.new-styling .pt-sm-5,
.new-styling .py-sm-5 {
padding-top: 3rem !important;
}
.new-styling .pr-sm-5,
.new-styling .px-sm-5 {
padding-right: 3rem !important;
}
.new-styling .pb-sm-5,
.new-styling .py-sm-5 {
padding-bottom: 3rem !important;
}
.new-styling .pl-sm-5,
.new-styling .px-sm-5 {
padding-left: 3rem !important;
}
.new-styling .m-sm-auto {
margin: auto !important;
}
.new-styling .mt-sm-auto,
.new-styling .my-sm-auto {
margin-top: auto !important;
}
.new-styling .mr-sm-auto,
.new-styling .mx-sm-auto {
margin-right: auto !important;
}
.new-styling .mb-sm-auto,
.new-styling .my-sm-auto {
margin-bottom: auto !important;
}
.new-styling .ml-sm-auto,
.new-styling .mx-sm-auto {
margin-left: auto !important;
}
}
@media (min-width: 768px) {
.new-styling .m-md-0 {
margin: 0 !important;
}
.new-styling .mt-md-0,
.new-styling .my-md-0 {
margin-top: 0 !important;
}
.new-styling .mr-md-0,
.new-styling .mx-md-0 {
margin-right: 0 !important;
}
.new-styling .mb-md-0,
.new-styling .my-md-0 {
margin-bottom: 0 !important;
}
.new-styling .ml-md-0,
.new-styling .mx-md-0 {
margin-left: 0 !important;
}
.new-styling .m-md-1 {
margin: 0.25rem !important;
}
.new-styling .mt-md-1,
.new-styling .my-md-1 {
margin-top: 0.25rem !important;
}
.new-styling .mr-md-1,
.new-styling .mx-md-1 {
margin-right: 0.25rem !important;
}
.new-styling .mb-md-1,
.new-styling .my-md-1 {
margin-bottom: 0.25rem !important;
}
.new-styling .ml-md-1,
.new-styling .mx-md-1 {
margin-left: 0.25rem !important;
}
.new-styling .m-md-2 {
margin: 0.5rem !important;
}
.new-styling .mt-md-2,
.new-styling .my-md-2 {
margin-top: 0.5rem !important;
}
.new-styling .mr-md-2,
.new-styling .mx-md-2 {
margin-right: 0.5rem !important;
}
.new-styling .mb-md-2,
.new-styling .my-md-2 {
margin-bottom: 0.5rem !important;
}
.new-styling .ml-md-2,
.new-styling .mx-md-2 {
margin-left: 0.5rem !important;
}
.new-styling .m-md-3 {
margin: 1rem !important;
}
.new-styling .mt-md-3,
.new-styling .my-md-3 {
margin-top: 1rem !important;
}
.new-styling .mr-md-3,
.new-styling .mx-md-3 {
margin-right: 1rem !important;
}
.new-styling .mb-md-3,
.new-styling .my-md-3 {
margin-bottom: 1rem !important;
}
.new-styling .ml-md-3,
.new-styling .mx-md-3 {
margin-left: 1rem !important;
}
.new-styling .m-md-4 {
margin: 1.5rem !important;
}
.new-styling .mt-md-4,
.new-styling .my-md-4 {
margin-top: 1.5rem !important;
}
.new-styling .mr-md-4,
.new-styling .mx-md-4 {
margin-right: 1.5rem !important;
}
.new-styling .mb-md-4,
.new-styling .my-md-4 {
margin-bottom: 1.5rem !important;
}
.new-styling .ml-md-4,
.new-styling .mx-md-4 {
margin-left: 1.5rem !important;
}
.new-styling .m-md-5 {
margin: 3rem !important;
}
.new-styling .mt-md-5,
.new-styling .my-md-5 {
margin-top: 3rem !important;
}
.new-styling .mr-md-5,
.new-styling .mx-md-5 {
margin-right: 3rem !important;
}
.new-styling .mb-md-5,
.new-styling .my-md-5 {
margin-bottom: 3rem !important;
}
.new-styling .ml-md-5,
.new-styling .mx-md-5 {
margin-left: 3rem !important;
}
.new-styling .p-md-0 {
padding: 0 !important;
}
.new-styling .pt-md-0,
.new-styling .py-md-0 {
padding-top: 0 !important;
}
.new-styling .pr-md-0,
.new-styling .px-md-0 {
padding-right: 0 !important;
}
.new-styling .pb-md-0,
.new-styling .py-md-0 {
padding-bottom: 0 !important;
}
.new-styling .pl-md-0,
.new-styling .px-md-0 {
padding-left: 0 !important;
}
.new-styling .p-md-1 {
padding: 0.25rem !important;
}
.new-styling .pt-md-1,
.new-styling .py-md-1 {
padding-top: 0.25rem !important;
}
.new-styling .pr-md-1,
.new-styling .px-md-1 {
padding-right: 0.25rem !important;
}
.new-styling .pb-md-1,
.new-styling .py-md-1 {
padding-bottom: 0.25rem !important;
}
.new-styling .pl-md-1,
.new-styling .px-md-1 {
padding-left: 0.25rem !important;
}
.new-styling .p-md-2 {
padding: 0.5rem !important;
}
.new-styling .pt-md-2,
.new-styling .py-md-2 {
padding-top: 0.5rem !important;
}
.new-styling .pr-md-2,
.new-styling .px-md-2 {
padding-right: 0.5rem !important;
}
.new-styling .pb-md-2,
.new-styling .py-md-2 {
padding-bottom: 0.5rem !important;
}
.new-styling .pl-md-2,
.new-styling .px-md-2 {
padding-left: 0.5rem !important;
}
.new-styling .p-md-3 {
padding: 1rem !important;
}
.new-styling .pt-md-3,
.new-styling .py-md-3 {
padding-top: 1rem !important;
}
.new-styling .pr-md-3,
.new-styling .px-md-3 {
padding-right: 1rem !important;
}
.new-styling .pb-md-3,
.new-styling .py-md-3 {
padding-bottom: 1rem !important;
}
.new-styling .pl-md-3,
.new-styling .px-md-3 {
padding-left: 1rem !important;
}
.new-styling .p-md-4 {
padding: 1.5rem !important;
}
.new-styling .pt-md-4,
.new-styling .py-md-4 {
padding-top: 1.5rem !important;
}
.new-styling .pr-md-4,
.new-styling .px-md-4 {
padding-right: 1.5rem !important;
}
.new-styling .pb-md-4,
.new-styling .py-md-4 {
padding-bottom: 1.5rem !important;
}
.new-styling .pl-md-4,
.new-styling .px-md-4 {
padding-left: 1.5rem !important;
}
.new-styling .p-md-5 {
padding: 3rem !important;
}
.new-styling .pt-md-5,
.new-styling .py-md-5 {
padding-top: 3rem !important;
}
.new-styling .pr-md-5,
.new-styling .px-md-5 {
padding-right: 3rem !important;
}
.new-styling .pb-md-5,
.new-styling .py-md-5 {
padding-bottom: 3rem !important;
}
.new-styling .pl-md-5,
.new-styling .px-md-5 {
padding-left: 3rem !important;
}
.new-styling .m-md-auto {
margin: auto !important;
}
.new-styling .mt-md-auto,
.new-styling .my-md-auto {
margin-top: auto !important;
}
.new-styling .mr-md-auto,
.new-styling .mx-md-auto {
margin-right: auto !important;
}
.new-styling .mb-md-auto,
.new-styling .my-md-auto {
margin-bottom: auto !important;
}
.new-styling .ml-md-auto,
.new-styling .mx-md-auto {
margin-left: auto !important;
}
}
@media (min-width: 992px) {
.new-styling .m-lg-0 {
margin: 0 !important;
}
.new-styling .mt-lg-0,
.new-styling .my-lg-0 {
margin-top: 0 !important;
}
.new-styling .mr-lg-0,
.new-styling .mx-lg-0 {
margin-right: 0 !important;
}
.new-styling .mb-lg-0,
.new-styling .my-lg-0 {
margin-bottom: 0 !important;
}
.new-styling .ml-lg-0,
.new-styling .mx-lg-0 {
margin-left: 0 !important;
}
.new-styling .m-lg-1 {
margin: 0.25rem !important;
}
.new-styling .mt-lg-1,
.new-styling .my-lg-1 {
margin-top: 0.25rem !important;
}
.new-styling .mr-lg-1,
.new-styling .mx-lg-1 {
margin-right: 0.25rem !important;
}
.new-styling .mb-lg-1,
.new-styling .my-lg-1 {
margin-bottom: 0.25rem !important;
}
.new-styling .ml-lg-1,
.new-styling .mx-lg-1 {
margin-left: 0.25rem !important;
}
.new-styling .m-lg-2 {
margin: 0.5rem !important;
}
.new-styling .mt-lg-2,
.new-styling .my-lg-2 {
margin-top: 0.5rem !important;
}
.new-styling .mr-lg-2,
.new-styling .mx-lg-2 {
margin-right: 0.5rem !important;
}
.new-styling .mb-lg-2,
.new-styling .my-lg-2 {
margin-bottom: 0.5rem !important;
}
.new-styling .ml-lg-2,
.new-styling .mx-lg-2 {
margin-left: 0.5rem !important;
}
.new-styling .m-lg-3 {
margin: 1rem !important;
}
.new-styling .mt-lg-3,
.new-styling .my-lg-3 {
margin-top: 1rem !important;
}
.new-styling .mr-lg-3,
.new-styling .mx-lg-3 {
margin-right: 1rem !important;
}
.new-styling .mb-lg-3,
.new-styling .my-lg-3 {
margin-bottom: 1rem !important;
}
.new-styling .ml-lg-3,
.new-styling .mx-lg-3 {
margin-left: 1rem !important;
}
.new-styling .m-lg-4 {
margin: 1.5rem !important;
}
.new-styling .mt-lg-4,
.new-styling .my-lg-4 {
margin-top: 1.5rem !important;
}
.new-styling .mr-lg-4,
.new-styling .mx-lg-4 {
margin-right: 1.5rem !important;
}
.new-styling .mb-lg-4,
.new-styling .my-lg-4 {
margin-bottom: 1.5rem !important;
}
.new-styling .ml-lg-4,
.new-styling .mx-lg-4 {
margin-left: 1.5rem !important;
}
.new-styling .m-lg-5 {
margin: 3rem !important;
}
.new-styling .mt-lg-5,
.new-styling .my-lg-5 {
margin-top: 3rem !important;
}
.new-styling .mr-lg-5,
.new-styling .mx-lg-5 {
margin-right: 3rem !important;
}
.new-styling .mb-lg-5,
.new-styling .my-lg-5 {
margin-bottom: 3rem !important;
}
.new-styling .ml-lg-5,
.new-styling .mx-lg-5 {
margin-left: 3rem !important;
}
.new-styling .p-lg-0 {
padding: 0 !important;
}
.new-styling .pt-lg-0,
.new-styling .py-lg-0 {
padding-top: 0 !important;
}
.new-styling .pr-lg-0,
.new-styling .px-lg-0 {
padding-right: 0 !important;
}
.new-styling .pb-lg-0,
.new-styling .py-lg-0 {
padding-bottom: 0 !important;
}
.new-styling .pl-lg-0,
.new-styling .px-lg-0 {
padding-left: 0 !important;
}
.new-styling .p-lg-1 {
padding: 0.25rem !important;
}
.new-styling .pt-lg-1,
.new-styling .py-lg-1 {
padding-top: 0.25rem !important;
}
.new-styling .pr-lg-1,
.new-styling .px-lg-1 {
padding-right: 0.25rem !important;
}
.new-styling .pb-lg-1,
.new-styling .py-lg-1 {
padding-bottom: 0.25rem !important;
}
.new-styling .pl-lg-1,
.new-styling .px-lg-1 {
padding-left: 0.25rem !important;
}
.new-styling .p-lg-2 {
padding: 0.5rem !important;
}
.new-styling .pt-lg-2,
.new-styling .py-lg-2 {
padding-top: 0.5rem !important;
}
.new-styling .pr-lg-2,
.new-styling .px-lg-2 {
padding-right: 0.5rem !important;
}
.new-styling .pb-lg-2,
.new-styling .py-lg-2 {
padding-bottom: 0.5rem !important;
}
.new-styling .pl-lg-2,
.new-styling .px-lg-2 {
padding-left: 0.5rem !important;
}
.new-styling .p-lg-3 {
padding: 1rem !important;
}
.new-styling .pt-lg-3,
.new-styling .py-lg-3 {
padding-top: 1rem !important;
}
.new-styling .pr-lg-3,
.new-styling .px-lg-3 {
padding-right: 1rem !important;
}
.new-styling .pb-lg-3,
.new-styling .py-lg-3 {
padding-bottom: 1rem !important;
}
.new-styling .pl-lg-3,
.new-styling .px-lg-3 {
padding-left: 1rem !important;
}
.new-styling .p-lg-4 {
padding: 1.5rem !important;
}
.new-styling .pt-lg-4,
.new-styling .py-lg-4 {
padding-top: 1.5rem !important;
}
.new-styling .pr-lg-4,
.new-styling .px-lg-4 {
padding-right: 1.5rem !important;
}
.new-styling .pb-lg-4,
.new-styling .py-lg-4 {
padding-bottom: 1.5rem !important;
}
.new-styling .pl-lg-4,
.new-styling .px-lg-4 {
padding-left: 1.5rem !important;
}
.new-styling .p-lg-5 {
padding: 3rem !important;
}
.new-styling .pt-lg-5,
.new-styling .py-lg-5 {
padding-top: 3rem !important;
}
.new-styling .pr-lg-5,
.new-styling .px-lg-5 {
padding-right: 3rem !important;
}
.new-styling .pb-lg-5,
.new-styling .py-lg-5 {
padding-bottom: 3rem !important;
}
.new-styling .pl-lg-5,
.new-styling .px-lg-5 {
padding-left: 3rem !important;
}
.new-styling .m-lg-auto {
margin: auto !important;
}
.new-styling .mt-lg-auto,
.new-styling .my-lg-auto {
margin-top: auto !important;
}
.new-styling .mr-lg-auto,
.new-styling .mx-lg-auto {
margin-right: auto !important;
}
.new-styling .mb-lg-auto,
.new-styling .my-lg-auto {
margin-bottom: auto !important;
}
.new-styling .ml-lg-auto,
.new-styling .mx-lg-auto {
margin-left: auto !important;
}
}
@media (min-width: 1200px) {
.new-styling .m-xl-0 {
margin: 0 !important;
}
.new-styling .mt-xl-0,
.new-styling .my-xl-0 {
margin-top: 0 !important;
}
.new-styling .mr-xl-0,
.new-styling .mx-xl-0 {
margin-right: 0 !important;
}
.new-styling .mb-xl-0,
.new-styling .my-xl-0 {
margin-bottom: 0 !important;
}
.new-styling .ml-xl-0,
.new-styling .mx-xl-0 {
margin-left: 0 !important;
}
.new-styling .m-xl-1 {
margin: 0.25rem !important;
}
.new-styling .mt-xl-1,
.new-styling .my-xl-1 {
margin-top: 0.25rem !important;
}
.new-styling .mr-xl-1,
.new-styling .mx-xl-1 {
margin-right: 0.25rem !important;
}
.new-styling .mb-xl-1,
.new-styling .my-xl-1 {
margin-bottom: 0.25rem !important;
}
.new-styling .ml-xl-1,
.new-styling .mx-xl-1 {
margin-left: 0.25rem !important;
}
.new-styling .m-xl-2 {
margin: 0.5rem !important;
}
.new-styling .mt-xl-2,
.new-styling .my-xl-2 {
margin-top: 0.5rem !important;
}
.new-styling .mr-xl-2,
.new-styling .mx-xl-2 {
margin-right: 0.5rem !important;
}
.new-styling .mb-xl-2,
.new-styling .my-xl-2 {
margin-bottom: 0.5rem !important;
}
.new-styling .ml-xl-2,
.new-styling .mx-xl-2 {
margin-left: 0.5rem !important;
}
.new-styling .m-xl-3 {
margin: 1rem !important;
}
.new-styling .mt-xl-3,
.new-styling .my-xl-3 {
margin-top: 1rem !important;
}
.new-styling .mr-xl-3,
.new-styling .mx-xl-3 {
margin-right: 1rem !important;
}
.new-styling .mb-xl-3,
.new-styling .my-xl-3 {
margin-bottom: 1rem !important;
}
.new-styling .ml-xl-3,
.new-styling .mx-xl-3 {
margin-left: 1rem !important;
}
.new-styling .m-xl-4 {
margin: 1.5rem !important;
}
.new-styling .mt-xl-4,
.new-styling .my-xl-4 {
margin-top: 1.5rem !important;
}
.new-styling .mr-xl-4,
.new-styling .mx-xl-4 {
margin-right: 1.5rem !important;
}
.new-styling .mb-xl-4,
.new-styling .my-xl-4 {
margin-bottom: 1.5rem !important;
}
.new-styling .ml-xl-4,
.new-styling .mx-xl-4 {
margin-left: 1.5rem !important;
}
.new-styling .m-xl-5 {
margin: 3rem !important;
}
.new-styling .mt-xl-5,
.new-styling .my-xl-5 {
margin-top: 3rem !important;
}
.new-styling .mr-xl-5,
.new-styling .mx-xl-5 {
margin-right: 3rem !important;
}
.new-styling .mb-xl-5,
.new-styling .my-xl-5 {
margin-bottom: 3rem !important;
}
.new-styling .ml-xl-5,
.new-styling .mx-xl-5 {
margin-left: 3rem !important;
}
.new-styling .p-xl-0 {
padding: 0 !important;
}
.new-styling .pt-xl-0,
.new-styling .py-xl-0 {
padding-top: 0 !important;
}
.new-styling .pr-xl-0,
.new-styling .px-xl-0 {
padding-right: 0 !important;
}
.new-styling .pb-xl-0,
.new-styling .py-xl-0 {
padding-bottom: 0 !important;
}
.new-styling .pl-xl-0,
.new-styling .px-xl-0 {
padding-left: 0 !important;
}
.new-styling .p-xl-1 {
padding: 0.25rem !important;
}
.new-styling .pt-xl-1,
.new-styling .py-xl-1 {
padding-top: 0.25rem !important;
}
.new-styling .pr-xl-1,
.new-styling .px-xl-1 {
padding-right: 0.25rem !important;
}
.new-styling .pb-xl-1,
.new-styling .py-xl-1 {
padding-bottom: 0.25rem !important;
}
.new-styling .pl-xl-1,
.new-styling .px-xl-1 {
padding-left: 0.25rem !important;
}
.new-styling .p-xl-2 {
padding: 0.5rem !important;
}
.new-styling .pt-xl-2,
.new-styling .py-xl-2 {
padding-top: 0.5rem !important;
}
.new-styling .pr-xl-2,
.new-styling .px-xl-2 {
padding-right: 0.5rem !important;
}
.new-styling .pb-xl-2,
.new-styling .py-xl-2 {
padding-bottom: 0.5rem !important;
}
.new-styling .pl-xl-2,
.new-styling .px-xl-2 {
padding-left: 0.5rem !important;
}
.new-styling .p-xl-3 {
padding: 1rem !important;
}
.new-styling .pt-xl-3,
.new-styling .py-xl-3 {
padding-top: 1rem !important;
}
.new-styling .pr-xl-3,
.new-styling .px-xl-3 {
padding-right: 1rem !important;
}
.new-styling .pb-xl-3,
.new-styling .py-xl-3 {
padding-bottom: 1rem !important;
}
.new-styling .pl-xl-3,
.new-styling .px-xl-3 {
padding-left: 1rem !important;
}
.new-styling .p-xl-4 {
padding: 1.5rem !important;
}
.new-styling .pt-xl-4,
.new-styling .py-xl-4 {
padding-top: 1.5rem !important;
}
.new-styling .pr-xl-4,
.new-styling .px-xl-4 {
padding-right: 1.5rem !important;
}
.new-styling .pb-xl-4,
.new-styling .py-xl-4 {
padding-bottom: 1.5rem !important;
}
.new-styling .pl-xl-4,
.new-styling .px-xl-4 {
padding-left: 1.5rem !important;
}
.new-styling .p-xl-5 {
padding: 3rem !important;
}
.new-styling .pt-xl-5,
.new-styling .py-xl-5 {
padding-top: 3rem !important;
}
.new-styling .pr-xl-5,
.new-styling .px-xl-5 {
padding-right: 3rem !important;
}
.new-styling .pb-xl-5,
.new-styling .py-xl-5 {
padding-bottom: 3rem !important;
}
.new-styling .pl-xl-5,
.new-styling .px-xl-5 {
padding-left: 3rem !important;
}
.new-styling .m-xl-auto {
margin: auto !important;
}
.new-styling .mt-xl-auto,
.new-styling .my-xl-auto {
margin-top: auto !important;
}
.new-styling .mr-xl-auto,
.new-styling .mx-xl-auto {
margin-right: auto !important;
}
.new-styling .mb-xl-auto,
.new-styling .my-xl-auto {
margin-bottom: auto !important;
}
.new-styling .ml-xl-auto,
.new-styling .mx-xl-auto {
margin-left: auto !important;
}
}
.new-styling .w-25 {
width: 25% !important;
}
.new-styling .w-50 {
width: 50% !important;
}
.new-styling .w-75 {
width: 75% !important;
}
.new-styling .w-100 {
width: 100% !important;
}
.new-styling .w-auto {
width: auto !important;
}
.new-styling .h-25 {
height: 25% !important;
}
.new-styling .h-50 {
height: 50% !important;
}
.new-styling .h-75 {
height: 75% !important;
}
.new-styling .h-100 {
height: 100% !important;
}
.new-styling .h-auto {
height: auto !important;
}
.new-styling .mw-100 {
max-width: 100% !important;
}
.new-styling .mh-100 {
max-height: 100% !important;
}
.new-styling .float-left {
float: left !important;
}
.new-styling .float-right {
float: right !important;
}
.new-styling .float-none {
float: none !important;
}
@media (min-width: 576px) {
.new-styling .float-sm-left {
float: left !important;
}
.new-styling .float-sm-right {
float: right !important;
}
.new-styling .float-sm-none {
float: none !important;
}
}
@media (min-width: 768px) {
.new-styling .float-md-left {
float: left !important;
}
.new-styling .float-md-right {
float: right !important;
}
.new-styling .float-md-none {
float: none !important;
}
}
@media (min-width: 992px) {
.new-styling .float-lg-left {
float: left !important;
}
.new-styling .float-lg-right {
float: right !important;
}
.new-styling .float-lg-none {
float: none !important;
}
}
@media (min-width: 1200px) {
.new-styling .float-xl-left {
float: left !important;
}
.new-styling .float-xl-right {
float: right !important;
}
.new-styling .float-xl-none {
float: none !important;
}
}
.new-styling .shb-background-color--hb1 {
background-color: #005fa5;
}
.new-styling .shb-color--hb1 {
color: #005fa5;
}
.new-styling .shb-background-color--hb2 {
background-color: #c4e2eb;
}
.new-styling .shb-color--hb2 {
color: #c4e2eb;
}
.new-styling .shb-background-color--hb3 {
background-color: #bcd4e0;
}
.new-styling .shb-color--hb3 {
color: #bcd4e0;
}
.new-styling .shb-background-color--hb4 {
background-color: #42b5d7;
}
.new-styling .shb-color--hb4 {
color: #42b5d7;
}
.new-styling .shb-background-color--hb4--contrast {
background-color: #1b9dc3;
}
.new-styling .shb-color--hb4--contrast {
color: #1b9dc3;
}
.new-styling .shb-background-color--hb4--light {
background-color: #d8eff6;
}
.new-styling .shb-color--hb4--light {
color: #d8eff6;
}
.new-styling .shb-background-color--hb5 {
background-color: #017ab2;
}
.new-styling .shb-color--hb5 {
color: #017ab2;
}
.new-styling .shb-background-color--hb5--light {
background-color: #cbe3ef;
}
.new-styling .shb-color--hb5--light {
color: #cbe3ef;
}
.new-styling .shb-background-color--d-hb2 {
background-color: #c4e2eb;
}
.new-styling .shb-color--d-hb2 {
color: #c4e2eb;
}
.new-styling .shb-background-color--d-hb2--light {
background-color: #eaf4f7;
}
.new-styling .shb-color--d-hb2--light {
color: #eaf4f7;
}
.new-styling .shb-background-color--hb6 {
background-color: #043b62;
}
.new-styling .shb-color--hb6 {
color: #043b62;
}
.new-styling .shb-background-color--hb7 {
background-color: #7baea2;
}
.new-styling .shb-color--hb7 {
color: #7baea2;
}
.new-styling .shb-background-color--hb7--light {
background-color: #d9e9e1;
}
.new-styling .shb-color--hb7--light {
color: #d9e9e1;
}
.new-styling .shb-background-color--hb7--contrast {
background-color: #007b45;
}
.new-styling .shb-color--hb7--contrast {
color: #007b45;
}
.new-styling .shb-background-color--hb8 {
background-color: #df638e;
}
.new-styling .shb-color--hb8 {
color: #df638e;
}
.new-styling .shb-background-color--hb8--contrast {
background-color: #de1371;
}
.new-styling .shb-color--hb8--contrast {
color: #de1371;
}
.new-styling .shb-background-color--hb8--light {
background-color: #f9d8e4;
}
.new-styling .shb-color--hb8--light {
color: #f9d8e4;
}
.new-styling .shb-background-color--hb9 {
background-color: #eceae6;
}
.new-styling .shb-color--hb9 {
color: #eceae6;
}
.new-styling .shb-background-color--hb9--light {
background-color: #f3f2ef;
}
.new-styling .shb-color--hb9--light {
color: #f3f2ef;
}
.new-styling .shb-background-color--hb9--light1 {
background-color: #fbfaf9;
}
.new-styling .shb-color--hb9--light1 {
color: #fbfaf9;
}
.new-styling .shb-background-color--hb10 {
background-color: #cd422f;
}
.new-styling .shb-color--hb10 {
color: #cd422f;
}
.new-styling .shb-background-color--hb19 {
background-color: #e86f00;
}
.new-styling .shb-color--hb19 {
color: #e86f00;
}
.new-styling .shb-background-color--gray-0 {
background-color: #fff;
}
.new-styling .shb-color--gray-0 {
color: #fff;
}
.new-styling .shb-background-color--gray-2 {
background-color: #f2f2f2;
}
.new-styling .shb-color--gray-2 {
color: #f2f2f2;
}
.new-styling .shb-background-color--gray-10 {
background-color: #e7e7e7;
}
.new-styling .shb-color--gray-10 {
color: #e7e7e7;
}
.new-styling .shb-background-color--gray-15 {
background-color: #ddd;
}
.new-styling .shb-color--gray-15 {
color: #ddd;
}
.new-styling .shb-background-color--gray-20 {
background-color: #d2d2d2;
}
.new-styling .shb-color--gray-20 {
color: #d2d2d2;
}
.new-styling .shb-background-color--gray-30 {
background-color: #bbb;
}
.new-styling .shb-color--gray-30 {
color: #bbb;
}
.new-styling .shb-background-color--gray-40 {
background-color: #a6a6a6;
}
.new-styling .shb-color--gray-40 {
color: #a6a6a6;
}
.new-styling .shb-background-color--gray-50 {
background-color: #8f8f8f;
}
.new-styling .shb-color--gray-50 {
color: #8f8f8f;
}
.new-styling .shb-background-color--gray-60 {
background-color: #7a7a7a;
}
.new-styling .shb-color--gray-60 {
color: #7a7a7a;
}
.new-styling .shb-background-color--gray-62 {
background-color: #767676;
}
.new-styling .shb-color--gray-62 {
color: #767676;
}
.new-styling .shb-background-color--gray-70 {
background-color: #636363;
}
.new-styling .shb-color--gray-70 {
color: #636363;
}
.new-styling .shb-background-color--gray-80 {
background-color: #4e4e4e;
}
.new-styling .shb-color--gray-80 {
color: #4e4e4e;
}
.new-styling .shb-background-color--gray-90 {
background-color: #373737;
}
.new-styling .shb-color--gray-90 {
color: #373737;
}
.new-styling .shb-background-color--gray-100 {
background-color: #222;
}
.new-styling .shb-color--gray-100 {
color: #222;
}
.new-styling .shb-background-color--black {
background-color: #222;
}
.new-styling .shb-color--black {
color: #222;
}
.new-styling .shb-background-color--white {
background-color: #fff;
}
.new-styling .shb-color--white {
color: #fff;
}
.new-styling html {
font-size: 16px;
}
.new-styling h1, .new-styling h2, .new-styling h3, .new-styling h4, .new-styling h5, .new-styling h6, .new-styling span, .new-styling div, .new-styling p, .new-styling a {
font-size: 16px;
text-decoration: none;
font-family: "Arial", "Helvetica", "Arial", sans-serif;
font-weight: normal;
color: #000;
margin: 0;
padding: 0;
line-height: 1.6em;
}
@font-face {
font-family: "Stag-Bold";
src: url(../../../fonts/jedi/base/kit/Stag-Bold.eot) format("embedded-opentype"), url(../../../fonts/jedi/base/kit/Stag-Bold.svg) format("svg"), url(../../../fonts/jedi/base/kit/Stag-Bold.ttf) format("ttf"), url(../../../fonts/jedi/base/kit/Stag-Bold.woff) format("woff"), url(../../../fonts/jedi/base/kit/Stag-Bold.woff2) format("woff2");
}
@font-face {
font-family: "Stag-Book";
src: url(../../../fonts/jedi/base/kit/Stag-Book.eot) format("embedded-opentype"), url(../../../fonts/jedi/base/kit/Stag-Book.svg) format("svg"), url(../../../fonts/jedi/base/kit/Stag-Book.ttf) format("ttf"), url(../../../fonts/jedi/base/kit/Stag-Book.woff) format("woff"), url(../../../fonts/jedi/base/kit/Stag-Book.woff2) format("woff2");
}
@font-face {
font-family: "Stag-Light-Italic";
src: url("../../../fonts/jedi/base/kit/Stag-Light-Italic.eot") format("embedded-opentype"), url("../../../fonts/jedi/base/kit/Stag-Light-Italic.svg") format("svg"), url("../../../fonts/jedi/base/kit/Stag-Light-Italic.ttf") format("ttf"), url("../../../fonts/jedi/base/kit/Stag-Light-Italic.woff") format("woff"), url("../../../fonts/jedi/base/kit/Stag-Light-Italic.woff2") format("woff2");
}
@font-face {
font-family: "Stag-Light";
src: url(../../../fonts/jedi/base/kit/Stag-Light.eot) format("embedded-opentype"), url(../../../fonts/jedi/base/kit/Stag-Light.svg) format("svg"), url(../../../fonts/jedi/base/kit/Stag-Light.ttf) format("ttf"), url(../../../fonts/jedi/base/kit/Stag-Light.woff) format("woff"), url(../../../fonts/jedi/base/kit/Stag-Light.woff2) format("woff2");
}
@font-face {
font-family: "Stag-Medium";
src: url(../../../fonts/jedi/base/kit/Stag-Medium.eot) format("embedded-opentype"), url(../../../fonts/jedi/base/kit/Stag-Medium.svg) format("svg"), url(../../../fonts/jedi/base/kit/Stag-Medium.ttf) format("ttf"), url(../../../fonts/jedi/base/kit/Stag-Medium.woff) format("woff"), url(../../../fonts/jedi/base/kit/Stag-Medium.woff2) format("woff2");
}
.new-styling .shb-font-size--8 {
font-size: 8px;
}
.new-styling .shb-font-size--9 {
font-size: 9px;
}
.new-styling .shb-font-size--10 {
font-size: 10px;
}
.new-styling .shb-font-size--11 {
font-size: 11px;
}
.new-styling .shb-font-size--12, .new-styling .shb-text-3, .new-styling .shb-title-12 {
font-size: 12px;
}
.new-styling .shb-font-size--13 {
font-size: 13px;
}
.new-styling .shb-font-size--14, .new-styling .shb-text-2, .new-styling .shb-title-11 {
font-size: 14px;
}
.new-styling .shb-font-size--15 {
font-size: 15px;
}
.new-styling .shb-font-size--16, .new-styling .shb-text-1, .new-styling .shb-text-1--medium, .new-styling .shb-title-10 {
font-size: 16px;
}
.new-styling .shb-font-size--17 {
font-size: 17px;
}
.new-styling .shb-font-size--18, .new-styling .shb-title-9, .new-styling .shb-title-8 {
font-size: 18px;
}
.new-styling .shb-font-size--19 {
font-size: 19px;
}
.new-styling .shb-font-size--20, .new-styling .shb-title-7, .new-styling .shb-title-6 {
font-size: 20px;
}
.new-styling .shb-font-size--21 {
font-size: 21px;
}
.new-styling .shb-font-size--22, .new-styling .shb-title-5 {
font-size: 22px;
}
.new-styling .shb-font-size--23 {
font-size: 23px;
}
.new-styling .shb-font-size--24, .new-styling .shb-ingress-1 {
font-size: 24px;
}
.new-styling .shb-font-size--25 {
font-size: 25px;
}
.new-styling .shb-font-size--26 {
font-size: 26px;
}
.new-styling .shb-font-size--27 {
font-size: 27px;
}
.new-styling .shb-font-size--28, .new-styling .shb-title-4, .new-styling .shb-title-3 {
font-size: 28px;
}
.new-styling .shb-font-size--29 {
font-size: 29px;
}
.new-styling .shb-font-size--30 {
font-size: 30px;
}
.new-styling .shb-font-size--31 {
font-size: 31px;
}
.new-styling .shb-font-size--32 {
font-size: 32px;
}
.new-styling .shb-font-size--33 {
font-size: 33px;
}
.new-styling .shb-font-size--34 {
font-size: 34px;
}
.new-styling .shb-font-size--35 {
font-size: 35px;
}
.new-styling .shb-font-size--36 {
font-size: 36px;
}
.new-styling .shb-font-size--37 {
font-size: 37px;
}
.new-styling .shb-font-size--38, .new-styling .shb-title-2 {
font-size: 38px;
}
.new-styling .shb-font-size--39 {
font-size: 39px;
}
.new-styling .shb-font-size--40 {
font-size: 40px;
}
.new-styling .shb-font-size--41 {
font-size: 41px;
}
.new-styling .shb-font-size--42, .new-styling .shb-title-1 {
font-size: 42px;
}
.new-styling .shb-font-size--43 {
font-size: 43px;
}
.new-styling .shb-font-size--44 {
font-size: 44px;
}
.new-styling .shb-font-size--45 {
font-size: 45px;
}
.new-styling .shb-font-size--46 {
font-size: 46px;
}
.new-styling .shb-font-size--47 {
font-size: 47px;
}
.new-styling .shb-font-size--48 {
font-size: 48px;
}
.new-styling .shb-font-size--49 {
font-size: 49px;
}
.new-styling .shb-font-size--50 {
font-size: 50px;
}
.new-styling .shb-font-size--51 {
font-size: 51px;
}
.new-styling .shb-font-size--52 {
font-size: 52px;
}
.new-styling .shb-font-size--53 {
font-size: 53px;
}
.new-styling .shb-font-size--54 {
font-size: 54px;
}
.new-styling .shb-font-size--55 {
font-size: 55px;
}
.new-styling .shb-font-size--56 {
font-size: 56px;
}
.new-styling .shb-font-size--57 {
font-size: 57px;
}
.new-styling .shb-font-size--58 {
font-size: 58px;
}
.new-styling .shb-font-size--59 {
font-size: 59px;
}
.new-styling .shb-font-size--60 {
font-size: 60px;
}
.new-styling .shb-font-size--61 {
font-size: 61px;
}
.new-styling .shb-font-size--62 {
font-size: 62px;
}
.new-styling .shb-font-size--63 {
font-size: 63px;
}
.new-styling .shb-font-size--64 {
font-size: 64px;
}
.new-styling .shb-font-size--65 {
font-size: 65px;
}
.new-styling .shb-font-size--66 {
font-size: 66px;
}
.new-styling .shb-font-size--67 {
font-size: 67px;
}
.new-styling .shb-font-size--68 {
font-size: 68px;
}
.new-styling .shb-font-size--69 {
font-size: 69px;
}
.new-styling .shb-font-size--70 {
font-size: 70px;
}
.new-styling .shb-font-size--71 {
font-size: 71px;
}
.new-styling .shb-font-size--72 {
font-size: 72px;
}
.new-styling .shb-font-size--73 {
font-size: 73px;
}
.new-styling .shb-font-size--74 {
font-size: 74px;
}
.new-styling .shb-font-size--75 {
font-size: 75px;
}
.new-styling .shb-font-size--76 {
font-size: 76px;
}
.new-styling .shb-font-size--77 {
font-size: 77px;
}
.new-styling .shb-font-size--78 {
font-size: 78px;
}
.new-styling .shb-font-size--79 {
font-size: 79px;
}
.new-styling .shb-font-size--80 {
font-size: 80px;
}
.new-styling .shb-font-size--81 {
font-size: 81px;
}
.new-styling .shb-font-size--82 {
font-size: 82px;
}
.new-styling .shb-font-size--83 {
font-size: 83px;
}
.new-styling .shb-font-size--84 {
font-size: 84px;
}
.new-styling .shb-font-size--85 {
font-size: 85px;
}
.new-styling .shb-font-size--86 {
font-size: 86px;
}
.new-styling .shb-font-size--87 {
font-size: 87px;
}
.new-styling .shb-font-size--88 {
font-size: 88px;
}
.new-styling .shb-font-size--89 {
font-size: 89px;
}
.new-styling .shb-font-size--90 {
font-size: 90px;
}
.new-styling .shb-font-size--91 {
font-size: 91px;
}
.new-styling .shb-font-size--92 {
font-size: 92px;
}
.new-styling .shb-font-size--93 {
font-size: 93px;
}
.new-styling .shb-font-size--94 {
font-size: 94px;
}
.new-styling .shb-font-size--95 {
font-size: 95px;
}
.new-styling .shb-font-size--96 {
font-size: 96px;
}
.new-styling .shb-font-face--arial, .new-styling .shb-text-3, .new-styling .shb-text-2, .new-styling .shb-text-1, .new-styling .shb-text-1--medium, .new-styling .shb-title-10 {
font-family: "Arial";
}
.new-styling .shb-font-face--stag-medium, .new-styling .shb-title-8, .new-styling .shb-title-7, .new-styling .shb-title-5, .new-styling .shb-title-4, .new-styling .shb-title-2 {
font-family: "Stag-Medium";
}
.new-styling .shb-font-face--stag-light, .new-styling .shb-ingress-1, .new-styling .shb-title-3, .new-styling .shb-title-1 {
font-family: "Stag-Light";
}
.new-styling .shb-font-face--stag-light-italic {
font-family: "Stag-Light-Italic";
}
.new-styling .shb-font-face--stag-book, .new-styling .shb-title-9, .new-styling .shb-title-6 {
font-family: "Stag-Book";
}
.new-styling .shb-font-face--stag-bold {
font-family: "Stag-Bold";
}
.new-styling .shb-font-face--arial-bold, .new-styling .shb-title-11 {
font-family: "Arial";
font-weight: bold;
}
.new-styling .shb-title-1 {
line-height: 1.2em;
}
.new-styling .shb-title-2 {
line-height: 1.2em;
}
.new-styling .shb-title-3 {
line-height: 1.2em;
}
.new-styling .shb-title-4 {
line-height: 1.2em;
}
.new-styling .shb-title-5 {
line-height: 1.2em;
}
.new-styling .shb-title-6 {
line-height: 1.2em;
}
.new-styling .shb-title-7 {
line-height: 1.2em;
}
.new-styling .shb-title-8 {
line-height: 1.2em;
}
.new-styling .shb-title-9 {
line-height: 1.2em;
}
.new-styling .shb-title-10 {
line-height: 1.2em;
}
.new-styling .shb-title-11 {
line-height: 1.2em;
}
.new-styling .shb-title-12 {
line-height: 1.2em;
}
.new-styling .shb-text-1--medium {
font-weight: bold;
}
.new-styling .shb-upper-case {
text-transform: uppercase;
}
.new-styling .shb-lower-case {
text-transform: lowercase;
}
.new-styling .shb-truncate {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.new-styling .shb-truncate-y {
overflow-y: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.new-styling .shb-truncate-x {
overflow-x: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.new-styling .shb-line-height-single-line {
line-height: 1em;
}
.new-styling .shb-border-color--hb1 {
border-color: #005fa5;
}
.new-styling .shb-border-top-color--hb1 {
border-top-color: #005fa5;
}
.new-styling .shb-border-bottom-color--hb1 {
border-bottom-color: #005fa5;
}
.new-styling .shb-border-right-color--hb1 {
border-right-color: #005fa5;
}
.new-styling .shb-border-left-color--hb1 {
border-left-color: #005fa5;
}
.new-styling .shb-border-y-color--hb1 {
border-top-color: #005fa5;
border-bottom-color: #005fa5;
}
.new-styling .shb-border-x-color--hb1 {
border-left-color: #005fa5;
border-right-color: #005fa5;
}
.new-styling .shb-border-color--hb2 {
border-color: #c4e2eb;
}
.new-styling .shb-border-top-color--hb2 {
border-top-color: #c4e2eb;
}
.new-styling .shb-border-bottom-color--hb2 {
border-bottom-color: #c4e2eb;
}
.new-styling .shb-border-right-color--hb2 {
border-right-color: #c4e2eb;
}
.new-styling .shb-border-left-color--hb2 {
border-left-color: #c4e2eb;
}
.new-styling .shb-border-y-color--hb2 {
border-top-color: #c4e2eb;
border-bottom-color: #c4e2eb;
}
.new-styling .shb-border-x-color--hb2 {
border-left-color: #c4e2eb;
border-right-color: #c4e2eb;
}
.new-styling .shb-border-color--hb3 {
border-color: #bcd4e0;
}
.new-styling .shb-border-top-color--hb3 {
border-top-color: #bcd4e0;
}
.new-styling .shb-border-bottom-color--hb3 {
border-bottom-color: #bcd4e0;
}
.new-styling .shb-border-right-color--hb3 {
border-right-color: #bcd4e0;
}
.new-styling .shb-border-left-color--hb3 {
border-left-color: #bcd4e0;
}
.new-styling .shb-border-y-color--hb3 {
border-top-color: #bcd4e0;
border-bottom-color: #bcd4e0;
}
.new-styling .shb-border-x-color--hb3 {
border-left-color: #bcd4e0;
border-right-color: #bcd4e0;
}
.new-styling .shb-border-color--hb4 {
border-color: #42b5d7;
}
.new-styling .shb-border-top-color--hb4 {
border-top-color: #42b5d7;
}
.new-styling .shb-border-bottom-color--hb4 {
border-bottom-color: #42b5d7;
}
.new-styling .shb-border-right-color--hb4 {
border-right-color: #42b5d7;
}
.new-styling .shb-border-left-color--hb4 {
border-left-color: #42b5d7;
}
.new-styling .shb-border-y-color--hb4 {
border-top-color: #42b5d7;
border-bottom-color: #42b5d7;
}
.new-styling .shb-border-x-color--hb4 {
border-left-color: #42b5d7;
border-right-color: #42b5d7;
}
.new-styling .shb-border-color--hb4--contrast {
border-color: #1b9dc3;
}
.new-styling .shb-border-top-color--hb4--contrast {
border-top-color: #1b9dc3;
}
.new-styling .shb-border-bottom-color--hb4--contrast {
border-bottom-color: #1b9dc3;
}
.new-styling .shb-border-right-color--hb4--contrast {
border-right-color: #1b9dc3;
}
.new-styling .shb-border-left-color--hb4--contrast {
border-left-color: #1b9dc3;
}
.new-styling .shb-border-y-color--hb4--contrast {
border-top-color: #1b9dc3;
border-bottom-color: #1b9dc3;
}
.new-styling .shb-border-x-color--hb4--contrast {
border-left-color: #1b9dc3;
border-right-color: #1b9dc3;
}
.new-styling .shb-border-color--hb4--light {
border-color: #d8eff6;
}
.new-styling .shb-border-top-color--hb4--light {
border-top-color: #d8eff6;
}
.new-styling .shb-border-bottom-color--hb4--light {
border-bottom-color: #d8eff6;
}
.new-styling .shb-border-right-color--hb4--light {
border-right-color: #d8eff6;
}
.new-styling .shb-border-left-color--hb4--light {
border-left-color: #d8eff6;
}
.new-styling .shb-border-y-color--hb4--light {
border-top-color: #d8eff6;
border-bottom-color: #d8eff6;
}
.new-styling .shb-border-x-color--hb4--light {
border-left-color: #d8eff6;
border-right-color: #d8eff6;
}
.new-styling .shb-border-color--hb5 {
border-color: #017ab2;
}
.new-styling .shb-border-top-color--hb5 {
border-top-color: #017ab2;
}
.new-styling .shb-border-bottom-color--hb5 {
border-bottom-color: #017ab2;
}
.new-styling .shb-border-right-color--hb5 {
border-right-color: #017ab2;
}
.new-styling .shb-border-left-color--hb5 {
border-left-color: #017ab2;
}
.new-styling .shb-border-y-color--hb5 {
border-top-color: #017ab2;
border-bottom-color: #017ab2;
}
.new-styling .shb-border-x-color--hb5 {
border-left-color: #017ab2;
border-right-color: #017ab2;
}
.new-styling .shb-border-color--hb5--light {
border-color: #cbe3ef;
}
.new-styling .shb-border-top-color--hb5--light {
border-top-color: #cbe3ef;
}
.new-styling .shb-border-bottom-color--hb5--light {
border-bottom-color: #cbe3ef;
}
.new-styling .shb-border-right-color--hb5--light {
border-right-color: #cbe3ef;
}
.new-styling .shb-border-left-color--hb5--light {
border-left-color: #cbe3ef;
}
.new-styling .shb-border-y-color--hb5--light {
border-top-color: #cbe3ef;
border-bottom-color: #cbe3ef;
}
.new-styling .shb-border-x-color--hb5--light {
border-left-color: #cbe3ef;
border-right-color: #cbe3ef;
}
.new-styling .shb-border-color--d-hb2 {
border-color: #c4e2eb;
}
.new-styling .shb-border-top-color--d-hb2 {
border-top-color: #c4e2eb;
}
.new-styling .shb-border-bottom-color--d-hb2 {
border-bottom-color: #c4e2eb;
}
.new-styling .shb-border-right-color--d-hb2 {
border-right-color: #c4e2eb;
}
.new-styling .shb-border-left-color--d-hb2 {
border-left-color: #c4e2eb;
}
.new-styling .shb-border-y-color--d-hb2 {
border-top-color: #c4e2eb;
border-bottom-color: #c4e2eb;
}
.new-styling .shb-border-x-color--d-hb2 {
border-left-color: #c4e2eb;
border-right-color: #c4e2eb;
}
.new-styling .shb-border-color--d-hb2--light {
border-color: #eaf4f7;
}
.new-styling .shb-border-top-color--d-hb2--light {
border-top-color: #eaf4f7;
}
.new-styling .shb-border-bottom-color--d-hb2--light {
border-bottom-color: #eaf4f7;
}
.new-styling .shb-border-right-color--d-hb2--light {
border-right-color: #eaf4f7;
}
.new-styling .shb-border-left-color--d-hb2--light {
border-left-color: #eaf4f7;
}
.new-styling .shb-border-y-color--d-hb2--light {
border-top-color: #eaf4f7;
border-bottom-color: #eaf4f7;
}
.new-styling .shb-border-x-color--d-hb2--light {
border-left-color: #eaf4f7;
border-right-color: #eaf4f7;
}
.new-styling .shb-border-color--hb6 {
border-color: #043b62;
}
.new-styling .shb-border-top-color--hb6 {
border-top-color: #043b62;
}
.new-styling .shb-border-bottom-color--hb6 {
border-bottom-color: #043b62;
}
.new-styling .shb-border-right-color--hb6 {
border-right-color: #043b62;
}
.new-styling .shb-border-left-color--hb6 {
border-left-color: #043b62;
}
.new-styling .shb-border-y-color--hb6 {
border-top-color: #043b62;
border-bottom-color: #043b62;
}
.new-styling .shb-border-x-color--hb6 {
border-left-color: #043b62;
border-right-color: #043b62;
}
.new-styling .shb-border-color--hb7 {
border-color: #7baea2;
}
.new-styling .shb-border-top-color--hb7 {
border-top-color: #7baea2;
}
.new-styling .shb-border-bottom-color--hb7 {
border-bottom-color: #7baea2;
}
.new-styling .shb-border-right-color--hb7 {
border-right-color: #7baea2;
}
.new-styling .shb-border-left-color--hb7 {
border-left-color: #7baea2;
}
.new-styling .shb-border-y-color--hb7 {
border-top-color: #7baea2;
border-bottom-color: #7baea2;
}
.new-styling .shb-border-x-color--hb7 {
border-left-color: #7baea2;
border-right-color: #7baea2;
}
.new-styling .shb-border-color--hb7--light {
border-color: #d9e9e1;
}
.new-styling .shb-border-top-color--hb7--light {
border-top-color: #d9e9e1;
}
.new-styling .shb-border-bottom-color--hb7--light {
border-bottom-color: #d9e9e1;
}
.new-styling .shb-border-right-color--hb7--light {
border-right-color: #d9e9e1;
}
.new-styling .shb-border-left-color--hb7--light {
border-left-color: #d9e9e1;
}
.new-styling .shb-border-y-color--hb7--light {
border-top-color: #d9e9e1;
border-bottom-color: #d9e9e1;
}
.new-styling .shb-border-x-color--hb7--light {
border-left-color: #d9e9e1;
border-right-color: #d9e9e1;
}
.new-styling .shb-border-color--hb7--contrast {
border-color: #007b45;
}
.new-styling .shb-border-top-color--hb7--contrast {
border-top-color: #007b45;
}
.new-styling .shb-border-bottom-color--hb7--contrast {
border-bottom-color: #007b45;
}
.new-styling .shb-border-right-color--hb7--contrast {
border-right-color: #007b45;
}
.new-styling .shb-border-left-color--hb7--contrast {
border-left-color: #007b45;
}
.new-styling .shb-border-y-color--hb7--contrast {
border-top-color: #007b45;
border-bottom-color: #007b45;
}
.new-styling .shb-border-x-color--hb7--contrast {
border-left-color: #007b45;
border-right-color: #007b45;
}
.new-styling .shb-border-color--hb8 {
border-color: #df638e;
}
.new-styling .shb-border-top-color--hb8 {
border-top-color: #df638e;
}
.new-styling .shb-border-bottom-color--hb8 {
border-bottom-color: #df638e;
}
.new-styling .shb-border-right-color--hb8 {
border-right-color: #df638e;
}
.new-styling .shb-border-left-color--hb8 {
border-left-color: #df638e;
}
.new-styling .shb-border-y-color--hb8 {
border-top-color: #df638e;
border-bottom-color: #df638e;
}
.new-styling .shb-border-x-color--hb8 {
border-left-color: #df638e;
border-right-color: #df638e;
}
.new-styling .shb-border-color--hb8--contrast {
border-color: #de1371;
}
.new-styling .shb-border-top-color--hb8--contrast {
border-top-color: #de1371;
}
.new-styling .shb-border-bottom-color--hb8--contrast {
border-bottom-color: #de1371;
}
.new-styling .shb-border-right-color--hb8--contrast {
border-right-color: #de1371;
}
.new-styling .shb-border-left-color--hb8--contrast {
border-left-color: #de1371;
}
.new-styling .shb-border-y-color--hb8--contrast {
border-top-color: #de1371;
border-bottom-color: #de1371;
}
.new-styling .shb-border-x-color--hb8--contrast {
border-left-color: #de1371;
border-right-color: #de1371;
}
.new-styling .shb-border-color--hb8--light {
border-color: #f9d8e4;
}
.new-styling .shb-border-top-color--hb8--light {
border-top-color: #f9d8e4;
}
.new-styling .shb-border-bottom-color--hb8--light {
border-bottom-color: #f9d8e4;
}
.new-styling .shb-border-right-color--hb8--light {
border-right-color: #f9d8e4;
}
.new-styling .shb-border-left-color--hb8--light {
border-left-color: #f9d8e4;
}
.new-styling .shb-border-y-color--hb8--light {
border-top-color: #f9d8e4;
border-bottom-color: #f9d8e4;
}
.new-styling .shb-border-x-color--hb8--light {
border-left-color: #f9d8e4;
border-right-color: #f9d8e4;
}
.new-styling .shb-border-color--hb9 {
border-color: #eceae6;
}
.new-styling .shb-border-top-color--hb9 {
border-top-color: #eceae6;
}
.new-styling .shb-border-bottom-color--hb9 {
border-bottom-color: #eceae6;
}
.new-styling .shb-border-right-color--hb9 {
border-right-color: #eceae6;
}
.new-styling .shb-border-left-color--hb9 {
border-left-color: #eceae6;
}
.new-styling .shb-border-y-color--hb9 {
border-top-color: #eceae6;
border-bottom-color: #eceae6;
}
.new-styling .shb-border-x-color--hb9 {
border-left-color: #eceae6;
border-right-color: #eceae6;
}
.new-styling .shb-border-color--hb9--light {
border-color: #f3f2ef;
}
.new-styling .shb-border-top-color--hb9--light {
border-top-color: #f3f2ef;
}
.new-styling .shb-border-bottom-color--hb9--light {
border-bottom-color: #f3f2ef;
}
.new-styling .shb-border-right-color--hb9--light {
border-right-color: #f3f2ef;
}
.new-styling .shb-border-left-color--hb9--light {
border-left-color: #f3f2ef;
}
.new-styling .shb-border-y-color--hb9--light {
border-top-color: #f3f2ef;
border-bottom-color: #f3f2ef;
}
.new-styling .shb-border-x-color--hb9--light {
border-left-color: #f3f2ef;
border-right-color: #f3f2ef;
}
.new-styling .shb-border-color--hb9--light1 {
border-color: #fbfaf9;
}
.new-styling .shb-border-top-color--hb9--light1 {
border-top-color: #fbfaf9;
}
.new-styling .shb-border-bottom-color--hb9--light1 {
border-bottom-color: #fbfaf9;
}
.new-styling .shb-border-right-color--hb9--light1 {
border-right-color: #fbfaf9;
}
.new-styling .shb-border-left-color--hb9--light1 {
border-left-color: #fbfaf9;
}
.new-styling .shb-border-y-color--hb9--light1 {
border-top-color: #fbfaf9;
border-bottom-color: #fbfaf9;
}
.new-styling .shb-border-x-color--hb9--light1 {
border-left-color: #fbfaf9;
border-right-color: #fbfaf9;
}
.new-styling .shb-border-color--hb10 {
border-color: #cd422f;
}
.new-styling .shb-border-top-color--hb10 {
border-top-color: #cd422f;
}
.new-styling .shb-border-bottom-color--hb10 {
border-bottom-color: #cd422f;
}
.new-styling .shb-border-right-color--hb10 {
border-right-color: #cd422f;
}
.new-styling .shb-border-left-color--hb10 {
border-left-color: #cd422f;
}
.new-styling .shb-border-y-color--hb10 {
border-top-color: #cd422f;
border-bottom-color: #cd422f;
}
.new-styling .shb-border-x-color--hb10 {
border-left-color: #cd422f;
border-right-color: #cd422f;
}
.new-styling .shb-border-color--hb19 {
border-color: #e86f00;
}
.new-styling .shb-border-top-color--hb19 {
border-top-color: #e86f00;
}
.new-styling .shb-border-bottom-color--hb19 {
border-bottom-color: #e86f00;
}
.new-styling .shb-border-right-color--hb19 {
border-right-color: #e86f00;
}
.new-styling .shb-border-left-color--hb19 {
border-left-color: #e86f00;
}
.new-styling .shb-border-y-color--hb19 {
border-top-color: #e86f00;
border-bottom-color: #e86f00;
}
.new-styling .shb-border-x-color--hb19 {
border-left-color: #e86f00;
border-right-color: #e86f00;
}
.new-styling .shb-border-color--gray-0 {
border-color: #fff;
}
.new-styling .shb-border-top-color--gray-0 {
border-top-color: #fff;
}
.new-styling .shb-border-bottom-color--gray-0 {
border-bottom-color: #fff;
}
.new-styling .shb-border-right-color--gray-0 {
border-right-color: #fff;
}
.new-styling .shb-border-left-color--gray-0 {
border-left-color: #fff;
}
.new-styling .shb-border-y-color--gray-0 {
border-top-color: #fff;
border-bottom-color: #fff;
}
.new-styling .shb-border-x-color--gray-0 {
border-left-color: #fff;
border-right-color: #fff;
}
.new-styling .shb-border-color--gray-2 {
border-color: #f2f2f2;
}
.new-styling .shb-border-top-color--gray-2 {
border-top-color: #f2f2f2;
}
.new-styling .shb-border-bottom-color--gray-2 {
border-bottom-color: #f2f2f2;
}
.new-styling .shb-border-right-color--gray-2 {
border-right-color: #f2f2f2;
}
.new-styling .shb-border-left-color--gray-2 {
border-left-color: #f2f2f2;
}
.new-styling .shb-border-y-color--gray-2 {
border-top-color: #f2f2f2;
border-bottom-color: #f2f2f2;
}
.new-styling .shb-border-x-color--gray-2 {
border-left-color: #f2f2f2;
border-right-color: #f2f2f2;
}
.new-styling .shb-border-color--gray-10 {
border-color: #e7e7e7;
}
.new-styling .shb-border-top-color--gray-10 {
border-top-color: #e7e7e7;
}
.new-styling .shb-border-bottom-color--gray-10 {
border-bottom-color: #e7e7e7;
}
.new-styling .shb-border-right-color--gray-10 {
border-right-color: #e7e7e7;
}
.new-styling .shb-border-left-color--gray-10 {
border-left-color: #e7e7e7;
}
.new-styling .shb-border-y-color--gray-10 {
border-top-color: #e7e7e7;
border-bottom-color: #e7e7e7;
}
.new-styling .shb-border-x-color--gray-10 {
border-left-color: #e7e7e7;
border-right-color: #e7e7e7;
}
.new-styling .shb-border-color--gray-15, .new-styling .shb-border {
border-color: #ddd;
}
.new-styling .shb-border-top-color--gray-15, .new-styling .shb-border-top {
border-top-color: #ddd;
}
.new-styling .shb-border-bottom-color--gray-15, .new-styling .shb-border-bottom {
border-bottom-color: #ddd;
}
.new-styling .shb-border-right-color--gray-15, .new-styling .shb-border-right {
border-right-color: #ddd;
}
.new-styling .shb-border-left-color--gray-15, .new-styling .shb-border-left {
border-left-color: #ddd;
}
.new-styling .shb-border-y-color--gray-15, .new-styling .shb-border-y {
border-top-color: #ddd;
border-bottom-color: #ddd;
}
.new-styling .shb-border-x-color--gray-15, .new-styling .shb-border-x {
border-left-color: #ddd;
border-right-color: #ddd;
}
.new-styling .shb-border-color--gray-20 {
border-color: #d2d2d2;
}
.new-styling .shb-border-top-color--gray-20 {
border-top-color: #d2d2d2;
}
.new-styling .shb-border-bottom-color--gray-20 {
border-bottom-color: #d2d2d2;
}
.new-styling .shb-border-right-color--gray-20 {
border-right-color: #d2d2d2;
}
.new-styling .shb-border-left-color--gray-20 {
border-left-color: #d2d2d2;
}
.new-styling .shb-border-y-color--gray-20 {
border-top-color: #d2d2d2;
border-bottom-color: #d2d2d2;
}
.new-styling .shb-border-x-color--gray-20 {
border-left-color: #d2d2d2;
border-right-color: #d2d2d2;
}
.new-styling .shb-border-color--gray-30 {
border-color: #bbb;
}
.new-styling .shb-border-top-color--gray-30 {
border-top-color: #bbb;
}
.new-styling .shb-border-bottom-color--gray-30 {
border-bottom-color: #bbb;
}
.new-styling .shb-border-right-color--gray-30 {
border-right-color: #bbb;
}
.new-styling .shb-border-left-color--gray-30 {
border-left-color: #bbb;
}
.new-styling .shb-border-y-color--gray-30 {
border-top-color: #bbb;
border-bottom-color: #bbb;
}
.new-styling .shb-border-x-color--gray-30 {
border-left-color: #bbb;
border-right-color: #bbb;
}
.new-styling .shb-border-color--gray-40 {
border-color: #a6a6a6;
}
.new-styling .shb-border-top-color--gray-40 {
border-top-color: #a6a6a6;
}
.new-styling .shb-border-bottom-color--gray-40 {
border-bottom-color: #a6a6a6;
}
.new-styling .shb-border-right-color--gray-40 {
border-right-color: #a6a6a6;
}
.new-styling .shb-border-left-color--gray-40 {
border-left-color: #a6a6a6;
}
.new-styling .shb-border-y-color--gray-40 {
border-top-color: #a6a6a6;
border-bottom-color: #a6a6a6;
}
.new-styling .shb-border-x-color--gray-40 {
border-left-color: #a6a6a6;
border-right-color: #a6a6a6;
}
.new-styling .shb-border-color--gray-50 {
border-color: #8f8f8f;
}
.new-styling .shb-border-top-color--gray-50 {
border-top-color: #8f8f8f;
}
.new-styling .shb-border-bottom-color--gray-50 {
border-bottom-color: #8f8f8f;
}
.new-styling .shb-border-right-color--gray-50 {
border-right-color: #8f8f8f;
}
.new-styling .shb-border-left-color--gray-50 {
border-left-color: #8f8f8f;
}
.new-styling .shb-border-y-color--gray-50 {
border-top-color: #8f8f8f;
border-bottom-color: #8f8f8f;
}
.new-styling .shb-border-x-color--gray-50 {
border-left-color: #8f8f8f;
border-right-color: #8f8f8f;
}
.new-styling .shb-border-color--gray-60 {
border-color: #7a7a7a;
}
.new-styling .shb-border-top-color--gray-60 {
border-top-color: #7a7a7a;
}
.new-styling .shb-border-bottom-color--gray-60 {
border-bottom-color: #7a7a7a;
}
.new-styling .shb-border-right-color--gray-60 {
border-right-color: #7a7a7a;
}
.new-styling .shb-border-left-color--gray-60 {
border-left-color: #7a7a7a;
}
.new-styling .shb-border-y-color--gray-60 {
border-top-color: #7a7a7a;
border-bottom-color: #7a7a7a;
}
.new-styling .shb-border-x-color--gray-60 {
border-left-color: #7a7a7a;
border-right-color: #7a7a7a;
}
.new-styling .shb-border-color--gray-62 {
border-color: #767676;
}
.new-styling .shb-border-top-color--gray-62 {
border-top-color: #767676;
}
.new-styling .shb-border-bottom-color--gray-62 {
border-bottom-color: #767676;
}
.new-styling .shb-border-right-color--gray-62 {
border-right-color: #767676;
}
.new-styling .shb-border-left-color--gray-62 {
border-left-color: #767676;
}
.new-styling .shb-border-y-color--gray-62 {
border-top-color: #767676;
border-bottom-color: #767676;
}
.new-styling .shb-border-x-color--gray-62 {
border-left-color: #767676;
border-right-color: #767676;
}
.new-styling .shb-border-color--gray-70 {
border-color: #636363;
}
.new-styling .shb-border-top-color--gray-70 {
border-top-color: #636363;
}
.new-styling .shb-border-bottom-color--gray-70 {
border-bottom-color: #636363;
}
.new-styling .shb-border-right-color--gray-70 {
border-right-color: #636363;
}
.new-styling .shb-border-left-color--gray-70 {
border-left-color: #636363;
}
.new-styling .shb-border-y-color--gray-70 {
border-top-color: #636363;
border-bottom-color: #636363;
}
.new-styling .shb-border-x-color--gray-70 {
border-left-color: #636363;
border-right-color: #636363;
}
.new-styling .shb-border-color--gray-80 {
border-color: #4e4e4e;
}
.new-styling .shb-border-top-color--gray-80 {
border-top-color: #4e4e4e;
}
.new-styling .shb-border-bottom-color--gray-80 {
border-bottom-color: #4e4e4e;
}
.new-styling .shb-border-right-color--gray-80 {
border-right-color: #4e4e4e;
}
.new-styling .shb-border-left-color--gray-80 {
border-left-color: #4e4e4e;
}
.new-styling .shb-border-y-color--gray-80 {
border-top-color: #4e4e4e;
border-bottom-color: #4e4e4e;
}
.new-styling .shb-border-x-color--gray-80 {
border-left-color: #4e4e4e;
border-right-color: #4e4e4e;
}
.new-styling .shb-border-color--gray-90 {
border-color: #373737;
}
.new-styling .shb-border-top-color--gray-90 {
border-top-color: #373737;
}
.new-styling .shb-border-bottom-color--gray-90 {
border-bottom-color: #373737;
}
.new-styling .shb-border-right-color--gray-90 {
border-right-color: #373737;
}
.new-styling .shb-border-left-color--gray-90 {
border-left-color: #373737;
}
.new-styling .shb-border-y-color--gray-90 {
border-top-color: #373737;
border-bottom-color: #373737;
}
.new-styling .shb-border-x-color--gray-90 {
border-left-color: #373737;
border-right-color: #373737;
}
.new-styling .shb-border-color--gray-100 {
border-color: #222;
}
.new-styling .shb-border-top-color--gray-100 {
border-top-color: #222;
}
.new-styling .shb-border-bottom-color--gray-100 {
border-bottom-color: #222;
}
.new-styling .shb-border-right-color--gray-100 {
border-right-color: #222;
}
.new-styling .shb-border-left-color--gray-100 {
border-left-color: #222;
}
.new-styling .shb-border-y-color--gray-100 {
border-top-color: #222;
border-bottom-color: #222;
}
.new-styling .shb-border-x-color--gray-100 {
border-left-color: #222;
border-right-color: #222;
}
.new-styling .shb-border-color--black {
border-color: #222;
}
.new-styling .shb-border-top-color--black {
border-top-color: #222;
}
.new-styling .shb-border-bottom-color--black {
border-bottom-color: #222;
}
.new-styling .shb-border-right-color--black {
border-right-color: #222;
}
.new-styling .shb-border-left-color--black {
border-left-color: #222;
}
.new-styling .shb-border-y-color--black {
border-top-color: #222;
border-bottom-color: #222;
}
.new-styling .shb-border-x-color--black {
border-left-color: #222;
border-right-color: #222;
}
.new-styling .shb-border-color--white {
border-color: #fff;
}
.new-styling .shb-border-top-color--white {
border-top-color: #fff;
}
.new-styling .shb-border-bottom-color--white {
border-bottom-color: #fff;
}
.new-styling .shb-border-right-color--white {
border-right-color: #fff;
}
.new-styling .shb-border-left-color--white {
border-left-color: #fff;
}
.new-styling .shb-border-y-color--white {
border-top-color: #fff;
border-bottom-color: #fff;
}
.new-styling .shb-border-x-color--white {
border-left-color: #fff;
border-right-color: #fff;
}
.new-styling .shb-border-width--1, .new-styling .shb-border {
border-width: 1px;
}
.new-styling .shb-border-top-width--1, .new-styling .shb-border-top {
border-top-width: 1px;
}
.new-styling .shb-border-bottom-width--1, .new-styling .shb-border-bottom {
border-bottom-width: 1px;
}
.new-styling .shb-border-right-width--1, .new-styling .shb-border-right {
border-right-width: 1px;
}
.new-styling .shb-border-left-width--1, .new-styling .shb-border-left {
border-left-width: 1px;
}
.new-styling .shb-border-y-width--1, .new-styling .shb-border-y {
border-top-width: 1px;
border-bottom-width: 1px;
}
.new-styling .shb-border-x-width--1, .new-styling .shb-border-x {
border-left-width: 1px;
border-right-width: 1px;
}
.new-styling .shb-border-width--2 {
border-width: 2px;
}
.new-styling .shb-border-top-width--2 {
border-top-width: 2px;
}
.new-styling .shb-border-bottom-width--2 {
border-bottom-width: 2px;
}
.new-styling .shb-border-right-width--2 {
border-right-width: 2px;
}
.new-styling .shb-border-left-width--2 {
border-left-width: 2px;
}
.new-styling .shb-border-y-width--2 {
border-top-width: 2px;
border-bottom-width: 2px;
}
.new-styling .shb-border-x-width--2 {
border-left-width: 2px;
border-right-width: 2px;
}
.new-styling .shb-border-radius {
border-radius: 4px;
}
.new-styling .shb-border-style--solid, .new-styling .shb-border {
border-style: solid;
}
.new-styling .shb-border-style--none {
border-style: none;
}
.new-styling .shb-border-style-top--solid, .new-styling .shb-border-top {
border-top-style: solid;
}
.new-styling .shb-border-style-top--none {
border-top-style: none;
}
.new-styling .shb-border-style-right--solid, .new-styling .shb-border-right {
border-right-style: solid;
}
.new-styling .shb-border-style-right--none {
border-right-style: none;
}
.new-styling .shb-border-style-bottom--solid, .new-styling .shb-border-bottom {
border-bottom-style: solid;
}
.new-styling .shb-border-style-bottom--none {
border-bottom-style: none;
}
.new-styling .shb-border-style-left--solid, .new-styling .shb-border-left {
border-left-style: solid;
}
.new-styling .shb-border-style-left--none {
border-left-style: none;
}
.new-styling .shb-border-style-x--solid, .new-styling .shb-border-x {
border-left-style: solid;
border-right-style: solid;
}
.new-styling .shb-border-style-x--none {
border-left-style: none;
border-right-style: none;
}
.new-styling .shb-border-style-y--solid, .new-styling .shb-border-y {
border-top-style: solid;
border-bottom-style: solid;
}
.new-styling .shb-border-style-y--none {
border-top-style: none;
border-bottom-style: none;
}
.new-styling .shb-legible-column-width {
max-width: 560px;
}
.new-styling .shb-list-hanging-indent {
text-indent: -22px;
padding-left: 22px;
}
.new-styling .shb-list-reset {
list-style: none;
padding: 0;
margin: 0;
}
/*# sourceMappingURL=style.css.map */
@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 !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";
}
.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;
}
/*
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";
}
.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);
}
}
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
float: left;
margin-left: 10px;
margin-right: 10px;
}
.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 {
position: relative;
}
.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 {
position: relative;
}
.gs-body {
min-width: 1110px;
}
.container_12 {
margin-left: auto;
margin-right: auto;
width: 960px;
}
.alpha {
margin-left: 0;
}
.omega {
margin-right: 0;
}
.container_12 .grid_1 {
width: 60px;
}
.container_12 .grid_2 {
width: 140px;
}
.container_12 .grid_3 {
width: 220px;
}
.container_12 .grid_4 {
width: 300px;
}
.container_12 .grid_5 {
width: 380px;
}
.container_12 .grid_6 {
width: 460px;
}
.container_12 .grid_7 {
width: 540px;
}
.container_12 .grid_8 {
width: 620px;
}
.container_12 .grid_9 {
width: 700px;
}
.container_12 .grid_10 {
width: 780px;
}
.container_12 .grid_11 {
width: 860px;
}
.container_12 .grid_12 {
width: 940px;
}
.container_12 .prefix_1 {
padding-left: 80px;
}
.container_12 .prefix_2 {
padding-left: 160px;
}
.container_12 .prefix_3 {
padding-left: 240px;
}
.container_12 .prefix_4 {
padding-left: 320px;
}
.container_12 .prefix_5 {
padding-left: 400px;
}
.container_12 .prefix_6 {
padding-left: 480px;
}
.container_12 .prefix_7 {
padding-left: 560px;
}
.container_12 .prefix_8 {
padding-left: 640px;
}
.container_12 .prefix_9 {
padding-left: 720px;
}
.container_12 .prefix_10 {
padding-left: 800px;
}
.container_12 .prefix_11 {
padding-left: 880px;
}
.container_12 .suffix_1 {
padding-right: 80px;
}
.container_12 .suffix_2 {
padding-right: 160px;
}
.container_12 .suffix_3 {
padding-right: 240px;
}
.container_12 .suffix_4 {
padding-right: 320px;
}
.container_12 .suffix_5 {
padding-right: 400px;
}
.container_12 .suffix_6 {
padding-right: 480px;
}
.container_12 .suffix_7 {
padding-right: 560px;
}
.container_12 .suffix_8 {
padding-right: 640px;
}
.container_12 .suffix_9 {
padding-right: 720px;
}
.container_12 .suffix_10 {
padding-right: 800px;
}
.container_12 .suffix_11 {
padding-right: 880px;
}
.container_12 .push_1 {
left: 80px;
}
.container_12 .push_2 {
left: 160px;
}
.container_12 .push_3 {
left: 240px;
}
.container_12 .push_4 {
left: 320px;
}
.container_12 .push_5 {
left: 400px;
}
.container_12 .push_6 {
left: 480px;
}
.container_12 .push_7 {
left: 560px;
}
.container_12 .push_8 {
left: 640px;
}
.container_12 .push_9 {
left: 720px;
}
.container_12 .push_10 {
left: 800px;
}
.container_12 .push_11 {
left: 880px;
}
.container_12 .pull_1 {
left: -80px;
}
.container_12 .pull_2 {
left: -160px;
}
.container_12 .pull_3 {
left: -240px;
}
.container_12 .pull_4 {
left: -320px;
}
.container_12 .pull_5 {
left: -400px;
}
.container_12 .pull_6 {
left: -480px;
}
.container_12 .pull_7 {
left: -560px;
}
.container_12 .pull_8 {
left: -640px;
}
.container_12 .pull_9 {
left: -720px;
}
.container_12 .pull_10 {
left: -800px;
}
.container_12 .pull_11 {
left: -880px;
}
.clear {
clear: both;
display: block;
overflow: hidden;
visibility: hidden;
width: 0;
height: 0;
}
.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 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: 1.04166667%;
margin-left: 1.04166667%;
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: 14.93055556%;
}
.container_12 .grid_12 .shb-grid--one-fourth {
width: 23.4375%;
}
.container_12 .grid_12 .shb-grid--one-third {
width: 31.94444444%;
}
.container_12 .grid_12 .shb-grid--two-thirds {
width: 65.97222222%;
}
.container_12 .grid_12 .shb-grid--one-half {
width: 48.95833333%;
}
.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: 1.38888889%;
margin-left: 1.38888889%;
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: 14.35185185%;
}
.container_12 .grid_9 .shb-grid--one-fourth {
width: 22.91666667%;
}
.container_12 .grid_9 .shb-grid--one-third {
width: 31.48148148%;
}
.container_12 .grid_9 .shb-grid--two-thirds {
width: 65.74074074%;
}
.container_12 .grid_9 .shb-grid--one-half {
width: 48.61111111%;
}
.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.5625%;
margin-left: 1.5625%;
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.0625%;
}
.container_12 .grid_8 .shb-grid--one-fourth {
width: 22.65625%;
}
.container_12 .grid_8 .shb-grid--one-third {
width: 31.25%;
}
.container_12 .grid_8 .shb-grid--two-thirds {
width: 65.625%;
}
.container_12 .grid_8 .shb-grid--one-half {
width: 48.4375%;
}
.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: 2.08333333%;
margin-left: 2.08333333%;
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: 13.19444444%;
}
.container_12 .grid_6 .shb-grid--one-fourth {
width: 21.875%;
}
.container_12 .grid_6 .shb-grid--one-third {
width: 30.55555556%;
}
.container_12 .grid_6 .shb-grid--two-thirds {
width: 65.27777778%;
}
.container_12 .grid_6 .shb-grid--one-half {
width: 47.91666667%;
}
.container_12 .grid_6 .shb-grid--full-width {
width: 100%;
margin-left: 0;
margin-right: 0;
}
.container_12 .container_float {
width: auto;
}
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: 960px;
}
.container.container--fixed {
width: 960px;
}
.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;
}
.row--cms .col-xs-1,
.row--cms .col-sm-1,
.row--cms .col-md-1,
.row--cms .col-lg-1,
.row--cms .col-xs-2,
.row--cms .col-sm-2,
.row--cms .col-md-2,
.row--cms .col-lg-2,
.row--cms .col-xs-3,
.row--cms .col-sm-3,
.row--cms .col-md-3,
.row--cms .col-lg-3,
.row--cms .col-xs-4,
.row--cms .col-sm-4,
.row--cms .col-md-4,
.row--cms .col-lg-4,
.row--cms .col-xs-5,
.row--cms .col-sm-5,
.row--cms .col-md-5,
.row--cms .col-lg-5,
.row--cms .col-xs-6,
.row--cms .col-sm-6,
.row--cms .col-md-6,
.row--cms .col-lg-6,
.row--cms .col-xs-7,
.row--cms .col-sm-7,
.row--cms .col-md-7,
.row--cms .col-lg-7,
.row--cms .col-xs-8,
.row--cms .col-sm-8,
.row--cms .col-md-8,
.row--cms .col-lg-8,
.row--cms .col-xs-9,
.row--cms .col-sm-9,
.row--cms .col-md-9,
.row--cms .col-lg-9,
.row--cms .col-xs-10,
.row--cms .col-sm-10,
.row--cms .col-md-10,
.row--cms .col-lg-10,
.row--cms .col-xs-11,
.row--cms .col-sm-11,
.row--cms .col-md-11,
.row--cms .col-lg-11,
.row--cms .col-xs-12,
.row--cms .col-sm-12,
.row--cms .col-md-12,
.row--cms .col-lg-12 {
padding-left: 20px;
padding-right: 20px;
}
.row--cms .row {
/* This class should be used together with row--cms on the SAME ELEMENT. Compensates for padding in columns inside row--cms */
margin-left: -20px;
margin-right: -20px;
}
.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;
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: 12px;
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-type: none;
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);
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 already puts 14px */
}
ul {
list-style-position: inside;
}
.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-message-widget__icon,
.shb-info-widget__icon,
.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 {
display: inline-block;
}
.shb-inline-block--right {
float: right;
}
.shb-spi--hidden-at-startup {
display: none;
}
.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;
}
.shb-ios * {
cursor: pointer;
}
@font-face {
font-family: 'StagLight';
src: url('../../../fonts/jedi/base/kit/Stag-Light.woff') format('woff');
font-weight: 300;
font-style: normal;
font-stretch: normal;
}
@font-face {
font-family: 'StagLight';
src: url('../../../fonts/jedi/base/kit/Stag-Light.woff2') format('woff2'), url('../../../fonts/jedi/base/kit/Stag-Light.woff') format('woff'), url('../../../fonts/jedi/base/kit/Stag-Light.ttf') format('ttf');
font-weight: 300;
font-style: normal;
font-stretch: normal;
font-display: swap;
}
@font-face {
font-family: 'StagLightItalic';
src: url('../../../fonts/jedi/base/kit/Stag-Light-Italic.woff') format('woff');
font-weight: 300;
font-style: italic;
font-stretch: normal;
}
@font-face {
font-family: 'StagLightItalic';
src: url('../../../fonts/jedi/base/kit/Stag-Light-Italic.woff2') format('woff2'), url('../../../fonts/jedi/base/kit/Stag-Light-Italic.woff') format('woff'), url('../../../fonts/jedi/base/kit/Stag-Light-Italic.ttf') format('ttf');
font-weight: 300;
font-style: italic;
font-stretch: normal;
font-display: swap;
}
@font-face {
font-family: 'StagMedium';
src: url('../../../fonts/jedi/base/kit/Stag-Medium.woff') format('woff');
font-weight: bold;
font-style: normal;
font-stretch: normal;
}
@font-face {
font-family: 'StagMedium';
src: url('../../../fonts/jedi/base/kit/Stag-Medium.woff2') format('woff2'), url('../../../fonts/jedi/base/kit/Stag-Medium.woff') format('woff'), url('../../../fonts/jedi/base/kit/Stag-Medium.ttf') format('ttf');
font-weight: bold;
font-style: normal;
font-stretch: normal;
font-display: swap;
}
@font-face {
font-family: 'StagBold';
src: url('../../../fonts/jedi/base/kit/Stag-Bold.woff') format('woff');
font-weight: 700;
font-style: normal;
font-stretch: normal;
}
@font-face {
font-family: 'StagBold';
src: url('../../../fonts/jedi/base/kit/Stag-Bold.woff2') format('woff2'), url('../../../fonts/jedi/base/kit/Stag-Bold.woff') format('woff'), url('../../../fonts/jedi/base/kit/Stag-Bold.ttf') format('ttf');
font-weight: 700;
font-style: normal;
font-stretch: normal;
font-display: swap;
}
@font-face {
font-family: 'StagBook';
src: url('../../../fonts/jedi/base/kit/Stag-Book.woff') format('woff');
font-weight: 400;
font-style: normal;
font-stretch: normal;
}
@font-face {
font-family: 'StagBook';
src: url('../../../fonts/jedi/base/kit/Stag-Book.woff2') format('woff2'), url('../../../fonts/jedi/base/kit/Stag-Book.woff') format('woff'), url('../../../fonts/jedi/base/kit/Stag-Book.ttf') format('ttf');
font-weight: 400;
font-style: normal;
font-stretch: normal;
font-display: swap;
}
@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;
}
.shb-headline,
h1,
.shb-h1,
h2,
.shb-h2,
h3,
.shb-h3,
h4,
h5,
.shb-auth-common__h3,
.shb-auth-common__h2 {
font-family: StagMedium, Georgia, sans-serif;
font-weight: normal;
color: #043b62;
margin-top: 0;
margin-bottom: 10px;
vertical-align: top;
text-decoration: none;
}
.shb-headline--light {
font-family: StagBook, Georgia, sans-serif;
font-weight: normal;
}
.shb-headline--top {
font-family: StagLight, Georgia, sans-serif;
font-weight: normal;
font-size: 42px;
color: #017ab2;
}
.shb-headline--secondary {
color: #222222;
}
h1,
.shb-h1 {
font-size: 28px;
}
h1.shb-h1--surface,
.shb-h1.shb-h1--surface {
margin-bottom: 14px;
}
h2,
.shb-h2 {
font-size: 20px;
}
h3,
.shb-h3 {
font-size: 18px;
}
h3.shb-h3--strong,
.shb-h3.shb-h3--strong {
font-family: StagMedium, Georgia, sans-serif;
}
h4 {
font-size: 16px;
}
h5 {
font-size: 14px;
}
.shb-h3--label,
.shb-h3--label__icon {
font-family: StagMedium, Georgia, sans-serif;
font-weight: normal;
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 {
font-family: StagMedium, Georgia, sans-serif;
font-weight: normal;
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: StagLight, Georgia, sans-serif;
font-size: 28px;
line-height: 36px;
color: #222;
text-align: center;
}
.shb-header-darkblue {
font-family: StagMedium, Georgia, sans-serif;
font-weight: normal;
font-size: 18px;
color: #043b62;
margin: 0;
padding: 0;
}
.shb-h1--white {
font-family: StagLight, Georgia, sans-serif;
font-weight: normal;
font-size: 28px;
color: #fff;
margin: 0;
line-height: 36px;
vertical-align: top;
text-decoration: none;
}
.shb-group-headline {
font-size: 12px;
font-weight: bold;
color: #043b62;
}
.shb-title-1 {
line-height: 1.2em;
margin: 0;
padding: 0;
color: #222222;
font-family: StagLight, Georgia, sans-serif;
font-size: 42px;
}
.shb-title-2 {
line-height: 1.2em;
margin: 0;
padding: 0;
color: #222222;
font-family: StagMedium, Georgia, sans-serif;
font-size: 38px;
}
.shb-title-3 {
line-height: 1.2em;
margin: 0;
padding: 0;
color: #222222;
font-family: StagLight, Georgia, sans-serif;
font-size: 28px;
}
.shb-title-4 {
line-height: 1.2em;
margin: 0;
padding: 0;
color: #222222;
font-family: StagMedium, Georgia, sans-serif;
font-size: 28px;
}
.shb-title-5 {
line-height: 1.2em;
margin: 0;
padding: 0;
color: #222222;
font-family: StagMedium, Georgia, sans-serif;
font-size: 22px;
}
.shb-title-6 {
line-height: 1.2em;
margin: 0;
padding: 0;
color: #222222;
font-family: StagBook, Georgia, sans-serif;
font-size: 20px;
}
.shb-title-7 {
line-height: 1.2em;
margin: 0;
padding: 0;
color: #222222;
font-family: StagMedium, Georgia, sans-serif;
font-size: 20px;
}
.shb-title-8 {
line-height: 1.2em;
margin: 0;
padding: 0;
color: #222222;
font-family: StagMedium, Georgia, sans-serif;
font-size: 18px;
}
.shb-title-9 {
line-height: 1.2em;
margin: 0;
padding: 0;
color: #222222;
font-family: StagBook, Georgia, sans-serif;
font-size: 18px;
}
.shb-title-10 {
line-height: 1.2em;
margin: 0;
padding: 0;
color: #222222;
font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
}
.shb-title-11 {
line-height: 1.2em;
margin: 0;
padding: 0;
color: #222222;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
}
.shb-title-12 {
line-height: 1.2em;
margin: 0;
padding: 0;
color: #222222;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
}
.shb-ingress-1 {
font-family: StagLight, Georgia, sans-serif;
margin: 0;
padding: 0;
color: #222222;
line-height: 1.6em;
font-size: 24px;
}
.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-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-text--super,
.shb-text--top,
.shb-quiz-text {
font-family: Helvetica, Arial, sans-serif;
line-height: 1.2;
}
.shb-text,
.shb-quiz-text {
font-size: 14px;
color: #222222;
}
.shb-text.shb-text--dark {
color: #043b62;
}
.shb-text--dark-bg {
font-size: 14px;
color: #fff;
}
.shb-text--normal {
font-size: 14px;
}
.shb-text--medium {
font-size: 16px;
}
.shb-text--large {
font-size: 18px;
}
.shb-text--small {
font-size: 12px;
}
.shb-text--tiny,
.shb-text--super,
.shb-text--top {
font-size: 11px;
}
.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;
}
.shb-text--profile-font {
font-family: StagMedium, Georgia, sans-serif;
}
.shb-text--light-profile-font {
font-family: StagBook, Georgia, sans-serif;
}
.shb-text--positive {
color: #005fa5;
}
.shb-text--neutral {
color: #000;
}
.shb-text--negative {
color: #dd4f3b;
}
.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: 14px;
color: #222222;
padding: 0 0 10px 0;
margin: 0;
}
.shb-paragraph.shb-text--dark {
color: #043b62;
}
.shb-paragraph--large {
font-size: 14px;
color: #222222;
padding: 0 0 16px 0;
margin: 0;
}
.shb-paragraph--large.shb-text--dark {
color: #043b62;
}
.shb-text-box--small {
font-size: 14px;
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: 14px;
color: #222222;
padding: 11px 10px;
margin: 0;
}
.shb-text-box.shb-text--dark {
color: #043b62;
}
.shb-text-box--note {
font-size: 12px;
padding: 10px;
margin: 0;
}
.shb-text-box--error {
font-size: 14px;
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);
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;
}
.shb-text-1 {
font-family: Helvetica, Arial, sans-serif;
margin: 0;
padding: 0;
color: #222222;
line-height: 1.6em;
font-size: 16px;
}
.shb-text-1--medium {
font-family: Helvetica, Arial, sans-serif;
margin: 0;
padding: 0;
color: #222222;
line-height: 1.6em;
font-size: 16px;
font-weight: bold;
}
.shb-text-2 {
font-family: Helvetica, Arial, sans-serif;
margin: 0;
padding: 0;
color: #222222;
line-height: 1.6em;
font-size: 14px;
}
.shb-text-3 {
font-family: Helvetica, Arial, sans-serif;
margin: 0;
padding: 0;
color: #222222;
line-height: 1.6em;
font-size: 12px;
}
.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,
.shb-inet-module .shb-inet-shortcuts-module,
.shb-inet-module-bg1,
.shb-inet-module-bg2,
.shb-inet-module-bg3,
.shb-inet-alert .shb-inet-module,
.shb-inet-module-bg4 {
border-radius: 2px;
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;
}
.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;
}
.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,
.shb-inet-module-header {
background-color: #c4e2eb;
position: relative;
color: #c4e2eb;
height: 42px;
border-top: none;
z-index: 2;
margin: -1px -1px 0 -1px;
border-radius: 2px 2px 0 0;
}
.shb-module__header h2 {
padding-left: 10px;
display: inline-block;
vertical-align: middle;
}
.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--is-hoverable {
transition: background 0.2s;
cursor: pointer;
}
.shb-module__header--is-hoverable:hover {
background-color: #a7d5e2;
}
.shb-module__header--is-hoverable:hover .shb-module__header__toggle-icon {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
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 {
margin-top: 0;
margin-bottom: 0;
line-height: 42px;
padding-top: 1px;
}
.shb-module__header__toggle-icon {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
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: 2px;
border-bottom-right-radius: 2px;
z-index: 1;
}
.shb-module-group__header {
font-size: 12px;
font-weight: bold;
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: 300px;
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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;
}
.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:last-child {
border: none;
}
@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;
}
}
.icon--push-right {
float: right;
margin-left: 7px;
}
.icon--push-left {
float: left;
margin-right: 7px;
}
.icon--accordion-collapsed-arrow--xsmall {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xlarge.png);
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;
}
.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: 2px;
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');
}
.shb-breadcrumbs__ol {
display: flex;
margin: 5px 0 26px;
padding: 0;
}
@media only screen and (min-width: 768px) {
.shb-surface-responsive .shb-breadcrumbs__ol {
margin-bottom: 46px;
}
}
.shb-breadcrumbs__li {
display: block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
flex-shrink: 1;
min-width: 20px;
}
.shb-breadcrumbs__li:first-of-type {
margin-left: 12px;
}
.shb-breadcrumbs__li > a,
.shb-breadcrumbs__li > span {
padding: 0 10px;
}
@media only screen and (min-width: 910px) {
.shb-breadcrumbs__li {
font-size: 12px !important;
}
}
@media only screen and (min-width: 910px) {
.shb-breadcrumbs__li .shb-breadcrumbs__divider {
font-size: 12px !important;
}
}
@media only screen and (min-width: 910px) {
.shb-breadcrumbs__li .shb-text {
font-size: 12px !important;
}
}
@media only screen and (min-width: 910px) {
.shb-breadcrumbs__li a.shb-link,
.shb-breadcrumbs__li a.shb-inet-module .shb-inet-new-window-link,
.shb-breadcrumbs__li a.shb-inet-module .shb-inet-popup-window-link,
.shb-breadcrumbs__li a.shb-inet-module .shb-inet-popup-wide-window-link,
.shb-breadcrumbs__li a.shb-grid__link-text,
.shb-breadcrumbs__li a.shb-standard-link,
.shb-breadcrumbs__li a.shb-new-window-link,
.shb-breadcrumbs__li a.shb-button-set__cancel-button,
.shb-breadcrumbs__li a.shb-inet-module .shb-inet-stand-alone-link,
.shb-breadcrumbs__li a.shb-inet-module .shb-inet-stand-alone-link,
.shb-breadcrumbs__li a.shb-inet-back-link a,
.shb-breadcrumbs__li a.shb-standard-link--back,
.shb-breadcrumbs__li a.shb-new-window-link--gray {
font-size: 12px !important;
}
}
.shb-breadcrumbs__li--current {
flex-shrink: 0;
max-width: 100%;
}
.shb-breadcrumbs__li--current-2 {
flex-shrink: 0;
max-width: calc(100% - 25px);
}
.shb-breadcrumbs__li--current-3 {
flex-shrink: 0;
max-width: calc(100% - 50px);
}
.shb-breadcrumbs__li--current-4 {
flex-shrink: 0;
max-width: calc(100% - 75px);
}
.shb-breadcrumbs__li--current-5 {
flex-shrink: 0;
max-width: calc(100% - 100px);
}
/* ## ToolTip
*/
.shb-tooltip {
position: absolute;
z-index: 1000;
padding: 30px;
}
.shb-tooltip__body {
background-color: #fff;
padding: 10px;
color: #222;
font-size: 14px;
border-radius: 2px;
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: Helvetica, Arial, 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: 14px;
font-weight: normal;
border-right: 1px solid white;
position: relative;
background-color: #c4e2eb;
}
.shb-tabpanel__link {
display: block;
color: #043b62;
font-size: 14px;
text-decoration: none;
padding: 14px 40px 14px 40px;
}
.shb-tabpanel--small .shb-tabpanel__link {
color: #043b62;
font-size: 14px;
padding: 4px 14px 4px 14px;
}
.shb-tabpanel__button {
color: #043b62;
font-size: 14px;
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);
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);
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);
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);
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: 2px 2px 0 0;
background-clip: padding-box;
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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: 2px 2px 0 0;
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: 12px;
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 2px 0 0;
background-clip: padding-box;
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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: #c4e2eb;
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-help__icon {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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);
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__body-container {
position: absolute;
display: none;
top: 42px;
right: 0;
width: 1px;
height: 1px;
}
.shb-settings-menu__body {
border-radius: 2px 2px 0 0;
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);
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-settings-menu__info {
font-size: 12px;
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;
}
.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: Helvetica, Arial, sans-serif;
font-size: 12px;
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
*/
.shb-iframe-wrapper {
border: 1px solid #dedede;
padding: 36px 40px 40px 40px;
border-radius: 3px;
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;
border-radius: 3px;
background-clip: padding-box;
background: #fff;
margin-bottom: 20px;
}
.shb-framed-section iframe {
background: #fff;
border: none;
}
.shb-framed-section iframe:focus {
outline: 1px dotted #eee;
}
.shb-spi-modal-msg {
border-radius: 3px;
background-clip: padding-box;
box-shadow: 0 0 4px #bfbfbf;
font-size: 11px;
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-message-widget {
background-color: white;
font-size: 14px;
padding: 30px 30px 60px 110px;
border: 1px solid #ddd;
border-radius: 3px;
background-clip: padding-box;
min-height: 32px;
}
.shb-message-widget__message {
margin-top: 0;
width: 480px;
}
.shb-message-widget__icon {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xlarge.png);
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;
position: absolute;
left: 31px;
top: 35px;
}
.shb-info-widget {
padding: 10px 10px 0 80px;
overflow: hidden;
}
.shb-info-widget__icon {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xlarge.png);
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;
position: absolute;
left: 10px;
}
.shb-info-widget__message {
margin-top: 0;
font-size: 14px;
color: #666;
}
.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);
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 .5s,
visibility .5s;
}
.shb-autocomplete__input-clear:hover,
.shb-autocomplete__input-clear:focus {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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);
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: 2px;
background-clip: padding-box;
}
.shb-autocomplete__input:focus {
outline: none;
border: 1px solid #c4c4c4;
}
.shb-autocomplete__input::-ms-clear {
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;
clear: both;
font-size: 14px;
}
.shb-autocomplete__search-results__content {
padding: 0;
border-radius: 2px;
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: 12px;
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-autosuggest {
margin-top: 10px;
position: relative;
}
.shb-autosuggest__input-clear {
margin-top: 1px;
opacity: 0;
visibility: hidden;
position: relative;
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
background-repeat: no-repeat;
padding-left: 20px;
background-position: 0px -820px;
cursor: pointer;
transition: opacity .5s,
visibility .5s;
}
.shb-autosuggest__input-clear:hover,
.shb-autosuggest__input-clear:focus {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
background-repeat: no-repeat;
padding-left: 20px;
background-position: 0px -857px;
outline: none;
}
.shb-autosuggest__search-overlay {
position: absolute;
right: 1px;
top: 1px;
bottom: 0;
}
.shb-autosuggest__search-button {
background-color: #fff;
height: 32px;
width: 34px;
border: 0;
border-left: 1px solid #dedede;
}
.shb-autosuggest__search-button i {
color: #005fa5;
font-size: 1.3em;
}
.shb-autosuggest__input-clear-visible {
opacity: 1;
visibility: visible;
}
.shb-autosuggest__input {
box-sizing: border-box;
height: 34px;
width: 100%;
padding: 6px 25px 6px 10px;
border: 1px solid #dedede;
background-color: #fff;
color: #222222;
font-size: 14px;
border-radius: 2px;
background-clip: padding-box;
}
@media only screen and (max-width: 474px) {
.shb-autosuggest__input {
width: 40px;
}
}
.shb-autosuggest__input:focus {
outline: none;
border: 1px solid #c4c4c4;
width: 100%;
}
@media only screen and (max-width: 474px) {
.shb-autosuggest__input:focus {
position: absolute;
left: -150px;
width: 200px;
}
}
.shb-autosuggest__input::-ms-clear {
width: 0;
height: 0;
}
.shb-autosuggest__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;
clear: both;
font-size: 14px;
}
.shb-autosuggest__search-results__content {
padding: 0;
border-radius: 2px;
background-clip: padding-box;
}
.shb-autosuggest__error-msg {
color: #666;
line-height: 34px;
text-decoration: none;
display: block;
padding: 3px 12px 3px 7px;
}
.shb-autosuggest__link {
display: block;
border-bottom: 1px solid #dedede;
text-decoration: none;
cursor: pointer;
}
.shb-autosuggest__link:last-child {
border-bottom: 0;
}
.shb-autosuggest__link:focus {
outline: none;
}
.shb-autosuggest__link--selected {
text-decoration: underline;
}
.shb-autosuggest__indent-2.shb-autosuggest__link--selected {
background: #f0f8fa;
}
.shb-autosuggest__indent-1 {
font-size: 12px;
padding: 8px 10px 7px 10px;
line-height: 15px;
background: #e1f0f5;
color: #043b62;
font-weight: bold;
}
.shb-autosuggest__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;
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;
}
.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;
box-shadow: 0px 0px 10px 0px #222;
}
.shb-anchorpopup-modal__inner-frame {
display: inline-block;
margin: 10px;
}
.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;
position: relative;
}
.shb-error-popup__root {
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;
display: inline-block;
}
.shb-branch__h3 {
margin-top: 6px;
margin-bottom: 15px;
padding-right: 15px;
color: #222;
display: inline-block;
}
.shb-branch__divider {
display: inline-block;
height: 33px;
border-left: 1px solid #454545;
margin-top: -3px;
}
.shb-branch__branch-name {
color: #454545;
padding-left: 15px;
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;
}
.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;
}
.shb-simple-tab {
margin-left: 20px;
height: 40px;
}
.shb-simple-tab a {
padding: 10px;
border-top: 1px #043b62 solid;
border-bottom: 1px #043b62 solid;
}
.shb-simple-tab a:first-child {
border-left: 1px solid #043b62;
border-radius: 2px 0 0 2px;
}
.shb-simple-tab a:last-child {
border-right: 1px #043b62 solid;
border-radius: 0 2px 2px 0;
}
.shb-simple-tab a.shb-simple-tab__link__selected {
background-color: #043b62;
color: #fff;
}
shb-scroll-to-top-button {
position: fixed;
bottom: 20px;
right: 20px;
z-index: 2000;
transition: all .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: 3px;
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: 2px;
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-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;
background-clip: padding-box;
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: Helvetica, Arial, sans-serif;
font-size: 14px;
}
.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: 12px;
background-color: #043b62;
min-width: 960px;
}
.shb-sub-footer__copyright {
color: #bbb;
}
.shb-date-range-picker .DayPicker :focus {
outline: 1px solid #005fa5;
}
.shb-date-range-picker--error div.DateRangePickerInput__withBorder {
border: 1px solid red;
}
.shb-checkbox__input {
display: inline-block;
vertical-align: bottom;
margin-right: 10px;
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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__input-hidden {
left: -10000px;
position: absolute;
height: 20px;
}
.shb-checkbox__wrapper {
display: inline-flex;
cursor: pointer;
}
.shb-checkbox__wrapper > span {
font-size: 14px;
padding: 4px 8px 0;
}
.shb-checkbox__wrapper > span:hover {
text-decoration: underline;
text-decoration-skip-ink: auto;
}
.shb-checkbox__wrapper--disabled {
cursor: default;
}
.shb-checkbox__wrapper--disabled > span {
color: #d4d4d4;
}
.shb-checkbox__wrapper--disabled > span:hover {
text-decoration: none;
}
.shb-chips {
font-size: 14px;
}
.shb-chips ul {
display: inline-block;
padding: 0;
-webkit-padding-start: 0;
}
.shb-chips ul li {
display: inline-block;
height: 26px;
list-style: none;
margin-right: 4px;
margin-bottom: 4px;
}
.shb-chips ul li:last-child {
margin-right: 0;
}
.shb-chip {
font-size: 14px;
display: inline-block;
height: 26px;
}
.shb-chip__text {
background-color: #005fa5;
border-bottom-left-radius: 13px;
border-top-left-radius: 13px;
color: #ffffff;
padding: 5px 4px 5px 10px;
text-decoration: none;
}
.shb-chip__close {
background-color: #005fa5;
border-bottom-right-radius: 13px;
border-top-right-radius: 13px;
color: #ffffff;
padding: 5px 8px 5px 3px;
text-decoration: none;
width: 20px;
}
.shb-chip__close svg {
position: relative;
left: -2px;
width: 10px;
height: 10px;
}
.shb-chip__close svg path {
stroke: #ffffff;
}
.shb-chip__close:hover,
.shb-chip__close:focus {
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-input-text__text-input {
box-sizing: border-box;
border: 1px solid #dddddd;
border-bottom: 1px solid #8F8F8F;
border-radius: 4px;
padding: 10px;
font-size: 14px;
resize: none;
transition: 0.1s;
width: 100%;
}
.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: 10px 10px 9px;
/* Minskar padding för att det inte ska hoppa */
}
.shb-input-text__text-input--invalid {
border-color: #cd422f;
margin-bottom: 4px;
}
.shb-input-text__text-input--invalid:hover {
border-color: #cd422f;
}
.shb-input-text__text-input--invalid:focus {
border-color: #cd422f;
border-width: 2px;
padding: 9px;
}
.shb-input-text__text-input--small {
width: 25%;
}
.shb-input-text__text-input--medium {
width: 50%;
}
.shb-input-text__text-input--large {
width: 75%;
}
.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-label__label-wrapper {
display: flex;
flex: 0 0 auto;
align-items: flex-end;
}
.shb-label__label-text {
color: #222222;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
}
.shb-label__help-text {
color: #636363;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
padding-left: 10px;
}
.shb-label__label-text,
.shb-label__help-text {
margin-bottom: 5px;
}
.shb-labeled-checkbox-text__wrapper {
display: block;
margin-bottom: 20px;
}
.shb-labeled-input-text__wrapper {
margin-bottom: 20px;
}
.shb-labeled-textarea__wrapper {
margin-bottom: 20px;
}
.shb-radio-button:checked,
.shb-radio-button:not(:checked) {
position: absolute;
left: -9999px;
}
.shb-radio-button:checked + .shb-radio-button-text,
.shb-radio-button:not(:checked) + .shb-radio-button-text {
position: relative;
padding-left: 28px;
cursor: pointer;
line-height: 20px;
display: inline-block;
color: #222222;
font-size: 14px;
}
.shb-radio-button:checked + .shb-radio-button-text:before,
.shb-radio-button:not(:checked) + .shb-radio-button-text:before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 20px;
height: 20px;
border: 1px solid #767676;
border-radius: 100%;
background: #fff;
}
.shb-radio-button:checked + .shb-radio-button-text:after,
.shb-radio-button:not(:checked) + .shb-radio-button-text:after {
content: '';
width: 8px;
height: 8px;
background: #005fa5;
position: absolute;
top: 7px;
left: 7px;
border-radius: 100%;
-webkit-transition: all 0.1s;
transition: all 0.1s;
}
.shb-radio-button:not(:checked) + .shb-radio-button-text:after {
opacity: 0;
-webkit-transform: scale(0);
transform: scale(0);
}
.shb-radio-button:checked + .shb-radio-button-text:after {
opacity: 1;
-webkit-transform: scale(1);
transform: scale(1);
}
.shb-radio-button:checked:focus + .shb-radio-button-text:before,
.shb-radio-button:not(:checked):focus + .shb-radio-button-text:before {
transition: 0.1s;
outline: 1px solid #005fa5;
outline-offset: 2px;
}
.shb-radio-button:checked:hover + .shb-radio-button-text,
.shb-radio-button:not(:checked):hover + .shb-radio-button-text {
text-decoration: underline;
}
.shb-radio-button:checked:hover + .shb-radio-button-text:before,
.shb-radio-button:not(:checked):hover + .shb-radio-button-text:before {
border: 1px solid #005fa5;
}
.shb-radio-button:checked + .shb-radio-button-text--error:before,
.shb-radio-button:not(:checked) + .shb-radio-button-text--error:before {
border: 1px solid #cd422f;
}
.shb-radio-button-group {
margin-bottom: 10px;
}
.shb-radio-button-group__label {
display: block;
margin-bottom: 10px;
font-size: 14px;
}
.shb-radio-button-group__button-wrapper {
margin-bottom: 10px;
margin-right: 30px;
}
.shb-textarea__text-input {
box-sizing: border-box;
border: 1px solid #dddddd;
border-bottom: 1px solid #8F8F8F;
border-radius: 4px;
padding: 10px;
font-size: 14px;
resize: none;
transition: 0.1s;
width: 100%;
}
.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;
/* Minskar padding för att det inte ska hoppa */
}
.shb-textarea__text-input--invalid {
border-color: #cd422f !important;
margin-bottom: 4px;
}
.shb-textarea__text-input--invalid:focus {
border-width: 2px !important;
padding: 9px !important;
}
.shb-text-link,
.shb-cms-richtext a.shb-text-link {
color: #005fa5;
cursor: pointer;
text-decoration: underline;
text-decoration-skip: ink;
font-size: 14px;
font-family: Helvetica, Arial, sans-serif;
}
.shb-text-link:visited,
.shb-cms-richtext a.shb-text-link:visited {
color: #005fa5;
}
.shb-text-link:hover,
.shb-cms-richtext a.shb-text-link:hover {
border-bottom: 1px solid;
}
.shb-text-link:active,
.shb-cms-richtext a.shb-text-link:active {
top: 1px;
}
.shb-text-link:active .shb-text-link__icon-new-window g,
.shb-cms-richtext a.shb-text-link:active .shb-text-link__icon-new-window g {
fill: #043b62;
}
.shb-text-link:active .shb-text-link__icon-arrow g,
.shb-cms-richtext a.shb-text-link:active .shb-text-link__icon-arrow g {
stroke: #043b62;
}
.shb-text-link:focus,
.shb-cms-richtext a.shb-text-link:focus {
background-color: #005fa5;
outline: 3px solid #005fa5;
color: #ffffff;
}
.shb-text-link:focus .shb-text-link__icon-new-window g,
.shb-cms-richtext a.shb-text-link:focus .shb-text-link__icon-new-window g {
fill: #ffffff;
}
.shb-text-link:focus .shb-text-link__icon-new-window-white g,
.shb-cms-richtext a.shb-text-link:focus .shb-text-link__icon-new-window-white g {
fill: #005fa5;
}
.shb-text-link:focus .shb-text-link__icon-arrow g,
.shb-cms-richtext a.shb-text-link:focus .shb-text-link__icon-arrow g {
stroke: #ffffff;
}
.shb-text-link:focus .shb-text-link__icon-arrow-white g,
.shb-cms-richtext a.shb-text-link:focus .shb-text-link__icon-arrow-white g {
stroke: #005fa5;
}
.shb-text-link .shb-text-link__icon-new-window g,
.shb-cms-richtext a.shb-text-link .shb-text-link__icon-new-window g {
fill: #005fa5;
}
.shb-text-link .shb-text-link__icon-new-window-white g,
.shb-cms-richtext a.shb-text-link .shb-text-link__icon-new-window-white g {
fill: #ffffff;
}
.shb-text-link .shb-text-link__icon-arrow g,
.shb-cms-richtext a.shb-text-link .shb-text-link__icon-arrow g {
stroke: #005fa5;
}
.shb-text-link .shb-text-link__icon-arrow-white g,
.shb-cms-richtext a.shb-text-link .shb-text-link__icon-arrow-white g {
stroke: #ffffff;
}
.shb-text-link.shb-text-link-white {
color: #ffffff;
}
.shb-text-link.shb-text-link-white:visited {
color: #ffffff;
}
.shb-text-link.shb-text-link-white:focus {
background-color: #ffffff;
outline: 3px solid #ffffff;
color: #005fa5;
}
.shb-text-link__last-word {
white-space: nowrap;
}
.shb-text-link__icon {
display: inline-block;
margin-left: 6px;
margin-bottom: 2px;
vertical-align: middle;
height: 11px;
}
.shb-text-link-small {
font-size: 12px;
}
.shb-text-link__icon-container {
display: inline-block;
height: 11px;
vertical-align: middle;
}
.shb-text-link__content-new-window-container {
margin-right: 17px;
}
.shb-text-link__content-arrow-container {
margin-right: 14px;
}
.shb-text-link__content-icon {
position: absolute;
}
.shb-validation-error__error-text {
color: #cd422f;
display: flex;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
align-items: start;
}
.shb-validation-error__error-text--align-left {
text-align: left;
margin-left: 4px;
}
.shb-validation-error__error-icon {
flex-shrink: 0;
margin-top: 1px;
}
.shb-validation-error-balloon {
display: flex;
align-items: center;
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
color: #fff;
background: #767676;
border-radius: 4px;
padding: 12px;
text-align: left;
white-space: nowrap;
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::before {
content: "";
position: absolute;
border: solid transparent;
border-width: 5px;
}
.shb-validation-error-balloon--left,
.shb-validation-error-balloon--right {
bottom: 4px;
}
.shb-validation-error-balloon--left {
right: calc(100% + 5px);
}
.shb-validation-error-balloon--left::before {
top: 50%;
left: 100%;
margin-top: -5px;
border-left-color: #767676;
}
.shb-validation-error-balloon--right {
left: calc(100% + 5px);
}
.shb-validation-error-balloon--right::before {
top: 50%;
right: 100%;
margin-top: -5px;
border-right-color: #767676;
}
.shb-validation-error-balloon--above {
bottom: calc(100% + 5px);
}
.shb-validation-error-balloon--above::before {
left: 50%;
top: 100%;
margin-left: -5px;
border-top-color: #767676;
}
.shb-validation-error-balloon--below {
top: calc(100% + 5px - 5px);
}
.shb-validation-error-balloon--below::before {
left: 50%;
bottom: 100%;
margin-left: -5px;
border-bottom-color: #767676;
}
.shb-validation-error-balloon--above,
.shb-validation-error-balloon--below {
transform: translateX(-50%);
left: 50%;
}
.shb-validation-error-balloon__error-text {
margin-left: 6px;
}
@-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-form-validation-error-message {
font-family: Helvetica, Arial, sans-serif;
color: #c83000;
font-size: 12px;
line-height: 20px;
margin-bottom: 10px;
padding-top: 2px;
}
.shb-form-validation-error-message > shb-icon-info {
vertical-align: middle;
}
.shb-form-validation-error-message > shb-icon-info > svg {
height: 13px !important;
width: 13px !important;
}
.shb-errand {
border-radius: 4px;
border: 1px solid #ddd;
background-color: #fff;
color: #222;
position: relative;
}
.shb-errand--mini .shb-headline {
font-size: 20px;
}
.shb-errand--mini .shb-errand__header,
.shb-errand--mini .shb-errand__body,
.shb-errand--mini .shb-errand__footer {
padding: 14.28571429px;
}
.shb-errand__header,
.shb-errand__body,
.shb-errand__footer {
padding: 20px;
}
.shb-errand__header {
background: #ebf4f7;
border-bottom: 1px solid #ddd;
}
.shb-errand__body {
background-color: #fbfaf9;
}
.shb-errand__body--zero-padding {
padding: 0;
margin: 0;
}
.shb-errand__footer {
background: #f1f1f1;
border-top: 1px solid #ddd;
}
.shb-errand--align-right {
text-align: right;
}
.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;
}
.shb-step-indicator {
padding: 0;
margin: 0;
list-style-type: none;
display: flex;
width: 100%;
}
.shb-step-indicator__container {
display: flex;
flex-direction: column;
align-items: center;
padding: 2px 1px 1px 1px;
height: 65px;
}
.shb-step-indicator__step {
width: 100%;
padding: 0 8px;
position: relative;
}
.shb-step-indicator__step--first:focus {
outline: 1px solid #017ab2;
}
.shb-step-indicator__step__link {
display: block;
color: #017ab2;
text-decoration: none;
}
.shb-step-indicator__step__link:focus {
outline: 1px solid #017ab2;
}
.shb-step-indicator__step__link:hover .shb-step-indicator__step__text {
border-bottom: 1px solid;
}
.shb-step-indicator__step__text {
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
margin-top: 10px;
}
.shb-step-indicator__step__text--active {
font-weight: bold;
}
.shb-step-indicator__step a .shb-step-indicator__step__text {
text-decoration: underline;
}
.shb-step-indicator__step:before {
content: " ";
position: absolute;
border-bottom: 1px solid #c4e2eb;
width: 100%;
transform: translateX(50%);
top: 18px;
}
.shb-step-indicator__step--passed:before {
border-bottom-color: #017ab2;
}
.shb-step-indicator__step:last-child:before {
content: none;
}
@media only screen and (min-width: 910px) {
.shb-step-indicator__step {
padding: 0 16px;
}
.shb-step-indicator__step:last-child {
padding-right: 0;
}
.shb-step-indicator__step:first-child {
padding-left: 0;
}
}
.shb-step-indicator__counter {
position: relative;
border-bottom: none;
border-radius: 50%;
display: inline-block;
width: 36px;
height: 36px;
line-height: 34px;
font-weight: bold;
text-align: center;
border: 1px solid #c4e2eb;
text-decoration: none;
font-family: StagMedium, Georgia, sans-serif;
font-size: 20px;
color: #017ab2;
background: #ffffff;
}
.shb-step-indicator__counter--active {
background: #017ab2;
color: #ffffff;
border-color: #017ab2;
}
.shb-step-indicator__counter--done {
background: #017ab2;
color: #017ab2;
border-color: #017ab2;
}
.shb-step-indicator shb-icon-check-large svg {
padding-top: 9px;
box-sizing: border-box;
}
.shb-step-indicator shb-icon-check-large g {
fill: #ffffff;
}
.shb-outputfield-group {
margin-bottom: 20px;
}
.shb-outputfield__wrapper {
border: 1px solid #dddddd;
border-width: 0 0 1px 0;
padding: 12px 0;
}
.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 {
margin: 0;
padding: 0;
display: inline-block;
line-height: 1.5;
font-family: Helvetica, Arial, sans-serif;
}
.shb-outputfield__label {
font-size: 12px;
}
.shb-outputfield__label--block {
display: block;
}
.shb-outputfield__label--justified {
width: 50%;
}
.shb-outputfield__label--multiple-values {
vertical-align: top;
}
.shb-outputfield__value {
font-size: 14px;
}
.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: 12px;
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: 12px;
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-jedi-search-customer__title {
margin: 40px 0 20px 40px;
}
.shb-jedi-search-customer__form-container {
padding: 0 40px 10px 40px;
}
.shb-jedi-search-customer__advanced-mode {
margin-top: 30px;
max-height: 0;
overflow: hidden;
}
.shb-jedi-search-customer__advanced-mode--show {
max-height: 1000px;
opacity: 1;
animation: shb-jedi-advanced-mode-fade-in 0.3s linear;
}
.shb-jedi-search-customer__advanced-mode--hide {
max-height: 0;
opacity: 0;
animation: shb-jedi-advanced-mode-fade-out 0.3s linear;
}
.shb-jedi-search-customer__submit-container {
padding-left: 40px;
padding-right: 40px;
padding-bottom: 10px;
padding-top: 10px;
border-top: solid 2px #d4d4d4;
background-color: #eaeaea;
}
.shb-jedi-search-customer__custom-search-link {
text-decoration: none;
color: #017ab2;
}
.shb-jedi-search-customer__custom-search-link span {
padding-left: 7px;
}
.shb-jedi-search-customer__custom-search-link:hover {
text-decoration: underline;
}
.shb-jedi-search-customer__clear-button {
text-decoration: none;
color: #017ab2;
}
.shb-jedi-search-customer__clear-button:hover {
text-decoration: underline;
}
.shb-jedi-search-customer .shb-form-field__error-text,
.shb-jedi-search-customer .shb-form-select__error-text {
min-height: 0;
margin: 0;
}
.shb-jedi-search-customer .shb-form-field-v2__input-wrapper,
.shb-jedi-search-customer .shb-form-date-field-group__wrapper,
.shb-jedi-search-customer .shb-form-select__select-wrapper {
width: 50%;
margin-right: 20%;
}
.shb-jedi-search-customer .shb-form-select {
margin-bottom: 15px;
}
.shb-jedi-search-customer .shb-checkbox-label {
margin-left: 30%;
padding: 0;
margin-bottom: 15px;
}
.shb-jedi-search-customer .shb-radio-wrapper-label {
width: 70%;
}
.shb-jedi-search-customer .shb-radio-group {
display: flex;
justify-content: space-between;
margin-bottom: 15px;
}
.shb-jedi-search-customer input[name="postalCode"],
.shb-jedi-search-customer input[name="branchResponsibleForInvolvedParty"] {
width: 40%;
}
.shb-jedi-search-customer input[name="postalAddressCountryCode"] {
width: 10%;
}
.shb-jedi-search-customer__clear-button {
text-decoration: none;
color: #017ab2;
}
.shb-jedi-search-customer__clear-button:hover {
text-decoration: underline;
}
@media only screen and (max-width: 767px) {
.shb-jedi-search-customer__direction--row {
flex-flow: column;
}
.shb-jedi-search-customer .shb-form-field-v2__input-wrapper,
.shb-jedi-search-customer .shb-form-date-field-group__wrapper,
.shb-jedi-search-customer .shb-form-select__select-wrapper {
width: 80%;
margin-right: 0;
}
.shb-jedi-search-customer .shb-checkbox-label {
margin-left: 0;
}
.shb-jedi-search-customer .shb-radio-wrapper-label {
width: 80%;
margin-top: 5px;
}
.shb-jedi-search-customer .shb-radio-group {
flex-flow: column;
}
.shb-jedi-search-customer .shb-radio-wrapper-label {
display: flex;
flex-flow: column;
}
.shb-jedi-search-customer .shb-radio-label {
padding: 0;
}
.shb-jedi-search-customer .shb-radio-label:not(:first-child):not(:last-child) {
padding-top: 7px;
padding-bottom: 7px;
}
.shb-jedi-search-customer input[name="postalCode"],
.shb-jedi-search-customer input[name="branchResponsibleForInvolvedParty"] {
width: 60%;
}
.shb-jedi-search-customer input[name="dateOfBirthMonth"],
.shb-jedi-search-customer input[name="dateOfBirthDay"],
.shb-jedi-search-customer input[name="postalAddressCountryCode"] {
width: 15%;
}
.shb-jedi-search-customer input[name="dateOfBirthYear"] {
width: 20%;
}
}
@keyframes shb-jedi-advanced-mode-fade-in {
0% {
opacity: 0;
max-height: 0;
}
100% {
opacity: 1;
max-height: 1000px;
}
}
@keyframes shb-jedi-advanced-mode-fade-out {
0% {
opacity: 1;
max-height: 1000px;
}
100% {
opacity: 0;
max-height: 0;
}
}
.shb-footer-sticky__container {
height: 42px;
background-color: #ffffff;
border-top: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
line-height: 42px;
text-align: center;
width: 100%;
}
.shb-footer-sticky__container.fixed-bottom {
position: fixed;
bottom: 0;
}
.shb-footer-sticky--mini .shb-footer-sticky__container {
line-height: 32px;
height: 32px;
}
.shb-footer-sticky__text {
font-size: 14px;
color: #636363;
}
.shb-branch-user__wrapper {
padding-top: 8px;
}
.shb-branch-user__acting {
display: flex;
padding: 6px;
background-color: #043b62;
color: #ffffff;
border-radius: 2px;
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: 14px;
}
.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%;
}
.shb-header {
z-index: 10;
width: 100%;
background-color: #005fa5;
top: 0px;
border-bottom: 1px solid #dddddd;
padding: 24px 0;
height: 80px;
}
.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: 2px;
background-clip: padding-box;
margin-bottom: 21px;
}
.shb-header__app-title {
font-size: 38px;
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;
}
.shb-header__branch-user {
display: flex;
background-color: #ffffff;
border: 1px solid #043b62;
border-radius: 2px;
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: 12px;
color: #005fa5;
}
.shb-header__branch-user-additional-info {
font-size: 11px;
color: #636363;
}
.shb-header__branch-icon-container {
justify-content: center;
flex-direction: column;
display: flex;
}
.shb-logos--white {
fill: #ffffff;
}
.shb-logos--blue {
fill: #005fa5;
}
.shb-body--modal-open {
overflow: hidden;
}
.shb-new-modal .shb-modal__overlay {
display: none;
}
.shb-new-modal .shb-modal__overlay--show {
display: flex;
position: fixed;
align-items: center;
justify-content: center;
left: 0;
top: 0;
height: 100vh;
width: 100vw;
background-color: rgba(0, 0, 0, 0.4);
z-index: 999;
}
.shb-new-modal .shb-modal__container {
height: 100%;
display: flex;
align-items: center;
}
.shb-new-modal .shb-modal {
border: 1px solid #dddddd;
overflow-y: auto;
background: #ffffff;
border-radius: 2px;
display: none;
}
@media only screen and (max-width: 474px) {
.shb-new-modal .shb-modal {
max-width: 100%;
max-height: 100%;
min-width: 100%;
}
}
@media only screen and (min-width: 475px) and (max-width: 767px) {
.shb-new-modal .shb-modal {
max-width: 360px;
max-height: 100%;
min-width: 360px;
}
}
@media only screen and (min-width: 768px) and (max-width: 910px) {
.shb-new-modal .shb-modal {
max-width: 660px;
max-height: 100%;
min-width: 400px;
}
}
@media only screen and (min-width: 911px) {
.shb-new-modal .shb-modal {
max-width: 900px;
max-height: 75vh;
min-width: 400px;
}
}
.shb-new-modal .shb-modal--show {
display: flex;
flex-direction: column;
max-height: calc(100% - 100px);
border: 1px solid #dddddd;
padding: 8px;
}
.shb-new-modal .shb-modal__content {
margin: 16px;
flex: 1 1 auto;
overflow-y: auto;
}
.shb-new-modal .shb-modal__header {
background: #043b62;
color: #ffffff;
display: flex;
justify-content: space-between;
align-items: center;
height: 42px;
flex: 0 0 auto;
}
.shb-new-modal .shb-modal__close {
color: #ffffff;
background-color: transparent;
border: 0;
width: 42px;
height: 42px;
content: "X";
}
.shb-new-modal .shb-modal__close:hover,
.shb-new-modal .shb-modal__close:focus {
background-color: #005fa5;
}
.shb-new-modal .shb-modal__footer {
background: #f4f4f4;
padding: 8px 16px;
flex: 1 1 auto;
}
.shb-button-row {
width: 100%;
display: flex;
justify-content: flex-end;
}
.shb-button-row div {
margin-left: 8px;
}
.shb-toast-react .shb-toast-react-hidden {
display: none;
opacity: 0;
position: absolute;
bottom: -48px;
}
.shb-toast-react .shb-toast-react-fixed {
bottom: 0;
right: 0;
left: 0;
margin-left: auto;
margin-right: auto;
transition: opacity 2s;
opacity: 0;
height: 14px;
max-width: 240px;
font: Helvetica, Arial, sans-serif;
font-size: 14px;
padding: 17px 24px;
position: fixed;
z-index: 2000;
background-color: #005fa5;
color: #ffffff;
text-align: center;
}
.shb-toast-react .shb-toast-react-fixed.shb-toast-react-follow {
bottom: 0;
position: fixed;
}
.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-slide-up-animation {
display: block;
-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;
}
@-webkit-keyframes slideUp {
0% {
display: none;
bottom: -48px;
}
1% {
display: block;
bottom: -48px;
}
100% {
display: block;
bottom: 0;
}
}
@-moz-keyframes slideUp {
0% {
display: none;
bottom: -48px;
}
1% {
display: block;
bottom: -48px;
}
100% {
display: block;
bottom: 0;
}
}
@-o-keyframes slideUp {
0% {
display: none;
bottom: -48px;
}
1% {
display: block;
bottom: -48px;
}
100% {
display: block;
bottom: 0;
}
}
@keyframes slideUp {
0% {
display: none;
bottom: -48px;
}
1% {
display: block;
bottom: -48px;
}
100% {
display: block;
bottom: 0;
}
}
.shb-toast-react-fade-out-animation {
display: block;
-webkit-animation: fadeOut 0.5s ease-out;
-moz-animation: fadeOut 0.5s ease-out;
-o-animation: fadeOut 0.5s ease-out;
animation: fadeOut 0.5s ease-out;
}
@-webkit-keyframes fadeOut {
0% {
display: block;
opacity: 1;
}
1% {
display: block;
opacity: 1;
}
100% {
display: none;
opacity: 0;
}
}
@-moz-keyframes fadeOut {
0% {
display: block;
opacity: 1;
}
1% {
display: block;
opacity: 1;
}
100% {
display: none;
opacity: 0;
}
}
@-o-keyframes fadeOut {
0% {
display: block;
opacity: 1;
}
1% {
display: block;
opacity: 1;
}
100% {
display: none;
opacity: 0;
}
}
@keyframes fadeOut {
0% {
display: block;
opacity: 1;
}
1% {
display: block;
opacity: 1;
}
100% {
display: none;
opacity: 0;
}
}
.shb-pdf-viewer {
border: 1px solid #eaeaea;
display: flex;
flex-direction: column;
}
.shb-pdf-controls {
display: flex;
justify-content: space-between;
background: #eaeaea;
height: 42px;
line-height: 42px;
padding: 0 8px;
overflow: hidden;
}
.shb-pdf-controls__group {
display: flex;
flex: 1;
}
.shb-pdf-controls__group-text {
color: #222222;
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 .shb-button-tertiary-small {
display: flex;
}
.shb-pdf-reader__container {
overflow: auto;
display: flex;
}
.shb-slider {
position: relative;
width: 100%;
height: 7px;
margin-bottom: 90px;
}
.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: 5px;
cursor: pointer;
}
.shb-slider__fill {
position: absolute;
height: 100%;
background-color: #005fa5;
border: 1px solid #8F8F8F;
border-radius: 5px;
cursor: pointer;
}
.shb-slider__fill--invalid {
background-color: #cd422f;
}
.shb-slider__fill--disabled {
background-color: #8F8F8F;
}
.shb-slider__text-input {
box-sizing: border-box;
border: 1px solid #dddddd;
border-bottom: 1px solid #8F8F8F;
border-radius: 4px;
padding: 10px;
font-size: 14px;
resize: none;
transition: 0.1s;
width: 100px;
text-align: right;
}
.shb-slider__text-input--invalid {
border-color: #cd422f !important;
}
.shb-slider__text-input:focus {
outline: none;
border-bottom: 2px solid #005fa5;
padding: 10px 10px 9px;
}
.shb-slider__text-input::-ms-clear {
/* remove clear icon on input elements in IE */
display: none;
}
.shb-slider__thumb {
position: absolute;
left: 0;
top: 23px;
margin: auto;
width: 26px;
height: 26px;
border-radius: 50%;
background-color: #ffffff;
box-shadow: 1px 3px 6px rgba(153, 153, 153, 0.5);
cursor: pointer;
z-index: 10;
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 {
outline: 2px 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;
}
.shb-slider__tooltip {
color: #ffffff;
background: #005fa5;
border-radius: 4px;
padding: 10px 8px;
white-space: pre;
opacity: 0;
transition: opacity 0.5s ease;
position: absolute;
bottom: -8px;
text-align: center;
z-index: 9;
}
.shb-slider__tooltip--invalid {
background-color: #cd422f;
}
.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: #cd422f;
}
.shb-slider__tooltip--above--invalid::after {
border-top-color: #cd422f;
}
.shb-slider--mb-2 {
margin-bottom: 15px;
}
.shb-slider--pt-3 {
padding-top: 25px;
}
.shb-card {
border: 1px solid #dddddd;
border-radius: 4px;
}
.shb-card--highlighted {
box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.21);
}
.shb-card-action-bar {
border-top: 1px solid #dddddd;
}
.header__toolbar-item:hover {
cursor: pointer;
background-color: #043b62;
transition: 0.2s;
}
.header__toolbar-item:hover div {
text-decoration: underline;
}
.shb-modal-v2 {
box-sizing: border-box;
border: 1px solid #DDDDDD;
overflow-y: auto;
background: #ffffff;
border-radius: 4px;
display: none;
}
@media only screen and (max-width: 474px) {
.shb-modal-v2 {
max-width: 100%;
max-height: 100%;
min-width: 100%;
}
}
@media only screen and (min-width: 475px) and (max-width: 767px) {
.shb-modal-v2 {
max-width: 360px;
max-height: 100%;
min-width: 360px;
}
}
@media only screen and (min-width: 768px) and (max-width: 910px) {
.shb-modal-v2 {
max-width: 660px;
max-height: 100%;
min-width: 400px;
}
}
@media only screen and (min-width: 911px) {
.shb-modal-v2 {
max-width: 900px;
max-height: 75vh;
min-width: 400px;
}
}
.shb-modal-v2--show {
display: flex;
flex-direction: column;
max-height: calc(100vh - 100px);
border: 1px solid #DDDDDD;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
padding: 8px;
}
.shb-modal-v2__overlay {
display: none;
}
.shb-modal-v2__overlay--show {
display: flex;
position: fixed;
align-items: center;
justify-content: center;
left: 0;
top: 0;
height: 100vh;
width: 100vw;
background-color: rgba(0, 0, 0, 0.4);
z-index: 999;
}
.shb-modal-v2__container {
height: 100%;
display: flex;
align-items: center;
}
.shb-modal-v2__content {
padding: 16px;
border-right: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
}
.shb-modal-v2__title {
color: #ffffff;
line-height: 42px;
text-align: center;
}
.shb-modal-v2__header {
background: #043b62;
color: #ffffff;
height: 42px;
flex: 0 0 auto;
position: relative;
padding-right: 42px;
}
.shb-modal-v2__close {
color: #ffffff;
background-color: transparent;
border: 0;
width: 42px;
height: 42px;
content: "X";
position: absolute;
right: 0;
top: 0;
}
.shb-modal-v2__close svg {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.shb-modal-v2__close:hover,
.shb-modal-v2__close:focus {
background-color: #005fa5;
}
.shb-modal-v2__close:focus:after {
content: "";
display: block;
height: 1px;
width: 16px;
background: #ffffff;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 9px;
}
.shb-modal-v2__footer {
background: #F2F2F2;
padding: 8px 16px;
flex: 1 1 auto;
border-right: 1px solid #DDDDDD;
border-left: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
}
.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-toolbar {
position: relative;
width: 960px;
height: 30px;
margin-right: auto;
margin-left: auto;
z-index: 1;
}
.shb-toolbar > div {
padding-top: 30px;
}
.shb-tools {
position: absolute;
left: 970px;
list-style-position: outside;
list-style: none;
list-style-type: none;
width: 60px;
padding: 0;
margin: 0;
z-index: 2;
transition: 0.3s width;
}
.shb-tools__item {
display: block;
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;
}
.shb-tools__link {
display: block;
height: 50px;
line-height: 50px;
background-color: #043b62;
text-align: center;
transition: 0.3s all;
position: relative;
}
.shb-tools__icon {
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: 2px 2px 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 2px 2px;
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;
}
@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;
}
}
.shb-megamenu__nonresponsive .shb-megamenu {
font-size: 14px;
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;
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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: Helvetica, Arial, sans-serif;
text-decoration: none;
font-size: 14px;
}
.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: Helvetica, Arial, sans-serif;
font-size: 14px;
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-inet-module .shb-inet-new-window-link,
.shb-megamenu__nonresponsive .shb-megamenu__toggle-body:focus .shb-inet-module .shb-inet-new-window-link,
.shb-megamenu__nonresponsive .shb-megamenu__toggle-body:hover .shb-inet-module .shb-inet-popup-window-link,
.shb-megamenu__nonresponsive .shb-megamenu__toggle-body:focus .shb-inet-module .shb-inet-popup-window-link,
.shb-megamenu__nonresponsive .shb-megamenu__toggle-body:hover .shb-inet-module .shb-inet-popup-wide-window-link,
.shb-megamenu__nonresponsive .shb-megamenu__toggle-body:focus .shb-inet-module .shb-inet-popup-wide-window-link,
.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,
.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-inet-module .shb-inet-stand-alone-link,
.shb-megamenu__nonresponsive .shb-megamenu__toggle-body:focus .shb-inet-module .shb-inet-stand-alone-link,
.shb-megamenu__nonresponsive .shb-megamenu__toggle-body:hover .shb-inet-module .shb-inet-stand-alone-link,
.shb-megamenu__nonresponsive .shb-megamenu__toggle-body:focus .shb-inet-module .shb-inet-stand-alone-link,
.shb-megamenu__nonresponsive .shb-megamenu__toggle-body:hover .shb-inet-back-link a,
.shb-megamenu__nonresponsive .shb-megamenu__toggle-body:focus .shb-inet-back-link a,
.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: 14px;
font-family: Helvetica, Arial, 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);
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;
line-height: 12px;
}
.shb-megamenu__nonresponsive .shb-megamenu__menublock-container {
overflow: hidden;
margin: 0 -300px 21px -300px;
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;
}
shb-drawer-menu .shb-bar-menu__a--active {
font-weight: bold;
}
shb-drawer-menu .shb-drawer-menu__menu-container {
background-color: #ebf4f7;
height: calc(100vh - 63px);
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__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 {
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 #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;
}
shb-drawer-menu .shb-drawer-menu__hamburger-toggle .shb-drawer-menu__hamburger-bar__first--expanded {
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 #005fa5;
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 #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;
margin-top: 3px;
}
shb-drawer-menu .shb-drawer-menu__hamburger-toggle .shb-drawer-menu__hamburger-bar__third--expanded {
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: #043b62;
padding-right: 12px;
font-size: 12px;
}
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: 14px;
background-color: #fff;
border: 1px solid #dedede;
border-top-width: 0;
border-radius: 2px;
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;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
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-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__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: 14px;
background-color: #fff;
border: 1px solid #dedede;
border-top-width: 0;
border-radius: 2px;
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;
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;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
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;
}
.shb-inet-align-center {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 12px;
}
.shb-inet-align-left {
display: block;
margin-bottom: 12px;
}
.shb-inet-align-right {
display: block;
margin-left: auto;
margin-bottom: 12px;
}
.shb-inet-align-left-float {
float: left;
clear: left;
margin: 3px 16px 6px 0;
}
.shb-inet-align-right-float {
float: right;
clear: right;
margin-left: 16px;
margin-top: 3px;
}
.shb-inet-gray {
color: #848484;
}
.shb-inet-module,
.shb-inet-section {
zoom: 1;
}
.shb-inet-module:before,
.shb-inet-section:before,
.shb-inet-module:after,
.shb-inet-section:after {
content: "";
display: table;
}
.shb-inet-module:after,
.shb-inet-section:after {
clear: both;
}
.shb-inet-module a,
.shb-inet-module a:visited {
color: #005fa5;
text-decoration: none;
}
.shb-inet-module a:hover,
.shb-inet-module a:focus {
text-decoration: underline;
}
.shb-inet-module hr {
height: 1px;
border-top: 1px solid #d4d4d4;
background: #e4e4e4;
border-bottom: 0;
border-left: 0;
border-right: 0;
margin: 20px 0;
clear: both;
}
.shb-inet-module .shb-inet-stand-alone-link-container {
margin: 6px 0;
display: block;
}
.shb-inet-module .shb-inet-stand-alone-link {
line-height: normal;
display: inline;
}
.shb-inet-module .shb-inet-new-window-link,
.shb-inet-module .shb-inet-popup-window-link,
.shb-inet-module .shb-inet-popup-wide-window-link {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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-inet-module .shb-inet-shortcuts-module {
margin-bottom: 0;
background: #fff;
}
.shb-inet-module .shb-inet-shortcuts-module > ul {
list-style: none;
list-style-position: outside;
padding: 0;
margin: 0;
display: block;
}
.shb-inet-module .shb-inet-shortcuts-module > ul .shb-inet-shortcuts-header {
font-size: 12px;
font-weight: bold;
background: #f6f6f6;
color: #333;
padding: 7px 10px 8px 10px;
}
.shb-inet-module .shb-inet-shortcuts-module > ul > li {
border-bottom: 1px solid #dedede;
display: block;
margin: 0;
padding: 0;
}
.shb-inet-module .shb-inet-shortcuts-module > ul > li:nth-last-child(1) {
border-bottom: 0;
}
.shb-inet-module .shb-inet-shortcuts-module > ul > li.shb-inet-info-text:hover {
background-color: #fff;
}
.shb-inet-module .shb-inet-shortcuts-module > ul > li > a {
display: block;
padding: 12px 10px;
line-height: 18px;
}
.shb-inet-module .shb-inet-shortcuts-module > ul > li > a.spi-navigation-link {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
background-repeat: no-repeat;
padding-left: 293px;
background-position: 278px -1769px;
padding: 12px 10px;
line-height: 18px;
}
.shb-inet-module .shb-inet-shortcuts-module > ul > li > a.spi-navigation-link:hover {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
background-repeat: no-repeat;
padding-left: 293px;
background-position: 278px -1807px;
padding: 12px 10px;
}
.shb-inet-module .shb-inet-shortcuts-module > ul > li > a.spi-navigation-link:active {
color: #043b62;
}
.shb-inet-module .shb-inet-shortcuts-module > ul > li > a:hover,
.shb-inet-module .shb-inet-shortcuts-module > ul > li > a:focus {
text-decoration: underline;
background-color: #f0f8fa;
outline: none;
}
.shb-inet-module .shb-inet-shortcuts-module .shb-inet-info-text {
padding: 10px;
color: #666;
font-size: 12px;
}
.shb-inet-module .shb-inet-shortcuts-module .shb-inet-new-window-link,
.shb-inet-module .shb-inet-shortcuts-module .shb-inet-popup-window-link,
.shb-inet-module .shb-inet-shortcuts-module .shb-inet-popup-wide-window-link {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
background-repeat: no-repeat;
padding-left: 296px;
background-position: 276px -1437px;
padding: 12px 10px;
}
.shb-inet-module .shb-inet-shortcuts-module .shb-inet-new-window-link:hover,
.shb-inet-module .shb-inet-shortcuts-module .shb-inet-popup-window-link:hover,
.shb-inet-module .shb-inet-shortcuts-module .shb-inet-popup-wide-window-link:hover {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
background-repeat: no-repeat;
padding-left: 296px;
background-position: 276px -1474px;
padding: 12px 10px;
}
.shb-inet-module .shb-inet-shortcuts-module .shb-inet-open-menu {
zoom: 1;
}
.shb-inet-module .shb-inet-shortcuts-module .shb-inet-open-menu .shb-inet-open-menu-link:hover {
text-decoration: underline;
background-color: #f0f8fa;
}
.shb-inet-module .shb-inet-shortcuts-module .shb-inet-open-menu .shb-inet-open-menu-link {
display: block;
text-align: center;
}
.shb-inet-module .shb-inet-shortcuts-module .shb-inet-open-menu .shb-inet-open-menu-link:hover {
text-decoration: none;
}
.shb-inet-module .shb-inet-shortcuts-module .shb-inet-open-menu .shb-inet-open-menu-link-part {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
background-repeat: no-repeat;
padding-left: 20px;
background-position: 0px -799px;
display: inline-block;
color: #005fa5;
padding-right: 20px;
}
.shb-inet-module .shb-inet-shortcuts-module .shb-inet-open-menu .shb-inet-open-menu-link:hover .shb-inet-open-menu-link-part {
text-decoration: underline;
}
.shb-inet-module .shb-inet-button-link-container {
display: block;
}
.shb-inet-module a.shb-inet-button-link {
color: #fff;
}
.shb-inet-module .shb-inet-file-link {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
background-repeat: no-repeat;
padding-right: 20px;
background-position: right -963px;
}
.shb-inet-module .shb-inet-small-text,
.shb-inet-module .shb-inet-link-small-text {
font-size: 12px;
}
.shb-inet-module .shb-inet-large-text,
.shb-inet-module .shb-inet-link-large-text {
font-size: 14px;
}
.shb-inet-module ul,
.shb-inet-module ol {
list-style-position: outside;
display: table;
}
.shb-inet-module ul {
padding-left: 32px;
}
.shb-inet-module ol {
padding-left: 31px;
}
.shb-inet-back-link {
margin-top: 20px;
}
.shb-inet-back-link a {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
background-repeat: no-repeat;
background-position: -3px -931px;
padding: 0 0 0 10px;
}
.shb-inet-section {
margin-bottom: 20px;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
clear: both;
}
.shb-inet-section.last-child {
margin-bottom: 0;
}
.shb-inet-section:last-child {
margin-bottom: 0;
}
.shb-inet-section p {
margin: 0;
}
.shb-inet-module-bg1 {
padding: 10px;
background: #d4d4d4;
}
.shb-inet-module-bg2 {
padding: 10px;
background: #f0f8fa;
}
.shb-inet-module-bg3 {
padding: 10px;
}
.shb-surface--tabsurface .shb-module-wrapper--cms-inet {
padding: 40px;
}
.shb-surface--tabsurface .shb-inet-section {
background: #fff;
}
.shb-surface--tabsurface .shb-inet-section .grid_12 {
margin-left: 0;
margin-right: 0;
width: 858px;
}
.shb-surface--tabsurface .shb-inet-section .grid_8 {
margin-left: 10px;
margin-right: 10px;
width: 565.33333333px;
}
.shb-surface--tabsurface .shb-inet-section .grid_8.alpha {
margin-left: 0;
}
.shb-surface--tabsurface .shb-inet-section .grid_8.omega {
margin-right: 0;
}
.shb-surface--tabsurface .shb-inet-section .grid_4 {
margin-left: 10px;
margin-right: 10px;
width: 272.66666667px;
}
.shb-surface--tabsurface .shb-inet-section .grid_4.alpha {
margin-left: 0;
}
.shb-surface--tabsurface .shb-inet-section .grid_4.omega {
margin-right: 0;
}
.shb-surface--tabsurface .shb-inet-section:last-child {
margin-bottom: 0;
}
.shb-surface--tabsurface .shb-inet-module,
.shb-surface--tabsurface .shb-inet-module-bg1,
.shb-surface--tabsurface .shb-inet-module-bg2,
.shb-surface--tabsurface .shb-inet-module-bg3 {
background: transparent;
border: none;
}
.shb-surface--tabsurface .shb-inet-section:last-child {
margin-bottom: 0;
}
.shb-inet-alert .shb-inet-module {
position: relative;
background-color: #fff;
padding: 20px;
padding-left: 50px;
margin-bottom: 0;
border: 1px solid #dedede;
}
.shb-inet-alert .shb-inet-module::before {
position: absolute;
top: 15px;
left: 15px;
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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;
height: 28px;
/* When zooming the background-image gets a little cut off when placeholder is exacly as big as the actual image. Adding a couple of pixels in size to fix that problem... */
width: 28px;
/* When zooming the background-image gets a little cut off when placeholder is exacly as big as the actual image. Adding a couple of pixels in size to fix that problem... */
}
.shb-inet-bottom-links.shb-module-wrapper {
padding-bottom: 0;
}
.shb-inet-bottom-links {
clear: left;
}
.shb-inet-bottom-links .shb-inet-module {
padding: 30px 0 0 0;
margin-bottom: 0;
background: transparent;
border: none;
}
.shb-inet-bottom-links .shb-inet-module .shb-inet-new-window-link,
.shb-inet-bottom-links .shb-inet-module .shb-inet-popup-window-link,
.shb-inet-bottom-links .shb-inet-module .shb-inet-popup-wide-window-link {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
background-repeat: no-repeat;
padding-right: 19px;
background-position: right -1372px;
}
.shb-inet-module-bg4 .shb-inet-module-body {
padding: 10px;
}
.shb-inet-module-header h2 {
font-size: 20px;
padding-top: 7px;
padding-left: 10px;
margin-top: 0;
margin-bottom: 0;
float: left;
}
.shb-inet-module h1,
.shb-spi-module h1,
.shb-inet-module h2,
.shb-inet-module h3,
.shb-inet-module h4,
.shb-inet-module h5 {
font-family: StagMedium, Georgia, sans-serif;
font-weight: normal;
color: #043b62;
margin-top: 0;
margin-bottom: 10px;
}
.shb-inet-module h1,
.shb-spi-module h1 {
font-size: 28px;
}
.shb-inet-module h2 {
font-size: 20px;
}
.shb-inet-module h3 {
font-size: 18px;
}
.shb-inet-module h4 {
font-size: 16px;
}
.shb-inet-module h5 {
font-size: 14px;
}
/* # Data Grids
The important classes are `shb-grid__header`, `shb-grid__header__cell`. `shb-grid__header__row`
and `shb-grid__row`.
Allkonto
SEK
21 000,00
Sparkonto
SEK
98 000,00
Semesterkonto
SEK
123 645,00
*/
.shb-grid {
font-size: 14px;
color: #222222;
font-family: Helvetica, Arial, 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: 12px;
}
.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);
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);
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);
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);
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);
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);
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);
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;
}
.shb-grid__fixed {
display: block;
overflow-y: auto;
border-bottom: 1px solid #D4D4D4;
}
/*
## Comments in Grids
*/
.shb-grid__comment {
color: #666;
visibility: hidden;
}
.shb-grid__text--special {
font-size: 11px;
color: #666;
}
.shb-grid__text--small {
font-size: 12px;
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: 12px;
font-weight: normal;
}
.shb-grid__row__standalone {
border-top: 1px solid #dedede;
}
.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;
}
.shb-grid__row > .shb-grid__cell-group-header {
font-size: 12px;
font-weight: bold;
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;
}
.shb-grid__link-text {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
background-repeat: no-repeat;
padding-right: 26px;
background-position: right -114px;
display: inline-block;
font-size: 14px;
padding: 12px 26px 12px 10px;
line-height: 18px;
}
.shb-grid-tab {
display: inline-block;
border: solid 1px #dedede;
border-radius: 2px 2px 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:
Price
1
2
3
4
5
6
7
8
9
10
*/
.shb-fixed-grid-wrapper {
background-color: #f6f6f6;
padding-top: 31px;
overflow: hidden;
}
.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 {
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 {
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:
{customer.involvedPartyFullName} {customer.postalAddress}
{customer.dateOfBirth}
{customer.customerNumber}
{customer.branchResponsibleForInvolvedParty}
{customer.phoneNumber}
{customer.closedInAllCountries.toString()}
*/
.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%;
}
.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-header {
font-size: 12px;
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:last-child,
.shb-list__item.last-child {
border: none;
}
.shb-list__item:hover {
background-color: #f0f8fa;
}
.shb-last-item--vertical {
border-bottom: none;
margin-bottom: 0;
}
.shb-last-item--horizontal {
border-right: none;
margin-right: 0;
}
/*
{text}
*/
.shb-checkbox {
display: inline-block;
vertical-align: bottom;
margin-right: 10px;
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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;
}
.shb-checkbox-hidden {
left: -10000px;
position: absolute;
height: 20px;
}
.shb-checkbox-hidden:focus ~ .shb-checkbox {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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;
}
/*
{text}
*/
.shb-radio {
display: inline-block;
vertical-align: bottom;
margin-right: 10px;
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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;
}
.shb-radio-hidden {
position: fixed;
left: -10000px;
}
.shb-radio-hidden:focus ~ .shb-radio {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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-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;
}
.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 {
display: flex;
justify-content: center;
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;
box-sizing: border-box;
width: 648px;
}
.shb-sign__body--is-responsive {
max-width: 100vw;
}
@media only screen and (max-width: 474px) {
.shb-sign__body {
padding: 0;
}
}
.shb-sign__header {
position: relative;
height: 42px;
background-color: #043b62;
}
.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;
}
.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;
}
.shb-auth-common__h3 {
font-size: 20px;
color: #222;
margin-bottom: 10px;
}
.shb-auth-common__h2 {
font-size: 20px;
color: #222;
margin-bottom: 10px;
}
.shb-auth-common__p {
font-size: 14px;
}
.shb-auth-common__message {
text-align: center;
margin: 0 20px 40px 20px;
}
.shb-auth-common__a {
color: #005fa5;
text-decoration: none;
font-size: 14px;
font-family: Helvetica, Arial, sans-serif;
}
.shb-auth-common__a:visited {
color: #005fa5;
}
.shb-auth-common__a:hover {
text-decoration: underline;
cursor: pointer;
}
.shb-auth-common__a:active {
color: #043b62;
}
.shb-auth-common__a:focus {
text-decoration: underline;
outline: none;
}
.shb-auth-common__button {
color: #005fa5;
text-decoration: none;
font-size: 14px;
font-family: Helvetica, Arial, sans-serif;
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:visited {
color: #005fa5;
}
.shb-auth-common__button:hover {
text-decoration: underline;
cursor: pointer;
}
.shb-auth-common__button:active {
color: #043b62;
}
.shb-auth-common__button:focus {
text-decoration: underline;
outline: none;
}
.shb-auth-common__button:hover {
background-color: #043b62;
text-decoration: none;
}
.shb-auth-common__button:focus {
text-decoration: underline;
}
.shb-auth-common__button:visited {
color: white;
}
.shb-auth-common__button:active {
color: white;
}
.shb-auth-common__challenge:focus .shb-auth-common__code-list {
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) {
border-right: 1px solid #dedede;
}
.shb-auth-common__text {
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 22px;
color: #222;
}
.shb-auth-common__text.shb-auth-common__text--tiny {
font-size: 12px;
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-auth-common__text--p {
margin-bottom: 20px;
}
.shb-auth-common__cancel-button {
color: #005fa5;
text-decoration: none;
font-size: 14px;
font-family: Helvetica, Arial, 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 {
text-decoration: underline;
cursor: pointer;
}
.shb-auth-common__cancel-button:active {
color: #043b62;
}
.shb-auth-common__cancel-button:focus {
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;
}
.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;
}
.shb-sign__error-content--fill {
border: 1px solid #dedede;
background-color: #f6f6f6;
}
.shb-sign__fatal-content__small-text {
color: #000;
font-size: 12px;
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;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.shb-sign__fatal--relative {
padding: 10px;
background-color: white;
}
.shb-sign__error-content--relative {
padding: 30px 20px 20px 20px;
text-align: center;
}
.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;
}
.shb-auth-common__cancel-buttons .shb-button-secondary {
width: 100%;
}
.shb-auth-common__cancel-buttons .shb-button-primary {
width: 100%;
}
.shb-auth-common__cancel-buttons .shb-button-tertiary {
width: 100%;
}
shb-auth-plaque {
color: #043b62;
font-size: 9pt;
font-family: "MS Sans Serif", Arial, Verdana;
width: 564px;
line-height: normal;
}
shb-auth-plaque.shb-auth-plaque--receipt {
font-size: 14px;
color: #222;
}
.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 {
font-size: 14px;
color: #222;
font-size: 9pt;
font-family: "MS Sans Serif", Arial, Verdana;
width: 564px;
line-height: normal;
}
.shb-auth-plaque__table {
width: 100%;
font-size: 9pt;
font-family: "MS Sans Serif", Arial, Verdana;
width: 564px;
line-height: normal;
}
.shb-auth-plaque__headline {
font-size: 9pt;
font-family: "MS Sans Serif", Arial, Verdana;
width: 564px;
line-height: normal;
color: #043b62;
font-weight: bold;
}
.shb-auth-plaque__th,
.shb-auth-plaque__td {
font-weight: normal;
text-align: left;
vertical-align: top;
line-height: 16px;
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;
}
@media only screen and (max-width: 474px) {
.shb-auth-plaque__textrow {
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: 0 20px 40px 20px;
}
.shb-auth-bid__a {
color: #005fa5;
text-decoration: none;
font-size: 14px;
font-family: Helvetica, Arial, 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 {
text-decoration: underline;
cursor: pointer;
}
.shb-auth-bid__a:active {
color: #043b62;
}
.shb-auth-bid__a:focus {
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: Helvetica, Arial, sans-serif;
}
.shb-auth-cap__tiny {
font-size: 12px;
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-mbid__logo {
margin: 0 auto 10px auto;
padding-top: 30px;
}
.shb-auth-mbid__message {
margin-bottom: 20px;
text-align: center;
}
.shb-auth-mbid__container {
text-align: center;
padding: 30px 30px 0 30px;
margin-bottom: 30px;
position: relative;
}
.shb-auth-otp__table {
width: 100%;
margin-bottom: 30px;
}
.shb-auth-otp__tr {
font-size: 14px;
line-height: 20px;
}
.shb-auth-otp__th {
text-align: left;
font-weight: normal;
width: 30%;
}
.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-heading {
line-height: 42px;
color: #222222;
font-size: 20px;
}
.shb-auth-sign-pad__preview-frame > object {
width: 600px;
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: 14px;
font-family: Helvetica, Arial, sans-serif;
background-color: #f1f1f1;
}
.shb-auth-sign-pad__button--clear:visited {
color: #005fa5;
}
.shb-auth-sign-pad__button--clear:hover {
text-decoration: underline;
cursor: pointer;
}
.shb-auth-sign-pad__button--clear:active {
color: #043b62;
}
.shb-auth-sign-pad__button--clear:focus {
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;
}
.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-kit-sign .shb-kit-sign__action-footer {
margin: -8px;
display: flex;
flex-wrap: wrap;
align-items: center;
}
body.non-responsive .shb-kit-sign .shb-kit-sign__action-footer {
flex-wrap: nowrap;
flex-direction: row-reverse;
}
body.non-responsive .shb-kit-sign .shb-kit-sign__action-footer:after {
content: '';
flex: 1;
order: 0;
}
body.non-responsive .shb-kit-sign .shb-kit-sign__action-footer__secondary-action {
order: 1;
}
body.non-responsive .shb-kit-sign .shb-kit-sign__action-footer__primary-action {
order: -1;
}
body.non-responsive .shb-kit-sign .shb-kit-sign__action-footer__primary-action--last-on-desktop {
order: -2;
}
@media only screen and (min-width: 768px) {
.shb-kit-sign .shb-kit-sign__action-footer {
flex-wrap: nowrap;
flex-direction: row-reverse;
}
.shb-kit-sign .shb-kit-sign__action-footer:after {
content: '';
flex: 1;
order: 0;
}
.shb-kit-sign .shb-kit-sign__action-footer__secondary-action {
order: 1;
}
.shb-kit-sign .shb-kit-sign__action-footer__primary-action {
order: -1;
}
.shb-kit-sign .shb-kit-sign__action-footer__primary-action--last-on-desktop {
order: -2;
}
}
.shb-kit-sign .shb-kit-sign__action-footer__secondary-action,
.shb-kit-sign .shb-kit-sign__action-footer__primary-action {
width: 50%;
box-sizing: border-box;
padding: 8px;
}
.shb-kit-sign .shb-kit-sign__action-footer__secondary-action--full-width,
.shb-kit-sign .shb-kit-sign__action-footer__primary-action--full-width {
width: 100%;
}
body.non-responsive .shb-kit-sign .shb-kit-sign__action-footer__secondary-action,
body.non-responsive .shb-kit-sign .shb-kit-sign__action-footer__primary-action {
width: auto;
}
body.non-responsive .shb-kit-sign .shb-kit-sign__action-footer__secondary-action--full-width,
body.non-responsive .shb-kit-sign .shb-kit-sign__action-footer__primary-action--full-width {
width: auto;
}
@media only screen and (min-width: 768px) {
.shb-kit-sign .shb-kit-sign__action-footer__secondary-action,
.shb-kit-sign .shb-kit-sign__action-footer__primary-action {
width: auto;
}
.shb-kit-sign .shb-kit-sign__action-footer__secondary-action--full-width,
.shb-kit-sign .shb-kit-sign__action-footer__primary-action--full-width {
width: auto;
}
}
.shb-kit-sign shb-icon-loader {
width: 48px;
display: block;
margin: 16px auto;
}
.shb-kit-sign-delete-modal-loader {
width: 48px;
display: block;
margin: 16px auto;
}
.shb-kit-sign__summary .shb-kit-sign-summary-wrapper {
padding-bottom: 16px;
}
.shb-kit-sign__summary .shb-kit-sign-summary-empty {
padding: 16px;
}
.shb-kit-sign__summary .shb-kit-sign-summary-item {
border-bottom: 1px solid #e4e4e4;
}
.shb-kit-sign__summary .shb-kit-sign-summary-item .shb-kit-sign-ar-order-group-row-wrapper {
background: #ffffff;
border-top: 1px solid #e4e4e4;
}
.shb-kit-sign__summary .shb-kit-sign-summary-item .shb-kit-sign-registered-in-office-header {
background: #ffffff;
padding: 20px 16px 12px 16px;
border-top: 3px solid #005fa5;
}
.shb-kit-sign__summary .shb-kit-sign-summary-item .shb-kit-sign-registered-in-office-header__title {
margin-bottom: 8px;
font-weight: bold;
}
body.non-responsive .shb-kit-sign__summary .shb-kit-sign-summary-item .shb-kit-sign-registered-in-office-header {
display: flex;
align-items: center;
justify-content: space-between;
}
body.non-responsive .shb-kit-sign__summary .shb-kit-sign-summary-item .shb-kit-sign-registered-in-office-header__title {
margin-right: 24px;
margin-bottom: 0;
}
@media only screen and (min-width: 475px) {
.shb-kit-sign__summary .shb-kit-sign-summary-item .shb-kit-sign-registered-in-office-header {
display: flex;
align-items: center;
justify-content: space-between;
}
.shb-kit-sign__summary .shb-kit-sign-summary-item .shb-kit-sign-registered-in-office-header__title {
margin-right: 24px;
margin-bottom: 0;
}
}
.shb-kit-sign__summary .shb-kit-sign-summary-item .shb-kit-sign-registered-in-office-header__info {
display: flex;
align-items: center;
font-size: 12px;
color: #767676;
}
.shb-kit-sign__summary .shb-kit-sign-summary-item .shb-kit-sign-registered-in-office-header__info > span {
margin-left: 8px;
}
.shb-kit-sign__summary .shb-kit-sign-summary-item-ar-owner-header {
padding: 32px 16px 12px 16px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
body.non-responsive .shb-kit-sign__summary .shb-kit-sign-summary-item-ar-owner-header {
display: flex;
align-items: baseline;
}
body.non-responsive .shb-kit-sign__summary .shb-kit-sign-summary-item-ar-owner-header h2 {
margin-bottom: 0;
}
body.non-responsive .shb-kit-sign__summary .shb-kit-sign-summary-item-ar-owner-header__customer-identification-number {
margin-left: 16px;
color: #4E4E4E;
}
@media only screen and (min-width: 475px) {
.shb-kit-sign__summary .shb-kit-sign-summary-item-ar-owner-header {
display: flex;
align-items: baseline;
}
.shb-kit-sign__summary .shb-kit-sign-summary-item-ar-owner-header h2 {
margin-bottom: 0;
}
.shb-kit-sign__summary .shb-kit-sign-summary-item-ar-owner-header__customer-identification-number {
margin-left: 16px;
color: #4E4E4E;
}
}
.shb-kit-sign__summary .shb-kit-sign-summary-item-ar-owner-header__customer-identification-number {
font-size: 12px;
}
.shb-kit-sign__summary-list-row-ie11-bug-wrapper {
display: flex;
flex-direction: column;
height: 100%;
}
.shb-kit-sign .shb-kit-sign__summary-list-row-ie11-bug-wrapper:first-child .shb-kit-sign__summary-list-row {
border-top: 0;
}
.shb-kit-sign__summary-list-row {
display: flex;
align-items: center;
justify-content: space-between;
padding: 8px 16px;
min-height: 48px;
box-sizing: border-box;
border-top: 1px solid #e4e4e4;
}
.shb-kit-sign__summary-list-row .shb-kit-sign-summary-list-row-checkbox {
line-height: 0;
width: 24px;
text-align: center;
margin-right: 16px;
}
.shb-kit-sign__summary-list-row .shb-kit-sign-summary-list-row-checkbox .shb-document-icon {
width: 18px;
height: 23px;
}
.shb-kit-sign__summary-list-row .shb-kit-sign-summary-list-row-main-information {
flex: 1;
}
body.non-responsive .shb-kit-sign__summary-list-row .shb-kit-sign-summary-list-row-main-information {
display: flex;
align-items: center;
}
body.non-responsive .shb-kit-sign__summary-list-row .shb-kit-sign-summary-list-row-main-information__except-button-wrapper {
flex: 1;
}
@media only screen and (min-width: 475px) {
.shb-kit-sign__summary-list-row .shb-kit-sign-summary-list-row-main-information {
display: flex;
align-items: center;
}
.shb-kit-sign__summary-list-row .shb-kit-sign-summary-list-row-main-information__except-button-wrapper {
flex: 1;
}
}
body.non-responsive .shb-kit-sign__summary-list-row .shb-kit-sign-summary-list-row-main-information__except-button-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
@media only screen and (min-width: 768px) {
.shb-kit-sign__summary-list-row .shb-kit-sign-summary-list-row-main-information__except-button-wrapper {
display: flex;
align-items: center;
justify-content: space-between;
}
}
body.non-responsive .shb-kit-sign__summary-list-row .shb-kit-sign-summary-list-row-main-information__title {
margin-right: 16px;
flex: 1;
}
@media only screen and (min-width: 768px) {
.shb-kit-sign__summary-list-row .shb-kit-sign-summary-list-row-main-information__title {
margin-right: 16px;
flex: 1;
}
}
.shb-kit-sign__summary-list-row .shb-kit-sign-summary-list-row-main-information__expire-date {
font-size: 12px;
margin-top: 5px;
color: #767676;
font-style: italic;
white-space: nowrap;
}
body.non-responsive .shb-kit-sign__summary-list-row .shb-kit-sign-summary-list-row-main-information__expire-date {
margin-top: 0;
color: #222222;
margin-right: 16px;
}
@media only screen and (min-width: 768px) {
.shb-kit-sign__summary-list-row .shb-kit-sign-summary-list-row-main-information__expire-date {
margin-top: 0;
color: #222222;
margin-right: 16px;
}
}
.shb-kit-sign__summary-list-row .shb-kit-sign-summary-list-row-main-information__label-and-button {
display: flex;
margin-top: 5px;
}
body.non-responsive .shb-kit-sign__summary-list-row .shb-kit-sign-summary-list-row-main-information__label-and-button {
margin-top: 0;
margin-right: 16px;
}
@media only screen and (min-width: 768px) {
.shb-kit-sign__summary-list-row .shb-kit-sign-summary-list-row-main-information__label-and-button {
margin-top: 0;
margin-right: 16px;
}
}
.shb-kit-sign__summary-list-row .shb-kit-sign-summary-list-row-main-information__label-and-button__label {
background: #d4d4d4;
font-size: 12px;
padding: 3px 10px;
border-radius: 3px;
display: inline-block;
display: flex;
align-items: center;
height: 20px;
white-space: nowrap;
margin-right: 8px;
}
.shb-kit-sign__summary-list-row .shb-kit-sign-summary-actions {
display: none;
justify-content: flex-end;
align-items: center;
}
body.non-responsive .shb-kit-sign__summary-list-row .shb-kit-sign-summary-actions {
display: flex;
width: 144px;
}
@media only screen and (min-width: 475px) {
.shb-kit-sign__summary-list-row .shb-kit-sign-summary-actions {
display: flex;
width: 144px;
}
}
.shb-kit-sign__summary-list-row .shb-kit-sign-summary-actions__edit-icon,
.shb-kit-sign__summary-list-row .shb-kit-sign-summary-actions__delete-icon,
.shb-kit-sign__summary-list-row .shb-kit-sign-summary-actions__expander-icon {
width: 48px;
height: 48px;
padding: 8px;
margin: -16px 0;
box-sizing: border-box;
align-items: center;
justify-content: center;
display: flex;
}
.shb-kit-sign__summary-list-row .shb-kit-sign-summary-actions__button-with-icon {
width: 100%;
height: 100%;
border: 0;
background: transparent;
}
.shb-kit-sign__summary-list-row .shb-kit-sign-summary-actions__button-with-icon:focus {
outline: 1px solid #043b62;
}
.shb-kit-sign__summary-list-row-expandable-info-buttons {
padding: 0 16px 16px 16px;
}
body.non-responsive .shb-kit-sign__summary-list-row-expandable-info-buttons {
margin-left: 40px;
}
@media only screen and (min-width: 475px) {
.shb-kit-sign__summary-list-row-expandable-info-buttons {
margin-left: 40px;
}
}
.shb-kit-sign__summary-list-row-expandable-info-buttons > div {
margin-right: 16px;
}
.shb-kit-sign__summary-list-row-expandable-info-buttons > div:last-child {
margin-right: 0;
}
.shb-kit-sign__summary-list-row-expandable-info {
padding: 16px;
padding-bottom: 32px;
}
body.non-responsive .shb-kit-sign__summary-list-row-expandable-info {
padding-left: 56px;
}
@media only screen and (min-width: 475px) {
.shb-kit-sign__summary-list-row-expandable-info {
padding-left: 56px;
}
}
body.non-responsive .shb-kit-sign__summary-list-row-expandable-info {
display: flex;
}
@media only screen and (min-width: 768px) {
.shb-kit-sign__summary-list-row-expandable-info {
display: flex;
}
}
body.non-responsive .shb-kit-sign__summary-list-row-expandable-info .shb-kit-sign-summary-text-order-info {
padding-right: 16px;
flex: 3;
}
@media only screen and (min-width: 768px) {
.shb-kit-sign__summary-list-row-expandable-info .shb-kit-sign-summary-text-order-info {
padding-right: 16px;
flex: 3;
}
}
.shb-kit-sign__summary-list-row-expandable-info .shb-kit-sign-summary-text-order-info__heading {
font-size: 16px;
}
.shb-kit-sign__summary-list-row-expandable-info .shb-kit-sign-summary-text-product-info {
padding: 16px 0;
font-size: 12px;
border-bottom: 1px solid #e4e4e4;
}
.shb-kit-sign__summary-list-row-expandable-info .shb-kit-sign-summary-text-product-info:last-child {
border-bottom: 0;
}
body.non-responsive .shb-kit-sign__summary-list-row-expandable-info .shb-kit-sign-summary-text-product-info {
border-left: 1px solid #e4e4e4;
border-bottom: 0;
padding: 16px;
flex: 1;
}
@media only screen and (min-width: 768px) {
.shb-kit-sign__summary-list-row-expandable-info .shb-kit-sign-summary-text-product-info {
border-left: 1px solid #e4e4e4;
border-bottom: 0;
padding: 16px;
flex: 1;
}
}
.shb-kit-sign__summary-list-row-expandable-info .shb-kit-sign-summary-text-product-info > p {
margin: 0;
padding: 0;
}
.shb-kit-sign-handle-signatories-ar-owner {
background: #ffffff;
border: 1px solid #dedede;
border-radius: 4px;
margin-bottom: 16px;
}
.shb-kit-sign-handle-signatories-ar-owner--expanded {
box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.2);
}
.shb-kit-sign-handle-signatories-ar-owner__top {
display: flex;
justify-content: space-between;
align-items: center;
padding: 16px;
}
.shb-kit-sign-handle-signatories-ar-owner__top .shb-kit-sign-handle-signatories-ar-owner-top-content-wrapper {
flex: 1;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
body.non-responsive .shb-kit-sign-handle-signatories-ar-owner__top .shb-kit-sign-handle-signatories-ar-owner-top-content-wrapper {
flex-wrap: nowrap;
}
@media only screen and (min-width: 768px) {
.shb-kit-sign-handle-signatories-ar-owner__top .shb-kit-sign-handle-signatories-ar-owner-top-content-wrapper {
flex-wrap: nowrap;
}
}
.shb-kit-sign-handle-signatories-ar-owner__top .shb-kit-sign-handle-signatories-ar-owner-top-content-wrapper__ar-owner {
margin-bottom: 16px;
width: 100%;
}
body.non-responsive .shb-kit-sign-handle-signatories-ar-owner__top .shb-kit-sign-handle-signatories-ar-owner-top-content-wrapper__ar-owner {
flex: 1;
width: auto;
margin-bottom: 0;
padding-right: 16px;
}
@media only screen and (min-width: 768px) {
.shb-kit-sign-handle-signatories-ar-owner__top .shb-kit-sign-handle-signatories-ar-owner-top-content-wrapper__ar-owner {
flex: 1;
width: auto;
margin-bottom: 0;
padding-right: 16px;
}
}
body.non-responsive .shb-kit-sign-handle-signatories-ar-owner__top .shb-kit-sign-handle-signatories-ar-owner-top-content-wrapper__selected-option {
padding: 0 16px;
flex: 1;
border-left: 1px solid #dedede;
}
@media only screen and (min-width: 768px) {
.shb-kit-sign-handle-signatories-ar-owner__top .shb-kit-sign-handle-signatories-ar-owner-top-content-wrapper__selected-option {
padding: 0 16px;
flex: 1;
border-left: 1px solid #dedede;
}
}
.shb-kit-sign-handle-signatories-ar-owner__top .shb-kit-sign-handle-signatories-ar-owner-top-content-wrapper__selected-option__title {
color: #767676;
font-size: 12px;
margin-bottom: 2px;
}
.shb-kit-sign-handle-signatories-ar-owner__top .shb-kit-sign-handle-signatories-ar-owner-top-arrow-wrapper {
cursor: pointer;
width: 48px;
height: 48px;
margin-right: -16px;
display: flex;
align-items: center;
justify-content: center;
}
.shb-kit-sign-handle-signatories-ar-owner__middle {
display: none;
padding: 16px;
padding-top: 0;
}
body.non-responsive .shb-kit-sign-handle-signatories-ar-owner__middle {
margin-left: 56px;
}
@media only screen and (min-width: 768px) {
.shb-kit-sign-handle-signatories-ar-owner__middle {
margin-left: 56px;
}
}
.shb-kit-sign-handle-signatories-ar-owner__middle--open {
display: block;
}
body.non-responsive .shb-kit-sign-handle-signatories-ar-owner__middle--open {
display: flex;
}
@media only screen and (min-width: 768px) {
.shb-kit-sign-handle-signatories-ar-owner__middle--open {
display: flex;
}
}
body.non-responsive .shb-kit-sign-handle-signatories-ar-owner__middle__list-wrapper {
padding-right: 16px;
flex: 3;
}
@media only screen and (min-width: 768px) {
.shb-kit-sign-handle-signatories-ar-owner__middle__list-wrapper {
padding-right: 16px;
flex: 3;
}
}
.shb-kit-sign-handle-signatories-ar-owner__middle__info-wrapper {
font-size: 12px;
}
body.non-responsive .shb-kit-sign-handle-signatories-ar-owner__middle__info-wrapper {
border-left: 1px solid #e4e4e4;
padding-left: 16px;
flex: 1;
}
@media only screen and (min-width: 768px) {
.shb-kit-sign-handle-signatories-ar-owner__middle__info-wrapper {
border-left: 1px solid #e4e4e4;
padding-left: 16px;
flex: 1;
}
}
.shb-kit-sign-handle-signatories-ar-owner__middle__info-wrapper > p {
margin: 0;
padding: 0;
}
.shb-kit-sign-handle-signatories-ar-owner__bottom {
border-top: 1px solid #dedede;
display: flex;
justify-content: space-between;
align-items: center;
padding: 8px;
flex-wrap: wrap;
}
.shb-kit-sign-handle-signatories-ar-owner__bottom > div {
margin: 8px;
}
body.non-responsive .shb-kit-sign-handle-signatories-ar-owner__bottom {
flex-wrap: nowrap;
}
@media only screen and (min-width: 768px) {
.shb-kit-sign-handle-signatories-ar-owner__bottom {
flex-wrap: nowrap;
}
}
.shb-kit-sign-handle-signatories-ar-owner .shb-kit-sign-confirmed-by-list-title {
font-weight: bold;
margin-bottom: 16px;
font-size: 12px;
}
.shb-kit-sign-confirmer-types-list {
list-style-type: none;
margin: 16px 0 0 0;
padding: 0;
}
.shb-kit-sign-confirmer-types-list .shb-kit-sign-confirmer-types-list-item {
padding: 0;
display: flex;
align-items: center;
margin: 0 0 16px 0;
}
.shb-kit-sign-confirmer-types-list .shb-kit-sign-confirmer-types-list-item__radiobutton-wrapper {
height: 22px;
margin-right: 4px;
}
.shb-kit-sign-confirmer-types-list .shb-kit-sign-confirmer-types-list-item__radiobutton-wrapper .shb-radio-button-text {
display: block;
}
.shb-kit-sign-confirmer-types-list .shb-kit-sign-confirmer-types-list-item .shb-kit-sign-confirmer-types-list-item-content {
flex: 1;
}
.shb-kit-sign-confirmer-types-list .shb-kit-sign-confirmer-types-list-item .shb-kit-sign-confirmer-types-list-item-content__description {
font-size: 12px;
margin-top: 4px;
color: #767676;
}
.shb-kit-sign__confirmation .shb-kit-sign-confirmation-header-wrapper {
text-align: center;
}
.shb-kit-sign__confirmation .shb-kit-sign-confirmation-header-wrapper svg {
margin: 16px;
margin-top: 0;
display: inline-block;
}
.shb-kit-sign__confirmation .shb-kit-sign-confirmation-header-wrapper .shb-headline {
margin-bottom: 0;
}
.shb-kit-sign__confirmation .shb-kit-sign-confirmation-item {
max-width: 600px;
margin: 0 auto;
margin-top: 24px;
margin-bottom: 48px;
}
.shb-kit-sign__confirmation .shb-kit-sign-confirmation-item .shb-kit-sign-confirmation-text,
.shb-kit-sign__confirmation .shb-kit-sign-confirmation-item .shb-kit-sign-confirmation-additional-description {
line-height: 22px;
white-space: pre-line;
}
.shb-kit-sign__confirmation .shb-kit-sign-confirmation-item .shb-kit-sign-confirmation-additional-description {
margin-top: 16px;
font-size: 12px;
}
.shb-kit-sign__confirmation .shb-kit-sign-confirmation-item .shb-kit-sign-confirmation-additional-description__title {
font-weight: bold;
}
.shb-kit-sign__confirmation .shb-kit-sign-confirmation-item .shb-kit-sign-confirmation-additional-description__title:after {
content: ' ';
}
.shb-kit-sign__confirmation .shb-kit-sign-confirmation-item .shb-kit-sign-info-list-values__status-icon {
margin: -10px 0;
margin-right: 8px;
}
.shb-kit-sign__confirmation .shb-kit-sign-confirmation-details {
max-width: 600px;
margin: 0 auto;
}
.shb-kit-sign__confirmation .shb-kit-sign-confirmation-details .shb-kit-sign-details-header {
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
color: #222222;
font-weight: bold;
}
.shb-kit-sign__confirmation .shb-kit-sign-confirmation-details .shb-kit-sign-details-list {
list-style-type: none;
margin: 0;
margin-bottom: 48px;
padding: 0;
}
.shb-kit-sign__confirmation .shb-kit-sign-confirmation-details .shb-kit-sign-details-list .shb-kit-sign-details-list-item {
border-bottom: 1px solid #dedede;
margin: 0;
padding: 16px 0;
}
body.non-responsive .shb-kit-sign__confirmation .shb-kit-sign-confirmation-details .shb-kit-sign-details-list .shb-kit-sign-details-list-item {
display: flex;
align-items: center;
}
@media only screen and (min-width: 768px) {
.shb-kit-sign__confirmation .shb-kit-sign-confirmation-details .shb-kit-sign-details-list .shb-kit-sign-details-list-item {
display: flex;
align-items: center;
}
}
.shb-kit-sign__confirmation .shb-kit-sign-confirmation-details .shb-kit-sign-details-list .shb-kit-sign-details-list-item__person-name-and-ssn {
flex: 1;
}
.shb-kit-sign__confirmation .shb-kit-sign-confirmation-details .shb-kit-sign-details-list .shb-kit-sign-details-list-item__person-link {
display: flex;
align-items: center;
width: 100%;
margin-top: 8px;
}
.shb-kit-sign__confirmation .shb-kit-sign-confirmation-details .shb-kit-sign-details-list .shb-kit-sign-details-list-item__person-link > svg {
margin-right: 8px;
}
body.non-responsive .shb-kit-sign__confirmation .shb-kit-sign-confirmation-details .shb-kit-sign-details-list .shb-kit-sign-details-list-item__person-link {
margin-top: 0;
width: auto;
}
@media only screen and (min-width: 768px) {
.shb-kit-sign__confirmation .shb-kit-sign-confirmation-details .shb-kit-sign-details-list .shb-kit-sign-details-list-item__person-link {
margin-top: 0;
width: auto;
}
}
.shb-kit-sign__review .shb-kit-review-header-signatory__label {
margin-top: 16px;
}
.shb-kit-sign__review .shb-kit-review-header-signatory__name {
font-size: 38px;
font-family: StagBook, Georgia, sans-serif;
color: #005fa5;
}
.shb-kit-sign__review .shb-kit-signatory-review-group-header {
margin: 32px auto 0 auto;
max-width: 600px;
}
.shb-kit-sign__review .shb-kit-signatory-review-list {
max-width: 600px;
margin: 16px auto 32px auto;
list-style-type: none;
padding: 0;
}
.shb-kit-sign__review .shb-kit-signatory-review-documents-list {
display: flex;
max-width: 600px;
margin: 10px auto 50px auto;
flex-wrap: wrap;
list-style-type: none;
padding: 0;
}
.shb-kit-sign__review .shb-kit-signatory-review-documents-list__item {
margin: 5px 25px 5px 5px;
width: 100%;
display: flex;
align-items: center;
}
.shb-kit-sign__review .shb-kit-signatory-review-documents-list__item > svg {
margin-right: 8px;
}
.shb-kit-sign .shb-kit-sign-info-list {
list-style-type: none;
padding: 0;
margin: 16px 0;
}
.shb-kit-sign .shb-kit-sign-info-list > li {
box-sizing: border-box;
border-bottom: 1px solid #e4e4e4;
padding: 16px 0;
margin: 0;
min-height: 48px;
}
body.non-responsive .shb-kit-sign .shb-kit-sign-info-list > li {
display: flex;
}
@media only screen and (min-width: 768px) {
.shb-kit-sign .shb-kit-sign-info-list > li {
display: flex;
}
}
.shb-kit-sign .shb-kit-sign-info-list > li .shb-kit-sign-info-list-title {
color: #666;
margin-bottom: 6px;
max-width: 160px;
}
body.non-responsive .shb-kit-sign .shb-kit-sign-info-list > li .shb-kit-sign-info-list-title {
flex: 1;
margin-right: 10px;
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.shb-kit-sign .shb-kit-sign-info-list > li .shb-kit-sign-info-list-title {
flex: 1;
margin-right: 10px;
margin-bottom: 0;
}
}
body.non-responsive .shb-kit-sign .shb-kit-sign-info-list > li .shb-kit-sign-info-list-values {
flex: 2;
}
@media only screen and (min-width: 768px) {
.shb-kit-sign .shb-kit-sign-info-list > li .shb-kit-sign-info-list-values {
flex: 2;
}
}
.shb-kit-sign .shb-kit-sign-info-list > li .shb-kit-sign-info-list-values__align-children {
display: flex;
align-items: center;
}
.shb-kit-sign .shb-kit-sign-person-info {
display: flex;
align-items: center;
}
.shb-kit-sign .shb-kit-sign-person-info__icon {
width: 40px;
height: 40px;
max-width: 40px;
min-width: 40px;
margin-right: 16px;
}
.shb-kit-sign .shb-kit-sign-person-info__info-wrapper__name-and-age {
font-size: 20px;
margin-bottom: 4px;
font-family: StagLight, Georgia, sans-serif;
}
.shb-kit-sign .shb-kit-sign-person-info__info-wrapper__name-and-age__age {
white-space: nowrap;
}
.shb-kit-sign .shb-kit-sign-person-info__info-wrapper__ssn {
font-size: 14px;
color: #666;
}
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 {
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__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;
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: 2px;
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: 22px;
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: 2px;
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: 2px;
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;
}
.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: 12px;
}
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;
}
.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: 14px;
font-family: Helvetica, Arial, sans-serif;
}
shb-form-field input {
height: 40px;
}
.shb-form-field__box {
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;
font-size: 16px;
font-family: Helvetica, Arial, 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"] {
-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: 12px;
}
@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 #cd422f;
padding: 4px 10px 4px 10px;
}
shb-form-field[error-text]:not([error-text=""]) .shb-form-field__input:focus {
border: 2px solid #cd422f;
padding: 3px 9px 3px 9px;
}
.shb-form-field__input:focus ~ .shb-form-field__label-text {
color: #222 !important;
}
.shb-form-field__error-text {
font-family: Helvetica, Arial, sans-serif;
color: #222;
font-size: 12px;
line-height: 20px;
margin-bottom: 10px;
padding-top: 2px;
color: #cd422f;
}
.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 #cd422f;
padding: 10px 10px 10px 10px;
}
.shb-form-field__input--error .shb-form-field__input:focus {
border: 2px solid #cd422f;
padding: 9px 9px 9px 9px;
}
/* ### END of Temporary styling for FormInputText.tsx... ### */
shb-form-floating-field {
display: inline-block;
box-sizing: border-box;
position: relative;
padding-top: 20px;
padding-bottom: 10px;
margin-bottom: 20px;
background-color: white;
font-size: 16px;
font-family: Helvetica, Arial, sans-serif;
border: 1px solid #dedede;
}
.shb-form-floating-field__input {
display: block;
margin: 0;
margin-left: 10px;
padding: 0;
background: none;
border: none;
border-bottom: 1px solid transparent;
font-size: 16px;
font-family: Helvetica, Arial, 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: 11px;
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: 14px;
font-family: Helvetica, Arial, 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: 2px;
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: 12px;
}
.shb-form-field-v2__help-text--top {
color: #767676;
font-size: 12px;
padding-left: 10px;
}
.shb-form-field-v2__error-text {
font-family: Helvetica, Arial, sans-serif;
color: #222;
font-size: 12px;
padding-top: 2px;
}
.shb-form-field-v2__size--medium .shb-form-field-v2__input {
font-size: 16px;
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;
box-sizing: border-box;
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 .5s, visibility .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;
}
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: 14px;
font-family: Helvetica, Arial, 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 #cd422f !important;
margin-bottom: 4px;
}
.shb-form-select__select--invalid:focus {
border-width: 2px;
}
.shb-form-select__error-text {
font-family: Helvetica, Arial, sans-serif;
font-size: 12px;
line-height: 20px;
min-height: 21px;
padding-top: 2px;
margin-bottom: 10px;
color: #cd422f;
}
.shb-form-select__error-text > shb-icon-info > svg {
height: 13px !important;
width: 13px !important;
}
.shb-form-select__help-text {
color: #767676;
font-size: 12px;
}
.shb-form-select__help-text--top {
color: #767676;
font-size: 12px;
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: 16px;
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;
}
.shb-form-date-field-group {
display: flex;
justify-content: space-between;
flex-flow: column;
align-items: flex-start;
margin-bottom: 15px;
font-size: 14px;
font-family: Helvetica, Arial, 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: 2px;
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: 12px;
}
.shb-form-date-field-group__help-text--top {
color: #767676;
font-size: 12px;
padding-left: 10px;
}
.shb-form-date-field-group__error-text {
font-family: Helvetica, Arial, sans-serif;
color: #222;
font-size: 12px;
}
.shb-form-date-field-group__size--medium .shb-form-date-field-group__input {
font-size: 16px;
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;
}
}
.shb-button-primary,
.shb-button-secondary,
.shb-button-tertiary,
.shb-button-primary-small,
.shb-button-secondary-small,
.shb-button-tertiary-small {
display: inline-block;
}
.shb-button-primary > button,
.shb-button-secondary > button,
.shb-button-tertiary > button,
.shb-button-primary-small > button,
.shb-button-secondary-small > button,
.shb-button-tertiary-small > button {
/* overflow, position, z-index is needed for explosion animation*/
overflow: hidden;
position: relative;
z-index: 0;
padding: 10px 30px;
border-radius: 4px;
width: 100%;
/* Div creates the click "explosion" */
}
.shb-button-primary > button:hover,
.shb-button-secondary > button:hover,
.shb-button-tertiary > button:hover,
.shb-button-primary-small > button:hover,
.shb-button-secondary-small > button:hover,
.shb-button-tertiary-small > button:hover,
.shb-button-primary > button:focus,
.shb-button-secondary > button:focus,
.shb-button-tertiary > button:focus,
.shb-button-primary-small > button:focus,
.shb-button-secondary-small > button:focus,
.shb-button-tertiary-small > button:focus,
.shb-button-primary > button:active,
.shb-button-secondary > button:active,
.shb-button-tertiary > button:active,
.shb-button-primary-small > button:active,
.shb-button-secondary-small > button:active,
.shb-button-tertiary-small > button:active {
text-decoration: underline;
text-decoration-skip-ink: auto;
transition: 0.1s;
}
.shb-button-primary > button:focus,
.shb-button-secondary > button:focus,
.shb-button-tertiary > button:focus,
.shb-button-primary-small > button:focus,
.shb-button-secondary-small > button:focus,
.shb-button-tertiary-small > button:focus {
outline: 1px solid #043b62;
outline-offset: 2px;
}
.shb-button-primary > button:active > div,
.shb-button-secondary > button:active > div,
.shb-button-tertiary > button:active > div,
.shb-button-primary-small > button:active > div,
.shb-button-secondary-small > button:active > div,
.shb-button-tertiary-small > button:active > div {
animation: shb-button-primarysecondary-anim-out 0.65s;
animation-fill-mode: forwards;
}
.shb-button-primary > button:active > div:after,
.shb-button-secondary > button:active > div:after,
.shb-button-tertiary > button:active > div:after,
.shb-button-primary-small > button:active > div:after,
.shb-button-secondary-small > button:active > div:after,
.shb-button-tertiary-small > button:active > div:after {
animation-fill-mode: forwards;
}
.shb-button-primary > button > span,
.shb-button-secondary > button > span,
.shb-button-tertiary > button > span,
.shb-button-primary-small > button > span,
.shb-button-secondary-small > button > span,
.shb-button-tertiary-small > button > span {
position: relative;
/* IE11 fix. Prevent text from moving when clicking the button */
}
.shb-button-primary > button > div,
.shb-button-secondary > button > div,
.shb-button-tertiary > button > div,
.shb-button-primary-small > button > div,
.shb-button-secondary-small > button > div,
.shb-button-tertiary-small > button > div {
transform: translateY(-50%) translateX(-50%);
position: absolute;
top: 50%;
left: 50%;
z-index: -1;
}
.shb-button-primary > button > div:before,
.shb-button-secondary > button > div:before,
.shb-button-tertiary > button > div:before,
.shb-button-primary-small > button > div:before,
.shb-button-secondary-small > button > div:before,
.shb-button-tertiary-small > button > div:before {
position: relative;
content: '';
display: block;
margin-top: 100%;
border-radius: 50%;
}
.shb-button-primary > button > div:after,
.shb-button-secondary > button > div:after,
.shb-button-tertiary > button > div:after,
.shb-button-primary-small > button > div:after,
.shb-button-secondary-small > button > div:after,
.shb-button-tertiary-small > button > div:after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
border-radius: 50%;
}
@keyframes shb-button-primarysecondary-anim-out {
0% {
width: 0;
}
100% {
width: 100%;
}
}
.shb-button-primary,
.shb-button-secondary,
.shb-button-tertiary {
font-size: 14px;
}
.shb-button-primary > button,
.shb-button-primary-small > button {
background-color: #005fa5;
color: #fff;
border: 1px solid #005fa5;
}
.shb-button-primary > button:hover,
.shb-button-primary-small > button:hover,
.shb-button-primary > button:focus,
.shb-button-primary-small > button:focus,
.shb-button-primary > button:active,
.shb-button-primary-small > button:active {
background-color: #043b62;
border-color: #043b62;
}
.shb-button-primary > button:active > div:after,
.shb-button-primary-small > button:active > div:after {
animation: shb-button-primarysecondary-anim-out-primary-pseudo 0.65s;
}
@keyframes shb-button-primarysecondary-anim-out-primary-pseudo {
0% {
background: #043b62;
}
100% {
background: #005fa5;
}
}
.shb-button-secondary > button,
.shb-button-secondary-small > button {
background-color: #ffffff;
border: 1px solid #005fa5;
color: #005fa5;
}
.shb-button-secondary > button:hover,
.shb-button-secondary-small > button:hover,
.shb-button-secondary > button:focus,
.shb-button-secondary-small > button:focus,
.shb-button-secondary > button:active,
.shb-button-secondary-small > button:active {
background-color: #ebebeb;
border-color: #043b62;
color: #043b62;
}
.shb-button-secondary > button:active > div:after,
.shb-button-secondary-small > button:active > div:after {
animation: shb-button-primarysecondary-anim-out-secondary-pseudo 0.65s;
}
@keyframes shb-button-primarysecondary-anim-out-secondary-pseudo {
0% {
background: rgba(0, 0, 0, 0.2);
}
100% {
background: #f2f2f2;
}
}
.shb-button-tertiary > button,
.shb-button-tertiary-small > button {
border-width: 0;
background-color: transparent;
color: #005fa5;
padding: 11px 30px;
}
.shb-button-tertiary > button:hover,
.shb-button-tertiary-small > button:hover,
.shb-button-tertiary > button:focus,
.shb-button-tertiary-small > button:focus,
.shb-button-tertiary > button:active,
.shb-button-tertiary-small > button:active {
background-color: rgba(0, 0, 0, 0.07);
color: #043b62;
}
.shb-button-tertiary > button:active > div:after,
.shb-button-tertiary-small > button:active > div:after {
animation: shb-button-primarysecondary-anim-out-secondary-pseudo 0.65s;
}
@keyframes shb-button-primarysecondary-anim-out-secondary-pseudo {
0% {
background: rgba(0, 0, 0, 0.2);
}
100% {
background: #f2f2f2;
}
}
.shb-button-primary-small > button,
.shb-button-secondary-small > button,
.shb-button-tertiary-small > button {
font-size: 12px;
padding: 5px 10px;
}
.icon--expand-content-down--xsmall {
background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/modules/sprites_small.png);
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 {
background-image: url(../../../img/jedi/base/modules/sprites_small.png);
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 {
background-image: url(../../../img/jedi/base/modules/sprites_medium.png);
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 {
background-image: url(../../../img/jedi/base/modules/sprites_medium.png);
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 {
background-image: url(../../../img/jedi/base/modules/sprites_medium.png);
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 {
background-image: url(../../../img/jedi/base/modules/sprites_medium.png);
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 {
background-image: url(../../../img/jedi/base/modules/sprites_medium.png);
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 {
background-image: url(../../../img/jedi/base/modules/sprites_medium.png);
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 {
background-image: url(../../../img/jedi/base/modules/sprites_large.png);
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 {
background-image: url(../../../img/jedi/base/modules/sprites_large.png);
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 {
background-image: url(../../../img/jedi/base/modules/sprites_large.png);
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 {
background-image: url(../../../img/jedi/base/modules/sprites_large.png);
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 {
background-image: url(../../../img/jedi/base/modules/sprites_large.png);
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 {
background-image: url(../../../img/jedi/base/modules/sprites_large.png);
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 {
background-image: url(../../../img/jedi/base/modules/sprites_large.png);
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 {
width: 320px;
}
.shb-modules-espresso-favorite__page {
padding: 30px 30px 20px 30px;
}
.shb-modules-espresso-favorite__button--inat {
text-shadow: none;
background-color: #a9a9a9;
cursor: default;
}
.shb-modules-espresso-favorite__button--inat:hover,
.shb-modules-espresso-favorite__button--inat:focus {
background-color: #a9a9a9;
}
/* Span container for index flag symbols */
.shb-stockmarket__flag-wrapper {
padding-right: 26px;
position: relative;
display: inline-block;
height: 16px;
top: 1px;
margin-right: 10px;
}
.shb-stockmarket__flag {
position: absolute;
}
.shb-stockmarket__flag--omxs30 {
clip: rect(16px 26px 32px 0px);
top: -16px;
}
.shb-stockmarket__flag--djia {
clip: rect(0px 26px 16px 0px);
top: 0;
}
.shb-h1.shb-stockmarket__h1 {
font-size: 24px;
}
.shb-stockmarket__periodicity-button {
background: none;
color: #005fa5;
margin-bottom: 10px;
font-size: 11px;
border-left: none;
border-top: none;
border-bottom: none;
border-right: 1px solid #dedede;
}
.shb-stockmarket__periodicity-button:hover,
.shb-stockmarket__periodicity-button:focus {
text-decoration: underline;
}
.shb-stockmarket__periodicity-button--last-child {
border-right: none;
}
.shb-stockmarket__periodicity-button--selected {
color: #000;
font-weight: bold;
cursor: default;
}
.shb-stockmarket__periodicity-button:hover {
text-decoration: underline;
}
.shb-stockmarket__periodicity-button--selected:hover {
text-decoration: none;
}
.shb-stockmarket__graph {
width: 390px;
height: 145px;
overflow: hidden;
}
.shb-stockmarket__graph-section {
overflow: hidden;
margin-bottom: 10px;
}
.shb-stockmarket__graph-section__left {
float: left;
width: 398px;
position: relative;
margin-right: 35px;
}
.shb-stockmarket__graph-section__right {
float: left;
position: relative;
width: 150px;
}
.shb-stockmarket__index-section {
padding-bottom: 10px;
padding-top: 10px;
border-bottom: 1px solid #dedede;
}
.shb-stockmarket__periodicity {
font-size: 12px;
clear: left;
}
.shb-stockmarket__spacing {
margin-right: 10px;
}
.shb-stockmarket__index-separator {
border-right: 1px solid #dedede;
height: 47px;
}
.shb-inbox__link {
display: block;
padding: 12px 10px;
}
.shb-inbox__link:focus {
background-color: #f0f8fa;
outline: none;
}
.shb-inbox__text {
text-decoration: inherit;
}
.shb-modules-favorites {
max-height: 400px;
}
.shb-modules-favorite__none {
padding: 12px 10px;
text-align: center;
line-height: 18px;
}
.shb-modules-favorite__move-icon {
position: absolute;
width: 42px;
right: 43px;
top: 0;
bottom: 0;
display: inline-block;
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
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 -623px;
}
.shb-modules-favorite__move-icon:hover,
.shb-modules-favorite__move-icon:focus {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
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 -664px;
}
.shb-modules-favorite__current-li:first-child .shb-modules-favorite__move-icon {
display: none;
}
.shb-modules-favorite__trash-icon {
position: absolute;
width: 42px;
right: 0;
top: 0;
bottom: 0;
display: inline-block;
background: url(../../../img/jedi/base/modules/favorite/trash.png) no-repeat center center;
border-left: 1px solid #dedede;
}
.shb-modules-favorite__trash-icon:hover,
.shb-modules-favorite__trash-icon:focus {
background: url(../../../img/jedi/base/modules/favorite/trash_hover.png) no-repeat center center;
}
.shb-modules-favorite__indent-1__icon {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
background-repeat: no-repeat;
background-position: -3px -1153px;
width: 12px;
height: 12px;
display: inline-block;
}
.shb-modules-favorite__indent-1__icon--collapsed {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
background-repeat: no-repeat;
background-position: -3px -376px;
width: 12px;
height: 12px;
display: inline-block;
}
.shb-modules-favorite__current-li {
position: relative;
height: 42px;
}
.shb-modules-favorite__current-content {
padding: 12px 10px;
display: block;
line-height: 0;
}
.shb-modules-favorite__current-text {
display: inline-block;
width: 220px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
line-height: 18px;
color: #222;
}
.shb-modules-favorite__current-empty-li {
background-color: #f6f6f6;
height: 42px;
}
.shb-modules-favorite__current-empty-li:hover {
background-color: #f6f6f6;
}
.shb-modules-favorite__current-empty-text {
font-style: italic;
padding: 12px 10px 11px 10px;
color: #454545;
}
.shb-modules-favorite__filter {
background-color: #fff;
}
.shb-modules-favorite__filter-indent-2 {
border-bottom: 1px solid #dedede;
color: #222;
}
.shb-modules-favorite__filter-text {
display: inline-block;
vertical-align: middle;
line-height: 20px;
max-width: 400px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
font-size: 14px;
}
.shb-list .shb-modules-favorite__insert-over {
border-top: 1px solid #043b62;
}
.shb-list .shb-modules-favorite__insert-under {
border-bottom: 1px solid #043b62;
}
.shb-modules-favorite__error-popup__root {
width: 300px;
}
.shb-modules-favorite__max-popup__root {
width: 300px;
}
.shb-modules-favorite__edit__top {
padding: 30px;
}
.shb-modules-favorite__edit__filter {
display: inline-block;
width: 488px;
margin-right: 30px;
vertical-align: top;
}
.shb-modules-favorite__edit__search {
position: relative;
}
.shb-modules-favorite__edit__input {
margin-bottom: 12px;
}
.shb-modules-favorite__edit__container {
border-style: solid;
border-color: #dedede;
border-width: 1px 1px 3px 1px;
height: 345px;
overflow-y: scroll;
background-color: #f6f6f6;
}
.shb-modules-favorite__edit__current {
display: inline-block;
width: 340px;
vertical-align: top;
}
.shb-modules-favorite__tool__root {
width: 348px;
}
.shb-modules-favorite__tool__body {
background-color: #f6f6f6;
padding-bottom: 40px;
}
.shb-modules-favorite__tool__list {
background-color: #fff;
border-bottom: 1px solid #dedede;
}
.shb-modules-favorite__tool__no-favs {
padding: 58px 10px 11px 10px;
text-align: center;
}
.shb-modules-favorite__tool__edit-link {
text-align: center;
position: absolute;
bottom: 0;
width: 100%;
padding-left: 0;
padding-right: 0;
}
.shb-modules-favorite__list-item {
display: table;
}
.shb-modules-favorite__list-item:hover .icon--quicklinks--xsmall {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
background-repeat: no-repeat;
padding-left: 15px;
background-position: 0px -1821px;
padding-left: 0;
}
.shb-modules-favorite__list-item__text {
display: table-cell;
width: 100%;
}
.shb-modules-favorite__list-item__icon {
display: table-cell;
vertical-align: middle;
line-height: 0;
}
.shb-modules-espresso-favorite__root {
position: absolute;
right: -21px;
top: -17px;
}
.shb-modules-espresso-favorite__link {
display: block;
width: 21px;
height: 21px;
margin-left: 3px;
margin-top: 3px;
background-image: url('../../../img/jedi/base/kit/jedi-menu-loader-icon-small.gif');
background-repeat: no-repeat;
}
.shb-modules-espresso-favorite__link.shb-modules-espresso-favorite__link--selected {
margin-left: 0;
margin-top: 0;
background-image: url(../../../img/jedi/base/modules/favorite/espresso/favorite-icon-selected.png);
}
.shb-modules-espresso-favorite__link.shb-modules-espresso-favorite__link--selected:hover,
.shb-modules-espresso-favorite__link.shb-modules-espresso-favorite__link--selected:focus,
.shb-modules-espresso-favorite__link.shb-modules-espresso-favorite__link--selected:active {
background-image: url(../../../img/jedi/base/modules/favorite/espresso/favorite-icon-selected-hover.png);
}
.shb-modules-espresso-favorite__link.shb-modules-espresso-favorite__link--not-selected {
margin-left: 0;
margin-top: 0;
background: url(../../../img/jedi/base/modules/favorite/espresso/favorite-icon.png) no-repeat top right;
}
.shb-modules-espresso-favorite__link.shb-modules-espresso-favorite__link--not-selected:hover,
.shb-modules-espresso-favorite__link.shb-modules-espresso-favorite__link--not-selected:focus,
.shb-modules-espresso-favorite__link.shb-modules-espresso-favorite__link--not-selected:active {
background-image: url(../../../img/jedi/base/modules/favorite/espresso/favorite-icon-hover.png);
outline: none;
}
.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-payments__account-from {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: inline-block;
vertical-align: bottom;
}
.shb-payments__receiver {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: inline-block;
vertical-align: bottom;
}
.shb-common-payments-settings {
width: 400px;
padding-left: 30px;
padding-right: 30px;
padding-top: 30px;
}
.shb-common-payments-settings__company-container {
padding-bottom: 30px;
}
.shb-common-payments-settings__displayMode-container {
padding-bottom: 30px;
}
.shb-common-payments-settings__company-list {
height: 30px;
box-sizing: content-box;
}
.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 because we don't want to affect the navigation inside imageslider. Not document links */
/* External links. But ignore because we don't want to affect the navigation inside imageslider. Not document links */
}
.shb-cms-richtext .shb-cms-contentstack__text {
margin-bottom: 20px;
}
.shb-cms-richtext .shb-cms-contentstack__link {
margin-bottom: 20px;
}
.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";
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;
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 */
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::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: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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
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 {
background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png);
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: 4px;
margin-bottom: 20px;
line-height: 18px;
}
.shb-cms-richtext .shb-cms-contentstack__action-link:link,
.shb-cms-richtext .shb-cms-contentstack__action-link:visited,
.shb-cms-richtext .shb-cms-contentstack__action-link:hover,
.shb-cms-richtext .shb-cms-contentstack__action-link:focus {
color: #005fa5;
border: 1px solid #0080bb;
}
.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: #0080bb;
text-decoration: none;
}
@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-richtext .shb-cms-contentstack__image {
margin-bottom: 5px;
margin-top: 5px;
max-width: 100%;
}
.shb-cms-richtext .shb-cms-contentstack__image-caption {
display: block;
font-size: 12px;
color: #222;
caption-side: bottom;
text-align: left;
}
.shb-cms-richtext .shb-cms-contentstack__table-caption {
font-size: 12px;
color: #222;
caption-side: bottom;
text-align: left;
}
.shb-cms-richtext .shb-cms-contentstack__video-caption {
font-size: 12px;
color: #222;
caption-side: bottom;
text-align: left;
}
.shb-cms-richtext .shb-cms-contentstack__slider-caption {
font-size: 12px;
color: #222;
caption-side: bottom;
text-align: center;
}
.shb-cms-richtext .shb-cms-contentstack__paragraph {
overflow: hidden;
}
.shb-cms-richtext .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 {
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: StagLight, 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 .5s;
white-space: nowrap;
}
.shb-cms-imageslider .shb-cms-imageslider__image-container {
display: inline-block;
position: relative;
white-space: normal;
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;
}
.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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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);
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);
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);
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 {
background-image: url(../../../img/jedi/base/modules/sprites_large.png);
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 {
background-image: url(../../../img/jedi/base/modules/sprites_large.png);
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 {
background-image: url(../../../img/jedi/base/modules/sprites_large.png);
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 {
background-image: url(../../../img/jedi/base/modules/sprites_large.png);
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 {
background-image: url(../../../img/jedi/base/modules/sprites_medium.png);
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 {
background-image: url(../../../img/jedi/base/modules/sprites_medium.png);
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 {
background-image: url(../../../img/jedi/base/modules/sprites_medium.png);
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 {
background-image: url(../../../img/jedi/base/modules/sprites_medium.png);
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-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: 12px;
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: 14px;
}
.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';
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);
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 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);
border-top: 1px solid #dedede;
line-height: 1.4;
}
.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-module-tab {
font-family: Helvetica, Arial, sans-serif;
list-style-type: none;
padding: 0;
margin: 0 0 -21px 0;
position: relative;
z-index: 1;
background-color: #c4e2eb;
}
.shb-surface-responsive .shb-module-tab {
white-space: nowrap;
overflow-x: auto;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}
.shb-module-tab__nav-item {
font-size: 14px;
font-weight: normal;
border-right: 1px solid #f6f6f6;
background-color: #c4e2eb;
list-style-type: none;
transition: 0.2s background-color;
}
.shb-module-tab__nav-item:hover {
background-color: #a7d5e2;
}
.shb-module-tab__nav-item.shb-module-tab__nav-item--single.shb-module-tab__nav-item--is-active:hover {
background-color: #043b62;
}
.shb-module-tab__nav-item {
position: relative;
display: inline-block;
text-align: center;
}
.shb-module-tab__dropdown-icon {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
background-repeat: no-repeat;
padding-left: 22px;
background-position: 10px -26px;
}
.shb-module-tab__nav-item--is-active .shb-module-tab__dropdown-icon {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
background-repeat: no-repeat;
padding-left: 22px;
background-position: 10px 5px;
}
.shb-module-tab__nav-item--is-active .shb-module-tab__active-image {
position: absolute;
bottom: -16px;
width: 100%;
display: block;
z-index: 1;
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
background-repeat: no-repeat;
padding-left: 0;
padding-right: 0;
background-position: center -62px;
margin-left: 3px;
}
.shb-module-tab__nav-item--is-active {
background-repeat: no-repeat;
background-color: #043b62;
color: #fff;
}
.shb-module-tab__nav-item--is-active:hover {
background-color: #043b62;
}
.shb-module-tab__link {
cursor: pointer;
display: block;
color: #043b62;
font-size: 14px;
text-decoration: none;
padding: 12px 20px;
line-height: 18px;
white-space: nowrap;
}
.shb-module-tab__link:focus {
text-decoration: underline;
outline: none;
}
.shb-module-tab__link:active {
color: #000;
}
.spi-navigation-link.shb-module-tab__link:hover {
text-decoration: underline;
}
.shb-module-tab__link.shb-module-tab__link--is-active {
color: #fff;
}
.shb-module-tab__active-image {
display: none;
height: 16px;
}
.shb-module-tab__info-icon {
display: inline-block;
margin-right: 10px;
vertical-align: top;
}
.shb-module-tab__tab-image-container {
position: absolute;
left: 0;
right: 0;
bottom: -2px;
line-height: 0;
margin-left: 4px;
}
.shb-module-tab__tab-image {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
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 0px;
display: none;
width: 15px;
height: 8px;
}
.shb-module-tab__tab-downdown-link {
padding: 12px 7px 12px 7px;
display: block;
}
.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: StagMedium, Arial, 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: StagLight, Georgia, sans-serif;
color: #222;
line-height: 36px;
}
.shb-cms-richtext q {
font-size: 42px;
font-family: StagLight, Georgia, sans-serif;
color: #222;
display: block;
line-height: 50px;
}
.shb-cms-richtext h2 {
font-family: StagBook, Georgia, sans-serif;
margin-top: 0;
color: #222;
line-height: 26px;
margin-bottom: 4px;
}
.shb-cms-richtext h3 {
font-family: StagBook, Georgia, sans-serif;
margin-top: 0;
color: #222;
font-size: 20px;
line-height: 26px;
margin-bottom: 4px;
}
.shb-cms-richtext h4 {
margin-top: 3px;
margin-bottom: 0;
font-family: StagBook, Georgia, sans-serif;
color: #222;
font-size: 18px;
}
.shb-cms-richtext h5,
.shb-cms-richtext h6 {
margin-top: 0;
margin-bottom: 2px;
font-family: StagBook, Georgia, sans-serif;
color: #222;
}
.shb-cms-richtext a {
color: #005fa5;
text-decoration: none;
font-size: 14px;
font-family: Helvetica, Arial, sans-serif;
}
.shb-cms-richtext a:visited {
color: #005fa5;
}
.shb-cms-richtext a:hover {
text-decoration: underline;
cursor: pointer;
}
.shb-cms-richtext a:active {
color: #043b62;
}
.shb-cms-richtext a:focus {
text-decoration: underline;
outline: none;
}
.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: 22px;
}
.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;
}
.shb-cms-panel-control--is-collapsed {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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);
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);
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);
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
background-repeat: no-repeat;
padding-left: 22px;
background-position: 2px -1933px;
}
.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;
}
ul.shb-cms-ul--article {
list-style: none;
margin: 0;
padding: 0;
}
ul.shb-cms-ul--article.shb-cms-ul--article--toggle > li:first-of-type {
border-top: 1px solid #dedede;
}
ul.shb-cms-ul--article > li {
padding: 16px 0 16px 0;
position: relative;
border-bottom: 1px solid #dedede;
margin-left: 46px;
}
ul.shb-cms-ul--article > li:before {
content: ".";
color: transparent;
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
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;
}
.shb-cms__tag {
font-family: Helvetica, Arial;
font-size: 14px;
font-weight: bold;
color: #df638e;
}
.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: StagMedium, Arial, 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';
color: #0080BB;
font-size: 25px;
top: 9px;
}
.shb-cms-link__contains--image {
display: block;
}
.shb-cms-img {
max-width: 100%;
margin: 0 auto;
}
@media only screen and (max-width: 474px) {
.shb-cms-img.shb-cms-img--large {
display: none;
}
}
.shb-cms-img.shb-cms-img--small {
display: none;
}
@media only screen and (max-width: 474px) {
.shb-cms-img.shb-cms-img--small {
display: block;
}
}
.shb-cms-img__wrapper {
line-height: 0;
text-align: center;
/* center image */
margin-left: auto;
margin-right: auto;
}
.shb-cms-related-n__block {
background-color: #fff;
margin-bottom: 10px;
padding: 3vw;
border-bottom: 1px solid #dedede;
border-left: 1px solid #dedede;
border-right: 1px solid #dedede;
border-top: 3px solid #c4e2eb;
}
.shb-cms-related {
padding: 37px 39px 0 39px;
background-color: #fff;
border: 1px solid #dedede;
border-top: 3px solid #c4e2eb;
overflow: hidden;
}
.shb-cms-related .shb-cms-related__icon-container {
width: 100px;
padding-right: 20px;
}
.shb-cms-related .shb-cms-related__icon {
max-width: 100px;
}
.shb-cms-related .shb-cms-related__expand {
padding-top: 39px;
border-top: 1px solid #dedede;
margin-bottom: 30px;
}
.shb-cms-related .shb-cms-related__container {
padding-bottom: 40px;
max-width: 620px;
}
.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__21__text-block {
margin-bottom: 20px;
min-width: 399px;
}
.shb-cms-related__1__primary-content {
max-width: 860px;
margin-bottom: 40px;
}
.shb-cms-quote {
display: table;
width: 100%;
padding-top: 20px;
}
.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: Helvetica, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: #df638e;
margin: 0;
position: absolute;
top: -20px;
}
.shb-cms-quote__quote {
font-family: StagLight, 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-surface-responsive .shb-cms-quote {
display: block;
}
.shb-surface-responsive .shb-cms-quote__inner {
display: flex;
flex-wrap: wrap;
}
.shb-surface-responsive .shb-cms-quote__text-wrapper {
display: flex;
flex-direction: column;
flex-grow: 1;
flex-shrink: 1;
flex-basis: 0;
min-width: 300px;
padding: 0;
}
.shb-surface-responsive .shb-cms-quote__photo-wrapper {
display: block;
flex-grow: 1;
flex-shrink: 1;
padding: 0;
}
.shb-surface-responsive .shb-cms-quote__photo-wrapper > img {
width: 100%;
}
.shb-surface-responsive .shb-cms-quote__quote-wrapper {
display: flex;
flex-grow: 1;
align-items: center;
}
.shb-surface-responsive .shb-cms-quote__quoter {
position: relative;
bottom: 0;
width: 100%;
}
.shb-cms-quote__photo-wrapper {
display: table-cell;
padding-right: 30px;
vertical-align: bottom;
line-height: 0;
text-align: right;
}
.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;
}
.shb-cms-small-information {
background-color: #fff;
}
.shb-cms-small-information .shb-cms__padding--small {
border-top: 3px solid #c4e2eb;
border-bottom: 1px solid #dedede;
border-left: 1px solid #dedede;
border-right: 1px solid #dedede;
}
.shb-cms-small-information .shb-cms-small-information__top-image {
line-height: 0;
overflow: hidden;
}
.shb-cms-small-information .shb-cms-small-information__header {
position: absolute;
top: 10px;
height: 32px;
background-image: url(../../../img/jedi/base/modules/cms/small-information/overlay-banner--middle.png);
}
.shb-cms-small-information .shb-cms-small-information__header::before {
content: '.';
background-image: url(../../../img/jedi/base/modules/cms/small-information/overlay-banner--start.png);
width: 7px;
height: 33px;
position: absolute;
left: -7px;
top: 0;
color: pink;
color: rgba(0, 0, 0, 0);
}
.shb-cms-small-information .shb-cms-small-information__header .shb-cms-small-information__h2-inner {
font-family: Arial;
font-weight: bold;
padding-left: 5px;
padding-right: 10px;
font-size: 12px;
color: white;
line-height: 26px;
}
.shb-cms-small-information .shb-cms-small-information__header::after {
content: '.';
background-image: url(../../../img/jedi/base/modules/cms/small-information/overlay-banner--end.png);
display: inline-block;
width: 10px;
height: 33px;
position: absolute;
color: pink;
color: rgba(0, 0, 0, 0);
}
.shb-cms-small-information .shb-cms-small-information__img {
margin-bottom: 40px;
margin-top: 10px;
}
.shb-cms-small-information .shb-cms-small-information__expand:first-of-type {
padding-top: 20px;
border-top: 1px solid #dedede;
}
.shb-cms-small-information .shb-cms-small-information__h2 {
font-family: StagLight;
font-size: 28px;
color: #222;
margin: 0 0 6px 0;
line-height: 36px;
}
.shb-cms-small-information .shb-cms-small-information__paragraphs {
margin-bottom: 20px;
overflow: hidden;
}
.shb-cms-small-information .shb-cms-small-information__container {
padding-bottom: 20px;
}
.shb-cms-alert {
padding: 9px;
background-color: rgba(0, 0, 0, 0.04);
border-bottom: 1px solid #dedede;
border-left: 1px solid #dedede;
border-right: 1px solid #dedede;
border-top: 1px solid #dedede;
margin-bottom: 20px;
}
.shb-cms-alert .shb-cms-alert__icon {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
background-repeat: no-repeat;
padding-left: 31px;
background-position: 0px -874px;
height: 24px;
display: block;
}
.shb-cms-alert .shb-cms-alert__grid-cell {
display: table-cell;
vertical-align: top;
max-width: 740px;
}
.shb-cms-alert .shb-cms-alert__text_link {
padding-top: 4px;
}
.shb-cms-alert .shb-cms-alert__text {
line-height: 18px;
margin-top: 3px;
}
.shb-cms-alert .shb-cms-alert__expand {
margin-top: 20px;
margin-bottom: 20px;
max-width: 740px;
}
.shb-cms-notification {
padding: 9px;
background-color: #f6f6f6;
border-bottom: 1px solid #dedede;
border-left: 1px solid #dedede;
border-right: 1px solid #dedede;
border-top: 1px solid #dedede;
margin-bottom: 20px;
}
.shb-cms-notification .shb-cms-notification__icon {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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: 24px;
display: block;
}
.shb-cms-notification .shb-cms-notification__grid-cell {
display: table-cell;
vertical-align: top;
max-width: 740px;
}
.shb-cms-notification .shb-cms-notification__text_link {
line-height: 18px;
margin-top: 3px;
}
.shb-cms-notification .shb-cms-notification__expand {
margin-top: 20px;
margin-bottom: 26px;
}
.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-headline-label-dark {
font-size: 20px;
font-family: StagMedium, Georgia, sans-serif;
color: #222;
}
.shb-headline-tagline {
line-height: 30px;
font-family: StagLight, Georgia, sans-serif;
font-size: 24px;
color: #222;
}
.shb-headline-tagline.shb-headline-tagline--bright {
color: #fff;
}
.shb-headline-top {
font-family: StagLight, Georgia, sans-serif;
font-size: 42px;
color: #017ab2;
}
.shb-headline-top.shb-headline-top--bright {
color: #fff;
}
.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: 22px;
margin-bottom: 50px;
}
.shb-cms-article-top__left {
text-align: center;
max-width: 860px;
margin-left: auto;
margin-right: auto;
}
.shb-cms-article-top__left:empty {
display: none;
}
.shb-cms-article-top__nav {
text-align: right;
position: absolute;
right: 0;
top: 44px;
}
.shb-cms-article-top__nav-item {
display: inline-block;
margin-right: 20px;
padding-right: 20px;
border-right: 1px solid #dedede;
}
.shb-cms-article-top__nav-item:last-child {
border-right: none;
padding-right: 0;
}
.shb-cms-article-top__nav-link {
font-size: 14px;
}
.shb-article-top__intro,
.shb-cms-article__intro {
margin-bottom: 20px;
}
.shb-article-top__intro {
line-height: 22px;
margin-top: 20px;
letter-spacing: 0.05em;
}
.shb-cms-article__intro {
text-align: left;
}
.shb-cms-article--white {
background-color: white;
padding-top: 40px;
margin-left: -10px;
padding-left: 10px;
padding-right: 10px;
margin-right: -10px;
}
@media only screen and (min-width: 910px) {
.shb-cms-article--white {
width: 100vw;
position: relative;
margin-left: calc(-50vw + 460px);
padding-left: 0;
padding-right: 0;
margin-right: 0;
}
}
.shb-cms-article--white .shb-cms-article__contents {
padding-bottom: 10px;
}
.shb-cms-richtext .shb-cms-article__headline {
text-align: center;
max-width: 860px;
margin: 0 auto 30px auto;
}
.shb-cms-richtext .shb-cms-article__image {
margin-bottom: 40px;
max-width: 100%;
}
.shb-cms-richtext .shb-cms-article__h2 {
margin-top: -2px;
margin-bottom: 40px;
font-family: StagLight, Georgia, sans-serif;
font-size: 28px;
line-height: 36px;
color: #222;
}
.shb-cms-richtext .shb-cms-article__container {
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
max-width: 860px;
}
.shb-cms-richtext .shb-cms-article__container:empty {
display: none;
}
.shb-cms-richtext .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;
max-width: 100%;
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;
display: block;
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__root {
position: relative;
}
.shb-cms-article__background {
background-position: center;
margin-left: -5000px;
margin-right: -5000px;
background-repeat: no-repeat;
background-size: cover;
border-bottom: 3px solid #c4e2eb;
}
.shb-cms-article-article21__secondary-content--fact-1 {
border-left: 3px solid #c4e2eb;
padding: 20px 15px;
background-color: #fff;
margin-bottom: 40px;
}
.shb-cms-article-100-tab__li {
display: inline-block;
background-color: #cde5f0;
margin-left: 10px;
white-space: nowrap;
}
.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 {
padding: 30px 30px 1px 30px;
background-color: white;
}
.shb-cms-article-100-tab__block .shb-cms-article__contents {
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: StagMedium, Georgia, sans-serif;
}
.shb-cms-expandable-article {
margin-bottom: 0;
}
.shb-cms-expandable-article__detailLink {
text-align: center;
margin-bottom: 40px;
line-height: 22px;
display: flex;
justify-content: center;
align-items: center;
}
.shb-cms-expandable-article--is-collapsed {
margin-right: 19px;
margin-left: 20px;
}
.shb-cms-expandable-article--is-collapsed > svg {
transform: rotateZ(0deg);
}
.shb-cms-expandable-article--is-collapsed > svg > g {
stroke: #005fa5;
}
.shb-cms-expandable-article--is-expanded {
margin-right: 19px;
margin-left: 20px;
}
.shb-cms-expandable-article--is-expanded > svg {
transform: rotateZ(180deg);
}
.shb-cms-expandable-article--is-expanded > svg > g {
stroke: #005fa5;
}
.shb-cms-current {
margin-top: 30px;
margin-bottom: 20px;
}
.shb-cms-current .shb-cms-disclaimer__container {
margin-bottom: 20px;
}
.shb-cms-current .shb-cms-disclaimer__text {
margin-bottom: 20px;
}
.shb-cms-current__ul {
margin: 0;
padding: 0;
}
.shb-cms-current__ul:last-child {
border-bottom: 1px solid #dedede;
}
.shb-cms-current__li {
display: block;
border-top: 1px solid #dedede;
}
.shb-cms-current__a {
display: inline-block;
margin: 12px 0;
text-decoration: none;
}
.shb-cms-current__a:hover {
outline: none;
text-decoration: underline;
}
.shb-cms-current__a:focus {
outline: none;
}
.shb-cms-current--is-collapsed {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
background-repeat: no-repeat;
padding-left: 29px;
background-position: 8px -302px;
}
.shb-cms-current--is-collapsed:focus {
background-image: url(../../../img/jedi/base/modules/sprites_small.png);
background-image: url(../../../img/jedi/base/modules/sprites_small.png?rnd=41452);
background-repeat: no-repeat;
padding-left: 29px;
background-position: 7px 1px;
}
.shb-cms-current--is-expanded {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
background-repeat: no-repeat;
padding-left: 29px;
background-position: 8px -194px;
}
.shb-cms-current--is-expanded:focus {
background-image: url(../../../img/jedi/base/modules/sprites_small.png);
background-image: url(../../../img/jedi/base/modules/sprites_small.png?rnd=41452);
background-repeat: no-repeat;
padding-left: 29px;
background-position: 7px -37px;
}
.shb-cms-current__text {
padding: 20px 0 20px 30px;
}
.shb-cms-disclaimer__container {
margin-bottom: 40px;
border-top: 1px solid #dedede;
}
.shb-cms-disclaimer {
margin-top: 20px;
}
.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;
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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 #d4d4d4;
margin: 80px 0 80px 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: 40px 0 40px 0;
}
}
.shb-cms-news-list {
padding-top: 50px;
margin-bottom: 20px;
}
.shb-cms-news-list__intro {
margin-bottom: 20px;
}
.shb-cms-news-list__container {
max-width: 860px;
margin: 0 auto 30px auto;
}
.shb-cms-news-list__ul {
margin: 0;
padding: 0;
}
.shb-cms-news-list__ul:last-child {
border-bottom: 1px solid #dedede;
}
.shb-cms-news-list__icon-wrapper {
min-width: 29px;
text-align: center;
}
.shb-cms-news-list__icon-wrapper > svg {
transition: 0.3s transform;
}
.shb-cms-news-list__li {
display: block;
border-top: 1px solid #dedede;
}
.shb-cms-news-list__a {
text-decoration: none;
padding: 12px 0;
display: flex;
}
.shb-cms-news-list__a:hover,
.shb-cms-news-list__a:focus {
outline: none;
text-decoration: underline;
}
.shb-cms-news-list__date {
color: #6C6C6C;
white-space: nowrap;
}
.shb-cms-news-list--is-collapsed > .shb-cms-news-list__icon-wrapper > svg {
transform: rotateZ(-90deg);
}
.shb-cms-news-list--is-expanded > .shb-cms-news-list__icon-wrapper > svg {
transform: rotateZ(0deg);
}
.shb-cms-news-list__text {
padding: 20px 0 20px 30px;
}
.shb-cms-non-liability-clause {
background-color: #f0f8fa;
}
.shb-cms-non-liability-clause .shb-cms-non-liability-clause__container-small {
border-top: 3px solid #c4e2eb;
border-bottom: 1px solid #dedede;
border-left: 1px solid #dedede;
border-right: 1px solid #dedede;
padding: 25px 20px 0 20px;
}
.shb-cms-non-liability-clause .shb-cms-non-liability-clause__container-large {
border-top: 3px solid #c4e2eb;
border-bottom: 1px solid #dedede;
border-left: 1px solid #dedede;
border-right: 1px solid #dedede;
padding: 25px 30px 0 30px;
}
.shb-cms-non-liability-clause .shb-cms-non-liability-clause__content-block {
padding-bottom: 0;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.shb-cms-non-liability-clause .shb-cms-non-liability-clause__content-block:last-child {
padding-bottom: 30px;
}
.shb-cms-non-liability-clause .shb-cms-non-liability-clause__h2 {
color: #043b62;
}
.shb-cms-non-liability-clause .shb-cms-non-liability-clause__text {
color: #043b62;
}
.shb-cms-non-liability-clause .shb-cms-non-liability-clause__paragraphs {
margin-bottom: 20px;
overflow: hidden;
}
.shb-cms-non-liability-clause .shb-cms-non-liability-clause__separator {
margin-left: 12px;
margin-right: 12px;
border-right: 1px solid #bacfdc;
}
.shb-cms-non-liability-clause .shb-cms-non-liability-clause__expand:first-of-type {
padding-top: 20px;
border-top: 1px solid #dedede;
}
.shb-cms-non-liability-clause .shb-cms-non-liability-clause-button {
height: 16px;
}
.shb-cms-non-liability-clause .shb-cms-non-liability-clause__expand-container {
padding-bottom: 10px;
}
.shb-cms-non-liability-clause .shb-cms-non-liability-clause-100__detailLink {
text-align: center;
margin-bottom: 0;
line-height: 22px;
padding-top: 10px;
padding-bottom: 10px;
display: flex;
justify-content: center;
align-items: center;
}
.shb-cms-non-liability-clause .shb-cms-non-liability-clause-100__expand:first-of-type {
padding-top: 20px;
border-top: 1px solid #dedede;
}
.shb-cms-non-liability-clause .shb-cms-non-liability-clause-100__line {
border-top: 1px solid #dedede;
margin-left: -30px;
margin-right: -30px;
}
.shb-cms-non-liability-clause .shb-cms-non-liability-clause-100--is-collapsed {
margin-right: 19px;
margin-left: 20px;
}
.shb-cms-non-liability-clause .shb-cms-non-liability-clause-100--is-collapsed > svg {
transform: rotateZ(0deg);
}
.shb-cms-non-liability-clause .shb-cms-non-liability-clause-100--is-collapsed > svg > g {
stroke: #005fa5;
}
.shb-cms-non-liability-clause .shb-cms-non-liability-clause-100--is-expanded {
margin-right: 19px;
margin-left: 20px;
}
.shb-cms-non-liability-clause .shb-cms-non-liability-clause-100--is-expanded > svg {
transform: rotateZ(180deg);
}
.shb-cms-non-liability-clause .shb-cms-non-liability-clause-100--is-expanded > svg > g {
stroke: #005fa5;
}
.shb-cms-non-liability-clause__separator {
display: none;
}
.shb-cms-non-liability-clause__link {
display: block;
margin-bottom: 12px;
}
@media only screen and (min-width: 910px) {
.shb-cms-non-liability-clause__separator {
display: inline;
}
.shb-cms-non-liability-clause__link {
display: inline;
line-height: 22px;
}
}
.shb-cms-faq-list {
margin-bottom: 20px;
}
.shb-cms-faq-list__h2 {
padding-top: 50px;
}
.shb-cms-faq-list__intro {
margin-bottom: 20px;
}
.shb-cms-faq-list__container {
max-width: 860px;
margin: 0 auto 30px auto;
}
.shb-cms-faq-list__more-wrapper {
display: none;
}
.shb-cms-faq-list__more-wrapper > .shb-cms-faq-list__ul {
border-top: 0;
}
.shb-cms-faq-list__ul {
margin: 0;
padding: 0;
border-top: 1px solid #dedede;
}
.shb-cms-faq-list__icon-wrapper {
min-width: 29px;
text-align: center;
}
.shb-cms-faq-list__icon-wrapper > svg {
transition: 0.3s transform;
}
.shb-cms-faq-list__li {
display: block;
border-bottom: 1px solid #dedede;
}
.shb-cms-faq-list__a {
display: flex;
padding: 12px 0;
text-decoration: none;
}
.shb-cms-faq-list__a:hover,
.shb-cms-faq-list__a:focus {
outline: none;
text-decoration: underline;
}
.shb-cms-faq-list__date {
color: #6C6C6C;
white-space: nowrap;
}
.shb-cms-faq-list--is-collapsed > .shb-cms-faq-list__icon-wrapper > svg {
transform: rotateZ(-90deg);
}
.shb-cms-faq-list--is-expanded > .shb-cms-faq-list__icon-wrapper > svg {
transform: rotateZ(0deg);
}
.shb-cms-faq-list__text {
padding: 20px 0 20px 30px;
}
.shb-cms-expandable-faq-list {
margin-bottom: 0;
}
.shb-cms-expandable-faq-list__more {
display: flex;
justify-content: center;
align-items: center;
}
.shb-cms-expandable-faq-list__more-collapsed {
display: none;
}
.shb-cms-expandable-faq-list__more-expanded,
.shb-cms-expandable-faq-list__more-collapsed {
text-align: center;
margin-bottom: 40px;
line-height: 22px;
padding-top: 10px;
padding-bottom: 10px;
}
.shb-cms-expandable-faq-list__more-expanded .shb-cms-expandable-faq-list__more-collapsed-text {
display: none;
}
.shb-cms-expandable-faq-list__more-expanded .shb-cms-expandable-faq-list__more-expanded-text {
display: inline;
}
.shb-cms-expandable-faq-list__more-expanded .shb-cms-expandable-faq-list--toggle-icon {
margin-right: 19px;
margin-left: 20px;
}
.shb-cms-expandable-faq-list__more-expanded .shb-cms-expandable-faq-list--toggle-icon > svg {
transform: rotateZ(180deg);
}
.shb-cms-expandable-faq-list__more-expanded .shb-cms-expandable-faq-list--toggle-icon > svg > g {
stroke: #005fa5;
}
.shb-cms-expandable-faq-list__more-collapsed .shb-cms-expandable-faq-list__more-collapsed-text {
display: inline;
}
.shb-cms-expandable-faq-list__more-collapsed .shb-cms-expandable-faq-list__more-expanded-text {
display: none;
}
.shb-cms-expandable-faq-list__more-collapsed .shb-cms-expandable-faq-list--toggle-icon {
margin-right: 19px;
margin-left: 20px;
}
.shb-cms-expandable-faq-list__more-collapsed .shb-cms-expandable-faq-list--toggle-icon > svg {
transform: rotateZ(0deg);
}
.shb-cms-expandable-faq-list__more-collapsed .shb-cms-expandable-faq-list--toggle-icon > svg > g {
stroke: #005fa5;
}
.shb-cms-richtext .shb-cms-help-list__container {
width: 390px;
padding-left: 30px;
padding-right: 30px;
padding-top: 30px;
}
.shb-cms-richtext .shb-cms-help-list__container a[href*="/help/"]::after {
content: none !important;
}
.shb-cms-richtext .shb-cms-help-list__text {
margin-bottom: 10px;
}
.shb-cms-line.shb-cms-line--help {
margin: 0;
}
.shb-cms-help-list__line {
background: url('../../../img/jedi/base/modules/icons/25x25/center-line--medium.png') repeat-x;
text-align: center;
margin-bottom: 20px;
margin-top: 0;
}
.shb-cms-help__li-content {
padding: 14px 20px 14px 0;
}
.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-inet-module .shb-inet-new-window-link,
.shb-cms-richtext .shb-cms-toggle__button:active .shb-inet-module .shb-inet-new-window-link,
.shb-cms-richtext .shb-cms-toggle__button:focus .shb-inet-module .shb-inet-new-window-link,
.shb-cms-richtext .shb-cms-toggle__button:hover .shb-inet-module .shb-inet-popup-window-link,
.shb-cms-richtext .shb-cms-toggle__button:active .shb-inet-module .shb-inet-popup-window-link,
.shb-cms-richtext .shb-cms-toggle__button:focus .shb-inet-module .shb-inet-popup-window-link,
.shb-cms-richtext .shb-cms-toggle__button:hover .shb-inet-module .shb-inet-popup-wide-window-link,
.shb-cms-richtext .shb-cms-toggle__button:active .shb-inet-module .shb-inet-popup-wide-window-link,
.shb-cms-richtext .shb-cms-toggle__button:focus .shb-inet-module .shb-inet-popup-wide-window-link,
.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,
.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-inet-module .shb-inet-stand-alone-link,
.shb-cms-richtext .shb-cms-toggle__button:active .shb-inet-module .shb-inet-stand-alone-link,
.shb-cms-richtext .shb-cms-toggle__button:focus .shb-inet-module .shb-inet-stand-alone-link,
.shb-cms-richtext .shb-cms-toggle__button:hover .shb-inet-module .shb-inet-stand-alone-link,
.shb-cms-richtext .shb-cms-toggle__button:active .shb-inet-module .shb-inet-stand-alone-link,
.shb-cms-richtext .shb-cms-toggle__button:focus .shb-inet-module .shb-inet-stand-alone-link,
.shb-cms-richtext .shb-cms-toggle__button:hover .shb-inet-back-link a,
.shb-cms-richtext .shb-cms-toggle__button:active .shb-inet-back-link a,
.shb-cms-richtext .shb-cms-toggle__button:focus .shb-inet-back-link a,
.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);
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);
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);
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);
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-action {
display: block;
background-color: #005fa5;
margin-top: 40px;
margin-bottom: 70px;
line-height: 0;
}
.shb-cms-action:hover {
background-color: #017ab2;
}
.shb-cms-action__image {
margin: 0 20px 0 40px;
height: 120px;
width: 100px;
display: inline-block;
text-align: center;
}
.shb-cms-action__text {
line-height: 120px;
display: inline-block;
overflow: hidden;
width: 720px;
white-space: nowrap;
}
.shb-cms-action__arrow {
position: absolute;
top: 40px;
right: 40px;
}
.shb-cms-action__table {
display: table;
width: 100%;
height: 100%;
}
.shb-cms-action__table-cell {
text-align: center;
vertical-align: middle;
display: table-cell;
}
.shb-cms-teaser__teasers {
margin: 0 auto;
}
.shb-cms-teaser {
margin-top: 40px;
border-top: 3px solid #e4e4e4;
padding-top: 46px;
}
@media only screen and (max-width: 474px) {
.shb-surface-responsive .shb-cms-teaser__block {
font-size: 18px;
}
}
.shb-cms-teaser__p {
margin-bottom: 10px;
}
.shb-cms-teaser__image[src=""] {
display: none;
}
.shb-cms-teaser__image {
max-width: 100%;
width: 100%;
margin-right: auto;
margin-left: auto;
margin-bottom: 8px;
display: block;
}
.shb-cms-teaser__image .shb-cms-img__wrapper {
text-align: left;
}
.shb-cms-teaser__ul {
margin: 0 0 -1px 0;
padding: 0;
}
.shb-cms-teaser__li {
list-style: none;
border-bottom: 1px solid #d4d4d4;
}
.shb-cms-teaser__li:first-child {
border-top: 1px solid #d4d4d4;
}
.shb-cms-teaser__link {
display: block;
padding: 12px 5px 12px 0;
line-height: 18px;
}
.shb-cms-teaser__link:hover .shb-cms-teaser__link-arrow path {
fill: #017ab2;
}
.shb-cms-teaser__link-arrow {
float: right;
width: 7px;
height: 18px;
line-height: 0;
}
.shb-cms-teaser__link-arrow svg {
height: 100%;
}
.shb-cms-teaser__col {
margin-bottom: 42px;
}
.shb-cms-teaser__col.col-xs-12:first-child {
padding-left: 0px;
}
@media only screen and (max-width: 474px) {
.shb-cms-teaser__col.col-xs-12:first-child {
padding-right: 0px;
}
}
@media only screen and (max-width: 474px) {
.shb-cms-teaser__col.col-xs-12 {
padding-left: 0px;
padding-right: 0px;
}
}
.shb-cms-teaser__col.col-xs-12.shb-cms-teaser__block:first-child {
padding-left: 0px;
}
@media only screen and (min-width: 475px) and (max-width: 767px) {
.shb-cms-teaser__col.col-xs-12.col-sm-12.shb-cms-teaser__block {
padding-left: 0px;
}
}
.shb-cms-teaser__col.col-xs-12.shb-cms-teaser__block {
padding-left: 20px;
padding-right: 0px;
}
@media only screen and (max-width: 474px) {
.shb-cms-teaser__col.col-xs-12.shb-cms-teaser__block {
padding-left: 0px;
}
}
.shb-cms-teaser__links-list-row.row {
margin-left: -10px;
margin-right: -10px;
}
.shb-cms-teaser__links-list-row.row div {
padding-left: 0px;
padding-right: 0px;
}
.shb-cms-teaser__links-list-row.row {
margin-left: -10px;
margin-right: -10px;
}
.shb-cms-teaser__links-list-row.row div:first-child {
padding-left: 10px;
padding-right: 20px;
}
@media only screen and (max-width: 767px) {
.shb-cms-teaser__links-list-row.row div:first-child {
padding-left: 10px;
padding-right: 10px;
}
}
.shb-cms-teaser__links-list-row.row div:last-child {
padding-left: 20px;
padding-right: 10px;
}
@media only screen and (max-width: 767px) {
.shb-cms-teaser__links-list-row.row div:last-child {
padding-left: 10px;
padding-right: 10px;
}
}
.shb-cms-teaser__links-list-row.row div {
padding-left: 20px;
padding-right: 20px;
}
@media only screen and (max-width: 767px) {
.shb-cms-teaser__links-list-row.row div {
padding-left: 10px;
padding-right: 10px;
}
}
.shb-cms-guide-top {
margin-bottom: 66px;
}
.shb-cms-guide-top.shb-cms-guide-top--has-image {
min-height: 380px;
}
@media only screen and (max-width: 474px) {
.shb-surface-responsive .shb-cms-guide-top {
margin-bottom: 22px;
}
}
@media only screen and (min-width: 475px) and (max-width: 767px) {
.shb-surface-responsive .shb-cms-guide-top {
margin-bottom: 44px;
}
}
@media only screen and (max-width: 474px) {
.shb-surface-responsive .shb-cms-guide-top.shb-cms-guide-top--has-image {
min-height: 240px;
}
}
@media only screen and (min-width: 475px) and (max-width: 767px) {
.shb-surface-responsive .shb-cms-guide-top.shb-cms-guide-top--has-image {
min-height: 280px;
}
}
.shb-cms-guide-top__background {
background-position: center;
margin-left: -5000px;
margin-right: -5000px;
margin-top: -31px;
padding-top: 31px;
background-repeat: no-repeat;
background-size: cover;
}
@media only screen and (max-width: 474px) {
.shb-surface-responsive .shb-cms-guid-top__background-gradient--dark {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin-left: -15px;
margin-right: -15px;
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%);
}
}
@media only screen and (min-width: 475px) and (max-width: 767px) {
.shb-surface-responsive .shb-cms-guid-top__background-gradient--dark {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin-left: -15px;
margin-right: -15px;
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 (max-width: 474px) {
.shb-surface-responsive .shb-cms-guid-top__background-gradient--bright {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin-left: -15px;
margin-right: -15px;
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%);
}
}
@media only screen and (min-width: 475px) and (max-width: 767px) {
.shb-surface-responsive .shb-cms-guid-top__background-gradient--bright {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin-left: -15px;
margin-right: -15px;
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__background-repeat {
background-position: center;
margin-bottom: -450px;
margin-left: -5000px;
margin-right: -5000px;
height: 450px;
}
.shb-cms-guide-top__headlines {
margin-bottom: 20px;
display: inline-block;
max-width: 510px;
}
@media only screen and (max-width: 474px) {
.shb-surface-responsive .shb-cms-guide-top__headlines {
max-width: 100%;
}
}
.shb-cms-guide-top__body {
position: relative;
}
.shb-cms-guide-top__ul {
padding: 0;
}
.shb-cms-guide-top__li {
display: inline-block;
margin: 0 20px 20px 0;
list-style-type: none;
}
.shb-cms-guide-top__a {
font-size: 14px;
font-family: Helvetica, Arial, sans-serif;
padding: 12px 20px;
border: 1px solid #222;
line-height: 18px;
color: #222;
text-decoration: none;
display: inline-block;
}
.shb-cms-guide-top__a:hover,
.shb-cms-guide-top__a:focus {
color: #222;
outline: none;
text-decoration: underline;
}
.shb-cms-guide-top__a.shb-cms-guide-top__a--bright {
color: #fff;
border: 1px solid #fff;
}
.shb-cms-guide-top__table {
display: table;
width: 100%;
min-height: 380px;
display: flex;
align-items: center;
}
@media only screen and (max-width: 474px) {
.shb-surface-responsive .shb-cms-guide-top__table {
min-height: 150px;
}
}
@media only screen and (min-width: 475px) {
.shb-surface-responsive .shb-cms-guide-top__table {
min-height: 280px;
}
}
.shb-cms-guide-top--content-centered {
text-align: center;
margin: auto;
width: 50%;
}
@media only screen and (max-width: 474px) {
.shb-surface-responsive .shb-cms-guide-top .shb-headline-top {
font-size: 32px;
line-height: 36px;
color: white;
}
}
@media only screen and (max-width: 474px) {
.shb-surface-responsive .shb-cms-guide-top .shb-headline-tagline {
font-size: 14px;
line-height: 1.3em;
font-family: Helvetica, Arial, sans-serif;
color: white;
}
}
.shb-cms-guide-top__cell {
display: table-cell;
vertical-align: middle;
}
@media only screen and (max-width: 474px) {
.shb-surface-responsive .shb-cms-guide-top__cell {
height: 240px;
vertical-align: bottom;
}
}
.shb-cms-guide-entrance {
border: 1px solid #dedede;
border-radius: 2px;
}
.shb-cms-guide-entrance__link {
text-decoration: none;
display: table;
width: 100%;
box-sizing: border-box;
background-color: #fff;
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);
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);
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;
}
.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__link-menu {
display: block;
text-align: center;
padding: 12px 10px;
color: #005fa5;
text-decoration: none;
line-height: 18px;
}
.shb-cms-ordinary-cases__link-menu:hover {
text-decoration: none;
}
.shb-cms-ordinary-cases__link-menu span:hover {
text-decoration: underline;
}
.shb-cms-ordinary-cases__link-menu:focus {
background-color: #f0f8fa;
text-decoration: none;
}
.shb-cms-ordinary-cases__list-item {
/* External links have a new window icon */
}
.shb-cms-ordinary-cases__list-item a.shb-cms__link-external div::after {
content: " ";
display: inline-block;
margin-left: 6px;
margin-bottom: 2px;
padding-right: 2px;
vertical-align: middle;
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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-ordinary-cases__list-item a.shb-cms__link-external div:hover::after {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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__action-link-container {
margin-bottom: 20px;
}
.shb-cms__action-link {
display: inline-block;
padding: 12px 40px;
border: 1px solid #005fa5;
color: #005fa5;
border-radius: 4px;
line-height: 18px;
}
.shb-cms__action-link:hover,
.shb-cms__action-link:focus {
color: #005fa5;
border: 1px solid #0080bb;
}
.shb-cms__action-link-distance {
margin-bottom: 10px;
}
.shb-cms__action-link.shb-cms__action-link--important {
background: #005fa5;
border: none;
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: #0080bb;
text-decoration: none;
}
@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 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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
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 {
background-image: url(../../../img/jedi/base/modules/sprites_xsmall.png);
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__action-link__disclaimer {
text-align: left;
}
.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%;
}
.shb-cms-video__player .mejs-poster {
background-size: cover;
}
.shb-cms-hero {
margin-bottom: 66px;
}
@media only screen and (max-width: 767px) {
.shb-cms-hero {
margin-bottom: 44px;
}
}
.shb-cms-hero__on-page-navigation-small a {
font-family: StagBook;
font-size: 18px;
}
@media only screen and (min-width: 768px) {
.shb-cms-hero__on-page-navigation-small {
display: none;
}
}
.shb-cms-hero__on-page-navigation-large {
display: none;
font-family: StagBook;
font-size: 18px;
}
@media only screen and (min-width: 768px) {
.shb-cms-hero__on-page-navigation-large {
display: block;
}
}
@media only screen and (min-width: 768px) {
.shb-cms-hero__on-page-navigation-large {
text-align: center;
display: -webkit-flex;
display: flex;
-webkit-flex-direction: row;
flex-direction: row;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
}
}
.shb-cms-hero__on-page-navigation-large-item {
border-top: 1px solid #808080;
display: block;
line-height: 22px;
vertical-align: bottom;
}
@media only screen and (min-width: 768px) {
.shb-cms-hero__on-page-navigation-large-item {
border-bottom: none;
border-top: none;
display: inline-block;
margin-left: 18px;
margin-right: 18px;
padding: 5px;
}
}
.shb-cms-hero__on-page-navigation-large-item-image-container {
display: table-cell;
height: 100px;
max-height: 100px;
max-width: 100px;
text-align: center;
vertical-align: middle;
width: 100px;
}
.shb-cms-hero__on-page-navigation-large-item-image-container img {
max-width: 100%;
max-height: 100%;
}
@media only screen and (max-width: 767px) {
.shb-cms-hero__on-page-navigation-large-item-image-container {
display: none;
}
}
.shb-cms-hero__on-page-navigation-large-link-text {
color: #017ab2;
font-family: StagBook;
font-size: 18px;
padding-top: 8px;
}
.shb-cms-hero__background {
position: relative;
margin-left: -5000px;
margin-right: -5000px;
margin-top: -12px;
overflow: hidden;
}
.shb-cms-hero__background-repeat {
background-position: center;
margin-bottom: -450px;
margin-left: -5000px;
margin-right: -5000px;
height: 450px;
}
.shb-cms-hero__image-wrapper--medium,
.shb-cms-hero__image-wrapper--1k,
.shb-cms-hero__image-wrapper--2k {
height: 290px;
overflow: hidden;
}
.shb-cms-hero__image-wrapper--medium > img,
.shb-cms-hero__image-wrapper--1k > img,
.shb-cms-hero__image-wrapper--2k > img {
min-width: 100%;
min-height: 100%;
}
.shb-cms-hero__img--small {
display: none;
}
@media only screen and (max-width: 767px) {
.shb-cms-hero__img--small {
display: inline-block;
}
}
.shb-cms-hero__img--large {
display: none;
}
@media only screen and (min-width: 768px) {
.shb-cms-hero__img--large {
display: inline-block;
}
}
.shb-cms-hero__image-wrapper--small {
height: 260px;
}
.shb-cms-hero__image-wrapper--small img {
min-height: 160px;
}
.shb-cms-hero__headlines {
margin-bottom: 20px;
text-align: center;
}
@media only screen and (max-width: 474px) {
.shb-cms-hero__headlines {
max-width: 100%;
}
}
.shb-cms-hero__body {
position: relative;
margin-top: -60px;
}
@media only screen and (min-width: 768px) {
.shb-cms-hero__body {
margin-top: -100px;
}
}
.shb-cms-hero__ul {
padding: 0;
}
.shb-cms-hero__li {
display: inline-block;
margin: 0 20px 20px 0;
list-style-type: none;
}
.shb-cms-hero__a {
font-size: 14px;
font-family: Helvetica, Arial, sans-serif;
padding: 12px 20px;
border: 1px solid #222;
line-height: 18px;
color: #222;
text-decoration: none;
display: inline-block;
}
.shb-cms-hero__a:hover,
.shb-cms-hero__a:focus {
color: #222;
outline: none;
text-decoration: underline;
}
.shb-cms-hero__a.shb-cms-hero__a--bright {
color: #fff;
border: 1px solid #fff;
}
.shb-cms-hero__table {
display: flex;
align-items: center;
width: 100%;
max-width: 960px;
margin-left: auto;
margin-right: auto;
}
@media only screen and (max-width: 767px) {
.shb-cms-hero__table {
margin-left: 10px;
margin-right: 10px;
width: inherit;
}
}
.shb-cms-hero--content-centered {
text-align: center;
margin: auto;
width: 50%;
}
.shb-cms-hero__cell {
background-color: #fff;
box-sizing: border-box;
margin-left: auto;
margin-right: auto;
padding: 20px;
}
@media only screen and (max-width: 767px) {
.shb-cms-hero__cell {
width: 100%;
}
}
.shb-cms-hero__cell > .shb-cms-hero__headlines:last-child {
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.shb-cms-hero__cell {
max-width: 95%;
}
}
.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-common-accounts__flex-cell {
max-height: 18px;
}
.shb-common-accounts-settings {
width: 600px;
padding-left: 30px;
padding-right: 30px;
padding-top: 30px;
}
.shb-common-accounts-settings--text {
display: inline-block;
height: 18px;
}
.shb-common-accounts-settings__indent-1__icon {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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;
display: inline-block;
margin-right: 5px;
margin-bottom: -2px;
}
.shb-grid__cell-group-header.shb-common-accounts-settings__td {
padding-right: 0;
padding-left: 0;
}
.shb-common-accounts-settings__indent-1__icon--collapsed {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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;
display: inline-block;
margin-right: 5px;
margin-bottom: -2px;
}
.shb-common-accounts-settings__account-row {
border-bottom: 1px solid #dedede;
height: 40px;
}
.shb-common-accounts-settings__account-container {
border: 1px solid #dedede;
max-height: 245px;
overflow-y: auto;
overflow-x: hidden;
background-color: #f6f6f6;
}
.shb-common-accounts-settings__account-container.shb-common-account-settings_scroll-border {
border-bottom: 3px solid #dedede;
}
.shb-common-accounts-settings__account-container:not(.shb-common-account-settings_scroll-border) {
border-bottom: 1px solid #dedede;
margin-bottom: 2px;
}
.shb-common-accounts-settings__account-container.shb-common-account-settings_with_indent {
min-height: 245px;
}
.shb-common-accounts-settings__balanceType-container {
padding-top: 30px;
padding-bottom: 30px;
border-bottom: 1px solid #dedede;
margin-bottom: 30px;
}
.shb-common-accounts-settings__displayMode-container {
padding-bottom: 30px;
}
.shb-common-accounts-settings__load-layer {
position: absolute;
top: 61px;
bottom: 0;
width: 600px;
height: 248px;
background-color: #dedede;
z-index: 3;
opacity: 0.7;
}
.shb-common-accounts__loader {
background-color: #dedede;
opacity: 0.7;
padding: 50px 40px 40px 40px;
}
.shb-common-accounts__loader-text {
text-align: center;
margin-top: 20px;
font-size: 14px;
color: #222222;
font-family: Helvetica, Arial, sans-serif;
}
.shb-common-account_transactions__H2 {
word-spacing: 0.1em;
letter-spacing: 0.03em;
}
.shb-common-account_transactions-settings {
width: 400px;
padding-left: 30px;
padding-right: 30px;
padding-top: 30px;
}
.shb-common-account_transactions-settings__account-container {
padding-bottom: 30px;
}
.shb-common-account_transactions-settings__displayMode-container {
padding-bottom: 30px;
}
.shb-common-account_transactions-settings__account-list {
height: 30px;
box-sizing: content-box;
}
.shb-common-account_transactions__balance-container {
border-bottom: 1px solid #dedede;
}
.shb-common-account_transactions__balance-container div {
padding-left: 29px;
padding-right: 29px;
margin-top: 15px;
margin-bottom: 15px;
border-right: 1px solid #dedede;
display: inline-block;
}
.shb-common-account_transactions__balance-container div:last-child {
border-right-width: 0;
}
.shb-common-account_transactions__balance-container .shb-common-account_transactions__balance-headline {
margin-top: 1px;
margin-bottom: 0;
font-size: 12px;
font-weight: bold;
color: #043b62;
}
.shb-common-account_transactions__balance-container .shb-common-account_transactions__balance {
margin-top: 1px;
margin-bottom: 0;
font-size: 22px;
color: #017ab2;
font-family: StagMedium, Georgia, sans-serif;
word-spacing: 0.1em;
letter-spacing: 0.03em;
}
.shb-common-notifications__list-item {
position: relative;
border-bottom: 1px solid #dedede;
display: inline-block;
margin: 0;
padding: 0;
transition: 0.2s all;
vertical-align: top;
}
.shb-common-notifications__list-item:last-child,
.shb-common-notifications__list-item.last-child {
border: none;
}
.shb-common-notifications__link {
padding: 10px;
display: inline-block;
line-height: 18px;
transition: 0.2s background-color;
height: 22px;
vertical-align: top;
}
.shb-common-notifications__link:hover,
.shb-common-notifications__link:focus {
background-color: #f0f8fa;
}
.shb-common-notifications__link:hover .shb-grid__link-text,
.shb-common-notifications__link:focus .shb-grid__link-text {
text-decoration: underline;
outline: none;
}
.shb-common-notifications__trash-icon {
position: absolute;
width: 42px;
height: 42px;
right: -40px;
top: 0;
bottom: 0;
display: inline-block;
background: url(../../../img/jedi/base/modules/commonnotifications/trash.png) no-repeat center center;
border-left: 1px solid #dedede;
border-bottom: 1px solid #dedede;
}
.shb-common-notifications__trash-icon-available:hover,
.shb-common-notifications__trash-icon-available:focus {
background: url(../../../img/jedi/base/modules/commonnotifications/trash_hover.png) no-repeat center center;
background-color: #f0f8fa;
outline: none;
}
.shb-common-notifications__trash-icon-unavailable {
background-color: #f6f6f6;
}
.shb-common-notifications__trash-icon-unavailable:hover,
.shb-common-notifications__trash-icon-unavailable:focus {
outline: none;
}
.shb-common-notifications__new {
background-color: #df638e;
border-radius: 2px;
color: #ffffff;
font-size: 12px;
font-family: Arial;
font-weight: bold;
vertical-align: top;
padding: 2px 3px 2px 4px;
display: inline-block;
}
.shb-common-notifications__text {
vertical-align: middle;
}
.shb-common-notifications__linktext {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.shb-common-modules-welcome__close {
position: absolute;
top: 13px;
right: 13px;
}
.shb-common-modules-welcome__close-link {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
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 -319px;
height: 16px;
width: 16px;
display: inline-block;
}
.shb-common-modules-welcome__close-link:hover,
.shb-common-modules-welcome__close-link:focus {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
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 -280px;
outline: none;
}
.shb-common-modules-welcome .shb-cms-imageslider {
margin-bottom: 40px;
}
.shb-modules-accesskey-nav__wrapper {
position: relative;
}
.shb-modules-accesskey-nav__wrapper .shb-modules-accesskey-nav__container {
opacity: 0;
position: absolute;
top: -200px;
left: 0;
right: 0;
text-align: center;
z-index: 100;
transition-property: all;
transition-duration: .4s;
transition-timing-function: cubic-bezier(0, 0.5, 0.5, 1);
}
.shb-modules-accesskey-nav__wrapper .shb-modules-accesskey-nav__container-visible {
top: 0;
opacity: 1;
}
.shb-modules-accesskey-nav__wrapper .shb-modules-accesskey-nav__header {
padding-bottom: 2px;
line-height: 1em;
font-size: 18px;
color: #222;
}
.shb-modules-accesskey-nav__wrapper .shb-modules-accesskey-nav__menu {
display: inline-block;
border-radius: 2px;
border: 1px solid #dedede;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
clip: rect(0, 1000px, 1000px, -20px);
background: #fff;
padding: 30px 10px;
}
.shb-modules-accesskey-nav__wrapper .shb-modules-accesskey-nav__menu a {
display: inline-block;
padding: 0 20px;
border-right: 1px solid #ddd;
line-height: 1em;
}
.shb-modules-accesskey-nav__wrapper .shb-modules-accesskey-nav__menu a:last-child {
border-right-width: 0;
}
shb-alphabetical-list {
display: block;
max-width: 860px;
margin: 0 auto;
}
shb-alphabetical-list input[type=search]::-ms-clear {
width: 0;
height: 0;
}
shb-alphabetical-list .shb-autosuggest__input-clear {
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin-top: 1px;
opacity: 0;
visibility: hidden;
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
background-repeat: no-repeat;
padding-left: 28px;
background-position: 8px -808px;
cursor: pointer;
transition: opacity .5s,
visibility .5s;
}
shb-alphabetical-list .shb-autosuggest__input-clear:hover,
shb-alphabetical-list .shb-autosuggest__input-clear:focus {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
background-repeat: no-repeat;
padding-left: 28px;
background-position: 8px -845px;
outline: none;
}
shb-alphabetical-list .shb-autosuggest__input-clear-visible {
opacity: 1;
visibility: visible;
}
shb-alphabetical-list .shb-cms-alphabetical-list__filters {
line-height: 22px;
}
shb-alphabetical-list .shb-cms-alphabetical-list__filters h3 {
padding-left: 3px;
/* looks better above form controls */
}
shb-alphabetical-list .shb-cms-alphabetical-list__letter-shortcuts,
shb-alphabetical-list .shb-cms-alphabetical-list__filters {
margin-bottom: 44px;
}
@media only screen and (max-width: 767px) {
shb-alphabetical-list .shb-cms-alphabetical-list__filters {
margin-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
shb-alphabetical-list .shb-cms-alphabetical-list__letter-shortcuts {
display: none;
}
}
shb-alphabetical-list .shb-cms-alphabetical-list__filters-group {
margin-bottom: 22px;
}
shb-alphabetical-list .shb-cms-alphabetical-list__list {
line-height: 22px;
}
@media only screen and (max-width: 474px) {
shb-alphabetical-list .shb-cms-alphabetical-list__list {
line-height: 33px;
}
}
shb-alphabetical-list .shb-cms-alphabetical-list__list h3 {
margin: 0;
}
shb-alphabetical-list .shb-cms-alphabetical-list__list .hr {
margin-top: 10px;
border-top: 1px solid #ddd;
padding-bottom: 11px;
}
shb-alphabetical-list select,
shb-alphabetical-list input[type=search] {
border: 1px solid #c4c4c4;
box-sizing: border-box;
padding: 10px;
width: 100%;
}
shb-alphabetical-list select > option,
shb-alphabetical-list input[type=search] > option {
line-height: 22px;
margin: 20px;
}
shb-alphabetical-list select:focus:not([disabled]),
shb-alphabetical-list input[type=search]:focus:not([disabled]),
shb-alphabetical-list select:hover:not([disabled]),
shb-alphabetical-list input[type=search]:hover:not([disabled]) {
border: 1px solid #017ab2;
}
shb-alphabetical-list select {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
padding-right: 36px;
background-repeat: no-repeat;
background-image: url('../../../img/jedi/base/kit/svg/icn_arrow_down_14x9_005fa5.svg');
background-position: 96% 16px;
}
shb-alphabetical-list select::-ms-expand {
/* for IE 11 */
display: none;
}
shb-alphabetical-list .shb-cms-alphabetical-list__heading-letter {
display: block;
}
shb-alphabetical-list .shb-cms-alphabetical-list__letter-shortcut {
display: inline-block;
box-sizing: border-box;
width: 40px;
height: 40px;
margin: 2px;
padding-top: 10px;
border: 1px solid #ccc;
background: #fff;
text-align: center;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}
shb-alphabetical-list .shb-cms-alphabetical-list__letter-shortcut:focus:not([disabled]),
shb-alphabetical-list .shb-cms-alphabetical-list__letter-shortcut:hover:not([disabled]) {
background: #f0f8fa;
}
shb-alphabetical-list .shb-cms-alphabetical-list__letter-shortcut:focus,
shb-alphabetical-list .shb-cms-alphabetical-list__letter-shortcut:hover {
text-decoration: none;
}
shb-alphabetical-list .shb-cms-alphabetical-list__letter-shortcut[disabled] {
color: #ccc !important;
cursor: default !important;
}
shb-alphabetical-list .shb-cms-alphabetical-list__column-container,
shb-alphabetical-list .shb-cms-alphabetical-list__no-results {
margin-bottom: 22px;
}
shb-alphabetical-list .shb-cms-alphabetical-list__no-results {
font-size: 14px;
}
shb-alphabetical-list .shb-cms-alphabetical-list__column-container {
column-count: 2;
-moz-column-count: 2;
-webkit-column-count: 2;
}
@media only screen and (max-width: 474px) {
shb-alphabetical-list .shb-cms-alphabetical-list__column-container {
column-count: 1;
-moz-column-count: 1;
-webkit-column-count: 1;
}
}
shb-alphabetical-list .shb-cms-alphabetical-list__column-container > a {
display: block;
-webkit-column-break-inside: avoid;
/* Chrome, Safari, Opera */
page-break-inside: avoid;
/* Firefox */
break-inside: avoid;
/* IE 10+ */
padding-left: 10px;
/*Wrapping lines get indented */
text-indent: -10px;
}
.shb-loancalculator-stylebox {
border: 1px solid #dddddd;
border-radius: 4px;
background-color: #fbfaf9;
padding: 20px;
margin-bottom: 20px;
}
.shb-loancalculator-result-call-to-action-text {
padding-top: 50px;
}
.shb-loancalculator-spacing-between-components > div:nth-of-type(n+2) {
padding-top: 15px;
}
.shb-loancalculator-spacing-between-components .shb-radio-button-group {
margin-bottom: 20px;
}
.shb-loancalculator-spacing-between-components .shb-validation-error__error-text {
padding-top: 0;
margin-bottom: 20px;
}
.shb-loancalculator-result-panel {
min-height: 267px;
text-align: center;
}
.shb-loancalculator-mortgageamount {
font-family: StagLight, Georgia, sans-serif;
font-size: 42px;
color: #017ab2;
}
.shb-loancalculator-result-show-notifications {
margin: 0;
text-align: left;
background-color: #ffffff;
border: 1px solid #DDDDDD;
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: 85px;
}
.shb-loancalculator-result-amount {
font-size: 16px;
}
.shb-loancalculator-amount-buying-figure {
font-size: 22px;
}
.shb-loancalculator-amount-granted-text p,
.shb-loancalculator-amount-buying-figure p {
margin-top: 0;
}
.shb-loancalculator-max-buying-text p {
margin-bottom: 10px;
}
.shb-loancalculator-subtext {
font-size: 12px;
margin-top: 15px;
}
.shb-loancalculator-custom-radiobuttongroup {
margin-bottom: 20px;
}
.shb-loancalculator-custom-radiobuttongroup .shb-radio-button-group {
margin-bottom: 0;
}
@media only screen and (min-width: 768px) {
.shb-loancalculator-sticky-on-desktop {
position: -webkit-sticky;
position: sticky;
top: 0;
}
}
.simple-housing-cost-estimate__top-frame {
border: 1px solid #DDDDDD;
border-radius: 4px;
background-color: #fbfaf9;
padding: 20px;
margin-bottom: 20px;
}
.simple-housing-cost-estimate__left-frame {
border: 1px solid #DDDDDD;
border-radius: 4px;
background-color: #fbfaf9;
padding: 20px;
margin-bottom: 20px;
}
.simple-housing-cost-estimate__right-frame {
border: 1px solid #DDDDDD;
border-radius: 4px;
background-color: #fbfaf9;
padding: 20px;
margin-bottom: 20px;
text-align: center;
}
.simple-housing-cost-estimate__image-container {
display: inline-block;
padding-right: 10px;
}
.simple-housing-cost-estimate__top-frame-text-container {
display: inline-block;
vertical-align: top;
}
.simple-housing-cost-estimate__top-frame-purchase-amount {
margin-top: 10px;
}
.simple-housing-cost-estimate__left-frame-group {
padding-bottom: 30px;
}
.simple-housing-cost-estimate__left-frame-percentage-container {
display: inline-block;
}
.simple-housing-cost-estimate__left-frame-percentage-value {
font-size: 30px;
font-family: StagLight, Georgia, sans-serif;
color: #017ab2;
}
.simple-housing-cost-estimate__left-frame-percentage-value--error {
font-size: 30px;
font-family: StagLight, Georgia, sans-serif;
color: #cd422f;
}
.simple-housing-cost-estimate__right-frame-monthly-cost-label {
margin-bottom: 3px;
}
.simple-housing-cost-estimate__right-frame-monthly-cost {
font-size: 40px;
color: #017ab2;
font-family: StagLight, Georgia, sans-serif;
font-weight: bold;
margin-bottom: 3px;
}
.simple-housing-cost-estimate__radial-chart-container {
display: inline-block;
}
.simple-housing-cost-estimate__radial-chart-explanation-table {
padding-bottom: 20px;
font-size: 12px;
text-align: left;
}
.simple-housing-cost-estimate__radial-chart-explanation-table-row {
padding-bottom: 5px;
}
.simple-housing-cost-estimate__radial-chart-explanation-table-row > div {
display: inline-block;
}
.simple-housing-cost-estimate__radial-chart-explanation-table-row div:last-child {
float: right;
text-align: right;
}
.simple-housing-cost-estimate__radial-chart-explanation-circle {
width: 15px;
height: 15px;
border-radius: 50%;
}
.simple-housing-cost-estimate__radial-chart-explanation-table-row-text {
display: inline-block;
padding-left: 5px;
vertical-align: top;
}
.simple-housing-cost-estimate__interest-deduction-radio-container {
padding-bottom: 20px;
}
.simple-housing-cost-estimate__interest-deduction-radio-container > div {
height: 27px;
}
.shb-sepu-header {
background: #f1f1f1;
border-top: 3px solid #005fa5;
position: relative;
}
@media only screen and (max-width: 474px) {
.shb-sepu-header {
padding-bottom: 0;
}
}
.shb-top-logo-container {
display: inline-block;
padding-right: 24px;
}
.shb-top-logo-container img {
height: 40px;
}
@media only screen and (max-width: 767px) {
.shb-top-logo-container img {
height: 22px;
}
}
.shb-top-logo-link {
display: block;
height: 40px;
}
.shb-sepu-header.shb-sepu-header--highlighted-info {
height: 126px;
border-top: none;
}
.shb-sepu-header.shb-sepu-header--highlighted-info .shb-sepu-bank-officer-info-container {
background-color: #005fa5;
height: 29px;
}
.shb-sepu-bank-officer-info-container .shb-text--normal {
color: #fff;
}
.shb-sepu-bank-officer-info {
text-align: right;
line-height: 29px;
}
.shb-sepu-header__row1 {
text-align: right;
padding-top: 10px;
position: relative;
font-size: 14px;
vertical-align: top;
}
.shb-sepu-header__row2 {
clear: both;
padding-top: 4px;
position: relative;
}
.shb-sepu-logout__container {
display: inline-block;
}
.shb-sepu-logout__container .shb-link,
.shb-sepu-logout__container .shb-inet-module .shb-inet-new-window-link,
.shb-sepu-logout__container .shb-inet-module .shb-inet-popup-window-link,
.shb-sepu-logout__container .shb-inet-module .shb-inet-popup-wide-window-link,
.shb-sepu-logout__container .shb-grid__link-text,
.shb-sepu-logout__container .shb-standard-link,
.shb-sepu-logout__container .shb-new-window-link,
.shb-sepu-logout__container .shb-button-set__cancel-button,
.shb-sepu-logout__container .shb-inet-module .shb-inet-stand-alone-link,
.shb-sepu-logout__container .shb-inet-module .shb-inet-stand-alone-link,
.shb-sepu-logout__container .shb-inet-back-link a,
.shb-sepu-logout__container .shb-standard-link--back,
.shb-sepu-logout__container .shb-new-window-link--gray {
color: #fff;
}
.shb-sepu-logout-link {
display: inline-block;
padding: 6px 15px;
border-radius: 0 2px 2px 0;
background: #005fa5;
}
.shb-sepu-logout-link:hover {
background: #017ab2;
text-decoration: none;
}
.shb-sepu-header__office-name {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: inline-block;
vertical-align: bottom;
padding-left: 20px;
padding-top: 16px;
font-size: 16px;
color: #005fa5;
border-left: 1px solid #005fa5;
height: 28px;
width: 275px;
}
.shb-sepu-top__nav {
/* min-width: 960px; */
background: #fff;
border-bottom: 1px solid #d4d4d4;
border-top: 1px solid #d4d4d4;
}
.shb-sepu-hover-menu__items-image {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
background-repeat: no-repeat;
padding-left: 22px;
background-position: 0px 0px;
display: none;
position: absolute;
bottom: 0;
height: 6px;
width: 0;
margin-top: -6px;
margin-left: -7px;
right: 6px;
}
.shb-sepu-header {
padding-top: 0;
border: 0;
}
.shb-sepu_header__flat-list {
display: inline-block;
font-size: 16px;
list-style: none;
line-height: 44px;
list-style-type: none;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}
@media only screen and (min-width: 768px) {
.shb-sepu_header__flat-list {
font-size: 14px;
}
}
.shb-sepu_header__flat-list li {
display: inline-block;
}
.shb-sepu_header__flat-list a {
margin: 0px;
text-decoration: none;
}
@media only screen and (max-width: 767px) {
.shb-sepu-header__global-links-primary-list-wrapper {
display: none;
}
}
.shb-sepu-header__global-links-primary-wrapper {
position: relative;
}
.shb-sepu-header__global-links-primary-wrapper .shb-sepu-header__arrow-up {
left: 10px;
top: -9px;
}
.shb-sepu-header__arrow-up {
border-bottom: 10px solid white;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
height: 0;
position: absolute;
right: 20px;
top: -10px;
width: 0;
}
.shb-sepu-header__language-links {
display: inline-block;
position: relative;
}
.shb-sepu-header__language-links .shb-sepu-header__arrow-up {
top: -9px;
}
.shb-sepu-header__language-links .shb-sepu-header__language-list {
display: inline-block;
font-size: 16px;
list-style: none;
line-height: 44px;
list-style-type: none;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
padding-left: 0;
white-space: nowrap;
box-sizing: border-box;
display: none;
right: 0;
}
@media only screen and (min-width: 768px) {
.shb-sepu-header__language-links .shb-sepu-header__language-list {
font-size: 14px;
}
}
.shb-sepu-header__language-links .shb-sepu-header__language-list li {
display: inline-block;
}
.shb-sepu-header__language-links .shb-sepu-header__language-list a {
margin: 0px;
text-decoration: none;
}
.shb-sepu-header__language-links .shb-sepu-header__language-list.shb-sepu-header--is-open {
background-color: white;
z-index: 104;
padding-left: 0;
position: absolute;
min-width: 240px;
border-radius: 2px;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
text-align: left;
display: block;
min-width: 60px;
max-width: 60px;
}
.shb-sepu-header__language-links .shb-sepu-header__language-list.shb-sepu-header--is-open > li {
display: block;
border-bottom: 1px solid #dedede;
margin: 0;
}
.shb-sepu-header__language-links .shb-sepu-header__language-list.shb-sepu-header--is-open > li > a {
display: block;
padding-left: 15px;
padding-right: 15px;
}
.shb-sepu-header__language-links .shb-sepu-header__language-list.shb-sepu-header--is-open li:last-child {
border-bottom: 0;
}
.shb-sepu-header__language-links .shb-sepu-header__language-list.shb-sepu-header--is-open li:hover {
background-color: #ebf4f7;
}
.shb-sepu-header__language-links .shb-sepu-header__language-list.shb-sepu-header--is-open a:hover,
.shb-sepu-header__language-links .shb-sepu-header__language-list.shb-sepu-header--is-open :focus {
text-decoration: underline;
}
@media only screen and (min-width: 768px) {
.shb-sepu-header__language-links .shb-sepu-header__language-list.shb-sepu-header--is-open {
min-width: 100px;
max-width: 100px;
}
}
.shb-sepu-header__language-links .shb-sepu-header__language-list a {
outline: 0;
}
.shb-sepu-header__global-links-primary-wrapper-toggle-button {
border: 0;
background: transparent;
display: block;
line-height: 44px;
padding-top: 0;
padding-bottom: 0;
}
.shb-sepu-header__global-links-primary-wrapper-toggle-button:focus {
text-decoration: underline;
}
@media only screen and (min-width: 910px) {
.shb-sepu-header__global-links-primary-wrapper-toggle-button {
display: none;
}
}
.shb-sepu-header__global-links-primary {
display: inline-block;
font-size: 16px;
list-style: none;
line-height: 44px;
list-style-type: none;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
padding-left: 0;
white-space: nowrap;
display: none;
}
@media only screen and (min-width: 768px) {
.shb-sepu-header__global-links-primary {
font-size: 14px;
}
}
.shb-sepu-header__global-links-primary li {
display: inline-block;
}
.shb-sepu-header__global-links-primary a {
margin: 0px;
text-decoration: none;
}
.shb-sepu-header__global-links-primary li {
margin-right: 24px;
}
.shb-sepu-header__global-links-primary a {
margin-right: 15px;
text-decoration: none;
outline: 0;
}
.shb-sepu-header__global-links-primary a:last-child {
margin-right: 0px;
}
@media only screen and (min-width: 910px) {
.shb-sepu-header__global-links-primary {
display: inline-block !important;
}
}
.shb-sepu-header__global-links-primary--current {
box-sizing: border-box;
}
@media only screen and (min-width: 910px) {
.shb-sepu-header__global-links-primary--current {
border-top: 3px solid #005fa5;
}
}
.shb-sepu-header__global-links-primary--current a {
color: #005fa5;
font-weight: bold;
}
.shb-sepu-header__global-links-primary.shb-sepu-header--is-open {
/* display drop down until large (909 px) */
}
@media only screen and (max-width: 909px) {
.shb-sepu-header__global-links-primary.shb-sepu-header--is-open {
background-color: white;
z-index: 104;
padding-left: 0;
display: block;
position: absolute;
min-width: 240px;
border-radius: 2px;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
text-align: left;
}
.shb-sepu-header__global-links-primary.shb-sepu-header--is-open > li {
display: block;
border-bottom: 1px solid #dedede;
margin: 0;
}
.shb-sepu-header__global-links-primary.shb-sepu-header--is-open > li > a {
display: block;
padding-left: 15px;
padding-right: 15px;
}
.shb-sepu-header__global-links-primary.shb-sepu-header--is-open li:last-child {
border-bottom: 0;
}
.shb-sepu-header__global-links-primary.shb-sepu-header--is-open li:hover {
background-color: #ebf4f7;
}
.shb-sepu-header__global-links-primary.shb-sepu-header--is-open a:hover,
.shb-sepu-header__global-links-primary.shb-sepu-header--is-open :focus {
text-decoration: underline;
}
}
.shb-sepu-header__global-links-secondary {
text-align: right;
display: inline-block;
font-size: 16px;
list-style: none;
line-height: 44px;
list-style-type: none;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}
@media only screen and (min-width: 768px) {
.shb-sepu-header__global-links-secondary {
font-size: 14px;
}
}
.shb-sepu-header__global-links-secondary li {
display: inline-block;
}
.shb-sepu-header__global-links-secondary a {
margin: 0px;
text-decoration: none;
}
.shb-sepu-header__global-links-secondary .shb-sepu-header__link-text {
outline: 0;
}
.shb-sepu-header__global-links-secondary > li {
margin-left: 24px;
}
@media only screen and (max-width: 474px) {
.shb-sepu-header__global-links-secondary > li:last-child {
margin-left: 0px;
}
}
.shb-sepu-header__language-button {
border-right: 1px solid #ccc !important;
padding-right: 16px !important;
}
@media only screen and (min-width: 768px) {
.shb-sepu-header__language-button {
padding-right: 24px !important;
}
}
.shb-sepu-header__global-links-button--minimalistic {
-webkit-transition: background-color 0.2s linear;
background: #005fa5;
border: 1px solid #005fa5;
border-radius: 2px;
box-sizing: border-box;
color: #fff;
font-size: inherit;
line-height: 22px;
display: inline-block;
padding-left: 16px;
padding-right: 16px;
padding-top: 5px;
padding-bottom: 4px;
transition: background-color 0.2s linear;
white-space: nowrap;
background: transparent;
/*color: #6C6C6C; */
color: #666666;
border-left: 1px solid #dedede;
border: 0;
font-size: 16px;
padding-right: 0;
/* on very very tiny screens remove padding */
}
.shb-sepu-header__global-links-button--minimalistic:hover,
.shb-sepu-header__global-links-button--minimalistic:focus {
background-color: #043b62;
}
.shb-sepu-header__global-links-button--minimalistic:active {
border-style: outset;
}
@media only screen and (min-width: 768px) {
.shb-sepu-header__global-links-button--minimalistic {
font-size: 14px;
}
}
.shb-sepu-header__global-links-button--minimalistic:hover,
.shb-sepu-header__global-links-button--minimalistic:focus {
text-decoration: underline;
}
.shb-sepu-header__global-links-button--minimalistic:hover,
.shb-sepu-header__global-links-button--minimalistic:focus {
background-color: transparent;
}
.shb-sepu-header__global-links-button--default {
-webkit-transition: background-color 0.2s linear;
background: #005fa5;
border: 1px solid #005fa5;
border-radius: 2px;
box-sizing: border-box;
color: #fff;
font-size: inherit;
line-height: 22px;
display: inline-block;
padding-left: 16px;
padding-right: 16px;
padding-top: 5px;
padding-bottom: 4px;
transition: background-color 0.2s linear;
white-space: nowrap;
}
.shb-sepu-header__global-links-button--default:hover,
.shb-sepu-header__global-links-button--default:focus {
background-color: #043b62;
}
.shb-sepu-header__global-links-button--default:active {
border-style: outset;
}
.shb-sepu-header__global-links-button {
-webkit-transition: background-color 0.2s linear;
background: #005fa5;
border: 1px solid #005fa5;
border-radius: 2px;
box-sizing: border-box;
color: #fff;
font-size: inherit;
line-height: 22px;
display: inline-block;
padding-left: 16px;
padding-right: 16px;
padding-top: 5px;
padding-bottom: 4px;
transition: background-color 0.2s linear;
white-space: nowrap;
background: transparent;
/*color: #6C6C6C; */
color: #666666;
border-left: 1px solid #dedede;
border: 0;
font-size: 16px;
padding-right: 0;
/* on very very tiny screens remove padding */
}
.shb-sepu-header__global-links-button:hover,
.shb-sepu-header__global-links-button:focus {
background-color: #043b62;
}
.shb-sepu-header__global-links-button:active {
border-style: outset;
}
@media only screen and (min-width: 768px) {
.shb-sepu-header__global-links-button {
font-size: 14px;
}
}
.shb-sepu-header__global-links-button:hover,
.shb-sepu-header__global-links-button:focus {
text-decoration: underline;
}
.shb-sepu-header__global-links-button:hover,
.shb-sepu-header__global-links-button:focus {
background-color: transparent;
}
@media only screen and (min-width: 768px) {
.shb-sepu-header__global-links-button {
-webkit-transition: background-color 0.2s linear;
background: #005fa5;
border: 1px solid #005fa5;
border-radius: 2px;
box-sizing: border-box;
color: #fff;
font-size: inherit;
line-height: 22px;
display: inline-block;
padding-left: 16px;
padding-right: 16px;
padding-top: 5px;
padding-bottom: 4px;
transition: background-color 0.2s linear;
white-space: nowrap;
}
.shb-sepu-header__global-links-button:hover,
.shb-sepu-header__global-links-button:focus {
background-color: #043b62;
}
.shb-sepu-header__global-links-button:active {
border-style: outset;
}
}
.shb-sepu-header .shb-autosuggest__search-button {
display: inline-table;
background-color: #F1F1F1;
}
.shb-sepu-header .shb-autosuggest__search-button i {
display: table-cell;
vertical-align: bottom;
}
.shb-sepu-header .shb-autosuggest {
margin-top: 0;
}
@media only screen and (max-width: 767px) {
.shb-sepu-header .shb-autosuggest {
display: none;
}
}
.shb-sepu-header .shb-autosuggest__input {
background-image: none;
vertical-align: bottom;
padding-top: 8px;
padding-bottom: 8px;
}
.shb-sepu-header .shb-autosuggest__input:disabled {
background-color: #F1F1F1;
}
.shb-sepu-header .shb-autosuggest__input::-webkit-input-placeholder {
color: #777;
}
.shb-sepu-header .shb-autosuggest__input:-moz-placeholder {
color: #777;
}
.shb-sepu-header .shb-autosuggest__input::-moz-placeholder {
color: #777;
}
.shb-sepu-header .shb-autosuggest__input:-ms-input-placeholder {
color: #777;
}
.shb-sepu-header .shb-sepu-header__magnifying-glass-button {
display: none;
background-color: transparent;
border: 0;
box-sizing: border-box;
color: #ccc;
font-size: 1.3em;
line-height: inherit;
min-height: 30px;
padding: 0;
vertical-align: middle;
width: 30px;
}
.shb-sepu-header .shb-sepu-header__magnifying-glass-button:focus {
outline: thin dotted;
}
@media only screen and (max-width: 767px) {
.shb-sepu-header .shb-sepu-header__magnifying-glass-button {
display: block;
line-height: 44px;
display: inline-block;
}
}
.shb-sepu-header--search-open .shb-sepu-header__magnifying-glass-button {
display: none;
}
.shb-sepu-header__link-text {
/*color: #6C6C6C; */
color: #666666;
font-size: 16px;
}
@media only screen and (min-width: 768px) {
.shb-sepu-header__link-text {
font-size: 14px;
}
}
.shb-sepu-header__link-text:hover,
.shb-sepu-header__link-text:focus {
text-decoration: underline;
}
.shb-sepu-header__row {
display: flex;
align-items: center;
-ms-flex-align: center;
/* IE10 */
padding-bottom: 22px;
}
@media only screen and (max-width: 767px) {
.shb-sepu-header__row {
padding-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
.shb-sepu-header--search-open .shb-sepu-header__links-row {
display: none;
}
}
.shb-sepu-header__search-row {
display: none;
width: 100%;
line-height: 44px;
}
.shb-sepu-header--search-open .shb-sepu-header__search-row {
display: inline-block;
padding: 0;
margin: 0;
}
@media only screen and (min-width: 768px) {
.shb-sepu-header--search-open .shb-sepu-header__search-row {
display: none;
}
}
.shb-sepu-header__dropdown {
background-color: white;
z-index: 104;
padding-left: 0;
display: block;
position: absolute;
min-width: 240px;
border-radius: 2px;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
text-align: left;
}
.shb-sepu-header__dropdown > li {
display: block;
border-bottom: 1px solid #dedede;
margin: 0;
}
.shb-sepu-header__dropdown > li > a {
display: block;
padding-left: 15px;
padding-right: 15px;
}
.shb-sepu-header__dropdown li:last-child {
border-bottom: 0;
}
.shb-sepu-header__dropdown li:hover {
background-color: #ebf4f7;
}
.shb-sepu-header__dropdown a:hover,
.shb-sepu-header__dropdown :focus {
text-decoration: underline;
}
.shb-sepu-header__global-links-login-alternatives {
display: none;
}
.shb-sepu-header__global-links-login-alternatives.shb-sepu-header--is-open {
background-color: white;
z-index: 104;
padding-left: 0;
display: block;
position: absolute;
min-width: 240px;
border-radius: 2px;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
text-align: left;
right: -10px;
top: 30px;
}
.shb-sepu-header__global-links-login-alternatives.shb-sepu-header--is-open > li {
display: block;
border-bottom: 1px solid #dedede;
margin: 0;
}
.shb-sepu-header__global-links-login-alternatives.shb-sepu-header--is-open > li > a {
display: block;
padding-left: 15px;
padding-right: 15px;
}
.shb-sepu-header__global-links-login-alternatives.shb-sepu-header--is-open li:last-child {
border-bottom: 0;
}
.shb-sepu-header__global-links-login-alternatives.shb-sepu-header--is-open li:hover {
background-color: #ebf4f7;
}
.shb-sepu-header__global-links-login-alternatives.shb-sepu-header--is-open a:hover,
.shb-sepu-header__global-links-login-alternatives.shb-sepu-header--is-open :focus {
text-decoration: underline;
}
.shb-sepu-header__links-row-left {
z-index: 1;
}
.shb-sepu-user-control__container {
display: inline-block;
position: relative;
}
.shb-sepu-hover-menu__container {
display: inline-block;
}
.shb-sepu-hover-menu {
display: inline-block;
position: relative;
right: 0;
left: 0;
background-color: #e4e4e4;
cursor: default;
border-radius: 2px 0 0 2px;
text-align: center;
}
.shb-sepu-hover-menu__username {
margin-right: 4px;
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png?rnd=41452);
background-repeat: no-repeat;
padding-right: 24px;
background-position: right -466px;
display: block;
padding: 6px 34px 6px 20px;
min-width: 74px;
color: #005fa5;
text-decoration: none;
text-align: left;
white-space: nowrap;
}
.shb-sepu-hover-menu__username:focus,
.shb-sepu-hover-menu__username:hover {
text-decoration: underline;
outline: none;
}
.shb-sepu-app-header__dropdown-body {
position: absolute;
text-align: left;
min-width: 0;
width: 100%;
box-sizing: border-box;
}
@viewport {
zoom: 1.0;
}
html,
body {
height: 100%;
padding: 0;
margin: 0;
}
html {
overflow-y: scroll;
}
body {
background: #f6f6f6;
}
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 {
height: auto;
min-height: calc(100% - 2px - 609px);
margin-bottom: 0;
border-top: 3px solid #005fa5;
}
header {
margin-bottom: 10px;
position: relative;
z-index: 9;
}
.shb-nobranchinfoinfooter .shb-sepu-spi-wrapper {
min-height: calc(100% - 2px - 331px);
}
.shb-sepu-spi__main-container {
min-height: 140px;
overflow: visible;
position: relative;
z-index: 1;
}
.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-alphabetical-list {
display: block;
max-width: 860px;
margin: 0 auto;
}
shb-alphabetical-list input[type=search]::-ms-clear {
width: 0;
height: 0;
}
shb-alphabetical-list .shb-autosuggest__input-clear {
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin-top: 1px;
opacity: 0;
visibility: hidden;
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
background-repeat: no-repeat;
padding-left: 28px;
background-position: 8px -808px;
cursor: pointer;
transition: none;
}
shb-alphabetical-list .shb-autosuggest__input-clear:hover,
shb-alphabetical-list .shb-autosuggest__input-clear:focus {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
background-repeat: no-repeat;
padding-left: 28px;
background-position: 8px -845px;
outline: none;
}
shb-alphabetical-list .shb-autosuggest__input-clear-visible {
opacity: 1;
visibility: visible;
background-color: white;
margin: 1px;
border: none;
}
shb-alphabetical-list .shb-cms-alphabetical-list__filters {
line-height: 22px;
}
shb-alphabetical-list .shb-cms-alphabetical-list__filters h3 {
padding-left: 3px;
/* looks better above form controls */
}
shb-alphabetical-list .shb-cms-alphabetical-list__letter-shortcuts,
shb-alphabetical-list .shb-cms-alphabetical-list__filters {
margin-bottom: 44px;
}
@media only screen and (max-width: 767px) {
shb-alphabetical-list .shb-cms-alphabetical-list__filters {
margin-bottom: 0;
}
}
@media only screen and (max-width: 767px) {
shb-alphabetical-list .shb-cms-alphabetical-list__letter-shortcuts {
display: none;
}
}
shb-alphabetical-list .shb-cms-alphabetical-list__filters-group {
margin-bottom: 22px;
}
shb-alphabetical-list .shb-cms-alphabetical-list__list {
line-height: 22px;
}
@media only screen and (max-width: 474px) {
shb-alphabetical-list .shb-cms-alphabetical-list__list {
line-height: 33px;
}
}
shb-alphabetical-list .shb-cms-alphabetical-list__list h3 {
margin: 0;
}
shb-alphabetical-list .shb-cms-alphabetical-list__list .hr {
margin-top: 10px;
border-top: 1px solid #ddd;
padding-bottom: 11px;
}
shb-alphabetical-list select,
shb-alphabetical-list input[type=search] {
border: 1px solid #c4c4c4;
box-sizing: border-box;
padding: 10px;
width: 100%;
}
shb-alphabetical-list select > option,
shb-alphabetical-list input[type=search] > option {
line-height: 22px;
margin: 20px;
}
shb-alphabetical-list select:focus:not([disabled]),
shb-alphabetical-list input[type=search]:focus:not([disabled]),
shb-alphabetical-list select:hover:not([disabled]),
shb-alphabetical-list input[type=search]:hover:not([disabled]) {
border: 1px solid #017ab2;
}
shb-alphabetical-list select {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
padding-right: 36px;
background-repeat: no-repeat;
background-image: url('../../../img/jedi/base/kit/svg/icn_arrow_down_14x9_005fa5.svg');
background-position: 96% 16px;
}
shb-alphabetical-list select::-ms-expand {
/* for IE 11 */
display: none;
}
shb-alphabetical-list .shb-cms-alphabetical-list__heading-letter {
display: block;
}
shb-alphabetical-list .shb-cms-alphabetical-list__letter-shortcut {
display: inline-block;
box-sizing: border-box;
width: 40px;
height: 40px;
margin: 2px;
padding-top: 10px;
border: 1px solid #ccc;
background: #fff;
text-align: center;
font-size: 16px;
font-weight: bold;
text-decoration: none;
}
shb-alphabetical-list .shb-cms-alphabetical-list__letter-shortcut:focus:not([disabled]),
shb-alphabetical-list .shb-cms-alphabetical-list__letter-shortcut:hover:not([disabled]) {
background: #f0f8fa;
}
shb-alphabetical-list .shb-cms-alphabetical-list__letter-shortcut:focus,
shb-alphabetical-list .shb-cms-alphabetical-list__letter-shortcut:hover {
text-decoration: none;
}
shb-alphabetical-list .shb-cms-alphabetical-list__letter-shortcut[disabled] {
color: #ccc !important;
cursor: default !important;
}
shb-alphabetical-list .shb-cms-alphabetical-list__column-container,
shb-alphabetical-list .shb-cms-alphabetical-list__no-results {
margin-bottom: 22px;
}
shb-alphabetical-list .shb-cms-alphabetical-list__no-results {
font-size: 14px;
}
shb-alphabetical-list .shb-cms-alphabetical-list__column-container {
column-count: 2;
-moz-column-count: 2;
-webkit-column-count: 2;
}
@media only screen and (max-width: 474px) {
shb-alphabetical-list .shb-cms-alphabetical-list__column-container {
column-count: 1;
-moz-column-count: 1;
-webkit-column-count: 1;
}
}
shb-alphabetical-list .shb-cms-alphabetical-list__column-container > a {
display: block;
-webkit-column-break-inside: avoid;
/* Chrome, Safari, Opera */
page-break-inside: avoid;
/* Firefox */
break-inside: avoid;
/* IE 10+ */
padding-left: 10px;
/*Wrapping lines get indented */
text-indent: -10px;
}
.shb-sepu-autosuggest__wrapper {
position: relative;
width: 100%;
}
.shb-sepu-autosuggest__list {
display: inline-block;
font-size: 16px;
list-style: none;
line-height: 44px;
list-style-type: none;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
white-space: nowrap;
background-color: white;
z-index: 104;
padding-left: 0;
display: block;
position: absolute;
min-width: 240px;
border-radius: 2px;
box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
text-align: left;
text-overflow: ellipsis;
overflow: hidden;
max-width: 100%;
}
@media only screen and (min-width: 768px) {
.shb-sepu-autosuggest__list {
font-size: 14px;
}
}
.shb-sepu-autosuggest__list li {
display: inline-block;
}
.shb-sepu-autosuggest__list a {
margin: 0px;
text-decoration: none;
}
.shb-sepu-autosuggest__list > li {
display: block;
border-bottom: 1px solid #dedede;
margin: 0;
}
.shb-sepu-autosuggest__list > li > a {
display: block;
padding-left: 15px;
padding-right: 15px;
}
.shb-sepu-autosuggest__list li:last-child {
border-bottom: 0;
}
.shb-sepu-autosuggest__list li:hover {
background-color: #ebf4f7;
}
.shb-sepu-autosuggest__list a:hover,
.shb-sepu-autosuggest__list :focus {
text-decoration: underline;
}
@media only screen and (min-width: 768px) {
.shb-sepu-autosuggest__list {
max-width: 100%;
min-width: 100%;
}
}
.shb-sepu-autosuggest__list a {
color: #005fa5;
cursor: pointer;
display: block;
max-width: 100%;
overflow: hidden;
text-overflow: ellipsis;
}
@media only screen and (max-width: 767px) {
.extra-margin-bottom-for-small {
margin-bottom: 30px;
}
}
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: 22px;
vertical-align: top;
display: block;
}
.shb-branch-information__text h3 {
color: #222;
}
/** ADDRESS */
.shb-branch-information__address {
margin-bottom: 30px;
}
/** ADDRESS */
.shb-branch-information__telephone {
margin-bottom: 30px;
}
/** CLEARING NUMBER */
.shb-branch-information__clearingnumber {
margin-bottom: 30px;
}
/** EMAIL */
.shb-branch-information__email {
margin-bottom: 30px;
}
.shb-branch-information__email a wbr:after {
content: "\00200B";
}
/** FACEBOOK */
.shb-branch-information__facebook {
margin-bottom: 30px;
}
/** SWIFT */
.shb-branch-information__swift {
margin-bottom: 30px;
}
/** CASH */
.shb-branch-information__cash {
margin-bottom: 30px;
}
/** BRANCH LINK */
.shb-branch-information__branch-link {
margin-bottom: 30px;
}
/** BRANCH TEXT MESSAGE*/
.shb-branch-information__text-message {
margin-bottom: 30px;
}
/** LABELS (generic) */
.shb-branch-information__label {
font-size: 1em;
font-weight: bold;
display: block;
}
/** OPENING HOURS */
.shb-branch-information__opening-hours {
margin-bottom: 30px;
}
.shb-branch-information__opening-hours td:first-of-type {
padding-right: 40px;
}
/** EXCEPTIONAL OPENING HOURS */
.shb-branch-information__exceptional-opening-hours {
margin-bottom: 30px;
}
.shb-branch-information__exceptional-opening-hours p:first-of-type {
margin-top: 0;
line-height: 17px;
}
/** LINK FOR EXPANDABLE AREA */
.shb-branch-information__expandable {
display: inline;
padding-right: 5px;
}
.shb-branch-information__expandable svg {
transform: rotateZ(270deg);
}
shb-employees {
max-width: 860px;
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__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-contactform-1 .shb-form-field__input,
shb-contactform-2 .shb-form-field__input {
background-color: white;
}
shb-contactform-1 label,
shb-contactform-2 label {
line-height: 22px;
}
shb-contactform-1 label:focus,
shb-contactform-2 label:focus {
color: #0080BB;
}
shb-contactform-1 textarea,
shb-contactform-2 textarea {
border: 1px solid #c4c4c4;
}
shb-contactform-1 shb-form-field,
shb-contactform-2 shb-form-field {
font-size: 16px;
}
@media only screen and (min-width: 768px) {
shb-contactform-1 shb-form-field,
shb-contactform-2 shb-form-field {
font-size: 14px;
}
}
shb-contactform-1 .shb-contact-form__extra-bottom-margin,
shb-contactform-2 .shb-contact-form__extra-bottom-margin {
margin-bottom: 20px;
}
shb-contactform-1 .shb-contactform__submit-button,
shb-contactform-2 .shb-contactform__submit-button {
margin-right: 20px;
}
shb-find-branch .shb-cms-find-branch__expand-button {
background: transparent;
border: 0;
}
@media only screen and (max-width: 767px) {
shb-find-branch .shb-cms-find-branch__expand-button {
margin-left: -0.5em;
padding: 0;
}
}
shb-find-branch .shb-cms-find-branch__expand-button:focus {
outline: 1px solid darkgrey;
}
shb-find-branch shb-form-search {
line-height: 42px;
}
shb-find-branch .shb-cms-find-branch__filters {
line-height: 22px;
}
shb-find-branch .shb-cms-find-branch__filters h3 {
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__external-links {
padding-top: 45px;
display: flex;
flex-wrap: nowrap;
justify-content: flex-end;
}
shb-find-branch .shb-cms-find-branch__external-links a:not(first-child) {
padding-left: 20px;
}
@media only screen and (min-width: 475px) and (max-width: 767px) {
shb-find-branch .shb-cms-find-branch__external-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;
}
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 {
font-size: 16px !important;
line-height: 20px;
font-family: Helvetica, Arial, sans-serif;
}
}
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: 10px 0;
/* 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__expandable-info > div a {
padding-left: 0;
}
shb-find-branch .shb-cms-find-branch__expandable-info--expanded {
padding-bottom: 10px;
}
shb-find-branch .shb-cms-find-branch__expandable-info--expanded svg {
transform: rotatez(0deg);
}
shb-find-branch .shb-cms-find-branch__expandable-info--collapsed {
padding-bottom: 10px;
}
shb-find-branch .shb-icon-arrow-up svg {
transform: rotateX(180deg);
}
shb-find-branch .shb-messages-animate-slideDown {
animation: slideDown 0.8s 1;
max-height: 0;
}
.shb-find-branch-small {
background-color: #e1f0f5;
box-sizing: border-box;
display: table;
margin-bottom: 40px;
padding: 10px 0 10px 0;
width: 100%;
}
.shb-find-branch-small shb-form-search {
line-height: 34px;
width: 100%;
}
@media only screen and (max-width: 767px) {
.shb-find-branch-small {
margin-top: -34px;
}
}
@media only screen and (min-width: 768px) {
.shb-find-branch-small {
margin-top: -56px;
/* Negative because it comes after shb-hero */
}
}
@media only screen and (min-width: 910px) {
.shb-find-branch-small {
display: block;
margin-left: auto;
margin-right: auto;
}
}
.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__left {
display: block;
line-height: 22px;
margin-bottom: 10px;
padding: 0 30px 0 30px;
margin-top: 10px;
color: #017ab2;
font-family: StagMedium;
font-size: 20px;
vertical-align: middle;
text-align: center;
}
@media only screen and (min-width: 768px) {
.shb-find-branch-small__left {
display: table-cell;
}
}
@media only screen and (min-width: 910px) {
.shb-find-branch-small__left {
white-space: nowrap;
}
}
@media only screen and (min-width: 768px) {
.shb-find-branch-small__left {
white-space: nowrap;
}
}
.shb-find-branch-small__middle {
display: block;
line-height: 22px;
margin-bottom: 10px;
padding: 0 30px 0 30px;
margin-top: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding-right: 30px;
vertical-align: middle;
}
@media only screen and (min-width: 768px) {
.shb-find-branch-small__middle {
display: table-cell;
}
}
@media only screen and (min-width: 910px) {
.shb-find-branch-small__middle {
white-space: nowrap;
}
}
@media only screen and (min-width: 475px) {
.shb-find-branch-small__middle {
width: 100%;
}
}
.shb-find-branch-small__middle-container {
white-space: nowrap;
}
@media only screen and (min-width: 475px) {
.shb-find-branch-small__middle-container {
width: 300px;
}
}
.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;
}
}
a[href^=tel\00003A] {
color: inherit;
}
.shb-link,
.shb-inet-module .shb-inet-new-window-link,
.shb-inet-module .shb-inet-popup-window-link,
.shb-inet-module .shb-inet-popup-wide-window-link,
.shb-grid__link-text,
.shb-standard-link,
.shb-new-window-link,
.shb-close-link,
.shb-button-set__cancel-button,
.shb-inet-module .shb-inet-stand-alone-link,
.shb-inet-module .shb-inet-stand-alone-link,
.shb-inet-back-link a,
.shb-standard-link--back,
.shb-new-window-link--gray {
color: #005fa5;
text-decoration: none;
font-size: 14px;
font-family: Helvetica, Arial, sans-serif;
}
.shb-link:visited,
.shb-inet-module .shb-inet-new-window-link:visited,
.shb-inet-module .shb-inet-popup-window-link:visited,
.shb-inet-module .shb-inet-popup-wide-window-link:visited,
.shb-grid__link-text:visited,
.shb-standard-link:visited,
.shb-new-window-link:visited,
.shb-button-set__cancel-button:visited,
.shb-inet-module .shb-inet-stand-alone-link:visited,
.shb-inet-module .shb-inet-stand-alone-link:visited,
.shb-inet-back-link a:visited,
.shb-standard-link--back:visited,
.shb-new-window-link--gray:visited {
color: #005fa5;
}
.shb-link:hover,
.shb-inet-module .shb-inet-new-window-link:hover,
.shb-inet-module .shb-inet-popup-window-link:hover,
.shb-inet-module .shb-inet-popup-wide-window-link:hover,
.shb-grid__link-text:hover,
.shb-standard-link:hover,
.shb-new-window-link:hover,
.shb-button-set__cancel-button:hover,
.shb-inet-module .shb-inet-stand-alone-link:hover,
.shb-inet-module .shb-inet-stand-alone-link:hover,
.shb-inet-back-link a:hover,
.shb-standard-link--back:hover,
.shb-new-window-link--gray:hover {
text-decoration: underline;
cursor: pointer;
}
.shb-link:active,
.shb-inet-module .shb-inet-new-window-link:active,
.shb-inet-module .shb-inet-popup-window-link:active,
.shb-inet-module .shb-inet-popup-wide-window-link:active,
.shb-grid__link-text:active,
.shb-standard-link:active,
.shb-new-window-link:active,
.shb-button-set__cancel-button:active,
.shb-inet-module .shb-inet-stand-alone-link:active,
.shb-inet-module .shb-inet-stand-alone-link:active,
.shb-inet-back-link a:active,
.shb-standard-link--back:active,
.shb-new-window-link--gray:active {
color: #043b62;
}
.shb-link:focus,
.shb-inet-module .shb-inet-new-window-link:focus,
.shb-inet-module .shb-inet-popup-window-link:focus,
.shb-inet-module .shb-inet-popup-wide-window-link:focus,
.shb-grid__link-text:focus,
.shb-standard-link:focus,
.shb-new-window-link:focus,
.shb-button-set__cancel-button:focus,
.shb-inet-module .shb-inet-stand-alone-link:focus,
.shb-inet-module .shb-inet-stand-alone-link:focus,
.shb-inet-back-link a:focus,
.shb-standard-link--back:focus,
.shb-new-window-link--gray:focus {
text-decoration: underline;
outline: none;
}
.shb-link--button {
border: none;
background: none;
line-height: 1.3;
}
.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: 11px;
}
/* Is "--is-selected" really used anywhere?? */
.shb-link--is-selected {
color: #222222;
font-weight: bold;
cursor: default;
}
.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);
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);
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);
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);
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);
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);
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);
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-inet-module .shb-inet-stand-alone-link,
.shb-inet-module .shb-inet-stand-alone-link,
.shb-inet-back-link a,
.shb-standard-link--back {
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png);
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
background-repeat: no-repeat;
padding-right: 26px;
background-position: right -123px;
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);
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
background-repeat: no-repeat;
background-position: left -927px;
padding-left: 18px;
padding-right: 0;
}
.shb-new-window-link,
.shb-new-window-link--gray {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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);
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png?rnd=41452);
background-repeat: no-repeat;
padding-right: 19px;
background-position: right -1445px;
}
.shb-new-window-link--secondary {
background-image: url(../../../img/jedi/base/kit/sprites_kit_xsmall.png);
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;
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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: 14px;
font-family: Helvetica, Arial, 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 {
text-decoration: underline;
cursor: pointer;
}
.shb-button--boxed:active {
color: #043b62;
}
.shb-button--boxed:focus {
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,
.shb-inet-module a.shb-inet-button-link,
.shb-quiz-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: 14px;
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,
.shb-inet-module a.shb-inet-button-link:hover,
.shb-quiz-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,
.shb-inet-module a.shb-inet-button-link:focus,
.shb-quiz-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,
button.shb-inet-module a.shb-inet-button-link,
button.shb-quiz-button {
border: none;
}
.shb-link-inline-button {
margin: 0;
}
.shb-standard-link-button,
.shb-inet-module a.shb-inet-button-link {
background-image: url(../../../img/jedi/base/kit/sprites_kit_large.png);
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 {
background-image: url(../../../img/jedi/base/kit/sprites_kit_medium.png);
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,
.shb-quiz-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;
}
.shb-button-set {
background-color: #f6f6f6;
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);
background-image: url(../../../img/jedi/base/kit/sprites_kit_small.png?rnd=41452);
background-repeat: no-repeat;
padding-left: 24px;
background-position: 0px -882px;
}
.shb-quiz__container {
width: 75%;
border: 1px solid #d4d4d4;
margin-left: auto;
margin-right: auto;
padding-right: 30px;
padding-bottom: 20px;
padding-left: 30px;
box-sizing: border-box;
background-color: #fff;
margin-bottom: 20px;
max-width: 860px;
}
@media only screen and (max-width: 767px) {
.shb-quiz__container {
width: 100%;
}
}
.shb-quiz__container:empty {
display: none;
}
.shb-quiz-questions {
padding-bottom: 20px;
}
.shb-quiz-question__container {
margin-top: 20px;
margin-bottom: 0px;
padding-left: 0px;
padding-right: 0px;
}
.shb-quiz-question__container--hidden {
display: none;
}
.shb-quiz-question {
padding-bottom: 20px;
}
.shb-quiz-radio {
margin-right: 20px;
padding-top: 3px;
}
.shb-quiz-radio svg {
overflow: visible;
}
.shb-quiz-radio svg.shb-quiz-radio__default {
display: block;
}
.shb-quiz-radio svg:not(.shb-quiz-radio__default) {
display: none;
}
.shb-quiz-radio-label {
align-items: flex-start;
display: block;
padding-bottom: 10px;
padding-left: 10px;
}
.shb-quiz-radio-hidden {
position: fixed;
left: -10000px;
}
.shb-quiz-radio-hidden:focus ~ .shb-quiz-radio svg.shb-quiz-radio__hover {
display: block;
}
.shb-quiz-radio-hidden:focus ~ .shb-quiz-radio svg:not(.shb-quiz-radio__hover) {
display: none;
}
.shb-quiz-radio-label:hover .shb-quiz-radio svg.shb-quiz-radio__hover {
display: block;
}
.shb-quiz-radio-label:hover .shb-quiz-radio svg:not(.shb-quiz-radio__hover) {
display: none;
}
.shb-quiz-radio-hidden:checked:hover ~ .shb-quiz-radio svg.shb-quiz-radio__hoverselected {
display: block;
}
.shb-quiz-radio-hidden:checked:hover ~ .shb-quiz-radio svg:not(.shb-quiz-radio__hoverselected) {
display: none;
}
.shb-quiz-radio-hidden:checked ~ .shb-quiz-radio svg.shb-quiz-radio__selected {
display: block;
}
.shb-quiz-radio-hidden:checked ~ .shb-quiz-radio svg:not(.shb-quiz-radio__selected) {
display: none;
}
.shb-quiz-radio-label:hover .shb-quiz-radio-hidden:checked ~ .shb-quiz-radio svg.shb-quiz-radio__hoverselected {
display: block;
}
.shb-quiz-radio-label:hover .shb-quiz-radio-hidden:checked ~ .shb-quiz-radio svg:not(.shb-quiz-radio__hoverselected) {
display: none;
}
.shb-quiz-radio-label[data-correct=false] .shb-quiz-radio-hidden:checked ~ .shb-quiz-radio svg > circle {
fill: #dd4f3b;
}
.shb-quiz__ul {
padding-left: 0px;
margin: 0 0 0 40px;
}
@media only screen and (max-width: 360px) {
.shb-quiz__ul {
margin: 0 0 0 10px;
}
}
@media only screen and (max-width: 767px) {
.shb-quiz__ul {
margin: 0 0 0 30px;
}
}
.shb-quiz__li {
display: flex;
list-style-type: none;
padding-bottom: 10px;
}
.shb-quiz__li .shb-quiz__counter {
margin: 0 0px 0px 0;
}
.shb_quiz__heading {
font-family: StagBook, Georgia, sans-serif;
margin-top: 20px;
font-size: 22px;
line-height: 26px;
margin-bottom: 20px;
text-align: center;
color: #0080bb;
}
.shb-quiz__counter {
color: #6C6C6C;
font-size: 14px;
}
@media only screen and (max-width: 767px) {
.shb-quiz__counter {
text-align: center;
}
}
.shb-quiz-button {
margin: 0 0 0 0;
text-align: center;
}
.shb-quiz-button--disabled {
text-shadow: none;
background-color: #666;
cursor: default;
}
.shb-quiz-button--disabled:hover,
.shb-quiz-button--disabled:focus {
background-color: #666;
}
.shb-quiz-button__next {
text-align: center;
}
.shb-quiz-button--hidden {
display: none;
}
.shb-quiz-button__reset {
padding-top: 40px;
}
@media only screen and (max-width: 767px) {
.shb-quiz-button__reset {
text-align: center;
}
}
.shb-quiz-image {
text-align: center;
}
@media only screen and (max-width: 767px) {
.shb-quiz-image .shb-cms-img {
max-height: 260px;
display: block;
max-width: 100%;
width: initial;
}
}
.shb-quiz-border {
padding-bottom: 15px;
border-bottom: 1px solid #dedede;
}
.shb-quiz-border--hidden {
display: none;
}
.shb-quiz-text--container {
padding: 5px 10px;
}
.shb-quiz-text--container[data-correct=true] {
background-color: #ECF7EF;
border: 1px solid #4AB75F;
border-radius: 5px;
}
.shb-quiz-text ul {
list-style-position: inherit;
}
.shb-quiz-text ol {
list-style-position: inherit;
}
.shb-quiz-result {
padding-bottom: 20px;
padding-top: 30px;
padding-left: 0px;
padding-right: 0px;
border-top: 2px solid #b4d7e2;
}
.shb-quiz-result-heading__container {
display: flex;
flex-wrap: wrap;
padding-bottom: 10px;
}
@media only screen and (max-width: 767px) {
.shb-quiz-result-heading__container {
justify-content: center;
}
}
.shb-quiz-result-heading {
font-weight: bold;
}
.shb-quiz-result-text {
padding-top: 10px;
padding-bottom: 40px;
}
.shb-quiz-links-heading {
font-weight: bold;
padding-bottom: 10px;
}
@media only screen and (max-width: 767px) {
.extra-margin-bottom-for-small {
margin-bottom: 30px;
}
}
shb-my-branch-information {
padding: 10px 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;
font-family: StagBook, Georgia, sans-serif;
margin-top: 20px;
margin-bottom: 20px;
margin-right: 20px;
font-size: 22px;
line-height: 26px;
color: #0080bb;
}
shb-my-branch-information .shb-my-branch-information__headline__city > span {
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 > span {
border-right: 0;
}
}
@media only screen and (max-width: 360px) {
shb-my-branch-information .shb-my-branch-information__headline__city > span {
white-space: normal;
margin-right: 20px;
padding-right: 0px;
border-right: 0;
}
}
shb-my-branch-information .shb-my-branch-information__headline__link {
display: table-cell;
}
.shb-my-branch-information-small {
background-color: #e1f0f5;
margin-bottom: 40px;
padding-bottom: 20px;
padding-left: 0;
padding-top: 20px;
}
@media only screen and (max-width: 767px) {
.shb-my-branch-information-small {
margin-top: -34px;
}
}
@media only screen and (min-width: 768px) {
.shb-my-branch-information-small {
margin-top: -56px;
/* Negative because it comes after shb-hero */
}
}
.shb-my-branch-information-small button {
background: transparent;
border: none;
}
.shb-my-branch-information-small__news-heading {
padding: 0;
text-align: left;
}
.shb-my-branch-information-small__news-heading:focus {
text-decoration: underline;
}
.shb-my-branch-information-small__expand-headline {
color: black;
font-weight: bold;
margin-bottom: 10px;
}
.shb-my-branch-information-small__expand-icon {
display: table;
margin-top: -5px;
outline: none;
padding: 10px;
padding-left: 0;
position: relative;
top: -5px;
transform: rotate(270deg);
}
.shb-my-branch-information-small__expandable-text {
display: none;
}
.shb-my-branch-information-small--expanded .shb-my-branch-information-small__expandable-text {
display: block;
}
.shb-my-branch-information-small--expanded .shb-my-branch-information-small__expand-icon {
margin-top: 0;
margin-left: 5px;
transform: rotate(0deg);
}
.shb-my-branch-information-small__first-section {
margin-bottom: 20px;
padding-left: 30px;
padding-right: 30px;
text-align: center;
}
.shb-my-branch-information-small__first-section a {
color: #017ab2;
font-size: 20px;
font-family: StagMedium;
display: block;
text-decoration: none;
}
@media only screen and (min-width: 768px) {
.shb-my-branch-information-small__first-section {
border-right: 1px solid #92bac8;
display: table-cell;
text-align: left;
}
}
@media only screen and (min-width: 910px) {
.shb-my-branch-information-small__first-section {
white-space: nowrap;
}
}
.shb-my-branch-information-small_expand-icon--collapsed {
margin-bottom: 1px;
-webkit-transform: rotate(-92deg);
-moz-transform: rotate(-92deg);
transform: rotate(-92deg);
}
.shb-my-branch-information-small--collapsed .shb-my-branch-information-small__news-text {
display: none;
}
.shb-my-branch-information-small_expandable-area {
line-height: 22px;
max-height: 100%;
padding-right: 22px;
}
@media only screen and (min-width: 768px) {
.shb-my-branch-information-small_expandable-area {
padding-right: inherit;
}
}
.shb-my-branch-information-small__second-section {
display: block;
margin-bottom: 20px;
padding-left: 30px;
padding-top: 0;
position: relative;
}
@media only screen and (min-width: 768px) {
.shb-my-branch-information-small__second-section {
display: table-cell;
padding-left: 30px;
padding-right: 10px;
width: 100%;
}
}
@media only screen and (min-width: 910px) {
.shb-my-branch-information-small__second-section {
width: 100%;
}
}
.shb-my-branch-information-small__third-section {
display: block;
padding-left: 30px;
margin-bottom: 20px;
}
@media only screen and (min-width: 768px) {
.shb-my-branch-information-small__third-section {
border-left: 1px solid #92bac8;
display: table-cell;
padding-right: 30px;
text-align: right;
white-space: nowrap;
}
}
.shb-my-branch-information-small--arrow-color {
fill: #017ab2;
}
shb-cookie-accept {
background-color: #e1f0f5;
border-bottom: 1px solid #005fa5;
display: block;
padding-top: 20px;
}
shb-cookie-accept .shb-cms__link {
margin-left: 20px;
}
shb-search {
display: block;
font-size: 14px;
line-height: 22px;
margin: 0 auto;
}
@media only screen and (min-width: 768px) {
shb-search {
margin-left: 40px;
}
}
shb-search shb-form-search {
line-height: 42px;
border: 1px solid #c4c4c4;
box-sizing: border-box !important;
width: 100%;
font-size: 16px;
}
.shb-search__config-links-list {
list-style-type: none;
margin-bottom: 0;
margin-top: 22px;
padding-bottom: 0;
padding-left: 0px;
top: -5px;
}
@media only screen and (min-width: 768px) {
.shb-search__config-links-list {
align-items: left;
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;
}
}
shb-search li.shb-search__config-links-list-item {
display: block;
}
@media only screen and (min-width: 768px) {
shb-search li.shb-search__config-links-list-item {
display: inline-block;
margin-right: 20px;
}
}
.shb-search__number-of-hits {
color: #666666;
margin-bottom: 22px;
margin-top: 44px;
}
@media only screen and (min-width: 768px) {
.shb-search__number-of-hits {
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 a {
text-decoration: none;
}
.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;
margin-bottom: 22px;
}
.shb-search__result-list-item-breadcrumb a {
color: #666666;
outline: 0;
}
@media only screen and (min-width: 768px) {
.shb-search__result-list-item-breadcrumb {
margin-bottom: 40px;
}
}
.shb-search__result-list-item-text {
color: #222;
max-height: 66px;
/* 3 gånger line-height */
line-height: 22px;
overflow: hidden;
text-overflow: ellipsis;
width: 100%;
}
.shb-search__result-list-item-text a {
color: #222;
outline: 0;
}
@media only screen and (min-width: 910px) {
.shb-search__result-list-item-text {
max-height: 44px;
/* 2 gånger line-height */
}
}
shb-search-in-top {
display: none;
}
@media only screen and (min-width: 768px) {
shb-search-in-top {
display: block;
}
}
shb-search-in-top shb-form-search {
line-height: 36px;
}
.overflow {
position: relative;
text-align: center;
margin-left: -16px;
margin-right: -16px;
}
.overflow.is-overflow-broken {
padding-bottom: 44px;
}
.overflow.is-overflow-broken:before,
.overflow.is-overflow-broken:after {
content: "";
position: absolute;
top: 0;
bottom: 44px;
left: 0;
width: 16px;
background: -webkit-linear-gradient(right, rgba(246, 246, 246, 0) 0%, rgba(246, 246, 246, 0.8) 50%, #f6f6f6 100%);
background: linear-gradient(to left, rgba(246, 246, 246, 0) 0%, rgba(246, 246, 246, 0.8) 50%, #f6f6f6 100%);
}
.overflow.is-overflow-broken:after {
left: auto;
right: 0;
background: -webkit-linear-gradient(left, rgba(246, 246, 246, 0) 0%, rgba(246, 246, 246, 0.8) 50%, #f6f6f6 100%);
background: linear-gradient(to right, rgba(246, 246, 246, 0) 0%, rgba(246, 246, 246, 0.8) 50%, #f6f6f6 100%);
}
.overflow__outer {
overflow: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
}
.overflow__outer::-webkit-scrollbar {
display: none;
}
.overflow__inner {
display: inline-block;
min-width: 100%;
box-sizing: border-box;
padding-left: 16px;
padding-right: 16px;
}
.overflow__scrollbar {
position: absolute;
position: -webkit-sticky;
position: sticky;
background: rgba(246, 246, 246, 0.8);
bottom: 0;
left: 0;
right: 0;
padding: 0 44px;
cursor: pointer;
z-index: 2;
touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
height: 44px;
line-height: 44px;
}
.overflow__scrollbar.is-stuck {
background: rgba(255, 255, 255, 0.7);
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.overflow:not(.is-overflow-broken) .overflow__scrollbar {
display: none;
}
.overflow__scrollbar-bar {
display: block;
height: 100%;
position: relative;
pointer-events: none;
}
.overflow__scrollbar-handle {
position: absolute;
width: 0;
left: 0;
top: 0;
height: 12px;
margin: auto;
bottom: 0;
background: #043b62;
border-radius: 5px;
-webkit-transition: width 0.2s linear;
transition: width 0.2s linear;
}
.overflow__scrollbar-button {
position: absolute;
top: 0;
left: 0;
height: 44px;
width: 44px;
max-width: 20%;
font-size: 30px;
line-height: 44px;
color: #043b62;
padding: 0;
background: none;
border: none;
}
.overflow__scrollbar-button--right {
left: auto;
right: 0;
}
.table {
position: relative;
text-align: center;
margin-left: -16px;
margin-right: -16px;
}
.table--fixed table {
table-layout: fixed;
}
.is-hidden {
display: none;
}
.table.is-broken {
padding-bottom: 44px;
overflow: hidden;
}
.table__outer {
overflow: auto;
}
.table__inner {
display: inline-block;
min-width: 100%;
box-sizing: border-box;
padding-left: 16px;
padding-right: 16px;
}
.table__scrollbar {
position: absolute;
position: -webkit-sticky;
position: sticky;
background: rgba(246, 246, 246, 0.8);
bottom: 0;
left: 0;
right: 0;
padding: 0 44px;
cursor: pointer;
z-index: 2;
touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
height: 44px;
line-height: 44px;
}
.table__scrollbar.is-stuck {
background: rgba(255, 255, 255, 0.7);
border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.table:not(.is-broken) .table__scrollbar {
display: none;
}
.table__scrollbar-list {
display: block;
height: 100%;
position: relative;
text-align: center;
padding: 0;
}
.table__scrollbar-list-item {
display: inline-block;
text-indent: -99em;
vertical-align: middle;
width: 11px;
height: 11px;
margin: 5px;
box-shadow: inset 0 0 0 1px #666;
border-radius: 10px;
position: relative;
}
.table__scrollbar-list-item:before {
content: "";
position: absolute;
left: -5px;
right: -5px;
top: -10px;
bottom: -10px;
}
.table.show-col0 .table__scrollbar-list-item.step-0,
.table.show-col1 .table__scrollbar-list-item.step-1,
.table.show-col2 .table__scrollbar-list-item.step-2,
.table.show-col3 .table__scrollbar-list-item.step-3,
.table.show-col4 .table__scrollbar-list-item.step-4,
.table.show-col5 .table__scrollbar-list-item.step-5,
.table.show-col6 .table__scrollbar-list-item.step-6,
.table.show-col7 .table__scrollbar-list-item.step-7,
.table.show-col8 .table__scrollbar-list-item.step-8,
.table.show-col9 .table__scrollbar-list-item.step-9,
.table.show-col10 .table__scrollbar-list-item.step-10 {
background: #043b62;
box-shadow: none;
}
.table__scrollbar-button {
position: absolute;
top: 0;
left: 0;
height: 44px;
width: 44px;
max-width: 20%;
font-size: 30px;
line-height: 44px;
color: #043b62;
}
.table__scrollbar-button--right {
left: auto;
right: 0;
}
/* Element: Row
------------------------------------------------------------------------------*/
.table__row {
position: relative;
}
/* Element: Cell
------------------------------------------------------------------------------*/
.table__cell {
padding: 11px;
border-top: 1px solid #dedede;
text-align: left;
}
.table__cell-image {
margin-bottom: 20px;
}
td[align="center"],
th[align="center"] {
text-align: center;
}
td[align="right"],
th[align="right"] {
text-align: right;
}
td[align="left"],
th[align="left"] {
text-align: left;
}
/*
TODO: never added 2016-01-26 because build failed (server side)
.table:not(.is-broken) .table__cell:first-child {
padding-left: 0;
}
.table:not(.is-broken) .table__cell:last-child {
padding-right: 0;
}
*/
.table__row--head:first-child .table__cell {
border-top: none;
box-shadow: 0 1px #dedede;
min-width: 150px;
width: 20%;
/* position: -webkit-sticky; */
/* position: sticky; */
z-index: 5;
top: 0;
background: rgba(246, 246, 246, 0.8);
}
.table__row:first-child .table-cell {
border-top: none;
}
.table__cell--row {
border-top: 1px solid #dedede;
text-align: left;
font-weight: bold;
}
.table.is-broken:not(.show-col0) .col-0,
.table.is-broken:not(.show-col1) .col-1,
.table.is-broken:not(.show-col2) .col-2,
.table.is-broken:not(.show-col3) .col-3,
.table.is-broken:not(.show-col4) .col-4,
.table.is-broken:not(.show-col5) .col-5,
.table.is-broken:not(.show-col6) .col-6,
.table.is-broken:not(.show-col7) .col-7,
.table.is-broken:not(.show-col8) .col-8,
.table.is-broken:not(.show-col9) .col-9,
.table.is-broken:not(.show-col10) .col-10 {
display: none;
}
shb-footer ul {
list-style-position: outside;
padding-left: 20px;
}
shb-footer a[href^=tel] {
color: inherit;
}
shb-footer a[href^=tel]:active {
text-decoration: none;
}
shb-footer a[href^=tel]:hover {
text-decoration: none;
}
shb-footer a[href^=tel]:focus {
text-decoration: none;
}
shb-footer a[href^=tel]:visited {
color: inherit;
text-decoration: none;
}
footer {
padding-top: 44px;
background: #e1f0f5;
}
footer a:not([href]) {
color: #aaa;
}
shb-footer {
display: block;
}
.shb-sepu-app-sub-footer__links-list {
display: block;
}
@media only screen and (max-width: 474px) {
.shb-sepu-app-sub-footer__links-list {
width: 100%;
}
}
@media only screen and (max-width: 474px) {
.shb-sepu-app-sub-footer {
padding-left: 0;
padding-right: 0;
}
}
.shb-sepu-app-sub-footer {
font-size: 12px;
background: #043b62;
color: white;
text-align: center;
}
.shb-sepu-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-type: none;
list-style: none;
display: inline-block;
}
.shb-sepu-app-sub-footer__links-list--secondary {
padding-top: 0;
display: block;
}
@media only screen and (min-width: 475px) and (max-width: 767px) {
.shb-sepu-app-sub-footer__links-list {
line-height: 32px;
}
}
@media only screen and (max-width: 474px) {
.shb-sepu-app-sub-footer__links-list {
text-align: left;
padding: 0;
}
}
.shb-sepu-app-sub-footer__links-list-item {
display: inline-block;
margin-right: 44px;
}
.shb-sepu-app-sub-footer__links-list-item:last-child {
margin-right: 0;
}
@media only screen and (max-width: 474px) {
.shb-sepu-app-sub-footer__links-list-item {
margin-right: 0;
display: block;
line-height: 44px;
border-bottom: 1px solid #e1f0f5;
padding-left: 15px;
}
}
.shb-sepu-app-sub-footer__link {
color: white;
text-decoration: none;
}
@media only screen and (max-width: 474px) {
.shb-sepu-app-sub-footer__link {
display: block;
}
}
.shb-sepu-app-sub-footer__link:hover[href],
.shb-sepu-app-sub-footer__link:active[href],
.shb-sepu-app-sub-footer__link:focus[href] {
color: inherit;
text-decoration: underline;
outline: none;
}
.shb-sepu-app-main-footer a {
white-space: nowrap;
}
.shb-sepu-app-main-footer > .col-xs-12,
.shb-sepu-app-main-footer > .col-md-6 {
margin-bottom: 28px;
/* Should be 42px but already puts 14px */
}
sepu-bar-menu .sepu-bar-menu__a--active {
font-weight: bold;
}
sepu-bar-menu .shb-bar-menu__dd__wrapper {
display: none;
position: absolute;
top: 43px;
left: -8px;
z-index: 100;
}
@media only screen and (max-width: 767px) {
sepu-bar-menu .shb-bar-menu__dd__wrapper {
display: none !important;
}
}
sepu-bar-menu .shb-bar-menu__dd__box {
position: absolute;
clip: rect(0, 1000px, 1000px, -20px);
min-width: 280px;
font-size: 14px;
background-color: #fff;
border: 1px solid #dedede;
border-top-width: 0;
border-radius: 2px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
}
sepu-bar-menu .shb-bar-menu__dd__toplinks a,
sepu-bar-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;
}
sepu-bar-menu .shb-bar-menu__dd__toplinks a:hover,
sepu-bar-menu .shb-bar-menu__dd__bottomlinks a:hover {
text-decoration: underline;
}
sepu-bar-menu .shb-bar-menu__dd__toplinks {
background: #e5f2f6;
}
sepu-bar-menu .shb-bar-menu__dd__toplinks a {
line-height: 22px;
}
sepu-bar-menu .shb-bar-menu__dd__bottomlinks {
background: #f6f6f6;
}
sepu-bar-menu .shb-bar-menu__dd__bottomlinks a {
line-height: 44px;
}
sepu-bar-menu .shb-bar-menu__dd__level-1 li {
margin-top: 0;
margin-bottom: 22px;
}
sepu-bar-menu .shb-bar-menu__dd__level-1 a {
display: block;
color: #005FA5;
text-decoration: none;
}
sepu-bar-menu .shb-bar-menu__dd__level-1 a:hover {
text-decoration: underline;
}
sepu-bar-menu .shb-bar-menu__dd__level-2 {
padding-left: 20px;
}
sepu-bar-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;
}
sepu-bar-menu .shb-bar-menu__dd__block:first-child {
border-width: 0;
}
sepu-bar-menu .shb-bar-menu__dd__group {
width: 100%;
}
sepu-bar-menu .shb-bar-menu__dd__blocks-wrapper {
display: flex;
margin-top: 13px;
margin-bottom: 13px;
}
sepu-bar-menu .shb-bar-menu__dd__container {
border-bottom: 2px solid #EFEFEF;
}
sepu-bar-menu .shb-bar-menu__dd__container:last-child {
border-bottom: 0;
}
sepu-bar-menu .shb-bar-menu__dd__container a {
display: inline-block;
}
sepu-bar-menu .shb-bar-menu__dd__level-1 {
padding-left: 0;
}
sepu-bar-menu .shb-bar-menu__hamburger-toggle:focus .shb-hamburger__label {
text-decoration: underline;
}
sepu-bar-menu .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) {
sepu-bar-menu .shb-bar-menu__hamburger-toggle {
display: none !important;
}
}
sepu-bar-menu .shb-bar-menu__hamburger-toggle span {
text-decoration: none;
color: #043b62;
line-height: 42px;
padding-right: 12px;
}
@media print {
sepu-bar-menu .shb-bar-menu__hamburger-toggle {
display: none;
}
}
@media only screen and (min-width: 768px) {
sepu-bar-menu nav:nth-child(1) {
display: none;
}
}
sepu-bar-menu nav:nth-child(2) {
position: relative;
width: 100%;
max-width: 960px;
margin: 0 auto;
}
@media only screen and (max-width: 767px) {
sepu-bar-menu nav:nth-child(2) {
display: none;
}
}
sepu-bar-menu .shb-bar-menu__item {
display: inline-block;
position: relative;
margin-right: 14px;
}
@media only screen and (max-width: 910px) {
sepu-bar-menu .shb-bar-menu__item {
margin-right: 7px;
}
}
sepu-bar-menu a:focus {
text-decoration: underline;
}
sepu-bar-menu a:hover,
sepu-bar-menu a:focus {
outline: none;
text-decoration: underline;
}
sepu-bar-menu a[disabled] {
color: #aaa !important;
cursor: default !important;
}
sepu-bar-menu a[disabled]:hover,
sepu-bar-menu a[disabled]:focus {
text-decoration: none !important;
}
sepu-bar-menu .shb-bar-menu__item-a {
padding-left: 12px;
padding-right: 12px;
color: #005fa5;
line-height: 42px;
font-family: Helvetica, Arial, sans-serif;
font-size: 14px;
text-decoration: none;
}
sepu-bar-menu .shb-bar-menu__item-a:active {
color: #043b62;
}
sepu-bar-menu .shb-bar-menu__item-a--current {
font-weight: bold;
}
sepu-bar-menu .shb-bar-menu__dd__close {
position: absolute;
right: 0;
top: 0;
line-height: 44px;
width: 44px;
height: 44px;
border: 0;
background: transparent;
}
sepu-bar-menu .shb-bar-menu__dd__close:hover > svg > path,
sepu-bar-menu .shb-bar-menu__dd__close:focus > svg > path {
fill: #043b62;
}
@media only screen and (max-width: 767px) {
.shb-sepu-drawer-menu__body-stop-scrolling {
height: 100%;
overflow: hidden;
}
}
.shb-sepu-drawer-menu__overlay {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.15);
z-index: 999;
color: #fff;
}
@media only screen and (min-width: 768px) {
.shb-sepu-drawer-menu__overlay {
display: none !important;
}
}
.shb-sepu-drawer-menu--inactive {
color: #aaa !important;
cursor: default !important;
text-decoration: none !important;
}
.shb-sepu-drawer-menu__hasChildren {
position: relative;
}
.shb-sepu-drawer-menu__close {
position: fixed;
z-index: 10000;
top: 10px;
left: 310px;
display: flex;
align-items: center;
justify-content: center;
width: 40px;
height: 40px;
background: #454545;
cursor: pointer;
border-radius: 20px;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
}
@media only screen and (min-width: 768px) {
.shb-sepu-drawer-menu__close {
display: none !important;
}
}
@media only screen and (max-width: 360px) {
.shb-sepu-drawer-menu__close {
left: auto;
right: 10px;
}
}
.shb-sepu-drawer-menu__menu--opened {
left: 0;
}
@media only screen and (max-width: 360px) {
.shb-sepu-drawer-menu__menu--opened {
right: 60px;
width: auto !important;
}
}
.shb-sepu-drawer-menu__menu--closed {
left: -400px;
}
.shb-sepu-drawer-menu__menu {
background: #F0F7FA;
bottom: 0;
font-family: Helvetica, Arial, sans-serif;
font-size: 16px;
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);
overflow-y: auto;
position: absolute;
transition: left .2s;
top: 0;
width: 300px;
z-index: 1000;
-webkit-overflow-scrolling: touch;
box-sizing: border-box;
/* Toggle icons */
}
@media only screen and (min-width: 768px) {
.shb-sepu-drawer-menu__menu {
/* hide hamburger */
display: none !important;
}
}
.shb-sepu-drawer-menu__menu a {
display: block;
text-decoration: none;
color: #005fa5;
line-height: 42px;
outline: 0;
}
.shb-sepu-drawer-menu__menu a:focus {
text-decoration: underline;
}
.shb-sepu-drawer-menu__menu a:hover {
text-decoration: underline;
}
.shb-sepu-drawer-menu__menu a[disabled] {
color: #aaa !important;
cursor: default !important;
}
.shb-sepu-drawer-menu__menu a[disabled]:hover,
.shb-sepu-drawer-menu__menu a[disabled]:focus {
text-decoration: none !important;
}
.shb-sepu-drawer-menu__menu [role=list] {
list-style-type: none;
margin-top: 0;
margin-bottom: 0;
}
.shb-sepu-drawer-menu__menu .shb-sepu-drawer-menu__menu--opened > div.shb-sepu-drawer-menu__level-0 > div.shb-sepu-drawer-menu__hasChildren.shb-sepu-drawer-menu__level0__expanded > a {
font-weight: bold;
}
.shb-sepu-drawer-menu__menu .shb-sepu-drawer-menu__level-0 {
padding-left: 0;
}
.shb-sepu-drawer-menu__menu .shb-sepu-drawer-menu__level-0 > [role=listitem] > a {
margin-left: 20px;
}
.shb-sepu-drawer-menu__menu .shb-sepu-drawer-menu__level-0 .shb-sepu-drawer-menu__level0__expanded {
background: #fff;
}
.shb-sepu-drawer-menu__menu .shb-sepu-drawer-menu__level-0 .shb-sepu-drawer-menu__level0__expanded > a {
border-bottom: 1px solid #ddd;
margin-left: -20px;
padding-left: 40px;
font-weight: bold;
}
.shb-sepu-drawer-menu__menu .shb-sepu-drawer-menu__level-0 .shb-sepu-drawer-menu__level0__expanded .shb-sepu-drawer-menu__level-1 {
display: block;
}
.shb-sepu-drawer-menu__menu [role=listitem].selected > a {
font-weight: bold;
}
.shb-sepu-drawer-menu__menu * {
box-sizing: border-box !important;
}
.shb-sepu-drawer-menu__menu .shb-sepu-drawer-menu__search {
background: #DEDEDE;
padding-top: 11px;
padding-bottom: 11px;
}
.shb-sepu-drawer-menu__menu .shb-sepu-drawer-menu__search .shb-icon--magnifying-glass {
position: absolute;
font-size: 22px;
margin-left: 10px;
color: #005fa5;
}
.shb-sepu-drawer-menu__menu .shb-sepu-drawer-menu__search input:disabled {
background-color: #DEDEDE;
box-sizing: border-box;
border: 1px solid #CCCCCC;
color: #222;
font-size: 14px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
.shb-sepu-drawer-menu__menu .shb-sepu-drawer-menu__hasChildren-icon {
position: absolute;
top: 0px;
right: 20px;
}
.shb-sepu-drawer-menu__menu .shb-sepu-drawer-menu__hasChildren-collapse {
display: none;
}
.shb-sepu-drawer-menu__menu .shb-sepu-drawer-menu__level0__expanded .shb-sepu-drawer-menu__hasChildren-expand {
display: none;
}
.shb-sepu-drawer-menu__menu .shb-sepu-drawer-menu__level0__expanded .shb-sepu-drawer-menu__hasChildren-collapse {
display: inline;
}
.shb-sepu-drawer-menu__menu .shb-sepu-drawer-menu__hasChildren > a {
position: relative;
color: #005fa5;
text-decoration: none;
}
.shb-sepu-drawer-menu__menu .shb-sepu-drawer-menu__hasChildren > a:focus {
text-decoration: underline;
}
.shb-sepu-drawer-menu__menu .shb-sepu-drawer-menu__level0__expanded > a {
background-color: #e1f0f5;
}
.shb-sepu-drawer-menu__menu .shb-sepu-drawer-menu__level-0 > [role=listitem] {
border-bottom: 1px solid #cde8f1;
}
.shb-sepu-drawer-menu__menu .shb-sepu-drawer-menu__level-1 {
display: none;
padding-left: 20px;
}
.shb-sepu-drawer-menu__menu .shb-sepu-drawer-menu__level-1 > [role=listitem] {
border-bottom: 1px solid #ddd;
}
.shb-sepu-drawer-menu__menu .shb-sepu-drawer-menu__level-1 > [role=listitem]:last-child {
border-bottom: 0;
}
.shb-sepu-drawer-menu__menu .shb-sepu-drawer-menu__block,
.shb-sepu-drawer-menu__menu .shb-sepu-drawer-menu__container,
.shb-sepu-drawer-menu__menu .shb-sepu-drawer-menu__group {
border-bottom: 1px solid #ddd;
}
.shb-sepu-drawer-menu__menu .shb-sepu-drawer-menu__block:last-child,
.shb-sepu-drawer-menu__menu .shb-sepu-drawer-menu__container:last-child,
.shb-sepu-drawer-menu__menu .shb-sepu-drawer-menu__group:last-child {
border-bottom: 0;
}
.shb-sepu-drawer-menu__menu .shb-sepu-drawer-menu__level-2 {
padding-left: 0;
}
.shb-sepu-drawer-menu__menu .shb-sepu-drawer-menu__level-2 > [role=listitem] {
padding-left: 20px;
padding-top: 10px;
padding-bottom: 10px;
}
.shb-sepu-drawer-menu__menu .shb-sepu-drawer-menu__level-2 > [role=listitem] div {
line-height: 16px;
}
.shb-sepu-drawer-menu__menu .shb-sepu-drawer-menu__level-3 {
padding-left: 0;
}
.shb-sepu-drawer-menu__menu .shb-sepu-drawer-menu__level-3 > [role=listitem] {
padding-left: 20px;
padding-top: 20px;
}
.shb-sepu-drawer-menu__menu .shb-sepu-drawer-menu__level-3 > [role=listitem] div {
line-height: 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;
}
}
.shb-cms-news-list {
padding-top: 0;
}
html body .shb-cms__link.shb-cms__link {
/* intern länk */
margin-bottom: 20px;
}
html body .shb-cms__link.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;
background-position: 0 0;
}
@media print {
html body .shb-cms__link.shb-cms__link::after {
font-family: 'shb-iconfont' !important;
content: "\3e" !important;
background-image: none !important;
vertical-align: top !important;
}
}
@media print {
.shb-cms-richtext.shb-cms-large-list ul > li:before {
background-image: none;
content: "\f104";
font-family: 'shb-iconfont';
color: #0080BB;
font-size: 25px;
top: 9px;
}
}
.shb-cms-table__symbol-check:before {
background-image: none;
content: "\2713";
font-family: 'shb-iconfont';
color: #0080BB;
font-size: 13px;
}
.shb-cms-table__symbol-check {
background-image: none !important;
}
.shb-cms-line {
margin-top: 40px;
margin-bottom: 60px;
}
@media print {
.shb-standard-link,
.shb-inet-module .shb-inet-stand-alone-link,
.shb-inet-module .shb-inet-stand-alone-link,
.shb-inet-back-link a,
.shb-standard-link--back {
background-image: none !important;
display: inline-block;
line-height: 16.7px;
padding-top: 4px;
padding-bottom: 4px;
}
.shb-standard-link::after,
.shb-inet-module .shb-inet-stand-alone-link::after,
.shb-inet-back-link a::after,
.shb-standard-link--back::after {
font-family: "shb-iconfont" !important;
content: "\3e";
display: inline-block;
margin-left: 8px;
vertical-align: middle;
text-decoration: none;
}
}
@media only screen and (max-width: 767px) {
.shb-text,
.shb-quiz-text {
font-size: 16px !important;
}
.shb-cms-richtext a {
font-size: 16px !important;
}
.shb-cms-richtext h3 {
font-size: 22px;
}
.shb-cms-richtext .shb-cms-article__h2 {
font-size: 30px;
}
.shb-link,
.shb-inet-module .shb-inet-new-window-link,
.shb-inet-module .shb-inet-popup-window-link,
.shb-inet-module .shb-inet-popup-wide-window-link,
.shb-grid__link-text,
.shb-standard-link,
.shb-new-window-link,
.shb-close-link,
.shb-button-set__cancel-button,
.shb-inet-module .shb-inet-stand-alone-link,
.shb-inet-module .shb-inet-stand-alone-link,
.shb-inet-back-link a,
.shb-standard-link--back,
.shb-new-window-link--gray {
font-size: 16px;
}
.shb-form-field__label-help {
font-size: 14px;
margin-left: 10px;
display: inline-block;
}
}
@media only screen and (min-width: 475px) and (max-width: 767px) {
.shb-form-field__label-help {
margin-left: 10px;
}
}
@media only screen and (max-width: 480px) {
.shb-form-field__label-help {
margin-left: 0px;
}
}
.shb-cms-article-100-tab__li .shb-link,
.shb-cms-article-100-tab__li .shb-inet-module .shb-inet-new-window-link,
.shb-cms-article-100-tab__li .shb-inet-module .shb-inet-popup-window-link,
.shb-cms-article-100-tab__li .shb-inet-module .shb-inet-popup-wide-window-link,
.shb-cms-article-100-tab__li .shb-grid__link-text,
.shb-cms-article-100-tab__li .shb-standard-link,
.shb-cms-article-100-tab__li .shb-new-window-link,
.shb-cms-article-100-tab__li .shb-button-set__cancel-button,
.shb-cms-article-100-tab__li .shb-inet-module .shb-inet-stand-alone-link,
.shb-cms-article-100-tab__li .shb-inet-module .shb-inet-stand-alone-link,
.shb-cms-article-100-tab__li .shb-inet-back-link a,
.shb-cms-article-100-tab__li .shb-standard-link--back,
.shb-cms-article-100-tab__li .shb-new-window-link--gray {
color: #222222;
font-size: 20px;
font-family: StagBook, Georgia, sans-serif;
}
.shb-cms-article-100-tab__li .shb-link:hover,
.shb-cms-article-100-tab__li .shb-inet-module .shb-inet-new-window-link:hover,
.shb-cms-article-100-tab__li .shb-inet-module .shb-inet-popup-window-link:hover,
.shb-cms-article-100-tab__li .shb-inet-module .shb-inet-popup-wide-window-link:hover,
.shb-cms-article-100-tab__li .shb-grid__link-text:hover,
.shb-cms-article-100-tab__li .shb-standard-link:hover,
.shb-cms-article-100-tab__li .shb-new-window-link:hover,
.shb-cms-article-100-tab__li .shb-button-set__cancel-button:hover,
.shb-cms-article-100-tab__li .shb-inet-module .shb-inet-stand-alone-link:hover,
.shb-cms-article-100-tab__li .shb-inet-module .shb-inet-stand-alone-link:hover,
.shb-cms-article-100-tab__li .shb-inet-back-link a:hover,
.shb-cms-article-100-tab__li .shb-standard-link--back:hover,
.shb-cms-article-100-tab__li .shb-new-window-link--gray:hover {
text-decoration: none;
}
.shb-header__button-link {
background: transparent;
border-radius: 2px;
border: 1px solid #005fa5;
box-sizing: border-box;
color: #005fa5;
display: inline-block;
font-size: inherit;
height: 34px;
line-height: 22px;
padding-bottom: 4px;
padding-left: 16px;
padding-right: 16px;
padding-top: 5px;
position: relative;
transition: background-color 0.2s linear;
white-space: nowrap;
}
.shb-action-button {
display: inline-block;
padding: 6px 30px;
border: 1px solid #005fa5;
background-color: #005fa5;
color: #fff;
font-size: 14px;
border-radius: 2px;
line-height: 18px;
}
.shb-action-button:hover {
background-color: #043b62;
}
.shb-action-button:focus {
background-color: #043b62;
}
.shb-form-field__label-text {
position: relative;
}
.shb-form-field__box {
position: relative;
padding-top: 23px;
display: flex;
flex-wrap: wrap-reverse;
}
shb-form-field[error-text] .shb-form-field__label-text {
color: black !important;
}
.shb-form-field__input--got-value ~ .shb-form-field__label-text,
.shb-form-field__input:focus ~ .shb-form-field__label-text {
color: black;
transform: scale(1);
transform-origin: 0 100%;
}
.shb-form-field__line {
display: none !important;
}
.shb-cms-hero__background img[class*="shb-cms-hero__img"] {
color: #f6f6f6;
}
@media only screen and (max-width: 767px) {
.shb-cms-richtext .col-xs-12:not(:last-child) {
margin-bottom: 20px;
}
}