/* Version: 2.2.2
 * Source: https://design.elsevier.com/
 */

@charset "UTF-8";
.es-animation {
    --es-animation-appear: 0.3s;
    --es-animation-hover: 0.3s;
    --es-animation-shift: 0.2s;
}

/* The red, green and blue colors are specified as separate values.
 *
 * The advantence of the separate values is that you can use them with
 * an alpha by use the following:
 *
 * color rgba(200, 55, 39, 0.5);
 *
 * Also all the colors are defined already without the rgb and thereby
 * making the following two lines the same.
 *
 * color: rgb(200, 55, 39);
 * color: rgb(200, 55, 39);
 *
 */
.es-color,
.es-theme-bright-default {
    /* Gray colors */
    --es-color-grey0-rgb: 255, 255, 255;
    /* #FFFFFF */
    --es-color-grey1-rgb: 245, 245, 245;
    /* #F5F5F5 */
    --es-color-grey2-rgb: 235, 235, 235;
    /* #EBEBEB */
    --es-color-grey3-rgb: 220, 220, 220;
    /* #DCDCDC */
    --es-color-grey4-rgb: 185, 185, 185;
    /* #B9B9B9 */
    --es-color-grey5-rgb: 142, 142, 142;
    /* #8E8E8E */
    --es-color-grey6-rgb: 115, 115, 115;
    /* #737373 */
    --es-color-grey7-rgb: 80, 80, 80;
    /* #505050 */
    --es-color-grey8-rgb: 46, 46, 46;
    /* #2E2E2E */
    --es-color-grey9-rgb: 0, 0, 0;
    /* #000000 */
    /* Brand colors */
    --es-color-elsevier-orange-rgb: 233, 113, 28;
    /* #E9711C */
    --es-color-elsevier-blue-rgb: 0, 115, 152;
    /* #007398 */
    --es-color-link-blue-rgb: 12, 125, 187;
    /* #0C7DBB */
    --es-color-elsevier-orange-ondark-rgb: 255, 130, 0;
    /* #FF8200 */
    --es-color-elsevier-blue-ondark-rgb: 68, 198, 244;
    /* #44C6F4 */
    /* Messaging colors */
    --es-color-confirmation-rgb: 41, 166, 27;
    /* #29A61B */
    --es-color-information-rgb: 0, 158, 206;
    /* #009ECE */
    --es-color-warning-rgb: 200, 55, 39;
    /* #C83727 */
    --es-color-confirmation-ondark-rgb: 83, 184, 72;
    /* #53B848 */
    --es-color-information-ondark-rgb: 68, 198, 244;
    /* #44C6F4 */
    --es-color-warning-ondark-rgb: 255, 106, 90;
    /* #FF6A5A */
    /* Color swatches */
    --es-color-base-dark-grey-rgb: 83, 86, 90;
    /* #53565A */
    --es-color-base-white-rgb: 255, 255, 255;
    /* #FFFFFF */
    --es-color-primary-light-blue-rgb: 54, 121, 224;
    /* #3679E0 */
    --es-color-primary-orange-rgb: 255, 108, 0;
    /* #FF6C00 */
    --es-color-primary-elsevier-blue-rgb: 0, 115, 152;
    /* #007398 */
    --es-color-secondary-cool-grey-1-rgb: 220, 220, 221;
    /* #DCDCDD */
    --es-color-secondary-very-pale-blue-rgb: 205, 228, 255;
    /* #CDE4FF */
    --es-color-secondary-very-pale-orange-rgb: 255, 240, 228;
    /* #FFF0E4 */
    --es-color-tertiary-blue1-rgb: 172, 210, 255;
    /* #ACD2FF */
    --es-color-tertiary-blue2-rgb: 54, 121, 224;
    /* #3679E0 */
    --es-color-tertiary-blue3-rgb: 7, 57, 115;
    /* #073973 */
    --es-color-tertiary-green1-rgb: 192, 242, 93;
    /* #C0F25D */
    --es-color-tertiary-green2-rgb: 142, 215, 0;
    /* #8ED700 */
    --es-color-tertiary-green3-rgb: 73, 110, 1;
    /* #496E01 */
    --es-color-tertiary-purple1-rgb: 187, 132, 255;
    /* #BB84FF */
    --es-color-tertiary-purple2-rgb: 102, 28, 202;
    /* #661CCA */
    --es-color-tertiary-purple3-rgb: 60, 18, 118;
    /* #3C1276 */
    --es-color-tertiary-red1-rgb: 254, 183, 183;
    /* #FEB7B7 */
    --es-color-tertiary-red2-rgb: 247, 62, 41;
    /* #F73E29 */
    --es-color-tertiary-red3-rgb: 169, 43, 29;
    /* #A92B1D */
    --es-color-tertiary-yellow1-rgb: 255, 236, 132;
    /* #FFEC84 */
    --es-color-tertiary-yellow2-rgb: 253, 211, 0;
    /* #FDD300 */
    --es-color-tertiary-yellow3-rgb: 151, 101, 0;
    /* #976500 */
    --es-color-a11y-orange-rgb: 235, 101, 0;
}

.es-color,
.es-theme-bright-default {
    /* Gray colors */
    --es-color-grey0: rgb(255, 255, 255);
    --es-color-grey1: rgb(245, 245, 245);
    --es-color-grey2: rgb(235, 235, 235);
    --es-color-grey3: rgb(220, 220, 220);
    --es-color-grey4: rgb(185, 185, 185);
    --es-color-grey5: rgb(142, 142, 142);
    --es-color-grey6: rgb(115, 115, 115);
    --es-color-grey7: rgb(80, 80, 80);
    --es-color-grey8: rgb(46, 46, 46);
    --es-color-grey9: rgb(0, 0, 0);
    /* Brand colors */
    --es-color-elsevier-orange: rgb(233, 113, 28);
    --es-color-elsevier-blue: rgb(0, 115, 152);
    --es-color-elsevier-orange-ondark: rgb(
    255, 130, 0
  );
    --es-color-elsevier-blue-ondark: rgb(
    68, 198, 244
  );
    /* Messaging colors */
    --es-color-confirmation: rgb(41, 166, 27);
    --es-color-information: rgb(0, 158, 206);
    --es-color-warning: rgb(200, 55, 39);
    --es-color-confirmation-ondark: rgb(
    83, 184, 72
  );
    --es-color-information-ondark: rgb(
    68, 198, 244
  );
    --es-color-warning-ondark: rgb(255, 106, 90);
    /* Color swatches */
    --es-color-base-dark-grey: rgb(83, 86, 90);
    --es-color-base-white: rgb(255, 255, 255);
    --es-color-primary-light-blue: rgb(
    54, 121, 224
  );
    --es-color-primary-orange: rgb(255, 108, 0);
    --es-color-primary-elsevier-blue: rgb(
    0, 115, 152
  );
    --es-color-secondary-cool-grey-1: rgb(
    220, 220, 221
  );
    --es-color-secondary-very-pale-blue: rgb(
    205, 228, 255
  );
    --es-color-secondary-very-pale-orange: rgb(
    255, 240, 228
  );
    --es-color-tertiary-blue1: rgb(172, 210, 255);
    --es-color-tertiary-blue2: rgb(54, 121, 224);
    --es-color-tertiary-blue3: rgb(7, 57, 115);
    --es-color-tertiary-green1: rgb(192, 242, 93);
    --es-color-tertiary-green2: rgb(142, 215, 0);
    --es-color-tertiary-green3: rgb(73, 110, 1);
    --es-color-tertiary-purple1: rgb(
    187, 132, 255
  );
    --es-color-tertiary-purple2: rgb(
    102, 28, 202
  );
    --es-color-tertiary-purple3: rgb(
    60, 18, 118
  );
    --es-color-tertiary-red1: rgb(254, 183, 183);
    --es-color-tertiary-red2: rgb(247, 62, 41);
    --es-color-tertiary-red3: rgb(169, 43, 29);
    --es-color-tertiary-yellow1: rgb(
    255, 236, 132
  );
    --es-color-tertiary-yellow2: rgb(
    253, 211, 0
  );
    --es-color-tertiary-yellow3: rgb(
    151, 101, 0
  );
    /* Accessible colors */
    --es-color-a11y-orange: rgb(235, 101, 0);
    --es-color-link-blue: rgb(12, 125, 187);
}

.es-color,
.es-theme-bright-default {
    /* Link theme color to the specific color values */
    --es-color-background-rgb: 255, 255, 255;
    --es-color-border-rgb: 115, 115, 115;
    --es-color-disabled-rgb: 185, 185, 185;
    --es-color-error-rgb: 200, 55, 39;
    --es-color-focus-rgb: 235, 101, 0;
    --es-color-foreground-rgb: 46, 46, 46;
    --es-color-link-rgb: 12, 125, 187;
    --es-color-theme1-rgb: 0, 115, 152;
    --es-color-theme2-rgb: 235, 101, 0;
    /* Theme colors */
    --es-color-background: rgb(255, 255, 255);
    --es-color-border: rgb(115, 115, 115);
    --es-color-disabled: rgb(185, 185, 185);
    --es-color-error: rgb(200, 55, 39);
    --es-color-focus: rgb(235, 101, 0);
    --es-color-foreground: rgb(46, 46, 46);
    --es-color-link: rgb(12, 125, 187);
    --es-color-theme1: rgb(0, 115, 152);
    --es-color-theme2: rgb(235, 101, 0);
}

.es-color,
.es-theme-bright-default {
    background-color: rgb(255, 255, 255);
    color: rgb(46, 46, 46);
}

/* typography Nexus sans-serif */
@font-face {
    font-display: swap;
    font-family: "NexusSans";
    src: url("fonts/NexusSans-Regular.woff2") format("woff2"), url("fonts/NexusSans-Regular.woff") format("woff");
}

@font-face {
    font-display: swap;
    font-family: "NexusSans";
    font-weight: bold;
    src: url("fonts/NexusSans-Bold.woff2") format("woff2"), url("fonts/NexusSans-Bold.woff") format("woff");
}

@font-face {
    font-display: swap;
    font-family: "NexusSans";
    font-style: italic;
    src: url("fonts/NexusSans-Italic.woff2") format("woff2"), url("fonts/NexusSans-Italic.woff") format("woff");
}

@font-face {
    font-display: swap;
    font-family: "NexusSans";
    font-style: italic;
    font-weight: bold;
    src: url("fonts/NexusSans-BoldItalic.woff2") format("woff2"), url("fonts/NexusSans-BoldItalic.woff") format("woff");
}

/* typography Nexus serif */
@font-face {
    font-display: swap;
    font-family: "NexusSerif";
    src: url("fonts/NexusSerif-Regular.woff2") format("woff2"), url("fonts/NexusSerif-Regular.woff") format("woff");
}

@font-face {
    font-display: swap;
    font-family: "NexusSerif";
    font-weight: bold;
    src: url("fonts/NexusSerif-Bold.woff2") format("woff2"), url("fonts/NexusSerif-Bold.woff") format("woff");
}

@font-face {
    font-display: swap;
    font-family: "NexusSerif";
    font-style: italic;
    src: url("fonts/NexusSerif-Italic.woff2") format("woff2"), url("fonts/NexusSerif-Italic.woff") format("woff");
}

@font-face {
    font-display: swap;
    font-family: "NexusSerif";
    font-style: italic;
    font-weight: bold;
    src: url("fonts/NexusSerif-BoldItalic.woff2") format("woff2"), url("fonts/NexusSerif-BoldItalic.woff") format("woff");
}

/* typography Gulliver */
@font-face {
    font-display: swap;
    font-family: "Gulliver";
    src: url("fonts/Gulliver-Regular.woff2") format("woff2"), url("fonts/Gulliver-Regular.woff") format("woff");
}

@font-face {
    font-display: swap;
    font-family: "Gulliver";
    font-weight: bold;
    src: url("fonts/Gulliver-Bold.woff2") format("woff2"), url("fonts/Gulliver-Bold.woff") format("woff");
}

@font-face {
    font-display: swap;
    font-family: "Gulliver";
    font-style: italic;
    src: url("fonts/Gulliver-Italic.woff2") format("woff2"), url("fonts/Gulliver-Italic.woff") format("woff");
}

@font-face {
    font-display: swap;
    font-family: "Gulliver";
    font-style: italic;
    font-weight: bold;
    src: url("fonts/Gulliver-BoldItalic.woff2") format("woff2"), url("fonts/Gulliver-BoldItalic.woff") format("woff");
}

/* typography Display sans-serif */
@font-face {
    font-display: swap;
    font-family: "ElsevierDisplay";
    src: url("fonts/ElsevierDisplay-Light.woff2") format("woff2"), url("fonts/ElsevierDisplay-Light.woff") format("woff");
}

@font-face {
    font-display: swap;
    font-family: "ElsevierDisplay";
    font-style: italic;
    src: url("fonts/ElsevierDisplay-LightItalic.woff2") format("woff2"), url("fonts/ElsevierDisplay-LightItalic.woff") format("woff");
}

