@charset "UTF-8";
/**
 * Basic
 * Styles for all pages, included on pages that
 * both do and dont cut the mustard, keep to a minimum
 */
/* =========================================================================
   $NORMALIZE
   normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css
   ========================================================================= */
/* Document
   ========================================================================== */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/**
 * Core
 * Styles for all pages, included on pages that
 * both do and dont cut the mustard, keep to a minimum
 */
/**
 * Abstracts
 * Sass tools, helper files, variables, functions, mixins and other config files
 * These files don’t output any CSS when compiled
 */
/**
 * Breakpoints
 * Shared media query values
 */
/**
 * Colors
 * Maps for color values & greyscale settings
 *
 */
/**
 * Shared colors
 * Applicable to all brands and not to be overwritten
 *
 */
/**
 * Typography
 * Font settings
 */
/**
 *  Button settings
 *  Default
 *
 */
/**
 * Return a greyscale color based on $context--greyscale-base
 *
 * @param {Integer} $val - lightness value between $context--greyscale-min and $context--greyscale-max
 * @param {Float} $opacity - opacity value between 0.1 and 1, to one decimal place
 *
 */
/**
 * Return a color from a color palette
 *
 * @param {String} $name - name of the color to insert
 * @param {Arglist} $keys - 0 to 2 paramaters defining map and opacity
 *
 */
/**
 * Returns either a dark or light foreground color when given the background color
 *
 * @param {Integer|String} $bgcolor - number for grays, string for colors
 * @param {Map} $map - the color map to use
 *
 */
/**
 * Calculates the sRGB luma of a colour
 * @private
 *
 * @param {*} $c - Color value
 *
 * https://lnikki.la/articles/sass-better-colour-based-on-brightness/
 * http://robots.thoughtbot.com/closer-look-color-lightness
 *
 */
/**
 * Style
 * Cosmetic styling settings
 *
 */
/**
 * Return a greyscale color based on $context--greyscale-base
 *
 * @param {Integer} $val - lightness value between $context--greyscale-min and $context--greyscale-max
 * @param {Float} $opacity - opacity value between 0.1 and 1, to one decimal place
 *
 */
/**
 * Return a color from a color palette
 *
 * @param {String} $name - name of the color to insert
 * @param {Arglist} $keys - 0 to 2 paramaters defining map and opacity
 *
 */
/**
 * Returns either a dark or light foreground color when given the background color
 *
 * @param {Integer|String} $bgcolor - number for grays, string for colors
 * @param {Map} $map - the color map to use
 *
 */
/**
 * Calculates the sRGB luma of a colour
 * @private
 *
 * @param {*} $c - Color value
 *
 * https://lnikki.la/articles/sass-better-colour-based-on-brightness/
 * http://robots.thoughtbot.com/closer-look-color-lightness
 *
 */
/**
 * Return a greyscale color based on $context--greyscale-base
 *
 * @param {Integer} $val - lightness value between $context--greyscale-min and $context--greyscale-max
 * @param {Float} $opacity - opacity value between 0.1 and 1, to one decimal place
 *
 */
/**
 * Return a color from a color palette
 *
 * @param {String} $name - name of the color to insert
 * @param {Arglist} $keys - 0 to 2 paramaters defining map and opacity
 *
 */
/**
 * Returns either a dark or light foreground color when given the background color
 *
 * @param {Integer|String} $bgcolor - number for grays, string for colors
 * @param {Map} $map - the color map to use
 *
 */
/**
 * Calculates the sRGB luma of a colour
 * @private
 *
 * @param {*} $c - Color value
 *
 * https://lnikki.la/articles/sass-better-colour-based-on-brightness/
 * http://robots.thoughtbot.com/closer-look-color-lightness
 *
 */
/**
 * Map deep get
 * @author Hugo Giraudel
 * @private
 *
 * @param {Map} $map - Map
 * @param {Arglist} $keys - Key chain
 * @return {*} - Desired value
 *
 */
/**
 * Map key get
 * Check if a key exists in a map, return it
 * @private
 *
 * @param {Map} $map - Map
 * @param {String} $value - Key name
 * @return {*} - Key name, if found
 *
 */
/**
 * Style mixins
 *
 */
/**
 * Breakpoints
 * Media query helper
 * @group 30-mixins
 */
/**
 * Abstracts
 * Sass tools, helper files, variables, functions, mixins and other config files
 * These files don’t output any CSS when compiled
 */
/**
 * Colour palette
 *
 */
/**
 * Color and gray scales
 *
 */
/**
 *  Button settings
 *  Springer
 *
 */
/**
 * Generates utility classnames for base and each breakpoint
 *
 * Example:
 * @include class-stack('u-text-right') would output
 * u-text-right { @content }
 * @include media-query('xs') { u-text-right-at-lt-xs { @content } }
 *
 */
/**
 * Default link style
 *
 */
/**
 * Alternative link color
 *
 */
/**
 * Deemphasised link color
 *
 */
/**
 * Unvisited
 *
 */
/**
 * Link like
 * Style non-links to look like links
 * Remember to add aria
 *
 */
/* =========================================================================
   $NORMALIZE
   normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css
   ========================================================================= */
/* Document
   ========================================================================== */
/**
 * 1. Change the default font family in all browsers (opinionated).
 * 2. Correct the line height in all browsers.
 * 3. Prevent adjustments of font size after orientation changes in
 *    IE on Windows Phone and in iOS.
 */
html {
  font-family: sans-serif; /* 1 */
  line-height: 1.15; /* 2 */
  -ms-text-size-adjust: 100%; /* 3 */
  -webkit-text-size-adjust: 100%; /* 3 */
}

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers (opinionated).
 */
body {
  margin: 0;
}

/**
 * Add the correct display in IE 9-.
 */
article,
aside,
footer,
header,
nav,
section {
  display: block;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/* Grouping content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 * 1. Add the correct display in IE.
 */
figcaption,
figure,
main { /* 1 */
  display: block;
}

/**
 * Add the correct margin in IE 8.
 */
figure {
  margin: 1em 40px;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/* Text-level semantics
   ========================================================================== */
/**
 * 1. Remove the gray background on active links in IE 10.
 * 2. Remove gaps in links underline in iOS 8+ and Safari 8+.
 */
a {
  background-color: transparent; /* 1 */
  -webkit-text-decoration-skip: objects; /* 2 */
}

/**
 * Remove the outline on focused links when they are also active or hovered
 * in all browsers (opinionated).
 */
a:active,
a:hover {
  outline-width: 0;
}

/**
 * 1. Remove the bottom border in Firefox 39-.
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

/**
 * Prevent the duplicate application of `bolder` by the next rule in Safari 6.
 */
b,
strong {
  font-weight: inherit;
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

/**
 * Add the correct font style in Android 4.3-.
 */
dfn {
  font-style: italic;
}

/**
 * Add the correct background and color in IE 9-.
 */
mark {
  background-color: #ff0;
  color: #000;
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Embedded content
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
audio,
video {
  display: inline-block;
}

/**
 * Add the correct display in iOS 4-7.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
}

/**
 * Hide the overflow in IE.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers (opinionated).
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}

/**
 * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
 *    controls in Android 4.
 * 2. Correct the inability to style clickable types in iOS and Safari.
 */
button,
html [type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button; /* 2 */
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

/**
 * Change the border, margin, and padding in all browsers (opinionated).
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}

/**
 * 1. Add the correct display in IE 9-.
 * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Remove the default vertical scrollbar in IE.
 */
textarea {
  overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10-.
 * 2. Remove the padding in IE 10-.
 */
[type=checkbox],
[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type=search] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in IE 9-.
 * 1. Add the correct display in Edge, IE, and Firefox.
 */
details,
menu {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/* Scripting
   ========================================================================== */
/**
 * Add the correct display in IE 9-.
 */
canvas {
  display: inline-block;
}

/**
 * Add the correct display in IE.
 */
template {
  display: none;
}

/* Hidden
   ========================================================================== */
/**
 * Add the correct display in IE 10-.
 */
[hidden] {
  display: none;
}

/**
 * Basic
 * Some default CSS styles
 */
body {
  font-size: 13px;
  line-height: 1.5;
}

a {
  text-decoration: none;
  color: #069;
}

a:hover,
a:focus {
  text-decoration: underline;
}

button {
  cursor: pointer;
}

h1 {
  font-size: 30px;
  font-size: 3rem;
}

h2 {
  font-size: 24px;
  font-size: 2.4rem;
}

h3 {
  font-size: 17px;
  font-size: 1.7rem;
}

h4 {
  font-size: 14px;
  font-size: 1.4rem;
}

cite {
  font-style: normal;
}

ins {
  text-decoration: none;
}

img {
  border: 0;
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

button {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  border-radius: 0;
}

/* accessible focus styles */
h1:focus,
h2:focus,
h3:focus,
h4:focus,
h5:focus,
p:focus,
div:focus,
ul:focus,
ol:focus,
li:focus,
dl:focus,
dt:focus,
dd:focus,
span:focus,
i:focus,
b:focus,
em:focus,
strong:focus {
  outline: none;
}

.c-publisher-footer {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  background-color: #f2f2f2;
}

.c-publisher-footer__container {
  margin: 0 auto;
  max-width: 1280px;
  padding: 0 16px;
}

.c-publisher-footer__section {
  border-top: 1px solid #cccccc;
  padding-top: 24px;
  padding-bottom: 24px;
}

.c-publisher-footer__section--compact {
  padding-top: 16px;
  padding-bottom: 16px;
}

.c-publisher-footer__menu {
  column-gap: 24px;
}
@media only screen and (min-width: 320px) {
  .c-publisher-footer__menu {
    column-count: 2;
  }
}
@media only screen and (min-width: 768px) {
  .c-publisher-footer__menu {
    column-count: 5;
    column-gap: 32px;
  }
}

.c-publisher-footer__menu-group {
  break-inside: avoid-column;
  overflow: hidden;
  padding-left: 4px;
  margin-left: -4px;
  padding-bottom: 24px;
}
@media only screen and (min-width: 768px) {
  .c-publisher-footer__menu-group {
    padding-bottom: 0;
  }
}

.c-publisher-footer__heading {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  color: #333333;
  font-weight: 700;
  margin-bottom: 0.25em;
}

.c-publisher-footer__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.c-publisher-footer__item {
  padding: 0.25em 0;
}

.c-publisher-footer__link {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  text-decoration: none;
  color: #666666;
}
.c-publisher-footer__link.active, .c-publisher-footer__link:active, .c-publisher-footer__link.hover, .c-publisher-footer__link:hover {
  text-decoration: underline;
  text-decoration-skip-ink: auto;
}
.c-publisher-footer__link.visited, .c-publisher-footer__link:visited, .c-publisher-footer__link.hover, .c-publisher-footer__link:hover {
  color: #666666;
}

.c-user-metadata {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  color: #666666;
  line-height: 1.4;
  padding-top: 24px;
}

.c-user-metadata__item {
  margin-top: 0;
  margin-bottom: 4px;
}
.c-user-metadata__item:last-child {
  margin-bottom: 0;
}

.u-icon {
  fill: currentColor;
  transform: translate(0, 0);
  display: inline-block;
  vertical-align: text-top;
}

/**
 * Button utilities
 * These are for styled branded buttons
 */
.u-button {
  align-items: center;
  cursor: pointer;
  display: inline-flex;
  margin: 0;
  position: relative;
  text-decoration: none;
  width: auto;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  line-height: 1.3;
  justify-content: center;
  padding: 8px;
  transition: 0.25s ease, color 0.25s ease, border-color 0.25s ease;
  border-radius: 2px;
  color: #004b83;
  background-color: #f2f2f2;
  background-image: linear-gradient(to bottom, white, #f2f2f2);
  border: 1px solid #cccccc;
}
.u-button:visited {
  color: #004b83;
}
.u-button:hover {
  border: 1px solid #666666;
  text-decoration: none;
}
.u-button:focus {
  border: 1px solid #666666;
  text-decoration: none;
}
.u-button:hover, .u-button:focus {
  color: white;
  background-color: #666666;
  background-image: none;
}
.u-button:hover svg path, .u-button:focus svg path {
  fill: white;
}

.u-button--primary {
  color: white;
  background-color: #33629d;
  background-image: linear-gradient(to bottom, #4d76a9, #33629d);
  border: 1px solid rgba(0, 59, 132, 0.5);
}
.u-button--primary:visited {
  color: white;
}
.u-button--primary:hover {
  border: 1px solid #0061a9;
}
.u-button--primary:focus {
  border: 1px solid #0061a9;
}
.u-button--primary:hover, .u-button--primary:focus {
  color: white;
  background-color: #0061a9;
  background-image: none;
}
.u-button--primary:hover svg path, .u-button--primary:focus svg path {
  fill: white;
}

.u-button--contrast {
  color: white;
  background-color: transparent;
  background-image: none;
  border: 1px solid white;
  font-weight: normal;
}
.u-button--contrast:visited {
  color: white;
}
.u-button--contrast:hover {
  border: 1px solid white;
}
.u-button--contrast:focus {
  border: 1px solid white;
}
.u-button--contrast:hover, .u-button--contrast:focus {
  color: black;
  background-color: white;
  background-image: none;
}
.u-button--contrast:hover svg path, .u-button--contrast:focus svg path {
  fill: black;
}

.u-button--ghost {
  color: #333333;
  background-color: transparent;
  background-image: none;
}
.u-button--ghost:visited {
  color: #333333;
}
.u-button--ghost:hover, .u-button--ghost:focus {
  color: #333333;
  background-color: rgba(242, 242, 242, 0.5);
  background-image: none;
}
.u-button--ghost:hover svg path, .u-button--ghost:focus svg path {
  fill: #333333;
}

.u-button--disabled,
.u-button:disabled {
  color: #333333;
  background-color: transparent;
  background-image: none;
  border: 1px solid #cccccc;
  opacity: 0.67;
  cursor: default;
}
.u-button--disabled:visited,
.u-button:disabled:visited {
  color: #333333;
}
.u-button--disabled:hover,
.u-button:disabled:hover {
  border: 1px solid #cccccc;
  text-decoration: none;
}
.u-button--disabled:focus,
.u-button:disabled:focus {
  border: 1px solid #cccccc;
  text-decoration: none;
}
.u-button--disabled:hover, .u-button--disabled:focus,
.u-button:disabled:hover,
.u-button:disabled:focus {
  color: #333333;
  background-color: transparent;
  background-image: none;
}
.u-button--disabled:hover svg path, .u-button--disabled:focus svg path,
.u-button:disabled:hover svg path,
.u-button:disabled:focus svg path {
  fill: #333333;
}

.u-button--small {
  font-size: 14px;
}

.u-button--large {
  font-size: 16px;
  padding: 16px;
}

.u-button--full-width {
  display: flex;
  width: 100%;
}

.u-button--icon-left svg {
  margin-right: 8px;
}

.u-button--icon-right svg {
  margin-left: 8px;
}

.u-flex-direction-row {
  flex-direction: row;
}

.u-flex-direction-column {
  flex-direction: column;
}

.u-flex-wrap {
  flex-wrap: wrap;
}

.u-align-items-center {
  align-items: center;
}

.u-align-items-baseline {
  align-items: baseline;
}

.u-justify-content-space-between {
  justify-content: space-between;
}

.u-justify-content-center {
  justify-content: center;
}

.u-justify-content-left {
  justify-content: left;
}

.u-flex-grow {
  flex: 1 0 auto;
}

.u-flex-grow-shrink {
  flex: 1 1 auto;
}

.u-flex-shrink {
  flex: 0 1 auto;
}

.u-flex-static {
  flex: 0 0 auto;
}

.u-align-self-center {
  align-self: center;
}

.u-align-self-start {
  align-self: flex-start;
}

.u-align-self-end {
  align-self: flex-end;
}

.u-ma-0 {
  margin: 0;
}

.u-ma-2 {
  margin: 2px;
}

.u-ma-4 {
  margin: 4px;
}

.u-ma-8 {
  margin: 8px;
}

.u-ma-16 {
  margin: 16px;
}

.u-ma-24 {
  margin: 24px;
}

.u-ma-32 {
  margin: 32px;
}

.u-ma-48 {
  margin: 48px;
}

.u-ma-64 {
  margin: 64px;
}

.u-ma-auto {
  margin: auto;
}

.u-mt-0 {
  margin-top: 0;
}

.u-mt-2 {
  margin-top: 2px;
}

.u-mt-4 {
  margin-top: 4px;
}

.u-mt-8 {
  margin-top: 8px;
}

.u-mt-16 {
  margin-top: 16px;
}

.u-mt-24 {
  margin-top: 24px;
}

.u-mt-32 {
  margin-top: 32px;
}

.u-mt-48 {
  margin-top: 48px;
}

.u-mt-64 {
  margin-top: 64px;
}

.u-mt-auto {
  margin-top: auto;
}

.u-mr-0 {
  margin-right: 0;
}

.u-mr-2 {
  margin-right: 2px;
}

.u-mr-4 {
  margin-right: 4px;
}

.u-mr-8 {
  margin-right: 8px;
}

.u-mr-16 {
  margin-right: 16px;
}

.u-mr-24 {
  margin-right: 24px;
}

.u-mr-32 {
  margin-right: 32px;
}

.u-mr-48 {
  margin-right: 48px;
}

.u-mr-64 {
  margin-right: 64px;
}

.u-mr-auto {
  margin-right: auto;
}

.u-mb-0 {
  margin-bottom: 0;
}

.u-mb-2 {
  margin-bottom: 2px;
}

.u-mb-4 {
  margin-bottom: 4px;
}

.u-mb-8 {
  margin-bottom: 8px;
}

.u-mb-16 {
  margin-bottom: 16px;
}

.u-mb-24 {
  margin-bottom: 24px;
}

.u-mb-32 {
  margin-bottom: 32px;
}

.u-mb-48 {
  margin-bottom: 48px;
}

.u-mb-64 {
  margin-bottom: 64px;
}

.u-mb-auto {
  margin-bottom: auto;
}

.u-ml-0 {
  margin-left: 0;
}

.u-ml-2 {
  margin-left: 2px;
}

.u-ml-4 {
  margin-left: 4px;
}

.u-ml-8 {
  margin-left: 8px;
}

.u-ml-16 {
  margin-left: 16px;
}

.u-ml-24 {
  margin-left: 24px;
}

.u-ml-32 {
  margin-left: 32px;
}

.u-ml-48 {
  margin-left: 48px;
}

.u-ml-64 {
  margin-left: 64px;
}

.u-ml-auto {
  margin-left: auto;
}

.u-pa-0 {
  padding: 0;
}

.u-pa-2 {
  padding: 2px;
}

.u-pa-4 {
  padding: 4px;
}

.u-pa-8 {
  padding: 8px;
}

.u-pa-16 {
  padding: 16px;
}

.u-pa-24 {
  padding: 24px;
}

.u-pa-32 {
  padding: 32px;
}

.u-pa-48 {
  padding: 48px;
}

.u-pa-64 {
  padding: 64px;
}

.u-pt-0 {
  padding-top: 0;
}

.u-pt-2 {
  padding-top: 2px;
}

.u-pt-4 {
  padding-top: 4px;
}

.u-pt-8 {
  padding-top: 8px;
}

.u-pt-16 {
  padding-top: 16px;
}

.u-pt-24 {
  padding-top: 24px;
}

.u-pt-32 {
  padding-top: 32px;
}

.u-pt-48 {
  padding-top: 48px;
}

.u-pt-64 {
  padding-top: 64px;
}

.u-pr-0 {
  padding-right: 0;
}

.u-pr-2 {
  padding-right: 2px;
}

.u-pr-4 {
  padding-right: 4px;
}

.u-pr-8 {
  padding-right: 8px;
}

.u-pr-16 {
  padding-right: 16px;
}

.u-pr-24 {
  padding-right: 24px;
}

.u-pr-32 {
  padding-right: 32px;
}

.u-pr-48 {
  padding-right: 48px;
}

.u-pr-64 {
  padding-right: 64px;
}

.u-pb-0 {
  padding-bottom: 0;
}

.u-pb-2 {
  padding-bottom: 2px;
}

.u-pb-4 {
  padding-bottom: 4px;
}

.u-pb-8 {
  padding-bottom: 8px;
}

.u-pb-16 {
  padding-bottom: 16px;
}

.u-pb-24 {
  padding-bottom: 24px;
}

.u-pb-32 {
  padding-bottom: 32px;
}

.u-pb-48 {
  padding-bottom: 48px;
}

.u-pb-64 {
  padding-bottom: 64px;
}

.u-pl-0 {
  padding-left: 0;
}

.u-pl-2 {
  padding-left: 2px;
}

.u-pl-4 {
  padding-left: 4px;
}

.u-pl-8 {
  padding-left: 8px;
}

.u-pl-16 {
  padding-left: 16px;
}

.u-pl-24 {
  padding-left: 24px;
}

.u-pl-32 {
  padding-left: 32px;
}

.u-pl-48 {
  padding-left: 48px;
}

.u-pl-64 {
  padding-left: 64px;
}

.c-header {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
}

.c-header {
  background-color: #fff;
  padding: 16px 0;
  border-bottom: 4px solid #00285a;
}

/* Fallback margins for IE11 */
.c-header__container > * + *,
.c-header__menu > * + *,
.c-header__nav-menu > * + * {
  margin-left: 2em;
}

@supports (gap: 2em) {
  .c-header__container > * + *,
  .c-header__menu > * + *,
  .c-header__nav-menu > * + * {
    margin-left: 0;
  }
}
.c-header__container,
.c-header__menu,
.c-header__nav-menu {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
@supports (gap: 2em) {
  .c-header__container,
  .c-header__menu,
  .c-header__nav-menu {
    gap: 2em;
  }
}

.c-header__menu,
.c-header__nav-menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.c-header__item {
  color: inherit;
}

.c-header__container {
  margin: 0 auto;
  max-width: 1280px;
  padding: 0 16px;
  justify-content: space-between;
}

.c-header__brand a {
  text-decoration: none;
  display: block;
}
.c-header__brand img {
  /* based on springer.com logo's intrinsic height */
  height: 30px;
  width: auto;
}

.c-header__link {
  text-decoration: none;
  color: inherit;
}
.c-header__link.active, .c-header__link:active, .c-header__link.hover, .c-header__link:hover {
  text-decoration: underline;
  text-decoration-skip-ink: auto;
}
.c-header__link:visited {
  color: inherit;
}
.c-header__link:hover {
  color: inherit;
}

.c-header__link--nav {
  font-weight: bold;
}

.c-header__nav {
  border-top: 1px solid #cccccc;
  margin-top: 16px;
  padding-top: 16px;
}

.c-header__nav-menu {
  margin: 0 auto;
  max-width: 1280px;
  padding: 0 16px;
}

.c-header__search-form {
  padding: 48px;
  display: none;
  justify-content: center;
  background-color: #e6e6e6;
}

.c-header__search-form:target,
.c-header__search-form--visible {
  display: flex;
}

.c-header__search-field {
  width: 40rem;
  max-width: 100%;
}

.c-header__search-field label {
  display: block;
  margin-bottom: 4px;
}

.c-header__search-controls {
  display: flex;
  margin-bottom: 8px;
}

.c-header__search-controls input,
.c-header__search-controls button {
  padding: 8px;
  border: 0;
  border-radius: 0;
}

.c-header__search-controls input {
  width: 100%;
  border: 1px solid #cccccc;
  border-width: 1px 0 0 1px;
}

.c-header__springer-link {
  font-size: 0.8em;
}

/* COLOUR
Standardized colour palette
*********************************************************************************************************/
/* TYPOGRAPHY
Standardized sizes and families
*********************************************************************************************************/
/* Subscript/Superscript */
/* To Be Defined */
/* To Be Defined */
/* To Be Defined */
/* Default Body Text Size */
/* To Be Defined */
/* To Be Defined */
/* To Be Defined */
/* To Be Defined */
/* To Be Defined */
/* To Be Defined */
/* To Be Defined */
/* To Be Defined */
/* To Be Defined */
/* To Be Defined */
/* To Be Defined */
/* Z-INDEX
Standarised z-index levels (excluding look-inside)
*********************************************************************************************************/
/* TEXTURE
border-radii (gradients, shadows, etc. could potentially go here)
*********************************************************************************************************/
/* LOGO DEFAULTS
*
* Default behaviour is to have an extension next to the logo but no qualifier (SpringerLink style).
*
* Logo with EXTENSION looks like: SPRINGERLink
* Logo with QUALIFIER looks like: SPRINGER    For Research&Development
*
*********************************************************************************************************/
/* Functions
------------------------------------------------------------------------------*/
/* Mixins
------------------------------------------------------------------------------*/
/* Styles
------------------------------------------------------------------------------*/
/*! normalize.css v2.1.2 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #fff9e0;
  color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
  quotes: "“" "”" "‘" "’";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: normal;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and 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;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve 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;
}

html {
  font-size: 62.5%;
  background: #fff;
}

body {
  color: #333333;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: inherit;
}

/* Typography
------------------------------------------------------------------------------*/
h1, h2, h3, h4 {
  font-family: Georgia, serif;
  font-weight: normal;
  letter-spacing: 0.02em;
}

h1 {
  font-size: 32px;
  font-size: 3.2rem;
  line-height: 36px;
}

h1 span {
  color: #999999;
}

h2 {
  font-size: 24px;
  font-size: 2.4rem;
  line-height: 32px;
}

.sub-heading, .block__heading {
  font-family: Georgia, serif;
  font-size: 20px;
  font-size: 2rem;
  margin: 0;
}

h3 {
  font-size: 20px;
  font-size: 2rem;
  line-height: 30px;
}

h4 {
  font-size: 17px;
  font-size: 1.7rem;
  line-height: 32px;
}

h5 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 24px;
}

p {
  line-height: 1.6;
}

/* Links
------------------------------------------------------------------------------*/
a {
  color: #069;
  text-decoration: none;
  cursor: pointer;
}

a:hover,
a:active,
a:focus {
  color: #069;
  text-decoration: underline;
}

/* truncator */
a[href="#more"],
a[href="#less"] {
  color: #666666;
  font-size: 11px;
  font-size: 1.1rem;
  text-decoration: underline;
  white-space: nowrap;
}

a[href="#more"]:hover,
a[href="#less"]:hover {
  color: #333333;
}

/* external */
a.external:after { /* blue external link indicator */
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 30 30" width="30px" height="30px"><path d="M 25.980469 2.9902344 A 1.0001 1.0001 0 0 0 25.869141 3 L 20 3 A 1.0001 1.0001 0 1 0 20 5 L 23.585938 5 L 13.292969 15.292969 A 1.0001 1.0001 0 1 0 14.707031 16.707031 L 25 6.4140625 L 25 10 A 1.0001 1.0001 0 1 0 27 10 L 27 4.1269531 A 1.0001 1.0001 0 0 0 25.980469 2.9902344 z M 6 7 C 4.9069372 7 4 7.9069372 4 9 L 4 24 C 4 25.093063 4.9069372 26 6 26 L 21 26 C 22.093063 26 23 25.093063 23 24 L 23 14 L 23 11.421875 L 21 13.421875 L 21 16 L 21 24 L 6 24 L 6 9 L 14 9 L 16 9 L 16.578125 9 L 18.578125 7 L 16 7 L 14 7 L 6 7 z"/></svg>');
  content: "";
  display: inline-block;
  height: 15px;
  margin-left: 3px;
  width: 15px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 1px 2px;
}

/* Forms
------------------------------------------------------------------------------*/
button,
input,
select,
textarea {
  color: #666666;
}

input[type=text],
input[type=number],
input[type=date],
input[type=password],
textarea {
  background-color: #FFF;
  border: 1px solid #bcbcbc;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: inset 2px 2px 5px #efefef;
  -moz-box-shadow: inset 2px 2px 5px #efefef;
  box-shadow: inset 2px 2px 5px #efefef;
  font-size: 16px;
  font-size: 1.6rem;
  padding: 4px 3px;
}

input[type=text].placeholder,
input[type=password].placeholder {
  color: #666666;
}

input[type=text]:focus,
input[type=password]:focus,
textarea:focus {
  border-color: #069;
  -webkit-box-shadow: 0 0 3px #069;
  -moz-box-shadow: 0 0 3px #069;
  box-shadow: 0 0 3px #069;
  outline: none;
}

button,
input[type=button],
input[type=submit],
input[type=image],
label {
  cursor: pointer;
}

button::-moz-focus-inner,
input::-moz-focus-inner { /* remove button padding in firefox */
  border: 0;
  padding: 0;
}

table {
  font-size: 14px;
  font-size: 1.4rem;
}

/* Definition list */
dl dt {
  display: block;
  font-weight: bold;
  font-style: italic;
}
dl dd {
  display: block;
  margin: 0 0 7px;
}

.js-hidden {
  display: none;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

/* Hiding
------------------------------------------------------------------------------*/
.pagination__hidden {
  display: none !important;
  visibility: hidden;
}

.visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .visually-hidden {
    /* MQ Smartphone only */
    display: none;
  }
}

.has-border {
  border: 1px solid #dcdcdc;
  border-bottom: 0;
}

.is-sticky {
  position: fixed !important;
}

.clearfix:after, .page__literature-report .referenceLinks a:after, .page__literature-report-un .referenceLinks a:after, .page__evaluation-report .referenceLinks a:after, .page__evaluation-report-un .referenceLinks a:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

p.short-length {
  max-width: 600px;
}

.for-print {
  display: none;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #666666;
}

::-moz-placeholder { /* Firefox 19+ */
  color: #666666;
}

:-ms-input-placeholder { /* IE 10+ */
  color: #666666;
}

:-moz-placeholder { /* Firefox 18- */
  color: #666666;
}

input#searchTerm::placeholder {
  color: #666666;
  font-weight: 400;
}

img {
  max-width: 100%;
}

body,
body * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.desktop {
  display: none;
}
@media screen and (min-width: 992px) {
  .desktop {
    /* MQ Laptop */
    display: inherit;
  }
}

.mobile {
  display: inherit;
}
@media screen and (min-width: 992px) {
  .mobile {
    /* MQ Laptop */
    display: none;
  }
}

.container {
  background: #ffffff;
}
.lt-ie9 .container {
  border: 1px solid #E2E2E2;
  border-width: 0 1px;
}
.container .content-wrapper {
  padding: 1em;
  position: relative;
  max-width: 1280px;
  margin: 0 auto;
}

/* Sticky Header */
.c-header {
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.c-header.scrolling_down {
  opacity: 0;
}

.c-header.scrolling_up {
  opacity: 1;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1001;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

/* Header */
.c-header__brand {
  max-width: 170px;
}
@media screen and (min-width: 992px) {
  .c-header__brand {
    /* MQ Laptop */
    max-width: 200px;
    padding-top: 7px;
  }
}

/* Search panel */
.panel-search {
  order: 3;
}
@media screen and (min-width: 992px) {
  .panel-search {
    /* MQ Laptop */
    order: 2;
  }
}

.c-header__menu {
  order: 2;
  position: relative;
  max-width: 40%;
  gap: 1em 0.5em;
  padding-top: 3px;
}
@media screen and (min-width: 992px) {
  .c-header__menu {
    /* MQ Laptop */
    order: 3;
    gap: 2em;
    max-width: inherit;
    padding-top: 12px;
  }
}

.c-header__nav-menu {
  gap: 0.5em 2em;
  float: right;
  padding: 0;
  padding-top: 10px;
}

.c-header__link--nav {
  font-weight: 400;
}
.c-header__link--nav:hover {
  text-decoration: underline;
}

.admin-portal-items {
  display: none;
  position: absolute;
  width: 150px;
  left: 0;
  top: 100%;
  text-align: left;
  padding: 10px;
  border-top: 1px solid #f1f1f1;
  background: #fff;
  box-shadow: 0px 1px 1px 0px rgb(0, 0, 0);
  z-index: 999;
}
.admin-portal-items.active {
  display: block;
}
.admin-portal-items li {
  padding: 3px 0;
}

.relative_ele {
  position: relative;
}

.c-header__item:hover .admin-portal-items {
  display: block;
}

@media screen and (min-width: 1280px) {
  .admin-menu-link {
    /* MQ Widescreen */
    float: right;
  }
}

.panel-menu__cross-nav .panel-menu__auth {
  width: 48%;
  float: left;
}
@media screen and (min-width: 1280px) {
  .panel-menu__cross-nav .panel-menu__auth {
    /* MQ Widescreen */
    float: none;
    width: 100%;
  }
}
@media screen and (min-width: 1280px) {
  .panel-menu__cross-nav .admin-portal-items {
    /* MQ Widescreen */
    top: 20px;
    z-index: 100;
  }
}
.panel-menu__cross-nav .user-info__business-partners {
  float: right;
  width: 50%;
  padding: 0 2px;
}
@media screen and (min-width: 1280px) {
  .panel-menu__cross-nav .user-info__business-partners {
    /* MQ Widescreen */
    float: none;
    width: 100%;
  }
}

.partner-name {
  margin-top: 1px;
  font-weight: bold;
}
.partner-name a {
  text-decoration: none;
  color: #333333;
  cursor: default;
}

ul.login-links {
  text-align: left;
  font-size: 16px;
  color: #333;
}
ul.login-links a {
  text-decoration: none;
  color: #333333;
  text-decoration: none;
  opacity: 1;
  /* color: rgba(51,51,51,1); */
  font-size: 16px;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0px;
  text-align: left;
  line-height: 24px;
}
ul.login-links .admin-link {
  font-weight: normal;
  color: #666666;
  font-size: 14px;
}
ul.login-links a.login-underline {
  color: #333333;
  opacity: 1;
  font-size: 16px;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0px;
  text-align: left;
  line-height: 24px;
}
ul.login-links a.login-underline:hover {
  text-decoration: underline;
}
ul.login-links a.login-underline:focus {
  text-decoration: underline;
}

/* Footer
  ------------------------------------------------------------------------------*/
.main-footer {
  position: relative;
  z-index: 2;
}

#onetrust-consent-sdk {
  font-size: 16px;
}

.c-publisher-footer__menu {
  column-count: 1;
}

@media screen and (min-width: 768px) {
  .c-publisher-footer__menu {
    column-count: 3;
  }
}
.c-user-metadata {
  padding-top: 3px;
}

.footer-copyright_link {
  text-decoration: underline;
}

/* Content */
.main-content {
  background: #fff;
  min-height: 400px;
  padding: 12px 12px 50px 12px;
  -webkit-transition: padding 0.25s ease-in-out;
  -moz-transition: padding 0.25s ease-in-out;
  -o-transition: padding 0.25s ease-in-out;
  transition: padding 0.25s ease-in-out;
  zoom: 1;
  position: relative;
}
.main-content:before, .main-content:after {
  content: "";
  display: table;
}
.main-content:after {
  clear: both;
}
@media screen and (min-width: 768px) {
  .main-content {
    /* MQ Tablet */
    padding: 20px;
  }
}
@media screen and (min-width: 1280px) {
  .main-content {
    /* MQ Widescreen */
    -webkit-box-shadow: inset 0 0px 0 0 #FFF, inset 0 18px 18px -18px #efefef;
    -moz-box-shadow: inset 0 0px 0 0 #FFF, inset 0 18px 18px -18px #efefef;
    box-shadow: inset 0 0px 0 0 #FFF, inset 0 18px 18px -18px #efefef;
  }
}

.toc {
  margin-top: 40px;
  /* list */
  /* item */
}
.toc h2 {
  -webkit-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
  -moz-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
  box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
  border-bottom: 1px solid #D7D6D6;
  padding: 0 4px 7px 0;
  margin-bottom: 10px;
}
.toc h2 span {
  font-size: 16px;
  font-size: 1.6rem;
  color: #999999;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
}
.toc ol {
  list-style: none;
  margin: 0;
  padding: 0;
}
.toc ol:first-child, .toc .phase-diagram-layout .col-aside .readings-list .document__abstract-actions ol.action--icon-download:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .toc ol.action--icon-download:nth-child(2) {
  margin-top: 5px;
}
.toc ol ol {
  border: 0;
}
.toc ol ol ol {
  margin-bottom: 5px;
}
.toc ol ol h3,
.toc ol ol ol {
  margin-left: 30px;
}
.toc li,
.toc li li:first-child,
.toc li .phase-diagram-layout .col-aside .readings-list .document__abstract-actions li.action--icon-download:nth-child(2),
.phase-diagram-layout .col-aside .readings-list .document__abstract-actions .toc li li.action--icon-download:nth-child(2) {
  border-top: 1px solid #dcdcdc;
}
.toc li:first-child, .toc .phase-diagram-layout .col-aside .readings-list .document__abstract-actions li.action--icon-download:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .toc li.action--icon-download:nth-child(2),
.toc ul li,
.toc ul li:first-child {
  border-top: 0; /* removes the double border at the top of the list (h2 has already one) */
}
.toc .toc-item + h3 {
  border-top: 1px solid #dcdcdc;
  margin-top: 5px;
}
.toc .toc__item {
  padding: 12px 15px 13px 10px;
  position: relative;
  zoom: 1;
}
.toc .toc__item p {
  margin: 0;
  padding: 0;
}
.toc .toc__item:hover {
  background-color: #FBFBFB;
  -webkit-box-shadow: inset 0 1px 0 #FFF, inset 0 -1px 0 #FFF;
  -moz-box-shadow: inset 0 1px 0 #FFF, inset 0 -1px 0 #FFF;
  box-shadow: inset 0 1px 0 #FFF, inset 0 -1px 0 #FFF;
}
.toc .item__content-type {
  color: #666666;
  font-size: 11px;
  font-size: 1.1rem;
  position: relative;
}
.toc .item__title {
  background: none;
  border-bottom: 0;
  color: #333333;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.4;
  margin: 3px 0 0 0;
  padding: 0;
}
.toc .item__meta {
  margin-right: 100px;
  margin-top: 5px;
}
.toc .item__meta a {
  color: #333333;
}
.toc .actions {
  margin-top: 10px;
}
.toc .actions .action {
  display: block;
  margin-bottom: 2px;
}

.bread-crumb {
  display: none;
  top: 95px;
  position: relative;
}
@media screen and (min-width: 1280px) {
  .bread-crumb {
    /* MQ Widescreen */
    top: auto;
  }
}
.bread-crumb .breadcrumb {
  list-style: none;
  padding: 10px 10px 10px 33px;
  margin: 0;
  height: 10px;
  box-shadow: 0px 0px 0px 0px #FFF inset, 0px 18px 18px -18px #EFEFEF inset;
  background: #EFEFEF;
}
.bread-crumb .breadcrumb li {
  float: left;
}
.bread-crumb .breadcrumb li:before {
  content: " >";
  color: #0176C3;
  padding: 0 10px;
}
.bread-crumb .breadcrumb li a {
  color: #0176C3;
  text-decoration: none;
  padding: 0;
  position: relative;
  display: block;
  float: left;
  font-size: 1.1rem;
}
.bread-crumb .breadcrumb li.home :before {
  content: "";
  padding: 0;
  margin: 0;
}
.bread-crumb .breadcrumb li.home :after {
  content: "";
}
.bread-crumb .breadcrumb li:last-child:before {
  content: "";
  padding: 0;
  margin: 0;
}

.assistive-text {
  height: 1px;
  width: 1px;
  position: absolute;
  overflow: hidden;
  top: -10px;
}

.document .accordion {
  padding-left: 20px;
}

#skip-header {
  position: absolute;
  top: 10px;
  left: 10px;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip-path: inset(1px 1px 1px 1px);
  clip-path: inset(1px, 1px, 1px, 1px);
}

#skip-header.c-skip-link:focus {
  position: absolute;
  display: inline-block;
  height: auto;
  width: auto;
  overflow: visible;
  clip-path: none;
  z-index: 1002;
}

@media screen and (max-width: -1px) {
  .hidden-xs-down {
    display: none !important;
  }
}
.hidden-xs-up {
  display: none !important;
}

@media screen and (max-width: 575px) {
  .hidden-sm-down {
    display: none !important;
  }
}
@media screen and (min-width: 576px) {
  .hidden-sm-up {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .hidden-md-down {
    display: none !important;
  }
}
@media screen and (min-width: 768px) {
  .hidden-md-up {
    display: none !important;
  }
}
@media screen and (max-width: 991px) {
  .hidden-lg-down {
    display: none !important;
  }
}
@media screen and (min-width: 992px) {
  .hidden-lg-up {
    display: none !important;
  }
}
@media screen and (max-width: 1279px) {
  .hidden-xl-down {
    display: none !important;
  }
}
@media screen and (min-width: 1280px) {
  .hidden-xl-up {
    display: none !important;
  }
}
.container {
  max-width: 1280px;
  margin: 0 auto;
}
.container.fluid {
  margin: 0;
  max-width: 100%;
}
.container .row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  align-items: start;
}
.container .col-offset-0 {
  margin-left: 0;
}
.container .col-1 {
  flex-basis: 8.3333333333%;
}
.container .col-offset-1 {
  margin-left: 8.3333333333%;
}
.container .col-2 {
  flex-basis: 16.6666666667%;
}
.container .col-offset-2 {
  margin-left: 16.6666666667%;
}
.container .col-3 {
  flex-basis: 25%;
}
.container .col-offset-3 {
  margin-left: 25%;
}
.container .col-4 {
  flex-basis: 33.3333333333%;
}
.container .col-offset-4 {
  margin-left: 33.3333333333%;
}
.container .col-5 {
  flex-basis: 41.6666666667%;
}
.container .col-offset-5 {
  margin-left: 41.6666666667%;
}
.container .col-6 {
  flex-basis: 50%;
}
.container .col-offset-6 {
  margin-left: 50%;
}
.container .col-7 {
  flex-basis: 58.3333333333%;
}
.container .col-offset-7 {
  margin-left: 58.3333333333%;
}
.container .col-8 {
  flex-basis: 66.6666666667%;
}
.container .col-offset-8 {
  margin-left: 66.6666666667%;
}
.container .col-9 {
  flex-basis: 75%;
}
.container .col-offset-9 {
  margin-left: 75%;
}
.container .col-10 {
  flex-basis: 83.3333333333%;
}
.container .col-offset-10 {
  margin-left: 83.3333333333%;
}
.container .col-11 {
  flex-basis: 91.6666666667%;
}
.container .col-offset-11 {
  margin-left: 91.6666666667%;
}
.container .col-12 {
  flex-basis: 100%;
}
.container .col-offset-12 {
  margin-left: 100%;
}
@media screen and (min-width: 576px) {
  .container .col-sm-offset-0 {
    margin-left: 0;
  }
  .container .col-sm-1 {
    flex-basis: 8.3333333333%;
  }
  .container .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .container .col-sm-2 {
    flex-basis: 16.6666666667%;
  }
  .container .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .container .col-sm-3 {
    flex-basis: 25%;
  }
  .container .col-sm-offset-3 {
    margin-left: 25%;
  }
  .container .col-sm-4 {
    flex-basis: 33.3333333333%;
  }
  .container .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .container .col-sm-5 {
    flex-basis: 41.6666666667%;
  }
  .container .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .container .col-sm-6 {
    flex-basis: 50%;
  }
  .container .col-sm-offset-6 {
    margin-left: 50%;
  }
  .container .col-sm-7 {
    flex-basis: 58.3333333333%;
  }
  .container .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .container .col-sm-8 {
    flex-basis: 66.6666666667%;
  }
  .container .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .container .col-sm-9 {
    flex-basis: 75%;
  }
  .container .col-sm-offset-9 {
    margin-left: 75%;
  }
  .container .col-sm-10 {
    flex-basis: 83.3333333333%;
  }
  .container .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .container .col-sm-11 {
    flex-basis: 91.6666666667%;
  }
  .container .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .container .col-sm-12 {
    flex-basis: 100%;
  }
  .container .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media screen and (min-width: 768px) {
  .container .col-md-offset-0 {
    margin-left: 0;
  }
  .container .col-md-1 {
    flex-basis: 8.3333333333%;
  }
  .container .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .container .col-md-2 {
    flex-basis: 16.6666666667%;
  }
  .container .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .container .col-md-3 {
    flex-basis: 25%;
  }
  .container .col-md-offset-3 {
    margin-left: 25%;
  }
  .container .col-md-4 {
    flex-basis: 33.3333333333%;
  }
  .container .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .container .col-md-5 {
    flex-basis: 41.6666666667%;
  }
  .container .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .container .col-md-6 {
    flex-basis: 50%;
  }
  .container .col-md-offset-6 {
    margin-left: 50%;
  }
  .container .col-md-7 {
    flex-basis: 58.3333333333%;
  }
  .container .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .container .col-md-8 {
    flex-basis: 66.6666666667%;
  }
  .container .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .container .col-md-9 {
    flex-basis: 75%;
  }
  .container .col-md-offset-9 {
    margin-left: 75%;
  }
  .container .col-md-10 {
    flex-basis: 83.3333333333%;
  }
  .container .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .container .col-md-11 {
    flex-basis: 91.6666666667%;
  }
  .container .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .container .col-md-12 {
    flex-basis: 100%;
  }
  .container .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media screen and (min-width: 992px) {
  .container .col-lg-offset-0 {
    margin-left: 0;
  }
  .container .col-lg-1 {
    flex-basis: 8.3333333333%;
  }
  .container .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .container .col-lg-2 {
    flex-basis: 16.6666666667%;
  }
  .container .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .container .col-lg-3 {
    flex-basis: 25%;
  }
  .container .col-lg-offset-3 {
    margin-left: 25%;
  }
  .container .col-lg-4 {
    flex-basis: 33.3333333333%;
  }
  .container .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .container .col-lg-5 {
    flex-basis: 41.6666666667%;
  }
  .container .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .container .col-lg-6 {
    flex-basis: 50%;
  }
  .container .col-lg-offset-6 {
    margin-left: 50%;
  }
  .container .col-lg-7 {
    flex-basis: 58.3333333333%;
  }
  .container .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .container .col-lg-8 {
    flex-basis: 66.6666666667%;
  }
  .container .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .container .col-lg-9 {
    flex-basis: 75%;
  }
  .container .col-lg-offset-9 {
    margin-left: 75%;
  }
  .container .col-lg-10 {
    flex-basis: 83.3333333333%;
  }
  .container .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .container .col-lg-11 {
    flex-basis: 91.6666666667%;
  }
  .container .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .container .col-lg-12 {
    flex-basis: 100%;
  }
  .container .col-lg-offset-12 {
    margin-left: 100%;
  }
}
@media screen and (min-width: 1280px) {
  .container .col-xl-offset-0 {
    margin-left: 0;
  }
  .container .col-xl-1 {
    flex-basis: 8.3333333333%;
  }
  .container .col-xl-offset-1 {
    margin-left: 8.3333333333%;
  }
  .container .col-xl-2 {
    flex-basis: 16.6666666667%;
  }
  .container .col-xl-offset-2 {
    margin-left: 16.6666666667%;
  }
  .container .col-xl-3 {
    flex-basis: 25%;
  }
  .container .col-xl-offset-3 {
    margin-left: 25%;
  }
  .container .col-xl-4 {
    flex-basis: 33.3333333333%;
  }
  .container .col-xl-offset-4 {
    margin-left: 33.3333333333%;
  }
  .container .col-xl-5 {
    flex-basis: 41.6666666667%;
  }
  .container .col-xl-offset-5 {
    margin-left: 41.6666666667%;
  }
  .container .col-xl-6 {
    flex-basis: 50%;
  }
  .container .col-xl-offset-6 {
    margin-left: 50%;
  }
  .container .col-xl-7 {
    flex-basis: 58.3333333333%;
  }
  .container .col-xl-offset-7 {
    margin-left: 58.3333333333%;
  }
  .container .col-xl-8 {
    flex-basis: 66.6666666667%;
  }
  .container .col-xl-offset-8 {
    margin-left: 66.6666666667%;
  }
  .container .col-xl-9 {
    flex-basis: 75%;
  }
  .container .col-xl-offset-9 {
    margin-left: 75%;
  }
  .container .col-xl-10 {
    flex-basis: 83.3333333333%;
  }
  .container .col-xl-offset-10 {
    margin-left: 83.3333333333%;
  }
  .container .col-xl-11 {
    flex-basis: 91.6666666667%;
  }
  .container .col-xl-offset-11 {
    margin-left: 91.6666666667%;
  }
  .container .col-xl-12 {
    flex-basis: 100%;
  }
  .container .col-xl-offset-12 {
    margin-left: 100%;
  }
}

/* Layouts
------------------------------------------------------------------------------*/
/* based on a 980 grid with 12 columns,*/
.layout__col-aside,
.layout__col-main {
  margin: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .layout__col-aside,
  .layout__col-main {
    /* MQ Tablet */
    display: inline;
    float: left;
    margin-bottom: 30px;
  }
}

/* layout 1 (4/8, e.g. home) */
.layout-1 {
  zoom: 1;
}
.layout-1:before, .layout-1:after {
  content: "";
  display: table;
}
.layout-1:after {
  clear: both;
}
@media screen and (min-width: 768px) {
  .layout-1 .layout__col-aside {
    /* MQ Tablet */
    width: 23%; /*31.914893617%;*/ /* Math: 300 / 940 */
  }
}
@media screen and (min-width: 768px) {
  .layout-1 .layout__col-main {
    /* MQ Tablet */
    float: right;
    width: 75%; /*65.9574468085%;*/ /* Math: 620 / 940 */
  }
}

/* layout 2 (3/9, e.g. results) */
.layout-2 {
  zoom: 1;
}
.layout-2:before, .layout-2:after {
  content: "";
  display: table;
}
.layout-2:after {
  clear: both;
}
@media screen and (min-width: 768px) {
  .layout-2 .layout__col-aside {
    /* MQ Tablet */
    width: 23.4042553191%; /* Math: 220 / 940 */
  }
}
@media screen and (min-width: 768px) {
  .layout-2 .layout__col-main {
    /* MQ Tablet */
    float: right;
    width: 74.4680851064%; /* Math: 700 / 940 */
  }
}

.document__heading {
  position: relative;
  margin-bottom: 40px;
}
@media screen and (min-width: 768px) {
  .document__heading {
    /* MQ Tablet */
    width: 90%;
    margin-bottom: 40px;
  }
}
.document__heading h1 {
  margin-bottom: 0;
}

/* layout 3 (8/4, e.g. abstract) */
.layout-3, .layout--table {
  zoom: 1;
}
.layout-3:before, .layout--table:before, .layout-3:after, .layout--table:after {
  content: "";
  display: table;
}
.layout-3:after, .layout--table:after {
  clear: both;
}
.layout-3 .layout__col-main, .layout--table .layout__col-main {
  position: relative;
}
@media screen and (min-width: 768px) {
  .layout-3 .layout__col-main, .layout--table .layout__col-main {
    /* MQ Tablet */
    width: 61.7021276596%; /* Math: 580 / 940 */
  }
}
.page-substanceprofile .layout-3 .layout__col-main, .page-substanceprofile .layout--table .layout__col-main {
  margin-bottom: 0;
}
.layout-3 .layout__col-aside + *, .layout--table .layout__col-aside + * {
  clear: left;
}
@media screen and (min-width: 768px) {
  .layout-3 .layout__col-aside, .layout--table .layout__col-aside {
    /* MQ Tablet */
    margin-left: 7.2553191489%; /* Math: 40 / 940 */
    width: 21.5319148936%; /* Math: 240 / 940 */
  }
  .page-substanceprofile .layout-3 .layout__col-aside, .page-substanceprofile .layout--table .layout__col-aside {
    margin-right: 4.2553191489%; /* Math: 40 / 940 */
    float: right;
  }
}

/* layout 3b (8/4 width col-aside first, e.g. only Signup) */
.layout-3b {
  zoom: 1;
}
.layout-3b:before, .layout-3b:after {
  content: "";
  display: table;
}
.layout-3b:after {
  clear: both;
}
.layout-3b .layout__col-main {
  position: relative;
}
@media screen and (min-width: 768px) {
  .layout-3b .layout__col-main {
    /* MQ Tablet */
    margin-left: 4.2553191489%; /* Math: 40 / 940 */
    width: 61.7021276596%; /* Math: 580 / 940 */
  }
}
.layout-3b .layout__col-aside {
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .layout-3b .layout__col-aside {
    /* MQ Tablet */
    float: right;
    margin: auto 4.2553191489% 30px auto;
    width: 25.5319148936%; /* Math: 240 / 940 */
  }
}

/* layout 4 (~7, e.g. info) */
@media screen and (min-width: 768px) {
  .layout-4 {
    /* MQ Tablet */
    padding: 10px 34.0425531915% 54px 4.2553191489%; /* Math: 320 / 940 &  40 / 940*/
  }
}

/* layout 5 (1 column) */
.layout-5 {
  zoom: 1;
}
.layout-5:before, .layout-5:after {
  content: "";
  display: table;
}
.layout-5:after {
  clear: both;
}

/* layout 6 (6/6 without margins, e.g. support/manage promotions) */
.layout-6 {
  zoom: 1;
}
.layout-6:before, .layout-6:after {
  content: "";
  display: table;
}
.layout-6:after {
  clear: both;
}
@media screen and (min-width: 768px) {
  .layout-6 .layout__col-main {
    /* MQ Tablet */
    width: 46.808511%; /*44.6808510638%;   /* Math: 440 / 940 */
  }
}
.layout-6 .layout__col-aside {
  position: relative;
}
@media screen and (min-width: 768px) {
  .layout-6 .layout__col-aside {
    /* MQ Tablet */
    margin-left: 6.3829787234%; /* Math: 60 / 940 */
    width: 46.808511%; /* Math: 440 / 940 */
  }
}

.layout--table .layout__col-main {
  margin: 0;
  width: 75%;
  border-right: 1px solid #dcdcdc;
  margin-right: -1px;
}
.layout--table .layout__col-aside {
  margin: 0;
  width: 25%;
}
.layout--table .layout__col-aside:after {
  clear: both;
}

.layout--static {
  zoom: 1;
  margin-bottom: 24px;
}
.layout--static:before, .layout--static:after {
  content: "";
  display: table;
}
.layout--static:after {
  clear: both;
}
@media screen and (min-width: 768px) {
  .layout--static {
    /* MQ Tablet */
    padding: 0 10px 0 40px;
  }
}
@media screen and (min-width: 768px) {
  .layout--static .layout__col-main {
    /* MQ Tablet */
    width: 78.6516853933%;
  }
}
@media screen and (min-width: 768px) {
  .layout--static .layout__col-aside {
    /* MQ Tablet */
    width: 20.2247191011%;
  }
}

.print-url {
  display: none;
}

.in-iframe {
  background: none;
}
.in-iframe .container {
  width: 100%;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.lt-ie9 .in-iframe .container {
  border: none;
}
.in-iframe .main-content {
  margin-top: 0;
  padding: 20px 0 0;
}

.clearfix, .page__literature-report .referenceLinks a, .page__literature-report-un .referenceLinks a, .page__evaluation-report .referenceLinks a, .page__evaluation-report-un .referenceLinks a {
  zoom: 1;
}
.clearfix:after, .page__literature-report .referenceLinks a:after, .page__literature-report-un .referenceLinks a:after, .page__evaluation-report .referenceLinks a:after, .page__evaluation-report-un .referenceLinks a:after, .clearfix:before, .page__literature-report .referenceLinks a:before, .page__literature-report-un .referenceLinks a:before, .page__evaluation-report .referenceLinks a:before, .page__evaluation-report-un .referenceLinks a:before {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after, .page__literature-report .referenceLinks a:after, .page__literature-report-un .referenceLinks a:after, .page__evaluation-report .referenceLinks a:after, .page__evaluation-report-un .referenceLinks a:after {
  clear: both;
}

input::-ms-clear {
  display: none;
}

.new__tag {
  background: #E77730;
  border-radius: 1px;
  font-family: "HelveticaNeue-Bold";
  font-size: 8px !important;
  color: #ffffff !important;
  letter-spacing: 0.28px;
  padding: 1px 3px;
  position: relative !important;
  left: 0;
  top: -7px;
}

.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-helper-reset {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  line-height: 1.3;
  text-decoration: none;
  font-size: 100%;
  list-style: none;
}

.ui-helper-clearfix {
  min-height: 0;
  /* support: IE7 */
}

.ui-helper-clearfix:before {
  content: "";
  display: table;
  border-collapse: collapse;
}

.ui-helper-clearfix:after {
  content: "";
  display: table;
  border-collapse: collapse;
  clear: both;
}

.ui-helper-zfix {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  filter: Alpha(Opacity=0);
}

.ui-front {
  z-index: 100;
}

/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
  cursor: default !important;
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  display: block;
  text-indent: -99999px;
  overflow: hidden;
  background-repeat: no-repeat;
}

/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ui-accordion .ui-accordion-header {
  display: block;
  cursor: pointer;
  position: relative;
  margin-top: 2px;
  padding: 0.5em 0.5em 0.5em 0.7em;
  min-height: 0;
  /* support: IE7 */
}

.ui-accordion .ui-accordion-icons {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-noicons {
  padding-left: 0.7em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
  padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
  position: absolute;
  left: 0.5em;
  top: 50%;
  margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
  padding: 1em 2.2em;
  border-top: 0;
  overflow: auto;
}

.ui-autocomplete {
  position: absolute;
  top: 0;
  left: 0;
  cursor: default;
}

.ui-button {
  display: inline-block;
  position: relative;
  padding: 0;
  line-height: normal;
  margin-right: 0.1em;
  cursor: pointer;
  vertical-align: middle;
  text-align: center;
  overflow: visible;
  /* removes extra width in IE */
  text-decoration: none;
}

.ui-button:link, .ui-button:visited, .ui-button:hover, .ui-button:active {
  text-decoration: none;
}

/* to make room for the icon, a width needs to be set here */
.ui-button-icon-only {
  width: 2.2em;
}

/* button elements seem to need a little more width */
button.ui-button-icon-only {
  width: 2.4em;
}

.ui-button-icons-only {
  width: 3.4em;
}

button.ui-button-icons-only {
  width: 3.7em;
}

/* button text element */
.ui-button .ui-button-text {
  display: block;
  line-height: normal;
}

.ui-button-text-only .ui-button-text {
  padding: 0.4em 1em;
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
  padding: 0.4em;
  text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
  padding: 0.4em 1em 0.4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text {
  padding: 0.4em 2.1em 0.4em 1em;
}

.ui-button-text-icons .ui-button-text {
  padding: 0.4em 2.1em 0.4em 1em;
  padding-left: 2.1em;
  padding-right: 2.1em;
}

/* no icon support for input elements, provide padding by default */
input.ui-button {
  padding: 0.4em 1em;
}

/* button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
  position: absolute;
  top: 50%;
  margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
  left: 50%;
  margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
  left: 0.5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
  right: 0.5em;
}

/* button sets */
.ui-buttonset {
  margin-right: 7px;
}

.ui-buttonset .ui-button {
  margin-left: 0;
  margin-right: -0.3em;
}

/* workarounds */
/* reset extra padding in Firefox, see h5bp.com/l */
input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.ui-datepicker {
  width: 17em;
  padding: 0.2em 0.2em 0;
  display: none;
}

.ui-datepicker .ui-datepicker-header {
  position: relative;
  padding: 0.2em 0;
}

.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
  position: absolute;
  top: 2px;
  width: 1.8em;
  height: 1.8em;
}

.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
  top: 1px;
}

.ui-datepicker .ui-datepicker-prev {
  left: 2px;
}

.ui-datepicker .ui-datepicker-next {
  right: 2px;
}

.ui-datepicker .ui-datepicker-prev-hover {
  left: 1px;
}

.ui-datepicker .ui-datepicker-next-hover {
  right: 1px;
}

.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
  display: block;
  position: absolute;
  left: 50%;
  margin-left: -8px;
  top: 50%;
  margin-top: -8px;
}

.ui-datepicker .ui-datepicker-title {
  margin: 0 2.3em;
  line-height: 1.8em;
  text-align: center;
}

.ui-datepicker .ui-datepicker-title select {
  font-size: 1em;
  margin: 1px 0;
}

.ui-datepicker select.ui-datepicker-month-year {
  width: 100%;
}

.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
  width: 49%;
}

.ui-datepicker table {
  width: 100%;
  font-size: 0.9em;
  border-collapse: collapse;
  margin: 0 0 0.4em;
}

.ui-datepicker th {
  padding: 0.7em 0.3em;
  text-align: center;
  font-weight: bold;
  border: 0;
}

.ui-datepicker td {
  border: 0;
  padding: 1px;
}

.ui-datepicker td span, .ui-datepicker td a {
  display: block;
  padding: 0.2em;
  text-align: right;
  text-decoration: none;
}

.ui-datepicker .ui-datepicker-buttonpane {
  background-image: none;
  margin: 0.7em 0 0 0;
  padding: 0 0.2em;
  border-left: 0;
  border-right: 0;
  border-bottom: 0;
}

.ui-datepicker .ui-datepicker-buttonpane button {
  float: right;
  margin: 0.5em 0.2em 0.4em;
  cursor: pointer;
  padding: 0.2em 0.6em 0.3em 0.6em;
  width: auto;
  overflow: visible;
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: left;
}

.ui-datepicker.ui-datepicker-multi {
  width: auto;
}

/* with multiple calendars */
.ui-datepicker-multi .ui-datepicker-group {
  float: left;
}

.ui-datepicker-multi .ui-datepicker-group table {
  width: 95%;
  margin: 0 auto 0.4em;
}

.ui-datepicker-multi-2 .ui-datepicker-group {
  width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
  width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
  width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
  border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
  clear: left;
}

.ui-datepicker-row-break {
  clear: both;
  width: 100%;
  font-size: 0;
}

/* RTL support */
.ui-datepicker-rtl {
  direction: rtl;
}

.ui-datepicker-rtl .ui-datepicker-prev {
  right: 2px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next {
  left: 2px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
  right: 1px;
  left: auto;
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
  left: 1px;
  right: auto;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
  clear: right;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
  float: left;
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group {
  float: right;
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header, .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
  border-right-width: 0;
  border-left-width: 1px;
}

.ui-dialog {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0.2em;
  outline: 0;
}

.ui-dialog .ui-dialog-titlebar {
  padding: 0.4em 1em;
  position: relative;
}

.ui-dialog .ui-dialog-title {
  float: left;
  margin: 0.1em 0;
  white-space: nowrap;
  width: 90%;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-dialog .ui-dialog-titlebar-close {
  position: absolute;
  right: 0.3em;
  top: 50%;
  width: 21px;
  margin: -10px 0 0 0;
  padding: 1px;
  height: 20px;
}

.ui-dialog .ui-dialog-content {
  position: relative;
  border: 0;
  padding: 0.5em 1em;
  background: none;
  overflow: auto;
}

.ui-dialog .ui-dialog-buttonpane {
  text-align: left;
  border-width: 1px 0 0 0;
  background-image: none;
  margin-top: 0.5em;
  padding: 0.3em 1em 0.5em 0.4em;
}

.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: right;
}

.ui-dialog .ui-dialog-buttonpane button {
  margin: 0.5em 0.4em 0.5em 0;
  cursor: pointer;
}

.ui-dialog .ui-resizable-se {
  width: 12px;
  height: 12px;
  right: -5px;
  bottom: -5px;
  background-position: 16px 16px;
}

.ui-draggable .ui-dialog-titlebar {
  cursor: move;
}

.ui-menu {
  list-style: none;
  padding: 2px;
  margin: 0;
  display: block;
  outline: none;
}

.ui-menu .ui-menu {
  margin-top: -3px;
  position: absolute;
}

.ui-menu .ui-menu-item {
  margin: 0;
  padding: 0;
  width: 100%;
  /* support: IE10, see #8844 */
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
}

.ui-menu .ui-menu-divider {
  margin: 5px -2px 5px -2px;
  height: 0;
  font-size: 0;
  line-height: 0;
  border-width: 1px 0 0 0;
}

.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: 2px 0.4em;
  line-height: 1.5;
  min-height: 0;
  /* support: IE7 */
  font-weight: normal;
}

.ui-menu .ui-menu-item a.ui-state-focus, .ui-menu .ui-menu-item a.ui-state-active {
  font-weight: normal;
  margin: -1px;
}

.ui-menu .ui-state-disabled {
  font-weight: normal;
  margin: 0.4em 0 0.2em;
  line-height: 1.5;
}

.ui-menu .ui-state-disabled a {
  cursor: default;
}

/* icon support */
.ui-menu-icons {
  position: relative;
}

.ui-menu-icons .ui-menu-item a {
  position: relative;
  padding-left: 2em;
}

/* left-aligned */
.ui-menu .ui-icon {
  position: absolute;
  top: 0.2em;
  left: 0.2em;
}

.ui-menu .ui-menu-icon {
  position: static;
  float: right;
}

/* right-aligned */
.ui-progressbar {
  height: 2em;
  text-align: left;
  overflow: hidden;
}

.ui-progressbar .ui-progressbar-value {
  margin: -1px;
  height: 100%;
}

.ui-progressbar .ui-progressbar-overlay {
  background: url("images/animated-overlay.gif");
  height: 100%;
  filter: alpha(opacity=25);
  opacity: 0.25;
}

.ui-progressbar-indeterminate .ui-progressbar-value {
  background-image: none;
}

.ui-resizable {
  position: relative;
}

.ui-resizable-handle {
  position: absolute;
  font-size: 0.1px;
  display: block;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
  display: none;
}

.ui-resizable-n {
  cursor: n-resize;
  height: 7px;
  width: 100%;
  top: -5px;
  left: 0;
}

.ui-resizable-s {
  cursor: s-resize;
  height: 7px;
  width: 100%;
  bottom: -5px;
  left: 0;
}

.ui-resizable-e {
  cursor: e-resize;
  width: 7px;
  right: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-w {
  cursor: w-resize;
  width: 7px;
  left: -5px;
  top: 0;
  height: 100%;
}

.ui-resizable-se {
  cursor: se-resize;
  width: 12px;
  height: 12px;
  right: 1px;
  bottom: 1px;
}

.ui-resizable-sw {
  cursor: sw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  bottom: -5px;
}

.ui-resizable-nw {
  cursor: nw-resize;
  width: 9px;
  height: 9px;
  left: -5px;
  top: -5px;
}

.ui-resizable-ne {
  cursor: ne-resize;
  width: 9px;
  height: 9px;
  right: -5px;
  top: -5px;
}

.ui-selectable-helper {
  position: absolute;
  z-index: 100;
  border: 1px dotted black;
}

.ui-slider {
  position: relative;
  text-align: left;
}

.ui-slider .ui-slider-handle {
  position: absolute;
  z-index: 2;
  width: 1.2em;
  height: 1.2em;
  cursor: default;
}

.ui-slider .ui-slider-range {
  position: absolute;
  z-index: 1;
  font-size: 0.7em;
  display: block;
  border: 0;
  background-position: 0 0;
}

.ui-slider.ui-state-disabled .ui-slider-handle, .ui-slider.ui-state-disabled .ui-slider-range {
  filter: inherit;
}

/* For IE8 - See #6727 */
.ui-slider-horizontal {
  height: 0.8em;
}

.ui-slider-horizontal .ui-slider-handle {
  top: -0.3em;
  margin-left: -0.6em;
}

.ui-slider-horizontal .ui-slider-range {
  top: 0;
  height: 100%;
}

.ui-slider-horizontal .ui-slider-range-min {
  left: 0;
}

.ui-slider-horizontal .ui-slider-range-max {
  right: 0;
}

.ui-slider-vertical {
  width: 0.8em;
  height: 100px;
}

.ui-slider-vertical .ui-slider-handle {
  left: -0.3em;
  margin-left: 0;
  margin-bottom: -0.6em;
}

.ui-slider-vertical .ui-slider-range {
  left: 0;
  width: 100%;
}

.ui-slider-vertical .ui-slider-range-min {
  bottom: 0;
}

.ui-slider-vertical .ui-slider-range-max {
  top: 0;
}

.ui-spinner {
  position: relative;
  display: inline-block;
  overflow: hidden;
  padding: 0;
  vertical-align: middle;
}

.ui-spinner-input {
  border: none;
  background: none;
  color: inherit;
  padding: 0;
  margin: 0.2em 0;
  vertical-align: middle;
  margin-left: 0.4em;
  margin-right: 22px;
}

.ui-spinner-button {
  width: 16px;
  height: 50%;
  font-size: 0.5em;
  padding: 0;
  margin: 0;
  text-align: center;
  position: absolute;
  cursor: default;
  display: block;
  overflow: hidden;
  right: 0;
}

/* more specificity required here to overide default borders */
.ui-spinner a.ui-spinner-button {
  border-top: none;
  border-bottom: none;
  border-right: none;
}

.ui-spinner .ui-icon {
  position: absolute;
  margin-top: -8px;
  top: 50%;
  left: 0;
}

/* vertical centre icon */
.ui-spinner-up {
  top: 0;
}

.ui-spinner-down {
  bottom: 0;
}

/* TR overrides */
.ui-spinner .ui-icon-triangle-1-s {
  /* need to fix icons sprite */
  background-position: -65px -16px;
}

.ui-tabs {
  position: relative;
  /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
  padding: 0.2em;
}

.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0.2em 0.2em 0;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 1px 0.2em 0 0;
  border-bottom-width: 0;
  padding: 0;
  white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li a {
  float: left;
  padding: 0.5em 1em;
  text-decoration: none;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
  margin-bottom: -1px;
  padding-bottom: 1px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a {
  cursor: text;
}

.ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a {
  cursor: text;
}

.ui-tabs .ui-tabs-nav li a {
  cursor: pointer;
}

.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
  cursor: pointer;
}

.ui-tabs .ui-tabs-panel {
  display: block;
  border-width: 0;
  padding: 1em 1.4em;
  background: none;
}

.ui-tooltip {
  padding: 8px;
  position: absolute;
  z-index: 9999;
  max-width: 300px;
  -webkit-box-shadow: 0 0 5px #aaa;
  box-shadow: 0 0 5px #aaa;
}

body .ui-tooltip {
  border-width: 2px;
}

/* Component containers
----------------------------------*/
.ui-widget {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1.1em;
}

.ui-widget .ui-widget {
  font-size: 1em;
}

.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
  font-family: Verdana, Arial, sans-serif;
  font-size: 1em;
}

.ui-widget-content {
  border: 1px solid #aaaaaa;
  background: white;
  color: #222222;
}

.ui-widget-content a {
  color: #222222;
}

.ui-widget-header {
  border: 1px solid #aaaaaa;
  background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
  color: #222222;
  font-weight: bold;
}

.ui-widget-header a {
  color: #222222;
}

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  border: 1px solid #d3d3d3;
  background: #e6e6e6;
  font-weight: normal;
  color: #555555;
}

.ui-state-default a {
  color: #555555;
  text-decoration: none;
}

.ui-state-default a:link, .ui-state-default a:visited {
  color: #555555;
  text-decoration: none;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
  border: 1px solid #999999;
  background: #dadada;
  font-weight: normal;
  color: #212121;
}

.ui-state-hover a {
  color: #212121;
  text-decoration: none;
}

.ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited {
  color: #212121;
  text-decoration: none;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
  border: 1px solid #aaaaaa;
  background: white;
  font-weight: normal;
  color: #212121;
}

.ui-state-active a {
  color: #212121;
  text-decoration: none;
}

.ui-state-active a:link, .ui-state-active a:visited {
  color: #212121;
  text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
  border: 1px solid #fcefa1;
  background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
  color: #363636;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
  color: #363636;
}

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
  border: 1px solid #cd0a0a;
  background: #fef1ec url(images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x;
  color: #cd0a0a;
}

.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a, .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
  color: #cd0a0a;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
  font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
  opacity: 0.7;
  filter: Alpha(Opacity=70);
  font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
  opacity: 0.35;
  filter: Alpha(Opacity=35);
  background-image: none;
}

.ui-state-disabled .ui-icon {
  filter: Alpha(Opacity=35);
  /* For IE8 - See #6059 */
}

/* Icons
----------------------------------*/
/* states and images */
.ui-icon {
  width: 16px;
  height: 16px;
  background-image: url(images/ui-icons_222222_256x240.png);
}

.ui-widget-content .ui-icon, .ui-widget-header .ui-icon {
  background-image: url(images/ui-icons_222222_256x240.png);
}

.ui-state-default .ui-icon {
  background-image: url(images/ui-icons_888888_256x240.png);
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-state-active .ui-icon {
  background-image: url(images/ui-icons_454545_256x240.png);
}

.ui-state-highlight .ui-icon {
  background-image: url(images/ui-icons_2e83ff_256x240.png);
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
  background-image: url(images/ui-icons_cd0a0a_256x240.png);
}

/* positioning */
.ui-icon-blank {
  background-position: 16px 16px;
}

.ui-icon-carat-1-n {
  background-position: 0 0;
}

.ui-icon-carat-1-ne {
  background-position: -16px 0;
}

.ui-icon-carat-1-e {
  background-position: -32px 0;
}

.ui-icon-carat-1-se {
  background-position: -48px 0;
}

.ui-icon-carat-1-s {
  background-position: -64px 0;
}

.ui-icon-carat-1-sw {
  background-position: -80px 0;
}

.ui-icon-carat-1-w {
  background-position: -96px 0;
}

.ui-icon-carat-1-nw {
  background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
  background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
  background-position: -144px 0;
}

.ui-icon-triangle-1-n {
  background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
  background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
  background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
  background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
  background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
  background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
  background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
  background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
  background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
  background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
  background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
  background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
  background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
  background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
  background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
  background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
  background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
  background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
  background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
  background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
  background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
  background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
  background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
  background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
  background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
  background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
  background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
  background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
  background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
  background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
  background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
  background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
  background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
  background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
  background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
  background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
  background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
  background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
  background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
  background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
  background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
  background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
  background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
  background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
  background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
  background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
  background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
  background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
  background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
  background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
  background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
  background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
  background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
  background-position: -176px -64px;
}

.ui-icon-arrow-4 {
  background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
  background-position: -16px -80px;
}

.ui-icon-extlink {
  background-position: -32px -80px;
}

.ui-icon-newwin {
  background-position: -48px -80px;
}

.ui-icon-refresh {
  background-position: -64px -80px;
}

.ui-icon-shuffle {
  background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
  background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
  background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
  background-position: 0 -96px;
}

.ui-icon-folder-open {
  background-position: -16px -96px;
}

.ui-icon-document {
  background-position: -32px -96px;
}

.ui-icon-document-b {
  background-position: -48px -96px;
}

.ui-icon-note {
  background-position: -64px -96px;
}

.ui-icon-mail-closed {
  background-position: -80px -96px;
}

.ui-icon-mail-open {
  background-position: -96px -96px;
}

.ui-icon-suitcase {
  background-position: -112px -96px;
}

.ui-icon-comment {
  background-position: -128px -96px;
}

.ui-icon-person {
  background-position: -144px -96px;
}

.ui-icon-print {
  background-position: -160px -96px;
}

.ui-icon-trash {
  background-position: -176px -96px;
}

.ui-icon-locked {
  background-position: -192px -96px;
}

.ui-icon-unlocked {
  background-position: -208px -96px;
}

.ui-icon-bookmark {
  background-position: -224px -96px;
}

.ui-icon-tag {
  background-position: -240px -96px;
}

.ui-icon-home {
  background-position: 0 -112px;
}

.ui-icon-flag {
  background-position: -16px -112px;
}

.ui-icon-calendar {
  background-position: -32px -112px;
}

.ui-icon-cart {
  background-position: -48px -112px;
}

.ui-icon-pencil {
  background-position: -64px -112px;
}

.ui-icon-clock {
  background-position: -80px -112px;
}

.ui-icon-disk {
  background-position: -96px -112px;
}

.ui-icon-calculator {
  background-position: -112px -112px;
}

.ui-icon-zoomin {
  background-position: -128px -112px;
}

.ui-icon-zoomout {
  background-position: -144px -112px;
}

.ui-icon-search {
  background-position: -160px -112px;
}

.ui-icon-wrench {
  background-position: -176px -112px;
}

.ui-icon-gear {
  background-position: -192px -112px;
}

.ui-icon-heart {
  background-position: -208px -112px;
}

.ui-icon-star {
  background-position: -224px -112px;
}

.ui-icon-link {
  background-position: -240px -112px;
}

.ui-icon-cancel {
  background-position: 0 -128px;
}

.ui-icon-plus {
  background-position: -16px -128px;
}

.ui-icon-plusthick {
  background-position: -32px -128px;
}

.ui-icon-minus {
  background-position: -48px -128px;
}

.ui-icon-minusthick {
  background-position: -64px -128px;
}

.ui-icon-close {
  background-position: -80px -128px;
}

.ui-icon-closethick {
  background-position: -96px -128px;
}

.ui-icon-key {
  background-position: -112px -128px;
}

.ui-icon-lightbulb {
  background-position: -128px -128px;
}

.ui-icon-scissors {
  background-position: -144px -128px;
}

.ui-icon-clipboard {
  background-position: -160px -128px;
}

.ui-icon-copy {
  background-position: -176px -128px;
}

.ui-icon-contact {
  background-position: -192px -128px;
}

.ui-icon-image {
  background-position: -208px -128px;
}

.ui-icon-video {
  background-position: -224px -128px;
}

.ui-icon-script {
  background-position: -240px -128px;
}

.ui-icon-alert {
  background-position: 0 -144px;
}

.ui-icon-info {
  background-position: -16px -144px;
}

.ui-icon-notice {
  background-position: -32px -144px;
}

.ui-icon-help {
  background-position: -48px -144px;
}

.ui-icon-check {
  background-position: -64px -144px;
}

.ui-icon-bullet {
  background-position: -80px -144px;
}

.ui-icon-radio-on {
  background-position: -96px -144px;
}

.ui-icon-radio-off {
  background-position: -112px -144px;
}

.ui-icon-pin-w {
  background-position: -128px -144px;
}

.ui-icon-pin-s {
  background-position: -144px -144px;
}

.ui-icon-play {
  background-position: 0 -160px;
}

.ui-icon-pause {
  background-position: -16px -160px;
}

.ui-icon-seek-next {
  background-position: -32px -160px;
}

.ui-icon-seek-prev {
  background-position: -48px -160px;
}

.ui-icon-seek-end {
  background-position: -64px -160px;
}

.ui-icon-seek-start, .ui-icon-seek-first {
  background-position: -80px -160px;
}

/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-stop {
  background-position: -96px -160px;
}

.ui-icon-eject {
  background-position: -112px -160px;
}

.ui-icon-volume-off {
  background-position: -128px -160px;
}

.ui-icon-volume-on {
  background-position: -144px -160px;
}

.ui-icon-power {
  background-position: 0 -176px;
}

.ui-icon-signal-diag {
  background-position: -16px -176px;
}

.ui-icon-signal {
  background-position: -32px -176px;
}

.ui-icon-battery-0 {
  background-position: -48px -176px;
}

.ui-icon-battery-1 {
  background-position: -64px -176px;
}

.ui-icon-battery-2 {
  background-position: -80px -176px;
}

.ui-icon-battery-3 {
  background-position: -96px -176px;
}

.ui-icon-circle-plus {
  background-position: 0 -192px;
}

.ui-icon-circle-minus {
  background-position: -16px -192px;
}

.ui-icon-circle-close {
  background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
  background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
  background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
  background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
  background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
  background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
  background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
  background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
  background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
  background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
  background-position: -192px -192px;
}

.ui-icon-circle-check {
  background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
  background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
  background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
  background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
  background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
  background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
  background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
  background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
  background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
  background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
  background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
  background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
  background-position: -80px -224px;
}

/* Misc visuals
----------------------------------*/
/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 4px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 4px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 4px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
  background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
  margin: -8px 0 0 -8px;
  padding: 8px;
  background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
  opacity: 0.3;
  filter: Alpha(Opacity=30);
  border-radius: 8px;
}

/**
 * GWT widgets definitions.
 *
 * In order to maintain cross-browser compatibility, the following syntax is
 * used to create IE6 specific style rules:
 *    .gwt-Widget {
 *      property: rule applies to all browsers
 *      -property: rule applies only to IE6 (overrides previous rule)
 *    }
 *    * html .gwt-Widget {
 *      property: rule applies to all versions of IE
 *    }
 */
/**
 * The reference theme can be used to determine when this style sheet has
 * loaded.  Create a hidden div element with absolute position, assign the style
 * name below, and attach it to the DOM.  Use a timer to detect when the
 * element's height and width are set to 5px.
 */
.gwt-Reference-standard {
  height: 5px;
  width: 5px;
  zoom: 1;
}

.gwt-Button {
  margin: 0;
  padding: 3px 5px;
  text-decoration: none;
  font-size: small;
  cursor: pointer;
  cursor: hand;
  background: url(images/iceditjs/hborder.png) repeat-x 0px -27px;
  border: 1px outset #ccc;
}

.gwt-Button:active {
  border: 1px inset #ccc;
}

.gwt-Button:hover {
  border-color: #9cf #69e #69e #7af;
}

.gwt-Button[disabled] {
  cursor: default;
  color: #888;
}

.gwt-Button[disabled]:hover {
  border: 1px outset #ccc;
}

.gwt-CheckBox-disabled {
  color: #888;
}

.gwt-DecoratorPanel .topCenter,
.gwt-DecoratorPanel .bottomCenter {
  background: url(images/iceditjs/hborder.png) repeat-x;
}

.gwt-DecoratorPanel .middleLeft,
.gwt-DecoratorPanel .middleRight {
  background: url(images/iceditjs/vborder.png) repeat-y;
}

.gwt-DecoratorPanel .topLeftInner,
.gwt-DecoratorPanel .topRightInner,
.gwt-DecoratorPanel .bottomLeftInner,
.gwt-DecoratorPanel .bottomRightInner {
  width: 5px;
  height: 5px;
  zoom: 1;
}

.gwt-DecoratorPanel .topLeft {
  background: url(images/iceditjs/corner.png) no-repeat 0px 0px;
  -background: url(images/iceditjs/corner_ie6.png) no-repeat 0px 0px;
}

.gwt-DecoratorPanel .topRight {
  background: url(images/iceditjs/corner.png) no-repeat -5px 0px;
  -background: url(images/iceditjs/corner_ie6.png) no-repeat -5px 0px;
}

.gwt-DecoratorPanel .bottomLeft {
  background: url(images/iceditjs/corner.png) no-repeat 0px -5px;
  -background: url(images/iceditjs/corner_ie6.png) no-repeat 0px -5px;
}

.gwt-DecoratorPanel .bottomRight {
  background: url(images/iceditjs/corner.png) no-repeat -5px -5px;
  -background: url(images/iceditjs/corner_ie6.png) no-repeat -5px -5px;
}

* html .gwt-DecoratorPanel .topLeftInner,
* html .gwt-DecoratorPanel .topRightInner,
* html .gwt-DecoratorPanel .bottomLeftInner,
* html .gwt-DecoratorPanel .bottomRightInner {
  width: 5px;
  height: 5px;
  overflow: hidden;
}

.gwt-DialogBox .Caption {
  background: #e3e8f3 url(images/iceditjs/hborder.png) repeat-x 0px -2003px;
  padding: 4px 4px 4px 8px;
  cursor: default;
  border-bottom: 1px solid #bbbbbb;
  border-top: 5px solid #d0e4f6;
}

.gwt-DialogBox .dialogMiddleCenter {
  padding: 3px;
  background: white;
}

.gwt-DialogBox .dialogBottomCenter {
  background: url(images/iceditjs/hborder.png) repeat-x 0px -4px;
  -background: url(images/iceditjs/hborder_ie6.png) repeat-x 0px -4px;
}

.gwt-DialogBox .dialogMiddleLeft {
  background: url(images/iceditjs/vborder.png) repeat-y;
}

.gwt-DialogBox .dialogMiddleRight {
  background: url(images/iceditjs/vborder.png) repeat-y -4px 0px;
  -background: url(images/iceditjs/vborder_ie6.png) repeat-y -4px 0px;
}

.gwt-DialogBox .dialogTopLeftInner {
  width: 5px;
  zoom: 1;
}

.gwt-DialogBox .dialogTopRightInner {
  width: 8px;
  zoom: 1;
}

.gwt-DialogBox .dialogBottomLeftInner {
  width: 5px;
  height: 8px;
  zoom: 1;
}

.gwt-DialogBox .dialogBottomRightInner {
  width: 5px;
  height: 8px;
  zoom: 1;
}

.gwt-DialogBox .dialogTopLeft {
  background: url(images/iceditjs/corner.png) no-repeat -13px 0px;
  -background: url(images/iceditjs/corner_ie6.png) no-repeat -13px 0px;
}

.gwt-DialogBox .dialogTopRight {
  background: url(images/iceditjs/corner.png) no-repeat -18px 0px;
  -background: url(images/iceditjs/corner_ie6.png) no-repeat -18px 0px;
}

.gwt-DialogBox .dialogBottomLeft {
  background: url(images/iceditjs/corner.png) no-repeat 0px -15px;
  -background: url(images/iceditjs/corner_ie6.png) no-repeat 0px -15px;
}

.gwt-DialogBox .dialogBottomRight {
  background: url(images/iceditjs/corner.png) no-repeat -5px -15px;
  -background: url(images/iceditjs/corner_ie6.png) no-repeat -5px -15px;
}

* html .gwt-DialogBox .dialogTopLeftInner {
  width: 5px;
  overflow: hidden;
}

* html .gwt-DialogBox .dialogTopRightInner {
  width: 8px;
  overflow: hidden;
}

* html .gwt-DialogBox .dialogBottomLeftInner {
  width: 5px;
  height: 8px;
  overflow: hidden;
}

* html .gwt-DialogBox .dialogBottomRightInner {
  width: 8px;
  height: 8px;
  overflow: hidden;
}

.gwt-DisclosurePanel .header,
.gwt-DisclosurePanel .header a,
.gwt-DisclosurePanel .header td {
  text-decoration: none; /* Remove underline from header */
  color: black;
  cursor: pointer;
  cursor: hand;
}

.gwt-DisclosurePanel .content {
  border-left: 3px solid #e8eef7;
  padding: 4px 0px 4px 8px;
  margin-left: 6px;
}

.gwt-Frame {
  border-top: 2px solid #666;
  border-left: 2px solid #666;
  border-right: 2px solid #bbb;
  border-bottom: 2px solid #bbb;
}

.gwt-HorizontalSplitPanel .hsplitter {
  cursor: move;
  border: 0px;
  background: #91c0ef url(images/iceditjs/vborder.png) repeat-y;
  line-height: 0px;
}

.gwt-VerticalSplitPanel .vsplitter {
  cursor: move;
  border: 0px;
  background: #91c0ef url(images/iceditjs/hborder.png) repeat-x;
  line-height: 0px;
}

.gwt-Hyperlink {
  cursor: pointer;
}

.gwt-Image {
  vertical-align: middle;
}

.gwt-MenuBar {
  cursor: default;
}

.gwt-MenuBar .gwt-MenuItem {
  cursor: default;
}

.gwt-MenuBar .gwt-MenuItem-selected {
  background: #E0EDFE;
}

.gwt-MenuBar .gwt-MenuItem-disabled {
  color: #c0c0c0;
}

.gwt-MenuBar-horizontal {
  background: #e3e8f3 url(images/iceditjs/hborder.png) repeat-x 0px -2003px;
  border: 1px solid #BBBBBB;
}

.gwt-MenuBar-horizontal .gwt-MenuItem {
  padding: 0px 10px;
  vertical-align: bottom;
  color: #666666;
  font-weight: bold;
}

.gwt-MenuBar-horizontal .gwt-MenuItemSeparator {
  width: 1px;
  padding: 0px;
  margin: 0px;
  border: 0px;
  border-left: 1px solid #888888;
  background: white;
}

.gwt-MenuBar-horizontal .gwt-MenuItemSeparator .menuSeparatorInner {
  width: 1px;
  height: 1px;
  background: white;
}

.gwt-MenuBar-vertical {
  margin-top: 0px;
  margin-left: 0px;
  background: white;
}

.gwt-MenuBar-vertical table {
  border-collapse: collapse;
}

.gwt-MenuBar-vertical .gwt-MenuItem {
  padding: 4px 14px 4px 1px;
}

.gwt-MenuBar-vertical .gwt-MenuItemSeparator {
  padding: 2px 0px;
}

.gwt-MenuBar-vertical .gwt-MenuItemSeparator .menuSeparatorInner {
  height: 1px;
  padding: 0px;
  border: 0px;
  border-top: 1px solid #777777;
  background: #ddddee;
  overflow: hidden;
}

.gwt-MenuBar-vertical .subMenuIcon {
  padding-right: 4px;
}

.gwt-MenuBar-vertical .subMenuIcon-selected {
  background: #E0EDFE;
}

.gwt-MenuBarPopup {
  margin: 0px 0px 0px 3px;
}

.gwt-MenuBarPopup .menuPopupTopCenter {
  background: url(images/iceditjs/hborder.png) 0px -12px repeat-x;
}

.gwt-MenuBarPopup .menuPopupBottomCenter {
  background: url(images/iceditjs/hborder.png) 0px -13px repeat-x;
  -background: url(images/iceditjs/hborder_ie6.png) 0px -13px repeat-x;
}

.gwt-MenuBarPopup .menuPopupMiddleLeft {
  background: url(images/iceditjs/vborder.png) -12px 0px repeat-y;
  -background: url(images/iceditjs/vborder_ie6.png) -12px 0px repeat-y;
}

.gwt-MenuBarPopup .menuPopupMiddleRight {
  background: url(images/iceditjs/vborder.png) -13px 0px repeat-y;
  -background: url(images/iceditjs/vborder_ie6.png) -13px 0px repeat-y;
}

.gwt-MenuBarPopup .menuPopupTopLeftInner {
  width: 5px;
  height: 5px;
  zoom: 1;
}

.gwt-MenuBarPopup .menuPopupTopRightInner {
  width: 8px;
  height: 5px;
  zoom: 1;
}

.gwt-MenuBarPopup .menuPopupBottomLeftInner {
  width: 5px;
  height: 8px;
  zoom: 1;
}

.gwt-MenuBarPopup .menuPopupBottomRightInner {
  width: 8px;
  height: 8px;
  zoom: 1;
}

.gwt-MenuBarPopup .menuPopupTopLeft {
  background: url(images/iceditjs/corner.png) no-repeat 0px -36px;
  -background: url(images/iceditjs/corner_ie6.png) no-repeat 0px -36px;
}

.gwt-MenuBarPopup .menuPopupTopRight {
  background: url(images/iceditjs/corner.png) no-repeat -5px -36px;
  -background: url(images/iceditjs/corner_ie6.png) no-repeat -5px -36px;
}

.gwt-MenuBarPopup .menuPopupBottomLeft {
  background: url(images/iceditjs/corner.png) no-repeat 0px -41px;
  -background: url(images/iceditjs/corner_ie6.png) no-repeat 0px -41px;
}

.gwt-MenuBarPopup .menuPopupBottomRight {
  background: url(images/iceditjs/corner.png) no-repeat -5px -41px;
  -background: url(images/iceditjs/corner_ie6.png) no-repeat -5px -41px;
}

* html .gwt-MenuBarPopup .menuPopupTopLeftInner {
  width: 5px;
  height: 5px;
  overflow: hidden;
}

* html .gwt-MenuBarPopup .menuPopupTopRightInner {
  width: 8px;
  height: 5px;
  overflow: hidden;
}

* html .gwt-MenuBarPopup .menuPopupBottomLeftInner {
  width: 5px;
  height: 8px;
  overflow: hidden;
}

* html .gwt-MenuBarPopup .menuPopupBottomRightInner {
  width: 8px;
  height: 8px;
  overflow: hidden;
}

.gwt-PasswordTextBox {
  padding: 2px;
}

.gwt-PasswordTextBox-readonly {
  color: #888;
}

.gwt-PopupPanel {
  border: 3px solid #C3D9FF;
  padding: 3px;
  background: white;
}

.gwt-DecoratedPopupPanel .popupMiddleCenter {
  padding: 3px;
  background: #d0e4f6;
}

.gwt-DecoratedPopupPanel .popupTopCenter {
  background: url(images/iceditjs/hborder.png) repeat-x;
}

.gwt-DecoratedPopupPanel .popupBottomCenter {
  background: url(images/iceditjs/hborder.png) repeat-x 0px -4px;
  -background: url(images/iceditjs/hborder_ie6.png) repeat-x 0px -4px;
}

.gwt-DecoratedPopupPanel .popupMiddleLeft {
  background: url(images/iceditjs/vborder.png) repeat-y;
}

.gwt-DecoratedPopupPanel .popupMiddleRight {
  background: url(images/iceditjs/vborder.png) repeat-y -4px 0px;
  -background: url(images/iceditjs/vborder_ie6.png) repeat-y -4px 0px;
}

.gwt-DecoratedPopupPanel .popupTopLeftInner {
  width: 5px;
  height: 5px;
  zoom: 1;
}

.gwt-DecoratedPopupPanel .popupTopRightInner {
  width: 8px;
  height: 5px;
  zoom: 1;
}

.gwt-DecoratedPopupPanel .popupBottomLeftInner {
  width: 5px;
  height: 8px;
  zoom: 1;
}

.gwt-DecoratedPopupPanel .popupBottomRightInner {
  width: 8px;
  height: 8px;
  zoom: 1;
}

.gwt-DecoratedPopupPanel .popupTopLeft {
  background: url(images/iceditjs/corner.png) no-repeat 0px -10px;
  -background: url(images/iceditjs/corner_ie6.png) no-repeat 0px -10px;
}

.gwt-DecoratedPopupPanel .popupTopRight {
  background: url(images/iceditjs/corner.png) no-repeat -5px -10px;
  -background: url(images/iceditjs/corner_ie6.png) no-repeat -5px -10px;
}

.gwt-DecoratedPopupPanel .popupBottomLeft {
  background: url(images/iceditjs/corner.png) no-repeat 0px -15px;
  -background: url(images/iceditjs/corner_ie6.png) no-repeat 0px -15px;
}

.gwt-DecoratedPopupPanel .popupBottomRight {
  background: url(images/iceditjs/corner.png) no-repeat -5px -15px;
  -background: url(images/iceditjs/corner_ie6.png) no-repeat -5px -15px;
}

* html .gwt-DecoratedPopupPanel .popupTopLeftInner {
  width: 5px;
  height: 5px;
  overflow: hidden;
}

* html .gwt-DecoratedPopupPanel .popupTopRightInner {
  width: 8px;
  height: 5px;
  overflow: hidden;
}

* html .gwt-DecoratedPopupPanel .popupBottomLeftInner {
  width: 5px;
  height: 8px;
  overflow: hidden;
}

* html .gwt-DecoratedPopupPanel .popupBottomRightInner {
  width: 8px;
  height: 8px;
  overflow: hidden;
}

.gwt-PopupPanelGlass {
  background-color: #000;
  opacity: 0.3;
  filter: alpha(opacity=30);
}

.gwt-PushButton-up,
.gwt-PushButton-up-hovering,
.gwt-PushButton-up-disabled,
.gwt-PushButton-down,
.gwt-PushButton-down-hovering,
.gwt-PushButton-down-disabled {
  margin: 0;
  text-decoration: none;
  background: url("images/iceditjs/hborder.png") repeat-x 0px -27px;
}

.gwt-PushButton-up,
.gwt-PushButton-up-hovering,
.gwt-PushButton-up-disabled {
  padding: 3px 5px 3px 5px;
}

.gwt-PushButton-up {
  border: 1px outset #ccc;
  cursor: pointer;
  cursor: hand;
}

.gwt-PushButton-up-hovering {
  border: 1px outset;
  border-color: #9cf #69e #69e #7af;
  cursor: pointer;
  cursor: hand;
}

.gwt-PushButton-up-disabled {
  border: 1px outset #ccc;
  cursor: default;
  opacity: 0.5;
  filter: alpha(opacity=40);
  zoom: 1;
}

.gwt-PushButton-down,
.gwt-PushButton-down-hovering,
.gwt-PushButton-down-disabled {
  padding: 4px 4px 2px 6px;
}

.gwt-PushButton-down {
  border: 1px inset #666;
  cursor: pointer;
  cursor: hand;
}

.gwt-PushButton-down-hovering {
  border: 1px inset;
  border-color: #9cf #69e #69e #7af;
  cursor: pointer;
  cursor: hand;
}

.gwt-PushButton-down-disabled {
  border: 1px outset #ccc;
  cursor: default;
  opacity: 0.5;
  filter: alpha(opacity=40);
  zoom: 1;
}

.gwt-RadioButton-disabled {
  color: #888;
}

.hasRichTextToolbar {
  border: 0px;
}

.gwt-RichTextToolbar {
  background: #e3e8f3 url(images/iceditjs/hborder.png) repeat-x 0px -2003px;
  border-bottom: 1px solid #BBBBBB;
  padding: 3px;
  margin: 0px;
}

.gwt-RichTextToolbar .gwt-PushButton-up {
  padding: 0px 1px 0px 0px;
  margin-right: 4px;
  margin-bottom: 4px;
  border-width: 1px;
}

.gwt-RichTextToolbar .gwt-PushButton-up-hovering {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 1px 0px 0px;
  border-width: 1px;
}

.gwt-RichTextToolbar .gwt-PushButton-down {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 0px 0px 1px;
  border-width: 1px;
}

.gwt-RichTextToolbar .gwt-PushButton-down-hovering {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 0px 0px 1px;
  border-width: 1px;
}

.gwt-RichTextToolbar .gwt-ToggleButton-up {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 1px 0px 0px;
  border-width: 1px;
}

.gwt-RichTextToolbar .gwt-ToggleButton-up-hovering {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 1px 0px 0px;
  border-width: 1px;
}

.gwt-RichTextToolbar .gwt-ToggleButton-down {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 0px 0px 1px;
  border-width: 1px;
}

.gwt-RichTextToolbar .gwt-ToggleButton-down-hovering {
  margin-right: 4px;
  margin-bottom: 4px;
  padding: 0px 0px 0px 1px;
  border-width: 1px;
}

.gwt-StackPanel {
  border-bottom: 1px solid #bbbbbb;
}

.gwt-StackPanel .gwt-StackPanelItem {
  cursor: pointer;
  cursor: hand;
  font-weight: bold;
  font-size: 1.3em;
  padding: 3px;
  border: 1px solid #bbbbbb;
  border-bottom: 0px;
  background: #d3def6 url(images/iceditjs/hborder.png) repeat-x 0px -989px;
}

.gwt-StackPanel .gwt-StackPanelContent {
  border: 1px solid #bbbbbb;
  border-bottom: 0px;
  background: white;
  padding: 2px 2px 10px 5px;
}

.gwt-DecoratedStackPanel {
  border-bottom: 1px solid #bbbbbb;
}

.gwt-DecoratedStackPanel .gwt-StackPanelContent {
  border: 1px solid #bbbbbb;
  border-bottom: 0px;
  background: white;
  padding: 2px 2px 10px 5px;
}

.gwt-DecoratedStackPanel .gwt-StackPanelItem {
  cursor: pointer;
  cursor: hand;
}

.gwt-DecoratedStackPanel .stackItemTopLeft,
.gwt-DecoratedStackPanel .stackItemTopRight {
  height: 6px;
  width: 6px;
  zoom: 1;
}

.gwt-DecoratedStackPanel .stackItemTopLeft {
  border-left: 1px solid #bbbbbb;
  background: #d3def6 url(images/iceditjs/corner.png) no-repeat 0px -49px;
  -background: #d3def6 url(images/iceditjs/corner_ie6.png) no-repeat 0px -49px;
}

.gwt-DecoratedStackPanel .stackItemTopRight {
  border-right: 1px solid #bbbbbb;
  background: #d3def6 url(images/iceditjs/corner.png) no-repeat -6px -49px;
  -background: #d3def6 url(images/iceditjs/corner_ie6.png) no-repeat -6px -49px;
}

.gwt-DecoratedStackPanel .stackItemTopLeftInner,
.gwt-DecoratedStackPanel .stackItemTopRightInner {
  width: 1px;
  height: 1px;
}

* html .gwt-DecoratedStackPanel .stackItemTopLeftInner,
* html .gwt-DecoratedStackPanel .stackItemTopRightInner {
  width: 6px;
  height: 6px;
  overflow: hidden;
}

.gwt-DecoratedStackPanel .stackItemTopCenter {
  background: url(images/iceditjs/hborder.png) 0px -21px repeat-x;
}

.gwt-DecoratedStackPanel .stackItemMiddleLeft {
  background: #d3def6 url(images/iceditjs/hborder.png) repeat-x 0px -989px;
  border-left: 1px solid #bbbbbb;
}

.gwt-DecoratedStackPanel .stackItemMiddleLeftInner,
.gwt-DecoratedStackPanel .stackItemMiddleRightInner {
  width: 1px;
  height: 1px;
}

.gwt-DecoratedStackPanel .stackItemMiddleRight {
  background: #d3def6 url(images/iceditjs/hborder.png) repeat-x 0px -989px;
  border-right: 1px solid #bbbbbb;
}

.gwt-DecoratedStackPanel .stackItemMiddleCenter {
  font-weight: bold;
  font-size: 1.3em;
  background: #d3def6 url(images/iceditjs/hborder.png) repeat-x 0px -989px;
}

.gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopRight,
.gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopLeft {
  border: 0px;
  background-color: white;
}

.gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopLeft,
.gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopRight {
  background-color: white;
}

.gwt-SuggestBox {
  padding: 2px;
}

.gwt-SuggestBoxPopup {
  margin-left: 3px;
}

.gwt-SuggestBoxPopup .item {
  padding: 2px 6px;
  color: #424242;
  cursor: default;
}

.gwt-SuggestBoxPopup .item-selected {
  background: #b7d6f6;
}

.gwt-SuggestBoxPopup .suggestPopupContent {
  background: white;
}

.gwt-SuggestBoxPopup .suggestPopupTopCenter {
  background: url(images/iceditjs/hborder.png) repeat-x;
}

.gwt-SuggestBoxPopup .suggestPopupBottomCenter {
  background: url(images/iceditjs/hborder.png) repeat-x 0px -4px;
  -background: url(images/iceditjs/hborder_ie6.png) repeat-x 0px -4px;
}

.gwt-SuggestBoxPopup .suggestPopupMiddleLeft {
  background: url(images/iceditjs/vborder.png) repeat-y;
}

.gwt-SuggestBoxPopup .suggestPopupMiddleRight {
  background: url(images/iceditjs/vborder.png) repeat-y -4px 0px;
  -background: url(images/iceditjs/vborder_ie6.png) repeat-y -4px 0px;
}

.gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
  width: 5px;
  height: 5px;
  zoom: 1;
}

.gwt-SuggestBoxPopup .suggestPopupTopRightInner {
  width: 8px;
  height: 5px;
  zoom: 1;
}

.gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
  width: 5px;
  height: 8px;
  zoom: 1;
}

.gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
  width: 8px;
  height: 8px;
  zoom: 1;
}

.gwt-SuggestBoxPopup .suggestPopupTopLeft {
  background: url(images/iceditjs/corner.png) no-repeat 0px -23px;
  -background: url(images/iceditjs/corner_ie6.png) no-repeat 0px -23px;
}

.gwt-SuggestBoxPopup .suggestPopupTopRight {
  background: url(images/iceditjs/corner.png) no-repeat -5px -23px;
  -background: url(images/iceditjs/corner_ie6.png) no-repeat -5px -23px;
}

.gwt-SuggestBoxPopup .suggestPopupBottomLeft {
  background: url(images/iceditjs/corner.png) no-repeat 0px -28px;
  -background: url(images/iceditjs/corner_ie6.png) no-repeat 0px -28px;
}

.gwt-SuggestBoxPopup .suggestPopupBottomRight {
  background: url(images/iceditjs/corner.png) no-repeat -5px -28px;
  -background: url(images/iceditjs/corner_ie6.png) no-repeat -5px -28px;
}

* html .gwt-SuggestBoxPopup .suggestPopupTopLeftInner {
  width: 5px;
  height: 5px;
  overflow: hidden;
}

* html .gwt-SuggestBoxPopup .suggestPopupTopRightInner {
  width: 8px;
  height: 5px;
  overflow: hidden;
}

* html .gwt-SuggestBoxPopup .suggestPopupBottomLeftInner {
  width: 5px;
  height: 8px;
  overflow: hidden;
}

* html .gwt-SuggestBoxPopup .suggestPopupBottomRightInner {
  width: 8px;
  height: 8px;
  overflow: hidden;
}

.gwt-TabBar .gwt-TabBarFirst {
  width: 5px; /* first tab distance from the left */
}

.gwt-TabBar .gwt-TabBarItem {
  margin-left: 6px;
  padding: 3px 6px 3px 6px;
  cursor: pointer;
  cursor: hand;
  color: black;
  font-weight: bold;
  text-align: center;
  background: #d0e4f6;
}

.gwt-TabBar .gwt-TabBarItem-selected {
  cursor: default;
  background: #92c1f0;
}

.gwt-TabBar .gwt-TabBarItem-disabled {
  cursor: default;
  color: #999999;
}

.gwt-TabPanelBottom {
  border-color: #92c1f0;
  border-style: solid;
  border-width: 3px 2px 2px;
  overflow: hidden;
  padding: 6px;
}

.gwt-DecoratedTabBar .gwt-TabBarFirst {
  width: 5px; /* first tab distance from the left */
}

.gwt-DecoratedTabBar .gwt-TabBarItem {
  border-collapse: collapse;
  margin-left: 6px;
}

.gwt-DecoratedTabBar .tabTopCenter {
  padding: 0px;
  background: #d0e4f6;
}

.gwt-DecoratedTabBar .tabTopLeft,
.gwt-DecoratedTabBar .tabTopRight {
  padding: 0px;
  zoom: 1;
}

.gwt-DecoratedTabBar .tabTopLeftInner,
.gwt-DecoratedTabBar .tabTopRightInner {
  width: 6px;
  height: 6px;
}

.gwt-DecoratedTabBar .tabTopLeft {
  background: url(images/iceditjs/corner.png) no-repeat 0px -55px;
  -background: url(images/iceditjs/corner_ie6.png) no-repeat 0px -55px;
}

.gwt-DecoratedTabBar .tabTopRight {
  background: url(images/iceditjs/corner.png) no-repeat -6px -55px;
  -background: url(images/iceditjs/corner_ie6.png) no-repeat -6px -55px;
}

* html .gwt-DecoratedTabBar .tabTopLeftInner,
* html .gwt-DecoratedTabBar .tabTopRightInner {
  width: 6px;
  height: 6px;
  overflow: hidden;
}

.gwt-DecoratedTabBar .tabMiddleLeft,
.gwt-DecoratedTabBar .tabMiddleRight {
  width: 6px;
  padding: 0px;
  background: #d0e4f6;
}

.gwt-DecoratedTabBar .tabMiddleLeftInner,
.gwt-DecoratedTabBar .tabMiddleRightInner {
  width: 1px;
  height: 1px;
}

.gwt-DecoratedTabBar .tabMiddleCenter {
  padding: 0px 4px 2px 4px;
  cursor: pointer;
  cursor: hand;
  color: black;
  font-weight: bold;
  text-align: center;
  background: #d0e4f6;
}

.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
  background: #92c1f0;
}

.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft {
  background-position: 0px -61px;
}

.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight {
  background-position: -6px -61px;
}

.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,
.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight {
  background: #92c1f0;
}

.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
  cursor: default;
  background: #92c1f0;
}

.gwt-DecoratedTabBar .gwt-TabBarItem-disabled .tabMiddleCenter {
  cursor: default;
  color: #999999;
}

.gwt-TextArea {
  padding: 2px;
}

.gwt-TextArea-readonly {
  color: #888;
}

.gwt-TextBox {
  padding: 2px;
}

.gwt-TextBox-readonly {
  color: #888;
}

.gwt-ToggleButton-up,
.gwt-ToggleButton-up-hovering,
.gwt-ToggleButton-up-disabled,
.gwt-ToggleButton-down,
.gwt-ToggleButton-down-hovering,
.gwt-ToggleButton-down-disabled {
  margin: 0;
  text-decoration: none;
  background: url("images/iceditjs/hborder.png") repeat-x 0px -27px;
}

.gwt-ToggleButton-up,
.gwt-ToggleButton-up-hovering,
.gwt-ToggleButton-up-disabled {
  padding: 3px 5px 3px 5px;
}

.gwt-ToggleButton-up {
  border: 1px outset #ccc;
  cursor: pointer;
  cursor: hand;
}

.gwt-ToggleButton-up-hovering {
  border: 1px outset;
  border-color: #9cf #69e #69e #7af;
  cursor: pointer;
  cursor: hand;
}

.gwt-ToggleButton-up-disabled {
  border: 1px outset #ccc;
  cursor: default;
  opacity: 0.5;
  zoom: 1;
  filter: alpha(opacity=40);
}

.gwt-ToggleButton-down,
.gwt-ToggleButton-down-hovering,
.gwt-ToggleButton-down-disabled {
  padding: 4px 4px 2px 6px;
}

.gwt-ToggleButton-down {
  background-position: 0 -513px;
  border: 1px inset #ccc;
  cursor: pointer;
  cursor: hand;
}

.gwt-ToggleButton-down-hovering {
  background-position: 0 -513px;
  border: 1px inset;
  border-color: #9cf #69e #69e #7af;
  cursor: pointer;
  cursor: hand;
}

.gwt-ToggleButton-down-disabled {
  background-position: 0 -513px;
  border: 1px inset #ccc;
  cursor: default;
  opacity: 0.5;
  zoom: 1;
  filter: alpha(opacity=40);
}

.gwt-Tree .gwt-TreeItem {
  padding: 1px 0px;
  margin: 0px;
  white-space: nowrap;
  cursor: hand;
  cursor: pointer;
}

.gwt-Tree .gwt-TreeItem-selected {
  background: #93c2f1 url(images/iceditjs/hborder.png) repeat-x 0px -1463px;
}

.gwt-TreeItem .gwt-RadioButton input,
.gwt-TreeItem .gwt-CheckBox input {
  margin-left: 0px;
}

* html .gwt-TreeItem .gwt-RadioButton input,
* html .gwt-TreeItem .gwt-CheckBox input {
  margin-left: -4px;
}

.gwt-DateBox input {
  width: 8em;
}

.dateBoxFormatError {
  background: #ffcccc;
}

.gwt-DatePicker {
  border: 1px solid #A2BBDD;
  cursor: default;
}

.gwt-DatePicker td,
.datePickerMonthSelector td:focus {
  outline: none;
}

.datePickerDays {
  width: 100%;
  background: white;
}

.datePickerDay,
.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  font-size: 75%;
  text-align: center;
  padding: 4px;
  outline: none;
}

.datePickerWeekdayLabel,
.datePickerWeekendLabel {
  background: #C3D9FF;
  padding: 0px 4px 2px;
  cursor: default;
}

.datePickerDay {
  padding: 4px;
  cursor: hand;
  cursor: pointer;
}

.datePickerDayIsToday {
  border: 1px solid black;
  padding: 3px;
}

.datePickerDayIsWeekend {
  background: #EEEEEE;
}

.datePickerDayIsFiller {
  color: #888888;
}

.datePickerDayIsValue {
  background: #aaccee;
}

.datePickerDayIsDisabled {
  color: #AAAAAA;
  font-style: italic;
}

.datePickerDayIsHighlighted {
  background: #F0E68C;
}

.datePickerDayIsValueAndHighlighted {
  background: #bbddd9;
}

.datePickerMonthSelector {
  background: #C3D9FF;
  width: 100%;
}

td.datePickerMonth {
  text-align: center;
  vertical-align: center;
  white-space: nowrap;
  font-size: 70%;
  font-weight: bold;
  color: blue;
}

.datePickerPreviousButton,
.datePickerNextButton {
  font-size: 120%;
  line-height: 1em;
  color: blue;
  cursor: hand;
  cursor: pointer;
  padding: 0px 4px;
}

.gwt-StackLayoutPanel {
  border-bottom: 1px solid #bbbbbb;
}

.gwt-StackLayoutPanel .gwt-StackLayoutPanelHeader {
  cursor: pointer;
  cursor: hand;
  font-weight: bold;
  font-size: 1.3em;
  padding: 3px;
  border: 1px solid #bbbbbb;
  border-bottom: 0px;
  background: #d3def6 url(images/iceditjs/hborder.png) repeat-x 0px -989px;
}

.gwt-StackLayoutPanel .gwt-StackLayoutPanelHeader-hovering {
  background: #d3def6 url(images/iceditjs/hborder.png) repeat-x 0px -1464px;
}

.gwt-StackLayoutPanel .gwt-StackLayoutPanelContent {
  border: 1px solid #bbbbbb;
  border-bottom: 0px;
  background: white;
  padding: 2px 2px 10px 5px;
}

.gwt-TabLayoutPanelContentContainer {
  border-color: #92c1f0;
  border-style: solid;
  border-width: 2px 1px 1px;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelContent {
  border-color: #92c1f0;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  padding: 6px;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab {
  margin-left: 6px;
  padding: 3px 6px 3px 6px;
  cursor: pointer;
  cursor: hand;
  color: black;
  font-weight: bold;
  text-align: center;
  background: #d0e4f6;
}

.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected {
  cursor: default;
  background: #92c1f0;
}

.gwt-SplitLayoutPanel-HDragger {
  background: #d0e4f6 url(images/iceditjs/splitPanelThumb.png) center center no-repeat;
  cursor: col-resize;
}

.gwt-SplitLayoutPanel-VDragger {
  background: #d0e4f6 url(images/iceditjs/splitPanelThumb.png) center center no-repeat;
  cursor: row-resize;
}

/**
 ICEdit specific
*/
#source {
  font-size: 1em;
  color: grey;
  text-align: center;
}

#source a {
  text-decoration: none;
}

.buttonBorder {
  background-color: grey;
  color: white;
  border-width: 2px;
  border-style: solid;
  border-color: white;
}

.selectedButtonBorder {
  background-color: grey;
  color: white;
  border-width: 2px;
  border-style: solid;
  border-color: lightgrey;
}

.fillMainButtonPanel {
  height: 33px;
  width: 40px;
  background-color: white;
  color: white;
}

.logo {
  height: 22px;
  width: 34px;
  background-color: white;
  color: white;
  margin-top: 2px;
  margin-right: 2px;
  float: right;
}

.mainButtonPanel {
  width: 0px;
  height: 36px;
  background-color: white;
  color: white;
}

.subButtonBorder {
  background-color: grey;
  color: white;
  border-width: 2px;
  border-style: solid;
  border-color: lightgrey;
}

.subButtonPanel {
  width: 920px;
  height: 36px;
  background-color: lightgrey;
  color: lightgrey;
}

.subButtonLeftPanel {
  width: 0px;
  height: 36px;
  background-color: lightgrey;
  color: lightgrey;
}

.canvasPanel {
  width: 920px;
  height: 300px;
  background-color: white;
  color: black;
}

.mainPanel {
  width: 920px;
  height: 300px;
  background-color: white;
  color: black;
  border-width: 1px;
  border-style: solid;
  border-color: lightgrey;
  margin-left: 10px;
}

.editAtomPanel {
  background-color: lightgrey;
}

.editBondPanel {
  background-color: lightgrey;
}

.periodicTablePanel {
  background-color: lightgrey;
}

.editBracketsPanel {
  background-color: lightgrey;
}

.editNoStructurePanel {
  background-color: lightgrey;
}

.editTextPanel {
  background-color: lightgrey;
}

.showRosdalPanel {
  background-color: lightgrey;
}

.infoPanel {
  background-color: white;
}

.infoButtonPanel {
  background-color: lightgrey;
}

.disabledButton {
  color: grey;
}

.enabledButton {
  color: black;
}

.disabledLabel {
  color: grey;
}

.enabledTabBar,
.disabledTabBar {
  margin: 0;
  text-decoration: none;
  padding: 3px 5px 3px 5px;
  background: url("images/iceditjs/hborder.png") repeat-x 0px -27px;
}

.enabledTabBar {
  border: 1px outset #ccc;
}

.disabledTabBar {
  border: 1px inset #ccc;
  opacity: 0.5;
}

.selectedContextMenuEntry {
  background-color: lightgrey;
  color: black;
}

.notSelectedContextMenuEntry {
  background-color: white;
  color: black;
}

.disabledSelectedContextMenuEntry {
  background-color: lightgrey;
  color: grey;
}

.disabledNotSelectedContextMenuEntry {
  background-color: white;
  color: grey;
}

.pTableAtomLightBlue {
  color: black;
  border: 1px solid black;
  text-align: center;
  font-weight: bold;
  background-color: lightblue;
}

.pTableAtomYellow {
  color: black;
  border: 1px solid black;
  text-align: center;
  font-weight: bold;
  background-color: #F4E6A2;
}

.pTableAtomGreen {
  color: black;
  border: 1px solid black;
  text-align: center;
  font-weight: bold;
  background-color: lightgreen;
}

.pTableAtomOrange {
  color: black;
  border: 1px solid black;
  text-align: center;
  font-weight: bold;
  background-color: orange;
}

.pTableAtomBrown {
  color: black;
  border: 1px solid black;
  text-align: center;
  font-weight: bold;
  background-color: #BAA565;
}

.pTableAtomBlue {
  color: black;
  border: 1px solid black;
  text-align: center;
  font-weight: bold;
  background-color: #6DA4C5;
}

.pTableSelectedAtom {
  color: black;
  border: 1px solid black;
  text-align: center;
  font-weight: bold;
  background-color: white;
}

.queryAtomsPanel {
  color: black;
  background-color: Silver;
}

.textToggleButton {
  width: 24px;
  height: 24px;
}

.textToggleButtonText {
  text-align: center;
  font-size: 1.3em;
  color: black;
}

.big-search .ui-widget, .facets__prop-search .ui-widget {
  font-size: 14px;
  font-family: Arial, sans-serif;
}
.big-search .ui-state-hover,
.big-search .ui-widget-content .ui-state-hover,
.big-search .ui-widget-header .ui-state-hover,
.big-search .ui-state-focus,
.big-search .ui-widget-content .ui-state-focus,
.big-search .ui-widget-header .ui-state-focus, .facets__prop-search .ui-state-hover,
.facets__prop-search .ui-widget-content .ui-state-hover,
.facets__prop-search .ui-widget-header .ui-state-hover,
.facets__prop-search .ui-state-focus,
.facets__prop-search .ui-widget-content .ui-state-focus,
.facets__prop-search .ui-widget-header .ui-state-focus {
  background: #e6f1f9;
  border: 0px;
  font-weight: normal;
  color: #212121;
}
.big-search .ui-menu .ui-menu-item, .facets__prop-search .ui-menu .ui-menu-item {
  list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  margin: 0;
  padding: 0;
  border-radius: 0;
}
.big-search .ui-menu .ui-menu-item a, .facets__prop-search .ui-menu .ui-menu-item a {
  font-size: 16px;
  padding: 3px 9px;
  line-height: 16px;
  color: #666;
  border-radius: 0;
}
.big-search .ui-autocomplete, .facets__prop-search .ui-autocomplete {
  border-radius: 0;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
  border-color: #BCBCBC;
  padding: 7px 0 5px 0;
}
.big-search .ui-autocomplete strong, .facets__prop-search .ui-autocomplete strong {
  color: #333;
}
.big-search .ui-menu .ui-menu-item a.ui-state-focus, .big-search .ui-menu .ui-menu-item a.ui-state-active, .facets__prop-search .ui-menu .ui-menu-item a.ui-state-focus, .facets__prop-search .ui-menu .ui-menu-item a.ui-state-active {
  margin: auto;
}
.big-search .ui-widget-content, .facets__prop-search .ui-widget-content {
  background-image: none;
}

.facets__prop-search .ui-menu-item:hover {
  background: #e6f1f9 !important;
  border: 0px;
  font-weight: normal;
  color: #212121;
}
.facets__prop-search .ui-state-focus {
  background: none !important;
}

.accordion__hd {
  border: none;
  color: #069;
  cursor: pointer;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-left: 18px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .accordion__hd {
    /* MQ Tablet */
    margin: 0;
  }
}
.accordion__hd:before {
  content: "";
  display: block;
  position: absolute;
  left: -20px;
  top: 8px;
  border: 6px solid transparent;
  border-bottom-width: 0;
  border-top: 6px solid #069;
  width: 0;
  height: 0;
}
.accordion--collapsed .accordion__hd:before {
  border: 6px solid transparent;
  border-right-width: 0;
  border-left: 6px solid #069;
  width: 0;
  height: 0;
}
.accordion--collapsed .accordion__hd:after {
  content: "";
  display: block;
  margin-bottom: 22px;
  min-height: 24px;
  border-bottom: 1px solid #DCDCDA;
  -webkit-box-shadow: inset 0 1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
  -moz-box-shadow: inset 0 1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
  box-shadow: inset 0 1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
}
.additional-content__about .accordion--collapsed .accordion__hd:after, .about_this .accordion--collapsed .accordion__hd:after {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.accordion--disabled .accordion__hd:before {
  border: 6px solid transparent;
  border-right-width: 0;
  border-left: 6px solid #999999;
  width: 0;
  height: 0;
}
.accordion--disabled .accordion__hd {
  color: #999999;
  cursor: text;
}
.accordion--disabled .accordion__hd:before {
  border-left-color: #999999;
}

.accordion__bd {
  margin-top: 20px;
  margin-bottom: 20px;
  min-height: 72px;
  border-bottom: 1px solid #DCDCDA;
  -webkit-box-shadow: inset 0 1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
  -moz-box-shadow: inset 0 1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
  box-shadow: inset 0 1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
  line-height: 1.6;
}
.accordion--collapsed .accordion__bd {
  display: none;
}
.accordion__bd .data-list__heading {
  font-size: 1.6rem;
  color: #333333;
  font-weight: 400;
}

.remove-end-line-accordion__bd {
  border-bottom: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.accordion_anchor--spacing {
  margin-left: -5px;
}

.accordion__bd_tab {
  margin-bottom: 20px;
  min-height: 20px;
  -webkit-box-shadow: inset 0 1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
  -moz-box-shadow: inset 0 1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
  box-shadow: inset 0 1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
}

/* Abstract actions */
.document__abstract-actions {
  margin: 0px 0 17px 0;
  min-height: 25px;
}
.adsorption-db-cbox .document__abstract-actions {
  float: left;
  margin: 0;
}
.document__abstract-actions .action {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: 0 0 0;
  -moz-box-shadow: 0 0 0;
  box-shadow: 0 0 0;
  border: none;
  color: #666666;
  font-size: 14px;
  font-size: 1.4rem;
  margin-right: 0;
  min-height: 30px;
  padding: 0;
  vertical-align: top;
  width: 99.5%;
  display: inline-block;
  /*Action icons*/
}
.document__abstract-actions .action #action-download-all-csv-link {
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .document__abstract-actions .action {
    /* MQ Tablet */
    min-width: 17em;
    max-width: 45%;
  }
  .document__abstract-actions .action:first-child, .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:nth-child(2) {
    margin: 0 6px 6px 0;
  }
}
@media screen and (min-width: 1280px) {
  .document__abstract-actions .action {
    /* MQ Widescreen */
    background: none;
    background-image: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    border: none;
    color: #069;
    font-size: 12px;
    font-size: 1.2rem;
    margin-right: 0;
    min-height: 0;
    padding: 0;
    vertical-align: middle;
    width: auto;
    min-width: 0;
    max-width: 100%;
  }
  .document__abstract-actions .action:first-child, .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:nth-child(2) {
    margin: 0 26px 0 0;
  }
}
.document__abstract-actions .action:hover, .document__abstract-actions .action:focus, .document__abstract-actions .action:active {
  border-color: #999999;
  color: #333333;
  text-decoration: none;
}
@media screen and (min-width: 1280px) {
  .document__abstract-actions .action:hover, .document__abstract-actions .action:focus, .document__abstract-actions .action:active {
    /* MQ Widescreen */
    border: none;
    color: #069;
    text-decoration: underline;
  }
}
.document__abstract-actions .action:active, .document__abstract-actions .action.act {
  -webkit-box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.35);
  box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.35);
}
@media screen and (min-width: 1280px) {
  .document__abstract-actions .action:active, .document__abstract-actions .action.act {
    /* MQ Widescreen */
    -webkit-box-shadow: 0px 0px #000000;
    -moz-box-shadow: 0px 0px #000000;
    box-shadow: 0px 0px #000000;
  }
}
.ie9 .document__abstract-actions .action:active {
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(direction=0,color=#000000,strength=5);";
}
.document__abstract-actions .action a:before {
  content: "";
}
.document__abstract-actions .action a {
  color: #333333;
  display: block;
  line-height: 2.6;
  padding: 6px 6px 6px 48px;
  white-space: nowrap;
}
@media screen and (min-width: 1280px) {
  .document__abstract-actions .action a {
    /* MQ Widescreen */
    color: #069;
    display: inline-block;
    line-height: 2.2;
    padding: 0 0 0 35px;
  }
  .document__abstract-actions .action a:before {
    content: "» "; /* raquo + space */
  }
}
.document--phase_diagram-db .document__abstract-actions .action a, .document--adsorption-db .document__abstract-actions .action a, .adsorption-db-cbox .document__abstract-actions .action a, .document--landoltbornstein-db .document__abstract-actions .action a, .document--thermo-db .document__abstract-actions .action a, .document--polymer-db .document__abstract-actions .action a, .document--crystallographic-db .document__abstract-actions .action a {
  color: #333333;
  display: block;
  line-height: 1.3;
  padding: 6px 6px 6px 48px;
  font-size: 14px;
  font-size: 1.4rem;
}
@media screen and (min-device-width: 576px) {
  .document--phase_diagram-db .document__abstract-actions .action a, .document--adsorption-db .document__abstract-actions .action a, .adsorption-db-cbox .document__abstract-actions .action a, .document--landoltbornstein-db .document__abstract-actions .action a, .document--thermo-db .document__abstract-actions .action a, .document--polymer-db .document__abstract-actions .action a, .document--crystallographic-db .document__abstract-actions .action a {
    /* MQ Smartphone */
    color: #069;
  }
}
@media screen and (min-width: 768px) {
  .document--phase_diagram-db .document__abstract-actions .action a, .document--adsorption-db .document__abstract-actions .action a, .adsorption-db-cbox .document__abstract-actions .action a, .document--landoltbornstein-db .document__abstract-actions .action a, .document--thermo-db .document__abstract-actions .action a, .document--polymer-db .document__abstract-actions .action a, .document--crystallographic-db .document__abstract-actions .action a {
    /* MQ Tablet */
    color: #069;
  }
}
.document--phase_diagram-db .document__abstract-actions .action a span, .document--adsorption-db .document__abstract-actions .action a span, .adsorption-db-cbox .document__abstract-actions .action a span, .document--landoltbornstein-db .document__abstract-actions .action a span, .document--thermo-db .document__abstract-actions .action a span, .document--polymer-db .document__abstract-actions .action a span, .document--crystallographic-db .document__abstract-actions .action a span {
  display: block;
  font-size: 11px;
  font-size: 1.1rem;
}
.document--phase_diagram-db .document__abstract-actions .action a:before, .document--adsorption-db .document__abstract-actions .action a:before, .adsorption-db-cbox .document__abstract-actions .action a:before, .document--landoltbornstein-db .document__abstract-actions .action a:before, .document--thermo-db .document__abstract-actions .action a:before, .document--polymer-db .document__abstract-actions .action a:before, .document--crystallographic-db .document__abstract-actions .action a:before {
  content: none;
}
.document--phase_diagram-db .document__abstract-actions .action a, .document--adsorption-db .document__abstract-actions .action a, .adsorption-db-cbox .document__abstract-actions .action a {
  padding: 8px 6px 10px 48px;
}
.document--landoltbornstein-db .document__abstract-actions .action a, .document--thermo-db .document__abstract-actions .action a {
  line-height: 1.3;
}
.document__abstract-actions .action span {
  display: inline-block;
}
.document__abstract-actions .action.action--icon-download:first-child, .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:nth-child(2), .document__abstract-actions .action.action--icon-view:first-child {
  background-color: #069;
  background-image: linear-gradient(#38a0e5, #069);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  border-color: #069;
}
@media screen and (min-width: 1280px) {
  .document__abstract-actions .action.action--icon-download:first-child, .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:nth-child(2), .document__abstract-actions .action.action--icon-view:first-child {
    /* MQ Widescreen */
    background: none;
    background-image: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    border: none;
    color: #069;
    font-size: 12px;
    font-size: 1.2rem;
    margin-right: 0;
    min-height: 0;
    padding: 0;
    vertical-align: middle;
    width: auto;
    min-width: 0;
    max-width: 100%;
  }
  .document__abstract-actions .action.action--icon-download:first-child:first-child, .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:nth-child(2), .document__abstract-actions .action.action--icon-view:first-child:first-child {
    margin: 0 26px 0 0;
  }
  .document--phase_diagram-db .document__abstract-actions .action.action--icon-download:first-child, .document--phase_diagram-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--phase_diagram-db .document__abstract-actions .action.action--icon-download:nth-child(2), .document--adsorption-db .document__abstract-actions .action.action--icon-download:first-child, .document--adsorption-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--adsorption-db .document__abstract-actions .action.action--icon-download:nth-child(2), .adsorption-db-cbox .document__abstract-actions .action.action--icon-download:first-child, .adsorption-db-cbox .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:nth-child(2), .phase-diagram-layout .col-aside .readings-list .adsorption-db-cbox .document__abstract-actions .action.action--icon-download:nth-child(2), .document--landoltbornstein-db .document__abstract-actions .action.action--icon-download:first-child, .document--landoltbornstein-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--landoltbornstein-db .document__abstract-actions .action.action--icon-download:nth-child(2), .document--thermo-db .document__abstract-actions .action.action--icon-download:first-child, .document--thermo-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--thermo-db .document__abstract-actions .action.action--icon-download:nth-child(2), .document--polymer-db .document__abstract-actions .action.action--icon-download:first-child, .document--polymer-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--polymer-db .document__abstract-actions .action.action--icon-download:nth-child(2), .document--crystallographic-db .document__abstract-actions .action.action--icon-download:first-child, .document--crystallographic-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--crystallographic-db .document__abstract-actions .action.action--icon-download:nth-child(2), .document--phase_diagram-db .document__abstract-actions .action.action--icon-view:first-child, .document--adsorption-db .document__abstract-actions .action.action--icon-view:first-child, .adsorption-db-cbox .document__abstract-actions .action.action--icon-view:first-child, .document--landoltbornstein-db .document__abstract-actions .action.action--icon-view:first-child, .document--thermo-db .document__abstract-actions .action.action--icon-view:first-child, .document--polymer-db .document__abstract-actions .action.action--icon-view:first-child, .document--crystallographic-db .document__abstract-actions .action.action--icon-view:first-child {
    background-color: #069;
    background-image: linear-gradient(#38a0e5, #069);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
    border: 1px solid #069;
    padding-right: 20px;
  }
  .document--phase_diagram-db .document__abstract-actions .action.action--icon-download:first-child a, .document--phase_diagram-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:nth-child(2) a, .phase-diagram-layout .col-aside .readings-list .document--phase_diagram-db .document__abstract-actions .action.action--icon-download:nth-child(2) a, .document--adsorption-db .document__abstract-actions .action.action--icon-download:first-child a, .document--adsorption-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:nth-child(2) a, .phase-diagram-layout .col-aside .readings-list .document--adsorption-db .document__abstract-actions .action.action--icon-download:nth-child(2) a, .adsorption-db-cbox .document__abstract-actions .action.action--icon-download:first-child a, .adsorption-db-cbox .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:nth-child(2) a, .phase-diagram-layout .col-aside .readings-list .adsorption-db-cbox .document__abstract-actions .action.action--icon-download:nth-child(2) a, .document--landoltbornstein-db .document__abstract-actions .action.action--icon-download:first-child a, .document--landoltbornstein-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:nth-child(2) a, .phase-diagram-layout .col-aside .readings-list .document--landoltbornstein-db .document__abstract-actions .action.action--icon-download:nth-child(2) a, .document--thermo-db .document__abstract-actions .action.action--icon-download:first-child a, .document--thermo-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:nth-child(2) a, .phase-diagram-layout .col-aside .readings-list .document--thermo-db .document__abstract-actions .action.action--icon-download:nth-child(2) a, .document--polymer-db .document__abstract-actions .action.action--icon-download:first-child a, .document--polymer-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:nth-child(2) a, .phase-diagram-layout .col-aside .readings-list .document--polymer-db .document__abstract-actions .action.action--icon-download:nth-child(2) a, .document--crystallographic-db .document__abstract-actions .action.action--icon-download:first-child a, .document--crystallographic-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:nth-child(2) a, .phase-diagram-layout .col-aside .readings-list .document--crystallographic-db .document__abstract-actions .action.action--icon-download:nth-child(2) a, .document--phase_diagram-db .document__abstract-actions .action.action--icon-view:first-child a, .document--adsorption-db .document__abstract-actions .action.action--icon-view:first-child a, .adsorption-db-cbox .document__abstract-actions .action.action--icon-view:first-child a, .document--landoltbornstein-db .document__abstract-actions .action.action--icon-view:first-child a, .document--thermo-db .document__abstract-actions .action.action--icon-view:first-child a, .document--polymer-db .document__abstract-actions .action.action--icon-view:first-child a, .document--crystallographic-db .document__abstract-actions .action.action--icon-view:first-child a {
    background-position: 12px -91px; /* white icon */
    color: #fff;
  }
  .document--phase_diagram-db .document__abstract-actions .action.action--icon-download:first-child a span, .document--phase_diagram-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:nth-child(2) a span, .phase-diagram-layout .col-aside .readings-list .document--phase_diagram-db .document__abstract-actions .action.action--icon-download:nth-child(2) a span, .document--adsorption-db .document__abstract-actions .action.action--icon-download:first-child a span, .document--adsorption-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:nth-child(2) a span, .phase-diagram-layout .col-aside .readings-list .document--adsorption-db .document__abstract-actions .action.action--icon-download:nth-child(2) a span, .adsorption-db-cbox .document__abstract-actions .action.action--icon-download:first-child a span, .adsorption-db-cbox .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:nth-child(2) a span, .phase-diagram-layout .col-aside .readings-list .adsorption-db-cbox .document__abstract-actions .action.action--icon-download:nth-child(2) a span, .document--landoltbornstein-db .document__abstract-actions .action.action--icon-download:first-child a span, .document--landoltbornstein-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:nth-child(2) a span, .phase-diagram-layout .col-aside .readings-list .document--landoltbornstein-db .document__abstract-actions .action.action--icon-download:nth-child(2) a span, .document--thermo-db .document__abstract-actions .action.action--icon-download:first-child a span, .document--thermo-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:nth-child(2) a span, .phase-diagram-layout .col-aside .readings-list .document--thermo-db .document__abstract-actions .action.action--icon-download:nth-child(2) a span, .document--polymer-db .document__abstract-actions .action.action--icon-download:first-child a span, .document--polymer-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:nth-child(2) a span, .phase-diagram-layout .col-aside .readings-list .document--polymer-db .document__abstract-actions .action.action--icon-download:nth-child(2) a span, .document--crystallographic-db .document__abstract-actions .action.action--icon-download:first-child a span, .document--crystallographic-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:nth-child(2) a span, .phase-diagram-layout .col-aside .readings-list .document--crystallographic-db .document__abstract-actions .action.action--icon-download:nth-child(2) a span, .document--phase_diagram-db .document__abstract-actions .action.action--icon-view:first-child a span, .document--adsorption-db .document__abstract-actions .action.action--icon-view:first-child a span, .adsorption-db-cbox .document__abstract-actions .action.action--icon-view:first-child a span, .document--landoltbornstein-db .document__abstract-actions .action.action--icon-view:first-child a span, .document--thermo-db .document__abstract-actions .action.action--icon-view:first-child a span, .document--polymer-db .document__abstract-actions .action.action--icon-view:first-child a span, .document--crystallographic-db .document__abstract-actions .action.action--icon-view:first-child a span {
    color: #fff;
  }
}
.document__abstract-actions .action.action--icon-download:first-child:hover, .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:hover:nth-child(2), .document__abstract-actions .action.action--icon-download:first-child:focus, .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:focus:nth-child(2), .document__abstract-actions .action.action--icon-download:first-child:active, .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:active:nth-child(2), .document__abstract-actions .action.action--icon-download:first-child.act, .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download.act:nth-child(2), .document__abstract-actions .action.action--icon-view:first-child:hover, .document__abstract-actions .action.action--icon-view:first-child:focus, .document__abstract-actions .action.action--icon-view:first-child:active, .document__abstract-actions .action.action--icon-view:first-child.act {
  border-color: #0266a8;
  color: #b3dcf5;
}
@media screen and (min-width: 1280px) {
  .document__abstract-actions .action.action--icon-download:first-child:hover, .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:hover:nth-child(2), .document__abstract-actions .action.action--icon-download:first-child:focus, .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:focus:nth-child(2), .document__abstract-actions .action.action--icon-download:first-child:active, .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:active:nth-child(2), .document__abstract-actions .action.action--icon-download:first-child.act, .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download.act:nth-child(2), .document__abstract-actions .action.action--icon-view:first-child:hover, .document__abstract-actions .action.action--icon-view:first-child:focus, .document__abstract-actions .action.action--icon-view:first-child:active, .document__abstract-actions .action.action--icon-view:first-child.act {
    /* MQ Widescreen */
    -webkit-box-shadow: 0 0 0;
    -moz-box-shadow: 0 0 0;
    box-shadow: 0 0 0;
    border: none;
    color: #069;
    text-decoration: underline;
  }
  .document--phase_diagram-db .document__abstract-actions .action.action--icon-download:first-child:hover, .document--phase_diagram-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:hover:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--phase_diagram-db .document__abstract-actions .action.action--icon-download:hover:nth-child(2), .document--phase_diagram-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:first-child:hover:nth-child(2), .document--phase_diagram-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:hover:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--phase_diagram-db .document__abstract-actions .action.action--icon-download:first-child:hover:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--phase_diagram-db .document__abstract-actions .action.action--icon-download:hover:nth-child(2), .document--adsorption-db .document__abstract-actions .action.action--icon-download:first-child:hover, .document--adsorption-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:hover:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--adsorption-db .document__abstract-actions .action.action--icon-download:hover:nth-child(2), .document--adsorption-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:first-child:hover:nth-child(2), .document--adsorption-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:hover:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--adsorption-db .document__abstract-actions .action.action--icon-download:first-child:hover:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--adsorption-db .document__abstract-actions .action.action--icon-download:hover:nth-child(2), .adsorption-db-cbox .document__abstract-actions .action.action--icon-download:first-child:hover, .adsorption-db-cbox .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:hover:nth-child(2), .phase-diagram-layout .col-aside .readings-list .adsorption-db-cbox .document__abstract-actions .action.action--icon-download:hover:nth-child(2), .adsorption-db-cbox .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:first-child:hover:nth-child(2), .adsorption-db-cbox .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:hover:nth-child(2), .phase-diagram-layout .col-aside .readings-list .adsorption-db-cbox .document__abstract-actions .action.action--icon-download:first-child:hover:nth-child(2), .phase-diagram-layout .col-aside .readings-list .adsorption-db-cbox .document__abstract-actions .action.action--icon-download:hover:nth-child(2), .document--landoltbornstein-db .document__abstract-actions .action.action--icon-download:first-child:hover, .document--landoltbornstein-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:hover:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--landoltbornstein-db .document__abstract-actions .action.action--icon-download:hover:nth-child(2), .document--landoltbornstein-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:first-child:hover:nth-child(2), .document--landoltbornstein-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:hover:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--landoltbornstein-db .document__abstract-actions .action.action--icon-download:first-child:hover:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--landoltbornstein-db .document__abstract-actions .action.action--icon-download:hover:nth-child(2), .document--thermo-db .document__abstract-actions .action.action--icon-download:first-child:hover, .document--thermo-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:hover:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--thermo-db .document__abstract-actions .action.action--icon-download:hover:nth-child(2), .document--thermo-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:first-child:hover:nth-child(2), .document--thermo-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:hover:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--thermo-db .document__abstract-actions .action.action--icon-download:first-child:hover:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--thermo-db .document__abstract-actions .action.action--icon-download:hover:nth-child(2), .document--polymer-db .document__abstract-actions .action.action--icon-download:first-child:hover, .document--polymer-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:hover:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--polymer-db .document__abstract-actions .action.action--icon-download:hover:nth-child(2), .document--polymer-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:first-child:hover:nth-child(2), .document--polymer-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:hover:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--polymer-db .document__abstract-actions .action.action--icon-download:first-child:hover:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--polymer-db .document__abstract-actions .action.action--icon-download:hover:nth-child(2), .document--crystallographic-db .document__abstract-actions .action.action--icon-download:first-child:hover, .document--crystallographic-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:hover:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--crystallographic-db .document__abstract-actions .action.action--icon-download:hover:nth-child(2), .document--crystallographic-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:first-child:hover:nth-child(2), .document--crystallographic-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:hover:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--crystallographic-db .document__abstract-actions .action.action--icon-download:first-child:hover:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--crystallographic-db .document__abstract-actions .action.action--icon-download:hover:nth-child(2), .document--phase_diagram-db .document__abstract-actions .action.action--icon-download:first-child:focus, .document--phase_diagram-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:focus:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--phase_diagram-db .document__abstract-actions .action.action--icon-download:focus:nth-child(2), .document--phase_diagram-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:first-child:focus:nth-child(2), .document--phase_diagram-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:focus:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--phase_diagram-db .document__abstract-actions .action.action--icon-download:first-child:focus:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--phase_diagram-db .document__abstract-actions .action.action--icon-download:focus:nth-child(2), .document--adsorption-db .document__abstract-actions .action.action--icon-download:first-child:focus, .document--adsorption-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:focus:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--adsorption-db .document__abstract-actions .action.action--icon-download:focus:nth-child(2), .document--adsorption-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:first-child:focus:nth-child(2), .document--adsorption-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:focus:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--adsorption-db .document__abstract-actions .action.action--icon-download:first-child:focus:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--adsorption-db .document__abstract-actions .action.action--icon-download:focus:nth-child(2), .adsorption-db-cbox .document__abstract-actions .action.action--icon-download:first-child:focus, .adsorption-db-cbox .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:focus:nth-child(2), .phase-diagram-layout .col-aside .readings-list .adsorption-db-cbox .document__abstract-actions .action.action--icon-download:focus:nth-child(2), .adsorption-db-cbox .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:first-child:focus:nth-child(2), .adsorption-db-cbox .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:focus:nth-child(2), .phase-diagram-layout .col-aside .readings-list .adsorption-db-cbox .document__abstract-actions .action.action--icon-download:first-child:focus:nth-child(2), .phase-diagram-layout .col-aside .readings-list .adsorption-db-cbox .document__abstract-actions .action.action--icon-download:focus:nth-child(2), .document--landoltbornstein-db .document__abstract-actions .action.action--icon-download:first-child:focus, .document--landoltbornstein-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:focus:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--landoltbornstein-db .document__abstract-actions .action.action--icon-download:focus:nth-child(2), .document--landoltbornstein-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:first-child:focus:nth-child(2), .document--landoltbornstein-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:focus:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--landoltbornstein-db .document__abstract-actions .action.action--icon-download:first-child:focus:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--landoltbornstein-db .document__abstract-actions .action.action--icon-download:focus:nth-child(2), .document--thermo-db .document__abstract-actions .action.action--icon-download:first-child:focus, .document--thermo-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:focus:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--thermo-db .document__abstract-actions .action.action--icon-download:focus:nth-child(2), .document--thermo-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:first-child:focus:nth-child(2), .document--thermo-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:focus:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--thermo-db .document__abstract-actions .action.action--icon-download:first-child:focus:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--thermo-db .document__abstract-actions .action.action--icon-download:focus:nth-child(2), .document--polymer-db .document__abstract-actions .action.action--icon-download:first-child:focus, .document--polymer-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:focus:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--polymer-db .document__abstract-actions .action.action--icon-download:focus:nth-child(2), .document--polymer-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:first-child:focus:nth-child(2), .document--polymer-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:focus:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--polymer-db .document__abstract-actions .action.action--icon-download:first-child:focus:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--polymer-db .document__abstract-actions .action.action--icon-download:focus:nth-child(2), .document--crystallographic-db .document__abstract-actions .action.action--icon-download:first-child:focus, .document--crystallographic-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:focus:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--crystallographic-db .document__abstract-actions .action.action--icon-download:focus:nth-child(2), .document--crystallographic-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:first-child:focus:nth-child(2), .document--crystallographic-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:focus:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--crystallographic-db .document__abstract-actions .action.action--icon-download:first-child:focus:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--crystallographic-db .document__abstract-actions .action.action--icon-download:focus:nth-child(2), .document--phase_diagram-db .document__abstract-actions .action.action--icon-download:first-child:active, .document--phase_diagram-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:active:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--phase_diagram-db .document__abstract-actions .action.action--icon-download:active:nth-child(2), .document--phase_diagram-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:first-child:active:nth-child(2), .document--phase_diagram-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:active:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--phase_diagram-db .document__abstract-actions .action.action--icon-download:first-child:active:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--phase_diagram-db .document__abstract-actions .action.action--icon-download:active:nth-child(2), .document--adsorption-db .document__abstract-actions .action.action--icon-download:first-child:active, .document--adsorption-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:active:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--adsorption-db .document__abstract-actions .action.action--icon-download:active:nth-child(2), .document--adsorption-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:first-child:active:nth-child(2), .document--adsorption-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:active:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--adsorption-db .document__abstract-actions .action.action--icon-download:first-child:active:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--adsorption-db .document__abstract-actions .action.action--icon-download:active:nth-child(2), .adsorption-db-cbox .document__abstract-actions .action.action--icon-download:first-child:active, .adsorption-db-cbox .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:active:nth-child(2), .phase-diagram-layout .col-aside .readings-list .adsorption-db-cbox .document__abstract-actions .action.action--icon-download:active:nth-child(2), .adsorption-db-cbox .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:first-child:active:nth-child(2), .adsorption-db-cbox .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:active:nth-child(2), .phase-diagram-layout .col-aside .readings-list .adsorption-db-cbox .document__abstract-actions .action.action--icon-download:first-child:active:nth-child(2), .phase-diagram-layout .col-aside .readings-list .adsorption-db-cbox .document__abstract-actions .action.action--icon-download:active:nth-child(2), .document--landoltbornstein-db .document__abstract-actions .action.action--icon-download:first-child:active, .document--landoltbornstein-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:active:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--landoltbornstein-db .document__abstract-actions .action.action--icon-download:active:nth-child(2), .document--landoltbornstein-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:first-child:active:nth-child(2), .document--landoltbornstein-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:active:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--landoltbornstein-db .document__abstract-actions .action.action--icon-download:first-child:active:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--landoltbornstein-db .document__abstract-actions .action.action--icon-download:active:nth-child(2), .document--thermo-db .document__abstract-actions .action.action--icon-download:first-child:active, .document--thermo-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:active:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--thermo-db .document__abstract-actions .action.action--icon-download:active:nth-child(2), .document--thermo-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:first-child:active:nth-child(2), .document--thermo-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:active:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--thermo-db .document__abstract-actions .action.action--icon-download:first-child:active:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--thermo-db .document__abstract-actions .action.action--icon-download:active:nth-child(2), .document--polymer-db .document__abstract-actions .action.action--icon-download:first-child:active, .document--polymer-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:active:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--polymer-db .document__abstract-actions .action.action--icon-download:active:nth-child(2), .document--polymer-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:first-child:active:nth-child(2), .document--polymer-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:active:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--polymer-db .document__abstract-actions .action.action--icon-download:first-child:active:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--polymer-db .document__abstract-actions .action.action--icon-download:active:nth-child(2), .document--crystallographic-db .document__abstract-actions .action.action--icon-download:first-child:active, .document--crystallographic-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:active:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--crystallographic-db .document__abstract-actions .action.action--icon-download:active:nth-child(2), .document--crystallographic-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:first-child:active:nth-child(2), .document--crystallographic-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:active:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--crystallographic-db .document__abstract-actions .action.action--icon-download:first-child:active:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--crystallographic-db .document__abstract-actions .action.action--icon-download:active:nth-child(2), .document--phase_diagram-db .document__abstract-actions .action.action--icon-download:first-child.act, .document--phase_diagram-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download.act:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--phase_diagram-db .document__abstract-actions .action.action--icon-download.act:nth-child(2), .document--phase_diagram-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:first-child.act:nth-child(2), .document--phase_diagram-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download.act:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--phase_diagram-db .document__abstract-actions .action.action--icon-download:first-child.act:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--phase_diagram-db .document__abstract-actions .action.action--icon-download.act:nth-child(2), .document--adsorption-db .document__abstract-actions .action.action--icon-download:first-child.act, .document--adsorption-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download.act:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--adsorption-db .document__abstract-actions .action.action--icon-download.act:nth-child(2), .document--adsorption-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:first-child.act:nth-child(2), .document--adsorption-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download.act:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--adsorption-db .document__abstract-actions .action.action--icon-download:first-child.act:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--adsorption-db .document__abstract-actions .action.action--icon-download.act:nth-child(2), .adsorption-db-cbox .document__abstract-actions .action.action--icon-download:first-child.act, .adsorption-db-cbox .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download.act:nth-child(2), .phase-diagram-layout .col-aside .readings-list .adsorption-db-cbox .document__abstract-actions .action.action--icon-download.act:nth-child(2), .adsorption-db-cbox .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:first-child.act:nth-child(2), .adsorption-db-cbox .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download.act:nth-child(2), .phase-diagram-layout .col-aside .readings-list .adsorption-db-cbox .document__abstract-actions .action.action--icon-download:first-child.act:nth-child(2), .phase-diagram-layout .col-aside .readings-list .adsorption-db-cbox .document__abstract-actions .action.action--icon-download.act:nth-child(2), .document--landoltbornstein-db .document__abstract-actions .action.action--icon-download:first-child.act, .document--landoltbornstein-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download.act:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--landoltbornstein-db .document__abstract-actions .action.action--icon-download.act:nth-child(2), .document--landoltbornstein-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:first-child.act:nth-child(2), .document--landoltbornstein-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download.act:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--landoltbornstein-db .document__abstract-actions .action.action--icon-download:first-child.act:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--landoltbornstein-db .document__abstract-actions .action.action--icon-download.act:nth-child(2), .document--thermo-db .document__abstract-actions .action.action--icon-download:first-child.act, .document--thermo-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download.act:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--thermo-db .document__abstract-actions .action.action--icon-download.act:nth-child(2), .document--thermo-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:first-child.act:nth-child(2), .document--thermo-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download.act:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--thermo-db .document__abstract-actions .action.action--icon-download:first-child.act:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--thermo-db .document__abstract-actions .action.action--icon-download.act:nth-child(2), .document--polymer-db .document__abstract-actions .action.action--icon-download:first-child.act, .document--polymer-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download.act:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--polymer-db .document__abstract-actions .action.action--icon-download.act:nth-child(2), .document--polymer-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:first-child.act:nth-child(2), .document--polymer-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download.act:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--polymer-db .document__abstract-actions .action.action--icon-download:first-child.act:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--polymer-db .document__abstract-actions .action.action--icon-download.act:nth-child(2), .document--crystallographic-db .document__abstract-actions .action.action--icon-download:first-child.act, .document--crystallographic-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download.act:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--crystallographic-db .document__abstract-actions .action.action--icon-download.act:nth-child(2), .document--crystallographic-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:first-child.act:nth-child(2), .document--crystallographic-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download.act:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--crystallographic-db .document__abstract-actions .action.action--icon-download:first-child.act:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--crystallographic-db .document__abstract-actions .action.action--icon-download.act:nth-child(2), .document--phase_diagram-db .document__abstract-actions .action.action--icon-view:first-child:hover, .document--phase_diagram-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-view.action--icon-download:hover:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--phase_diagram-db .document__abstract-actions .action.action--icon-view.action--icon-download:hover:nth-child(2), .document--adsorption-db .document__abstract-actions .action.action--icon-view:first-child:hover, .document--adsorption-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-view.action--icon-download:hover:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--adsorption-db .document__abstract-actions .action.action--icon-view.action--icon-download:hover:nth-child(2), .adsorption-db-cbox .document__abstract-actions .action.action--icon-view:first-child:hover, .adsorption-db-cbox .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-view.action--icon-download:hover:nth-child(2), .phase-diagram-layout .col-aside .readings-list .adsorption-db-cbox .document__abstract-actions .action.action--icon-view.action--icon-download:hover:nth-child(2), .document--landoltbornstein-db .document__abstract-actions .action.action--icon-view:first-child:hover, .document--landoltbornstein-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-view.action--icon-download:hover:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--landoltbornstein-db .document__abstract-actions .action.action--icon-view.action--icon-download:hover:nth-child(2), .document--thermo-db .document__abstract-actions .action.action--icon-view:first-child:hover, .document--thermo-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-view.action--icon-download:hover:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--thermo-db .document__abstract-actions .action.action--icon-view.action--icon-download:hover:nth-child(2), .document--polymer-db .document__abstract-actions .action.action--icon-view:first-child:hover, .document--polymer-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-view.action--icon-download:hover:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--polymer-db .document__abstract-actions .action.action--icon-view.action--icon-download:hover:nth-child(2), .document--crystallographic-db .document__abstract-actions .action.action--icon-view:first-child:hover, .document--crystallographic-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-view.action--icon-download:hover:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--crystallographic-db .document__abstract-actions .action.action--icon-view.action--icon-download:hover:nth-child(2), .document--phase_diagram-db .document__abstract-actions .action.action--icon-view:first-child:focus, .document--phase_diagram-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-view.action--icon-download:focus:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--phase_diagram-db .document__abstract-actions .action.action--icon-view.action--icon-download:focus:nth-child(2), .document--adsorption-db .document__abstract-actions .action.action--icon-view:first-child:focus, .document--adsorption-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-view.action--icon-download:focus:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--adsorption-db .document__abstract-actions .action.action--icon-view.action--icon-download:focus:nth-child(2), .adsorption-db-cbox .document__abstract-actions .action.action--icon-view:first-child:focus, .adsorption-db-cbox .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-view.action--icon-download:focus:nth-child(2), .phase-diagram-layout .col-aside .readings-list .adsorption-db-cbox .document__abstract-actions .action.action--icon-view.action--icon-download:focus:nth-child(2), .document--landoltbornstein-db .document__abstract-actions .action.action--icon-view:first-child:focus, .document--landoltbornstein-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-view.action--icon-download:focus:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--landoltbornstein-db .document__abstract-actions .action.action--icon-view.action--icon-download:focus:nth-child(2), .document--thermo-db .document__abstract-actions .action.action--icon-view:first-child:focus, .document--thermo-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-view.action--icon-download:focus:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--thermo-db .document__abstract-actions .action.action--icon-view.action--icon-download:focus:nth-child(2), .document--polymer-db .document__abstract-actions .action.action--icon-view:first-child:focus, .document--polymer-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-view.action--icon-download:focus:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--polymer-db .document__abstract-actions .action.action--icon-view.action--icon-download:focus:nth-child(2), .document--crystallographic-db .document__abstract-actions .action.action--icon-view:first-child:focus, .document--crystallographic-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-view.action--icon-download:focus:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--crystallographic-db .document__abstract-actions .action.action--icon-view.action--icon-download:focus:nth-child(2), .document--phase_diagram-db .document__abstract-actions .action.action--icon-view:first-child:active, .document--phase_diagram-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-view.action--icon-download:active:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--phase_diagram-db .document__abstract-actions .action.action--icon-view.action--icon-download:active:nth-child(2), .document--adsorption-db .document__abstract-actions .action.action--icon-view:first-child:active, .document--adsorption-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-view.action--icon-download:active:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--adsorption-db .document__abstract-actions .action.action--icon-view.action--icon-download:active:nth-child(2), .adsorption-db-cbox .document__abstract-actions .action.action--icon-view:first-child:active, .adsorption-db-cbox .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-view.action--icon-download:active:nth-child(2), .phase-diagram-layout .col-aside .readings-list .adsorption-db-cbox .document__abstract-actions .action.action--icon-view.action--icon-download:active:nth-child(2), .document--landoltbornstein-db .document__abstract-actions .action.action--icon-view:first-child:active, .document--landoltbornstein-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-view.action--icon-download:active:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--landoltbornstein-db .document__abstract-actions .action.action--icon-view.action--icon-download:active:nth-child(2), .document--thermo-db .document__abstract-actions .action.action--icon-view:first-child:active, .document--thermo-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-view.action--icon-download:active:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--thermo-db .document__abstract-actions .action.action--icon-view.action--icon-download:active:nth-child(2), .document--polymer-db .document__abstract-actions .action.action--icon-view:first-child:active, .document--polymer-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-view.action--icon-download:active:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--polymer-db .document__abstract-actions .action.action--icon-view.action--icon-download:active:nth-child(2), .document--crystallographic-db .document__abstract-actions .action.action--icon-view:first-child:active, .document--crystallographic-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-view.action--icon-download:active:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--crystallographic-db .document__abstract-actions .action.action--icon-view.action--icon-download:active:nth-child(2), .document--phase_diagram-db .document__abstract-actions .action.action--icon-view:first-child.act, .document--phase_diagram-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-view.act.action--icon-download:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--phase_diagram-db .document__abstract-actions .action.action--icon-view.act.action--icon-download:nth-child(2), .document--adsorption-db .document__abstract-actions .action.action--icon-view:first-child.act, .document--adsorption-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-view.act.action--icon-download:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--adsorption-db .document__abstract-actions .action.action--icon-view.act.action--icon-download:nth-child(2), .adsorption-db-cbox .document__abstract-actions .action.action--icon-view:first-child.act, .adsorption-db-cbox .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-view.act.action--icon-download:nth-child(2), .phase-diagram-layout .col-aside .readings-list .adsorption-db-cbox .document__abstract-actions .action.action--icon-view.act.action--icon-download:nth-child(2), .document--landoltbornstein-db .document__abstract-actions .action.action--icon-view:first-child.act, .document--landoltbornstein-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-view.act.action--icon-download:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--landoltbornstein-db .document__abstract-actions .action.action--icon-view.act.action--icon-download:nth-child(2), .document--thermo-db .document__abstract-actions .action.action--icon-view:first-child.act, .document--thermo-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-view.act.action--icon-download:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--thermo-db .document__abstract-actions .action.action--icon-view.act.action--icon-download:nth-child(2), .document--polymer-db .document__abstract-actions .action.action--icon-view:first-child.act, .document--polymer-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-view.act.action--icon-download:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--polymer-db .document__abstract-actions .action.action--icon-view.act.action--icon-download:nth-child(2), .document--crystallographic-db .document__abstract-actions .action.action--icon-view:first-child.act, .document--crystallographic-db .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-view.act.action--icon-download:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document--crystallographic-db .document__abstract-actions .action.action--icon-view.act.action--icon-download:nth-child(2) {
    border: 1px solid #069;
    color: #b3dcf5;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  }
}
.document__abstract-actions .action.action--icon-download:first-child a, .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:nth-child(2) a,
.document__abstract-actions .action.action--icon-download:first-child span,
.phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:nth-child(2) span, .document__abstract-actions .action.action--icon-view:first-child a,
.document__abstract-actions .action.action--icon-view:first-child span {
  color: #FFF;
}
@media screen and (min-width: 1280px) {
  .document__abstract-actions .action.action--icon-download:first-child a, .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:nth-child(2) a,
  .document__abstract-actions .action.action--icon-download:first-child span,
  .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:nth-child(2) span, .document__abstract-actions .action.action--icon-view:first-child a,
  .document__abstract-actions .action.action--icon-view:first-child span {
    /* MQ Widescreen */
    color: #069; /* blue color */
  }
}
.document__abstract-actions .action.action--icon-download a, .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:nth-child(2) a {
  background-position: 12px -91px; /* white icon */
}
@media screen and (min-width: 1280px) {
  .document__abstract-actions .action.action--icon-download a, .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-download:nth-child(2) a {
    /* MQ Widescreen */
    background-position: 0 -50px; /* blue icon */
  }
}
.document__abstract-actions .action.action--icon-view:first-child a, .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-view.action--icon-download:nth-child(2) a {
  background-position: 12px -241px; /* white icon */
}
@media screen and (min-width: 1280px) {
  .document__abstract-actions .action.action--icon-view:first-child a, .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action.action--icon-view.action--icon-download:nth-child(2) a {
    /* MQ Widescreen */
    background-position: 0 -200px; /* blue icon */
  }
}
.document__abstract-actions .action.action--icon-view a {
  background-position: 12px -141px; /* grey icon */
}
@media screen and (min-width: 768px) {
  .document__abstract-actions .action.action--icon-view a {
    /* MQ Tablet */
    background-position: 12px -41px; /* blue icon */
  }
}
@media screen and (min-device-width: 576px) {
  .document__abstract-actions .action.action--icon-view a {
    /* MQ Smartphone */
    background-position: 12px -41px; /* blue icon */
  }
}
.document--phase_diagram-db .document__abstract-actions .action.action--icon-view a span, .document--adsorption-db .document__abstract-actions .action.action--icon-view a span, .adsorption-db-cbox .document__abstract-actions .action.action--icon-view a span, .document--landoltbornstein-db .document__abstract-actions .action.action--icon-view a span {
  color: #333333;
}
@media screen and (min-width: 768px) {
  .document--phase_diagram-db .document__abstract-actions .action.action--icon-view a span, .document--adsorption-db .document__abstract-actions .action.action--icon-view a span, .adsorption-db-cbox .document__abstract-actions .action.action--icon-view a span, .document--landoltbornstein-db .document__abstract-actions .action.action--icon-view a span {
    /* MQ Tablet */
    color: #069; /* blue icon */
  }
}
@media screen and (min-device-width: 576px) {
  .document--phase_diagram-db .document__abstract-actions .action.action--icon-view a span, .document--adsorption-db .document__abstract-actions .action.action--icon-view a span, .adsorption-db-cbox .document__abstract-actions .action.action--icon-view a span, .document--landoltbornstein-db .document__abstract-actions .action.action--icon-view a span {
    /* MQ Smartphone */
    color: #069;
  }
}
@media screen and (min-width: 1280px) {
  .document__abstract-actions .action.action--icon-view a {
    /* MQ Widescreen */
    background-position: 0 -200px; /* blue icon */
  }
  .document--phase_diagram-db .document__abstract-actions .action.action--icon-view a, .document--adsorption-db .document__abstract-actions .action.action--icon-view a, .adsorption-db-cbox .document__abstract-actions .action.action--icon-view a, .document--landoltbornstein-db .document__abstract-actions .action.action--icon-view a {
    background-position: 12px -41px; /* blue icon */
    color: #069;
  }
  .document--phase_diagram-db .document__abstract-actions .action.action--icon-view a span, .document--adsorption-db .document__abstract-actions .action.action--icon-view a span, .adsorption-db-cbox .document__abstract-actions .action.action--icon-view a span, .document--landoltbornstein-db .document__abstract-actions .action.action--icon-view a span {
    color: #069;
  }
}

/* Action
------------------------------------------------------------------------------*/
.action {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: bold;
  display: block;
  margin: 7px 26px 7px 0;
  /* link */
  /* text (e.g. filesize) */
}
@media screen and (min-width: 768px) {
  .action {
    /* MQ Tablet */
    display: inline-block;
    margin: 0 26px 0 0;
  }
}
.action a:before {
  content: "» "; /* raquo + space */
}
.action span {
  color: #999999;
  font-weight: normal;
}

/* Icons (KS: refactoring needed! get rid of *-alt)
------------------------------------------------------------------------------*/
.action--icon-download a, .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action--icon-download:nth-child(2) a,
.action--icon-view a,
.icon-browse a,
.icon-browse-alt a,
.icon-unlock a {
  background: url("images/action_icons_backup.png") no-repeat;
  display: inline-block;
  padding-left: 35px;
}
.action--icon-download a.unauthorized, .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action--icon-download:nth-child(2) a.unauthorized,
.action--icon-view a.unauthorized,
.icon-browse a.unauthorized,
.icon-browse-alt a.unauthorized,
.icon-unlock a.unauthorized {
  background: url("images/key_white.svg") no-repeat !important;
}

.action--icon-download a, .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action--icon-download:nth-child(2) a {
  background-position: 12px 9px; /* grey */
}
.action--icon-download a.unauthorized, .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action--icon-download:nth-child(2) a.unauthorized {
  background-position: 8px 8px !important; /* grey */
}
@media screen and (min-width: 1280px) {
  .action--icon-download a, .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action--icon-download:nth-child(2) a {
    /* MQ Widescreen */
    background-position: 0 -50px; /* blue */
  }
}

.action--icon-view a {
  background-position: 12px -141px; /* grey */
}
@media screen and (min-width: 1280px) {
  .action--icon-view a {
    /* MQ Widescreen */
    background-position: 0 -200px; /* blue */
  }
}

.action--popup {
  background: none !important;
  border: none !important;
}
.action--popup a {
  background-position: 12px -41px !important;
  color: #069 !important;
}
.action--popup span {
  color: #069 !important;
}

/* basics (grey) - essential class for every button, other .btn-* are optional */
.btn, .btn-active {
  background: #e5e5e5 url("images/grdnt_grey_f8f8f8_e5e5e5.gif") repeat-x;
  background-image: linear-gradient(#f8f8f8, #e5e5e5);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 0 #FFF;
  -moz-box-shadow: inset 0 1px 0 #FFF;
  box-shadow: inset 0 1px 0 #FFF;
  border: 1px solid #bcbcbc;
  color: #666666;
  font-size: 16px;
  font-size: 1.6rem;
  display: inline-block;
  line-height: 1.7;
  padding: 1px 10px 0;
  white-space: nowrap;
}
.btn:hover, .btn-active:hover, .btn:focus, .btn-active:focus, .btn:active, .btn-active:active {
  border-color: #999999;
  text-decoration: none;
  outline: none;
}
.btn:active, .btn-active:active, .btn.act, .act.btn-active {
  -webkit-box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.35);
  -moz-box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.35);
  box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.35);
}
.ie9 .btn:active, .ie9 .btn-active:active {
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(direction=0,color=#000000,strength=5);";
}

.btn-active {
  background-color: #ee7d11;
  background-image: linear-gradient(#ee7d11, #e06310);
  border: 1px solid #e06310;
  -webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.25);
  -moz-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.25);
  box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.25);
  color: #FFF;
}
.lt-ie9 .btn-active, .ie9 .btn-active {
  background: #ee7d11;
}
.btn-active:focus, .btn-active:active, .btn-active:hover {
  color: #FFF;
  border-color: #e06310;
}
.lt-ie9 .btn-active:focus, .ie9 .btn-active:focus, .lt-ie9 .btn-active:active, .ie9 .btn-active:active, .lt-ie9 .btn-active:hover, .ie9 .btn-active:hover {
  background: #ee7d11;
}

button.btn, button.btn-active {
  height: 24px; /* needs height including the 2 px for the border */
  padding-top: 0;
}

/* higher buttons in lightboxes */
.facet-expanded .facet-header .btn, .facet-expanded .facet-header .btn-active,
.lb .mod-hd .btn,
.lb .mod-hd .btn-active,
#cboxContent .functions-bar .btn,
#cboxContent .functions-bar .btn-active,
#reader-buttons .btn,
#reader-buttons .btn-active {
  height: 25px;
}
.facet-expanded .facet-header .btn:hover, .facet-expanded .facet-header .btn-active:hover,
.lb .mod-hd .btn:hover,
.lb .mod-hd .btn-active:hover,
#cboxContent .functions-bar .btn:hover,
#cboxContent .functions-bar .btn-active:hover,
#reader-buttons .btn:hover,
#reader-buttons .btn-active:hover {
  color: #333333;
}

.btn-action {
  background-color: #069;
  background-image: linear-gradient(#38a0e5, #069);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  border: 1px solid #069;
  color: #fff;
}
.btn-action:hover {
  color: #fff;
}

.btn-block {
  font-size: 12px;
  width: 100%;
  margin: 20px 0;
  height: 30px !important;
  line-height: 1;
}

.btn-monster {
  height: 31px; /* needs height including the 2 px for the border */
  padding-top: 0;
}

/* Primary buttons */
.btn-primary {
  background-color: #069;
  background-image: linear-gradient(#38a0e5, #069);
  border-color: #069;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
  color: #ffffff;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.act {
  background-color: #0266a8;
  background-image: linear-gradient(#38a0e5, #0266a8);
  border-color: #0266a8;
  color: #ffffff;
}

.btn--secondary {
  background: white url("images/grdnt_grey_f8f8f8_e5e5e5.gif") repeat-x;
  background-image: linear-gradient(#f8f8f8, white);
  color: #069;
}
.btn--secondary:focus, .btn--secondary:active {
  -webkit-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 4px 4px rgba(0, 0, 0, 0.15);
}

@media screen and (min-device-width: 576px) { /* MQ Smartphone */
  /* Pillow-emboss button
    ------------------------------------------------------------------------------*/
  .pillow-btn {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
    -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
    -webkit-transition: opacity 0.25s ease-in-out;
    -moz-transition: opacity 0.25s ease-in-out;
    -o-transition: opacity 0.25s ease-in-out;
    transition: opacity 0.25s ease-in-out;
    -webkit-transition: right 0.25s ease-in-out;
    -moz-transition: right 0.25s ease-in-out;
    -o-transition: right 0.25s ease-in-out;
    transition: right 0.25s ease-in-out;
    border: 1px solid #dcdcdc;
    cursor: pointer;
    display: inline-block;
    opacity: 1;
    padding: 5px 15px;
    visibility: visible;
    white-space: nowrap;
  }
  .ie9 .pillow-btn {
    filter: none;
  }
  .pillow-btn:hover {
    border-color: #bcbcbc;
  }
  .pillow-btn.pillow-btn-active {
    -webkit-box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.35), inset 0 -1px 0 rgba(255, 255, 255, 0.75);
    -moz-box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.35), inset 0 -1px 0 rgba(255, 255, 255, 0.75);
    box-shadow: inset 0 4px 6px rgba(0, 0, 0, 0.35), inset 0 -1px 0 rgba(255, 255, 255, 0.75);
    background-color: #dcdcdc;
    border: none;
    padding: 5px 15px;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.85);
  }
  .lt-ie9 .pillow-btn {
    display: block;
  }
  .pillow-btn.citation-content__copy-cite {
    margin: 0 5px 25px 0;
  }
  .pillow-btn.citation-content__copy-cite:hover {
    color: #555555;
  }
}
#copyCitationBtn {
  height: 34px;
}
.noflashsupport #copyCitationBtn {
  display: none;
}
.flashsupport #copyCitationBtn {
  display: block;
}

.export-citation {
  width: 187px;
  position: relative;
}
.export-citation h3.collapse__section {
  border: 1px solid #dcdcdc;
  margin: 0;
  padding: 5px 15px;
  font-size: 1.4rem;
  font-weight: normal;
  color: #666666;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  width: 100%;
}
.export-citation h3.collapse__section:before {
  content: "";
  display: block;
  position: absolute;
  border: 6px solid transparent;
  border-bottom-width: 0;
  border-top: 6px solid #666666;
  width: 0;
  height: 0;
  left: 90%;
  top: 19px;
}
.export-citation .hide-expand__section {
  display: none;
}
.export-citation ul.expand__section {
  border: 1px solid #dcdcdc;
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.04);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.04);
  margin: 0;
  padding: 0;
  min-height: auto;
  width: 185px;
  margin-top: -1px;
}
.export-citation ul.expand__section li {
  margin: 0;
  padding: 0;
  position: relative;
}
.export-citation ul.expand__section li:hover {
  background-color: #edf5fb;
}
.export-citation ul.expand__section li a {
  display: block;
  line-height: 1.1;
  padding: 10px 15px;
  position: relative;
  z-index: 10;
  word-wrap: break-word;
  font-size: 1.3rem;
  color: #666666;
}
.export-citation ul.expand__section li a:hover {
  text-decoration: none;
  color: #069;
}

.block {
  border: 1px solid #dcdcdc;
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.04);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.04);
  outline: none;
}
.block a,
.block a:hover,
.block a:visited,
.block a:active {
  text-decoration: none;
  color: inherit;
}

.block__heading {
  background-color: #ffffff;
  padding: 12px 19px;
  border-bottom: 1px solid #dcdcdc;
  position: relative;
}
.block__heading:before {
  content: "";
  position: absolute;
  top: 2px;
  left: 0;
  background-color: #fff;
  background-image: linear-gradient(#f8f8f8, #fff);
  height: 12px;
  width: 100%;
}

.block__content img {
  display: block;
  max-width: 100%;
}

@media screen and (min-device-width: 576px) { /* MQ Smartphone */
  /* Box
  ------------------------------------------------------------------------------*/
  .box {
    border: 1px solid #dcdcdc;
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
    margin-bottom: 20px;
    padding: 15px 20px;
  }
  .box a:focus {
    z-index: 10;
  }
  .home .box {
    margin-right: 0;
  }
  .box__box-header {
    font-size: 26px;
    font-size: 2.6rem;
    line-height: 1.2;
    margin: 0 0 25px;
  }
}
.box-alt {
  padding: 8px 7px;
}
.box-alt .box__box-header {
  background: #e5e5e5 url("images/grdnt_grey_f8f8f8_e5e5e5.gif") repeat-x;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  padding: 6px 7px;
  margin: -8px -7px 8px -7px;
}

.data-list {
  font-size: 16px;
  font-size: 1.6rem;
  overflow: hidden;
  margin-bottom: 15px;
}
@media screen and (min-width: 768px) {
  .data-list {
    /* MQ Tablet */
    display: inline-block;
    vertical-align: top;
  }
  .data-list data-list--col2 {
    margin-right: 2.32558%;
    width: 48.33721%;
  }
  #structure-search-results-box .data-list data-list--col2 {
    width: 310px;
  }
  .ie8 .data-list data-list--col2 {
    width: 47.23721%;
  }
  .data-list data-list--col2:nth-child(even) {
    margin-right: 0;
  }
  .data-list.data-list--col3 {
    margin-right: 2.32558%;
    width: 31.272874%;
  }
  #structure-search-results-box .data-list.data-list--col3 {
    width: 200px;
  }
  .data-list.data-list--col3:nth-child(3n+3) {
    margin-right: 0;
  }
}
.document--adsorption-db .section__content .data-list {
  margin-bottom: 15px;
}

.data-list.data-list--col2 {
  margin-right: 2.32558%;
  width: 48.33721%;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .data-list.data-list--col2 {
    /* MQ Smartphone only */
    width: 100%;
  }
}

.data-list.data-list--col2:nth-child(2n) {
  margin-right: 0px;
}

.data-list__heading {
  font-size: 16px;
  font-size: 1.6rem;
  color: #333333;
  font-weight: 400;
  margin-bottom: 10px;
  letter-spacing: 0.1px;
}

h3.data-list__heading {
  font-size: 1.6rem;
  color: #666666;
  font-weight: bold;
  margin-bottom: 10px;
  letter-spacing: 0.1px;
}

.data-list__content {
  margin: 0;
  padding: 0;
}

.data-list__item {
  list-style: none;
  line-height: 1.6;
}
.document--landoltbornstein-db .data-list__item {
  border-bottom: 1px solid #dcdcdc;
  margin: 2px 0 10px;
  padding-bottom: 10px;
}

.data-list__item-key {
  color: #333333;
  font-weight: 400;
  letter-spacing: 0.1px;
}
.data-list__item--title .data-list__item-key {
  font-weight: bold;
}

.data-list__item-value {
  color: #777777;
  letter-spacing: 0.1px;
}
.data-list__item-value p {
  margin: 0;
  overflow-wrap: break-word;
}

.sentence-cased {
  display: inline-block;
}
.sentence-cased:first-letter {
  text-transform: uppercase;
}

div.data-list__item-value {
  color: #666666;
}

.data-list__item--title {
  margin: 2px 0px 10px !important;
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 10px;
}

.data-list__item--title:last-child {
  border-bottom: none;
}

p.about_content_comments {
  margin-bottom: 10px;
}

.copyright-img {
  max-height: 20px;
  margin: 8px 0;
}

.copyright-img_msi {
  max-height: 10px;
  margin: 8px 0;
}

.document--adsorption-db .section--properties .section__content .data-list.data-list--col2 {
  width: 31.3%;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .document--adsorption-db .section--properties .section__content .data-list.data-list--col2 {
    /* MQ Smartphone only */
    width: auto;
  }
}

.definition-list {
  font-size: 16px;
  font-size: 1.6rem;
  overflow: hidden;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .definition-list {
    /* MQ Tablet */
    display: inline-block;
    margin-bottom: 0;
    vertical-align: top;
  }
  .definition-list.definition-list--col2 {
    margin-right: 2.32558%;
    width: 48.33721%;
  }
  .definition-list.definition-list--col2:nth-child(even) {
    margin-right: 0;
  }
  .definition-list.definition-list--col3 {
    margin-right: 2.32558%;
    width: 31.272874%;
  }
  .definition-list.definition-list--col3:nth-child(3n+3) {
    margin-right: 0;
  }
}
.document--adsorption-db .section__content .definition-list {
  margin-bottom: 15px;
}

.definition-list__heading {
  font-size: 16px;
  font-size: 1.6rem;
  color: #777777;
  font-weight: bold;
  margin-bottom: 10px;
}

.definition-list__content {
  margin: 0;
  zoom: 1;
  line-height: 19px;
}
.definition-list__content:before, .definition-list__content:after {
  content: "";
  display: table;
}
.definition-list__content:after {
  clear: both;
}
.definition-list__content li {
  list-style: none;
}

.definition-term {
  clear: left;
  float: left;
  font-style: normal;
  padding-right: 4px;
}

.definition-description {
  display: inline-block;
  float: left;
  margin-bottom: 5px;
  color: #666666;
}
.document--landoltbornstein-db .definition-description {
  border-bottom: 1px solid #dcdcdc;
  margin: 2px 0 10px;
  padding-bottom: 10px;
}
.document--landoltbornstein-db .definition-description:last-child {
  border-bottom: none;
}

/* Enumeration */
.document__enumeration {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.6;
  white-space: no-wrap;
  width: 100%;
}
.document__enumeration a {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  text-decoration: underline;
}
@media screen and (min-width: 1280px) {
  .document__enumeration a {
    /* MQ Widescreen */
    color: #333333;
  }
}
.document__enumeration a:hover {
  text-decoration: none;
}

/* Expander
  ------------------------------------------------------------------------------*/
.expander {
  margin: 0 -12px;
}
@media screen and (min-width: 768px) {
  .expander {
    /* MQ Tablet */
    margin: 5px 0;
  }
  .layout-3 .layout__col-main .expander, .layout--table .layout__col-main .expander {
    margin-left: -40px;
  }
}

/* title */
.expander__heading {
  background: #e5e5e5 url("images/grdnt_grey_f8f8f8_e5e5e5.gif") repeat-x;
  background-image: linear-gradient(#f8f8f8, #e5e5e5);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 0 #FFF;
  -moz-box-shadow: inset 0 1px 0 #FFF;
  box-shadow: inset 0 1px 0 #FFF;
  border-bottom: 1px solid #DBDBDA;
  border-top: 1px solid #DBDBDA;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  height: auto;
  margin-bottom: -1px;
  padding: 14px 0 14px 40px;
  position: relative;
  cursor: pointer;
  /* empty */
}
@media screen and (min-width: 768px) {
  .expander__heading {
    /* MQ Tablet */
    border: 1px solid #EEECEC;
    height: 26px;
    margin-bottom: 0;
    padding: 0 0 0 40px;
  }
}
.expander__heading:before {
  background: url("images/expander_arrows.png") no-repeat 20px -30px;
  position: absolute;
  top: 0px;
  left: 0px;
  content: "";
  display: block;
  height: 53px;
  width: 40px;
}
.expander--loading .expander__heading:before {
  background: url("images/loading_expander.gif") no-repeat 12px 19px;
}
.expander--open .expander__heading:before {
  background-position: 20px 24px;
}
.expander--empty .expander__heading:before {
  background-position: 20px -80px;
}
.no-js .expander__heading:before {
  background: none;
}
@media screen and (min-width: 768px) {
  .expander__heading:before {
    /* MQ Tablet */
  }
  .expander__heading:before {
    background-position: 20px -44px;
    height: 26px;
  }
  .expander--loading .expander__heading:before {
    background-position: 12px 5px;
  }
  .expander--open .expander__heading:before {
    background-position: 20px 10px;
  }
  .expander--empty .expander__heading:before {
    background-position: 20px -94px;
  }
}
.expander__heading h2 {
  color: #069;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8;
  margin: 0 !important;
}
.expander__heading h2 span {
  color: #333333 !important;
  font-weight: normal;
}
.expander--empty .expander__heading, .expander--empty .expander__heading h2 {
  color: #999999;
  cursor: default;
}
.expander--empty .expander__heading div {
  background-position: 20px -94px;
}
.expander--empty .expander__heading:hover {
  border-color: #EEECEC; /* apply default color if empty */
  cursor: default;
}

.expander__content {
  padding: 15px 12px 10px;
}
.js .expander__content {
  display: none;
}
@media screen and (min-width: 768px) {
  .expander__content {
    /* MQ Tablet */
    padding: 15px 40px 10px;
  }
  .layout-3 .layout__col-main .expander__content, .layout--table .layout__col-main .expander__content {
    padding-right: 0;
  }
}
.expander--open .expander__content {
  display: block;
}

/* Success and Error message
------------------------------------------------------------------------------*/
.pagination__error-message {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.2;
  word-wrap: break-word;
  width: 139px;
  padding: 15px 5px 15px 28px;
  left: calc(50% - 86px);
  z-index: 10;
  top: calc(100% + 15px);
  color: #FF0000;
  background: #FFFFFF;
  border: 1px solid #FF0000;
  position: absolute;
}
.pagination__error-message:before {
  width: 15px;
  height: 15px;
  left: calc(50% - 10px);
  top: -9px;
  display: block;
  position: absolute;
  content: " ";
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45px);
  transform: rotate(-45deg);
  background: #FFFFFF;
  border-top: 1px solid #FF0000;
  border-right: 1px solid #FF0000;
}
.pagination__error-message .error-close {
  position: absolute;
  left: 7px;
  top: 16px;
  width: 14px;
  height: 10px;
  cursor: pointer;
}
.pagination__error-message .error-close:after, .pagination__error-message .error-close:before {
  position: absolute;
  left: 7px;
  content: "";
  height: 10px;
  width: 2px;
  background-color: #ff0000;
}
.pagination__error-message .error-close:before {
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45px);
  transform: rotate(45deg);
}
.pagination__error-message .error-close:after {
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45px);
  transform: rotate(-45deg);
}

.error {
  color: #C30000;
}

/* in a field */
.pagination__field {
  position: relative;
}

/* Functions bar
------------------------------------------------------------------------------*/
.function-bar {
  background: #e5e5e5 url("images/grdnt_grey_f8f8f8_e5e5e5.gif") repeat-x;
  background-image: linear-gradient(#f8f8f8, #e5e5e5);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 0 #FFF;
  -moz-box-shadow: inset 0 1px 0 #FFF;
  box-shadow: inset 0 1px 0 #FFF;
  border: 1px solid #dcdcdc;
  line-height: 2.3;
  margin-top: 5px;
  padding: 5px 10px;
  position: relative;
  z-index: 5;
}
.layout--table .function-bar {
  margin-top: 0 !important;
}
@media screen and (min-width: 768px) {
  .function-bar {
    /* MQ Tablet */
    margin-top: 12px;
  }
}
.function-bar .function-bar__message {
  font-size: 11px;
  font-size: 1.1rem;
  font-weight: bold;
  color: #333333;
}
.function-bar.function-bar--big {
  padding: 10px;
  margin-top: 0;
  text-align: right;
}
.function-bar.function-bar--big .btn, .function-bar.function-bar--big .btn-active {
  font-size: 15px;
  font-size: 1.5rem;
  letter-spacing: 0.3px;
  height: 31px;
}

.ie9 .functions-bar {
  /* don't use ms-filter here because the error message of the pagination becomes hidden! [KS] */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)";
}

.function-bar .function-bar__pagination {
  margin: 7px 0;
}
@media screen and (min-width: 768px) {
  .function-bar .function-bar__pagination {
    /* MQ Tablet */
    margin: 0;
    float: right;
  }
}

/* pagination */
.function-bar__pagination {
  zoom: 1;
  font-size: 11px;
  font-size: 1.1rem;
}
.function-bar__pagination:before, .function-bar__pagination:after {
  content: "";
  display: table;
}
.function-bar__pagination:after {
  clear: both;
}
.function-bar__pagination .prev,
.function-bar__pagination .next {
  background: url("images/springer-sprite.png") 0 -2623px no-repeat;
  float: left;
  height: 24px;
  vertical-align: middle;
  width: 24px;
  cursor: pointer;
}
.function-bar__pagination .prev {
  background-position: 0px -2623px;
  margin-right: 10px;
}
.function-bar__pagination .next {
  background-position: 0 -2599px;
  margin-left: 10px;
}
.function-bar__pagination a.prev:hover,
.function-bar__pagination a:focus.prev {
  background-position: 0 -2771px;
}
.function-bar__pagination a.prev:active {
  background-position: 0 -2563px;
}
.function-bar__pagination span.prev {
  background-position: 0 -2697px;
}
.function-bar__pagination a.next:hover,
.function-bar__pagination a:focus.next {
  background-position: 0 -2747px;
}
.function-bar__pagination a:focus.next,
.function-bar__pagination a:focus.prev {
  outline: 1px #999999 dotted;
}
.function-bar__pagination a.next:active {
  background-position: 0 -2539px;
}
.function-bar__pagination span.next {
  background-position: 0 -2647px;
}
.function-bar__pagination .pagination__page-nr {
  float: left;
}
.function-bar__pagination .page-number {
  font-size: 11px;
  font-size: 1.1rem;
  margin: 0 2px;
  padding: 4px 3px;
  text-align: center;
  width: 44px;
}

/* Facets
------------------------------------------------------------------------------*/
.facets {
  margin-top: 20px;
  /* list */
}
.facets ol li {
  font-size: 11px;
  font-size: 1.1rem;
  position: relative;
  list-style: none;
}
.facets ol li a {
  border: 1px solid #FFF;
  color: #333333;
  display: block;
  overflow: hidden;
  position: relative;
  text-decoration: none;
  zoom: 1;
  /* facet mouseover and click */
}
.facets ol li a:hover {
  text-decoration: none;
}
.facets ol li a:hover .facet-values__title, .facets ol li a:hover .facet-values__amount {
  color: #ee7d11;
}
.facets ol li:hover {
  text-decoration: none;
}
.facets ol li:hover .facet-values__title, .facets ol li:hover .facet-values__amount {
  color: #ee7d11;
}
.facets:first-child, .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .facets.action--icon-download:nth-child(2) {
  margin-top: 0;
}

/* header */
.facets-header {
  position: relative;
}
.facets-header h3 {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0;
}
.facets-header .all {
  color: #333333;
  font-size: 10px;
  font-size: 1rem;
  line-height: 1.2;
  position: absolute;
  right: 10px;
  top: 7px;
}

.facets__facet-values {
  margin: 0;
  padding: 7px 0 0 0;
}

#property_facets {
  max-height: 225px;
  overflow-y: auto;
}

.facet-values__checkbox {
  position: absolute;
  top: 5px;
  cursor: pointer;
}

.facet-values__title {
  display: block;
  line-height: 1.1;
  padding: 5px 25px;
  position: relative;
  z-index: 10;
  word-wrap: break-word;
}
.facet-values__title.selected {
  color: #ee7d11;
  font-weight: bold;
}

.facet-values__amount {
  position: absolute;
  right: 10px;
  bottom: 5px;
  z-index: 10;
}
.facet-values__amount.selected {
  color: #ee7d11;
  font-weight: bold;
}

.facet-values__percentage {
  display: block;
  height: 100%;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  text-indent: -999em;
}

/* facet active */
.facets__facet-active .facet-values__title {
  color: #ee7d11;
  font-weight: bold;
  padding-right: 25px;
}
.facets__facet-active .facet-values__amount {
  display: none;
}
.facets__facet-active a:hover .facet-values__remove {
  background-position: 0 -50px;
}
.facets__facet-active a:active .facet-values__remove {
  background-position: 0 -75px;
}

/* remove (maybe move this part to the global elements section if also used on other pages) */
.facet-values__remove {
  background-repeat: no-repeat;
  color: transparent; /* IE 6 & 7 for input */
  direction: ltr;
  display: block;
  overflow: hidden;
  text-align: left;
  text-indent: -9999em;
  text-transform: capitalize; /* IE 6 & 7 for input */
  background: url("images/remove_icons.png") no-repeat;
  height: 14px;
  width: 14px;
}
.facet-values__remove:hover {
  background-position: 0 -50px;
}
.facets .facet-values__remove {
  position: absolute;
  right: 9px;
  bottom: 4px;
  z-index: 5;
}

/* expanded facet */
.facets--facet-expanded {
  border-color: #cccccc;
  margin: 24px auto;
  width: 99.8%;
}
.facets--facet-expanded .facets-header {
  padding: 11px 20px;
  height: 16px;
}
.facets--facet-expanded .facets-header h3 {
  font-size: 16px;
  font-size: 1.6rem;
}
.search-results-cbox .facets--facet-expanded .facets-header h3 {
  height: 16px;
}
.facets--facet-expanded .facets-header .btn, .facets--facet-expanded .facets-header .btn-active {
  position: absolute;
  right: 8px;
  top: 5px;
}
.facets--facet-expanded li a:active {
  background-color: #ee7d11;
}
.facets--facet-expanded li a:active .facet-values__title {
  color: #FFF;
}
.facets--facet-expanded li a:active .facet-values__percentage, .facets--facet-expanded li a:active .facet-values__amount {
  visibility: hidden;
}

/* expanded facet in the lightbox */
#cboxLoadedContent .facets--facet-expanded {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin: 0;
}

/* Loading
------------------------------------------------------------------------------*/
.facet-values__link.loading .facet-values__remove,
.facet-values__link.loading:hover .facet-values__remove,
.facet-values__link.loading .facet-values__amount {
  display: none;
}

.facet-values__value .loading {
  height: 14px;
  position: absolute;
  top: 4px;
  width: 14px;
  z-index: 5;
  opacity: 0;
}
.results .layout__col-main .facet-values__value .loading {
  right: 0;
  top: 1px;
}
.container .main-content .facet-values__value.loading {
  background: none;
}
.facet-values__value.checked .loading {
  opacity: 1;
}
.facet-values__value.checked .facet-values__amount {
  display: none;
}

img.display-none {
  display: none;
}

/* auto suggest */
.facets__prop-search {
  padding: 10px 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  margin: 0;
}
.facets__prop-search .prop-search__input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.facets__prop-search .prop-search__input input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 7px 20px 7px 7px;
  font-weight: 400;
  border: solid 1px #666;
  background: #fafafa;
  border-radius: 0;
}
.facets__prop-search .prop-search__input input:focus, .facets__prop-search .prop-search__input input:active {
  border: solid 1px #bcbcbc;
  background: #fff;
  outline: none;
  box-shadow: none;
}
.facets__prop-search .prop-search__submit {
  background: url("images/springer-sprite.png") 0px -1892px no-repeat transparent;
  padding: 0;
  height: 24px;
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 5;
  width: 24px;
  border: none;
}
.facets__prop-search .prop-search__submit:hover {
  background: url("images/springer-sprite.png") 0px -1840px no-repeat transparent;
}
.facets__prop-search .prop-search__cancel {
  background: url("images/springer-sprite.png") 0px -2259px no-repeat transparent;
  padding: 0;
  height: 24px;
  position: absolute;
  right: 8px;
  top: 8px;
  z-index: 5;
  width: 24px;
  border: none;
}
.facets__prop-search ul li {
  width: 100%;
  display: block;
}
.facets__prop-search ul li #prop-label {
  width: 80%;
  display: inline-table;
  font-size: 11px;
}
.facets__prop-search ul li #prop-count {
  display: inline-table;
  font-size: 11px;
  width: 10%;
  padding: 0;
  text-align: right;
  margin-right: 3px;
}

/* list */
#global-search img.loading {
  height: 20px;
  position: absolute;
  right: 9px;
  top: 8px;
  width: 20px;
  z-index: 5;
}

img.loading {
  height: 14px;
  position: absolute;
  right: 7px;
  top: 5px;
  width: 14px;
  z-index: 5;
}

.home__categories {
  padding: 0;
}
.home__categories ol {
  padding: 0;
  margin: 14px 0 0;
}
@media screen and (min-width: 768px) {
  .home__categories ol {
    /* MQ Tablet */
    margin: 0 14px;
  }
}
.home__categories li {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  border-top: 1px solid #eee;
  margin-bottom: 1px;
  position: relative;
  list-style: none;
}
@media screen and (min-width: 768px) {
  .home__categories li {
    /* MQ Tablet */
    border: none;
  }
}
.home__categories li:hover {
  background-color: #069;
}
.home__categories li a {
  background: url("images/action_arrow_right.png") no-repeat 9px 19px;
  display: block;
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0;
  padding: 14px 0 14px 24px;
  word-wrap: break-word;
}
@media screen and (min-width: 768px) {
  .home__categories li a {
    /* MQ Tablet */
    padding: 4px 5px 4px 17px;
    background-position: 4px 10px;
  }
}
.home__categories li a:hover {
  background: url("images/action_arrow_right.png") no-repeat 9px 12px;
  color: #FFF;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .home__categories li a:hover {
    /* MQ Tablet */
    background-position: 4px 3px;
  }
}
.home__categories .box__box-header {
  color: #666666;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 22px;
  font-size: 2.2rem;
  margin: 15px 0 10px 18px;
}

.results .facet-values__value.hide {
  display: none;
}

.chevron, .facets.accordion.accordion--collapsed .accordion__hd, .facets.accordion .accordion__hd {
  position: relative;
}
.chevron:before, .facets.accordion.accordion--collapsed .accordion__hd:before, .facets.accordion .accordion__hd:before {
  border-style: solid !important;
  border-width: 0.15em 0.15em 0 0 !important;
  content: "";
  display: inline-block;
  height: 0.45em;
  left: 0px;
  position: absolute;
  top: 11px;
  vertical-align: top;
  width: 0.45em;
  color: #666;
}
.chevron.top:before, .facets.accordion.accordion--collapsed .top.accordion__hd:before, .facets.accordion .accordion__hd:before {
  transform: rotate(-45deg);
}
.chevron.right:before, .facets.accordion .right.accordion__hd:before {
  left: 2px;
  transform: rotate(45deg);
}
.chevron.bottom:before, .facets.accordion .bottom.accordion__hd:before, .facets.accordion.accordion--collapsed .accordion__hd:before {
  top: 7px;
  transform: rotate(135deg) !important;
}
.chevron.left:before, .facets.accordion .left.accordion__hd:before {
  left: 2px;
  transform: rotate(-135deg);
}

.facets.accordion {
  padding: 0;
}
.facets.accordion .accordion__hd {
  color: #333333;
  margin: 0;
}
.facets.accordion .accordion__hd:before {
  border: none;
}
.facets.accordion .accordion__hd h3 {
  padding-left: 15px;
}
.facets.accordion .accordion__hd:after {
  display: none;
}
.facets.accordion .accordion__bd {
  margin: 0;
  min-height: auto;
  border-bottom: 0 none;
  box-shadow: none;
  line-height: normal;
}
.facets.accordion.accordion--collapsed .accordion__hd:before {
  border: none;
}

/* Search
  ------------------------------------------------------------------------------*/
.big-search {
  position: relative;
}
.big-search input {
  vertical-align: bottom;
}
.big-search .search-field {
  /* extra div needed because IE doesn't support padding-right on input fields therefore text would overlap the "new search" link */
  background-color: #FAFAFA;
  border: 1px solid #666666;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.lt-ie8 .big-search .search-field, .ie8 .big-search .search-field {
  width: auto;
}
.big-search.has-focus .search-field { /* this selector needed for :focus styles, class applied with JS */
  border-color: #069;
  -webkit-box-shadow: 0 0 3px #069;
  -moz-box-shadow: 0 0 3px #069;
  box-shadow: 0 0 3px #069;
  outline: none;
}
.big-search .text {
  background-color: transparent;
  border: 0;
  border-radius: 2px;
  box-shadow: 0;
  color: #333333;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 400;
  height: 35px;
  letter-spacing: 0.02em;
  padding: 4px 0 7px 8px;
  width: 100%;
  padding-right: 36px;
  line-height: 24px;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.big-search .text:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border: none;
  outline: none;
  box-shadow: 0px 0px 2px 2px #069;
  background-color: #ffffff;
}
.big-search .text:focus + #search {
  color: #069;
}
.lt-ie9 .big-search .text {
  width: 98%;
  height: 27px;
  line-height: 1.6;
}
.ie9 .big-search .text {
  padding: 7px 0 0px 9px;
}
@media screen and (min-width: 992px) {
  .big-search .text {
    /* MQ Laptop */
    height: 44px;
    padding: 8px 40px 12px 16px;
  }
}
.big-search .search-submit {
  color: #333333;
  font-size: 16px;
  font-size: 1.6rem;
  height: 36px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 5;
  width: 36px;
  background: 0;
  border: 0;
  display: inline-block;
  text-indent: -9999px;
}
.big-search .search-submit:before {
  float: left;
  text-indent: 0;
  padding-left: 9px;
}
@media screen and (min-width: 992px) {
  .big-search .search-submit {
    /* MQ Laptop */
    height: 44px;
    width: 40px;
  }
  .big-search .search-submit:before {
    padding-left: 10px;
  }
}

.searchterm__error {
  display: block;
  border: 1px solid #FF0000;
  color: #FF0000;
  font-size: 11px;
  font-size: 1.1rem;
  padding: 15px 15px 15px 32px;
  background: #ffffff;
  position: absolute;
  z-index: 99;
}
.searchterm__error.searchterm__hidden {
  display: none;
}
.searchterm__error .error-close {
  position: absolute;
  left: 7px;
  top: 15px;
  width: 10px;
  height: 10px;
  cursor: pointer;
}
.searchterm__error .error-close:after, .searchterm__error .error-close:before {
  position: absolute;
  left: 7px;
  content: "";
  height: 10px;
  width: 2px;
  background-color: #ff0000;
}
.searchterm__error .error-close:before {
  transform: rotate(45deg);
}
.searchterm__error .error-close:after {
  transform: rotate(-45deg);
}

/* Look inside

------------------------------------------------------------------------------*/
.look-inside {
  display: none;
  min-height: 188px;
  position: relative;
  max-width: 170px;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .look-inside { /* MQ Tablet */
    display: block;
  }
}
.look-inside a.thumbnail-view-icon {
  color: #333333;
  text-decoration: underline;
}

.look-inside__link {
  display: block;
  text-decoration: none;
}

#ads-thumbnail-div {
  padding: 23px;
}

.look-inside__cover {
  display: block;
  width: 153px;
  border: 1px solid #dcdcdc;
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.08);
  position: relative;
  top: 0;
  left: 0;
  z-index: 2;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .look-inside__cover {
    /* MQ Tablet */
    width: 100%;
  }
  .document--landoltbornstein-db .look-inside__cover {
    padding-bottom: 0;
    min-height: 100px;
  }
}
.look-inside__cover img {
  width: 100%;
  display: block;
}

.non-clickable {
  cursor: auto;
}

.look-inside__badge {
  background-color: #ee7d11;
  background-image: linear-gradient(#ee7d11, #e06310);
  -webkit-box-shadow: -2px 2px 6px -1px rgba(0, 0, 0, 0.25), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.25);
  -moz-box-shadow: -2px 2px 6px -1px rgba(0, 0, 0, 0.25), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.25);
  box-shadow: -2px 2px 6px -1px rgba(0, 0, 0, 0.25), inset 0px 1px 0px 0px rgba(255, 255, 255, 0.25);
  font-size: 15px;
  font-size: 1.5rem;
  border: 1px solid #e06310;
  border-radius: 0 0 0 10px;
  color: #FFF;
  line-height: 1.1;
  position: absolute;
  top: auto;
  right: -1px;
  bottom: 10px;
  z-index: 4;
  width: 46px;
  height: 33px;
  padding: 6px 33px 6px 10px;
  display: none;
}
@media screen and (min-width: 768px) {
  .look-inside__badge {
    /* MQ Tablet */
    display: block;
  }
}
.look-inside__badge:after {
  position: absolute;
  top: 6px;
  right: 7px;
  content: "";
  width: 11px;
  height: 16px;
  background: url("images/springer-sprite.png") 0 -2992px no-repeat;
}

/* Section links and other actions
------------------------------------------------------------------------------*/
@media screen and (min-width: 768px) {
  .col-aside__section {
    /* MQ Tablet */
    margin-top: 30px;
  }
}
.col-aside__section .section__heading {
  font-size: 16px;
  font-size: 1.6rem;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  margin-bottom: 10px;
}

h2.remove-underline {
  border: none;
  box-shadow: none;
}

.section-list {
  zoom: 1;
}
.section-list:before, .section-list:after {
  content: "";
  display: table;
}
.section-list:after {
  clear: both;
}
.section-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.section-list li {
  line-height: 1.3;
  padding: 3px 0;
}
.section-list li a {
  background: url("images/action_arrow_right.png") no-repeat 0 4px;
  padding-left: 12px;
}
.section-list li a.external:after {
  margin-top: 4px;
  position: absolute;
}
.section-list li b {
  color: #999999;
  font-weight: normal;
}
.section-list.section-list--substance-prop {
  margin-bottom: 25px;
}

.other-actions {
  display: none;
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .other-actions {
    /* MQ Tablet */
    display: none;
  }
}
.other-actions h3 {
  -webkit-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
  -moz-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
  box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
  border-bottom: 1px solid #D7D6D6;
  padding: 0 4px 7px 0;
}
.other-actions li a {
  background: url("images/action_arrow_right.png") no-repeat 0 8px;
  padding: 4px 5px 4px 14px;
  line-height: 1.2;
}

/* Reference List */
.reference-list {
  margin: 0;
  padding: 0;
}

.reference-list__reference {
  list-style: none;
  zoom: 1;
  margin: 0 0 7px;
  line-height: 1.6;
}
.reference-list__reference:before, .reference-list__reference:after {
  content: "";
  display: table;
}
.reference-list__reference:after {
  clear: both;
}

.reference__code {
  float: left;
}
@media screen and (min-width: 1280px) {
  .reference__code {
    /* MQ Widescreen */
    text-align: right;
    width: 10%;
  }
}

.reference__code-description {
  margin-top: 0;
  float: none;
  color: #666666;
  padding-left: 8.5%;
}
@media screen and (min-width: 1280px) {
  .reference__code-description {
    /* MQ Widescreen */
    float: left;
    width: 81%;
    padding-left: 2.5%;
    margin-bottom: 0;
  }
}

.reference__code--common {
  width: 3%;
}

.reference__code-description--common {
  color: #333333;
  padding-left: 8.5%;
  margin-bottom: 10px;
}
@media screen and (min-width: 1280px) {
  .reference__code-description--common {
    /* MQ Widescreen */
    padding-left: 5.5%;
  }
}

/* Addinglink >> symbol for cross reference
  ------------------------------------------------------------------------------*/
.reference__code-description a {
  font-size: 11px;
  font-size: 1.1rem;
  margin-right: 10px;
}
.reference__code-description a:before {
  content: "» "; /* raquo + space */
}

.reference__code-description a:before {
  white-space: nowrap;
}

.EmphasisTypeItalic {
  font-style: italic;
}

.EmphasisTypeBold {
  font-weight: bold;
}

ul.inline {
  padding: 0;
  margin: 0;
  list-style: none;
}
ul.inline li {
  display: inline-block;
  margin-bottom: 5px;
  margin-left: 6px;
}

.media {
  display: block;
  zoom: 1;
}
.media:before, .media:after {
  content: "";
  display: table;
}
.media:after {
  clear: both;
}

.media__img {
  float: left;
  margin-right: 13px;
}

.media__img--rev {
  float: right;
  margin-left: 13px;
  width: 85px;
}

.media__img img,
.media__img--rev img {
  display: block;
  width: 100%;
}

.media__body {
  overflow: hidden;
}

.media__body,
.media__body > :last-child {
  margin-bottom: 0;
}

button.loading {
  background-image: url("images/ajax-loader.gif");
  background-position: center right;
  background-repeat: no-repeat;
  padding-right: 20px;
}

.page__structure-search .development-block {
  border: 0 none !important;
}

.mainPanel {
  width: 100%;
  margin: 0;
}
.mainPanel *:focus {
  outline: none;
}
.mainPanel > tbody > tr:nth-child(1) > td > table {
  background: #e5e5e5 url("images/grdnt_grey_f8f8f8_e5e5e5.gif") repeat-x;
  background-image: linear-gradient(#f8f8f8, #e5e5e5);
  -webkit-box-shadow: inset 0 1px 0 #FFF;
  -moz-box-shadow: inset 0 1px 0 #FFF;
  box-shadow: inset 0 1px 0 #FFF;
  width: 100%;
}
.mainPanel > tbody > tr:nth-child(1) > td > table td {
  background: transparent;
}

.mainButtonPanel {
  background: transparent;
  height: auto;
  width: auto;
}
.mainButtonPanel > tbody > tr > td > table > tbody > tr > td:first-child .gwt-PushButton, .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .mainButtonPanel > tbody > tr > td > table > tbody > tr > td.action--icon-download:nth-child(2) .gwt-PushButton {
  padding-left: 10px;
  padding-right: 22px;
}
@media screen and (min-width: 768px) and (max-width: 991px) and (orientation: portrait) {
  .mainButtonPanel > tbody > tr > td > table > tbody > tr > td:first-child .gwt-PushButton, .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .mainButtonPanel > tbody > tr > td > table > tbody > tr > td.action--icon-download:nth-child(2) .gwt-PushButton {
    /* MQ Tablet portrait only */
    padding: 12px 8px;
  }
  .mainButtonPanel > tbody > tr > td > table > tbody > tr > td:first-child .gwt-PushButton .gwt-Image, .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .mainButtonPanel > tbody > tr > td > table > tbody > tr > td.action--icon-download:nth-child(2) .gwt-PushButton .gwt-Image {
    width: 26px;
  }
}

.subButtonPanel {
  background: transparent;
  width: 100%;
  height: auto;
}

.fillMainButtonPanel {
  height: 48px;
  width: 53px;
}
@media screen and (min-width: 768px) and (max-width: 991px) and (orientation: portrait) {
  .fillMainButtonPanel {
    /* MQ Tablet portrait only */
    height: 40px;
  }
}
.fillMainButtonPanel .logo {
  padding-right: 8px;
}

.buttonBorder,
.subButtonBorder {
  background: transparent;
  border: none;
}
.buttonBorder div,
.subButtonBorder div {
  width: 26px;
}

.gwt-PushButton,
.gwt-ToggleButton {
  background: transparent;
  border: 1px solid #dcdcdc;
  border-width: 0 1px 1px 0;
  padding: 12px 16px;
}
@media screen and (min-width: 768px) and (max-width: 991px) and (orientation: portrait) {
  .gwt-PushButton,
  .gwt-ToggleButton {
    /* MQ Tablet portrait only */
    padding: 8px;
  }
}
.subButtonPanel .gwt-PushButton,
.subButtonPanel .gwt-ToggleButton {
  border-bottom: none;
}

.mainButtonPanel .gwt-ToggleButton-down, .subButtonPanel .gwt-ToggleButton-down,
.mainButtonPanel .gwt-ToggleButton-down-hovering,
.subButtonPanel .gwt-ToggleButton-down-hovering {
  -webkit-box-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 4px 10px rgba(0, 0, 0, 0.15);
}

.canvasPanel {
  width: 100%;
}

.canvasPanel div:focus {
  outline: none;
}
.canvasPanel div canvas {
  width: 100%;
}

.textToggleButtonText {
  font-size: 20px;
  line-height: 24px;
  color: #666;
  text-shadow: 0 1px #fff;
}

#canvasholder {
  position: relative;
}

.search-btn-bar {
  float: right;
  margin-bottom: 10px;
}
.search-btn-bar .btn, .search-btn-bar .btn-active {
  font-size: 1.6rem;
  padding: 0px 30px;
  line-height: 40px;
  height: 40px;
}
@media screen and (min-width: 700px) {
  .search-btn-bar .btn, .search-btn-bar .btn-active {
    position: absolute;
    right: 0;
    top: 50px;
    line-height: 49px;
    height: 49px;
  }
}
@media screen and (min-width: 700px) and (min-width: 768px) and (max-width: 991px) and (orientation: portrait) {
  .search-btn-bar .btn, .search-btn-bar .btn-active {
    /* MQ Tablet portrait only */
    top: 42px;
    line-height: 40px;
    height: 40px;
  }
}

.inner-list li {
  list-style: disc inside !important;
}

.carousel {
  margin-top: 20px;
  position: relative;
}
#graph-box .carousel {
  width: 382px;
  margin: 20px auto;
}
#gallery .carousel .button-left, #gallery .carousel .button-right, #gallery .carousel .body, #gallery .carousel ul, #gallery .carousel li {
  height: 47px;
}
#graph-box .carousel .button-left, #graph-box .carousel .button-right, #graph-box .carousel .body, #graph-box .carousel ul, #graph-box .carousel li {
  height: 86px;
}
.carousel ul, .carousel li {
  padding: 0;
  margin: 0;
}
.carousel ul {
  list-style: none;
  position: relative;
}
.carousel li {
  display: block;
  float: left;
}
#gallery .carousel li {
  padding: 0 5px;
}
#graph-box .carousel li {
  padding: 0 14px;
}
.ie9 #graph-box .carousel li {
  width: 86px !important;
}
.carousel .button-left, .carousel .button-right {
  color: #0176c3;
  width: 20px;
  cursor: pointer;
  position: absolute;
  text-align: center;
  font-size: 27px;
}
#gallery .carousel .button-left, #gallery .carousel .button-right {
  line-height: 47px;
}
#graph-box .carousel .button-left, #graph-box .carousel .button-right {
  line-height: 86px;
}
.carousel .button-right {
  right: 0;
}
.carousel .button-left.disabled, .carousel .button-right.disabled {
  display: none;
}
.carousel .body {
  margin: 0 20px;
  overflow: hidden;
}
#graph-box .carousel .body {
  max-width: 540px;
}
.carousel .carousel__item {
  display: block;
}
.carousel .active-thumbnail {
  border-color: #069;
}

@media screen and (min-device-width: 576px) { /* MQ Smartphone */
  /* Checkmarks list
  ------------------------------------------------------------------------------*/
  .checkmarks li {
    background: url("images/springer-sprite-1.png") 0 -2296px no-repeat;
    margin-top: 7px;
    padding-left: 23px;
  }
}
@media screen and (min-device-width: 576px) { /* MQ Smartphone */
  /* Default tables
  ------------------------------------------------------------------------------*/
  .default-table {
    margin-top: 17px;
    margin-bottom: 40px;
    width: 100%;
  }
  .default-table table {
    width: 100%;
  }
  .default-table caption {
    border: 1px solid #DCDCDC;
    border-bottom: 1px solid #dcdcdc;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    -webkit-box-shadow: inset 1px -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
    -moz-box-shadow: inset 1px -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
    box-shadow: inset 1px -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
    color: #666666;
    font-size: 16px;
    font-size: 1.6rem;
    padding: 20px 2.7173913044%; /* Math: 15 / 552 */
    text-align: left;
  }
  .default-table caption span {
    color: #999999;
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    margin: 7px 0 0 32px;
  }
}
@media screen and (min-device-width: 576px) and (min-width: 768px) {
  .default-table caption span {
    /* MQ Tablet */
    display: inline;
    margin: 0 0 0 12px;
  }
}
@media screen and (min-device-width: 576px) {
  .default-table td,
  .default-table th {
    color: #666666;
    padding: 5px;
    text-align: left;
    vertical-align: middle;
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
    border-left: 1px solid #D3D3D3;
    border-right: 1px solid #D3D3D3;
  }
}
@media screen and (min-device-width: 576px) and (min-width: 768px) {
  .default-table td,
  .default-table th {
    /* MQ Tablet */
    padding: 9px;
  }
}
@media screen and (min-device-width: 576px) and (min-width: 1280px) {
  .default-table td,
  .default-table th {
    /* MQ Widescreen */
    padding: 13px 6px;
  }
}
@media screen and (min-device-width: 576px) {
  .default-table th {
    background: #e5e5e5 url("images/grdnt_grey_f8f8f8_e5e5e5.gif") repeat-x;
    background-image: linear-gradient(#f8f8f8, #e5e5e5);
    font-weight: bold;
    border-top: 1px solid #DCDCDA;
    color: #333;
    vertical-align: top;
    -webkit-box-shadow: inset 0 1px 0 0 #FFF;
    -moz-box-shadow: inset 0 1px 0 0 #FFF;
    box-shadow: inset 0 1px 0 0 #FFF;
  }
}
@media screen and (min-device-width: 576px) {
  .default-table td {
    color: #333;
    vertical-align: top;
    line-height: 20px;
    min-width: 45px;
  }
  .default-table td.cell-empty {
    vertical-align: middle;
  }
  .calculated_experimental_data .default-table td {
    white-space: nowrap;
  }
}
@media screen and (min-device-width: 576px) and (min-width: 768px) {
  .default-table .table-actions {
    /* MQ Tablet */
    position: absolute;
    right: 12px;
    top: 22px;
  }
}
@media screen and (min-device-width: 576px) {
  .default-table td .action {
    margin-right: 0;
  }
}
@media screen and (min-device-width: 576px) {
  .default-table td a {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media screen and (min-device-width: 576px) {
  .default-table tfoot td {
    font-size: 11px;
    font-size: 1.1rem;
    color: #999999;
    padding: 9px 15px;
    border: none;
  }
}
@media screen and (min-device-width: 576px) {
  .default-table .table-links a {
    margin: 0 12px 0 12px;
  }
  .default-table .table-links a:before {
    content: "» "; /* raquo + space */
  }
}
@media screen and (min-device-width: 576px) {
  .default-table .table-actions-bottom {
    background: #e5e5e5 url("images/grdnt_grey_f8f8f8_e5e5e5.gif") repeat-x;
    background-image: linear-gradient(#f8f8f8, #e5e5e5);
    border: 1px solid #DADBDB;
    border-top: none;
    min-height: 15px;
    padding: 15px;
    position: relative;
  }
}
@media screen and (min-device-width: 576px) {
  .default-table .table-actions-bottom .table-actions {
    position: absolute;
    right: 12px;
    top: 12px;
  }
}
@media screen and (min-device-width: 576px) {
  .default-table .secondary th, .default-table .striped tr th {
    background: #e5e5e5;
    border-color: #cccccc;
  }
}
@media screen and (min-device-width: 576px) {
  .default-table .data-table-no-filter tr th, .default-table .secondary th, .default-table .striped tr th, .default-table .data-table tr th, .default-table .dataTable tr th {
    background: #ececec;
    border-color: #d3d3d3;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
}
@media screen and (min-device-width: 576px) {
  .default-table data {
    display: block;
    width: 200px;
  }
}
@media screen and (min-device-width: 576px) {
  .striped tr:nth-child(even) {
    background: #f2f2f2;
  }
}
@media screen and (min-device-width: 576px) {
  .col-header {
    font-weight: bold;
  }
}
@media screen and (min-device-width: 576px) {
  .col-subheader {
    font-weight: normal;
  }
}
@media screen and (min-device-width: 576px) {
  .data_table_footer {
    width: 75%;
    margin-bottom: 25px;
  }
}
@media screen and (min-device-width: 576px) {
  .data_table_symbols {
    margin-top: 31px;
  }
}
@media screen and (min-device-width: 576px) {
  .data_table_references {
    width: 75%;
  }
}
.dataTables_info {
  line-height: 24px;
}

tr.data_table_shadow {
  background: #ececec;
}

.unauthorized-cols-data {
  height: 350px;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: hidden;
}
.unauthorized-cols-data .paid-content {
  position: absolute;
  height: calc(100% - 26px);
  width: calc(100% - 12px);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  min-height: 310px;
}

#gallery .img-preview {
  position: relative;
}
#gallery .img-preview:before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: 1px solid #DCDCDA;
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.04);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.04);
}
#gallery .img-preview img {
  max-width: 100%;
  max-height: 100%;
  display: block;
}

.img-thumbnail {
  border: 1px solid #DCDCDA;
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.04);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.04);
  background-color: #fff;
}
.img-thumbnail img {
  display: block;
}

a.thumbnail-view-icon {
  color: #333333;
  text-decoration: underline;
  margin-top: 10px;
  display: block;
}

.img-thumbnail--search {
  cursor: pointer;
  position: relative;
  padding: 6px 0;
  margin-bottom: 12px;
  width: 108px;
}
.img-thumbnail--search:after {
  content: "";
  width: 42px;
  height: 42px;
  position: absolute;
  top: -1px;
  right: -1px;
}
@media screen and (min-width: 992px) {
  .img-thumbnail--search:after {
    /* MQ Laptop */
    background: url("images/enlarge-corner.png") no-repeat;
  }
}
.img-thumbnail--search img {
  width: auto;
}

.img-thumbnail--main img {
  max-width: 100%;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .img-thumbnail--main img {
    /* MQ Smartphone only */
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .img-thumbnail--main img {
    /* MQ Tablet */
    width: 100%;
  }
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .img-thumbnail--main {
    /* MQ Smartphone only */
    width: 240px;
  }
}

.img-expanded {
  text-align: center;
  position: relative;
  background: #ffffff url("images/grdnt_grey_f8f8f8_e5e5e5.gif") repeat-x;
  background-image: linear-gradient(#f8f8f8, #ffffff 25px);
}
.img-expanded:before {
  content: "";
  border: 12px solid transparent;
  border-top-width: 0;
  border-bottom: 12px solid #cccccc;
  width: 0;
  height: 0;
  position: absolute;
  right: 56px;
  top: -12px;
}
.img-expanded:after {
  content: "";
  border: 11px solid transparent;
  border-top-width: 0;
  border-bottom: 11px solid #f8f8f8;
  width: 0;
  height: 0;
  position: absolute;
  right: 57px;
  top: -11px;
}
.results .img-expanded {
  border-top: 1px solid #cccccc;
  margin: 10px -12px -20px;
  padding: 25px 0;
}

.img-expanded__close {
  background: url("images/close-image.png") no-repeat center;
  width: 16px;
  height: 16px;
  cursor: pointer;
  padding: 5px;
  position: absolute;
  top: 0;
  right: 10px;
}

#gallery .img-preview {
  display: block;
  position: relative;
  cursor: pointer;
  padding: 18px 18px 18px;
}
#gallery .img-preview:after,
#gallery .img-preview .icon-preview {
  display: block;
  content: "";
  position: absolute;
  width: 62px;
  height: 61px;
  top: 0;
  right: 0;
}
@media screen and (min-width: 992px) {
  #gallery .img-preview:after,
  #gallery .img-preview .icon-preview {
    /* MQ Laptop */
  }
}
#gallery a.thumbnail-view-icon {
  background: url("images/view-icon.svg") no-repeat 0 2px;
  padding: 0 0 0 25px;
  color: #333333;
  text-decoration: underline;
  margin-top: 10px;
  display: block;
}
#gallery a.thumbnail-view-icon:before {
  border: none;
  box-shadow: none;
}

#graph-box {
  padding: 24px 24px 0;
}
#graph-box .img-preview {
  width: 450px;
  height: 350px;
  border: 1px solid #ccc;
  padding: 24px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
#graph-box .img-preview > img {
  max-width: 100%;
  max-height: 100%;
}

.img-list {
  zoom: 1;
  margin: 0;
  padding: 0;
  list-style: none;
}
.img-list:before, .img-list:after {
  content: "";
  display: table;
}
.img-list:after {
  clear: both;
}
.img-list > li {
  float: left;
}
.img-list img {
  outline: 1px solid #DCDCDA;
}

.thumbnail {
  display: block;
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.04);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.04);
  text-decoration: none;
  cursor: pointer;
  border: 1px solid #DCDCDA;
}
.periodic_table_search_result .thumbnail, .thumbnail.media__img--rev {
  cursor: auto;
  position: relative;
  width: 68px;
  overflow: hidden;
}
.periodic_table_search_result .thumbnail img, .thumbnail.media__img--rev img {
  position: absolute;
  width: auto;
  max-width: inherit;
}
#gallery .carousel .thumbnail {
  padding: 0;
  border: none;
}
#gallery .carousel .thumbnail.active-thumbnail {
  border: none;
}
#gallery .carousel .thumbnail.active-thumbnail img {
  border-color: #069;
}
#gallery .carousel .thumbnail img {
  padding: 3px;
  border: 1px solid #DCDCDA;
}
#graph-box .carousel .thumbnail {
  padding: 9px;
}
.thumbnail img {
  display: block;
}

.substance-search-snippet-thumbnail, .metalfoam-search-snippet-thumbnail {
  height: 68px;
}
.substance-search-snippet-thumbnail img, .metalfoam-search-snippet-thumbnail img {
  position: initial !important;
  width: 100% !important;
  max-width: inherit;
}

.metalfoam-search-snippet-thumbnail {
  padding: 6px 0;
}

.lb-search-snippet-thumbnail {
  height: 90px;
}
.lb-search-snippet-thumbnail img {
  clip: rect(0px, 85px, 200px, 0px);
  top: -100px;
  left: 0px;
  max-width: inherit;
}

.ads-search-snippet-thumbnail, .sm_ptd-search-snippet-thumbnail, .sm_tpp-search-snippet-thumbnail {
  height: 65px;
}
.ads-search-snippet-thumbnail img, .sm_ptd-search-snippet-thumbnail img, .sm_tpp-search-snippet-thumbnail img {
  clip: rect(9px, 255px, 55px, 209px);
  top: 0px;
  left: -198px;
  max-width: inherit;
}

.Interactive-search-snippet-thumbnail {
  height: 65px;
}
.Interactive-search-snippet-thumbnail img {
  clip: rect(9px, 558px, 58px, 504px);
  top: 0px;
  left: -498px;
  max-width: inherit;
}

.sm_bps-search-snippet-thumbnail {
  height: 90px;
}
.sm_bps-search-snippet-thumbnail img {
  clip: rect(0px, 270px, 200px, 0px);
  top: -100px;
  left: -200px;
  max-width: inherit;
}

.physical-property-search-snippet-thumbnail {
  height: 65px;
}
.physical-property-search-snippet-thumbnail img {
  clip: rect(7px, 356px, 56px, 300px);
  top: 0px;
  left: -298px;
  max-width: inherit;
}

.phase-diagram-search-snippet-thumbnail, .sgte-search-snippet-thumbnail {
  height: 65px;
}
.phase-diagram-search-snippet-thumbnail img, .sgte-search-snippet-thumbnail img {
  clip: rect(7px, 460px, 56px, 402px);
  top: 0px;
  left: -399px;
  max-width: inherit;
}

.crystallographic-search-snippet-thumbnail {
  height: 65px;
}
.crystallographic-search-snippet-thumbnail img {
  clip: rect(7px, 60px, 56px, 3px);
  top: 0px;
  left: 2px;
  max-width: inherit;
}

.evaluation-report-search-snippet-thumbnail {
  height: 90px;
}
.evaluation-report-search-snippet-thumbnail img {
  clip: rect(0px, 155px, 200px, 0px);
  top: -100px;
  max-width: inherit;
  left: -102px;
}

.literature-report-search-snippet-thumbnail {
  height: 90px;
}
.literature-report-search-snippet-thumbnail img {
  clip: rect(100px, 405px, 191px, 298px);
  top: -100px;
  max-width: inherit;
  left: -300px;
}

.corrosion-search-snippet-thumbnail {
  height: 66px;
}
.corrosion-search-snippet-thumbnail img {
  clip: rect(97px, 464px, 167px, 399px);
  top: -101px;
  max-width: inherit;
  left: -398px;
}

.tooltip__pointer:after {
  content: "";
  display: block;
  position: absolute;
}

.tooltip {
  min-width: 80px;
  position: relative;
}

.tooltip__pointer {
  position: absolute;
  border: 10px solid transparent;
  border-top-width: 0;
  border-bottom: 10px solid #ccc;
  width: 0;
  height: 0;
  top: -10px;
}
.tooltip--flip .tooltip__pointer {
  border: 10px solid transparent;
  border-bottom-width: 0;
  border-top: 10px solid #ccc;
  width: 0;
  height: 0;
  bottom: -10px;
  top: auto;
}
.tooltip__pointer:after {
  left: -10px;
  top: 1px;
  border: 10px solid transparent;
  border-top-width: 0;
  border-bottom: 10px solid #fff;
  width: 0;
  height: 0;
}
.tooltip--flip .tooltip__pointer:after {
  bottom: 1px;
  top: auto;
  border: 10px solid transparent;
  border-bottom-width: 0;
  border-top: 10px solid #fff;
  width: 0;
  height: 0;
}

.tooltip__summary {
  border-bottom: 1px dotted;
  cursor: help;
  white-space: nowrap;
}

.tooltip__content {
  display: none;
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.04);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.04);
  background: #fff;
  border: 1px solid #ccc;
  padding: 10px;
  position: absolute;
  left: -9999px;
  width: 240px;
  margin: 0;
  margin-top: 7px;
  z-index: 2;
}
.tooltip--active .tooltip__content {
  display: block;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .tooltip__content {
    /* MQ Smartphone only */
    width: 270px;
  }
}
.tooltip--flip .tooltip__content {
  bottom: 28px;
}

.tooltip--long .tooltip__content {
  width: 500px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .tooltip--long .tooltip__content {
    /* MQ Tablet only */
    width: 450px;
  }
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .tooltip--long .tooltip__content {
    /* MQ Smartphone only */
    width: 270px;
  }
}

#ttHolder .tooltip__content {
  display: block;
  left: auto;
  right: auto;
  bottom: auto;
  top: auto;
  width: 100px;
  margin-left: -62px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  word-wrap: break-word;
}
@media screen and (min-width: 768px) {
  #ttHolder .tooltip__content {
    /* MQ Tablet */
    width: 130px;
    margin-left: -80px;
  }
}
@media screen and (min-width: 1280px) {
  #ttHolder .tooltip__content {
    /* MQ Widescreen */
    width: 240px;
    margin-left: -132px;
  }
}
#ttHolder .tooltip__content:after {
  background: url("images/tooltip_arrow_down.png") no-repeat center top;
  content: "";
  display: block;
  height: 12px;
  position: absolute;
  left: 0;
  margin-top: 10px;
  width: 100%;
}
#ttHolder.toolTip_fromRight .tooltip__content:after {
  background-position: 90% bottom;
}
#ttHolder.toolTip_fromLeft .tooltip__content:after {
  background-position: 10% bottom;
}

.tabs {
  list-style: none;
  margin: 0;
  margin-bottom: -17px;
  padding: 0;
  zoom: 1;
}
.tabs:before, .tabs:after {
  content: "";
  display: table;
}
.tabs:after {
  clear: both;
}

.tab-item {
  border: 1px solid #cccccc;
  border-width: 1px 0 0 1px;
  float: left;
  position: relative;
  background: #e5e5e5 url("images/grdnt_grey_f8f8f8_e5e5e5.gif") repeat-x;
  background-image: linear-gradient(#f8f8f8, #e5e5e5);
}
.tab-item.active-tab {
  bottom: -1px;
  background: #fff;
}
.tab-item:last-child {
  border-right-width: 1px;
}
.tab-item a {
  text-shadow: 0 1px #fff;
  display: block;
  padding: 14px;
  color: #333333;
}
.tab-item a:hover, .tab-item a:focus {
  text-decoration: none;
  outline: none;
}
.tab-item b {
  color: #999999;
  display: block;
  font-weight: normal;
}

@media screen and (min-width: 1px) and (max-width: 767px) { /* MQ Smartphone only */
  .hidden-xs {
    display: none;
  }
}
.mol-canvas-container {
  height: 600px;
  position: relative;
  margin-bottom: 8px;
  z-index: 4;
  border: 1px solid #bcbcbc;
  -webkit-box-shadow: inset 2px 2px 5px #efefef;
  -moz-box-shadow: inset 2px 2px 5px #efefef;
  box-shadow: inset 2px 2px 5px #efefef;
}

.more-options {
  display: block;
  width: 100%;
  vertical-align: middle;
  height: 32px;
  line-height: 1.7;
  padding: 1px 10px 0;
  background: #e5e5e5 url("images/grdnt_grey_f8f8f8_e5e5e5.gif") repeat-x;
  background-image: linear-gradient(#f8f8f8, #e5e5e5);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 0 #FFF;
  -moz-box-shadow: inset 0 1px 0 #FFF;
  box-shadow: inset 0 1px 0 #FFF;
  border: 1px solid #bcbcbc;
  color: #666666;
  font-size: 16px;
  font-size: 1.6rem;
}

.applet-wrapper {
  background-color: #f4f4f4;
  background-image: linear-gradient(#f4f4f4, #dcdcdc);
  border: 1px solid #bcbcbc;
  padding: 10px;
}

#interactive-structure-footer {
  width: 100%;
  display: inline-block;
  position: relative;
}
#interactive-structure-footer ul.option-cell {
  right: 0;
  position: absolute;
}
@media screen and (min-width: 768px) {
  #interactive-structure-footer ul.option-cell {
    /* MQ Tablet */
    right: 0;
    float: left;
  }
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  #interactive-structure-footer ul.option-cell {
    /* MQ Smartphone only */
    width: 100%;
    margin: 0;
    float: left;
    position: inherit;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  #interactive-structure-footer ul.option-cell li {
    /* MQ Tablet only */
    margin: 0 0 5px 0;
  }
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  #interactive-structure-footer ul.option-cell li {
    /* MQ Smartphone only */
    margin: 0 0 5px 0;
  }
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  #interactive-structure-footer ul.option-cell li .btn, #interactive-structure-footer ul.option-cell li .btn-active {
    /* MQ Smartphone only */
    padding-left: 16px;
  }
}
@media only screen and (max-width: 700px) {
  #interactive-structure-footer ul.option-cell {
    position: inherit;
  }
  #interactive-structure-footer ul.unit-mul-cell {
    margin-bottom: 10px;
  }
}
#interactive-structure-footer ul.unit-mul-cell {
  float: left;
  width: 63%;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  #interactive-structure-footer ul.unit-mul-cell {
    /* MQ Tablet only */
    width: 67%;
    margin-right: 36.5%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) and (orientation: portrait) {
  #interactive-structure-footer ul.unit-mul-cell {
    /* MQ Tablet portrait only */
    width: auto;
  }
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  #interactive-structure-footer ul.unit-mul-cell {
    /* MQ Smartphone only */
    width: auto;
  }
}
#interactive-structure-footer ul.unit-mul-cell li {
  margin: 0;
}
#interactive-structure-footer ul.unit-mul-cell li .btn, #interactive-structure-footer ul.unit-mul-cell li .btn-active {
  color: #999999;
  background-color: transparent;
  background-image: none;
  border: none;
  border-bottom: 2px solid #bcbcbc;
  border-radius: 0;
  box-shadow: none;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  #interactive-structure-footer ul.unit-mul-cell li .btn, #interactive-structure-footer ul.unit-mul-cell li .btn-active {
    /* MQ Smartphone only */
    padding-left: 37px;
  }
}
#interactive-structure-footer ul.unit-mul-cell li .btn.btn-active, #interactive-structure-footer ul.unit-mul-cell li .btn-active {
  background-color: transparent;
  background-image: none;
  border-bottom: 2px solid #ee7d11;
  box-shadow: none;
  color: #000;
}
#interactive-structure-footer ul.unit-mul-cell li button:hover {
  border-bottom: 2px solid #ee7d11;
  color: #999999;
}
#interactive-structure-footer ul.unit-mul-cell .btn.multiple-unit-cell-btn, #interactive-structure-footer ul.unit-mul-cell .multiple-unit-cell-btn.btn-active {
  margin-left: -5px;
}

.btn.unit-cell-btn, .unit-cell-btn.btn-active {
  height: 32px;
  padding: 0 35px;
}
.btn.multiple-unit-cell-btn, .multiple-unit-cell-btn.btn-active {
  height: 32px;
  padding: 0 18px;
}
.btn.more-options-btn, .more-options-btn.btn-active, .btn.export-options-btn, .export-options-btn.btn-active {
  height: 32px;
  padding: 0 35px 0 18px;
  position: relative;
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAHCAYAAADam2dgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNSBNYWNpbnRvc2giIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NTRGMTMxOTREM0VGMTFFMUI2OTJDMzMzODg4NTdCNTAiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NTRGMTMxOTVEM0VGMTFFMUI2OTJDMzMzODg4NTdCNTAiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo1NEYxMzE5MkQzRUYxMUUxQjY5MkMzMzM4ODg1N0I1MCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo1NEYxMzE5M0QzRUYxMUUxQjY5MkMzMzM4ODg1N0I1MCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pvj27RAAAABXSURBVHjaYkxLS7vEwMCgy4AbXGYCEhcY8IMLIEUFQPwOhwKQeAETlJGLQxFI/B0TlLMMiHegKdgBFWdgQhJMB+IvUPYXKJ8BXdEjqPFfoPQjmARAgAEAH0ETKOeYzi0AAAAASUVORK5CYII=") no-repeat;
  background-position: top 10px right 20px;
}
.btn.more-options-btn .caret, .more-options-btn.btn-active .caret, .btn.export-options-btn .caret, .export-options-btn.btn-active .caret {
  display: none;
  height: 9px;
  opacity: 0.6;
  position: absolute;
  right: 14px;
  top: 11px;
  width: 9px;
}

ul.dropdown-list {
  position: absolute;
  list-style: none;
  background-color: #ffffff;
  z-index: 10;
  border: 1px solid gainsboro;
  padding-bottom: 8px;
}
ul.dropdown-list label {
  padding-left: 12px;
  display: block;
  padding: 6px 15px;
}
ul.dropdown-list label:hover {
  background-color: #edf5fb;
}
ul.dropdown-list input[type=checkbox] {
  margin-right: 10px;
}
ul.dropdown-list input[type=radio] {
  margin-right: 10px;
}
ul.dropdown-list li.dropdown-list-item {
  display: block;
  margin: 0 !important;
}
ul.dropdown-list li.dropdown-list-item strong {
  padding: 12px 12px 4px 12px;
  display: block;
}

.document--unauthorized .dataTables_scrollHead, .document--unauthorized .dataTables_scrollBody {
  height: auto !important;
}

.document__paywall-wrapper.document__paywall-wrapper--hide {
  display: none;
}

.paid-content {
  overflow: auto;
  background-color: #edf5fb;
  border: 1px solid #38a0e5;
  position: relative;
  padding: 10px;
}
@media screen and (min-width: 768px) {
  .paid-content {
    /* MQ Tablet */
    padding-left: 45px;
  }
}
.paid-content ul.paywall-list {
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 10px;
  list-style: none;
  padding-left: 0;
  padding-right: 13px;
}
.paid-content ul.paywall-list li.paywall-list-item {
  line-height: 1.5em;
}
.paid-content ul.paywall-list li.paywall-list-item .cta-btn {
  text-align: center;
}
.paid-content ul.paywall-list li.paywall-list-item.hide {
  display: none;
}
.paid-content ul.paywall-list li.paywall-list-item.show {
  display: block;
}
.paid-content ul.paywall-list.bullets {
  list-style: inside;
}
.paid-content ul.paywall-list li.req-access {
  margin-top: 20px;
}
.page__evaluation-report-un .paid-content {
  margin-top: 20px;
}
.paid-content .paywall-heading {
  margin-top: 0;
  margin-bottom: 0px;
  font-weight: 700;
}
.paid-content h3 {
  margin-bottom: 0.5rem;
}
.paid-content h4 {
  margin-bottom: 0.5rem;
}
.paid-content p {
  margin: 0.5rem 0;
}

span.locked-image-span {
  position: absolute;
}
span.locked-image-span img {
  margin-left: 15px;
  margin-top: 2px;
}

.req-access-link.external::after {
  background-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 30 30" width="30px" height="30px" stroke="white" fill="white"><path d="M 25.980469 2.9902344 A 1.0001 1.0001 0 0 0 25.869141 3 L 20 3 A 1.0001 1.0001 0 1 0 20 5 L 23.585938 5 L 13.292969 15.292969 A 1.0001 1.0001 0 1 0 14.707031 16.707031 L 25 6.4140625 L 25 10 A 1.0001 1.0001 0 1 0 27 10 L 27 4.1269531 A 1.0001 1.0001 0 0 0 25.980469 2.9902344 z M 6 7 C 4.9069372 7 4 7.9069372 4 9 L 4 24 C 4 25.093063 4.9069372 26 6 26 L 21 26 C 22.093063 26 23 25.093063 23 24 L 23 14 L 23 11.421875 L 21 13.421875 L 21 16 L 21 24 L 6 24 L 6 9 L 14 9 L 16 9 L 16.578125 9 L 18.578125 7 L 16 7 L 14 7 L 6 7 z"/></svg>');
}

.unauthorized-msg-lock {
  background: url("images/key_blue.svg") no-repeat 12px 15px !important;
  position: absolute;
  top: 0;
  left: 0;
  height: 39px;
  width: 45px;
}

.unauthorized-download-chart-btn {
  background: url("images/action_icons_backup.png") no-repeat !important;
  background-position: 12px -643px !important;
}

.unauthorized-download-data-btn-lock {
  background: url("images/key_white.svg") no-repeat 8px 8px !important;
}

.document--adsorption-db.document--unauthorized .document__temperature_image {
  display: block;
  float: left;
}
.document--adsorption-db.document--unauthorized .document__temperature_image .look-inside {
  width: 84%;
  float: left;
  display: block;
}
.document--adsorption-db.document--unauthorized .document__temperature_image .document__abstract-actions {
  text-align: left;
  margin: 65px 0px 0px 75px;
  display: inline-block;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .document--adsorption-db.document--unauthorized .document__temperature_image .document__abstract-actions {
    /* MQ Smartphone only */
    margin: 0;
    display: block;
  }
}
.document--adsorption-db.document--unauthorized .document__temperature_image .unauthorized-download-data-btn-lock {
  background: url("images/key_white.svg") no-repeat 10px 4px !important;
}
.document--adsorption-db.document--unauthorized .document__temperature_image ~ .document__paywall-wrapper .paid-content {
  display: inline-block;
  margin: 17px 0 0 0;
  width: 85%;
}
.document--adsorption-db.document--unauthorized .section--properties {
  display: inline-block;
}

.unauthorized-view-chart-lock, .unauthorized-view-pdf-lock {
  background: url("images/action_icons_backup.png") no-repeat !important;
  background-position: 12px -592px !important;
  position: absolute;
  top: 0;
  left: -6px;
  height: 34px;
  width: 39px;
}

.unauthorized-references-lock {
  background: url("images/key_blue.svg") no-repeat 12px 9px !important;
  position: absolute;
  top: -6px;
  left: -6px;
  height: 38px;
  width: 39px;
}

.unauthorized-filter-lock {
  background: url("images/key_blue.svg") no-repeat 11px 15px !important;
  position: absolute;
  top: 62px;
  height: 38px;
  width: 39px;
}

.look-inside__badge.unauthorized {
  padding-left: 38px;
}

/* Unauthorized Data Table*/
.unauthorized-default-table {
  position: relative;
}

.unauthorized-msg-container {
  position: absolute;
  top: 330px;
  left: 15px;
  z-index: 19;
}
.unauthorized-msg-container .paid-content-span, .unauthorized-msg-container .paid-content {
  height: 100%;
}
.data-table-no-filter .unauthorized-msg-container {
  top: 60px;
}

.large-row {
  height: 97px;
}
.large-row .paid-content-span, .large-row .paid-content {
  height: 100%;
}

.filter-box {
  position: relative;
}

.table-filter {
  zoom: 1;
  border: 1px solid #dcdcdc;
  border-width: 1px 1px 0;
  padding: 14px;
  margin-right: 1px;
}
.table-filter:before, .table-filter:after {
  content: "";
  display: table;
}
.table-filter:after {
  clear: both;
}
.table-filter h3 {
  color: #666666;
  letter-spacing: 0.1px;
}
.table-filter h4 {
  margin-bottom: 16px;
  padding-bottom: 6px;
  border-bottom: 1px solid #dcdcdc;
}
.table-filter h4 i {
  color: #999999;
  font-style: normal;
}

.table-filter-tools {
  border: 1px solid #dcdcdc;
  text-align: center;
  border-width: 1px 1px 0;
  margin-bottom: -17px;
  margin-right: 1px;
  padding-bottom: 24px;
}

.table-filter-toggle {
  background: #e5e5e5 url("images/grdnt_grey_f8f8f8_e5e5e5.gif") repeat-x;
  background-image: linear-gradient(#f8f8f8, #e5e5e5);
  border: 1px solid #dcdcdc;
  border-top: none;
  margin-top: -1px;
  text-transform: capitalize;
  padding: 10px 24px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  border-radius: 0 0 2px 2px;
  position: relative;
}
.table-filter-toggle:focus {
  outline: none;
}
.table-filter-toggle:before {
  content: "....";
  position: absolute;
  top: -9px;
  left: 64px;
  font-weight: bold;
  color: #999999;
}

.box {
  margin-right: -34px;
}

.filter-box {
  width: 250px;
  margin-right: 33px;
  float: left;
}

.filter {
  width: 90px;
  padding: 5px;
}

.filter-fixed {
  pointer-events: auto !important;
}

.slider {
  margin: 16px 0;
}

.slider-fixed {
  pointer-events: none;
}

.ui-slider {
  /*@include respond-to(smartphone-only) {
    display: none;
  }
  height: 5px;

  .ui-slider-range {
    background: $action-1;
  }

  .ui-slider-handle {
    top: -7px;
    background-color: #666;
    width: 10px;
    height: 10px;
    border: 4px solid #dcdcdc;
    @include border-radius(100%);
  }
  */
}

.range__field {
  position: relative;
  /*Darius - Removed error highlight on both date inputs as well as pagination inputs as this is always autocorrected on submission */
}
.range__field .range__error-message {
  font-size: 11px;
  font-size: 1.1rem;
  width: 115px;
  padding: 15px 15px 15px 32px;
  left: 0;
  z-index: 10;
  top: calc(100% + 15px);
  color: #FF0000;
  background: #FFFFFF;
  border: 1px solid #FF0000;
  position: absolute;
  word-wrap: break-word;
}
.range__field .range__error-message:before {
  width: 15px;
  height: 15px;
  left: 20px;
  top: -9px;
  display: block;
  position: absolute;
  content: " ";
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  background: #FFFFFF;
  border-top: 1px solid #FF0000;
  border-right: 1px solid #FF0000;
}
.range__field .range__error-message .error-close {
  position: absolute;
  left: 7px;
  top: 18px;
  width: 14px;
  height: 10px;
  cursor: pointer;
}
.range__field .range__error-message .error-close:after, .range__field .range__error-message .error-close:before {
  position: absolute;
  left: 7px;
  content: "";
  height: 10px;
  width: 2px;
  background-color: #ff0000;
}
.range__field .range__error-message .error-close:before {
  transform: rotate(45deg);
}
.range__field .range__error-message .error-close:after {
  transform: rotate(-45deg);
}
.range__field .range__error-message.range-error__hidden {
  display: none;
}

.dt-footer-wrapper {
  zoom: 1;
  margin-top: 16px;
}
.dt-footer-wrapper:before, .dt-footer-wrapper:after {
  content: "";
  display: table;
}
.dt-footer-wrapper:after {
  clear: both;
}

.float-left {
  float: left;
}

.float-right, .dataTables_info {
  float: right;
}

/* Flyout
------------------------------------------------------------------------------*/
.flyout {
  float: left;
  display: inline-block;
  position: relative;
}
@media screen and (min-width: 768px) {
  .flyout {
    /* MQ Tablet */
    float: none;
  }
}
.lt-ie9 .flyout {
  float: left;
}

.flyout__flyout-caption {
  color: #666666;
  cursor: pointer;
  display: block;
  font-size: 11px;
  font-size: 1.1rem;
  margin-top: 3px;
  outline: none;
  padding: 12px 0 12px 16px;
  position: relative;
  border: none;
  background-color: transparent;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  z-index: 5;
}
.flyout__flyout-caption:hover, .flyout__flyout-caption:focus {
  color: #333333;
}
.flyout__flyout-caption:focus {
  outline: 1px dotted;
}
.is-open .flyout__flyout-caption:focus {
  outline: none;
}
@media screen and (min-width: 1280px) {
  .flyout__flyout-caption.admin-menu-link {
    /* MQ Widescreen */
    float: right;
  }
}
.flyout__flyout-caption:before {
  background: url("images/springer-sprite.png") 0 -3049px no-repeat;
  display: block;
  content: "";
  float: right;
  width: 7px;
  height: 5px;
  margin: 4px 5px 0 9px;
}
.flyout__flyout-caption:hover:before {
  background: url("images/springer-sprite.png") 0 -3054px no-repeat;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .flyout__flyout-caption {
    /* MQ Smartphone only */
    font-size: 1.3rem;
  }
}
@media screen and (min-width: 1280px) {
  .flyout__flyout-caption {
    /* MQ Widescreen */
    color: #666666;
    padding: 0;
  }
  .flyout__flyout-caption:hover, .flyout__flyout-caption:focus {
    color: #333333;
  }
  .flyout__flyout-caption:before {
    background: url("images/springer-sprite.png") 0 -1250px no-repeat;
  }
  .flyout__flyout-caption:hover:before {
    background: url("images/springer-sprite.png") 0 -1255px no-repeat;
  }
  .lt-ie8 .flyout__flyout-caption {
    margin-right: 15px;
  }
}
.flyout__flyout-caption.flyout__flyout-caption--sign-in {
  padding-left: 10px;
  margin-right: 0;
  margin-left: 16px;
}
@media screen and (min-width: 1280px) {
  .flyout__flyout-caption.flyout__flyout-caption--sign-in {
    /* MQ Widescreen */
    float: right;
  }
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .flyout__flyout-caption.flyout__flyout-caption--sign-in {
    /* MQ Smartphone only */
    margin-right: 0;
    margin-left: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .flyout__flyout-caption.flyout__flyout-caption--sign-in {
    /* MQ Tablet only */
    margin-right: 0;
    margin-left: 0;
  }
}
.flyout__flyout-caption.flyout__flyout-caption--sign-in:before {
  background: none;
  content: "» ";
  position: absolute;
  left: 0;
  margin: 0;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .flyout__flyout-caption.flyout__flyout-caption--sign-in:before {
    /* MQ Smartphone only */
    content: "";
    margin-right: 0;
  }
}
.flyout__flyout-caption.flyout__flyout-caption--free-trial-link {
  color: #2D9CDB;
  padding: 0 0 0 10px;
  margin-left: 16px;
  background: none !important;
  margin-bottom: 0;
  clear: both;
}
.flyout__flyout-caption.flyout__flyout-caption--free-trial-link:before {
  content: "";
  background: none;
  display: none;
}
@media screen and (min-width: 1280px) {
  .flyout__flyout-caption.flyout__flyout-caption--free-trial-link {
    /* MQ Widescreen */
    float: right;
  }
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .flyout__flyout-caption.flyout__flyout-caption--free-trial-link {
    /* MQ Smartphone only */
    margin-top: 25px;
    text-align: left;
    display: inline-block;
    float: left;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .flyout__flyout-caption.flyout__flyout-caption--free-trial-link {
    /* MQ Tablet only */
    margin-top: 25px;
    text-align: left;
    float: left;
    display: inline-block;
  }
}

.no-js .flyout:hover .flyout__flyout-caption,
.is-open .flyout__flyout-caption {
  color: #666666;
}

.flyout__flyout-content {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.25);
  background-color: #FFF;
  border: 1px solid #dcdcdc;
  display: none;
  font-size: 12px;
  font-size: 1.2rem;
  padding: 3.4em 10px 0.5em;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 5;
  min-width: 190px;
}
@media screen and (min-width: 1280px) {
  .flyout__flyout-content {
    /* MQ Widescreen */
    -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08);
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08);
    border-color: #dcdcdc;
    left: auto;
    right: 0;
    top: -0.35em;
    z-index: 10;
    padding-top: 2em;
    min-width: 220px;
  }
}
.flyout__flyout-content.admin-portal-items {
  text-align: left;
}
.flyout__flyout-content ul,
.flyout__flyout-content ol {
  border-top: 1px solid #E4E4E4;
  padding-top: 4px;
}
.flyout__flyout-content li {
  font-size: 11px;
  font-size: 1.1rem;
}
@media screen and (min-width: 1280px) {
  .flyout__flyout-content li {
    /* MQ Widescreen */
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.flyout__flyout-content li a {
  color: #666666;
  display: block;
  padding: 6px 9px;
}
.flyout__flyout-content li a:hover, .flyout__flyout-content li a:focus {
  color: #bcbcbc;
}

/* show on hover (.is-open is used by js logic) */
.no-js .flyout:hover .flyout__flyout-caption,
.flyout.is-open .flyout__flyout-caption {
  z-index: 15;
}
.no-js .flyout:hover .flyout__flyout-content,
.flyout.is-open .flyout__flyout-content {
  display: block;
}

.access-message {
  background: #edf5fb url("images/icon-info-small.png") no-repeat 12px 12px;
  padding: 12px 12px 12px 40px;
  border: 1px solid #38a0e5;
}
.access-message p {
  margin: 0;
}
@media screen and (min-width: 768px) {
  .access-message {
    /* MQ Tablet */
    display: none;
  }
}

.hide-on-mobile {
  display: none;
}
@media screen and (min-width: 768px) {
  .hide-on-mobile {
    /* MQ Tablet */
    display: block;
  }
}

#consent-popup {
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  padding: 1rem;
  opacity: 1;
  background-color: #F7FBFE;
  transition: opacity 0.8s;
  z-index: 6999;
  padding: 15px 30px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  #consent-popup {
    /* MQ Tablet */
    text-align: left;
  }
}
#consent-popup.hidden {
  display: none;
  opacity: 0;
}
#consent-popup p {
  color: #333333;
  margin: 0;
}
#consent-popup a:not(.submitBtn) {
  color: #0176c3;
  text-decoration: underline;
}
#consent-popup .submitBtn {
  margin-top: 10px;
  padding: 8px 18px;
  background-color: #3365A4;
  color: #fff;
  border: 1px solid #3365A4;
  font-size: 9pt;
  font-weight: bold;
  display: inline-block;
}
#consent-popup .submitBtn:hover, #consent-popup .submitBtn:focus, #consent-popup .submitBtn:active {
  text-decoration: none;
}

.content-placeholder {
  margin-top: -4px;
}

.properties-wrapper {
  position: relative;
  overflow-x: auto;
  width: 100%;
  margin-top: 15px;
  float: left;
}

.no-data-found {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 20px;
  width: 100%;
  font-weight: 300;
  padding: 10px;
}

.datapoint-list-panel {
  background: #fafafa;
  position: relative;
}
.datapoint-list-panel .datapoint-list {
  float: left;
  width: 100%;
}
.datapoint-list-panel .datapoint-list.dp-substance {
  width: 100%;
  float: left;
}
.datapoint-list-panel .datapoint-list.dp-substance .panel-value {
  font-size: 24px;
  font-size: 2.4rem;
}
.datapoint-list-panel .datapoint-list.properties {
  display: inline-flex;
  float: none;
  width: auto;
}
.datapoint-list-panel .datapoint-list.properties li {
  max-width: 200px;
  margin-left: 35px;
  padding-bottom: 5px;
}
.datapoint-list-panel .datapoint-list li {
  width: auto;
}
@media screen and (min-width: 768px) {
  .datapoint-list-panel .datapoint-list li {
    /* MQ Tablet */
    float: left;
  }
}
.datapoint-list-panel .datapoint-list li.dp-substance-name {
  width: 100%;
  position: relative;
}
.datapoint-list-panel .datapoint-list li.secondary {
  cursor: pointer;
  border-bottom: 2px solid #999;
}
.datapoint-list-panel .datapoint-list li.secondary.selected {
  border-bottom: 2px solid #333;
}
.datapoint-list-panel .datapoint-list li.primary {
  border-bottom: 2px solid #333;
  margin-left: 0px;
}
.datapoint-list-panel .datapoint-list .panel-key {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: normal;
  text-align: left;
  letter-spacing: 0.22px;
  margin: 0;
  padding-bottom: 4px;
}
.datapoint-list-panel .datapoint-list .panel-value {
  font-size: 20px;
  font-size: 2rem;
  line-height: normal;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 0;
}
.datapoint-list-panel .datapoint-list .panel-value .units {
  font-size: 20px;
  font-size: 2rem;
  line-height: 26px;
  text-align: left;
  margin: 0;
}
.datapoint-list-panel .datapoint-list .panel-value .units sup {
  vertical-align: super;
}
.datapoint-list-panel .comments {
  margin-top: 15px;
}
.datapoint-list-panel .comments .dp-property {
  width: 100%;
}
.datapoint-list-panel .comments p.panel-value {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 23px;
  max-width: 100%;
  padding: 3px 0;
  position: relative;
}
@media screen and (min-width: 768px) {
  .datapoint-list-panel .comments p.panel-value {
    /* MQ Tablet */
    max-width: 60%;
  }
}

.collapse-toggle {
  width: 140px;
  height: 20px;
  background-color: #f0f0f0;
  background-image: linear-gradient(#fcfcfc, #f0f0f0);
  border: 1px solid #ccc;
  position: absolute;
  left: calc(50% - 70px);
  bottom: -19px;
  text-align: center;
  z-index: 1;
}
.collapse-toggle .icons {
  font-size: 24px;
  font-size: 2.4rem;
  color: #999;
  top: -4px;
  position: relative;
}
.collapse-toggle .icons-up {
  display: none;
}
.collapse-toggle .icons-down {
  display: inline-block;
}
.collapse-toggle.active {
  bottom: 0px;
}
.collapse-toggle.active .icons-up {
  display: inline-block;
}
.collapse-toggle.active .icons-down {
  display: none;
}

.collapsible-content {
  /*max-height: 0;
  overflow-y: hidden;*/
  border-bottom: 1px solid #bcbcbc;
  width: 100%;
  display: none;
}
.collapsible-content.active {
  max-height: 1000px;
  overflow-y: visible;
  padding: 10px 10px 20px 10px;
  display: block;
}
@media screen and (min-width: 768px) {
  .collapsible-content.active {
    /* MQ Tablet */
    padding: 15px 25px;
  }
}

.referenceData {
  float: left;
  width: 100%;
}
.referenceData .tooltip {
  display: inline-block;
}

.property-switch-panel {
  width: 100%;
  background: #fafafa;
  padding: 10px 10px 0px 10px;
}
@media screen and (min-width: 768px) {
  .property-switch-panel {
    /* MQ Tablet */
    padding: 10px 20px 0px 20px;
  }
}
.property-switch-panel .secondary-prop {
  font-weight: bold;
}
.property-switch-panel p {
  font-size: 11px;
  font-size: 1.1rem;
  margin-top: 23px;
}
@media screen and (min-width: 768px) {
  .property-switch-panel p {
    /* MQ Tablet */
    margin-top: 13px;
  }
}

.legends-content {
  width: 300px;
  margin-bottom: 5px;
  padding-right: 15px;
}
.legends-content .legend-title {
  padding: 0;
  font-size: 20px;
  font-size: 2rem;
  color: #333;
  letter-spacing: 0;
  line-height: 24px;
  margin-bottom: 15px;
  font-weight: normal;
}
@media screen and (min-width: 768px) {
  .legends-content {
    /* MQ Tablet */
    float: left;
  }
}
.legends-content.column-1 {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .legends-content.column-1 {
    /* MQ Tablet */
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .legends-content.column-2 {
    /* MQ Tablet */
    width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .legends-content.column-3 {
    /* MQ Tablet */
    width: 33.33%;
  }
}

.legends-placeholder {
  position: relative;
  overflow-x: auto;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .legends-placeholder {
    /* MQ Tablet */
    position: initial;
    overflow-x: initial;
    width: auto;
  }
}
.legends-placeholder .symbolTriangleUp {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 12px solid transparent;
}
.legends-placeholder .symbolTriangleDown {
  width: 0;
  height: 0;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 12px solid transparent;
  transform: rotate(-180deg);
}
.legends-placeholder .symbolSquare, .legends-placeholder .symbolDiamond {
  width: 13px;
  height: 13px;
}
.legends-placeholder .symbolDiamond {
  width: 10px;
  height: 10px;
  transform: rotate(-45deg);
}
.legends-placeholder .symbolCircle {
  width: 13px;
  height: 13px;
  border-radius: 50%;
}
.legends-placeholder .symbolHexagonMain {
  position: relative;
  display: inline-block;
  margin: 0;
}
.legends-placeholder .symbolHexagon {
  width: 14px;
  height: 7px;
  background-color: #64C7CC;
  margin: 4px 0;
}
.legends-placeholder .symbolHexagonTop,
.legends-placeholder .symbolHexagonBottom {
  position: absolute !important;
  width: 0;
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
}
.legends-placeholder .symbolHexagonTop {
  border-bottom-width: 4px;
  border-bottom-style: solid;
}
.legends-placeholder .symbolHexagonBottom {
  top: 14px !important;
  left: 0 !important;
  width: 0;
  border-top-width: 4px;
  border-top-style: solid;
}
.legends-placeholder .symbolCross {
  font-weight: bold;
  font-size: 22px;
  top: 2px !important;
}
.legends-placeholder .symbol {
  display: inline-block;
  top: 3px;
  position: relative;
  visibility: visible;
  margin-right: 6px;
}

.legends-panel {
  display: inline-flex;
  float: none;
  width: auto;
  padding: 5px 10px 10px 10px;
  background: #fafafa;
}
@media screen and (min-width: 768px) {
  .legends-panel {
    /* MQ Tablet */
    display: block;
    width: 100%;
    padding: 5px 20px 10px 20px;
  }
}
.legends-panel.legend-1 {
  display: block;
  width: 100%;
}

.legends-list .legends-list-item {
  font-size: 12px;
  font-size: 1.2rem;
  color: #666;
  letter-spacing: 0;
  line-height: 24px;
  border: 1px solid #ccc;
  margin-bottom: 4px;
  border-radius: 1px;
  padding: 5px;
  position: relative;
  cursor: pointer;
  -webkit-transition: background 0.25s ease-in-out;
  -moz-transition: background 0.25s ease-in-out;
  -o-transition: background 0.25s ease-in-out;
  transition: background 0.25s ease-in-out;
}
.legends-list .legends-list-item:hover {
  border: 1px solid #666;
  color: #333;
  background: #fff;
  -webkit-transition: background 0.25s ease-in-out;
  -moz-transition: background 0.25s ease-in-out;
  -o-transition: background 0.25s ease-in-out;
  transition: background 0.25s ease-in-out;
}
.legends-list .legends-list-item.active .symbol {
  opacity: 0.5;
}
.legends-list .legends-list-item .deactive-series {
  display: inline-block;
  position: absolute;
  color: #666;
  padding: 9px;
  top: calc(50% - 15px);
  right: 0;
}
.legends-list .legends-list-item .deactive-series:hover, .legends-list .legends-list-item .deactive-series:active, .legends-list .legends-list-item .deactive-series:visited {
  text-decoration: none;
  color: #333;
}
.legends-list .legends-list-item .active-series {
  display: none;
  position: absolute;
  color: #666;
  padding: 9px;
  top: calc(50% - 20px);
  right: 0;
}
.legends-list .legends-list-item .active-series:hover, .legends-list .legends-list-item .active-series:active, .legends-list .legends-list-item .active-series:visited {
  color: #333;
}
.legends-list .legends-list-item.inactive {
  color: #7f7f7f;
  border: 1px solid #ccc;
  opacity: 0.6;
}
.legends-list .legends-list-item.inactive:hover {
  border: 1px solid #666;
  color: #333;
  background: #fff;
  opacity: 1;
  -webkit-transition: background 0.25s ease-in-out;
  -moz-transition: background 0.25s ease-in-out;
  -o-transition: background 0.25s ease-in-out;
  transition: background 0.25s ease-in-out;
}
.legends-list .legends-list-item.inactive .active-series {
  display: inline-block;
}
.legends-list .legends-list-item.inactive .symbol {
  visibility: hidden;
}
.legends-list .legends-list-item.inactive .deactive-series {
  display: none;
}
.legends-list .legends-list-item.selected {
  background: #fff;
  color: #333333;
  border-color: #666;
  -webkit-transition: background 0.25s ease-in-out;
  -moz-transition: background 0.25s ease-in-out;
  -o-transition: background 0.25s ease-in-out;
  transition: background 0.25s ease-in-out;
  -webkit-transition: border 0.25s ease-in-out;
  -moz-transition: border 0.25s ease-in-out;
  -o-transition: border 0.25s ease-in-out;
  transition: border 0.25s ease-in-out;
  padding-right: 24px;
}
.legends-list .legends-list-item.selected:hover {
  border: 1px solid #666;
  color: #333;
  background: #fff;
  -webkit-transition: background 0.25s ease-in-out;
  -moz-transition: background 0.25s ease-in-out;
  -o-transition: background 0.25s ease-in-out;
  transition: background 0.25s ease-in-out;
  -webkit-transition: border 0.25s ease-in-out;
  -moz-transition: border 0.25s ease-in-out;
  -o-transition: border 0.25s ease-in-out;
  transition: border 0.25s ease-in-out;
}
.legends-list .legends-list-item.selected .symbol {
  opacity: 1;
}
.legends-list:last-child {
  padding-right: 0;
}

.csline .crosshair {
  fill: none;
  stroke-width: 1px;
}
.csline #crosshairX, .csline #crosshairY {
  stroke: rgb(24, 54, 66);
  stroke-dasharray: 5, 5;
}

.dot {
  cursor: pointer;
}

.tick line {
  stroke: #bbbbbb;
}
.tick text {
  fill: #666666;
  font-size: 14px;
  font-weight: bold;
}

.axis .domain {
  display: none;
}

#semicon_chart svg {
  border-left: 4px solid #bbbbbb;
  border-bottom: 4px solid #bbbbbb;
  position: relative;
}

.highlight-container .dot {
  fill-opacity: 1 !important;
  stroke-opacity: 0.9 !important;
}
.highlight-container .pointlines {
  stroke-width: 2 !important;
  stroke: #979797 !important;
  stroke-opacity: 1 !important;
}
.highlight-container .dot.selectedPoint {
  stroke: #f1f1f1 !important;
  stroke-width: 3 !important;
  fill: #222 !important;
  stroke-opacity: 1 !important;
  fill-opacity: 1 !important;
}

.axis-title {
  fill: #333;
  font-size: 14px;
  font-weight: 700;
  text-anchor: start;
}

.axis-unit {
  fill: #666;
  text-anchor: start;
  height: 30px;
  width: 100px;
  text-align: left;
}

.axisname--x .axis-unit {
  text-align: right;
}

.loader {
  border: 2px solid #f3f3f3; /* Light grey */
  border-top: 2px solid #3498db; /* Blue */
  border-radius: 50%;
  width: 40px;
  height: 40px;
  animation: spin 2s linear infinite;
  margin: 40px auto;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
#semicon_chart {
  min-height: 200px;
  position: relative;
}
@media screen and (min-width: 768px) {
  #semicon_chart {
    /* MQ Tablet */
    min-height: 300px;
  }
}

#chart-actions {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 99;
}
#chart-actions button {
  width: 30px;
  height: 30px;
  margin-top: 15px;
  background: #fff;
  border-radius: 0;
  color: #666;
  padding: 0;
  transition: color 0.16s ease-out;
  border: 1px solid #ccc;
}
#chart-actions button:hover {
  color: #525252;
}
#chart-actions #zoomOut {
  margin-top: -1px;
}
#chart-actions #resetZoom {
  font-size: 2em;
  display: none;
}

table td div.tooltip {
  display: inline-block;
}

text.floated-legends {
  cursor: pointer;
  fill: #0176c3;
}
text.floated-legends:hover {
  text-decoration: underline;
}

.floated-legends span {
  cursor: pointer;
  color: #0176c3;
}
.floated-legends span:hover {
  text-decoration: underline;
}

.highlight-container text.floated-legends {
  text-decoration: underline;
  filter: url("#legend-background");
}
.highlight-container .floated-legends span {
  background: #fff;
  padding: 0px 2px;
  color: #222;
  cursor: default;
  border-radius: 2px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.15);
  font-weight: bold;
}
.highlight-container .floated-legends span:hover {
  text-decoration: none;
}

.scale-placeholder {
  background: #fafafa;
  padding: 10px 20px 0px 20px;
  position: absolute;
  right: 0;
  z-index: 99;
}
.scale-placeholder.invisible {
  visibility: hidden;
}
.scale-placeholder #logCheckbox {
  margin-right: 5px;
}

.pulse {
  stroke: rgb(0, 34, 244);
  stroke-width: 1px;
  stroke-opacity: 1;
  fill: rgb(0, 34, 244);
  fill-opacity: 0;
  transform-origin: 0% 0%;
  cursor: pointer;
  animation-duration: 2s;
  animation-name: pulse;
  animation-iteration-count: infinite;
}

@keyframes pulse {
  from {
    stroke-width: 3px;
    stroke-opacity: 1;
    transform: scale(1);
  }
  to {
    stroke-width: 0;
    stroke-opacity: 0;
    transform: scale(2.5);
  }
}
.line-container .inactive, .point-container .inactive {
  display: none;
}

.chart-dialog .ui-dialog-titlebar-close {
  display: none;
}
.chart-dialog .ui-dialog-titlebar {
  display: none;
}
.chart-dialog .ui-widget-overlay {
  opacity: 0.9;
}
.chart-dialog .ui-dialog-buttonpane {
  text-align: center !important;
  border: 0 none;
}
.chart-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
  float: none !important;
}
.chart-dialog #semicon_datapoint_popup {
  text-align: center !important;
  min-height: 0px !important;
}
.chart-dialog #semicon_datapoint_popup p {
  margin: 0;
}

.semicon-chart-content {
  position: relative;
}
.semicon-chart-content .ui-widget-overlay {
  position: absolute;
  top: -5px;
}

.acknowledgement-message {
  bottom: 55px;
  left: 0px;
  padding: 10px 10px 10px 38px;
  display: none;
  position: absolute;
  z-index: 30;
  color: #333;
  background: #F1F6E6;
  border: 1px solid #71AB0B;
  text-align: center;
  background: #F1F6E6 url("images/value_confirm.png") no-repeat 10px !important;
}
.acknowledgement-message.active {
  display: inline-block;
}
.acknowledgement-message:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -11px;
  width: 0;
  height: 0;
  border-top: 12px solid #71AB0B;
  border-right: 12px solid transparent;
  border-left: 11px solid transparent;
}
.acknowledgement-message:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -9px;
  width: 0;
  height: 0;
  border-top: 10px solid #F1F6E6;
  border-right: 10px solid transparent;
  border-left: 9px solid transparent;
}
.acknowledgement-message.acknowledgement-message--phasediagram {
  top: -999px;
  left: -999px;
  bottom: auto;
}

.document__title {
  word-wrap: break-word;
}

.document__temperature {
  zoom: 1;
  font-size: 15px;
  font-size: 1.5rem;
  margin-bottom: 40px;
  display: block;
}
.document__temperature:before, .document__temperature:after {
  content: "";
  display: table;
}
.document__temperature:after {
  clear: both;
}

h2.document__sub-title {
  font-size: 1.6rem;
  margin: -5px 0 21px;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  letter-spacing: normal;
  line-height: 1.4;
}

/* temperature image gallery */
.document__temperature_image {
  width: 99%;
  margin: 0 auto;
}
.document__temperature_image .document__temperature_gallery {
  text-align: center;
}
.document__temperature_image .document__temperature_gallery img {
  padding: 5px;
  border: 1px solid #dcdcdc;
  border-radius: 2px;
  width: 75%;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .document__temperature_image .document__temperature_gallery img {
    /* MQ Tablet only */
    width: 90%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) and (orientation: portrait) {
  .document__temperature_image .document__temperature_gallery img {
    /* MQ Tablet portrait only */
    width: 70%;
  }
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .document__temperature_image .document__temperature_gallery img {
    /* MQ Smartphone only */
    width: 97%;
  }
}
.document__temperature_image .document__abstract-actions {
  text-align: center;
  margin: 20px 0 0 0;
}
.document__temperature_image .document__abstract-actions a {
  text-align: left;
}

/* authors/editors */
.document__author-list,
.document__isbn,
.document__doi {
  margin: 0 0 5px;
}
.document__author-list span,
.document__isbn span,
.document__doi span {
  line-height: 1.2;
}

.document__section {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .document__section {
    /* MQ Tablet */
    margin-left: 0;
  }
}
.document__section.document__section--interactive-structure {
  display: none;
}
@media screen and (min-width: 768px) {
  .document__section.document__section--interactive-structure {
    /* MQ Tablet */
    display: block;
  }
}
.document__section.phase_diagram_notes {
  margin-bottom: 25px;
}

.section--properties {
  margin-top: 30px;
}
.section--properties .section__heading {
  margin-bottom: 20px;
}

.section__heading {
  -webkit-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
  -moz-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
  box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
  border-bottom: 1px solid #D7D6D6;
  padding: 0 4px 7px 0;
}

.document--thermo-db h3.section__sub-heading, .document--physical_property-db h3.section__sub-heading, .document--phase_diagram-db h3.section__sub-heading, .page__crystallographic h3.section__sub-heading {
  color: #666666;
  letter-spacing: 0.1px;
}

.document--polymer-db .section__sub-heading {
  color: #666666;
  margin-bottom: 10px;
  letter-spacing: 0.1px;
}

.section__sub-heading {
  margin-bottom: 19px;
}

.crystal__sub-heading {
  margin-bottom: 19px;
  display: block;
  font-size: 1.6rem;
}

p.sub-heading-content {
  display: inline;
}

.section__content p {
  line-height: 1.6;
}
.section__content row, .section__content figure {
  line-height: 1.6;
}
.section__content table {
  width: 100%;
  line-height: 1.6;
  margin: 10px 0px;
}

.additional-content__about .definition-term,
.additional-content__about .definition-description {
  float: none;
  display: block;
}

p {
  font-size: 16px;
  font-size: 1.6rem;
}

.item-prop {
  float: left;
  width: 100px;
  line-height: 24px;
}

.item-value {
  display: table-cell;
}

.label {
  text-align: center;
  padding: 4px 10px;
  font-size: 11px;
  font-size: 1.1rem;
}
.label.green {
  background-color: #71ab0b;
  color: #fff;
}
.label.orange {
  background-color: #fc0;
  color: #003;
}
.label.grey {
  background-color: #e5e5e5;
  color: #003;
}

.view-link {
  padding-right: 16px;
}
.view-link:before {
  content: "» ";
  font-size: 14px;
  display: inline;
}

.ft-text {
  margin: 0;
}

.default-table {
  -webkit-overflow-scrolling: touch;
}
@media screen and (min-width: 768px) {
  .default-table {
    /* MQ Tablet */
    display: block;
  }
}
.experimental_data .default-table {
  overflow: hidden;
}
.default-table::-webkit-scrollbar-thumb {
  background: #dcdcdc;
}
.default-table::-webkit-scrollbar-thumb:window-inactive {
  background: #cccccc;
}
.default-table td a.webtrekk_horizontalNav:after {
  background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALUlEQVQYlWNgLDv8H4YZoABFDFkCGeBVABPDqgBDA7rdWO3C5gacVmBVgA8DACqIPj0jO7W7AAAAAElFTkSuQmCC") no-repeat scroll right center;
  content: "";
  display: inline-block;
  height: 8px;
  margin-left: 7px;
  width: 8px;
}

.citation-content {
  position: relative;
}
.citation-content label {
  cursor: default;
  display: block;
}
.citation-content .citation-content__chapter-info label:first-child, .citation-content .citation-content__chapter-info .phase-diagram-layout .col-aside .readings-list .document__abstract-actions label.action--icon-download:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .citation-content .citation-content__chapter-info label.action--icon-download:nth-child(2) {
  font-weight: bold;
}
.citation-content .citation-accessed, .citation-content .citation-content__chapter-info {
  margin: 20px 0 0 0;
}

label.citation-content__chapter-info {
  font-weight: bold;
}

.pd-endline {
  border-bottom: 1px solid #DCDCDA;
  box-shadow: 0px 1px 0px 0px #FFF inset, 0px -18px 18px -18px #EFEFEF inset;
  margin-bottom: 30px;
  padding-bottom: 10px;
}

#substance_properties ~ #interactive-structure #interactive-structure-footer ul {
  float: right;
}

@media screen and (min-device-width: 576px) { /* MQ Smartphone */
  /*Information page (e.g. Legal Information)
  ------------------------------------------------------------------------------*/
  .information {
    zoom: 1;
  }
  .information:before, .information:after {
    content: "";
    display: table;
  }
  .information:after {
    clear: both;
  }
  .information h3 {
    margin: 24px 0 -10px 0;
  }
  .information p {
    line-height: 1.6;
    margin-top: 15px;
  }
  .information h2 + p {
    margin-top: 19px;
  }
  .information ul {
    margin-top: 23px;
  }
  .information li {
    margin-top: 7px;
  }
  .information .action a {
    font-weight: normal;
  }
  .information .section__heading {
    margin-bottom: 20px;
  }
  /* Error page
  ------------------------------------------------------------------------------*/
  .page__error {
    min-height: 250px;
    padding: 10px 0 54px 49px;
    width: 80%;
  }
  /* Contact Us - Feedback page */
}
@media screen and (min-device-width: 576px) and (min-width: 768px) {
  .page__error {
    /* MQ Tablet */
    width: 54%;
  }
}
@media screen and (min-device-width: 576px) and (min-width: 1280px) {
  .page__error {
    /* MQ Widescreen */
    background: url("images/large_logo.png") no-repeat 685px 51px;
    padding-right: 38.4042553191%; /* Math: 361 / 940 */
    width: auto;
  }
}
@media screen and (min-device-width: 576px) {
  .page__error h1 {
    margin-bottom: 29px;
  }
}
@media screen and (min-device-width: 576px) {
  .page__error p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.4;
    margin-top: 23px;
  }
}
@media screen and (min-device-width: 576px) {
  .feedback-page .layout__col-main {
    margin-left: 4.4680851064%; /* Math: 42 / 940 */
    width: 91.4893617021%; /* Math: 860 / 940 */
  }
}
@media screen and (min-device-width: 576px) {
  .information .information__help-section ul {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 7px;
  }
}
@media screen and (min-device-width: 576px) and (min-width: 768px) {
  .information__help-section .information__col {
    /* MQ Tablet */
    float: left;
    width: 67.4418604651%; /* Math: 580 / 860 */
    margin-bottom: 2em;
  }
}
@media screen and (min-device-width: 576px) {
  .information .information__help-section h2 {
    margin: 20px 0;
  }
}
@media screen and (min-device-width: 576px) {
  .information__help-section .information__sales-subscriptions {
    background-color: #F3F3F3;
    background-image: linear-gradient(#FFFFFF, #F3F3F3);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
    box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);
  }
  .information__help-section .information__sales-subscriptions.box {
    margin-right: 0;
  }
}
@media screen and (min-device-width: 576px) and (min-width: 768px) {
  .information__help-section .information__sales-subscriptions {
    /* MQ Tablet */
    float: right;
    margin: 56px 0 0 0;
    padding: 9px 2.2% 10px 2.2%;
    width: 23.023255814%; /* Math: 198 / 860 */
  }
}
@media screen and (min-device-width: 576px) {
  .information__help-section .information__sales-subscriptions h3 {
    -webkit-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
    -moz-box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
    box-shadow: inset 0 -1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
    border-bottom: 1px solid #D7D6D6;
    padding: 0 4px 7px 0;
    margin-bottom: 10px;
  }
}
@media screen and (min-device-width: 576px) {
  .information .information__help-section .information__sales-subscriptions h3 {
    margin: 0 -2.2% 14px -2.2%;
    padding: 0 2.2% 7px 2.2%;
  }
}
@media screen and (min-device-width: 576px) {
  .information .information__help-section .information__sales-subscriptions p {
    margin: 7px 0;
  }
}
@media screen and (min-device-width: 576px) {
  .information .information__help-section .information__col h3 {
    margin: 27px 0 27px 0;
  }
}
@media screen and (min-device-width: 576px) {
  .information .information__help-section .help-section__contact {
    margin-top: 24px;
  }
}
@media screen and (min-device-width: 576px) {
  .information .information__help-section .help-section__contact p {
    margin: 9px 0;
  }
  .information .information__help-section .help-section__contact p span {
    display: block;
  }
}
@media screen and (min-device-width: 576px) {
  .information__help-section .help-section__contact p, .information__help-section .help-section__contact a {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
/* Search Results page */
.tooltip__content .interactive-link {
  display: block;
}

.results {
  /* No results found */
  /* Results page: Functions bar (top)
  ------------------------------------------------------------------------------*/
  /* Results page: headline "Refine your search"
  ------------------------------------------------------------------------------*/
  /* Results page: facet links in .col-main for removing
  ------------------------------------------------------------------------------*/
}
.results .results__no-results-heading {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 18px;
  font-size: 1.8rem;
  margin-top: 16px;
}
.results .results__number-of-search-results {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  margin: 4px 0 0 0;
}
.results .results__number-of-search-results .facet-count strong:first-child, .results .results__number-of-search-results .facet-count .phase-diagram-layout .col-aside .readings-list .document__abstract-actions strong.action--icon-download:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .results .results__number-of-search-results .facet-count strong.action--icon-download:nth-child(2) {
  font-size: 1.8rem;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
  margin-top: 5px;
}
.results .results__number-of-search-results .contexts {
  font-weight: 600;
}
.results .results__number-of-search-results .non-contextual {
  font-weight: bold;
  text-decoration: line-through;
}
.results .function-bar--top {
  display: none;
}
@media screen and (min-width: 768px) {
  .results .function-bar--top {
    /* MQ Tablet */
    display: block;
  }
}
.results .layout__col-aside h2 {
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0;
}
.results .facet-values__link {
  background: url("images/remove-icon-facet.png") no-repeat right 2px;
  color: #ee7d11;
  display: inline-block;
  font-size: 14px;
  font-size: 1.4rem;
  margin-right: 15px;
  padding-right: 19px;
  position: relative;
}
.results .facet-values__link:hover {
  background: url("images/remove-icon-facet-hover.png") no-repeat right 2px;
}
.results .facet-values__link:active {
  background-position: right -73px;
  color: #ce4900;
}
.results .facet-values__value {
  display: list-item;
}
.results .facet-values__value.facet-values__value--expand {
  display: none;
}
.results .facet-values__value.display {
  display: list-item;
}

/* Results list */
.results__results-list {
  margin: 0;
  padding: 0;
  /* list item */
  /* content type */
  /* title */
  /* snippet, subtitle, coverage */
  /* meta (authors, enumeration) */
  /* actions */
}
.results__results-list .results-list__content-type {
  font-size: 11px;
  font-size: 1.1rem;
}
.results__results-list .substance-profile-item {
  margin-top: 18px;
  background-color: #f1f1f1;
  border: 1px solid #dcdcdc;
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.05);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.05);
}
.results__results-list .substance-profile-item .media__img--rev {
  background-color: #fff;
}
.results__results-list .results-list__list-item {
  zoom: 1;
  border-bottom: 1px solid #dcdcdc;
  list-style: none;
  padding: 15px 8px;
  position: relative;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  -o-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
.results__results-list .results-list__list-item:before, .results__results-list .results-list__list-item:after {
  content: "";
  display: table;
}
.results__results-list .results-list__list-item:after {
  clear: both;
}
.results__results-list .results-list__list-item:hover {
  background-color: #FBFBFB;
  -webkit-box-shadow: inset 0 1px 0 #FFF, inset 0 -1px 0 #FFF;
  -moz-box-shadow: inset 0 1px 0 #FFF, inset 0 -1px 0 #FFF;
  box-shadow: inset 0 1px 0 #FFF, inset 0 -1px 0 #FFF;
}
@media screen and (min-width: 768px) {
  .results__results-list .results-list__list-item {
    /* MQ Tablet */
    padding: 20px 12px;
  }
}
.results__results-list .featured-item {
  margin-top: 18px;
  background-color: #f1f1f1;
  border: 1px solid #dcdcdc;
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.05);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.05);
}
.results__results-list .results-list__content-type {
  color: #777777;
  font-size: 11px;
  font-size: 1.1rem;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  margin-top: 0;
  line-height: 1.4em;
}
.results__results-list .results-list__content-type .new-snippet-tag {
  margin-top: 0;
  position: inherit;
}
.results__results-list .results-list__heading {
  font-size: 20px;
  font-size: 2rem;
  margin: 4px 0 8px;
  position: relative;
  line-height: 1.3em;
}
.results__results-list .results-list__heading a {
  display: inline;
  padding-right: 25px;
}
#structure-search-results-box .results__results-list .results-list__heading {
  text-transform: capitalize;
}
.results__results-list .results-list__sub-heading {
  line-height: 1.6rem;
  font-size: 1.3rem;
  color: #777;
  margin: 7px 0 2px 0;
}
.results__results-list .results-list__snippet {
  color: #777777;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
}
.results__results-list .results-list__snippet ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.results__results-list .results-list__snippet .publicationYear {
  font-style: italic;
}
.results__results-list .results-list_dynamic_snippet {
  color: #777777;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.6;
  margin-top: 20px;
}
.results__results-list .results-list_dynamic_snippet ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.results__results-list .snippet__other-temp {
  margin: 20px 0 0 0;
}
.results__results-list .snippet__other-temp p {
  display: inline;
  font-size: 14px;
  font-size: 1.4rem;
}
.results__results-list .results-list__meta {
  line-height: 1.2;
  margin-top: 3px;
}
.results__results-list .results-list__meta a {
  color: #333333;
}
.results__results-list .results-list__actions {
  margin-top: 12px;
}
.results__results-list .action {
  margin-right: 0;
}

.tabMenu-showAllBtn {
  border: 1px solid #dcdcdc;
  border-left: none;
  border-right: none;
  display: block;
  text-align: center;
  outline: none;
  -webkit-box-shadow: inset 0 1px 0 0 white, inset 0 18px 18px -18px #efefef;
  -moz-box-shadow: inset 0 1px 0 0 white, inset 0 18px 18px -18px #efefef;
  box-shadow: inset 0 1px 0 0 white, inset 0 18px 18px -18px #efefef;
  background: url("images/double_arrow.png") no-repeat 50% -18px;
  height: 30px;
  width: 100%;
}

.tabMenu-showAllBtn:hover {
  background-color: #edf5fb;
  background-position: 50% -68px;
}

.tabMenu-showAllBtn.collapse {
  background-position: 50% 7px;
}

.tabMenu-showAllBtn.collapse:hover {
  background-position: 50% -43px;
}

.selected-facets {
  margin-top: 5px;
  display: inline-block;
}

span.bookSeriesTitle {
  font-style: italic;
}

.right__media-box {
  float: right;
}

.smi-tooltip {
  width: 64px;
  min-width: 64px;
  display: block;
  margin-left: 10px;
  background: #DE7109;
  padding: 3px;
  margin-bottom: 2px;
  border-radius: 2px;
}
.smi-tooltip:hover, .smi-tooltip:active, .smi-tooltip:focus {
  text-decoration: none;
  color: #fff;
}

.tooltip__content {
  z-index: 9999;
}

.smi-label {
  text-align: center;
  display: block;
  color: #fff;
  text-transform: capitalize;
  border: 0 none;
  font-size: 12px;
  font-size: 1.2rem;
}
.smi-label:hover, .smi-label:active, .smi-label:focus {
  text-decoration: none;
  color: #fff;
}

.page__search-results #ttHolder .tooltip__content, .in-iframe #ttHolder .tooltip__content {
  font-size: 10px;
  font-size: 1rem;
  width: 190px;
  margin-left: -150px;
  position: relative;
}
.page__search-results #ttHolder .tooltip__content:after, .in-iframe #ttHolder .tooltip__content:after {
  position: absolute;
  margin-top: 9px;
  width: 23px;
  left: 140px;
}

.new-snippet-tag {
  padding: 3px 5px;
  background: rgba(170, 204, 251, 0.5);
  color: #333333;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  font-size: 10px;
  font-size: 1rem;
  font-weight: bold;
  position: absolute;
  margin-left: 5px;
  line-height: normal;
  margin-top: -4px;
}

.results__number-of-search-results.desktop {
  display: none;
}
@media screen and (min-width: 768px) {
  .results__number-of-search-results.desktop {
    /* MQ Tablet */
    display: inherit;
  }
}
.results__number-of-search-results.mobile {
  display: inherit;
}
@media screen and (min-width: 768px) {
  .results__number-of-search-results.mobile {
    /* MQ Tablet */
    display: none;
  }
}
.results__number-of-search-results.mobile .facet-values__link {
  margin-top: 5px;
}

.contexts .context {
  display: inline-block;
  padding-right: 5px;
  margin-top: 5px;
}
.contexts .context:first-child, .contexts .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .context.action--icon-download:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .contexts .context.action--icon-download:nth-child(2) {
  padding-left: 0;
}

#alternate_search_top {
  margin-top: 5px;
}

@media screen and (min-device-width: 576px) { /* MQ Smartphone */
  /*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
  */
  #colorbox,
  #cboxOverlay,
  #cboxWrapper {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 6999;
    outline: none;
  }
  #cboxOverlay {
    height: 100%;
    position: fixed;
    width: 100%;
  }
  #cboxMiddleLeft,
  #cboxBottomLeft {
    clear: left;
  }
  #cboxContent {
    position: relative;
  }
  #cboxLoadedContent {
    overflow: auto;
    overflow-x: hidden !important;
  }
  #cboxTitle {
    margin: 0;
  }
  #cboxLoadingOverlay,
  #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
  #cboxPrevious,
  #cboxNext,
  #cboxClose,
  #cboxSlideshow {
    cursor: pointer;
  }
  .cboxPhoto {
    border: 0;
    display: block;
    float: left;
    margin-top: 25px !important;
  }
  .cboxIframe {
    border: 0;
    display: block;
    height: 100%;
    width: 100%;
  }
  #colorbox, #cboxContent, #cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
  }
  /*
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
  */
  #colorbox,
  #cboxOverlay,
  #cboxWrapper {
    padding-bottom: 20px;
  }
  #cboxOverlay {
    background: #000;
  }
  #colorbox {
    background: #666666;
    background: rgba(0, 0, 0, 0.3);
    padding: 20px !important;
  }
  #cboxContent {
    overflow: visible;
  }
  #cboxError {
    padding: 50px;
    border: 1px solid #cccccc;
  }
  #cboxLoadedContent {
    background: #FFF;
    padding: 0;
  }
  #cboxLoadingGraphic {
    background: url("images/loading.gif") no-repeat center center;
  }
  #cboxLoadingOverlay {
    background: #f1f1f1 url("images/bg.png"); /* same as body */
  }
  #cboxWrapper {
    top: 20px !important;
    left: 20px !important;
  }
  #cboxTitle {
    background: #e5e5e5 url("images/grdnt_grey_f8f8f8_e5e5e5.gif") repeat-x;
    background-image: linear-gradient(#f8f8f8, #e5e5e5);
    color: #000;
    font-size: 16px;
    font-size: 1.6rem;
    font-style: italic;
    position: absolute;
    left: 10px;
    bottom: 0;
  }
  #cboxCurrent {
    position: absolute;
    top: -22px;
    right: 205px;
    text-indent: -9999px;
  }
  #cboxSlideshow,
  #cboxPrevious,
  #cboxNext,
  #cboxClose {
    background: url("images/colorbox/controls.png") no-repeat 0 0;
    height: 20px;
    position: absolute;
    top: -20px;
    width: 20px;
    text-indent: -9999px;
  }
  #cboxPrevious {
    background-position: 0 0;
    right: 44px;
  }
  #cboxPrevious.hover {
    background-position: 0 -25px;
  }
  #cboxNext {
    background-position: -25px 0;
    right: 22px;
  }
  #cboxNext.hover {
    background-position: -25px -25px;
  }
  #cboxClose {
    background-position: -50px 0;
    right: 0;
  }
  #cboxClose.hover {
    background-position: -50px -25px;
  }
  .cboxSlideshow_on #cboxPrevious,
  .cboxSlideshow_off #cboxPrevious {
    right: 66px;
  }
  .cboxSlideshow_on #cboxSlideshow {
    background-position: -75px -25px;
    right: 44px;
  }
  .cboxSlideshow_on #cboxSlideshow.hover {
    background-position: -100px -25px;
  }
  .cboxSlideshow_off #cboxSlideshow {
    background-position: -100px 0;
    right: 44px;
  }
  .cboxSlideshow_off #cboxSlideshow.hover {
    background-position: -75px -25px;
  }
}
/* close */
.btn-close {
  cursor: pointer;
  position: absolute;
  top: 8px;
  right: 10px;
}

.btn-close:before {
  background: url("images/close_icon.png") no-repeat;
  content: "";
  display: inline-block;
  height: 11px;
  margin: 0 7px -1px 0;
  width: 11px;
}

#reader-buttons {
  padding: 7px 7px 7px 24px;
  background: #e5e5e5 url("images/grdnt_grey_f8f8f8_e5e5e5.gif") repeat-x;
  background-image: linear-gradient(#f8f8f8, #e5e5e5);
  position: relative;
}
.adsorption-db-cbox #reader-buttons {
  height: auto;
  zoom: 1;
}
.adsorption-db-cbox #reader-buttons:before, .adsorption-db-cbox #reader-buttons:after {
  content: "";
  display: table;
}
.adsorption-db-cbox #reader-buttons:after {
  clear: both;
}

#reader-buttons .right {
  margin: 0 0 0 7px;
  float: right;
}
.adsorption-db-cbox #reader-buttons .right {
  margin-top: 9px;
}

.modal-title {
  padding-right: 85px;
  font-weight: bold;
}

.lightbox_title {
  margin-left: 45px;
  margin-right: 20px;
  font-size: 2em;
}

.lightbox_subtitle {
  margin-left: 45px;
  font-size: 1.4em;
}

.reader-position {
  position: absolute;
  overflow: hidden;
  top: 25px;
  bottom: -10px;
  left: 20px;
  right: 20px;
}

@media screen and (min-width: 1px) and (max-width: 991px) {
  .elem-search-table .row.has-border {
    /* MQ laptop */
    overflow-x: scroll;
    width: auto;
    flex-wrap: nowrap;
  }
}
.elem-search-table .row.has-border .layout__col-main {
  border-right: none;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .elem-search-table .row.has-border .layout__col-main {
    /* MQ Smartphone only */
    min-width: 550px;
  }
}
.elem-search-table .row.has-border .layout__col-aside {
  border-left: 1px solid #dcdcdc;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .elem-search-table .row.has-border .layout__col-aside {
    /* MQ Smartphone only */
    min-width: 183px;
  }
}

#periodicSystem {
  font-size: 13px;
  margin: 27px 27px 0;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  #periodicSystem {
    /* MQ Smartphone only */
    margin: 10px 10px 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) and (orientation: portrait) {
  #periodicSystem {
    /* MQ Droid Tablet portrait only */
    margin: 2px 2px 0;
  }
}
#periodicSystem #view_text {
  text-align: center;
  padding-top: 20px;
  font-weight: 700;
}
#periodicSystem #psTable {
  border-collapse: separate;
  border-spacing: 1px;
  width: 100%;
}
#periodicSystem .esAN {
  font-size: 8px;
  font-size: 0.8rem;
  text-align: left;
  font-weight: bold;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  #periodicSystem .esAN {
    /* MQ Smartphone only */
    font-size: 6px;
    font-size: 0.6rem;
  }
}
#periodicSystem .esEL {
  font-size: 16px;
  font-size: 1.6rem;
  margin: 0;
}
@media screen and (min-width: 1px) and (max-width: 991px) {
  #periodicSystem .esEL {
    /* MQ laptop */
    font-size: 10px;
    font-size: 1rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  #periodicSystem .esEL {
    /* MQ Tablet only */
    font-size: 10px;
    font-size: 1rem;
  }
}
#periodicSystem .heading {
  text-align: center;
}
#periodicSystem .group {
  font-size: 70%;
}
#periodicSystem .cas {
  font-size: 70%;
  font-weight: 700;
}
#periodicSystem .ElementView {
  color: #FFF;
}
#periodicSystem td.Nonmetal {
  background-color: #fa9f10;
}
#periodicSystem td.AlkaliMetal {
  background-color: #22746b;
}
#periodicSystem td.AlkalineEarthMetal {
  background-color: #02c072;
}
#periodicSystem td.Lanthanide {
  background-color: #186ba2;
}
#periodicSystem td.Actinide {
  background-color: #186ba2;
}
#periodicSystem td.TransitionMetal {
  background-color: #186ba2;
}
#periodicSystem td.Metal {
  background-color: #38a0e5;
}
#periodicSystem td.Metalloid {
  background-color: #02548a;
}
#periodicSystem td.Halogen {
  background-color: #ee7d11;
}
#periodicSystem td.NobleGas {
  background-color: #aaca28;
}
#periodicSystem td.element-disabled {
  background-color: #e5e5e5;
}
#periodicSystem .selected {
  background-color: #f76013;
}
#periodicSystem .esCell {
  cursor: pointer;
  padding: 2px;
  width: 36px;
  height: 36px;
}
@media screen and (min-width: 992px) {
  #periodicSystem .esCell {
    /* MQ Laptop */
  }
  #periodicSystem .esCell:hover {
    outline: 1px solid #02548a;
    box-shadow: inset 2px 2px 0 #fff, inset -2px -2px #fff;
  }
}
#periodicSystem .esCell.selected-element {
  background: #ffffff;
  box-shadow: inset 1px 1px 0 #02548a, inset -1px -1px 0 #02548a;
}
#periodicSystem .esCell.selected-element .esDiv {
  color: #02548a;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  #periodicSystem .esCell {
    /* MQ Smartphone only */
    width: 24px;
    height: 24px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) and (orientation: portrait) {
  #periodicSystem .esCell {
    /* MQ Droid Tablet portrait only */
    padding: 2px;
    width: 18px;
    height: 18px;
  }
}
#periodicSystem .ElementSelected {
  background-color: #000;
}
#periodicSystem .esDiv {
  text-align: center;
  color: #FFF;
  padding: 2px;
  width: 27px;
  height: 27px;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  #periodicSystem .esDiv {
    /* MQ Smartphone only */
    width: 20px;
    height: 20px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) and (orientation: portrait) {
  #periodicSystem .esDiv {
    /* MQ Droid Tablet portrait only */
    width: 14px;
    height: 14px;
  }
}
#periodicSystem a {
  color: inherit;
  text-decoration: none;
}
#periodicSystem .period, #periodicSystem .shell {
  font-size: 80%;
  font-weight: 700;
  padding-left: 4px;
  padding-right: 4px;
}
#periodicSystem .Unknown, #periodicSystem .esLink {
  background-color: #FFF;
}
#periodicSystem td.element-disabled {
  cursor: not-allowed;
}
#periodicSystem td.element-disabled:hover {
  outline: none;
  box-shadow: none;
}
#periodicSystem td.element-disabled .esDiv {
  color: #999999;
}

.element-search-results {
  width: 100%;
  height: 600px;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .element-search-results {
    /* MQ Smartphone only */
    height: 347px;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) and (orientation: portrait) {
  .element-search-results {
    /* MQ Droid Tablet portrait only */
    height: 285px;
  }
}

#element-system-results-set {
  height: 80%;
  background: #fcfcfc;
  overflow-y: auto;
}
#element-system-results-set ul {
  margin: 0;
  padding: 12px 0;
  list-style: none;
}
#element-system-results-set li {
  color: #666;
  padding: 5px 10px;
  font-size: 12px;
  cursor: pointer;
}
#element-system-results-set li > a {
  color: #069;
}
#element-system-results-set li:hover {
  text-decoration: underline;
}

#elementsystem-results-count {
  padding: 10px;
  font-size: 14px;
  font-size: 1.4rem;
}

.pt-loading {
  position: relative;
  z-index: 0;
}
.pt-loading:after {
  content: "";
  display: block;
  background: rgba(255, 255, 255, 0.6) url("images/loading.gif") no-repeat center;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.no-rgba .pt-loading:after {
  background: #fff url("images/loading.gif") no-repeat center;
}

#selected-elements {
  border-bottom: 1px solid #dcdcdc;
  font-size: 14px;
  font-size: 1.4rem;
  margin-top: 10px;
  padding-left: 10px;
  height: 20%;
}

#selectedElementSystems {
  margin-top: 0px;
  font-size: 15px;
  font-size: 1.5rem;
}

#select-message {
  margin: 0;
  padding: 24px 10px 0 10px;
  font-size: 14px;
  font-size: 1.4rem;
}

#disabled-element-indicator {
  width: 21px;
  height: 21px;
  background-color: #e5e5e5;
  margin: 13px 0 0 27px;
  position: absolute;
}

#disabled-element-legend-text {
  font-size: 14px;
  font-size: 1.4rem;
  float: left;
  margin-left: 51px;
}

.symbol_unit {
  font-weight: normal;
  color: #999999;
  padding-top: 7px;
}

.extendedsubstance_data_footer {
  width: 75%;
}

.extendedsubstance_data_symbols {
  margin-top: 31px;
}

.extendedsubstance_references {
  width: 75%;
}

.document--physical_property-db .isp_id_explanation {
  color: #333333;
  list-style: none;
  line-height: 1.6;
  width: 75%;
}
.document--physical_property-db .isp_id_explanation li {
  list-style: outside none none;
  line-height: 1.6;
  display: table;
  content: "";
  width: 100%;
}
.document--physical_property-db .isp_id_explanation li span {
  float: none;
}
@media screen and (min-width: 1280px) {
  .document--physical_property-db .isp_id_explanation li span {
    /* MQ Widescreen */
    width: 10%;
    float: left;
    text-align: left;
  }
}
.document--physical_property-db .isp_id_explanation li .isp-id--details {
  margin-top: 0;
  float: none;
}
@media screen and (min-width: 1280px) {
  .document--physical_property-db .isp_id_explanation li .isp-id--details {
    /* MQ Widescreen */
    width: 75%;
    float: left;
    margin: 0;
    padding-left: 3.5%;
  }
}
.document--physical_property-db .isp_id_explanation li .isp-id--details p {
  margin: 0;
}
.document--physical_property-db .isp_id_explanation li::before, .document--physical_property-db .isp_id_explanation li::after {
  content: "";
  display: table;
}
.document--physical_property-db .isp_id_explanation .section__sub-heading {
  color: #666666;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.1px;
  margin-bottom: 20px;
}
.document--physical_property-db .isp_id_explanation .isp-id__explanation {
  margin-bottom: 17px;
}
@media screen and (min-width: 1280px) {
  .document--physical_property-db .isp_id_explanation .isp-id__explanation {
    /* MQ Widescreen */
    padding-left: 14px;
  }
}

.archival-msg {
  text-align: center;
  padding: 10.5px 0;
  border-top: 1px solid #bcbcbc;
  border-bottom: 1px solid #bcbcbc;
  box-shadow: inset 0 1px 0 0 #fff, inset 0 -18px 18px -18px #efefef;
}
.archival-msg p {
  line-height: 24px;
  font-size: 16px;
  color: #333333;
  margin: 0;
}

.substance_properties {
  position: relative;
  padding-left: 12px;
  padding-bottom: 10px;
}

.non-interactive-thumbnail-message {
  margin-top: 15px;
  line-height: 1.6;
}

ul.substance_properties__column {
  float: left;
  width: 30%;
  margin-left: 20px;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  ul.substance_properties__column {
    /* MQ Smartphone only */
    width: 100%;
  }
}
ul.substance_properties__column:first-child, .phase-diagram-layout .col-aside .readings-list .document__abstract-actions ul.substance_properties__column.action--icon-download:nth-child(2) {
  margin-left: 0;
}
ul.substance_properties__column li {
  text-indent: -12px;
}

.substance_properties__see-more {
  position: absolute;
  left: 0;
  bottom: 8px;
}
.substance_properties__see-more .see_more, .substance_properties__see-more .see_less {
  background: url("images/action_arrow_right.png") no-repeat 0 8px;
  cursor: pointer;
  padding: 4px;
  padding-left: 12px;
}

.look-inside__badge.interactive-structure-badge {
  height: 48px;
}

.view_document {
  border-bottom: 1px dashed #d3d3d3;
  padding: 0px 0px 15px;
  margin-bottom: 20px;
}
.view_document a.view_link {
  text-decoration: underline;
  outline: none;
}

.browse__by-collections, .browse__by-lb-bookshelf {
  border: 1px solid #dcdcdc;
  padding: 0 10px 2px 10px;
  margin: 0 0 20px 0;
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.04);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.04);
}
.browse__by-collections h3, .browse__by-lb-bookshelf h3 {
  margin: 0px;
  padding: 15px 0 15px 2px;
  color: #666666;
}
.browse__by-collections h3.accordion__hd:before, .browse__by-lb-bookshelf h3.accordion__hd:before {
  content: "";
  display: block;
  position: absolute;
  left: 93%;
  top: 20px;
  border: 6px solid transparent;
  border-top-width: 0;
  border-bottom: 6px solid #666666;
  width: 0;
  height: 0;
}
@media screen and (min-width: 768px) {
  .browse__by-collections h3.accordion__hd, .browse__by-lb-bookshelf h3.accordion__hd {
    /* MQ Tablet */
    cursor: default;
  }
  .browse__by-collections h3.accordion__hd:before, .browse__by-collections h3.accordion__hd:after, .browse__by-lb-bookshelf h3.accordion__hd:before, .browse__by-lb-bookshelf h3.accordion__hd:after {
    display: none;
  }
}
.browse__by-collections .accordion__bd, .browse__by-lb-bookshelf .accordion__bd {
  border-bottom: none;
  box-shadow: none;
}
@media screen and (min-width: 768px) {
  .browse__by-collections .accordion__bd, .browse__by-lb-bookshelf .accordion__bd {
    /* MQ Tablet */
    display: block;
  }
}
.browse__by-collections .remove_border-top, .browse__by-lb-bookshelf .remove_border-top {
  border-top: none;
  padding: 10px 2px 8px;
}
.browse__by-collections ul, .browse__by-lb-bookshelf ul {
  margin: 0;
  padding: 0;
}
.browse__by-collections ul li, .browse__by-lb-bookshelf ul li {
  margin: 0;
  padding: 12px 2px 8px 2px;
  position: relative;
  border-top: 1px solid #eaeaea;
}
.browse__by-collections ul li a, .browse__by-lb-bookshelf ul li a {
  display: inline;
  line-height: 1.1;
  padding: 5px 0;
  position: relative;
  z-index: 10;
  word-wrap: break-word;
}
.browse__by-collections ul li a:hover, .browse__by-lb-bookshelf ul li a:hover {
  text-decoration: none;
}
.browse__by-collections ul li span, .browse__by-lb-bookshelf ul li span {
  position: absolute;
  color: #777777;
  right: 10px;
  bottom: 9px;
  z-index: 10;
}

@media screen and (min-width: 1px) and (max-width: 767px) { /* MQ Smartphone only */
  .accordion--collapsed h3.accordion__hd:before {
    border: 6px solid transparent;
    border-bottom-width: 0;
    border-top: 6px solid #666666;
    width: 0;
    height: 0;
    top: 20px;
  }
  .accordion--collapsed h3.accordion__hd:after {
    content: "";
    display: inline;
    border-bottom: none;
    box-shadow: none;
  }
}
#home__sub-heading {
  background: #002344;
  padding: 14px;
  line-height: 0.9;
  margin-top: 0;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  #home__sub-heading {
    /* MQ Smartphone only */
    margin-right: -12px;
  }
}
#home__sub-heading .home__main-heading {
  font-size: 24px;
  font-size: 2.4rem;
  color: #fff;
  display: block;
  margin-bottom: 10px;
  line-height: 26px;
}
#home__sub-heading .home__sub-heading {
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  display: block;
  line-height: 18px;
}

.home__latest-development {
  margin: 35px 0 20px 0;
  display: block;
}
.home__latest-development h2 {
  border-bottom: 1px solid #eaeaea;
  border-top: 2px solid #eaeaea;
  padding: 10px 0px;
}
.home__latest-development h2 a {
  letter-spacing: 0;
}
.home__latest-development .development_archive {
  padding: 10px 0;
}
.home__latest-development .development_archive a {
  letter-spacing: 0;
  text-decoration: underline;
}
.home__latest-development ul.development {
  padding: 0;
}
.home__latest-development ul.development li {
  padding: 0;
  display: inline-block;
  width: 100%;
}
.home__latest-development ul.development li .development-block {
  float: left;
  padding: 18px 0 10px;
  border-bottom: 1px solid #eaeaea;
  width: 100%;
}
.home__latest-development ul.development li .development-block .img {
  border: none;
  float: left;
  background: url("images/sprite-homepage.svg") no-repeat top left transparent;
  display: inline-block;
  width: 60px;
  height: 55px;
}
.home__latest-development ul.development li .development-block .img.smi-img {
  background: url("images/sprite-searchsnippet.svg") no-repeat top left transparent;
  background-position: -497px 1px;
  padding: 5px;
  border: 1px solid #eee;
}
.home__latest-development ul.development li .development-block .smi-label {
  width: 66px;
  min-width: 66px;
  display: block;
  background: #DE7109;
  padding: 3px;
  text-transform: capitalize;
  font-size: 12px;
  margin-bottom: 2px;
  border-radius: 2px 2px 2px 2px;
}
.home__latest-development ul.development li .development-block .hp_landolt_bornstein {
  background-position: 0px -121px;
  background-size: 100%;
}
.home__latest-development ul.development li .development-block .hp_browse_bookshelf {
  background-position: 0px 4px;
  background-size: 100%;
}
.home__latest-development ul.development li .development-block .hp_explore_sp {
  background-position: 0px -61px;
  background-size: 100%;
}
.home__latest-development ul.development li .development-block .block_content {
  float: left;
  width: 75%;
  margin-left: 10px;
}
@media screen and (min-width: 1280px) {
  .home__latest-development ul.development li .development-block .block_content {
    /* MQ Widescreen */
    width: 83%;
  }
}
.home__latest-development ul.development li .development-block .block_content h3 {
  margin: 0;
}
.home__latest-development ul.development li .development-block .block_content p {
  margin: 10px 0;
}
.home__latest-development ul.development li .development-block .block_content p a {
  text-decoration: underline;
}
.home__latest-development ul.development li .development-block .block_content .view-more-list, .home__latest-development ul.development li .development-block .block_content .snippet-list {
  list-style: disc;
  padding: 0 10px;
  display: none;
  margin: 0;
}
.home__latest-development ul.development li .development-block .block_content .view-more-list.active, .home__latest-development ul.development li .development-block .block_content .snippet-list.active {
  display: block;
}
.home__latest-development ul.development li .development-block .block_content .view-more-list li, .home__latest-development ul.development li .development-block .block_content .snippet-list li {
  list-style: disc outside none;
  display: list-item;
  margin: 0 5px 10px 5px;
  line-height: 1.6;
}
.home__latest-development ul.development li .development-block .block_content .view-more-list li a, .home__latest-development ul.development li .development-block .block_content .snippet-list li a {
  text-decoration: underline;
}
.home__latest-development ul.development .thumb-content {
  float: left;
}

.home__detail-content {
  width: 100%;
  padding: 20px 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .home__detail-content {
    /* MQ Tablet */
    padding: 20px 14px;
  }
}
.home__detail-content * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.home__detail-content .home__detail-info {
  color: #333;
  margin-bottom: 30px;
  margin-top: 0;
}
.home__detail-content .home__detail-list {
  width: 100%;
}
.home__detail-content .home__detail-list li {
  color: #333;
  padding-bottom: 15px;
  padding-left: 10px;
  position: relative;
  line-height: 20px;
}
.home__detail-content .home__detail-list li span {
  font-weight: bold;
}
.home__detail-content .home__detail-list li:before {
  content: "• ";
  color: #0176C3;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 20px;
  position: absolute;
  left: 0;
}
.home__detail-content .land-to-smi {
  padding: 20px 0;
}
.home__detail-content .land-to-smi a {
  letter-spacing: 0;
  text-decoration: underline;
}

.page__home #ttHolder .tooltip__content, .page__developments-archive #ttHolder .tooltip__content {
  font-size: 10px;
  font-size: 1rem;
  width: 190px;
}
@media screen and (min-width: 768px) {
  .page__home #ttHolder .tooltip__content, .page__developments-archive #ttHolder .tooltip__content {
    /* MQ Tablet */
    margin-left: -106px;
  }
}

.latest_news_section {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #F6EBD5;
  padding: 15px 15px 12px 15px;
  margin-bottom: 25px;
  font-size: 14px;
  font-size: 1.4rem;
}
.latest_news_section article {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .latest_news_section article {
    /* MQ Tablet */
    width: 66%;
    float: left;
  }
}
.latest_news_section figure {
  width: 100%;
  padding-left: 10px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .latest_news_section figure {
    /* MQ Tablet */
    width: 34%;
    float: right;
    text-align: right;
  }
}
.latest_news_section figure img {
  max-width: 100%;
}

.page__developments-archive .development_year {
  border: 1px solid #dcdcdc;
  padding: 0 10px 2px 10px;
  margin: 10px 0;
  -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.04);
  -moz-box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.04);
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.04);
}
.page__developments-archive .development_year h3 {
  font-size: 1.4rem;
  font-weight: bold;
  margin: 0px;
  padding: 15px 0 15px 2px;
  color: #666666;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
@media screen and (min-width: 1280px) {
  .page__developments-archive .development_year h3.accordion__hd:after {
    /* MQ Widescreen */
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .page__developments-archive .development_year h3.accordion__hd:after {
    /* MQ Tablet */
    display: none;
  }
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .page__developments-archive .development_year h3.accordion__hd:after {
    /* MQ Smartphone only */
    content: "";
    display: block;
    position: absolute;
    left: 150px;
    top: 20px;
    border: 6px solid transparent;
    border-top-width: 0;
    border-bottom: 6px solid #666666;
    width: 0;
    height: 0;
  }
}
@media screen and (min-width: 1280px) {
  .page__developments-archive .development_year h3.accordion__hd:before {
    /* MQ Widescreen */
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .page__developments-archive .development_year h3.accordion__hd:before {
    /* MQ Tablet */
    display: none;
  }
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .page__developments-archive .development_year h3.accordion__hd:before {
    /* MQ Smartphone only */
    content: "";
    display: block;
    position: absolute;
    left: 150px;
    top: 20px;
    border: 6px solid transparent;
    border-top-width: 0;
    border-bottom: 6px solid #666666;
    width: 0;
    height: 0;
  }
}
.page__developments-archive .development_year .accordion__bd {
  border-bottom: none;
  box-shadow: none;
  min-height: 42px;
}
.page__developments-archive .development_year .remove_border-top {
  border-top: none;
  padding: 10px 2px 8px;
}
.page__developments-archive .development_year ul {
  margin: 0;
  padding: 0;
}
.page__developments-archive .development_year ul li {
  margin: 0;
  padding: 10px 2px;
  position: relative;
  border-top: 1px solid #eaeaea;
}
.page__developments-archive .development_year ul li a {
  display: inline;
  line-height: 1.1;
  padding: 5px 0;
  position: relative;
  z-index: 10;
  word-wrap: break-word;
  font-size: 1.3rem;
}
.page__developments-archive .development_year ul li a:hover {
  text-decoration: none;
}
.page__developments-archive .development_year ul li span {
  position: absolute;
  color: #777777;
  font-size: 1.3rem;
  right: 10px;
  bottom: 9px;
  z-index: 10;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .page__developments-archive {
    /* MQ Smartphone only */
  }
  .page__developments-archive .accordion--collapsed h3.accordion__hd:before {
    border: 6px solid transparent;
    border-bottom-width: 0;
    border-top: 6px solid #666666;
    width: 0;
    height: 0;
    top: 20px;
  }
  .page__developments-archive .accordion--collapsed h3.accordion__hd:after {
    content: "";
    display: inline;
    border-bottom: none;
    box-shadow: none;
  }
}

.home__main-heading {
  font-size: 30px;
  font-size: 3rem;
}

.home__sub-heading {
  font-size: 24px;
  font-size: 2.4rem;
}

.home__recent-activity {
  margin-top: 20px;
}
.home__recent-activity .header {
  border-top: 1px solid #dcdcdc;
  padding-top: 16px;
  padding-bottom: 15px;
}
.home__recent-activity .content {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 22px;
  border-left: 5px solid #ee7d11;
  padding-right: 10%;
  padding-left: 16px;
  margin-top: 50px;
}
@media screen and (min-width: 768px) {
  .home__recent-activity .content {
    /* MQ Tablet */
    border-left: 5px solid #ee7d11;
    padding-right: 10%;
    padding-left: 16px;
    margin-top: 50px;
  }
}
.home__recent-activity .highlight-color {
  color: #ee7d11;
}

.secondary-header {
  font-weight: bold;
  color: #ee7d11;
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .secondary-header {
    /* MQ Smartphone only */
    -webkit-box-shadow: inset 0 1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
    -moz-box-shadow: inset 0 1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
    box-shadow: inset 0 1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
    line-height: 2;
    color: #ee7d11;
  }
}

.feedback-content .header {
  -webkit-box-shadow: inset 0 -1px 0 0 white, inset 0 -18px 18px -18px #efefef;
  -moz-box-shadow: inset 0 -1px 0 0 white, inset 0 -18px 18px -18px #efefef;
  box-shadow: inset 0 -1px 0 0 white, inset 0 -18px 18px -18px #efefef;
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 6px;
  margin: 0px;
  font-size: 16px;
  font-size: 1.6rem;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .feedback-content .header {
    /* MQ Smartphone only */
    margin-top: 40px;
  }
  .lt-ie9 .feedback-content .header, .ie9 .feedback-content .header {
    margin-top: 40px;
  }
}
.feedback-content .content {
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 22px;
}
.feedback-content .content a:before {
  content: "» ";
  font-size: 14px;
  display: inline;
}

.warning-message {
  background: url("images/warning.png") no-repeat 0 0;
}

.experimental-details-table__key {
  width: 18%;
}

.experimental-details-table__value ul {
  list-style: none;
}

.page__crystallographic #atom-coordinate-tables .default-table {
  margin-bottom: 20px;
}
.page__crystallographic #atom-coordinate-tables .data_table_footer {
  margin-bottom: 20px;
}
.page__crystallographic #atom-coordinate-tables .data_table_footer h3, .page__crystallographic #atom-coordinate-tables .data_table_footer p {
  display: inline;
  font-size: 16px;
  font-size: 1.6rem;
}
.page__crystallographic #atom-coordinate-tables .data_table_footer h3.crystal__sub-heading {
  color: #666;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.1px;
  display: block;
}
.page__crystallographic #atom-coordinate-tables .data_table_footer p {
  color: #777777;
}

.page__crystallographic h3.data-table-title, .page__crystallographic-un h3.data-table-title {
  font-size: 16px;
  font-size: 1.6rem;
  color: #666666;
  font-weight: bold;
  margin-bottom: 20px;
  letter-spacing: 0.1px;
}

.action-help {
  margin-top: 13px;
  display: inline-block;
}

.archival-msg {
  text-align: center;
  padding: 10.5px 0;
  border-top: 1px solid #bcbcbc;
  border-bottom: 1px solid #bcbcbc;
  box-shadow: inset 0 1px 0 0 #fff, inset 0 -18px 18px -18px #efefef;
}
.archival-msg p {
  line-height: 24px;
  font-size: 16px;
  color: #333333;
  margin: 0;
}

/*Evaluation Report*/
.page__evaluation-report .ContextInformation {
  display: none;
}
.page__evaluation-report .ContextInformationHeader {
  line-height: 1.7em;
}
.page__evaluation-report .AuthorGroup .Contacts {
  display: none;
}

.page__evaluation-report .FulltextWrapper .Fulltext .accordion .accordion__bd, .page__evaluation-report-un .FulltextWrapper .Fulltext .accordion .accordion__bd {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  min-height: 0;
}
.page__evaluation-report .FulltextWrapper .Fulltext .accordion .accordion__bd:last-of-type, .page__evaluation-report-un .FulltextWrapper .Fulltext .accordion .accordion__bd:last-of-type {
  border-bottom: 1px solid #DCDCDA;
  -webkit-box-shadow: inset 0 1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
  -moz-box-shadow: inset 0 1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
  box-shadow: inset 0 1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
  line-height: 1.6;
  padding-bottom: 30px;
}
.page__evaluation-report .ContextInformation, .page__evaluation-report-un .ContextInformation {
  line-height: 1.7em;
}
.page__evaluation-report .MainTitleSection .ChapterSubTitle, .page__evaluation-report-un .MainTitleSection .ChapterSubTitle {
  font-size: 1.3rem;
}
.page__evaluation-report .AuthorGroup, .page__evaluation-report-un .AuthorGroup {
  padding-bottom: 40px;
}
.page__evaluation-report .AuthorGroup .AuthorNames, .page__evaluation-report-un .AuthorGroup .AuthorNames {
  color: #333;
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}
.page__evaluation-report .AuthorGroup .Affiliations, .page__evaluation-report-un .AuthorGroup .Affiliations {
  display: none;
}
.page__evaluation-report .MainTitleSection h1.ChapterTitle, .page__evaluation-report-un .MainTitleSection h1.ChapterTitle {
  font-size: 3rem;
  font-family: Georgia, "New Century Schoolbook", "Nimbus Roman No9 L", serif;
  margin: 7px 0 14px;
  display: block;
  line-height: 1.2;
}
.page__evaluation-report .MainTitleSection .ChapterSubTitle, .page__evaluation-report-un .MainTitleSection .ChapterSubTitle {
  line-height: normal;
  font-size: 1.6rem;
  margin: 5px 0 20px 0;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.page__evaluation-report span.ContextInformationBookTitles .BookTitle, .page__evaluation-report span.ContextInformationBookTitles .book-sub-title, .page__evaluation-report-un span.ContextInformationBookTitles .BookTitle, .page__evaluation-report-un span.ContextInformationBookTitles .book-sub-title {
  font-size: 11px;
}
.page__evaluation-report span.ContextInformationBookTitles .book-sub-title:before, .page__evaluation-report-un span.ContextInformationBookTitles .book-sub-title:before {
  content: " - ";
}
.page__evaluation-report .Contact, .page__evaluation-report-un .Contact {
  font-size: 12px;
}
.page__evaluation-report .Contact .email, .page__evaluation-report-un .Contact .email {
  margin: 0 0 0 3px;
}
.page__evaluation-report .Abstract, .page__evaluation-report-un .Abstract {
  margin: 0 0 30px 0;
  display: block;
}
.page__evaluation-report .Abstract .Heading, .page__evaluation-report-un .Abstract .Heading {
  font-size: 2.4rem;
  margin: 7px 0px;
  font-family: Georgia, "New Century Schoolbook", "Nimbus Roman No9 L", serif;
  font-weight: normal;
  letter-spacing: 0.02em;
  line-height: 1.2;
  width: 70%;
}
.page__evaluation-report .Para,
.page__evaluation-report .referenceLinks,
.page__evaluation-report .referenceLinksText, .page__evaluation-report-un .Para,
.page__evaluation-report-un .referenceLinks,
.page__evaluation-report-un .referenceLinksText {
  font-size: 1.6rem;
  line-height: 1.7em;
  width: 100%;
}
.page__evaluation-report h2.Heading, .page__evaluation-report-un h2.Heading {
  width: 70%;
}
.page__evaluation-report .referenceLinks, .page__evaluation-report-un .referenceLinks {
  margin-bottom: 30px;
}
.page__evaluation-report table, .page__evaluation-report-un table {
  border-collapse: collapse;
  border-spacing: 0;
}
.page__evaluation-report .Table .Caption, .page__evaluation-report-un .Table .Caption {
  font-size: 1.6rem;
  color: #333;
}
.page__evaluation-report .Table .Caption span.CaptionNumber, .page__evaluation-report-un .Table .Caption span.CaptionNumber {
  font-weight: bold;
  color: #666;
  letter-spacing: 0.1px;
}
.page__evaluation-report .Table .Caption div.SimplePara, .page__evaluation-report-un .Table .Caption div.SimplePara {
  font-style: normal;
}
.page__evaluation-report table, .page__evaluation-report-un table {
  width: 100%;
}
.page__evaluation-report table th, .page__evaluation-report-un table th {
  background: #ececec;
  border-color: #d3d3d3;
  font-weight: bold;
  border-top: 1px solid #DCDCDA;
  color: #333;
  vertical-align: top;
  padding: 14px;
}
.page__evaluation-report table th div.SimplePara, .page__evaluation-report-un table th div.SimplePara {
  text-align: left;
  color: #333;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 0 0 3px 0;
  line-height: 1.25em;
}
.page__evaluation-report table td div, .page__evaluation-report-un table td div {
  text-align: left;
  color: #666;
  font-size: 1.6rem;
  padding: 10px;
}
.page__evaluation-report table td, .page__evaluation-report table th, .page__evaluation-report-un table td, .page__evaluation-report-un table th {
  border: 1px solid #D3D3D3;
}
.page__evaluation-report table tr.header, .page__evaluation-report-un table tr.header {
  background: #ececec;
  border-color: #d3d3d3;
}
.page__evaluation-report table tr.noclass td, .page__evaluation-report-un table tr.noclass td {
  border-top: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
  border-left: 1px solid #D3D3D3;
  border-right: 1px solid #D3D3D3;
}
.page__evaluation-report .default-table caption, .page__evaluation-report-un .default-table caption {
  border: none;
  box-shadow: none;
  padding: 0 0 10px 0;
  line-height: 1.7em;
}
.page__evaluation-report .CaptionContent, .page__evaluation-report-un .CaptionContent {
  margin: 60px 0 20px 0;
  line-height: 1.7em;
}
.page__evaluation-report .Bibliography, .page__evaluation-report-un .Bibliography {
  font-size: 1.6rem;
  margin: 7px 0px;
  display: block;
}
.page__evaluation-report .Bibliography .Heading, .page__evaluation-report-un .Bibliography .Heading {
  font-size: 2.4rem;
  margin: 20px 0 10px;
  font-family: Georgia, "New Century Schoolbook", "Nimbus Roman No9 L", serif;
  font-weight: normal;
  letter-spacing: 0.02em;
  line-height: 1.2;
}
.page__evaluation-report .Citation, .page__evaluation-report-un .Citation {
  font-size: 1.3rem;
  line-height: 1.7;
  display: inline-block;
  margin-bottom: 10px;
  width: 100%;
}
.page__evaluation-report .Citation .CitationNumber, .page__evaluation-report-un .Citation .CitationNumber {
  width: 15%;
  display: block;
  float: left;
}
.page__evaluation-report .Citation .CitationContent, .page__evaluation-report-un .Citation .CitationContent {
  width: 80%;
  display: block;
  float: left;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .page__evaluation-report, .page__evaluation-report-un {
    /* MQ Smartphone only */
  }
  .page__evaluation-report .Citation .CitationContent, .page__evaluation-report-un .Citation .CitationContent {
    width: auto;
    display: block;
    float: left;
  }
}
.page__evaluation-report .RenderAsSection2, .page__evaluation-report-un .RenderAsSection2 {
  padding: 0 0 15px 0;
}
.page__evaluation-report .RenderAsSection2 h3.Heading, .page__evaluation-report-un .RenderAsSection2 h3.Heading {
  color: #666666;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.1px;
  margin: 60px 0 20px 0;
}
.page__evaluation-report table tr:nth-child(2n), .page__evaluation-report-un table tr:nth-child(2n) {
  background: #f2f2f2;
}
.page__evaluation-report .ChapterDOI, .page__evaluation-report .ContactAuthorLine, .page__evaluation-report .ContactIcon, .page__evaluation-report-un .ChapterDOI, .page__evaluation-report-un .ContactAuthorLine, .page__evaluation-report-un .ContactIcon {
  display: none;
}
.page__evaluation-report h2.Heading, .page__evaluation-report div.Bibliography div.Heading, .page__evaluation-report-un h2.Heading, .page__evaluation-report-un div.Bibliography div.Heading {
  box-shadow: 0px -1px 0px 0px #FFF inset, 0px -18px 18px -18px #EFEFEF inset;
  border-bottom: 1px solid #D7D6D6;
  padding: 0px 4px 7px 0px;
  margin-bottom: 20px;
}
.page__evaluation-report div.Abstract div.Heading, .page__evaluation-report-un div.Abstract div.Heading {
  padding: 0px 4px 7px 0px;
  margin-bottom: 20px;
}

.document--unauthorized #abstractHeading {
  padding: 0px 4px 7px 0px;
  margin-bottom: 20px;
  border: none;
  box-shadow: none;
}

#copyCitationBtn {
  font-size: 13px;
}

a.link_to_phase_diagram {
  background: url("images/view-icon.svg") no-repeat 0 4px;
  padding: 0 0 0 25px;
  color: #333333;
  text-decoration: underline;
  display: inline-block;
  font-size: 1.6rem;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  div.MediaObject {
    /* MQ Tablet only */
  }
  div.MediaObject img {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) and (orientation: portrait) {
  div.MediaObject {
    /* MQ Tablet portrait only */
  }
  div.MediaObject img {
    width: 100%;
  }
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  div.MediaObject {
    /* MQ Smartphone only */
  }
  div.MediaObject img {
    width: 100%;
  }
}

/*Literature Report*/
.page__literature-report .ContextInformation {
  display: none;
}
.page__literature-report .ContextInformationHeader {
  line-height: 1.7em;
}
.page__literature-report .AuthorGroup .Contacts {
  display: none;
}

.page__literature-report .FulltextWrapper .Fulltext .accordion .accordion__bd, .page__literature-report-un .FulltextWrapper .Fulltext .accordion .accordion__bd {
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  min-height: 0;
}
.page__literature-report .FulltextWrapper .Fulltext .accordion .accordion__bd:last-of-type, .page__literature-report-un .FulltextWrapper .Fulltext .accordion .accordion__bd:last-of-type {
  border-bottom: 1px solid #DCDCDA;
  -webkit-box-shadow: inset 0 1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
  -moz-box-shadow: inset 0 1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
  box-shadow: inset 0 1px 0 0 #FFF, inset 0 -18px 18px -18px #efefef;
  line-height: 1.6;
  padding-bottom: 30px;
}
.page__literature-report .ContextInformation, .page__literature-report-un .ContextInformation {
  line-height: 1.7em;
}
.page__literature-report .MainTitleSection .ChapterSubTitle, .page__literature-report-un .MainTitleSection .ChapterSubTitle {
  font-size: 1.3rem;
}
.page__literature-report .AuthorGroup, .page__literature-report-un .AuthorGroup {
  padding-bottom: 40px;
}
.page__literature-report .AuthorGroup .AuthorNames, .page__literature-report-un .AuthorGroup .AuthorNames {
  color: #333;
  font-size: 13px;
  font-weight: normal;
  line-height: normal;
}
.page__literature-report .AuthorGroup .Affiliations, .page__literature-report-un .AuthorGroup .Affiliations {
  display: none;
}
.page__literature-report .MainTitleSection h1.ChapterTitle, .page__literature-report-un .MainTitleSection h1.ChapterTitle {
  font-size: 3rem;
  font-family: Georgia, "New Century Schoolbook", "Nimbus Roman No9 L", serif;
  margin: 7px 0 14px;
  display: block;
  line-height: 1.2;
}
.page__literature-report .MainTitleSection .ChapterSubTitle, .page__literature-report-un .MainTitleSection .ChapterSubTitle {
  line-height: normal;
  font-size: 1.6rem;
  margin: 5px 0 20px 0;
  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
}
.page__literature-report span.ContextInformationBookTitles .BookTitle, .page__literature-report span.ContextInformationBookTitles .book-sub-title, .page__literature-report-un span.ContextInformationBookTitles .BookTitle, .page__literature-report-un span.ContextInformationBookTitles .book-sub-title {
  font-size: 11px;
}
.page__literature-report span.ContextInformationBookTitles .book-sub-title:before, .page__literature-report-un span.ContextInformationBookTitles .book-sub-title:before {
  content: " - ";
}
.page__literature-report .Contact, .page__literature-report-un .Contact {
  font-size: 12px;
}
.page__literature-report .Contact .email, .page__literature-report-un .Contact .email {
  margin: 0 0 0 3px;
}
.page__literature-report .Abstract, .page__literature-report-un .Abstract {
  margin: 0 0 30px 0;
  display: block;
}
.page__literature-report .Abstract .Heading, .page__literature-report-un .Abstract .Heading {
  font-size: 2.4rem;
  margin: 7px 0px;
  font-family: Georgia, "New Century Schoolbook", "Nimbus Roman No9 L", serif;
  font-weight: normal;
  letter-spacing: 0.02em;
  line-height: 1.2;
  width: 70%;
}
.page__literature-report .Para,
.page__literature-report .referenceLinks,
.page__literature-report .referenceLinksText, .page__literature-report-un .Para,
.page__literature-report-un .referenceLinks,
.page__literature-report-un .referenceLinksText {
  font-size: 1.6rem;
  line-height: 1.7em;
  width: 100%;
}
.page__literature-report .referenceLinks, .page__literature-report-un .referenceLinks {
  margin-bottom: 30px;
}
.page__literature-report h2.Heading, .page__literature-report-un h2.Heading {
  width: 70%;
}
.page__literature-report table, .page__literature-report-un table {
  border-collapse: collapse;
  border-spacing: 0;
}
.page__literature-report .Table .Caption, .page__literature-report-un .Table .Caption {
  font-size: 1.6rem;
  color: #333;
}
.page__literature-report .Table .Caption span.CaptionNumber, .page__literature-report-un .Table .Caption span.CaptionNumber {
  font-weight: bold;
  color: #666;
  letter-spacing: 0.1px;
}
.page__literature-report .Table .Caption div.SimplePara, .page__literature-report-un .Table .Caption div.SimplePara {
  font-style: normal;
}
.page__literature-report table, .page__literature-report-un table {
  width: 100%;
}
.page__literature-report table th, .page__literature-report-un table th {
  background: #ececec;
  border-color: #d3d3d3;
  font-weight: bold;
  border-top: 1px solid #DCDCDA;
  color: #333;
  vertical-align: top;
  padding: 14px;
}
.page__literature-report table th div.SimplePara, .page__literature-report-un table th div.SimplePara {
  text-align: left;
  color: #333;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 0 0 3px 0;
  line-height: 1.25em;
}
.page__literature-report table td div, .page__literature-report-un table td div {
  text-align: left;
  color: #666;
  font-size: 1.6rem;
  padding: 10px;
}
.page__literature-report table td, .page__literature-report table th, .page__literature-report-un table td, .page__literature-report-un table th {
  border: 1px solid #D3D3D3;
}
.page__literature-report table tr.header, .page__literature-report-un table tr.header {
  background: #ececec;
  border-color: #d3d3d3;
}
.page__literature-report table tr.noclass td, .page__literature-report-un table tr.noclass td {
  border-top: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
  border-left: 1px solid #D3D3D3;
  border-right: 1px solid #D3D3D3;
}
.page__literature-report .default-table caption, .page__literature-report-un .default-table caption {
  border: none;
  box-shadow: none;
  padding: 0 0 10px 0;
  line-height: 1.7em;
}
.page__literature-report .CaptionContent, .page__literature-report-un .CaptionContent {
  margin: 60px 0 20px 0;
  line-height: 1.7em;
}
.page__literature-report .Bibliography, .page__literature-report-un .Bibliography {
  font-size: 1.6rem;
  margin: 7px 0px;
  display: block;
}
.page__literature-report .Bibliography .Heading, .page__literature-report-un .Bibliography .Heading {
  font-size: 2.4rem;
  margin: 20px 0 10px;
  font-family: Georgia, "New Century Schoolbook", "Nimbus Roman No9 L", serif;
  font-weight: normal;
  letter-spacing: 0.02em;
  line-height: 1.2;
}
.page__literature-report .Citation, .page__literature-report-un .Citation {
  font-size: 1.3rem;
  line-height: 1.7;
  display: inline-block;
  margin-bottom: 10px;
  width: 100%;
}
.page__literature-report .Citation .CitationNumber, .page__literature-report-un .Citation .CitationNumber {
  width: 15%;
  display: block;
  float: left;
}
.page__literature-report .Citation .CitationContent, .page__literature-report-un .Citation .CitationContent {
  width: 80%;
  display: block;
  float: left;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .page__literature-report, .page__literature-report-un {
    /* MQ Smartphone only */
  }
  .page__literature-report .Citation .CitationContent, .page__literature-report-un .Citation .CitationContent {
    width: auto;
    display: block;
    float: left;
  }
}
.page__literature-report .RenderAsSection2, .page__literature-report-un .RenderAsSection2 {
  padding: 0 0 15px 0;
}
.page__literature-report .RenderAsSection2 h3.Heading, .page__literature-report-un .RenderAsSection2 h3.Heading {
  color: #666666;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.1px;
  margin: 60px 0 20px 0;
}
.page__literature-report table tr:nth-child(2n), .page__literature-report-un table tr:nth-child(2n) {
  background: #f2f2f2;
}
.page__literature-report .ChapterDOI, .page__literature-report .ContactAuthorLine, .page__literature-report .ContactIcon, .page__literature-report-un .ChapterDOI, .page__literature-report-un .ContactAuthorLine, .page__literature-report-un .ContactIcon {
  display: none;
}
.page__literature-report h2.Heading, .page__literature-report div.Bibliography div.Heading, .page__literature-report-un h2.Heading, .page__literature-report-un div.Bibliography div.Heading {
  box-shadow: 0px -1px 0px 0px #FFF inset, 0px -18px 18px -18px #EFEFEF inset;
  border-bottom: 1px solid #D7D6D6;
  padding: 0px 4px 7px 0px;
  margin-bottom: 20px;
}
.page__literature-report div.Abstract div.Heading, .page__literature-report-un div.Abstract div.Heading {
  padding: 0px 4px 7px 0px;
  margin-bottom: 20px;
}

.document--unauthorized #abstractHeading {
  padding: 0px 4px 7px 0px;
  margin-bottom: 20px;
  border: none;
  box-shadow: none;
}

#copyCitationBtn {
  font-size: 13px;
}

a.link_to_phase_diagram {
  background: url("images/view-icon.svg") no-repeat 0 4px;
  padding: 0 0 0 25px;
  color: #333333;
  text-decoration: underline;
  display: inline-block;
  font-size: 1.6rem;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  div.MediaObject {
    /* MQ Tablet only */
  }
  div.MediaObject img {
    width: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) and (orientation: portrait) {
  div.MediaObject {
    /* MQ Tablet portrait only */
  }
  div.MediaObject img {
    width: 100%;
  }
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  div.MediaObject {
    /* MQ Smartphone only */
  }
  div.MediaObject img {
    width: 100%;
  }
}

.content--static a {
  background: url("images/action_arrow_right.png") no-repeat 0 9px;
  padding: 4px 5px 4px 17px;
  color: #069;
  text-decoration: none;
  cursor: pointer;
  font-size: 1.6rem;
  display: inline-block;
}
.content--static a:hover,
.content--static a:active,
.content--static a:focus {
  color: #069;
  text-decoration: underline;
}
.content--static p {
  font-size: 1.3rem;
  color: #333;
}
.content--static ul {
  margin: 0;
  padding: 0;
}
.content--static ul li {
  margin: 0;
  padding: 0;
}
.content--static h3 {
  margin: 30px 0 15px;
}
.content--static .download-lb-volumelist {
  min-height: 25px;
  margin: 17px 0px;
}
.content--static .download-lb-volumelist span.download-lb-button {
  border-radius: 3px;
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.25) inset;
  border: 1px solid #0176C3;
  padding-right: 20px;
  background: #0176C3 -moz-linear-gradient(center top, #38A0E5, #0176C3) repeat-x scroll 0% 0%;
  background: -webkit-gradient(linear, center top, center bottom, from(#38A0E5), to(#0176C3));
  background: -webkit-linear-gradient(#38A0E5, #0176C3);
  background: -o-linear-gradient(#38A0E5, #0176C3);
  background: -ms-linear-gradient(#38A0E5, #0176C3);
  background: linear-gradient(#38A0E5, #0176C3);
  display: block;
  width: 70%;
}
@media screen and (min-width: 1280px) {
  .content--static .download-lb-volumelist span.download-lb-button {
    /* MQ Widescreen */
    width: 50%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) and (orientation: portrait) {
  .content--static .download-lb-volumelist span.download-lb-button {
    /* MQ Tablet portrait only */
    width: 70%;
  }
}
.content--static .download-lb-volumelist span.download-lb-button #lb-download-pdf-link {
  background: url("images/action_icons_backup.png") no-repeat 12px -91px;
  color: #FFF;
  font-weight: bold;
  font-size: 1.4rem;
  padding: 6px 6px 6px 50px;
}
.content--static .download-lb-volumelist span.download-lb-button #lb-download-pdf-link span {
  font-weight: normal;
  font-size: 1.1rem;
  display: block;
}
.content--static .download-lb-volumelist span.download-lb-button #lb-download-pdf-link:hover {
  text-decoration: underline;
}
.content--static .help-section__contact p span {
  display: block;
}
.content--static a.legacy-link {
  text-decoration: underline;
}

.bread-crumb {
  top: 150px;
}
@media screen and (min-width: 1280px) {
  .bread-crumb {
    /* MQ Widescreen */
    top: auto;
  }
}

.page__book-shelf .main-content {
  margin-top: 120px;
}
@media screen and (min-width: 1280px) {
  .page__book-shelf .main-content {
    /* MQ Widescreen */
    margin-top: 0px;
  }
}
.page__book-shelf .main-content .information {
  margin: 0 0 0 20px;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .page__book-shelf .main-content .information {
    /* MQ Smartphone only */
    margin: 0 0 0 5px;
  }
}
.page__book-shelf .main-content .information h3 {
  margin: 0;
}
.page__book-shelf .main-content .bookshelf__wrapper .bookshelf__intro .bookshelf__title {
  background-color: #002344;
  padding: 1px 10px;
  margin: 10px -20px 0 0;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .page__book-shelf .main-content .bookshelf__wrapper .bookshelf__intro .bookshelf__title {
    /* MQ Smartphone only */
    margin: 10px -12px 0 0;
  }
}
.page__book-shelf .main-content .bookshelf__wrapper .bookshelf__intro .bookshelf__title h1 {
  font-family: Georgia, "New Century Schoolbook", "Nimbus Roman No9 L", serif;
  color: #ffffff;
  font-size: 2.4rem;
  margin: 10px 5px;
  letter-spacing: 0.02em;
}
.page__book-shelf .main-content .bookshelf__wrapper .bookshelf__intro .intro__text {
  padding: 0 10px;
}
.page__book-shelf .main-content .bookshelf__wrapper .bookshelf__content {
  margin-top: 30px;
}
.page__book-shelf .main-content .bookshelf__wrapper .bookshelf__content .content__group {
  padding: 0 25px;
}
.page__book-shelf .main-content .bookshelf__wrapper .bookshelf__content h2.accordion__hd {
  display: block;
  font-size: 2rem;
  text-decoration: none;
  font-family: Georgia, "New Century Schoolbook", "Nimbus Roman No9 L", serif;
  padding-left: 25px;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .page__book-shelf .main-content .bookshelf__wrapper .bookshelf__content h2.accordion__hd {
    /* MQ Smartphone only */
    margin-left: 0px;
  }
}
.page__book-shelf .main-content .bookshelf__wrapper .bookshelf__content h2.accordion__hd:after {
  box-shadow: none;
}
.page__book-shelf .main-content .bookshelf__wrapper .bookshelf__content h2.accordion__hd:before {
  left: 3px;
  top: 8px;
}
.page__book-shelf .main-content .bookshelf__wrapper .bookshelf__content .accordion__bd {
  border-bottom: none;
  box-shadow: none;
}
.page__book-shelf .main-content .bookshelf__wrapper .bookshelf__content .group__title {
  margin: 0 0 15px -18px;
}
.page__book-shelf .main-content .bookshelf__wrapper .bookshelf__content .group__title .group_uparrow:before {
  content: "";
  position: absolute;
  top: 9px;
  left: -1px;
  border: 6px solid transparent;
  border-bottom-width: 0;
  border-top: 6px solid #069;
  width: 0;
  height: 0;
}
.page__book-shelf .main-content .bookshelf__wrapper .bookshelf__content ul.group__maincontent {
  margin: 0;
  border-top: 1px solid #dcdcdc;
}
.page__book-shelf .main-content .bookshelf__wrapper .bookshelf__content ul.group__maincontent li.group__content {
  border-bottom: 1px solid #dcdcdc;
  padding: 15px;
  margin: 0;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .page__book-shelf .main-content .bookshelf__wrapper .bookshelf__content ul.group__maincontent li.group__content {
    /* MQ Smartphone only */
    padding: 15px 15px 15px 0;
  }
}
.page__book-shelf .main-content .bookshelf__wrapper .bookshelf__content ul.group__maincontent li.group__content:hover {
  -webkit-box-shadow: inset 0 1px 0 #ffffff, inset 0 -1px 0 #ffffff;
  -moz-box-shadow: inset 0 1px 0 #ffffff, inset 0 -1px 0 #ffffff;
  box-shadow: inset 0 1px 0 #ffffff, inset 0 -1px 0 #ffffff;
  background-color: #fbfbfb;
}
.page__book-shelf .main-content .bookshelf__wrapper .bookshelf__content ul.group__maincontent li.group__content .content__volume {
  color: #666666;
  margin: 0;
}
.page__book-shelf .main-content .bookshelf__wrapper .bookshelf__content ul.group__maincontent li.group__content a.open__vol {
  color: #069;
  font-size: 1.6rem;
}
.page__book-shelf .main-content .bookshelf__wrapper .bookshelf__content ul.group__maincontent li.group__content ul.content__snippet {
  margin-top: 0px;
}
.page__book-shelf .main-content .bookshelf__wrapper .bookshelf__content ul.group__maincontent li.group__content ul.content__snippet li {
  margin-top: 0;
}
.page__book-shelf .main-content .bookshelf__wrapper .bookshelf__content ul.group__maincontent li.group__content ul.content__snippet li span.index__list {
  font-size: 1.3rem;
  color: #999999;
  display: inline-block;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .page__book-shelf .main-content .bookshelf__wrapper .bookshelf__content ul.group__maincontent li.group__content ul.content__snippet li span.index__list {
    /* MQ Smartphone only */
    display: block;
  }
}

/* layout 7 For Phase Diagram Tool*/
.document--phase_diagram-db .unauthorized-default-table #list-of-phases-data-table-unauthorized-container {
  min-height: 60px;
}
.document--phase_diagram-db .unauthorized-default-table #list-of-phases-data-table, .document--phase_diagram-db .unauthorized-default-table .dataTables_scrollBody {
  min-height: 80px;
}

.phase-diagram-layout {
  position: relative;
  zoom: 1;
}
@media screen and (min-width: 1280px) {
  .phase-diagram-layout {
    /* MQ Widescreen */
    margin-left: 41px;
  }
}
@media screen and (min-width: 768px) {
  .phase-diagram-layout {
    /* MQ Tablet */
    margin-left: 42px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) and (orientation: portrait) {
  .phase-diagram-layout {
    /* MQ Tablet portrait only */
    margin-left: 28px;
  }
}
.phase-diagram-layout:before, .phase-diagram-layout:after {
  content: "";
  display: table;
}
.phase-diagram-layout:after {
  clear: both;
}
.phase-diagram-layout #phase_diagram_wrapper {
  position: relative;
  border: 1px solid #dcdcdc;
  float: left;
  width: 74.4680851064%;
}
@media screen and (max-width:732px) {
  .phase-diagram-layout #phase_diagram_wrapper {
    /* MQ Break point */
    float: none;
    width: 99%;
  }
}
.phase-diagram-layout #phase_diagram_wrapper.unauthorized {
  height: 630px;
  padding: 15px 12px;
  width: 71.2765957447%;
}
@media screen and (max-width:732px) {
  .phase-diagram-layout #phase_diagram_wrapper.unauthorized {
    /* MQ Break point */
    float: none;
    width: 95%;
  }
}
.phase-diagram-layout #phase_diagram_wrapper.unauthorized .paid-content {
  height: 99%;
}
.phase-diagram-layout #phase_diagram_wrapper #phase_diagram_image {
  width: 100%;
  height: 100%;
}
.phase-diagram-layout #phase_diagram_wrapper #phase_diagram_container {
  position: absolute;
  top: 0;
}
.phase-diagram-layout #phase_diagram_wrapper .legend {
  height: 130px;
  width: 100%;
  background-color: #dcdcdc;
}
.phase-diagram-layout #phase_diagram_wrapper #phase_diagram_legend ul {
  margin: 0 0 20px 30px;
}
.phase-diagram-layout #phase_diagram_wrapper #phase_diagram_legend ul li {
  color: #777777;
  margin-bottom: 15px;
}
.phase-diagram-layout #phase_diagram_wrapper #phase_diagram_legend ul li .purple {
  padding: 10px;
  background: #ccccff;
  display: inline-block;
  margin: -4px 5px 0px 0px !important;
  vertical-align: middle;
}
.phase-diagram-layout #phase_diagram_wrapper #phase_diagram_legend ul li .yellow {
  padding: 10px;
  background: #ffff99;
  display: inline-block;
  margin: -4px 5px 0px 0px !important;
  vertical-align: middle;
}
.phase-diagram-layout #phase_diagram_wrapper #phase_diagram_legend ul li .dotted {
  font-weight: bold;
  font-size: 14px;
  color: #000;
  font-family: times;
  display: inline-block;
  vertical-align: top;
  letter-spacing: 5px;
}
.phase-diagram-layout #phase_diagram_wrapper #phase_diagram_legend ul li p.only-equal {
  width: auto;
  vertical-align: top;
}
.phase-diagram-layout #phase_diagram_wrapper #phase_diagram_legend ul li p {
  display: inline-block;
  cursor: default;
  margin: 0;
  width: 85%;
}
.phase-diagram-layout .col-aside {
  float: left;
  border-top: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  width: 20.7446808511%;
  background-color: #fdfdfd;
  position: relative;
}
@media screen and (max-width:732px) {
  .phase-diagram-layout .col-aside {
    /* MQ Break point */
    float: none;
    width: 99%;
    border-left: 1px solid #dcdcdc;
  }
}
.ie9 .phase-diagram-layout .col-aside {
  height: auto !important;
}
.phase-diagram-layout .col-aside.unauthorized {
  height: 630px;
}
@media screen and (max-width:732px) {
  .phase-diagram-layout .col-aside.unauthorized {
    /* MQ Break point */
    height: auto;
  }
}
.phase-diagram-layout .col-aside .readings-col {
  width: 100%;
}
.phase-diagram-layout .col-aside p.readings-col-message {
  margin: 15px;
  font-size: 1.5rem;
  padding-left: 30px;
}
.phase-diagram-layout .col-aside .readings-col__wrapper {
  width: 100%;
}
@media screen and (max-width:732px) {
  .phase-diagram-layout .col-aside .readings-col__wrapper {
    /* MQ Break point */
    overflow-x: auto;
    width: 100%;
  }
}
.ie9 .phase-diagram-layout .col-aside .readings-col__wrapper {
  overflow-x: auto !important;
  width: 930px !important;
}
.phase-diagram-layout .col-aside .readings-list {
  overflow: auto;
  padding: 8px;
}
@media screen and (max-width:732px) {
  .phase-diagram-layout .col-aside .readings-list {
    /* MQ Break point */
    height: 70px;
    width: 100%;
    padding-bottom: 60px;
  }
}
.ie9 .phase-diagram-layout .col-aside .readings-list {
  overflow: auto !important;
  height: 120px !important;
  width: 100% !important;
}
.phase-diagram-layout .col-aside .readings-list .document__abstract-actions {
  position: absolute;
  bottom: 0;
  z-index: 999;
  margin-bottom: 0;
  width: 100%;
  left: 0;
  padding: 5px;
}
.phase-diagram-layout .col-aside .readings-list .document__abstract-actions a#action-download-pdf-link, .phase-diagram-layout .col-aside .readings-list .document__abstract-actions a#action-download-png-link {
  background-position: 5px -91px;
  padding-left: 42px;
}
@media screen and (max-width:768px) {
  .phase-diagram-layout .col-aside .readings-list .document__abstract-actions a#action-download-pdf-link, .phase-diagram-layout .col-aside .readings-list .document__abstract-actions a#action-download-png-link {
    /* MQ Break point */
    background-position: 2px -91px;
    padding-left: 32px;
  }
}
@media screen and (max-width:732px) {
  .phase-diagram-layout .col-aside .readings-list .document__abstract-actions {
    /* MQ Break point */
    max-width: 150px;
    bottom: 0;
  }
}
.phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action--icon-download, .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action--icon-download:nth-child(2) {
  min-width: 100%;
  max-width: none;
  width: 100%;
  display: block;
  margin: 0;
}
.phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action--icon-download.disabled {
  display: none;
}
.phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action--icon-download a, .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action--icon-download:nth-child(2) a {
  width: 100%;
  display: block;
}
@media screen and (max-width:800px) {
  .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action--icon-download a, .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action--icon-download:nth-child(2) a {
    /* MQ Break point */
    padding-left: 42px;
    font-size: 0.8em;
    background-position: 2px -91px;
  }
}
.phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action--icon-download a .action-download-pdf-link__size {
  width: 100%;
  display: block;
}
.phase-diagram-layout .col-aside .readings-list .document__abstract-actions .action--icon-download:nth-child(2) {
  margin-right: 0 !important;
}
.phase-diagram-layout .col-aside .recording {
  width: 100%;
  margin-bottom: 8px;
  background-color: #ffffff;
  position: relative;
  padding: 5px 8px;
  -webkit-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);
}
@media screen and (max-width:815px) {
  .phase-diagram-layout .col-aside .recording {
    /* MQ Break point */
    width: 76%;
  }
}
@media screen and (max-width:732px) {
  .phase-diagram-layout .col-aside .recording {
    /* MQ Break point */
    display: inline-block;
    width: 110px;
  }
}
.phase-diagram-layout .col-aside .recording li {
  padding: 2px 0px;
}
.phase-diagram-layout .col-aside .recording .del-rec-btn {
  background: url("images/remove_icons.png") no-repeat 6px 6px;
  height: 25px;
  width: 25px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  padding: 6px;
}
@media screen and (min-width: 1280px) {
  .phase-diagram-layout .col-aside .recording .del-rec-btn:hover {
    /* MQ Widescreen */
    background-position: 6px -44px;
  }
}
.phase-diagram-layout .col-aside .readings-col-heading {
  text-align: center;
  margin: 0;
  padding: 10px;
  background: #ffffff;
  border-bottom: 1px solid #dcdcdc;
}

/* .acknowledgement-tooltip{
    position:absolute;
    top:-999px;
    left:-999px;
    padding:10px 10px 10px 38px;
    z-index:30;
    color: #333;
    background: #F1F6E6;
    border: 2px solid #71AB0B;
    text-align: center;
    background: #F1F6E6 url('value_confirm.png') no-repeat 10px !important;

  &:before {
      content: '';
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -12px;
      width: 0;
      height: 0;
      border-top: 12px solid #71AB0B;
      border-right: 12px solid transparent;
      border-left: 12px solid transparent;
  }

  &:after {
      content: '';
      position: absolute;
      top: 100%;
      left: 50%;
      margin-left: -8px;
      width: 0;
      height: 0;
      border-top: 8px solid #F1F6E6;
      border-right: 8px solid transparent;
      border-left: 8px solid transparent;
   }
} */
.phase-diagram-tooltip {
  position: absolute;
  top: -999px;
  left: -999px;
  padding: 10px;
  z-index: 30;
  color: green;
  background: #ffffff;
  border: 1px solid #BCBCBC;
}
.phase-diagram-tooltip:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -12px;
  width: 0;
  height: 0;
  border-top: 12px solid #BCBCBC;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
}
.phase-diagram-tooltip:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid #ffffff;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}
.phase-diagram-tooltip .btn, .phase-diagram-tooltip .btn-active {
  margin-top: 5px;
}
@media screen and (min-width: 1280px) {
  .phase-diagram-tooltip .btn, .phase-diagram-tooltip .btn-active {
    /* MQ Widescreen */
    display: none;
  }
}

.hidden {
  display: none;
}

.archival-msg {
  text-align: center;
  padding: 10.5px 0;
  border-top: 1px solid #bcbcbc;
  border-bottom: 1px solid #bcbcbc;
  box-shadow: inset 0 1px 0 0 #fff, inset 0 -18px 18px -18px #efefef;
}
.archival-msg p {
  line-height: 24px;
  font-size: 16px;
  color: #333333;
  margin: 0;
}

.page__corrosion-search h1.document__title {
  color: #333333;
  font-size: 24px;
}
.page__corrosion-search p.content-text {
  width: 100%;
}
@media screen and (min-width: 1280px) {
  .page__corrosion-search p.content-text {
    /* MQ Widescreen */
    width: 45%;
  }
}
.page__corrosion-search .corrosion-search-wrapper .corrosion-no-result-found {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.6;
  margin: 0;
  color: #333333;
}
.page__corrosion-search .corrosion-search-wrapper .search-material-label {
  position: absolute;
  top: 11px;
  font-size: 15px;
  font-size: 1.5rem;
  color: #555555;
}
.page__corrosion-search .corrosion-search-wrapper .search-environment-label {
  position: absolute;
  top: 69px;
  font-size: 15px;
  font-size: 1.5rem;
  color: #555555;
}
.page__corrosion-search .corrosion-search-wrapper .function-bar {
  float: none;
  background: none;
  border: none;
  line-height: 1.6;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .page__corrosion-search .corrosion-search-wrapper .function-bar {
    /* MQ Smartphone only */
    float: right;
    padding: 0;
    clear: both;
    display: block;
    margin-bottom: 15px;
    width: 100%;
  }
}
.page__corrosion-search .corrosion-search-wrapper .function-bar .dwnld_CSVfile {
  line-height: 1.6;
  text-decoration: none;
  font-size: 1.3rem;
  margin: 5px 0 0 0;
  display: inline-block;
}
.page__corrosion-search .corrosion-search-wrapper .function-bar span.pagination__page-nr {
  margin: 2px 20px;
}
.page__corrosion-search .corrosion-search-wrapper .function-bar a.prev, .page__corrosion-search .corrosion-search-wrapper .function-bar a.next, .page__corrosion-search .corrosion-search-wrapper .function-bar span.prev, .page__corrosion-search .corrosion-search-wrapper .function-bar span.next {
  background: #ffffff;
  color: #666666;
  padding: 5px;
  float: none;
  text-decoration: none;
  font-size: 2rem;
  font-weight: normal;
  margin: 5;
  border: 1px solid #ffffff;
}
.page__corrosion-search .corrosion-search-wrapper .function-bar span.prev, .page__corrosion-search .corrosion-search-wrapper .function-bar span.next {
  border: none;
  cursor: text;
}
.page__corrosion-search .corrosion-search-wrapper .corrosion-search {
  width: 100%;
  height: auto;
  position: relative;
  border: 1px solid #bcbcbc;
}
@media screen and (min-width: 1280px) {
  .page__corrosion-search .corrosion-search-wrapper .corrosion-search {
    /* MQ Widescreen */
    width: 60%;
  }
}
.page__corrosion-search .corrosion-search-wrapper .corrosion-search .text {
  height: 33px;
  padding: 5px 5px 5px 5px;
  width: 100%;
  font-weight: 200;
}
.page__corrosion-search .corrosion-search-wrapper .corrosion-search .text:focus {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  border-color: #02548a;
  outline: none;
}
.page__corrosion-search .corrosion-search-wrapper .corrosion-search input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0px 1000px #d8d8d8 inset;
}
.page__corrosion-search .corrosion-search-wrapper .corrosion-search .search-submit {
  position: absolute;
  background: transparent url("images/springer-sprite.png") 0 -662px no-repeat;
  border: none;
  top: 0;
  height: 38px;
  width: 42px;
  right: 0;
  outline: none;
}
.page__corrosion-search .corrosion-search-wrapper .search-selection {
  margin: 5px 0 0 0;
  font-size: 1.6rem;
  display: inline-block;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .page__corrosion-search .corrosion-search-wrapper .search-selection {
    /* MQ Smartphone only */
    margin-top: 10px;
  }
}
.page__corrosion-search .corrosion-search-wrapper .search-selection .corrosion-search__value {
  cursor: auto;
  display: inline-block;
  color: #676767;
  margin: 0 5px 0 10px;
  line-height: 2;
  font-size: 1.4rem;
}
.page__corrosion-search .corrosion-search-wrapper .search-selection .corrosion-search__value a.closeButton {
  text-decoration: none;
  margin: 0 5px;
  color: #ee7d11;
  font-size: 1.3rem;
  background: url("images/remove-icon-facet.png") no-repeat right 5px;
  position: relative;
  padding-right: 19px;
  display: inline-block;
}
.page__corrosion-search .corrosion-search-wrapper .search-selection .corrosion-search__value a.closeButton:hover {
  background: url("images/remove-icon-facet-hover.png") no-repeat right 5px;
}
.page__corrosion-search .corrosion-search-wrapper .search-selection .corrosion-search__value a.closeButton:after {
  text-decoration: none;
  color: #676767;
  font-weight: bold;
}
.page__corrosion-search .corrosion-search-wrapper .default-table {
  width: 100%;
  margin: 20px 0;
}
.page__corrosion-search .corrosion-search-wrapper .default-table table {
  border-collapse: separate;
  border-spacing: 0;
  font-size: 1.4rem;
  position: relative;
}
.page__corrosion-search .corrosion-search-wrapper .default-table table tr.data_table_shadow {
  background: none;
}
.page__corrosion-search .corrosion-search-wrapper .default-table table tr.main td span, .page__corrosion-search .corrosion-search-wrapper .default-table table tr.details-wrapper td span {
  color: #666666;
  font-size: 1.4rem;
  line-height: 2.3rem;
}
.page__corrosion-search .corrosion-search-wrapper .default-table table tr.main td span.row1, .page__corrosion-search .corrosion-search-wrapper .default-table table tr.details-wrapper td span.row1 {
  display: block;
  color: #999999;
}
.page__corrosion-search .corrosion-search-wrapper .default-table table tr.main td span.row1 .same_rate, .page__corrosion-search .corrosion-search-wrapper .default-table table tr.main td span.row1 .min_rate, .page__corrosion-search .corrosion-search-wrapper .default-table table tr.main td span.row1 .max_rate, .page__corrosion-search .corrosion-search-wrapper .default-table table tr.details-wrapper td span.row1 .same_rate, .page__corrosion-search .corrosion-search-wrapper .default-table table tr.details-wrapper td span.row1 .min_rate, .page__corrosion-search .corrosion-search-wrapper .default-table table tr.details-wrapper td span.row1 .max_rate {
  color: #999999;
}
.page__corrosion-search .corrosion-search-wrapper .default-table table tr.main td span.row2, .page__corrosion-search .corrosion-search-wrapper .default-table table tr.details-wrapper td span.row2 {
  display: inline-block;
}
.page__corrosion-search .corrosion-search-wrapper .default-table table tr.details-wrapper td {
  padding: 0px;
}
.page__corrosion-search .corrosion-search-wrapper .default-table table tr.details-wrapper td table#inner-table {
  background: #fdecdd;
  padding: 0 0 8px 0;
}
.page__corrosion-search .corrosion-search-wrapper .default-table table tr.details-wrapper td table#inner-table tr.inner-tr td.col4 {
  display: none;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .page__corrosion-search .corrosion-search-wrapper .default-table table tr.details-wrapper td table#inner-table tr td.uns_no {
    /* MQ Smartphone only */
    padding-top: 0;
  }
}
.page__corrosion-search .corrosion-search-wrapper .default-table table tr.details-wrapper td table#inner-table tr td {
  border-bottom: none !important;
  color: #333333;
  padding: 15px;
  line-height: 1.1;
  font-family: helvetica;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .page__corrosion-search .corrosion-search-wrapper .default-table table tr.details-wrapper td table#inner-table tr td {
    /* MQ Smartphone only */
    display: block;
    width: 96%;
  }
}
@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (orientation: portrait) {
  .page__corrosion-search .corrosion-search-wrapper .default-table table tr.details-wrapper td table#inner-table tr td {
    display: block;
    width: 93%;
  }
}
.page__corrosion-search .corrosion-search-wrapper .default-table table th {
  border-style: solid;
  border-right-width: 1px;
  border-color: #d8d8d8;
  background: #727272;
  color: #f8f8f8;
  line-height: 1.2;
  font-weight: normal;
  padding: 14px 12px;
  box-shadow: none;
  cursor: pointer;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .page__corrosion-search .corrosion-search-wrapper .default-table table th {
    /* MQ Smartphone only */
    padding: 14px 5px;
  }
}
.page__corrosion-search .corrosion-search-wrapper .default-table table th a {
  font-weight: normal !important;
  text-decoration: none;
  color: #fdeecd;
}
.page__corrosion-search .corrosion-search-wrapper .default-table table th a.show-all-links {
  display: block;
}
.page__corrosion-search .corrosion-search-wrapper .default-table table th a.hide-all-links {
  display: none;
}
.page__corrosion-search .corrosion-search-wrapper .default-table table th a.sorting {
  border: 6px solid transparent;
  border-top-width: 0;
  border-bottom: 6px solid #d8d8d8;
  width: 0;
  height: 0;
  display: block;
  float: right;
  position: relative;
  top: 6px;
  right: 0;
}
.page__corrosion-search .corrosion-search-wrapper .default-table table th a.sort-descending {
  border: 6px solid transparent;
  border-bottom-width: 0;
  border-top: 6px solid #d8d8d8;
  width: 0;
  height: 0;
}
.page__corrosion-search .corrosion-search-wrapper .default-table table td {
  border: none;
  color: #666666;
  line-height: 1.3;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .page__corrosion-search .corrosion-search-wrapper .default-table table td a.show-link {
    /* MQ Smartphone only */
    display: none;
  }
}
.page__corrosion-search .corrosion-search-wrapper .default-table table td a.show-link, .page__corrosion-search .corrosion-search-wrapper .default-table table td a.hide-link {
  float: right;
  text-decoration: none;
}
.page__corrosion-search .corrosion-search-wrapper .default-table table td span {
  color: #999999;
}
.page__corrosion-search .corrosion-search-wrapper .default-table table td.mob-showdetails a.show-link {
  display: none;
}
@media screen and (min-width: 768px) {
  .page__corrosion-search .corrosion-search-wrapper .default-table table td.mob-showdetails a.show-link {
    /* MQ Tablet */
    display: none;
  }
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .page__corrosion-search .corrosion-search-wrapper .default-table table td.mob-showdetails a.show-link {
    /* MQ Smartphone only */
    display: block;
  }
}
.page__corrosion-search .corrosion-search-wrapper .default-table table td.showHide-link-column {
  vertical-align: bottom;
}
.page__corrosion-search .corrosion-search-wrapper .default-table table .col1 {
  width: 25%;
}
.page__corrosion-search .corrosion-search-wrapper .default-table table .col2 {
  width: 25%;
}
.page__corrosion-search .corrosion-search-wrapper .default-table table .col3 {
  width: 25%;
}
.page__corrosion-search .corrosion-search-wrapper .default-table table .col4 {
  width: 25%;
  text-align: right;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .page__corrosion-search .corrosion-search-wrapper .default-table table .col4 {
    /* MQ Smartphone only */
    display: none;
  }
}
.page__corrosion-search .corrosion-search-wrapper .function-bar--top, .page__corrosion-search .corrosion-search-wrapper .function-bar--bottom {
  width: 98%;
}
.page__corrosion-search .corrosion-search-wrapper .function-bar__pagination {
  float: right;
}
.page__corrosion-search .corrosion-search-wrapper .function-bar__pagination .prev {
  margin-right: 0;
}
.page__corrosion-search .corrosion-search-wrapper .function-bar__pagination .pagination__page-nr {
  float: none;
}
.page__corrosion-search .document__section {
  margin: 90px 0 0 25px;
  clear: both;
  display: block;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .page__corrosion-search .document__section {
    /* MQ Smartphone only */
    margin-left: 5px;
  }
}
.page__corrosion-search .document__section .additional-content__about .data-list__item--title:last-child {
  border-bottom: none;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .page__corrosion-search .document__section .additional-content__about .data-list__item--title:last-child {
    /* MQ Smartphone only */
    border-bottom: 1px solid #dcdcdc;
  }
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .page__corrosion-search .document__section .additional-content__about .data-list {
    /* MQ Smartphone only */
    margin-bottom: 0;
  }
}
.page__corrosion-search .document__section .additional-content__about #credits .data-list__item--title:last-child {
  border-bottom: none;
}

td.showdetails a.show-link, td.mob-showdetails a.show-link {
  position: relative;
  background: url("images/more_details.svg") no-repeat 1px 4px;
  padding: 0 0 0 15px;
}

td.showHide-link-column a.hide-link {
  position: relative;
  background: url("images/less_details.svg") no-repeat 1px 4px;
  padding: 0 0 0 17px;
}

table#data-table-corrosion tbody:before {
  content: "-";
  display: block;
  line-height: 1em;
  color: transparent;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  table#data-table-corrosion td:nth-of-type(4) {
    /* MQ Smartphone only */
    display: none;
  }
}

#corrosion-search {
  position: static;
}
#corrosion-search.corrosion-has-focus .corrosion-search { /* this selector needed for :focus styles, class applied with JS */
  border-color: #069;
  -webkit-box-shadow: 0 0 3px #069;
  -moz-box-shadow: 0 0 3px #069;
  box-shadow: 0 0 3px #069;
  outline: none;
}

table#data-table-corrosion tbody tr:nth-child(4n+1) {
  background: #F2F2F2;
}
table#data-table-corrosion tbody tr.inner-tr {
  background: #fdecdd;
}

.orange {
  background: #fef5ed !important;
}

#corrosionSearchInput {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#searchInputWrapper {
  position: relative;
}

input#corrosionSearchInput::placeholder {
  color: #666666;
}

.tooltip__content span.internal {
  display: block;
}

.tooltip---graph {
  background: #F9F9F9;
  padding: 15px;
  border: 1px solid #BCBCBC;
  border-radius: 2px;
  margin-left: -25px;
  margin-top: -5px;
  position: relative;
  z-index: 999;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .tooltip---graph {
    /* MQ Smartphone only */
    max-width: 160px;
    overflow: scroll;
  }
}
.tooltip---graph li.tooltip---key {
  margin-top: 12px;
  font-weight: 600;
}
.tooltip---graph li.tooltip---key:first-child, .tooltip---graph .phase-diagram-layout .col-aside .readings-list .document__abstract-actions li.tooltip---key.action--icon-download:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .tooltip---graph li.tooltip---key.action--icon-download:nth-child(2) {
  margin: 0;
}
.tooltip---graph li.tooltip---close {
  position: absolute;
  right: 5px;
  top: 5px;
  cursor: pointer;
  width: 12px;
  height: 12px;
}
.tooltip---graph li.tooltip---close:after, .tooltip---graph li.tooltip---close:before {
  position: absolute;
  left: 5px;
  content: "";
  height: 10px;
  width: 2px;
  background-color: #666;
}
.tooltip---graph li.tooltip---close:before {
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45px);
  transform: rotate(45deg);
}
.tooltip---graph li.tooltip---close:after {
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45px);
  transform: rotate(-45deg);
}

.interactive-page {
  color: #333333;
}
.interactive-page .google-visualization-tooltip {
  border: 0 none;
  border-radius: 0;
  background-color: transparent;
  box-shadow: none;
  font-size: inherit;
  padding: 0;
}
.interactive-page .interactive-link {
  margin-bottom: 15px;
  display: block;
}
.interactive-page .interactive-link a {
  text-decoration: underline;
}
.interactive-page .error {
  width: 100%;
  padding: 3px 20px;
  text-align: center;
}
.interactive-page .margin-5 {
  margin-top: 5px;
}
.interactive-page .range__field input[type=text] {
  font-weight: 600;
  color: #11314F;
  width: 60px;
}
.interactive-page .heading-color, .interactive-page .document__title {
  color: #11314F;
}
.interactive-page .text-color {
  color: #333333;
}
.interactive-page .normal-text {
  font-weight: 400;
  font-size: 10px;
  font-size: 1rem;
}
@media screen and (min-width: 768px) {
  .interactive-page .normal-text {
    /* MQ Tablet */
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.interactive-page .document__title {
  margin-bottom: 15px;
  line-height: 34px;
}
.interactive-page .lb-digital__table-wrapper {
  width: 100%;
  overflow-x: auto;
  margin-bottom: 12px;
}
.interactive-page .lb_digital_chart-wrap {
  position: relative;
  padding-bottom: 70%;
  height: 0;
  /*overflow:hidden;*/
  margin-top: 25px;
}
.interactive-page .overlay-container {
  width: 100%;
  height: 100%;
}
.interactive-page #lb_digital_chart {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.interactive-page #resultCount {
  font-weight: 600;
  padding: 10px 0;
  display: block;
}
.interactive-page #lb-digital__table .data_table_shadow {
  background: none;
}
.interactive-page #lb-digital__table table {
  font-size: 14px;
  font-size: 1.4rem;
  width: 100%;
}
.interactive-page #lb-digital__table table thead tr th {
  background: #727272;
  color: #ffffff;
  padding: 10px 30px 15px 10px;
  text-align: left;
  border-left: 0px solid #d3d3d3;
  vertical-align: top;
}
.interactive-page #lb-digital__table table thead tr th.sorting_asc {
  position: relative;
  cursor: pointer;
}
.interactive-page #lb-digital__table table thead tr th.sorting_asc:after {
  content: "";
  height: 15px;
  width: 15px;
  border: 6px solid transparent;
  border-top-width: 0;
  border-bottom: 6px solid #d8d8d8;
  width: 0;
  height: 0;
  display: block;
  float: right;
  position: absolute;
  top: 48%;
  right: 15px;
  cursor: pointer;
}
.interactive-page #lb-digital__table table thead tr th.sorting_desc {
  position: relative;
  cursor: pointer;
}
.interactive-page #lb-digital__table table thead tr th.sorting_desc:after {
  content: "";
  height: 15px;
  width: 15px;
  border: 6px solid transparent;
  border-bottom-width: 0;
  border-top: 6px solid #d8d8d8;
  width: 0;
  height: 0;
  display: block;
  float: right;
  position: absolute;
  top: 48%;
  cursor: pointer;
  right: 5px;
}
.interactive-page #lb-digital__table table thead tr th span {
  display: block;
  line-height: 1.5em;
  font-weight: 400;
}
.interactive-page #lb-digital__table table thead tr th span:first-child, .interactive-page #lb-digital__table table thead tr th .phase-diagram-layout .col-aside .readings-list .document__abstract-actions span.action--icon-download:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .interactive-page #lb-digital__table table thead tr th span.action--icon-download:nth-child(2) {
  font-weight: 600;
  display: inline;
}
.interactive-page #lb-digital__table table thead tr th[data-sortable=true] {
  cursor: pointer;
}
.interactive-page #lb-digital__table table thead tr th[data-sortable=true] span:first-child, .interactive-page #lb-digital__table table thead tr th[data-sortable=true] .phase-diagram-layout .col-aside .readings-list .document__abstract-actions span.action--icon-download:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .interactive-page #lb-digital__table table thead tr th[data-sortable=true] span.action--icon-download:nth-child(2) {
  border-bottom: 1px dashed #979797;
}
.interactive-page #lb-digital__table table tbody tr td {
  padding: 10px;
  text-align: left;
  border-left: 0px solid #d3d3d3;
  color: #333333;
  vertical-align: top;
}
.interactive-page #lb-digital__table table tbody tr td:first-child, .interactive-page #lb-digital__table table tbody tr .phase-diagram-layout .col-aside .readings-list .document__abstract-actions td.action--icon-download:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .interactive-page #lb-digital__table table tbody tr td.action--icon-download:nth-child(2) {
  border: 0 none;
}
.interactive-page #lb-digital__table table tbody tr td .dummy-comment-data {
  display: none;
}
.interactive-page #lb-digital__table table tbody tr td .show-comment {
  display: block;
  position: relative;
  min-height: 10px;
  min-width: 10px;
}
.interactive-page #lb-digital__table table tbody tr td .show-comment:before {
  background: url("images/table-comment-icon.svg") no-repeat 0 0;
  width: 20px;
  height: 27px;
  content: " ";
  position: absolute;
  left: 15px;
  top: 2px;
}
.interactive-page #lb-digital__table table tbody tr td .show-comment:after {
  background: url("images/digital-table-arrow.svg") no-repeat -17px 0;
  width: 16px;
  height: 8px;
  content: " ";
  position: absolute;
  right: 10px;
  top: 8px;
}
.interactive-page #lb-digital__table table tbody tr td .show-comment:hover, .interactive-page #lb-digital__table table tbody tr td .show-comment:focus, .interactive-page #lb-digital__table table tbody tr td .show-comment:active {
  text-decoration: none;
}
.interactive-page #lb-digital__table table tbody tr td .no-value {
  padding-left: 22px;
}
.interactive-page #lb-digital__table table tbody tr td.open {
  padding: 2px 2px 0 2px;
  vertical-align: bottom;
  position: relative;
}
.interactive-page #lb-digital__table table tbody tr td.open .show-comment {
  background: #EFF6FA;
  border: 1px dotted #0176C3;
  border-radius: 3px 3px 0 0;
  padding: 8px 9px;
  width: 100%;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 1px;
  left: 0;
  border-bottom: 0;
  height: 100%;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .interactive-page #lb-digital__table table tbody tr td.open .show-comment {
    background: #EFF6FA;
    padding: 18px 9px;
    top: 2px;
  }
}
@media screen and (max-width:532px) {
  .interactive-page #lb-digital__table table tbody tr td.open .show-comment {
    /* MQ Break point */
    top: 2px;
  }
}
.interactive-page #lb-digital__table table tbody tr td.open .show-comment:before {
  left: 24px;
  top: 10px;
}
.interactive-page #lb-digital__table table tbody tr td.open .show-comment:after {
  background: url("images/digital-table-arrow.svg") no-repeat 0 0;
  width: 16px;
  height: 8px;
  content: " ";
  position: absolute;
  right: 21px;
  top: 15px;
}
.interactive-page #lb-digital__table table tbody tr.odd {
  background: #ffffff;
}
.interactive-page #lb-digital__table table tbody tr.even {
  background: #f2f2f2;
}
.interactive-page #lb-digital__table table tbody tr.selected {
  background: rgba(242, 201, 76, 0.21);
}
.interactive-page #lb-digital__table table tbody tr.comment-row td {
  padding: 0;
}
.interactive-page #lb-digital__table table tbody tr.comment-row .comment-data {
  background: #EFF6FA;
  border: 1px dotted #0176C3;
  border-radius: 3px;
  padding: 15px 10px;
}
.interactive-page #lb-digital__table .dataTables_empty {
  display: none;
}
.interactive-page .search-selection {
  margin: 5px 0 0 0;
  font-size: 1.6rem;
  display: inline-block;
}
.interactive-page .overlay-marker-x-min, .interactive-page .overlay-marker-x-max, .interactive-page .overlay-marker-y-min, .interactive-page .overlay-marker-y-max {
  width: 1px;
  height: 1px;
  position: absolute;
  top: 0; /* chartArea top */
  left: 0; /* chartArea left */
  background-color: rgba(227, 227, 227, 0.8);
}
.interactive-page .table-top-arrow {
  width: 28px;
  height: 65px;
  z-index: 99999;
  bottom: 60px;
  right: 0;
  position: fixed;
  padding: 0 20px;
  display: none;
}
.interactive-page .table-top-arrow.active {
  display: block;
}
.interactive-page .table-top-arrow a {
  padding-bottom: 30px;
  color: #727272;
  font-size: 10px;
  font-size: 1rem;
  position: relative;
  text-align: center;
  display: block;
  text-decoration: none;
  opacity: 0.7;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
.interactive-page .table-top-arrow a:after {
  position: absolute;
  bottom: 3px;
  content: "";
  background: url("images/data-table-icons.svg") no-repeat 0 0;
  width: 25px;
  height: 25px;
  left: 1px;
}
.interactive-page .table-top-arrow a:hover {
  text-decoration: none;
  opacity: 1;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
.interactive-page .unauthorized-table #lb-digital__table table tbody tr td {
  padding: 10px 0 0 0;
}
.interactive-page .unauthorized-table #lb-digital__table table tbody tr .paid-content ul li {
  padding: 8px 0;
}
.interactive-page .unauthorized-plot .paid-content {
  height: 360px;
  background: #edf5fb url("images/unauthorized-graph-icon.svg") no-repeat 94% 55px;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .interactive-page .unauthorized-plot {
    /* MQ Smartphone only */
    position: relative;
    padding-bottom: 0;
    height: auto;
    overflow: initial;
  }
}
.interactive-page #dropdown {
  position: absolute;
  z-index: 99;
  height: 10px;
  width: 10px;
}
.interactive-page #dropdown .drop-btn {
  min-height: 10px;
  min-width: 10px;
  display: block;
}
.interactive-page #dropdown .drop-btn:after {
  content: "";
  height: 15px;
  width: 15px;
  border: 6px solid transparent;
  border-bottom-width: 0;
  border-top: 6px solid #666;
  width: 0;
  height: 0;
  display: block;
  float: right;
  position: absolute;
  top: 6px;
  cursor: pointer;
  right: -6px;
}
.interactive-page #dropdown .drop-list {
  margin: 0;
  background: #F9F9F9;
  padding: 0px;
  border: 1px solid #BCBCBC;
  border-radius: 2px;
  position: absolute;
  min-width: 180px;
  right: -6px;
  top: 20px;
}
.interactive-page #dropdown .drop-list.hidden {
  display: none;
}
.interactive-page #dropdown .drop-list li {
  margin: 0;
  padding: 0;
}
.interactive-page #dropdown .drop-list li:hover, .interactive-page #dropdown .drop-list li:focus {
  background: #eee;
  cursor: pointer;
}
.interactive-page #dropdown .drop-list li a {
  color: #333;
  text-decoration: none;
  display: block;
  line-height: 1.1;
  padding: 10px 15px;
}
.interactive-page #dropdown .drop-list li:first-child, .interactive-page #dropdown .drop-list .phase-diagram-layout .col-aside .readings-list .document__abstract-actions li.action--icon-download:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .interactive-page #dropdown .drop-list li.action--icon-download:nth-child(2) {
  border: none;
}
.interactive-page #dropdown .drop-list li .drop-unit {
  font-style: italic;
}

.section__about-this {
  margin-top: 35px;
}
.section__about-this h2 {
  margin-bottom: 20px;
}
.section__about-this p.divider {
  line-height: 30px;
}

.help-content {
  padding: 10px 0;
}
.help-content a {
  text-decoration: underline;
}

.lb_digital-content {
  margin-bottom: 30px;
}

.semicon-table-results .accordion__bd {
  margin-top: 0;
}
.semicon-table-results .paid-content {
  margin-top: -27px;
}

.comparison-box .no-results {
  padding: 10px 14px;
  margin: 0;
  overflow-wrap: break-word;
  word-break: break-all;
}
.comparison-box .ui-autocomplete {
  width: 100% !important;
}

.sm-details .section-details {
  margin-top: 25px;
  position: relative;
}

.interactive-page .semicon_detailed_page {
  padding-bottom: 25px;
}
@media screen and (min-width:310px) {
  .interactive-page .semicon_detailed_page .interactive-link {
    /* MQ Break point */
    float: right;
    display: inline-block;
  }
}
.interactive-page .semicon_detailed_page.sm-details {
  width: 100%;
}
.interactive-page .semicon_detailed_page #comparison-section .tags {
  margin-bottom: 25px;
}
.interactive-page .semicon_detailed_page #comparison-section .tags p {
  margin: 5px 15px 0 0;
  padding: 9px 26px 9px 10px;
  text-align: left;
  border-radius: 2px;
  border: solid 1px #bcbcbc;
  position: relative;
  float: left;
}
.interactive-page .semicon_detailed_page #comparison-section .tags p.error {
  font-style: italic;
  color: #ff0000;
}
.interactive-page .semicon_detailed_page #comparison-section .tags a {
  position: absolute;
  right: 7px;
  color: #666;
  font-size: 14px;
  top: calc(50% - 7px);
  visibility: hidden;
  line-height: 100%;
  width: 20px;
}
.interactive-page .semicon_detailed_page #comparison-section .tags a:before {
  visibility: visible;
}
.interactive-page .semicon_detailed_page #comparison-section .tags a:hover {
  text-decoration: none;
}
.interactive-page .semicon_detailed_page #comparison-section .no-results {
  padding-left: 8px;
  padding-right: 8px;
}
.interactive-page .semicon_detailed_page #comparison-section .field-autosuggest {
  position: relative;
  padding: 0;
  margin-bottom: 25px;
}
.interactive-page .semicon_detailed_page #comparison-section .field-autosuggest .sm-autosuggest {
  width: 100%;
  padding: 10px 24px 10px 10px;
  font-weight: 400;
  border: solid 2px #dadada;
  background: #fafafa;
  border-radius: 0;
}
.interactive-page .semicon_detailed_page #comparison-section .field-autosuggest .sm-autosuggest:focus, .interactive-page .semicon_detailed_page #comparison-section .field-autosuggest .sm-autosuggest:active {
  border: solid 2px #bcbcbc;
  background: #fff;
  outline: none;
  box-shadow: none;
}
.interactive-page .semicon_detailed_page #comparison-section .field-autosuggest a.btn-compare {
  width: 24px;
  height: 28px;
  display: inline-block;
  position: absolute;
  right: 0;
  color: #333;
  line-height: 28px;
  font-size: 14px;
  font-size: 1.4rem;
  top: 6px;
}
.interactive-page .semicon_detailed_page #comparison-section .field-autosuggest a.btn-compare:hover, .interactive-page .semicon_detailed_page #comparison-section .field-autosuggest a.btn-compare:focus, .interactive-page .semicon_detailed_page #comparison-section .field-autosuggest a.btn-compare:active {
  text-decoration: none;
  outline: none;
}
@media screen and (min-width: 1280px) {
  .interactive-page .semicon_detailed_page #comparison-section .field-autosuggest {
    /* MQ Widescreen */
    max-width: 50%;
  }
}
.interactive-page .semicon_detailed_page .actions-placeholder {
  margin-top: 25px;
}
.interactive-page .semicon_detailed_page .section__cite-this {
  margin-top: 0;
}
.interactive-page .semicon_detailed_page .section__cite-this h2 {
  margin-bottom: 20px;
}
.interactive-page .semicon_detailed_page #settings {
  font-size: 17px;
}
.interactive-page .semicon_detailed_page #chartSettings {
  background: #F7F7F7;
  padding: 12px;
  right: 10px;
  width: 200px;
  position: absolute;
  z-index: 99999;
  top: 54px;
  border: 1px solid #979797;
  display: none;
}
.interactive-page .semicon_detailed_page #chartSettings.active {
  display: block;
}
.interactive-page .semicon_detailed_page #chartSettings .action-item {
  font-size: 12px;
  font-size: 1.2rem;
  display: block;
  margin: 7px 2px 7px 0;
}
.interactive-page .semicon_detailed_page #chartSettings .action-item input {
  position: relative;
  top: 2px;
}
.interactive-page .semicon_detailed_page #chartSettings .action-item label {
  margin-left: 7px;
}

.c-pdf-download {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 24px;
}
@media screen and (min-width: 1280px) {
  .c-pdf-download {
    /* MQ Widescreen */
    max-width: 31.2%;
  }
}

.c-pdf-download__link, .cta-btn {
  justify-content: space-between;
  color: #fff;
  background: #3365a0;
  border: 1px solid transparent;
  border-radius: 2px;
  text-decoration: none;
  font-size: 1.6rem;
  line-height: 1.3;
  padding: 13px 24px;
  display: inline-block;
  min-width: 150px;
}
.c-pdf-download__link:hover, .c-pdf-download__link:active, .c-pdf-download__link:focus, .cta-btn:hover, .cta-btn:active, .cta-btn:focus {
  color: #fff;
  background: #0059c9;
  text-decoration: none;
}
.c-pdf-download__link:hover.unauthorized, .c-pdf-download__link:active.unauthorized, .c-pdf-download__link:focus.unauthorized, .cta-btn:hover.unauthorized, .cta-btn:active.unauthorized, .cta-btn:focus.unauthorized {
  opacity: 0.5;
  cursor: not-allowed;
}
.c-pdf-download__link.unauthorized, .cta-btn.unauthorized {
  opacity: 0.5;
  cursor: not-allowed;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .c-pdf-download__link, .cta-btn {
    /* MQ Smartphone only */
    width: 100%;
  }
  .c-pdf-download__link .u-icon, .cta-btn .u-icon {
    float: right;
  }
}

.u-icon {
  fill: currentColor;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
  display: inline-block;
  vertical-align: text-top;
  margin-left: 15px;
}

.u-hide {
  display: none;
  visibility: hidden;
}

.sm__interactive-overview, .sm__interactive-table-results {
  color: #333333;
}
.sm__interactive-overview .accordion .accordion__hd, .sm__interactive-table-results .accordion .accordion__hd {
  line-height: 30px;
}
.sm__interactive-overview .accordion:first-child, .sm__interactive-overview .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .accordion.action--icon-download:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .sm__interactive-overview .accordion.action--icon-download:nth-child(2), .sm__interactive-table-results .accordion:first-child, .sm__interactive-table-results .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .accordion.action--icon-download:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .sm__interactive-table-results .accordion.action--icon-download:nth-child(2) {
  margin-top: 0;
}
.sm__interactive-overview .accordion h3.result-count, .sm__interactive-table-results .accordion h3.result-count {
  font-weight: 600;
  margin-bottom: 20px;
}
.sm__interactive-overview .sm__interactive-table-wrapper, .sm__interactive-overview .lb-digital__table-wrapper, .sm__interactive-table-results .sm__interactive-table-wrapper, .sm__interactive-table-results .lb-digital__table-wrapper {
  width: 100%;
  overflow-x: auto;
}
.sm__interactive-overview .sm__interactive-table table, .sm__interactive-overview .lb__digital-table table, .sm__interactive-table-results .sm__interactive-table table, .sm__interactive-table-results .lb__digital-table table {
  width: 100%;
  border-collapse: collapse;
}
.sm__interactive-overview .sm__interactive-table thead tr, .sm__interactive-overview .lb__digital-table thead tr, .sm__interactive-table-results .sm__interactive-table thead tr, .sm__interactive-table-results .lb__digital-table thead tr {
  background: #727272;
}
.sm__interactive-overview .sm__interactive-table thead th, .sm__interactive-overview .lb__digital-table thead th, .sm__interactive-table-results .sm__interactive-table thead th, .sm__interactive-table-results .lb__digital-table thead th {
  background: #727272;
  color: #fff;
  padding: 7px 10px;
  text-align: left;
  border-left: 1px solid #8F8F8F;
  border-bottom: 1px solid #8F8F8F;
  vertical-align: top;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 600;
}
.sm__interactive-overview .sm__interactive-table thead th.text-center, .sm__interactive-overview .lb__digital-table thead th.text-center, .sm__interactive-table-results .sm__interactive-table thead th.text-center, .sm__interactive-table-results .lb__digital-table thead th.text-center {
  text-align: center;
}
.sm__interactive-overview .sm__interactive-table thead th.text-vertically-middle, .sm__interactive-overview .lb__digital-table thead th.text-vertically-middle, .sm__interactive-table-results .sm__interactive-table thead th.text-vertically-middle, .sm__interactive-table-results .lb__digital-table thead th.text-vertically-middle {
  vertical-align: middle;
}
.sm__interactive-overview .sm__interactive-table tbody tr td, .sm__interactive-overview .lb__digital-table tbody tr td, .sm__interactive-table-results .sm__interactive-table tbody tr td, .sm__interactive-table-results .lb__digital-table tbody tr td {
  text-align: left;
  border-left: 0 none;
  vertical-align: top;
}
.sm__interactive-overview .sm__interactive-table tbody tr td.text-center, .sm__interactive-overview .lb__digital-table tbody tr td.text-center, .sm__interactive-table-results .sm__interactive-table tbody tr td.text-center, .sm__interactive-table-results .lb__digital-table tbody tr td.text-center {
  text-align: center;
}
.sm__interactive-overview .sm__interactive-table tbody tr td.text-vertically-middle, .sm__interactive-overview .lb__digital-table tbody tr td.text-vertically-middle, .sm__interactive-table-results .sm__interactive-table tbody tr td.text-vertically-middle, .sm__interactive-table-results .lb__digital-table tbody tr td.text-vertically-middle {
  vertical-align: middle;
}
.sm__interactive-overview .sm__interactive-table tbody tr td > a, .sm__interactive-overview .lb__digital-table tbody tr td > a, .sm__interactive-table-results .sm__interactive-table tbody tr td > a, .sm__interactive-table-results .lb__digital-table tbody tr td > a {
  color: #333333;
  text-decoration: none;
  padding: 12px 10px;
  display: block;
  cursor: pointer;
  font-size: 14px;
  font-size: 1.4rem;
}
.sm__interactive-overview .sm__interactive-table tbody tr td > a:hover, .sm__interactive-overview .lb__digital-table tbody tr td > a:hover, .sm__interactive-table-results .sm__interactive-table tbody tr td > a:hover, .sm__interactive-table-results .lb__digital-table tbody tr td > a:hover {
  text-decoration: none;
}
.sm__interactive-overview .sm__interactive-table tbody tr td > a.view-links, .sm__interactive-overview .lb__digital-table tbody tr td > a.view-links, .sm__interactive-table-results .sm__interactive-table tbody tr td > a.view-links, .sm__interactive-table-results .lb__digital-table tbody tr td > a.view-links {
  color: #0176C3;
}
.sm__interactive-overview .sm__interactive-table tbody tr td > a.view-links:hover, .sm__interactive-overview .lb__digital-table tbody tr td > a.view-links:hover, .sm__interactive-table-results .sm__interactive-table tbody tr td > a.view-links:hover, .sm__interactive-table-results .lb__digital-table tbody tr td > a.view-links:hover {
  color: #0176C3;
}
.sm__interactive-overview .sm__interactive-table tbody tr td:last-child > a, .sm__interactive-overview .lb__digital-table tbody tr td:last-child > a, .sm__interactive-table-results .sm__interactive-table tbody tr td:last-child > a, .sm__interactive-table-results .lb__digital-table tbody tr td:last-child > a {
  color: #0176C3;
  text-align: center;
}
.sm__interactive-overview .sm__interactive-table tbody tr td:last-child > a:hover, .sm__interactive-overview .lb__digital-table tbody tr td:last-child > a:hover, .sm__interactive-table-results .sm__interactive-table tbody tr td:last-child > a:hover, .sm__interactive-table-results .lb__digital-table tbody tr td:last-child > a:hover {
  color: #0176C3;
}
.sm__interactive-overview .sm__interactive-table tbody tr.odd, .sm__interactive-overview .lb__digital-table tbody tr.odd, .sm__interactive-table-results .sm__interactive-table tbody tr.odd, .sm__interactive-table-results .lb__digital-table tbody tr.odd {
  background: #ffffff;
}
.sm__interactive-overview .sm__interactive-table tbody tr.even, .sm__interactive-overview .lb__digital-table tbody tr.even, .sm__interactive-table-results .sm__interactive-table tbody tr.even, .sm__interactive-table-results .lb__digital-table tbody tr.even {
  background: #f2f2f2;
}
.sm__interactive-overview .sm__interactive-table tbody tr:hover, .sm__interactive-overview .lb__digital-table tbody tr:hover, .sm__interactive-table-results .sm__interactive-table tbody tr:hover, .sm__interactive-table-results .lb__digital-table tbody tr:hover {
  background: #DBE8F9;
}
.sm__interactive-overview .sm__interactive-table.sm__interactive-unauthorized-table table, .sm__interactive-overview .sm__interactive-table.sm__interactive-unauthorized-table tbody, .sm__interactive-overview .sm__interactive-table.sm__interactive-unauthorized-table tr, .sm__interactive-overview .sm__interactive-table.sm__interactive-unauthorized-table td, .sm__interactive-overview .lb__digital-table.sm__interactive-unauthorized-table table, .sm__interactive-overview .lb__digital-table.sm__interactive-unauthorized-table tbody, .sm__interactive-overview .lb__digital-table.sm__interactive-unauthorized-table tr, .sm__interactive-overview .lb__digital-table.sm__interactive-unauthorized-table td, .sm__interactive-table-results .sm__interactive-table.sm__interactive-unauthorized-table table, .sm__interactive-table-results .sm__interactive-table.sm__interactive-unauthorized-table tbody, .sm__interactive-table-results .sm__interactive-table.sm__interactive-unauthorized-table tr, .sm__interactive-table-results .sm__interactive-table.sm__interactive-unauthorized-table td, .sm__interactive-table-results .lb__digital-table.sm__interactive-unauthorized-table table, .sm__interactive-table-results .lb__digital-table.sm__interactive-unauthorized-table tbody, .sm__interactive-table-results .lb__digital-table.sm__interactive-unauthorized-table tr, .sm__interactive-table-results .lb__digital-table.sm__interactive-unauthorized-table td {
  padding: 10px 0 0 0;
}
.sm__interactive-overview .sm__interactive-table.sm__interactive-unauthorized-table tbody td > a, .sm__interactive-overview .lb__digital-table.sm__interactive-unauthorized-table tbody td > a, .sm__interactive-table-results .sm__interactive-table.sm__interactive-unauthorized-table tbody td > a, .sm__interactive-table-results .lb__digital-table.sm__interactive-unauthorized-table tbody td > a {
  padding: 0;
  color: #0176c3;
  display: inline;
}
.sm__interactive-overview .sm__interactive-table.sm__interactive-unauthorized-table tbody tr:hover, .sm__interactive-overview .lb__digital-table.sm__interactive-unauthorized-table tbody tr:hover, .sm__interactive-table-results .sm__interactive-table.sm__interactive-unauthorized-table tbody tr:hover, .sm__interactive-table-results .lb__digital-table.sm__interactive-unauthorized-table tbody tr:hover {
  background: #fff;
}
.sm__interactive-overview .sm__interactive-table tr.sm__interactive-unauthorized-tr tr, .sm__interactive-overview .sm__interactive-table tr.sm__interactive-unauthorized-tr td, .sm__interactive-overview .lb__digital-table tr.sm__interactive-unauthorized-tr tr, .sm__interactive-overview .lb__digital-table tr.sm__interactive-unauthorized-tr td, .sm__interactive-table-results .sm__interactive-table tr.sm__interactive-unauthorized-tr tr, .sm__interactive-table-results .sm__interactive-table tr.sm__interactive-unauthorized-tr td, .sm__interactive-table-results .lb__digital-table tr.sm__interactive-unauthorized-tr tr, .sm__interactive-table-results .lb__digital-table tr.sm__interactive-unauthorized-tr td {
  padding: 10px 0 0 0;
}
.sm__interactive-overview .sm__interactive-table tr.sm__interactive-unauthorized-tr td > a, .sm__interactive-overview .lb__digital-table tr.sm__interactive-unauthorized-tr td > a, .sm__interactive-table-results .sm__interactive-table tr.sm__interactive-unauthorized-tr td > a, .sm__interactive-table-results .lb__digital-table tr.sm__interactive-unauthorized-tr td > a {
  padding: 0;
  color: #0176c3;
  display: inline;
}
.sm__interactive-overview .sm__interactive-table tr.sm__interactive-unauthorized-tr:hover, .sm__interactive-overview .lb__digital-table tr.sm__interactive-unauthorized-tr:hover, .sm__interactive-table-results .sm__interactive-table tr.sm__interactive-unauthorized-tr:hover, .sm__interactive-table-results .lb__digital-table tr.sm__interactive-unauthorized-tr:hover {
  background: #fff;
}
.sm__interactive-overview .lb__digital-table tbody tr td, .sm__interactive-table-results .lb__digital-table tbody tr td {
  color: #333333;
  text-decoration: none;
  padding: 12px 10px;
  font-size: 14px;
  font-size: 1.4rem;
}

.page__unsupported-browser {
  position: relative;
}
.page__unsupported-browser .main-header {
  position: relative;
}
.page__unsupported-browser .unsupported_browser-popup-content {
  margin-top: 20px;
}
@media screen and (min-width: 1280px) {
  .page__unsupported-browser .unsupported_browser-popup-content {
    /* MQ Widescreen */
    margin-top: 60px;
  }
}
.page__unsupported-browser .center_align {
  text-align: center;
  margin: 0;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .page__unsupported-browser .center_align {
    /* MQ Smartphone only */
    padding: 20px 6%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .page__unsupported-browser .center_align {
    /* MQ Tablet only */
    padding: 20px 19%;
  }
}
@media screen and (min-width: 1280px) {
  .page__unsupported-browser .center_align {
    /* MQ Widescreen */
    padding: 20px 21%;
  }
}
.page__unsupported-browser .unsupported-browser-dummy {
  display: none;
}
@media screen and (min-width: 1280px) {
  .page__unsupported-browser .unsupported_browser-icons {
    /* MQ Widescreen */
    padding: 20px 27%;
  }
}
.page__unsupported-browser .unsupported_browser-list li {
  padding-left: 6%;
  width: 24%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
}
.page__unsupported-browser .unsupported_browser-list li a {
  width: 100%;
  display: block;
}
.page__unsupported-browser .unsupported_browser-list li a:hover {
  text-decoration: none;
}
.page__unsupported-browser .unsupported_browser-list li i {
  background: url("images/sprite-unsupported-browser.png") no-repeat -4px -4px;
  width: 38px;
  height: 38px;
  display: inline-block;
}
.page__unsupported-browser .unsupported_browser-list li i.chrome {
  background-position: -45px -3px;
}
.page__unsupported-browser .unsupported_browser-list li i.firefox {
  background-position: -85px -3px;
}
.page__unsupported-browser .unsupported_browser-list li i.safari {
  background-position: -125px -3px;
}
.page__unsupported-browser .unsupported_browser-list li span {
  color: #999999;
  font-size: 16px;
  font-size: 1.6rem;
  display: block;
  text-align: center;
  padding: 15px 5px;
}
.page__unsupported-browser .unsupported_browser-list li:first-child, .page__unsupported-browser .unsupported_browser-list .phase-diagram-layout .col-aside .readings-list .document__abstract-actions li.action--icon-download:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .page__unsupported-browser .unsupported_browser-list li.action--icon-download:nth-child(2) {
  /* padding-left:0; */
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .page__unsupported-browser .unsupported_browser-list li:first-child, .page__unsupported-browser .unsupported_browser-list .phase-diagram-layout .col-aside .readings-list .document__abstract-actions li.action--icon-download:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .page__unsupported-browser .unsupported_browser-list li.action--icon-download:nth-child(2) {
    /* MQ Smartphone only */
    padding-left: 0;
  }
}
.page__unsupported-browser .unsupported_browser-warning {
  display: none;
  padding: 10px 15px 10px 40px;
  background: #fffae6 url("images/info-icon.png") no-repeat 11px 10px;
  background: rgba(255, 204, 0, 0.1) url("images/info-icon.png") no-repeat 11px 10px;
  border-radius: 2px;
  border: 1px solid rgb(255, 204, 0);
  margin-bottom: 0;
}
.page__unsupported-browser .unsupported_browser-warning.active-error {
  display: inline-block;
}
.page__unsupported-browser .unsupported_browser-checktext {
  margin-bottom: 0;
}
.page__unsupported-browser .unsupported_browser-checktext input {
  margin-right: 7px;
}
.page__unsupported-browser .unsupported_browser-form-content {
  padding-top: 0;
}
.page__unsupported-browser .unsupported_browser-form-content input[type=button] {
  border: 1px solid #069;
  border-radius: 2px;
  background: #069;
  background-color: none;
  background-image: linear-gradient(#38a0e5, #069);
  padding: 8px 12px;
  color: #ffffff;
  font-size: 15px;
  font-size: 1.5rem;
  text-shadow: 0px 1px rgba(0, 0, 0, 0.2);
  margin-top: 15px;
}
.page__unsupported-browser .unsupported_browser-popup {
  position: absolute;
  top: 0;
  z-index: 999999;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
}
.page__unsupported-browser .unsupported_browser-popup-wrapper {
  border: 0 none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  box-shadow: none;
}

.smi-privacy-policy-left {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .smi-privacy-policy-left {
    /* MQ Tablet */
    width: 72.5%;
    float: left;
  }
}
.smi-privacy-policy-left h1, .smi-privacy-policy-left h2 {
  color: #069;
}
.smi-privacy-policy-left h4 {
  margin-top: 10px;
  margin-bottom: 2px;
}
.smi-privacy-policy-left p {
  margin-top: 3px;
  margin-bottom: 8px;
}
.smi-privacy-policy-left .sub-section {
  margin-bottom: 20px;
}
.smi-privacy-policy-left .sub-section .inner-content {
  margin-left: 20px;
}
.smi-privacy-policy-left .sub-section ol {
  margin-top: -5px;
}
.smi-privacy-policy-left .sub-section ol > li {
  margin-bottom: 4px;
}
.smi-privacy-policy-left .inner-list {
  margin-left: 17px;
}
.smi-privacy-policy-left .inner-list li {
  list-style: none;
}
.smi-privacy-policy-left .smi-privacy-policy-left-list {
  margin-left: 35px;
}
.smi-privacy-policy-left .smi-privacy-policy-left-list > li {
  list-style: disc;
  margin-bottom: 4px;
}

.smi-privacy-policy-right {
  width: 100%;
}
.smi-privacy-policy-right.desktop {
  display: none;
}
@media screen and (min-width: 992px) {
  .smi-privacy-policy-right {
    /* MQ Laptop */
    width: 28.5%;
    float: right;
    overflow-y: auto;
    position: fixed;
    background: #F7F7F7;
    display: inline;
    top: 90px;
    height: 100%;
  }
  .smi-privacy-policy-right.desktop {
    display: inline;
  }
  .smi-privacy-policy-right.desktop .tools {
    margin-bottom: 450px;
  }
  .smi-privacy-policy-right.mobile {
    display: none;
  }
}
.smi-privacy-policy-right .tools {
  padding: 0 15px 10px 15px;
}
.smi-privacy-policy-right .tools > h4 {
  margin-bottom: 8px;
  margin-top: 0;
  display: none;
}
@media screen and (min-width: 768px) {
  .smi-privacy-policy-right .tools > h4 {
    /* MQ Tablet */
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .smi-privacy-policy-right .tools {
    /* MQ Tablet */
    padding: 30px 35px;
  }
}
.smi-privacy-policy-right .jump-to-links > li > a {
  font-weight: 600;
}
.smi-privacy-policy-right .jump-to-links > li ul {
  padding-left: 10px;
}
.smi-privacy-policy-right .jump-to-links > li ul li {
  padding-bottom: 0;
}

.smi-cookie-policy-left {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .smi-cookie-policy-left {
    /* MQ Tablet */
    width: 72.5%;
    float: left;
  }
}
.smi-cookie-policy-left h1, .smi-cookie-policy-left h2 {
  color: #069;
}
.smi-cookie-policy-left h4 {
  margin-top: 10px;
  margin-bottom: 2px;
}
.smi-cookie-policy-left p {
  margin-top: 3px;
  margin-bottom: 8px;
}
.smi-cookie-policy-left .sub-section {
  margin-bottom: 20px;
}
.smi-cookie-policy-left .sub-section .inner-content {
  margin-left: 20px;
}
.smi-cookie-policy-left .sub-section ol {
  margin-top: -5px;
}
.smi-cookie-policy-left .sub-section ol > li {
  margin-bottom: 4px;
}
.smi-cookie-policy-left .inner-list {
  margin-left: 17px;
}
.smi-cookie-policy-left .inner-list li {
  list-style: none;
}
.smi-cookie-policy-left .smi-cookie-policy-left-list {
  margin-left: 35px;
}
.smi-cookie-policy-left .smi-cookie-policy-left-list > li {
  list-style: disc;
  margin-bottom: 4px;
}

.smi-cookie-policy-right {
  width: 100%;
}
.smi-cookie-policy-right.desktop {
  display: none;
}
@media screen and (min-width: 992px) {
  .smi-cookie-policy-right {
    /* MQ Laptop */
    width: 28.5%;
    float: right;
    overflow-y: auto;
    position: fixed;
    background: #F7F7F7;
    display: inline;
    top: 90px;
    height: 100%;
  }
  .smi-cookie-policy-right.desktop {
    display: inline;
  }
  .smi-cookie-policy-right.desktop .tools {
    margin-bottom: 450px;
  }
  .smi-cookie-policy-right.mobile {
    display: none;
  }
}
.smi-cookie-policy-right .tools {
  padding: 0 15px 10px 15px;
}
.smi-cookie-policy-right .tools > h4 {
  margin-bottom: 8px;
  margin-top: 0;
  display: none;
}
@media screen and (min-width: 768px) {
  .smi-cookie-policy-right .tools > h4 {
    /* MQ Tablet */
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .smi-cookie-policy-right .tools {
    /* MQ Tablet */
    padding: 30px 35px;
  }
}
.smi-cookie-policy-right .jump-to-links > li > a {
  font-weight: 600;
}
.smi-cookie-policy-right .jump-to-links > li ul {
  padding-left: 10px;
}
.smi-cookie-policy-right .jump-to-links > li ul li {
  padding-bottom: 0;
}

.smi-ccpa-policy-left {
  width: 100%;
}
@media screen and (min-width: 1280px) {
  .smi-ccpa-policy-left {
    /* MQ Widescreen */
    width: 72.5%;
    float: left;
  }
}
.smi-ccpa-policy-left h1, .smi-ccpa-policy-left h2 {
  color: #069;
}
.smi-ccpa-policy-left h4 {
  margin-top: 10px;
  margin-bottom: 2px;
}
.smi-ccpa-policy-left .right-side {
  text-align: right;
}
.smi-ccpa-policy-left p {
  margin-bottom: 8px;
}
.smi-ccpa-policy-left .section {
  margin-bottom: 20px;
}
.smi-ccpa-policy-left .sub-section {
  margin-bottom: 20px;
}
.smi-ccpa-policy-left .sub-section .inner-content {
  margin-left: 20px;
}
.smi-ccpa-policy-left .sub-section ol {
  margin-top: -5px;
}
.smi-ccpa-policy-left .sub-section ol > li {
  margin-bottom: 4px;
}
.smi-ccpa-policy-left .inner-list {
  margin-left: 17px;
}
.smi-ccpa-policy-left .inner-list li {
  list-style: none;
  margin-bottom: 10px;
}
.smi-ccpa-policy-left .smi-ccpa-policy-left-list {
  margin-left: 35px;
}
.smi-ccpa-policy-left .smi-ccpa-policy-left-list > li {
  list-style: disc;
  margin-bottom: 4px;
}
.smi-ccpa-policy-left .telnumber {
  color: #333;
}
.smi-ccpa-policy-left table.policy-table {
  width: 100%;
  border-collapse: collapse;
  border-bottom: 1px solid #f2f2f2;
}
.smi-ccpa-policy-left thead tr {
  background: #727272;
}
.smi-ccpa-policy-left thead th {
  background: #727272;
  color: #fff;
  padding: 7px 10px;
  text-align: left;
  border-left: 1px solid #8F8F8F;
  border-bottom: 1px solid #8F8F8F;
  vertical-align: top;
  font-size: 13px;
  font-size: 1.3rem;
  font-weight: 600;
}
.smi-ccpa-policy-left tbody tr td {
  text-align: left;
  border-left: 0 none;
  vertical-align: top;
  padding: 15px 10px;
}
.smi-ccpa-policy-left tbody tr td.text-center {
  text-align: center;
}
.smi-ccpa-policy-left tbody tr td.text-vertically-middle {
  vertical-align: middle;
}
.smi-ccpa-policy-left tbody tr:nth-child(even) {
  background: #ffffff;
}
.smi-ccpa-policy-left tbody tr:nth-child(even) {
  background: #f2f2f2;
}
.smi-ccpa-policy-left tbody tr:hover {
  background: #DBE8F9;
}

.smi-landing-left {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .smi-landing-left {
    /* MQ Tablet */
    width: 72.5%;
    float: left;
  }
}
.smi-landing-left .landing-section {
  padding-bottom: 30px;
}
.smi-landing-left .landing-title {
  color: #0176C3;
}
.smi-landing-left .landing-content {
  padding: 10px 20px;
}
@media screen and (min-width: 1280px) {
  .smi-landing-left .landing-content {
    /* MQ Widescreen */
    width: 70%;
  }
}
.smi-landing-left #how-it-works li {
  padding-bottom: 10px;
}
.smi-landing-left #how-it-works li span {
  font-weight: 600;
}
.smi-landing-left #how-it-works li p {
  margin-top: 0;
}
.smi-landing-left #available-props li {
  padding: 0 0 15px 8px;
}
.smi-landing-left .how-it-works-img img {
  width: 100%;
}

.smi-landing-right {
  display: none;
}
@media screen and (min-width: 992px) {
  .smi-landing-right {
    /* MQ Laptop */
    width: 28.5%;
    float: right;
    overflow-y: auto;
    position: fixed;
    background: #F7F7F7;
    display: inline;
    top: 140px;
    height: 100%;
    right: 0;
  }
}
@media screen and (min-width: 1280px) {
  .smi-landing-right {
    /* MQ Widescreen */
    top: 90px;
  }
}
.smi-landing-right .tools {
  padding: 30px 35px 0 35px;
}
.smi-landing-right .tools h4 {
  margin-bottom: 8px;
}

.document_subtitle {
  font-size: 19px;
  font-size: 1.9rem;
  font-weight: 500;
  line-height: 30px;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  #property-smi-landing-left {
    /* MQ Tablet only */
    width: 100%;
  }
}
@media screen and (min-width: 1280px) {
  #property-smi-landing-left #property-landing-content {
    /* MQ Widescreen */
    width: 98%;
  }
}
#property-smi-landing-left .property-card > li {
  border: 1px solid #DCDCDC;
  margin: 30px 0;
  padding: 15px 25px 25px 15px;
  -webkit-box-shadow: 1px 2px 5px #EFEFEF;
  -moz-box-shadow: 1px 2px 5px #EFEFEF;
  box-shadow: 1px 2px 5px #EFEFEF;
}
#property-smi-landing-left .property-card > li h2 {
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 12px;
}
#property-smi-landing-left .property-card > li li {
  display: inline-block;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 8px;
  border-left: 1px solid #DCDCDC;
  word-break: break-word;
}
#property-smi-landing-left .property-card > li li:first-child, #property-smi-landing-left .property-card > li .phase-diagram-layout .col-aside .readings-list .document__abstract-actions li.action--icon-download:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document__abstract-actions #property-smi-landing-left .property-card > li li.action--icon-download:nth-child(2) {
  border-left: none;
  padding-left: 0;
}
#property-smi-landing-left .property-card > li li.hidden {
  display: none;
}
#property-smi-landing-left .property-card > li li.hidden.show {
  display: inline-block;
}
#property-smi-landing-left .property-card > li:first-child, #property-smi-landing-left .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .property-card > li.action--icon-download:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document__abstract-actions #property-smi-landing-left .property-card > li.action--icon-download:nth-child(2) {
  margin-top: 0;
}
#property-smi-landing-left .property-card .list-toggle {
  display: inline-block;
  margin-top: 25px;
  font-weight: 600;
  text-decoration: none;
}
#property-smi-landing-left .property-card .list-toggle:after {
  content: "";
  border: solid #0176c3;
  border-width: 0 2px 2px 0;
  display: inline-block;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 5px;
  margin-left: 5px;
  height: 5px;
  position: relative;
  top: -2px;
  text-decoration: none;
}
#property-smi-landing-left .property-card .list-toggle:after:hover {
  text-decoration: none;
}
#property-smi-landing-left .property-card .list-toggle.active:after {
  -webkit-transform: rotate(-135deg);
  -moz-transform: rotate(-135deg);
  -ms-transform: rotate(-135deg);
  -o-transform: rotate(-135deg);
  transform: rotate(-135deg);
  text-decoration: none;
  top: 2px;
}
#property-smi-landing-left .property-card .list-toggle:hover {
  text-decoration: none;
}

.interactive-page .hide-mobile {
  display: none;
}
@media screen and (min-width: 768px) {
  .interactive-page .hide-mobile {
    /* MQ Tablet */
    display: block;
  }
}
@media screen and (min-width: 1280px) {
  .interactive-page .main-content {
    /* MQ Widescreen */
    padding: 0;
  }
}
.interactive-page .sm-details {
  width: 100%;
  margin-left: 0;
  position: relative;
  transition: margin-left 0.5s;
}
@media screen and (min-width: 768px) {
  .interactive-page .sm-details.active {
    /* MQ Tablet */
    margin-left: -327px;
  }
}
@media screen and (min-width: 1280px) {
  .interactive-page .sm-details {
    /* MQ Widescreen */
    width: 72.5%;
    float: left;
  }
}
.interactive-page .sm-right-panel {
  display: none;
  overflow-y: auto;
  position: fixed;
  background: #F7F7F7;
  padding-top: 35px;
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .interactive-page .sm-right-panel {
    /* MQ Tablet only */
    right: -327px;
    width: 327px;
    display: inline;
    height: calc(100% - 160px);
  }
}
@media screen and (min-width: 1280px) {
  .interactive-page .sm-right-panel {
    /* MQ Widescreen */
    width: 331px;
    display: inline;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  .interactive-page .sm-right-panel.active {
    /* MQ Tablet only */
    width: 327px;
    right: 0;
    top: 160px;
  }
}
.interactive-page .sm-right-panel .right-panel-content {
  background: #F7F7F7;
  width: 100%;
  padding-bottom: 100px;
}
@media screen and (min-width: 1280px) {
  .interactive-page .sm-right-panel .right-panel-content {
    /* MQ Widescreen */
    padding-bottom: 270px;
  }
}
.interactive-page .sm-right-panel .sm-axis-name {
  font-size: 14px;
  font-size: 1.4rem;
  padding: 15px 0;
}
.interactive-page .sm-right-panel .range__field:nth-child(2) {
  margin-left: 25px;
  position: relative;
}
.interactive-page .sm-right-panel .range__field:nth-child(2):before {
  content: "";
  position: absolute;
  width: 10px;
  height: 1px;
  background: #ccc;
  left: -19px;
  top: 5px;
}
.interactive-page .sm-right-panel .form-actions input[type=button] {
  width: 80px;
  border: 1px solid #4A4A4A;
  border-radius: 2px 2px 2px 2px;
  padding: 5px;
}
.interactive-page .sm-right-panel .form-actions input[type=button]#setFilter {
  color: #069;
  border: 1px solid #BCBCBC;
  background-color: #F0F0F0;
  background-image: linear-gradient(#FCFCFC, #F0F0F0);
  font-size: 14px;
  font-size: 1.4rem;
  padding: 5px 6px;
}
.interactive-page .sm-right-panel .form-actions input[type=button]#resetFilter {
  color: #666;
  background-color: #EAEAEA;
  background-image: linear-gradient(#F9F9F9, #EAEAEA);
  font-size: 14px;
  font-size: 1.4rem;
  border: 1px solid #BCBCBC;
  margin-left: 15px;
}
.interactive-page .sm-right-panel .y-axis-navigator {
  width: 100%;
}
.interactive-page .sm-right-panel .y-axis-navigator .y-filter-box {
  margin-bottom: 20px;
}
.interactive-page .sm-right-panel .x-axis-navigator {
  width: 100%;
}
.interactive-page .sm-right-panel .x-axis-navigator .x-filter-box {
  margin-bottom: 20px;
}
.interactive-page .sm-right-panel .ui-slider .ui-slider-handle {
  background: #fff;
  width: 1.8em;
  height: 1.8em;
  border-radius: 50%;
  top: -0.6em;
  cursor: pointer;
}
.interactive-page .sm-right-panel .ui-slider .ui-slider-handle:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #909090;
  top: 5px;
  left: 5px;
}
.interactive-page .sm-right-panel .ui-slider .ui-slider-range {
  background: #c9c9c9;
}
.interactive-page .right-panel-btn {
  position: fixed;
  right: 0;
  top: 270px;
  text-transform: uppercase;
  font-size: 14px;
  font-size: 1.4rem;
  background: #828282;
  padding: 12px 22px 12px 12px;
  color: #e0e0e0;
  z-index: 99;
  -webkit-border-radius: 2px 0 0 2px;
  -moz-border-radius: 2px 0 0 2px;
  border-radius: 2px 0 0 2px;
}
.interactive-page .right-panel-btn.active {
  right: 220px;
}
@media screen and (min-width: 768px) {
  .interactive-page .right-panel-btn.active {
    /* MQ Tablet */
    right: 327px;
  }
}
@media screen and (min-width: 1280px) {
  .interactive-page .right-panel-btn {
    /* MQ Widescreen */
    display: none;
  }
}
.interactive-page .right-panel-btn:before {
  content: "";
  display: block;
  position: absolute;
  border: 3px solid transparent;
  border-right-width: 0;
  border-left: 3px solid #e0e0e0;
  width: 0;
  height: 0;
  border-left: 5px solid #e0e0e0;
  right: 7px;
  top: 18px;
}
.interactive-page .tool-item {
  padding: 10px 20px;
  border-top: 1px solid #D8D8D8;
}
@media screen and (min-width: 1280px) {
  .interactive-page .tool-item {
    /* MQ Widescreen */
    padding: 25px 30px;
  }
}
.interactive-page .tool-item h3 {
  margin-bottom: 15px;
}
.interactive-page .tool-item:first-child, .interactive-page .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .tool-item.action--icon-download:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .interactive-page .tool-item.action--icon-download:nth-child(2) {
  border-top: 0;
}
.interactive-page .tool-items > li {
  padding: 0 0 20px 0;
  border-top: 1px solid #D8D8D8;
}
.interactive-page .tool-items > li:first-child, .interactive-page .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .tool-items > li.action--icon-download:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .interactive-page .tool-items > li.action--icon-download:nth-child(2), .interactive-page .tool-items > li.form-actions-links {
  border-top: 0;
}
.interactive-page .tool-items .form-actions-links {
  margin-top: 15px;
}
.interactive-page .comparison-box .tags {
  width: 100%;
}
.interactive-page .comparison-box .tags p {
  margin: 5px 0 0 0;
  padding: 0;
  text-align: left;
}
.interactive-page .comparison-box .tags p.error {
  font-style: italic;
  color: #ff0000;
}
.interactive-page .comparison-box .tags a {
  display: inline-block;
  padding-left: 8px;
}
.interactive-page .comparison-box .field-autosuggest {
  position: relative;
  padding: 0;
}
.interactive-page .comparison-box .field-autosuggest .sm-autosuggest {
  width: 100%;
  padding: 5px 10px;
  font-weight: 400;
}
.interactive-page .comparison-box .field-autosuggest a.btn-compare {
  width: 24px;
  height: 28px;
  display: inline-block;
  position: absolute;
  right: 0;
  color: #069;
  line-height: 28px;
  font-size: 14px;
  font-size: 1.4rem;
  top: 0;
}
.interactive-page .comparison-box .field-autosuggest a.btn-compare:hover, .interactive-page .comparison-box .field-autosuggest a.btn-compare:focus, .interactive-page .comparison-box .field-autosuggest a.btn-compare:active {
  text-decoration: none;
  outline: none;
}
.interactive-page .comparison-box .field-autosuggest #sm-add-substance {
  position: absolute;
  width: 50px;
  right: 0;
  top: 0;
  height: 100%;
  border: 0 none;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  background-color: #38A0E5;
  background-image: linear-gradient(#38A0E5, #0176C3);
  -webkit-border-radius: 0 2px 2px 0;
  -moz-border-radius: 0 2px 2px 0;
  border-radius: 0 2px 2px 0;
}
.interactive-page .comparison-box .field-autosuggest #sm-add-substance:disabled {
  opacity: 0.5;
}
.interactive-page .download-link {
  width: 172px;
  position: relative;
  border: 0 !important;
  padding-top: 0 !important;
}
.interactive-page .download-link .pillow-btn, .interactive-page .download-link .btn-action {
  color: #069;
  border: 1px solid #BCBCBC;
  background-color: #F0F0F0;
  background-image: linear-gradient(#FCFCFC, #F0F0F0);
  padding: 8px 15px;
  height: auto;
  width: 100%;
  line-height: 1em;
}
.interactive-page .download-link .pillow-btn.disabled, .interactive-page .download-link .btn-action.disabled {
  opacity: 0.5;
}
.interactive-page .download-link .pillow-btn.disabled:hover, .interactive-page .download-link .btn-action.disabled:hover {
  text-decoration: none;
}
.interactive-page .download-link .pillow-btn.bg-blue, .interactive-page .download-link .btn-action.bg-blue {
  background-color: #F7FBFE;
  background-image: linear-gradient(#D7EEFF, #F7FBFE);
}
.interactive-page .download-link .collapse__section {
  width: 100%;
  margin: 0;
  position: relative;
}
.interactive-page .download-link .collapse__section:before {
  content: "";
  display: block;
  position: absolute;
  border: 6px solid transparent;
  border-bottom-width: 0;
  border-top: 6px solid #069;
  width: 0;
  height: 0;
  right: 10px;
  top: 13px;
}
.interactive-page .download-link .collapse__section:hover, .interactive-page .download-link .collapse__section:focus {
  text-decoration: none;
}
.interactive-page .download-link.export-digital .pillow-btn {
  background-color: #F7FBFE;
  background-image: linear-gradient(#D7EEFF, #F7FBFE);
}
.interactive-page .download-link.export-digital .pillow-btn.disabled {
  opacity: 0.5;
}
.interactive-page .download-link .hide-expand__section {
  display: none;
}
.interactive-page .download-link ul.expand__section {
  margin: 0;
  padding: 0;
  min-height: auto;
  width: 100%;
  margin-top: -1px;
  z-index: 99999;
  position: relative;
  background: #FCFCFC;
  border: 1px solid #BCBCBC;
  border-top: 0;
}
.interactive-page .download-link ul.expand__section li {
  margin: 0;
  padding: 0;
}
.interactive-page .download-link ul.expand__section li:hover, .interactive-page .download-link ul.expand__section li:focus {
  background: #eee;
}
.interactive-page .download-link ul.expand__section li a {
  display: block;
  line-height: 1.1;
  padding: 10px 15px;
  word-wrap: break-word;
  font-size: 16px;
  font-size: 1.6rem;
  color: #666666;
}
.interactive-page .download-link ul.expand__section li a:hover, .interactive-page .download-link ul.expand__section li a:focus {
  text-decoration: none;
}
.interactive-page .jump-to-links {
  margin-top: 5px;
}
.interactive-page .jump-to-links li {
  padding: 8px 0;
}
.interactive-page .jump-to-links a {
  font-size: 16px;
  font-size: 1.6rem;
}
.interactive-page .jump-to-links a:hover, .interactive-page .jump-to-links a:focus {
  text-decoration: none;
}
.interactive-page .social-media-integration {
  border: 0 !important;
}
.interactive-page .social-media-integration a {
  text-indent: -90000px;
  float: left;
  background: url("images/sprite-searchsnippet.svg") no-repeat top left transparent;
  height: 26px;
  width: 26px;
  margin-left: 10px;
}
.interactive-page .social-media-integration a#fb-share {
  background-position: 0 -218px;
  margin-left: 0;
}
.interactive-page .social-media-integration a#twitter-share {
  background-position: -98px -218px;
}
.interactive-page .social-media-integration a#linkedin-share {
  background-position: -198px -218px;
}
.interactive-page .social-media-integration a#email-share {
  background-position: -299px -218px;
  width: 32px;
}

.sm-contact .document__lb-digital {
  margin-top: 4%;
}
.sm-contact .content-enquiries-first-list-wrapper {
  margin-bottom: 0px;
}
.sm-contact .data-list__item-key {
  font-weight: 600;
}
.sm-contact .margin-10 {
  margin-bottom: 10px;
}
.sm-contact .margin-15 {
  margin-bottom: 15px;
}
.sm-contact .account-section-details {
  padding-bottom: 8%;
}
.sm-contact .account-section-details .data-list-container {
  border-bottom: none;
}
.sm-contact .account-section-details ul li {
  padding-bottom: 0px;
}
@media screen and (min-device-width: 576px) {
  .sm-contact .account-section-details ul {
    /* MQ Smartphone */
  }
  .sm-contact .account-section-details ul:last-child {
    max-width: 233px;
  }
}
@media screen and (min-width: 768px) {
  .sm-contact .account-section-details ul {
    /* MQ Tablet */
  }
  .sm-contact .account-section-details ul:last-child {
    max-width: 100%;
  }
}
.sm-contact .account-section-details .account-mgmt-enquiry-list li {
  padding-bottom: 0px;
  position: relative;
  padding: 0 10px;
}
.sm-contact .account-section-details .account-mgmt-enquiry-list li:before {
  content: "•";
  color: #0176c3;
  position: absolute;
  left: 0;
  width: 10px;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 20px;
}
.sm-contact .trial-subscription-outer-wrapper {
  background: #FBFBFB;
  padding-top: 30px;
  border-bottom: 1px solid #DADADA;
  border-top: 1px solid #DADADA;
  margin: 0 0 0 -12px;
  padding: 0 0 0 12px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .sm-contact .trial-subscription-outer-wrapper {
    /* MQ Tablet */
    margin: 0 -4.9528301887%;
    padding: 25px 4.9528301887% 0 4.9528301887%;
  }
}
@media screen and (min-width: 992px) {
  .sm-contact .trial-subscription-outer-wrapper {
    /* MQ Laptop */
    width: 68%;
  }
}
@media screen and (min-width: 768px) {
  .sm-contact {
    /* MQ Tablet */
  }
  .sm-contact .data-list.data-list--col2 {
    width: 34.168605%;
    margin-right: 3.16279%;
  }
  .sm-contact .section__about-this .trial-subscription-wrapper {
    width: 100%;
  }
}
@media screen and (min-width: 992px) {
  .sm-contact {
    /* MQ Laptop */
  }
  .sm-contact .data-list.data-list--col2 {
    margin-right: 3.16279%;
  }
}
.sm-contact p.data-list__item-text {
  margin: 0;
  padding-bottom: 4%;
}
.sm-contact p.data-list__item-text a {
  display: block;
}
.sm-contact .data-list__item--title {
  border-bottom: none;
}
.sm-contact .trial-subscription-list {
  list-style: inherit;
  width: 100%;
}
.sm-contact .trial-subscription-list li {
  position: relative;
  padding: 0 10px;
}
.sm-contact .trial-subscription-list li:before {
  content: "•";
  color: #0176c3;
  position: absolute;
  left: 0;
  width: 10px;
  font-size: 16px;
  line-height: 20px;
}
.sm-contact .trial-subscription-list:first-child, .sm-contact .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .trial-subscription-list.action--icon-download:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .sm-contact .trial-subscription-list.action--icon-download:nth-child(2) {
  padding-bottom: 0px;
}
.sm-contact .trial-subscription-list p.data-list__item-text a {
  display: inline;
}
.sm-contact .data-list-container .data-list-account-mgmt {
  width: 100%;
  margin-bottom: 10px;
}

.new-substance__profile .document__title {
  margin-bottom: 10px;
}
.new-substance__profile .document_subtitle {
  font-size: 19px;
  font-size: 1.9rem;
  font-weight: 500;
}
.new-substance__profile .item-value.inline {
  float: right;
}
.new-substance__profile .section-details {
  margin-top: 25px;
}
.new-substance__profile h3 {
  font-size: 19px;
  font-size: 1.9rem;
}
.new-substance__profile h3, .new-substance__profile h4 {
  font-weight: 500;
}
.new-substance__profile .accordion__bd {
  padding-bottom: 20px;
}
.new-substance__profile .accordion__bd h4 {
  margin-top: 0;
}
.new-substance__profile ul.list li {
  padding-left: 11px;
  position: relative;
  margin-bottom: 5px;
  background: url("images/action_arrow_right.png") no-repeat 0 6px;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .new-substance__profile ul.list.column_3 {
    /* MQ Tablet */
    -webkit-column-count: 3;
    -moz-column-count: 3;
    -ms-column-count: 3;
    column-count: 3;
  }
}
.new-substance__profile .interactive_properties_section {
  margin-bottom: 25px;
}
.new-substance__profile .interactive_properties_section p {
  margin: 2px 0 10px;
}

p.short-length {
  max-width: 600px;
}

.section__site_this_content h2 {
  margin-bottom: 20px;
}

.section__content {
  padding-bottom: 25px;
}

.data-list.block_level {
  display: block;
}

.new-metalfoam .unauthorized-table #lb-digital__table table tbody tr .paid-content ul li {
  padding: 0;
}

.citation_content li {
  margin-bottom: 20px;
}

.sgte {
  padding-bottom: 25px;
}
.sgte.layout-5 {
  width: 100%;
}
.sgte.layout-5 .layout__col-main {
  display: inline;
  float: left;
  margin-bottom: 0;
}
.sgte .phase-diagram-layout {
  margin-left: 0;
}
.sgte .phase-diagram-layout #phase_diagram_wrapper.unauthorized {
  height: inherit;
  width: 100%;
}

.document__nmr-digital .section-details {
  margin-top: 35px;
}
.document__nmr-digital .substance-details {
  width: 60%;
  float: left;
}
.document__nmr-digital .substance-image {
  width: 40%;
  float: right;
  margin-top: 11px;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .document__nmr-digital .substance-image {
    /* MQ Smartphone only */
    width: 100%;
    margin-top: 0px;
    margin-bottom: 20px;
  }
}
.document__nmr-digital .substance-image .substance-image-wrapper {
  width: 221px;
  padding: 10px;
  border: 1px solid #828282;
  float: right;
}
@media screen and (min-width: 1px) and (max-width: 767px) {
  .document__nmr-digital .substance-image .substance-image-wrapper {
    /* MQ Smartphone only */
    float: left;
  }
}
.document__nmr-digital .substance-image .substance-image-wrapper img {
  width: 100%;
}
.document__nmr-digital .blank-space {
  margin: 10px 0;
}
.document__nmr-digital ul .data-list__item {
  line-height: 1.8;
}
.document__nmr-digital h2 {
  margin-bottom: 20px;
}
.document__nmr-digital .nmr-digital__table-wrapper {
  width: 100%;
  margin-bottom: 12px;
  overflow-x: auto;
}
.document__nmr-digital #nmr-digital__table .data_table_shadow {
  background: none;
}
.document__nmr-digital #nmr-digital__table table {
  font-size: 14px;
  font-size: 1.4rem;
  width: 100%;
}
.document__nmr-digital #nmr-digital__table table thead tr th {
  background: #727272;
  color: #ffffff;
  padding: 10px 25px 15px 15px;
  text-align: left;
  border-left: 1px solid #8f8f8f;
  vertical-align: top;
}
.document__nmr-digital #nmr-digital__table table thead tr th span {
  display: block;
  line-height: 1.5em;
  font-weight: 400;
}
.document__nmr-digital #nmr-digital__table table thead tr th span:first-child, .document__nmr-digital #nmr-digital__table table thead tr th .phase-diagram-layout .col-aside .readings-list .document__abstract-actions span.action--icon-download:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .document__nmr-digital #nmr-digital__table table thead tr th span.action--icon-download:nth-child(2) {
  font-weight: 600;
  display: inline;
}
.document__nmr-digital #nmr-digital__table table thead tr th:first-child, .document__nmr-digital #nmr-digital__table table thead tr .phase-diagram-layout .col-aside .readings-list .document__abstract-actions th.action--icon-download:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .document__nmr-digital #nmr-digital__table table thead tr th.action--icon-download:nth-child(2) {
  border: 0 none;
}
.document__nmr-digital #nmr-digital__table table tbody tr.sm__interactive-unauthorized-tr td {
  padding: 10px 0 0 0;
}
.document__nmr-digital #nmr-digital__table table tbody tr td {
  padding: 15px 10px;
  text-align: left;
  border-left: 0px solid #d3d3d3;
  color: #333333;
  vertical-align: top;
}
.document__nmr-digital #nmr-digital__table table tbody tr td:first-child, .document__nmr-digital #nmr-digital__table table tbody tr .phase-diagram-layout .col-aside .readings-list .document__abstract-actions td.action--icon-download:nth-child(2), .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .document__nmr-digital #nmr-digital__table table tbody tr td.action--icon-download:nth-child(2) {
  border: 0 none;
}
.document__nmr-digital #nmr-digital__table table tbody tr td .dummy-comment-data {
  display: none;
}
.document__nmr-digital #nmr-digital__table table tbody tr td .show-comment {
  display: block;
  position: relative;
}
.document__nmr-digital #nmr-digital__table table tbody tr td .show-comment:after {
  background: url("images/digital-table-arrow.svg") no-repeat -17px 0;
  width: 16px;
  height: 8px;
  content: " ";
  position: absolute;
  right: 10px;
  top: 8px;
}
.document__nmr-digital #nmr-digital__table table tbody tr td .show-comment:hover, .document__nmr-digital #nmr-digital__table table tbody tr td .show-comment:focus, .document__nmr-digital #nmr-digital__table table tbody tr td .show-comment:active {
  text-decoration: none;
}
.document__nmr-digital #nmr-digital__table table tbody tr td .no-value {
  padding-left: 22px;
}
.document__nmr-digital #nmr-digital__table table tbody tr td.open {
  padding: 2px 2px 0 2px;
  vertical-align: bottom;
  position: relative;
}
.document__nmr-digital #nmr-digital__table table tbody tr td.open .show-comment {
  background: #EFF6FA;
  border: 1px dotted #0176C3;
  border-radius: 3px 3px 0 0;
  padding: 8px 9px;
  width: 100%;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: 1px;
  left: 0;
  border-bottom: 0;
  height: 100%;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .document__nmr-digital #nmr-digital__table table tbody tr td.open .show-comment {
    background: #EFF6FA;
    padding: 22px 9px;
    top: 4px;
  }
}
@media screen and (max-width:532px) {
  .document__nmr-digital #nmr-digital__table table tbody tr td.open .show-comment {
    /* MQ Break point */
    top: 2px;
  }
}
.document__nmr-digital #nmr-digital__table table tbody tr td.open .show-comment:before {
  left: 24px;
  top: 10px;
}
.document__nmr-digital #nmr-digital__table table tbody tr td.open .show-comment:after {
  background: url("images/digital-table-arrow.svg") no-repeat 0 0;
  width: 16px;
  height: 8px;
  content: " ";
  position: absolute;
  right: 21px;
  top: 15px;
}
.document__nmr-digital #nmr-digital__table table tbody tr.odd {
  background: #ffffff;
}
.document__nmr-digital #nmr-digital__table table tbody tr.even {
  background: #f2f2f2;
}
.document__nmr-digital #nmr-digital__table table tbody tr.selected {
  background: rgba(242, 201, 76, 0.21);
}
.document__nmr-digital #nmr-digital__table table tbody tr.comment-row td {
  padding: 0;
}
.document__nmr-digital #nmr-digital__table table tbody tr.comment-row .comment-data {
  background: #EFF6FA;
  border: 1px dotted #0176C3;
  border-radius: 3px;
  padding: 15px 10px;
}

.SearchPanel_input {
  padding: 2px 30px 2px 1px;
  overflow: hidden;
  border-radius: 1px;
}
.SearchPanel_input .tag {
  background-color: #f3f3f3;
  display: inline-block;
  padding: 6px;
  margin: 2px;
  line-height: 16px;
  position: relative;
  border-radius: 3px;
  font-size: 1.3rem;
}
.SearchPanel_input .tag a {
  color: #777777;
  padding: 0 2px 0 5px;
  position: relative;
  top: 3px;
  font-size: 18px;
  font-size: 1.8rem;
  z-index: 90000;
}
.SearchPanel_input .tag a:hover {
  text-decoration: none;
  cursor: pointer;
}

.InputText {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  line-height: normal;
  border: none;
  outline: none;
  width: auto;
  font-size: 16px;
  font-size: 1.6rem;
  height: 34px;
  padding: 1px 3px 4px;
}
.InputText:focus {
  border: none;
}

.corrosion-search .ui-autocomplete {
  padding: 0;
  border-radius: 0;
  left: -2px !important;
  top: 36px !important;
}
.corrosion-search .ui-autocomplete li a {
  font-size: 1.3rem;
}
.corrosion-search .ui-autocomplete li a.ui-state-focus {
  background: #e6f1f9;
  border: none;
  border-radius: 0;
  margin: 0;
}
.corrosion-search .ui-autocomplete li.contextlist:first-child p.hr-line, .corrosion-search .ui-autocomplete .phase-diagram-layout .col-aside .readings-list .document__abstract-actions li.contextlist.action--icon-download:nth-child(2) p.hr-line, .phase-diagram-layout .col-aside .readings-list .document__abstract-actions .corrosion-search .ui-autocomplete li.contextlist.action--icon-download:nth-child(2) p.hr-line {
  display: none;
}
.corrosion-search .ui-autocomplete p.hr-line {
  margin: 10px;
  border: 0;
  height: 1px;
  width: auto;
  background-image: -webkit-linear-gradient(top, #dcdcdc, #8c8b8b, #dcdcdc);
  background-image: -moz-linear-gradient(top, #dcdcdc, #8c8b8b, #dcdcdc);
  background-image: -ms-linear-gradient(top, #dcdcdc, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(top, #dcdcdc, #8c8b8b, #dcdcdc);
}
.corrosion-search .ui-autocomplete span.autocomplete-context {
  float: right;
}
.corrosion-search .ui-autocomplete span.autocomplete-context strong {
  font-weight: normal;
  text-transform: lowercase;
}