/* typography Display Condensed sans-serif */
@font-face {
    font-display: swap;
    font-family: "ElsevierDisplayCondensed";
    font-weight: 400;
    src: url("fonts/ElsevierDisplay-Regular-Condensed.woff2") format("woff2"), url("fonts/ElsevierDisplay-Regular-Condensed.woff") format("woff");
}

@font-face {
    font-display: swap;
    font-family: "ElsevierDisplayCondensed";
    font-weight: 700;
    src: url("fonts/ElsevierDisplay-Bold-Condensed.woff2") format("woff2"), url("fonts/ElsevierDisplay-Bold-Condensed.woff") format("woff");
}

.es-typography {
    /* All allowed font-sizes */
    --es-font-size-12: 12px;
    --es-font-size-14: 14px;
    --es-font-size-16: 16px;
    --es-font-size-20: 16px;
    --es-font-size-24: 20px;
    --es-font-size-32: 24px;
    --es-font-size-40: 32px;
    --es-font-size-48: 32px;
    --es-font-size-56: 32px;
    --es-font-size-64: 32px;
    --es-font-sans-serif: Arial, Helvetica,   /**/ Lucida Sans Unicode, Microsoft Sans Serif,   /**/ Segoe UI Symbol, STIXGeneral, Cambria Math,   /**/ Arial Unicode MS, sans-serif;
    --es-font-serif: Georgia, Times New Roman,   /**/ STIXGeneral, Cambria Math, Arial, Helvetica,   /**/ Lucida Sans Unicode, Microsoft Sans Serif,   /**/ Segoe UI Symbol, Arial Unicode MS, serif;
    --es-font-monospace: Monaco, Consolas, Andale Mono,
  /**/ Ubuntu Mono, monospace;
}

@media (min-width: 576px) {
    .es-typography {
        --es-font-size-24: 24px;
        --es-font-size-32: 32px;
        --es-font-size-40: 40px;
        --es-font-size-48: 40px;
        --es-font-size-56: 40px;
        --es-font-size-64: 40px;
    }
}

@media (min-width: 768px) {
    .es-typography {
        --es-font-size-20: 20px;
        --es-font-size-48: 48px;
        --es-font-size-56: 48px;
        --es-font-size-64: 48px;
    }
}

@media (min-width: 992px) {
    .es-typography {
        --es-font-size-56: 56px;
        --es-font-size-64: 56px;
    }
}

@media (min-width: 1200px) {
    .es-typography {
        --es-font-size-64: 64px;
    }
}

.es-html-body {
    bottom: 0;
    margin: 0;
    overflow: hidden auto;
    padding: 0;
}

.es-html-body {
    font-size: 16px;
    font-style: normal;
    font-weight: normal;
    line-height: 1.1em;
    overflow: visible;
}

.es-html-body,
.es-font-nexus-sans {
    --es-line-height: 1.2em;
    font-family: NexusSans, Arial, Helvetica,   /**/ Lucida Sans Unicode, Microsoft Sans Serif,   /**/ Segoe UI Symbol, STIXGeneral, Cambria Math,   /**/ Arial Unicode MS, sans-serif;
}

.es-font-nexus-serif {
    --es-line-height: 1.2em;
    font-family: NexusSerif, Georgia, Times New Roman,   /**/ STIXGeneral, Cambria Math, Arial, Helvetica,   /**/ Lucida Sans Unicode, Microsoft Sans Serif,   /**/ Segoe UI Symbol, Arial Unicode MS, serif;
}

.es-font-gulliver {
    --es-line-height: 1.3em;
    font-family: Gulliver, Georgia, Times New Roman,   /**/ STIXGeneral, Cambria Math, Arial, Helvetica,   /**/ Lucida Sans Unicode, Microsoft Sans Serif,   /**/ Segoe UI Symbol, Arial Unicode MS, serif;
}

.es-font-elsevier-display {
    --es-line-height: 1.2em;
    font-family: ElsevierDisplay, NexusSans, Arial, Helvetica,   /**/ Lucida Sans Unicode, Microsoft Sans Serif,   /**/ Segoe UI Symbol, STIXGeneral, Cambria Math,   /**/ Arial Unicode MS, sans-serif;
}

.es-font-elsevier-display-bold-condensed {
    --es-line-height: 1.2em;
    font-family: ElsevierDisplayCondensed, NexusSans, Arial, Helvetica,   /**/ Lucida Sans Unicode, Microsoft Sans Serif,   /**/ Segoe UI Symbol, STIXGeneral, Cambria Math,   /**/ Arial Unicode MS, sans-serif;
    font-weight: 700;
}

.es-font-elsevier-display-regular-condensed {
    --es-line-height: 1.2em;
    font-family: ElsevierDisplayCondensed, NexusSans, Arial, Helvetica,   /**/ Lucida Sans Unicode, Microsoft Sans Serif,   /**/ Segoe UI Symbol, STIXGeneral, Cambria Math,   /**/ Arial Unicode MS, sans-serif;
    font-weight: 400;
}

.es-font-sans-serif {
    --es-line-height: 1.2em;
    font-family: Arial, Helvetica,   /**/ Lucida Sans Unicode, Microsoft Sans Serif,   /**/ Segoe UI Symbol, STIXGeneral, Cambria Math,   /**/ Arial Unicode MS, sans-serif;
}

.es-font-serif {
    --es-line-height: 1.2em;
    font-family: Georgia, Times New Roman,   /**/ STIXGeneral, Cambria Math, Arial, Helvetica,   /**/ Lucida Sans Unicode, Microsoft Sans Serif,   /**/ Segoe UI Symbol, Arial Unicode MS, serif;
}

.es-font-numeral-paragraph {
    font-variant-numeric: oldstyle-nums proportional-nums;
}

.es-html-body,
.es-font-numeral-default {
    font-variant-numeric: lining-nums proportional-nums;
}

.es-font-numeral-table {
    font-variant-numeric: lining-nums tabular-nums;
}

.es-font-small-caps {
    /* Need the Nexus webfont with SmallCapitals to work */
    font-variant-caps: small-caps;
}

.es-heading-h1,
.es-heading-h2,
.es-heading-h3,
.es-heading-h4,
.es-heading-h5,
.es-heading-h6,
.es-heading-h5-caps,
.es-heading-h6-caps,
.es-intro,
.es-body,
.es-meta,
.es-batch {
    font-style: normal;
    font-weight: normal;
    line-height: 1.1em;
    margin: 0;
}

.es-heading-h2,
.es-heading-h3,
.es-heading-h4,
.es-heading-h5,
.es-heading-h6,
.es-heading-h5-caps,
.es-heading-h6-caps {
    margin: 1.8em 0 0.9em;
}

.es-heading-h1 + .es-heading-h2,
.es-heading-h2 + .es-heading-h3,
.es-heading-h3 + .es-heading-h4,
.es-heading-h4 + .es-heading-h5,
.es-heading-h5 + .es-heading-h6 {
    margin-top: 0.9em;
}

.es-heading-h1 {
    font-size: 32px;
}

.es-heading-h2 {
    font-size: 24px;
}

.es-heading-h3 {
    font-size: 20px;
}

.es-heading-h4,
.es-heading-h5,
.es-heading-h5-caps,
.es-heading-h6,
.es-intro {
    font-size: 16px;
}

.es-heading-h6-caps,
.es-body {
    font-size: 16px;
}

.es-meta {
    font-size: 14px;
}

.es-batch {
    font-size: 12px;
}

.es-heading-h5-caps,
.es-heading-h6-caps {
    background-image: linear-gradient(rgb(235, 101, 0), rgb(235, 101, 0));
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 32px 4px;
    font-weight: 700;
    padding-bottom: 0.5em;
    text-transform: uppercase;
}

.es-accordion {
    border-bottom: 2px solid rgb(220, 220, 220);
}

.es-accordion-heading {
    border-color: rgb(220, 220, 220);
    border-style: solid;
    border-width: 2px 0 0;
    font-size: 20px;
    font-weight: normal;
    line-height: 1.2em;
    margin: 0;
}

.es-accordion-heading > button {
    background-color: transparent;
    border: 0;
    color: inherit;
    display: block;
    font: inherit;
    height: 2em;
    padding: 0;
    position: relative;
    margin: 0;
    width: 100%;
    text-align: left;
}

.es-accordion-heading > button[aria-expanded="true"] {
    margin-bottom: 1em;
}

.es-accordion-heading > button > span {
    border-bottom: 2px solid transparent;
    margin: 0 0 0 2em;
}

.es-accordion-heading > button > span:first-child {
    margin: 0 2em 0 0;
}

.es-accordion-heading > button:hover > span,
.es-accordion-heading > button[aria-expanded="true"] > span {
    border-bottom: 2px solid rgb(235, 101, 0);
}

.es-accordion-heading > button > svg {
    box-sizing: border-box;
    color: rgb(0, 115, 152);
    fill: currentColor;
    height: 2em;
    left: 0;
    padding: calc(0.5em - 2px) 0;
    position: absolute;
    top: 0;
    width: auto;
}

.es-accordion-heading > button > svg:last-child {
    left: auto;
    right: 0;
}

.es-accordion-heading > button:hover > svg {
    color: rgb(235, 101, 0);
}

.es-accordion-heading > button[aria-expanded="true"] > svg {
    transform: scaleY(-1);
}

.es-accordion:last-of-type + * {
    border-color: rgb(220, 220, 220);
    border-style: solid;
    border-width: 0 0 2px;
}

.es-accordion-content.is-hidden {
    display: none;
}

/* Alternative button style */
.es-button-alternative {
    -webkit-appearance: none;
    background-color: transparent;
    border: 0;
    color: inherit;
    font: inherit;
    height: 2em;
    line-height: 1;
    margin: 0;
    padding: 0;
}

/* Button sizes, by default size is inherited from the parent */
.es-button-alternative.small {
    font-size: 16px;
}

.es-button-alternative.medium {
    font-size: 16px;
}

.es-button-alternative.large {
    font-size: 20px;
}

.es-button-alternative > span {
    box-shadow: 0 -2px 0 0 transparent inset;
    display: inline-block;
    margin: 0 .5em;
    padding: calc(.45em - 2px) 0 calc(.55em - 2px);
    transition: background-size .048s;
    transition: box-shadow 0.3s;
    vertical-align: middle;
}

.es-button-alternative > svg {
    border: 2px solid transparent;
    box-sizing: border-box;
    fill: currentColor;
    height: 2em;
    padding: calc(.5em - 4px);
    vertical-align: middle;
    width: 2em;
    transition: background-color 0.3s, border-color 0.3s, fill 0.3s;
}

/* Primary */
.es-button-alternative.primary > svg {
    background-color: rgb(0, 115, 152);
    border-color: rgb(0, 115, 152);
    color: rgb(255, 255, 255);
}

/* Secondary */
.es-button-alternative.secondary > svg {
    border-color: rgb(0, 115, 152);
}

/* Tertiary */
.es-button-alternative.tertiary > svg {
    border-color: rgb(115, 115, 115);
}

/* Focus state for primary, secondary and tertiary */
.es-button-alternative:hover > span {
    box-shadow: 0 -2px 0 0 rgb(235, 101, 0) inset;
}

.es-button-alternative:active > svg,
.es-button-alternative:hover > svg {
    background-color: rgb(255, 255, 255);
    border-color: rgb(235, 101, 0);
    color: rgb(46, 46, 46);
    fill: currentColor;
}

/* Button on dark background */
.es-button-alternative.background {
    background: none;
    color: currentColor;
    outline-color: currentColor;
}

.es-button-alternative.background > svg {
    border-color: currentColor;
}

.es-button-alternative.background:hover > span {
    box-shadow: 0 -2px 0 0 currentColor inset;
}

.es-button-alternative.background:hover > svg {
    border-color: rgb(255, 255, 255);
    background-color: rgb(255, 255, 255);
}

/* Disabled button */
.es-button-alternative[aria-disabled="true"] > span,
.es-button-alternative[aria-disabled="true"] > span:hover,
.es-button-alternative[disabled] > span,
.es-button-alternative[disabled] > span:hover {
    background-color: transparent;
    background-image: none;
    box-shadow: 0 -2px 0 0 transparent inset;
    color: rgb(185, 185, 185);
}

.es-button-alternative[aria-disabled="true"] > svg,
.es-button-alternative[aria-disabled="true"] > svg:hover,
.es-button-alternative[disabled] > svg,
.es-button-alternative[disabled] > svg:hover {
    background-color: transparent !important;
    border-color: rgb(185, 185, 185) !important;
    fill: rgb(185, 185, 185) !important;
}

.es-button-alternative.primary[aria-disabled="true"] > svg,
.es-button-alternative.primary[aria-disabled="true"] > svg:hover,
.es-button-alternative.primary[disabled] > svg,
.es-button-alternative.primary[disabled] > svg:hover {
    background-color: rgb(185, 185, 185) !important;
    fill: rgb(255, 255, 255) !important;
}

.es-button-alternative.background[aria-disabled="true"] > span,
.es-button-alternative.background[disabled] > span {
    box-shadow: 0 0 0 0 transparent inset !important;
}

.es-breadcrumb > ol {
    color: rgb(115, 115, 115);
    display: flex;
    flex-wrap: wrap;
    font-size: 16px;
    line-height: 1.1em;
    list-style: none;
    margin: 0;
    padding: 0;
}

.es-breadcrumb > ol > li > a:focus,
.es-breadcrumb > ol > li > a:hover,
.es-breadcrumb > ol > li > a[aria-current=page] {
    color: rgb(46, 46, 46);
}

.es-breadcrumb > ol > li {
    padding: 0 8px 0 0;
}

.es-breadcrumb > ol > li:nth-child(n+2) {
    padding: 0 8px 0 16px;
    text-indent: -16px;
}

.es-breadcrumb > ol > li:nth-child(n+2):before {
    color: rgb(46, 46, 46);
    content: ">";
    display: inline-block;
    font-size: 75%;
    speak: none;
    text-indent: 0;
    vertical-align: 1px;
    width: 14px;
}

/* Default button style */
.es-button {
    -webkit-appearance: none;
    background-color: rgb(255, 255, 255);
    border: 2px solid transparent;
    box-sizing: border-box;
    color: inherit;
    font: inherit;
    height: 2em;
    line-height: 1;
    margin: 0;
    padding: 0 calc(0.8em - 2px);
    /* 16 - 2px border */
    transition: background-color 0.3s, border-color 0.3s, color 0.3s;
}

a.es-button {
    display: inline-block;
}

/* Button sizes, by default size is inherited from the parent */
.es-button.small {
    font-size: 16px;
}

.es-button.medium {
    font-size: 16px;
}

.es-button.large {
    font-size: 20px;
}

/* Button with icon */
.es-button > span {
    display: inline-block;
    padding: calc(.45em - 2px) 0 calc(.55em - 2px);
    vertical-align: middle;
}

.es-button > svg {
    box-sizing: border-box;
    fill: currentColor;
    height: 1.9em;
    padding: calc(.5em - 4px);
    vertical-align: middle;
    width: 1.9em;
    transition: fill 0.3s;
}

.es-button > svg:first-child {
    margin: 0 0 0 -0.75em;
}

.es-button > svg:last-child {
    margin: 0 -0.75em 0 0;
}

.es-button > svg:first-child:last-child {
    margin: 0 -0.75em;
}

/* Primary */
.es-button.primary {
    background-color: rgb(0, 115, 152);
    border-color: rgb(0, 115, 152);
    color: rgb(255, 255, 255);
}

/* Secondary */
.es-button.secondary {
    border-color: rgb(0, 115, 152);
}

/* Tertiary */
.es-button.tertiary {
    border-color: rgb(115, 115, 115);
}

/* Quaternary */
.es-button.quaternary {
    background-color: transparent;
    border-color: transparent;
}

/* Focus state for primary, secondary, tertiary and quaternary */
.es-button:active,
.es-button:hover {
    background-color: rgb(255, 255, 255);
    border-color: rgb(235, 101, 0);
    color: rgb(46, 46, 46);
}

.es-button[aria-pressed="true"] {
    background-color: rgb(0, 115, 152);
    border-color: rgb(0, 115, 152);
    color: rgb(255, 255, 255);
}

.es-button[aria-pressed="true"] > svg {
    fill: currentColor;
}

/* Button on dark background */
.es-button.background {
    background: none;
    border-color: currentColor;
    color: currentColor;
    outline-color: currentColor;
}

.es-button.background[aria-pressed="true"] > svg,
.es-button.background:hover {
    background-color: rgb(255, 255, 255);
    border-color: rgb(255, 255, 255);
    color: rgb(46, 46, 46);
}

/* Disabled button */
.es-button[disabled],
.es-button[disabled]:hover {
    background-color: transparent;
    border-color: rgb(185, 185, 185);
    color: rgb(185, 185, 185);
}

.es-button[disabled] > svg {
    fill: rgb(185, 185, 185);
}

.es-button.primary[disabled],
.es-button.primary[disabled]:hover {
    background-color: rgb(185, 185, 185);
    color: rgb(255, 255, 255);
}

.es-button.primary[disabled] > svg {
    fill: rgb(255, 255, 255);
}

/* Checkbox sizes, by default size is inherited from the parent */
.es-check.small,
.es-check-input.small {
    font-size: 16px;
    line-height: 1.1em;
}

.es-check.medium,
.es-check-input.medium {
    font-size: 16px;
    line-height: 1.1em;
}

.es-check.large,
.es-check-input.large {
    font-size: 20px;
    line-height: 1.1em;
}

.es-check-input {
    -webkit-appearance: none;
    background-color: rgb(255, 255, 255);
    border: 2px solid rgb(115, 115, 115);
    box-shadow: 0 0 0 0.15em rgb(255, 255, 255) inset;
    box-sizing: border-box;
    display: inline-block;
    font: inherit;
    height: 1.1em;
    margin: 0;
    padding: 0;
    position: relative;
    vertical-align: middle;
    width: 1.1em;
    transition: background-color 0.3s, border-color 0.3s;
}

.es-check-input:hover {
    border-color: rgb(46, 46, 46);
}

.es-check-input:checked {
    background-color: rgb(235, 101, 0);
}

label > .es-check-input {
    margin-right: 0.5em;
}

.es-check-input + label {
    margin-left: 0.5em;
    vertical-align: middle;
}

.es-check > span {
    vertical-align: middle;
}

/* For WHCM only, since background is shown in high contrast mode. */
/* It"s a bit smaller than the regular thumb, since doesn"t center */
/* as nice as the background + box-shadow solution. Doesn"t solve */
/* the indeterminate state */
.es-check-input:before {
    border-color: rgb(235, 101, 0);
    border-style: none;
    border-width: 0.3em;
    content: "";
    display: block;
    height: 0.6em;
    left: 0.2em;
    position: relative;
    top: 0.2em;
    width: 0.6em;
}

.es-check-input:checked:before {
    border-style: solid;
}

/* Indeterminate checkbox */
.es-check-input:checked,
.es-check-input[type="checkbox"]:indeterminate {
    background-color: rgb(235, 101, 0);
}

.es-check-input[type="checkbox"]:indeterminate:before {
    border-color: white transparent transparent white;
    border-style: solid;
    border-width: 0.35em;
    height: 0.7em;
    left: 0.15em;
    top: 0.15em;
    width: 0.7em;
}

/* Disabled checkbox */
.es-check-input[disabled] {
    border: 2px solid rgb(185, 185, 185) !important;
    background-color: rgb(255, 255, 255) !important;
}

.es-check-input[disabled]:before {
    border-color: rgb(185, 185, 185) !important;
}

.es-check-input[disabled]:checked,
.es-check-input[disabled][type="checkbox"]:indeterminate {
    background-color: rgb(185, 185, 185) !important;
}

/* TODO: merge some styling with the popup. They are very similar. */
/* added to the body when dialog is open, stop main document from
 * scrolling in the background. */
body.es-dialog-open {
    overflow: hidden;
}

.es-dialog {
    align-items: center;
    background-color: rgba(115, 115, 115, 0.85);
    bottom: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    left: 0;
    overflow: hidden auto;
    padding: 32px 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 99;
}

.es-dialog[hidden] {
    display: none;
}

.es-dialog-window {
    background-color: #fff;
    border: 16px solid rgba(220, 220, 220, 0.85);
    box-shadow: 0 2px 0 0 rgb(235, 101, 0) inset;
    box-sizing: border-box;
    max-width: 100vw;
    position: relative;
}

.es-dialog.large > .es-dialog-window {
    width: 544px;
}

.es-dialog-content {
    margin: 34px 16px 32px;
}

.es-dialog-focus-trap {
    position: absolute;
}

.es-dialog-header {
    color: rgb(80, 80, 80);
    margin: 0 0 24px;
    padding: 0;
}

.es-dialog-header:before {
    /* To keep the header text away from the close icon */
    content: "";
    float: right;
    height: 1em;
    width: 32px;
}

.es-dialog-buttons {
    justify-content: flex-end;
    display: flex;
    flex-wrap: wrap;
    margin: 16px -8px -8px;
}

.es-dialog-buttons .es-button {
    margin: 8px;
}

.es-dialog-buttons.full-width .es-button {
    width: 100%;
}

.es-dialog-close {
    background-color: transparent;
    border: 0;
    color: inherit;
    font: inherit;
    margin: 0;
    padding: 8px 8px 6px;
    position: absolute;
    right: 4px;
    top: 4px;
}

.es-dialog-close > svg {
    border-bottom: 2px solid transparent;
    box-sizing: content-box;
    display: block;
    fill: currentColor;
    height: 1.1em;
    width: 1.1em;
}

.es-dialog-close:hover > svg {
    border-bottom: 2px solid rgb(235, 101, 0);
}

/* Larger padding, bigger content */
.es-dialog-content.large {
    margin: 50px 32px 48px;
}

.es-dialog-content.large .es-dialog-header {
    text-align: center;
}

.es-dialog-content.large .es-dialog-header:before {
    content: none;
}

.es-dialog-content.large .es-dialog-buttons {
    margin-top: 32px;
}

.es-dialog-content.large + .es-dialog-close {
    top: 12px;
}

.es-fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

.es-fieldset > legend {
    border: 0;
    margin: 0 0 8px;
    padding: 0;
}

.es-fieldset > ol,
.es-fieldset > ul {
    border: 0;
    font-size: 16px;
    line-height: 1.1em;
    list-style: none;
    margin: 0;
    padding: 0;
}

.es-fieldset > ol > li,
.es-fieldset > ul > li {
    margin: 4px 0 0;
}

:focus {
    outline-color: rgb(235, 101, 0);
    outline-offset: var(--es-focus-offset, 1px);
    outline-style: var(--es-focus-style, solid);
    outline-width: var(--es-focus-width, 2px);
}

/* Disable Firefox specific focus ring, we got our own. */
::-moz-focus-inner {
    border: 0;
    outline: 0;
}

/* Don"t show focus ring on elements that are */
/* removed from the default navigation flow */
[tabindex="-1"]:focus {
    outline-style: 0;
}

.es-icon-link {
    align-items: center;
    background-color: transparent;
    border-style: none;
    color: inherit;
    display: inline-flex;
    font: inherit;
    padding: 0;
    text-decoration: none;
    transition: color 0.3s;
}

.es-icon-link.colored,
.es-icon-link.theme {
    color: rgb(12, 125, 187);
}

.es-icon-link:hover {
    color: inherit;
}

/* Text */
.es-icon-link span {
    border-bottom: .1em solid transparent;
    transition: box-shadow 0.3s;
}

.es-icon-link:hover span {
    background-image: none;
    border-bottom: 0.1em solid rgb(235, 101, 0);
    color: inherit;
}

/* Icon */
.es-icon-link > svg {
    color: inherit;
    fill: currentColor;
}

.es-icon-link > .icon {
    color: rgb(0, 115, 152);
    height: 1.1em;
    width: auto;
    transition: color 0.3s, transform 0.3s;
}

.es-icon-link.aligned > .icon {
    width: 1.1em;
}

.es-icon-link[aria-expanded="true"] > .icon {
    color: rgb(235, 101, 0);
    transform: scaleY(-1);
}

.es-icon-link > .icon:first-child {
    margin-right: 0.4em;
}

.es-icon-link > .icon:last-child {
    margin-left: 0.4em;
}

.es-icon-link:hover .icon {
    color: rgb(235, 101, 0);
}

/* Disabled, aria-disabled for links and disabled for buttons */
.es-icon-link[aria-disabled="true"] > .icon,
.es-icon-link[aria-disabled="true"] span,
.es-icon-link[aria-disabled="true"],
.es-icon-link[aria-disabled="true"]:hover > .icon,
.es-icon-link[aria-disabled="true"]:hover span,
.es-icon-link[disabled] > .icon,
.es-icon-link[disabled] span,
.es-icon-link[disabled],
.es-icon-link[disabled]:hover > .icon,
.es-icon-link[disabled]:hover span {
    border-bottom-color: transparent;
    color: rgb(142, 142, 142);
    cursor: default;
}

/* Styling for the input field without the input box */
.es-input-text {
    display: block;
    position: relative;
    font-size: 16px;
    line-height: 1.1em;
}

.es-input-text.small {
    font-size: 16px;
}

.es-input-text.large {
    font-size: 20px;
}

.es-input-text > input {
    -webkit-appearance: none;
    background-color: transparent;
    border-color: rgb(115, 115, 115);
    border-style: solid;
    border-width: 0 0 2px;
    box-sizing: border-box;
    color: inherit;
    display: block;
    font: inherit;
    height: 3.2em;
    margin: 0;
    padding: 1em 0 0;
    position: relative;
    vertical-align: text-bottom;
    width: 100%;
}

/* Darken border line on focus/hover */
.es-input-text > input:focus,
.es-input-text > input:hover {
    border-color: rgb(46, 46, 46);
}

/* Label placement */
.es-input-text > label {
    color: rgb(0, 115, 152);
    display: block;
    font-size: 16px;
    left: 0;
    padding: 0;
    position: absolute;
    top: 0;
    white-space: nowrap;
    z-index: 1;
    transition: font-size 0.3s, transform 0.3s;
}

.es-input-text.small > label {
    font-size: 14px;
}

/* Move label to the textarea field when empty (placeholder visible) */
.es-input-text > input:placeholder-shown + label {
    cursor: text;
    font-size: inherit;
    transform: translateY(1.6em);
}

/* But not when input field has focus */
.es-input-text > input:focus + label {
    cursor: default;
    font-size: 16px;
    transform: translateY(0);
}

.es-input-text.small > input:focus + label {
    font-size: 14px;
}

/* Error text */
.es-input-text.error > input {
    border-color: rgb(200, 55, 39);
}

.es-input-text > .es-input-text-error {
    color: rgb(200, 55, 39);
    font-size: 16px;
    line-height: 1.1em;
}

.es-input-text > .es-input-text-error:empty {
    display: none;
}

.es-input-text.small > .es-input-text-error {
    font-size: 14px;
}

/* Styling for the accessible input field */
.es-input-text-a {
    display: block;
    font-size: 20px;
    line-height: 1.1em;
    padding: 8px;
    position: relative;
    width: 100%;
}

/* Label placement */
.es-input-text-a > label {
    color: rgb(46, 46, 46);
    font-size: 14px;
    line-height: 1.2em;
}

.es-input-text-a > .message {
    font-size: 14px;
    line-height: 1.2em;
    min-height: 1.2em;
}

.es-input-text-a > .message.error {
    color: rgb(200, 55, 39);
}

.es-input-text-a > .message.tip {
    color: rgb(46, 46, 46);
    font-style: italic;
}

/* Focus & Hover */
.es-input-text-a > input {
    -webkit-appearance: none;
    background-color: rgb(255, 255, 255);
    border-color: rgb(142, 142, 142) rgb(142, 142, 142) rgb(46, 46, 46);
    border-style: solid;
    border-width: 1px 1px 2px;
    box-sizing: border-box;
    color: rgb(46, 46, 46);
    display: block;
    font: inherit;
    height: 40px;
    padding: 1px 8px 0;
    position: relative;
    vertical-align: text-bottom;
    width: 100%;
}

.es-input-text-a > input[aria-invalid] {
    background: rgb(    255, 240, 228  );
    border-color: rgb(200, 55, 39);
    border-width: 2px;
    padding: 0 7px;
}

.es-input-text-a > input:focus,
.es-input-text-a > input:hover {
    background-color: rgb(255, 255, 255);
    border-color: rgb(46, 46, 46);
    border-width: 2px;
    padding: 0 7px;
}

.es-link {
    background-color: transparent;
    border-color: transparent;
    border-style: solid;
    border-width: 0 0 2px;
    color: inherit;
    font: inherit;
    padding: 0;
    text-decoration: none;
    transition: border-color 0.3s, color 0.3s;
}

.es-link.bold {
    font-weight: bold;
}

.es-link.theme {
    color: rgb(0, 115, 152);
}

.es-link.colored {
    color: rgb(12, 125, 187);
}

.es-link.underline,
.es-link.inline {
    background-image: linear-gradient(currentColor 0, currentColor 100%);
    background-position: 0 1.1em;
    background-repeat: no-repeat;
    background-size: 100% 1px;
    line-height: 1.2em;
}

.es-link.external:after {
    background-image: url(data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2015%2024%22%3E%3Cpath%20d%3D%22M13.149%2014.39V5.544H4.224V7.34h5.862L1.98%2015.393l1.347%201.32%208.053-8.106v5.782z%22%20fill%3D%22%238E8E8E%22%2F%3E%3C%2Fsvg%3E);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 0.55em;
    content: "";
    display: inline-block;
    height: 1em;
    vertical-align: middle;
    width: 0.7em;
}

/* State: Selected */
.es-link.selected {
    background-image: none;
    border-bottom: 2px solid currentColor;
}

/* State: Hover */
.es-link:hover {
    background-image: none;
    border-bottom: 2px solid rgb(235, 101, 0);
    color: inherit;
}

.es-list {
    counter-reset: es-list 0;
    list-style: none;
    padding-left: 32px;
}

.es-list > li {
    position: relative;
}

.es-list > li:nth-last-child(n+2) {
    margin: 0 0 8px;
}

.es-list > li:before {
    color: rgb(235, 101, 0);
    counter-increment: es-list;
    position: absolute;
    right: 100%;
}

ol.es-list > li:before {
    content: counter(es-list) ".";
    font-weight: 700;
    padding-right: .25em;
}

ul.es-list > li:before {
    content: "•";
    padding-right: .5em;
}

.es-list.none {
    padding-left: 0;
}

.es-list.none > :before {
    content: none;
}

.es-pagination > ul {
    display: flex;
    padding: 0;
    margin: 0;
    align-items: center;
}

.es-pagination li {
    display: inline-block;
    padding: 0;
    margin: 0 16px 0 0;
}

.es-pagination li:last-child {
    margin-right: 0;
}

.es-pagination li > .es-icon-link {
    display: flex;
}

.es-pagination [aria-current="page"] {
    border-bottom: 2px solid currentColor;
    font-weight: 700;
}

.es-para {
    font-variant-ligatures: common-ligatures;
    font-variant-numeric: oldstyle-nums proportional-nums;
    margin: 0 0 16px;
    max-width: 34em;
}

.es-para sub,
.es-para sup {
    font-size: 70%;
    line-height: 1;
    font-variant-numeric: lining-nums proportional-nums;
}

.es-para.full-width {
    max-width: none;
}

.es-popup {
    background-color: rgba(235, 235, 235, 0.85);
    border: 1px solid rgb(142, 142, 142);
    box-sizing: border-box;
    left: 0;
    max-width: 100vw;
    padding: 16px;
    position: fixed;
    top: 0;
    z-index: 99;
}

.es-popup[hidden] {
    display: none;
}

.es-popup.small {
    width: 352px;
}

.es-popup.medium {
    width: 512px;
}

.es-popup.large {
    width: 672px;
}

.es-popup-content {
    background-color: rgb(255, 255, 255);
    padding: 32px 16px;
    position: relative;
}

.es-popup-focus-trap {
    position: absolute;
}

.es-popup-pointer {
    background: left bottom / 16px 16px no-repeat;
    display: block;
    height: 17px;
    position: absolute;
    width: 17px;
}

.es-popup-header {
    margin: 0 0 24px;
    padding: 0;
}

.es-popup-header:before {
    /* To keep the header text away from the close icon */
    content: "";
    float: right;
    height: 1em;
    width: 32px;
}

.es-popup-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 16px -8px -8px;
}

.es-popup-buttons .es-button {
    margin: 8px;
}

.es-popup-buttons.full-width .es-button {
    width: 100%;
}

.es-popup-close {
    background-color: transparent;
    border: 0;
    color: inherit;
    font: inherit;
    margin: 0;
    padding: 8px 8px 6px;
    position: absolute;
    right: 20px;
    top: 20px;
}

.es-popup-close > svg {
    border-bottom: 2px solid transparent;
    box-sizing: content-box;
    display: block;
    fill: currentColor;
    height: 1.1em;
    width: 1.1em;
}

.es-popup-close:hover > svg {
    border-bottom: 2px solid rgb(235, 101, 0);
}

/* Popup below the activator */
.below.es-popup {
    border-top-color: transparent;
    box-shadow: 7px -9px 0px -7px rgb(235, 101, 0);
}

.below.es-popup.pointer-offset {
    box-shadow: 0px 2px 0px 0px rgb(235, 101, 0);
}

.below > .es-popup-pointer {
    background-position: left top;
    border-left: 1px solid rgb(142, 142, 142);
    left: -1px;
    top: -17px;
    background-image: linear-gradient(225deg, transparent 11px, rgb(235, 101, 0) 11px, rgb(235, 101, 0) 13px, rgba(235, 235, 235, 0.85) 13px);
}

/* Popup above the activator */
.above.es-popup {
    border-bottom-color: transparent;
    box-shadow: 7px 9px 0px -7px rgb(235, 101, 0);
}

.above.es-popup.pointer-offset {
    box-shadow: 0px 2px 0px 0px rgb(235, 101, 0);
}

.above > .es-popup-pointer {
    background-position: left bottom;
    border-left: 1px solid rgb(142, 142, 142);
    bottom: -17px;
    left: -1px;
    background-image: linear-gradient(-45deg, transparent 11px, rgb(235, 101, 0) 11px, rgb(235, 101, 0) 13px, rgba(235, 235, 235, 0.85) 13px);
}

/* Popup right the activator */
.right.es-popup {
    border-left-color: transparent;
    box-shadow: -9px 7px 0px -7px rgb(235, 101, 0);
}

.right.es-popup.pointer-offset {
    box-shadow: -2px 0px 0px 0px rgb(235, 101, 0);
}

.right > .es-popup-pointer {
    background-position: top left;
    border-top: 1px solid rgb(142, 142, 142);
    left: -17px;
    top: -1px;
    background-image: linear-gradient(45deg, transparent 11px, rgb(235, 101, 0) 11px, rgb(235, 101, 0) 13px, rgba(235, 235, 235, 0.85) 13px);
}

/* Popup left the activator */
.left.es-popup {
    border-right-color: transparent;
    box-shadow: 9px 7px 0px -7px rgb(235, 101, 0);
}

.left.es-popup.pointer-offset {
    box-shadow: 2px 0px 0px 0px rgb(235, 101, 0);
}

.left > .es-popup-pointer {
    background-position: top right;
    border-top: 1px solid rgb(142, 142, 142);
    right: -17px;
    top: -1px;
    background-image: linear-gradient(-45deg, transparent 11px, rgb(235, 101, 0) 11px, rgb(235, 101, 0) 13px, rgba(235, 235, 235, 0.85) 13px);
}

.es-progress-bar {
    background: rgb(245, 245, 245);
    border-radius: 4px;
    border: 0 solid;
    box-shadow: 0 0 0 1px rgb(142, 142, 142) inset;
    height: 8px;
    width: 100%;
}

/* Mozilla Firefox */
.es-progress-bar::-moz-progress-bar {
    background: rgb(235, 101, 0);
    border-radius: 4px;
    height: 8px;
    transform: translateY(-1px);
}

/* Internet explorer / Edge */
.es-progress-bar::-ms-fill {
    background-color: rgb(235, 101, 0);
}

/* Webkit */
.es-progress-bar::-webkit-progress-bar {
    background: transparent;
}

.es-progress-bar::-webkit-progress-value {
    background: rgb(235, 101, 0);
    border-radius: 4px;
    box-sizing: content-box;
}

.es-progress-indicator {
    display: inline-block;
    font-size: 14px;
    line-height: 1;
    position: relative;
}

.es-progress-indicator:before {
    bottom: 0;
    color: rgb(0, 115, 152);
    content: attr(aria-valuenow) "%";
    height: 1em;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
}

/* Hide progress percentage when none available */
.es-progress-indicator:not([aria-valuenow]):before {
    display: none;
}

.es-progress-indicator > div {
    border-radius: 50%;
    border-style: solid;
    border-width: 4px;
    display: block;
    height: 48px;
    width: 48px;
    border-color: rgb(235, 235, 235) rgb(235, 235, 235) rgb(235, 101, 0) rgb(235, 101, 0);
    /* Max animation time 10 minutus */
    animation: es-progress-indicator-rotate 5s linear 120;
}

/* Stop animation and change color when 100% progress */
.es-progress-indicator[aria-valuenow="100"] > div {
    animation: none;
    border-color: rgb(0, 115, 152);
}

/* Small, don"t show percentage and reduce size */
.es-progress-indicator.small:before {
    content: none;
}

.es-progress-indicator.small > div {
    border-width: 2px;
    height: 16px;
    width: 16px;
}

@keyframes es-progress-indicator-rotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.es-check-input[type="radio"],
.es-check-input[type="radio"]:before {
    border-radius: 50%;
}

.es-listbox {
    display: block;
    position: relative;
}

.es-listbox > label {
    color: rgb(0, 115, 152);
    display: block;
    font-size: 16px;
    left: 0;
    padding: 0;
    position: relative;
    top: 0;
    white-space: nowrap;
    z-index: 2;
}

.es-listbox > .es-listbox-button,
.es-listbox > select {
    -webkit-appearance: none;
    background-color: transparent;
    border-color: rgb(185, 185, 185);
    border-radius: 0;
    border-style: solid;
    border-width: 0 0 2px;
    display: block;
    color: inherit;
    font: inherit;
    height: 2.05em;
    padding: 0 1.1em 0 0;
    width: 100%;
    position: relative;
    text-align: left;
    z-index: 1;
}

.es-listbox > .es-listbox-button {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.es-listbox > svg {
    bottom: 4px;
    box-sizing: border-box;
    color: rgb(0, 115, 152);
    display: block;
    fill: currentColor;
    height: 2em;
    padding: 8px 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    z-index: 1;
}

.es-listbox-button[aria-expanded="true"] {
    background-color: rgb(235, 235, 235);
    border-bottom: 2px solid rgb(235, 101, 0);
    box-shadow: 0 0 0 16px rgb(235, 235, 235), -16px -32px 0 0 rgb(235, 235, 235), 16px -32px 0 0 rgb(235, 235, 235);
}

.es-listbox-button[aria-expanded="true"] + svg {
    color: rgb(235, 101, 0);
    transform: scaleY(-1);
}

.es-listbox-popup {
    align-content: stretch;
    box-shadow: 0 0 0 1px rgb(142, 142, 142);
    border-color: rgb(235, 235, 235);
    border-style: solid;
    border-width: 0 16px 16px;
    display: flex;
    margin: 0;
    min-height: 240px;
    padding-top: 76px;
    position: absolute;
    z-index: 2;
}

.es-listbox-list {
    background-color: #fff;
    flex: 1 1 100%;
    list-style: none;
    margin: 0;
    overflow: auto;
    overscroll-behavior: contain;
    padding: 16px 0;
}

.es-listbox-list > li {
    padding: 4px 16px;
}

.es-listbox-list > li:hover {
    background-color: rgb(245, 245, 245);
}

.es-listbox-list > [aria-selected="true"] > span {
    border-bottom: 2px solid rgb(235, 101, 0);
}

/* Tertiary styling */
.es-listbox.tertiary > .es-listbox-button,
.es-listbox.tertiary > select {
    padding: 0 2.2em 0 0;
}

.es-listbox.tertiary > svg {
    border-color: rgb(185, 185, 185);
    border-radius: 0;
    border-style: solid;
    border-width: 2px;
    bottom: 4px;
    display: block;
    fill: currentColor;
    height: 2em;
    padding: 6px;
    pointer-events: none;
    position: absolute;
    right: 0;
    width: 2em;
    z-index: 1;
}

.tertiary > .es-listbox-button[aria-expanded="true"] + svg {
    border-color: rgb(235, 101, 0);
    background-color: rgb(235, 101, 0);
    color: #fff;
}

.es-skip-link {
    background-color: rgb(255, 255, 255);
    border: 0;
    clip: rect(0, 0, 0, 0);
    color: rgb(46, 46, 46);
    height: 1px;
    left: 6px;
    margin: -1px;
    overflow: hidden;
    padding: 4px;
    position: fixed;
    text-decoration: none;
    top: 5px;
    width: 1px;
    z-index: 1000;
}

.es-skip-link:focus {
    clip: auto;
    height: auto;
    width: auto;
}

/* Container */
.es-slider {
    border: 0;
    font-size: 16px;
    line-height: 1.1em;
    font-variant-numeric: lining-nums tabular-nums;
    margin: 0;
    padding: 0 0 2em;
    position: relative;
    width: 100%;
}

/* Input field */
.es-slider-input {
    display: none;
}

/* Label field */
.es-slider-label {
    font-size: 20px;
    line-height: 1.1em;
}

/* Slider scale labels */
.es-slider-scale {
    display: flex;
    justify-content: space-between;
}

.es-slider-scale-label {
    margin-top: 12px;
    position: relative;
}

.es-slider-scale-label:after {
    background-color: rgb(185, 185, 185);
    content: "";
    display: block;
    height: 10px;
    left: 2px;
    position: absolute;
    top: -7px;
    width: 2px;
}

.es-slider-scale-label:last-child:after {
    left: auto;
    right: 2px;
}

/* Slider track */
.es-slider-selected {
    border-radius: 4px;
    border: 4px solid rgb(235, 101, 0);
    bottom: 0%;
    display: block;
    left: 0%;
    position: absolute;
    right: 0%;
    top: 0%;
    margin: -1px;
}

.es-slider-track {
    background-color: rgb(245, 245, 245);
    border: 1px solid rgb(142, 142, 142);
    border-radius: 4px;
    height: 8px;
    position: relative;
    margin: 16px 0 0;
}

.es-slider.label .es-slider-track {
    margin: 40px 0 0;
}

/* Thumb button */
.es-slider-thumb,
.es-slider-thumb:after,
.es-slider-thumb:before {
    display: block;
    font: inherit;
    position: absolute;
}

.es-slider-thumb {
    background-color: rgb(235, 101, 0);
    border-radius: 50%;
    border: 3px solid rgb(255, 255, 255);
    height: 18px;
    left: 0;
    padding: 0;
    transform: translate(-9px, -5px);
    width: 18px;
}

.es-slider.label .es-slider-thumb:before {
    content: attr(aria-valuenow);
    left: 6px;
    position: absolute;
    top: -36px;
    transform: translateX(-50%);
}

.es-slider.label .es-slider-thumb.move:before {
    left: 12px;
    transform: translateX(-100%);
}

.es-slider.label .es-slider-thumb + .es-slider-thumb.move:before {
    left: 0px;
    transform: translateX(0%);
}

.es-slider.label .es-slider-thumb:after {
    background-color: rgb(185, 185, 185);
    content: "";
    height: 10px;
    left: 5px;
    top: -15px;
    width: 2px;
}

.es-slider-thumb:active,
.es-slider-thumb:hover {
    border-color: rgb(235, 101, 0);
    background-color: rgb(255, 255, 255);
}

.es-slider.label .es-slider-thumb:active:after,
.es-slider.label .es-slider-thumb:hover:after {
    height: 7px;
}

/* Thumb label */
.es-slider-thumb-tooltip {
    background-position: -9px -10px, right bottom;
    background-repeat: no-repeat;
    background-size: 100% 100%, 11px 100%;
    bottom: 20px;
    display: none;
    height: 36px;
    padding: 0 16px;
    position: absolute;
    right: 6px;
    bottom: calc(100% + 4px);
    background-image: linear-gradient(0deg, rgb(235, 101, 0) 2px, rgb(245, 245, 245) 0), linear-gradient(45deg, transparent 8px, rgb(235, 101, 0) 0, rgb(235, 101, 0) 10px, rgb(245, 245, 245) 0);
}

.es-slider-thumb-tooltip.show-right {
    background-position: 9px -10px, left bottom;
    left: 6px;
    right: auto;
    background-image: linear-gradient(0deg, rgb(235, 101, 0) 2px, rgb(245, 245, 245) 0), linear-gradient(-45deg, transparent 8px, rgb(235, 101, 0) 0, rgb(235, 101, 0) 10px, rgb(245, 245, 245) 0);
}

/* Show tooltip on focus, hover, etc */
.es-slider-thumb:focus .es-slider-thumb-tooltip,
.es-slider-thumb:hover .es-slider-thumb-tooltip,
.es-slider:active .es-slider-thumb-tooltip,
.es-slider:focus-within .es-slider-thumb-tooltip,
.es-slider:hover .es-slider-thumb-tooltip {
    display: block;
}

/* Checkbox sizes, by default size is inherited from the parent */
.es-switch.small,
.es-switch-input.small {
    font-size: 16px;
    line-height: 1.1em;
}

.es-switch.medium,
.es-switch-input.medium {
    font-size: 16px;
    line-height: 1.1em;
}

.es-switch.large,
.es-switch-input.large {
    font-size: 20px;
    line-height: 1.1em;
}

.es-switch-input {
    -webkit-appearance: none;
    background-color: rgb(255, 255, 255);
    border: 2px solid rgb(115, 115, 115);
    box-sizing: border-box;
    display: inline-block;
    font: inherit;
    height: 1.1em;
    margin: 0;
    padding: 0;
    position: relative;
    vertical-align: middle;
    width: calc(2em + 8px);
    transition: border-color 0.3s, box-shadow 0.3s;
}

.es-switch-input:hover {
    border-color: rgb(46, 46, 46);
}

.es-switch-input:before {
    background-color: rgb(185, 185, 185);
    border-radius: 50%;
    border: 4px solid rgb(185, 185, 185);
    color: rgb(235, 101, 0);
    content: "";
    font-variant-numeric: oldstyle-nums proportional-nums;
    height: 1em;
    line-height: 0.9;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    transform: translateX(-1.1em) scale(0.5);
    width: 1em;
    transition: color 0.3s, transform 0.3s;
}

.es-switch-input:checked:before {
    background-color: rgb(235, 101, 0);
    border: 0.5em solid rgb(235, 101, 0);
    color: rgb(255, 255, 255);
    content: "";
    transform: translateX(0%) scale(0.7);
}

.es-switch-input {
    border-radius: 0.54em;
}

label > .es-switch-input {
    margin-right: 0.4em;
}

.es-switch-input + label {
    margin-left: 0.4em;
    vertical-align: middle;
}

.es-switch > span {
    vertical-align: middle;
}

/* Disabled switch */
.es-switch-input[disabled] {
    border-color: rgb(185, 185, 185) !important;
    box-shadow: none !important;
}

.es-switch-input[disabled]:before {
    border-color: rgb(185, 185, 185) !important;
    background-color: rgb(185, 185, 185);
}

.es-switch-input[disabled] + label,
.es-switch-input[disabled] + span {
    color: rgb(115, 115, 115) !important;
}

/* Generic tab */
.es-tab-panel > [role="tablist"] > [role="tab"] {
    -webkit-appearance: none;
    background-color: transparent;
    border: 0 solid transparent;
    box-sizing: border-box;
    color: inherit;
    display: inline-block;
    font: inherit;
    height: 2em;
    margin: 0;
    padding: 2px 16px 0;
    transition: box-shadow 0.3s;
    z-index: 0;
}

.es-tab-panel > [role="tabpanel"][hidden] {
    display: none;
}

/* Horizontal tabs (default) */
.es-tab-panel > [role="tabpanel"] {
    overflow: auto;
}

.es-tab-panel > [role="tablist"] {
    box-shadow: 0 -1px 0 0 rgb(46, 46, 46) inset;
}

/* Focus/Hover/Selected tab state */
.es-tab-panel > [role="tablist"] > [role="tab"]:hover {
    box-shadow: 0 -4px 0 0 rgb(235, 101, 0) inset;
}

.es-tab-panel > [role="tablist"] > [aria-selected="true"][role="tab"] {
    box-shadow: 0 -4px 0 0 rgb(46, 46, 46) inset;
}

.es-table {
    border-collapse: collapse;
    font-variant-numeric: lining-nums tabular-nums;
    margin-bottom: 1em;
    max-width: 100%;
}

.es-table.full-width {
    width: 100%;
}

.es-table td,
.es-table th {
    font-weight: inherit;
    padding: 2px 4px;
    text-align: left;
}

.es-table > caption {
    background: inherit;
    padding: 1em;
}

/* Only show hover on table body rows */
.es-table > tbody > tr:hover > td,
.es-table > tbody > tr:hover > th,
.es-table > tr:hover > td,
.es-table > tr:hover > th {
    background-color: rgb(245, 245, 245);
}

/* Remove padding for the first and last cell */
.es-table td:first-child,
.es-table th:first-child {
    padding-left: 0;
}

.es-table td:last-child,
.es-table th:last-child {
    padding-right: 0;
}

/* All table cell gets a light bottom border */
.es-table td, th {
    border-bottom: 1px solid rgb(185, 185, 185);
}

/* The last row in the thead gets dark bottom border */
.es-table thead tr:last-child th {
    border-bottom: 1px solid rgb(46, 46, 46);
}

.es-tag {
    background-color: rgb(235, 235, 235);
    border-radius: 1.6em;
    border: 2px solid transparent;
    box-sizing: border-box;
    display: inline-block;
    font: inherit;
    height: 2em;
    line-height: 1.9em;
    max-width: 100%;
    overflow: hidden;
    padding: 0 calc(0.8em - 2px);
    text-overflow: ellipsis;
    transition: background-color .3s, border-color .3s;
    vertical-align: middle;
    white-space: nowrap;
}

/* Tag with icon */
.es-tag svg {
    box-sizing: border-box;
    fill: currentColor;
    height: 1.9em;
    margin: 0 0.5em 0 calc(-0.3em + 2px);
    padding: calc(0.5em - 4px) 0;
    vertical-align: top;
    width: auto;
    transition: fill 0.3s;
}

.es-tag svg:last-child {
    margin: 0 calc(-0.3em + 2px) 0 0.5em;
}

a.es-tag svg,
button.es-tag svg {
    color: rgb(0, 115, 152);
}

a.es-tag:hover,
button.es-tag:hover {
    background-color: rgb(255, 255, 255);
    border-color: rgb(235, 101, 0);
}

a.es-tag:hover svg,
button.es-tag:hover svg {
    color: currentColor;
}

/* Tag sizes */
.es-tag.small {
    font-size: 14px;
}

.es-tag.medium {
    font-size: 16px;
}

.es-tag.large {
    font-size: 20px;
}

/* Tag messaging colors */
.es-tag.confirm {
    background-color: rgb(    83, 184, 72  );
    color: black;
}

.es-tag.info {
    background-color: rgb(    68, 198, 244 );
    color: black;
}

.es-tag.warning {
    background-color: rgb(255, 106, 90);
    color: black;
}

.es-tooltip {
    background-color: rgb(245, 245, 245);
    border-color: rgb(142, 142, 142) rgb(142, 142, 142) transparent;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 2px 0 0 rgb(235, 101, 0);
    font-size: 16px;
    left: 0;
    line-height: 1.1em;
    opacity: 0;
    padding: 4px 8px;
    position: absolute;
    top: 0;
    transition: opacity 0.3s;
    z-index: 99;
    /* 100% viewport width - 20px for the scrollbar */
    max-width: calc(100vw - 48px);
}

.es-tooltip:after {
    /* Extra element so pointer can travel to tooltip */
    content: "";
    height: 18px;
    left: 0;
    position: absolute;
    right: 0;
    top: 100%;
}

.es-tooltip.small {
    width: 320px;
}

.es-tooltip.medium {
    width: 480px;
}

.es-tooltip.large {
    width: 640px;
}

.es-tooltip.visible {
    opacity: 1;
}

.es-tooltip[hidden] {
    display: none;
}

.es-tooltip > div {
    background: left bottom / 16px 16px no-repeat;
    border-left: 1px solid rgb(142, 142, 142);
    bottom: -17px;
    display: block;
    height: 18px;
    left: -1px;
    position: absolute;
    width: 17px;
    background-image: linear-gradient(-45deg, transparent 11px, rgb(235, 101, 0) 11px, rgb(235, 101, 0) 13px, rgb(245, 245, 245) 13px);
}

/* Popup below the activator */
.es-tooltip.below {
    border-color: transparent rgb(142, 142, 142) rgb(142, 142, 142);
    border-style: solid;
    box-shadow: 0 -2px 0 0 rgb(235, 101, 0);
}

.es-tooltip.below:after {
    bottom: 100%;
    top: auto;
}

.es-tooltip.below > div {
    background: left top / 16px 16px no-repeat;
    bottom: auto;
    top: -17px;
    background-image: linear-gradient(225deg, transparent 11px, rgb(235, 101, 0) 11px, rgb(235, 101, 0) 13px, rgb(245, 245, 245) 13px);
}

/* Flip pointer horizontal */
.es-tooltip.flip > div {
    left: auto;
    right: -1px;
}

.es-footer {
    align-items: stretch;
    border-color: rgb(235, 101, 0);
    border-style: solid;
    border-width: 2px 0 0;
    box-sizing: border-box;
    color: rgba(83, 86, 90, 1);
    display: flex;
    flex-direction: column;
    font-size: 14px;
    line-height: 1.1em;
    margin: 32px 0 0;
    padding: 32px 8px;
    position: relative;
    width: 100%;
    z-index: 0;
}

.es-footer-content {
    flex: 1 1 auto;
    margin: 0 8px;
}

.es-footer-links {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    list-style: none;
    margin: 0;
    padding: 0;
}

.es-footer-links > li {
    display: block;
    margin: 0 0 16px 0;
    white-space: nowrap;
}

.es-footer-nonsolus {
    align-items: flex-start;
    display: flex;
    margin: 0 8px 24px;
}

.es-footer-nonsolus * {
    display: block;
}

.es-footer-relx {
    align-items: flex-start;
    display: flex;
    margin: 24px 8px 0;
}

.es-footer-relx * {
    display: block;
}

@media (min-width: 576px) {
    .es-footer {
        padding-left: 16px;
        padding-right: 16px;
    }
    .es-footer-links {
        flex-direction: row;
    }
    .es-footer-links > li {
        margin: 0 24px 8px 0;
        white-space: nowrap;
    }
}

@media (min-width: 768px) {
    .es-footer {
        flex-direction: row;
    }
    .es-footer-nonsolus {
        margin: 0 16px 0 8px;
    }
    .es-footer-relx {
        margin: 0 8px 0 16px;
    }
}

@media (min-width: 992px) {
    .es-footer {
        padding-left: 24px;
        padding-right: 24px;
    }
    .es-footer-links > li {
        margin-right: 32px;
    }
    .es-footer-nonsolus {
        margin-right: 24px;
    }
    .es-footer-relx {
        margin: 0 8px 0 24px;
    }
}

.es-header {
    background-color: rgb(255, 255, 255);
    box-sizing: border-box;
    color: rgba(83, 86, 90, 1);
    display: flex;
    flex-wrap: nowrap;
    font-size: 20px;
    justify-content: flex-end;
    line-height: 1.2em;
    min-height: 48px;
    padding: 8px 8px;
    position: relative;
}

.es-header .round,
.es-header .square {
    align-items: center;
    background-color: rgba(83, 86, 90, 1);
    color: white;
    display: flex;
    flex: 0 0 auto;
    height: 1.8em;
    justify-content: center;
    line-height: 1;
    margin: 0;
    width: 1.8em;
}

.es-header .round {
    border-radius: 50%;
}

.es-header-icons {
    align-items: center;
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}

.es-header-icons:last-child {
    padding: 0;
}

.es-header-icons-item {
    display: none;
    margin: 0 8px 0 24px;
}

.es-header-icons-item.button {
    margin: 0 8px 0 8px;
}

.es-header-icons-item.svg + .es-header-icons-item.button {
    margin: 0 8px 0 24px;
}

.es-header-icons-mobile {
    display: block;
}

.es-header-icons-button {
    -moz-appearance: none;
    -webkit-appearance: none;
    align-items: center;
    background-color: transparent;
    border: 0;
    color: inherit;
/*    display: flex;*/
    display: inline-block;

    font: inherit;
    line-height: inherit;
    margin: 0 -8px;
    padding: 6px 8px;
    transition: background-color 0.3s;
    width: auto;
}

.es-header-icons-button svg {
    border-color: transparent;
    border-style: solid;
    border-width: 2px 0;
    box-sizing: content-box;
    display: block;
    fill: currentColor;
    height: 1.1em;
    transition: border-color 0.3s;
    width: auto;
}

.es-header-icons-button:hover > svg {
    border-bottom-color: rgb(235, 101, 0);
}

.background .es-header-icons-button {
    align-items: center;
    background-color: rgb(80, 80, 80);
    color: white;
    height: 1.8em;
    justify-content: center;
    line-height: 1;
    width: 1.8em;
}

.background .es-header-icons-button[aria-expanded="true"],
.background .es-header-icons-button:hover {
    background-color: rgb(235, 101, 0);
}

.es-header-icons-button.profile {
    font-size: 16px;
    line-height: 1.1em;
}

.es-header-icons-button.profile span {
    border-color: transparent;
    border-style: solid;
    border-width: 2px 0;
    max-width: 160px;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: border-color 0.3s;
    white-space: nowrap;
}

.es-header-icons-button.profile .round {
    transition: background-color 0.3s;
    margin-left: 8px;
}

.es-header-icons-button.profile:hover span {
    border-bottom-color: rgb(235, 101, 0);
}

.es-header-icons-button.profile:hover .round {
    background-color: rgb(235, 101, 0);
}

.es-header-links {
    align-items: center;
    display: none;
    flex-wrap: wrap;
    justify-content: flex-end;
    list-style: none;
    margin: 0;
    padding: 7px 0 5px 0;
    white-space: nowrap;
}

.es-header-icons + .es-header-links {
    padding: 3px 0 9px 0;
}

.es-header-links > li {
    margin: 0 8px 0 24px;
}

.es-header-product {
    align-items: center;
    display: flex;
    flex: 1 1 auto;
    min-height: 30px;
    padding: 0 8px;
}

.es-header-product > a {
    align-items: center;
    color: inherit;
    display: flex;
    text-decoration: none;
}

.es-header-product-logo {
    height: 32px;
    width: auto;
    margin-right: 16px;
}

.es-header-product-name {
    border-color: transparent;
    border-style: solid;
    border-width: 6px 0 2px;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2em;
    transition: border-color 0.3s;
}

.es-header-product-svg {
    max-height: 32px;
    max-width: 100%;
}

@media (max-width: 576px) {
    .es-header-product-svg {
        width: auto;
    }
}

a:hover > .es-header-product-name {
    border-bottom-color: rgb(235, 101, 0);
}

.es-header-product-batch {
    display: none !important;
    font-size: 18px;
    margin-left: 1em;
    line-height: 1.1em;
    padding: 8px 0 0;
}

.es-header-side {
    background-color: rgb(255, 255, 255);
    bottom: 0;
    display: block;
    max-width: calc(100% - 16px);
    position: fixed;
    right: 0;
    top: 0;
    transform: translateX(0%) !important;
    visibility: visible;
    width: 320px;
    z-index: 9;
    transition: transform 0.3s, visibility 0s;
}

.es-header-side[hidden] {
    transform: translateX(100%) !important;
    visibility: hidden;
    transition: transform 0.3s, visibility 0.3s 0s;
}

.es-header-side:before {
    background-color: rgba(235, 235, 235, 0.85);
    bottom: 0;
    content: "";
    position: absolute;
    right: 100%;
    top: 0;
    width: 100vw;
}

.es-header-side[hidden]:before {
    content: none;
}

.es-header-side-content {
    bottom: 0;
    left: 0;
    overflow: hidden auto;
    padding: 16px;
    position: absolute;
    right: 0;
    top: 0;
}

.es-header-side-overlay.visible {
    display: block;
}

.es-header-side-close {
    position: absolute;
    right: 8px;
    top: 8px;
    z-index: 1;
}

@media (min-width: 576px) {
    .es-header {
        flex-wrap: wrap;
        min-height: 80px;
        padding: 10px 16px;
    }
    .es-header-product {
        min-height: 60px;
    }
    .es-header-product-batch {
        display: block !important;
    }
    .es-header-product-logo {
        height: 48px;
        margin-right: 16px;
    }
    .es-header-product-name {
        font-size: 24px;
        font-weight: 700;
    }
    .es-header-product-svg {
        max-height: 48px;
    }
}
/*para ocultar los enlaces de la cabecera, lo pasamos a smartfisterra.css {
@media (min-width: 768px) {
    .es-header-links {
        display: flex;
    }
    .es-header-icons {
        margin: 0 0 0 32px;
    }
    .es-header-icons-item {
        display: block;
    }
    .es-header-icons > li:last-child {
        display: none;
    }
    .es-header-product {
        padding: 0 96px 0 8px;
    }
    .es-header-side {
        display: none;
    }
}
*/
@media (min-width: 992px) {
    .es-header {
        padding-left: 24px;
        padding-right: 24px;
    }
}

.es-header-banner {
    align-items: center;
    display: flex;
    margin-bottom: 8px;
}

.es-header-banner-action {
    font-size: 16px;
    line-height: 1.1em;
}

.es-header-banner-action > a {
    margin-right: 16px;
}

.es-header-banner-icon {
    margin: 0 16px 0 0 !important;
}

.es-header-banner-icon svg {
    fill: currentColor;
}

.es-header-banner-name {
    font-size: 16px;
    line-height: 1.1em;
    margin: 0;
}

.es-header-nav {
    margin: 0 0 32px;
}

.es-header-nav-title {
    color: rgb(115, 115, 115);
    font: inherit;
    margin: 0 0 16px;
}

.es-header-nav ul {
    margin: 0;
    padding: 0;
}

.es-header-buttons {
    display: flex;
    margin-top: 24px;
}

.es-header-buttons .es-button + .es-button {
    margin-left: 16px;
}

.es-header-user {
    margin: 0 0 32px;
}

/* Make some space for the close button */
.es-header-user .es-header-banner-name {
    margin-right: 32px;
}

.es-header-user-action .es-link + .es-link {
    margin-right: 16px;
}



.container-fluid{padding-right: 0px !important;padding-left: 0px !important;}
.container-content, .container-fluid-content{width:100% !important;margin: auto!important;}
.container-inner { max-width:100%; }


@media (min-width: 576px) {
}

@media (min-width: 768px) {
    .es-heading-h1 {
              font-size: 32px;
            }
}

@media (min-width: 992px) {

}


@media (min-width: 1264px) {
    .container-content{width: 1200px !important;margin: auto!important;}

    .container-inner{ max-width: 1440px; }
/*
    para ocultar los enlaces de la cabecera antes @media (min-width: 768px) {*/

    .es-header-links {
        display: flex;
    }
    .es-header-icons {
        margin: 0 0 0 32px;
    }
    .es-header-icons-item {
        display: block;
    }
    .es-header-icons > li:last-child {
        display: none;
    }
    .es-header-product {
        padding: 0 96px 0 8px;
    }
    .es-header-side {
        display: none;
    }
}

@media (min-width: 1500px) {
    .container-content{width: 1400px !important;margin: auto!important;}
}

#curso{
    position:relative;
}
#curso-content{
    margin-right: 300px;
    padding-right: 20px;
}
#curso_sidebar{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 280px;
    overflow-y: auto;
    height: 100%;
}



.es-content{
    padding-left: 24px;
    padding-right: 24px;
}
.f5{font-size: 32px !important;}
.f4{font-size: 24px !important;}
.f3{font-size: 20px !important;}
.f2{font-size: 16px !important;}
.f1{font-size: 16px !important;}
.f0{font-size: 12px !important;}

.p4{padding: 48px!important}
.p3{padding: 32px!important}
.p2{padding: 16px!important}
.p1{padding: 8px!important}
.p0{padding: 0px!important}
.pr4{padding-right: 48px!important}
.pr3{padding-right: 32px!important}
.pr2{padding-right: 16px!important}
.pr1{padding-right: 8px!important}
.pr0{padding-right: 0px!important}
.pl4{padding-left: 48px!important}
.pl3{padding-left: 32px!important}
.pl2{padding-left: 16px!important}
.pl1{padding-left: 8px!important}
.pl0{padding-left: 0px!important}
.pt4{padding-top: 48px!important}
.pt3{padding-top: 32px!important}
.pt2{padding-top: 16px!important}
.pt1{padding-top: 8px!important}
.pt0{padding-top: 0px!important}
.pb4{padding-bottom: 48px!important}
.pb3{padding-bottom: 32px!important}
.pb2{padding-bottom: 16px!important}
.pb1{padding-bottom: 8px!important}
.pb0{padding-bottom: 0px!important}
.py5{padding-top: 64px!important;padding-bottom: 64px!important}
.py4{padding-top: 48px!important;padding-bottom: 48px!important}
.py3{padding-top: 32px!important;padding-bottom: 32px!important}
.py2{padding-top: 16px!important;padding-bottom: 16px!important}
.py1{padding-top: 8px!important;padding-bottom: 8px!important}
.py0{padding-top: 0px!important;padding-bottom: 0px!important}

.px5{padding-left: 48px!important;padding-right: 34px!important}
.px4{padding-left: 48px!important;padding-right: 48px!important}
.px3{padding-left: 32px!important;padding-right: 32px!important}
.px2{padding-left: 16px!important;padding-right: 16px!important}
.px1{padding-left: 8px!important;padding-right: 8px!important}
.px0{padding-left: 0px!important;padding-right: 0px!important}

.plli{
    padding-left: inherit !important;
}
.width100{
    width: 100%;
}
.height100{
    height: 100%;
}
.dnone{
    display: none !important;
}
.dblock{
    display: block !important;
}
.zindexup{
    z-index: 9999;
}
.h100{
    height: 100%;
    position: relative;
}
.vcenter{
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);   
}

.center{
    margin: auto;
    padding: auto;
}
.white{
   color: #fff !important;
}
.fillwhite{
   fill: #fff !important;
}
.fillblue{
   fill:rgb(0, 115, 152);
}
.fillorange{
   fill:rgb(235, 101, 0);
}
.fillgrey{
   fill:rgb(185, 185, 185);
}
.fillgreydark{
   fill:rgb(142, 142, 142);
}


.m4{margin: 48px!important}
.m3{margin: 32px!important}
.m2{margin: 16px!important}
.m1{margin: 8px!important}
.m0{margin: 0px!important}
.mr4{margin-right: 48px!important}
.mr3{margin-right: 32px!important}
.mr2{margin-right: 16px!important}
.mr1{margin-right: 8px!important}
.mr0{margin-right: 0px!important}
.ml4{margin-left: 48px!important}
.ml3{margin-left: 32px!important}
.ml2{margin-left: 16px!important}
.ml1{margin-left: 8px!important}
.ml0{margin-left: 0px!important}
.mt4{margin-top: 48px!important}
.mt5{margin-top: 60px!important}
.mt3{margin-top: 32px!important}
.mt2{margin-top: 16px!important}
.mt1{margin-top: 8px!important}
.mt0{margin-top: 0px!important}
.mb5{margin-bottom: 60px!important}
.mb4{margin-bottom: 48px!important}
.mb3{margin-bottom: 32px!important}
.mb2{margin-bottom: 16px!important}
.mb1{margin-bottom: 8px!important}
.mb0{margin-bottom: 0px!important}

.mt1vh{margin-top: 1vh!important}
.mt2vh{margin-top: 2vh!important}
.mt3vh{margin-top: 3vh!important}
.mb1vh{margin-bottom: 1vh!important}
.mb2vh{margin-bottom: 2vh!important}
.mb3vh{margin-bottom: 3vh!important}

.mr1vw{margin-right: 1vw!important}
.mr2vw{margin-right: 2vw!important}
.mr3vw{margin-right: 3vw!important}
.ml1vw{margin-left: 1vw!important}
.ml2vw{margin-left: 2vw!important}
.ml3vw{margin-left: 3vw!important}
.mt24{margin-top: 24px!important}
.flr{
    float: right !important;
}
.fll{
    float: left !important;
}

.bg-bgorange1{background-color: rgb(    255, 240, 228  ); }
.bg-blue{background-color: #44C6F4; }
.bg-grey0{background-color: rgb(255, 255, 255);  }
.bg-grey1{background-color: rgb(245, 245, 245) !important;   }
.bg-grey2{background-color: rgb(185, 185, 185);  }
.bg-grey3{background-color: rgb(115, 115, 115);  }
.bg-grey4{background-color: rgb(46, 46, 46);  }

.f-grey3{color: rgb(115, 115, 115)!important;    }
.f-grey4{color: rgb(46, 46, 46)!important;  }

.bg-hojas{
    background: url(https://fisterra-web-assets-prod.s3.eu-west-1.amazonaws.com/fisterra-website/fisterranew/bggrisclaro.jpg) no-repeat right top #fff;
}
.bg-elsorange{
    background: url(https://fisterra-web-assets-prod.s3.eu-west-1.amazonaws.com/fisterra-website/images/ELS_pattern_lightorange_CMYK_02.jpg) no-repeat right top #fff;
}
.bg-bgorange1{
    background-color: rgb(    255, 240, 228  );   
}
.border-bgorangetop{
    border-top: 2px solid  rgb(255, 108, 0);
}
.border-bgorange{
    border-bottom:2px solid rgb(255, 108, 0)!important;
}
.border-bt-grey2{
    border-bottom: 2px solid rgb(235, 235, 235)!important;
}
.border-grey3-b4{
    border: 4px solid rgb(220, 220, 220);
    box-sizing: border-box;
}

.border-grey18{
    border: 8px solid rgb(245, 245, 245);
    box-sizing: border-box;
}
.border-grey-right1r{
    border-right: 1rem solid rgb(245, 245, 245);
    box-sizing: border-box;
}
.border-grey116{
    border: 16px solid rgb(245, 245, 245);
    box-sizing: border-box;
}

.orange{color: rgb(235, 101, 0)!important;}
.blue{color: rgb(0, 115, 152)!important;}

.gorange1{background-color: rgb(    255, 240, 228  ); }
.text-mute{color: rgb(115, 115, 115);    }
.grey4{color: rgb(46, 46, 46);    }

.bl-grey{border-left: 2px solid rgb(185, 185, 185)}
.bl-orange{border-left: 2px solid rgb(235, 101, 0)}
.bl-blue{border-left: 2px solid rgb(0, 115, 152)}

.b-white{border-left: 2px solid rgb(0, 115, 152)}

a.bbh-orange: hover;{border-left: 2px solid rgb(235, 101, 0)}

.es-sides-padding {
    padding-left: 16px;
    padding-right: 16px
}
@media only screen and (min-width: 36em) {
    .es-sides-padding {
        padding-left: 24px;
        padding-right: 24px
    }
}
@media only screen and (min-width: 62em) {
    .es-sides-padding {
        padding-left: 32px;
        padding-right: 32px
    }
}

h1,h2,h3, .es-font-elsevier-display{font-family: ElsevierDisplay, NexusSans;}

.sticky-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99;
}

.sticky-header + .content {
  padding-top: 80px;
}
:target::before {
    content: "";
    display: block;
    height: 90px; /* aquí la altura de la cabecera fija*/
    margin: -90px 0 0; /* altura negativa de la cabecera fija */
}
.clearfix:before, .clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}





/*estilos sacados de funciones_html.asp*/


.example-content {
    margin: 0 auto;
    max-width: 1200px;
    padding: 32px;
}
    .es-horizontal-rule {
    border: 1px solid rgb(115, 115, 115);
    margin: 2em 0;
 }
    .es-tag {
    margin: 0 0px 8px 0;
}

.es-tag-cesta{
    position: relative;
    left:-12px;
    top:-16px;
    color: rgb(115, 115, 115);
}
    .es-progress-indicator {
    margin: 0 8px 8px 0;
}
.borderblue{
    border: 2px solid #009ECE;
}
.bg-application-footer {
   border-top: 2px solid rgb(220, 220, 220);
   padding-left:  !important;
   padding-right: auto !important;
}

.bg-application-footer li {
    display: flex;
    flex-direction: column;
    padding: 0 0 8px;
}

.bg-application-footer .es-link {
    /* Using flex below to make sure the outline remains visible */
    align-self: flex-start;
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.bg-application-footer-branch {
    font-weight: 700;
    margin-bottom: 8px;
}

.bg-application-footer-category {
    color: rgb(115, 115, 115);
    padding-bottom: 8px;
}

.bg-application-footer-level1, .bg-application-footer-level2, .bg-application-footer-level3 {
    list-style: none;
    margin: 0;
    padding: 0;
}

.bg-application-footer-level1 {
    padding: 32px 32px 0px 32px;
}

.bg-application-footer-level1 > li {
    break-inside: avoid;
    padding-bottom: 16px;
}

.bg-application-footer-level1 > li[data-path="components"] {
    break-inside: auto;
}

.bg-application-footer-level3 {
    padding-bottom: 16px;
}
.es-footer{
    margin: 0px!important;
}

@media (min-width: 320px) {
    .bg-application-footer {
        margin: 48px 24px 0;
    }
    .bg-application-footer-level1 {
        column-count: 2;
    }
     .es-header-icons-item{
        margin: 0 8px 0 12px;
    }
}
@media (min-width: 576px) {
    .bg-application-footer {
        margin: 48px 24px 0;
    }
    .bg-application-footer-level1 {
        column-count: 3;
    }
    .es-header-icons-item{
        margin: 0 8px 0 16px;
    }
}

@media (min-width: 768px) {
    .bg-application-footer {
        margin: 64px 24px 0;
        padding: 0 8.3333333333%;
    }
    .es-header-icons-item{
        margin: 0 8px 0 16px;
    }
}

@media (min-width: 992px) {
    .bg-application-footer {
        margin: 64px 32px 0;
        padding: 0;
    }
    .bg-application-footer-level1 {
        column-count: 5;
    }
    .es-header-icons-item{
        margin: 0 8px 0 24px;
    }
}

@media (min-width: 1264px) {
    .bg-application-footer {
        margin: 64px auto 0;
        padding: 0 32px 0;
        max-width: 1440px;
    }
    .es-header-icons-item{
        margin: 0 8px 0 24px;
    }
}



.es-social-share {
    color: rgb(115, 115, 115);
    margin: 32px 0;
    padding: 0 16px;
    text-align: right;
}

.es-social-share .es-link {
    display: inline-block;
    line-height: 0;
    margin-left: 32px;
}

.es-social-share svg {
    fill: currentColor;
}

@media (min-width: 576px) {
    .es-social-share {
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media (min-width: 992px) {
    .es-social-share {
        padding-left: 32px;
        padding-right: 32px;
    }
}


*{
    outline-width: 0px !important;
}
a.es-link:focus, a.es-link:active, a.es-link:hover{
    outline-width: 0px !important;
}

.es-header-product h1 {
    color: #ff6c00;
    font-size: 24px;
    font-weight: 500;
}
.es-header-links .es-link:active,
.es-header-links .es-link:focus, .es-header-icons-button {
     border: none!important;
     outline:none;
}
.es-header-links .es-link,
.es-header-links .es-link:hover
  {
    cursor: pointer;
}
.es-header-icons-button  > svg {
    border: 0px;
}
.es-header-icons-button:hover > svg {
    fill: rgb(235, 101, 0) !important;
}

#lupaToggle  > svg {
    fill:rgb(0, 115, 152);
}
.hideBuscador {
  opacity:0;
    max-height: 0px;
    margin: 0px;
    padding: 0px;
    max-width: 0px;
  position: absolute !important;
  top: -300px!important;

}
.showBuscador {
  max-height: 300px !important;
  opacity:1;
  transition: all 1s;
  
}
.hideAviso {
  opacity:0;
    max-height: 0px;
    position: absolute;
    transition: all 1s;
}
.hide {
  display: none !important;
}
.show {
  display: inline-block !important;
}
.hidePW {
  opacity:0;
    max-height: 0px;
}
.showPW {
  max-height: 600px;
  opacity:1;
  transition: all 1s;
  display: inline-block;

}
.containertab{
    margin-bottom: 16px;
    padding-bottom: 16px;
    width: 100%;
}
.hideTabs {
  
    display: none !important;
}
.showTabs {
 
  display: inline-block !important;

}
#buscadorFisterra{
  margin: 0px;
  padding: 0px;
  display: inline-block;
}

 #inputBuscador1{
    height: 2.2rem;
    border: 0px;
   border-bottom: 1px solid rgb(185, 185, 185);
   background-color: #fff;
   padding-left: 0.1rem !important;
   padding-top: 0.8rem !important;
   padding-bottom: 0.8rem !important;
   margin-top: 0.8rem !important;
   width: 100%;
  font-size: 20px;
  color: rgb(80, 80, 80);
display: inline-block;

}

.bgc-search-input{
          margin-top: 0px;
          padding-top: 8px;
          border-bottom: 0px solid rgb(185, 185, 185);
          position: relative !important;
        }
        .bgc-search-input > button  {
            z-index: 1 !important;
            display: inline !important;
            left: calc(98% - 1.2em);
            position: absolute !important;
           bottom: 0.1rem !important;
           
        }
        .bgc-search-input > button > svg {
            fill: rgb(0, 115, 152);
            cursor: pointer;
            border: 0px;
        }
         .bgc-search-input > button > svg:hover {
            fill: rgb(235, 101, 0);
        }


::placeholder {
    color: rgb(185, 185, 185);
    font-size: 0.8em;
    font-style: italic;
}
textarea::placeholder {
  color: rgb(0, 115, 152);
  font-family: "NexusSans", Arial, sans-serif !important;
    font-size: 18px;
    font-style: normal;
}
/*boton cookies pie pagina*/
 #ot-sdk-btn.ot-sdk-show-settings {
    color: #06748F !important;
    background-color: transparent !important;
    border: 0 !important;
        border-bottom-color: currentcolor !important;
        border-bottom-style: none !important;
        border-bottom-width: 0px !important;
    font-size: 100% !important;
    
    font-family: "NexusSans", Arial, sans-serif !important;
    padding: 0 !important;
    text-decoration: none !important;
    border-bottom: transparent 0.125rem solid !important;
    transition: border-bottom 0.3s !important;
    font-feature-settings: "onum" 1, "kern" 1, "liga" 1 !important;
        -webkit-font-smoothing: antialiased !important;
   font-family: "NexusSans", Arial, sans-serif !important;
    font-size: 14px !important;
   

}
#ot-sdk-btn:hover {
  color: #06748F !important;border-bottom: 1px solid #cccccc !important;
}
.es-text-left {
    text-align: left!important
}
.es-text-right {
    text-align: right!important
}
.es-text-center {
    text-align: center!important
}
.es-text-italic {
    font-style: italic;
}


.divHREF {
     border-bottom: 2px solid  rgb(    205, 228, 255  );
    padding: 0.8rem 0.8rem 0.8rem 0.8rem ;
    box-sizing: border-box;
    color: #3679E0 !important;
    width: 100%;
    height: 100%;
    margin: 0px;
    overflow: hidden;
}
.divHREF:hover {
    border-bottom: 2px solid rgb(235, 101, 0) !important;
}
.divHREF:hover  svg {
    fill: rgb(235, 101, 0) !important;
}

.iconDivHREF {
    fill: rgb(0, 115, 152) !important;
}
.tdeconone{
    text-decoration: none !important;
}

#scroll-top.fadeIn {
    color: #fff;
    width: 40px;
    height: 40px;
    position: fixed;
    z-index: 99;
    bottom: 54px;
    right: 8px;
    font-size: 20px;
    background: rgb(46, 46, 46);
    border-radius: 3px !important;
    text-align: center;
    border: 1px solid hsla(0, 0%, 78%, 0.3);
    opacity: 0.8;
    transition: opacity 1s; 
    }

    #scroll-top.fadeOut {
    opacity: 0;
    }

 .scrollToTopBtn {
  position: fixed;
  bottom: 50px;
  right: 50px;
  z-index: 99;
  display: none;
  padding: 8px 4px;
  cursor: pointer;
}

.suggestions{
    
   position: absolute;
   width: 100%;
   background-color: #fff;
    background-color: #fff;
    display: none ;
    border-left: 1px solid rgb(185, 185, 185);
    border-right: 1px solid rgb(185, 185, 185);
    border-bottom: 1px solid rgb(185, 185, 185);
    border-top: 0px solid rgb(185, 185, 185);
    max-height: 25rem;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0px;
    margin: 0px;
    font-size: 20px;
    z-index: 99;
}
.suggestions li {
    padding: .2em .4em;
    margin: 0px;
    line-height: 1.5;
    list-style:none !important;
    z-index: 99;
}
.suggestions li.liTipoFichaBuscador{
  margin-top: 0.2em;
  color: rgb(235, 101, 0);
}

.suggestions li.liNameBuscador:hover {
    background-color: #0C7DBB;
    color: #fff;
    cursor: pointer;
}
.suggestions li.liNameBuscador:hover a.name {
    
    color: #fff;
}
.suggestions li a.name {
    color: rgb(46, 46, 46);
    margin: 0px;
    text-decoration: none;
}
.suggestions li a.name:hover {
    
    color: #fff;
}
.suggestions li a.tipoFicha {
    color: rgb(235, 101, 0);
    margin: 0px;
}

.highlight {
  
  font-weight: bold;
}
.es-popup-close{
    cursor: pointer;
}
.es-header-nav{
    margin: 24px 0px 0px 16px !important;
}
.es-header-nav-title{
    color: rgb(46, 46, 46) !important;
    font-weight: bold;
}



.litabs {display: inline !important; border-bottom: 2px solid #fff;padding: 0.8rem 0rem 0.4rem 0rem ;box-sizing: border-box;color: rgb(80, 80, 80);margin-right: 1vh;} 
.litabs:hover {border-bottom: 2px solid rgb(235, 101, 0);cursor:pointer !important;color: rgb(235, 101, 0) !important;}
.litabs:hover  svg {fill: rgb(235, 101, 0) !important;}
.litabs  a:hover,.litabs.active  a {color: rgb(235, 101, 0) !important; text-decoration: none !important;}

.litabs:not(.active) > a {color: rgb(80, 80, 80); text-decoration: none !important;}


 .inactive{background-color: #fff;border-bottom: 2px solid #fff;}
  .active{background-color: #fff;border-bottom: 2px solid rgb(235, 101, 0);color: rgb(46, 46, 46) !important;}
 
 ul.tabsFisterra,ul.falsetabsFisterra{list-style:none !important;}
 
.bg-grey1  .inactive{background-color: transparent !important;}
.bg-grey1  .active{background-color: transparent !important}
 
  .list-guide{
  padding-top: 3vh;
  padding-left: 3vh;
  padding-rigth: 3vh;
  padding-bottom: 2vh;
  margin-bottom: 3vh;
  background-color: #fff;
  width: 100%;
}

.buttonlg{
    padding: 0.5em 1.5em!important;
    height: auto !important;
}
 
button{
    cursor: pointer;
}
/*
a.backgroundcabecera  {
    cursor: pointer;
    color: #fff !important;
    background-color: rgb(80, 80, 80) !important;
}
a.backgroundcabecera:hover {
    color: #fff !important;
    background-color: rgb(235, 101, 0) !important;
}
a.backgroundcabecera:hover svg {
    fill: #fff !important;
}
*/
#sidebar{
    position: -webkit-sticky;
    position: sticky;
    top: 90px;
    overflow-y: auto;
    height: 88vh;
}
#sidebar.fixed {
  position: fixed;
  
}

#sidebar::-webkit-scrollbar {
    width: 8px;     /* Tamaño del scroll en vertical */
    /*height: 8px;     Tamaño del scroll en horizontal */
      /* display: none;Ocultar scroll */
}

/* Ponemos un color de fondo y redondeamos las esquinas del thumb */
#sidebar::-webkit-scrollbar-thumb {
    background: rgb(185, 185, 185);
   /* border-radius: 4px;*/
}

/* Cambiamos el fondo y agregamos una sombra cuando esté en hover */
#sidebar::-webkit-scrollbar-thumb:hover {
    background: #b3b3b3;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.2);
}

/* Cambiamos el fondo cuando esté en active */
#sidebar::-webkit-scrollbar-thumb:active {
    background-color: #999999;
}


#sidebar::-webkit-scrollbar-track {
    background:  rgb(235, 235, 235);
  
}

/* Cambiamos el fondo cuando esté en active o hover */
#sidebar::-webkit-scrollbar-track:hover,
#sidebar::-webkit-scrollbar-track:active {
  background: rgb(235, 235, 235);
}

/*paywall*/
.degradado:after{
   
    content: "";
    height: 70%;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(255,255,255,0), #fff);
   
}
#paywall-wrapper {
    left: 0px;
  position: fixed;
  bottom: 0;
  z-index: 90;
  background-color:#fff ;
  border-top: 2px solid  rgb(255, 108, 0);
}

.div-table-responsive{
  width:100%!important;
  overflow-x:auto!important;
  border:none!important;
  display: block!important;
}
.imagen-responsive{
   max-width: 100%;
  }

table.contenido-ficha {
    border-collapse: collapse;
    max-width: 100%;

  }

  table.contenido-ficha td, table.contenido-ficha th{
    border: 1px solid rgb(245, 245, 245);
    font-size: 16px;
    padding: 1rem;
  }
  table.presentacionesMedicamentos td,table.presentacionesMedicamentos th{
    border: 1px solid rgb(245, 245, 245);
    font-size: 16px;
    padding: 0.5rem;
  }
  table.presentacionesMedicamentos th{
    font-weight: bold;
    background-color: rgb(245, 245, 245);
    color: rgb(46, 46, 46);
  }
  /*Interacciones medicamentos*/
        
        .divGrisRedondeado{
            /*border:1px solid #008888;*/ 
            margin:10px 0 10px 0; 
            padding:10px 10px 10px 10px;
            
            width:auto;
            background:#ffffff;
            color: #333333;
            font-weight: normal;
            line-height:17px;
            border:2px solid #F3F3F3;
            -moz-border-radius: 6px 6px;-webkit-border-radius: 6px 6px;border-radius: 6px 6px;
            
        }
        
        .cerrarLista{
            margin-right:8px;
            padding:5px 5px 5px 0px;
            color: rgb(115, 115, 115);
            line-height:17px;
            text-decoration: none;
           /* font-weight: bold;
           background:#F3F3F3;
            border:2px solid #F3F3F3;
            -moz-border-radius: 0px 6px 6px 0px;-webkit-border-radius: 0px 6px 6px 0px;border-radius: 0px 6px 6px 0px;
            text-decoration:none;
            font : 11 Verdana,Arial ;*/

        }
        .botonMedicamento{
            
            padding:5px 5px 5px 5px;
            background:#ffffff;
            color: rgb(12, 125, 187)!important;
            
            line-height:17px;
             text-decoration: none;
            /*
            font-weight: bold;
            -moz-border-radius: 6px 0px 0px 6px;-webkit-border-radius: 6px 0px 0px 6px;border-radius: 6px 0px 0px 6px;
            border-top-left-radius:2em;
            border-top-right-radius:2em;
            border-bottom-right-radius:2em;
            border-bottom-left-radius:2em;
            font : 11 Verdana,Arial ;
            border:2px solid #F3F3F3;
            border-right:0px;
            */

        }
        
    .ui-autocomplete {
        max-height: 250px;
        overflow-y: auto;
        /* prevent horizontal scrollbar */
        overflow-x: hidden;
        /* add padding to account for vertical scrollbar */
        width:335px;
        z-index:4000 !important;
        background-color:#F3F3F3 !important;
    }
    /* IE 6 doesn"t support max-height
     * we use height instead, but this forces the menu to always be this tall
     */
    * html .ui-autocomplete {
        height: 250px;
        width:335px;
        z-index:4000 !important;
        /*background-color:#F3F3F3 !important;*/
    }
    .ui-autocomplete-category {
        font-size: 14px;
        font-weight: normal;
        color :#008888;
    }    
    .ui-widget-header {
    border: 0px !important;
    background:none!important;   
    
}
.ui-tabs, .ui-widget, .ui-widget-content, .ui-corner-all{
    border: 0px !important;
}
.pestana{
    font-size: 16px !important;
}
.ui-tabs-selected{
    border: 0px;
    border-bottom:2px solid rgb(235, 101, 0)!important;
}
.ui-widget {
    font-family: "NexusSans", Arial, sans-serif !important;
    font-size: 18px !important;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    font-size: 20px !important;
    border: 0px !important;
    border-bottom: 2px solid rgb(235, 101, 0) !important;
}

select{
  /*  -webkit-appearance: none;*/
    background-color: transparent;
    border-color: rgb(115, 115, 115);
    border-style: solid;
    border-width: 0 0 2px;
    box-sizing: border-box;
    color: inherit;
    display: block;
    font: inherit;
    height: 3.2em;
    margin: 0;
    padding: 1em 0 0;
    position: relative;
    vertical-align: text-bottom;
    width: 100%;
}

select:invalid, select option[value="0"] {
  color: rgb(0, 115, 152) !important;
}
/*para que no salga el borde de los check e imput*/
.es-check-input:before {
    border-style: none!important;
}
textarea {
    width: 100%;
    height:160px;
    font-size: 16px;
    border: 0px; 
    border-bottom: 2px solid rgb(80, 80, 80);
}
.logoInstitucion{
    max-width:260px;
    height:40px;
}
.listado-carro {list-style:none;padding:0;margin:0;display:inline;}
.listado-carro li{display:inline}
.listado-carro li{margin:2px 0 0 0}