/****************************************************
*					WEBSITE FONTS					*
****************************************************/
/****************************************************
*					BASE COLORS						*
****************************************************/
/* Overrides for specific websites
$h1-title-color             : $black;
$h2-title-color             : $black;
$h3-title-color             : $black;
$h4-title-color             : $black;
$eyebrow-color              : $primary-300;
 */
/****************************************************
*					ALERT COLORS					*
****************************************************/
/* Reference for this calculation on https://css-tricks.com/programming-sass-to-create-accessible-color-combinations/ */
/*------------------- Grid resolutions -------------------*/
/*------------------- Sizes mixins -------------------*/
/*-------------------------------------Margins-------------------------------------*/
/* Buttons - elements/_buttons.scss */
/* Cards - elements/d3-card.scss */
/* Images on content sections - elements/d3-content-section.scss */
/* Images on media detail - elements/_d3-media-detail.scss */
/* Images on Testimonials - components/d3-testimonial.scss */
/* Images on Image Text - components/d3-image-text.scss */
/* Form inputs - elements/_forms.scss */
/* Form inputs - elements/_forms.scss */
/* Tables - elements/d3-table.scss, elements/_cookie-warning.scss */
/* Popups - elements/_cookie-warning.scss */
/* Accordions - elements/d3-accordion.scss */
/* Videoplayer - elements/d3-video-player.scss, elements/_d3-webinar-detail.scss */
/* Podcast player - elements/d3-podcast.scss */
/* Feature block - elements/d3-feature-block.scss */
/* Define a single size for all image-related border-radii */
/* Define a single size for all border-radii */
/********* REUSABLE TEXT STYLES ************/
/*------------------- Mixins  -------------------*/
/*------------------- Functions  -------------------*/
/*-------------------------------------Others-------------------------------------*/
/* ---------- Color and fonts replace ---------- */
/* General variables */
:root {
  --grey-100: #5e5e5e;
  --primary-100: #001f4f;
  --secondary-100: #004199;
  --tertiary-100: #715b1b;
  --grey-200: #919191;
  --primary-200: #002969;
  --secondary-200: #0056cc;
  --tertiary-200: #af8c26;
  --grey-300: #ababab;
  --primary-300: #003383;
  --secondary-300: #006cff;
  --tertiary-300: #d4a92d;
  --grey-400: #c4c4c4;
  --primary-400: #335c9c;
  --secondary-400: #3389ff;
  --tertiary-400: #dfb742;
  --grey-500: #dedede;
  --primary-500: #6685b5;
  --secondary-500: #66a7ff;
  --tertiary-500: #e9c764;
  --grey-600: #f7f7f7;
  --primary-600: #d4e4f4;
  --secondary-600: #e5f0ff;
  --tertiary-600: #efdda8;
  --d3-black: #181819;
  --grifols-blue: #003383;
  --d3-font-body: OpenSans;
  --d3-font-title: Montserrat;
  --d3-page-bg: #fdfdff;
  --d3-radius-lg: 24px;
  --d3-radius-md: 16px;
  --d3-radius-none: 0px;
  --d3-radius-pill: 80px;
  --d3-radius-sm: 8px;
  --d3-radius-xl: 32px;
  --d3-radius-xs: 4px;
  --d3-utility-black: #020304;
  --d3-utility-white: #fdfdff;
  --d3-white: #fdfdff; }

body {
  /* ------------------------------------------------- CHATBOT MODAL ------------------------------------------------- */ }
  body #d3-chatbot-header {
    display: none; }
  body #modal-popup.d3-chatbot-modal-popup {
    bottom: 96px !important;
    height: 80vh;
    left: auto !important;
    right: 16px;
    top: auto !important; }
    body #modal-popup.d3-chatbot-modal-popup p, body #modal-popup.d3-chatbot-modal-popup span, body #modal-popup.d3-chatbot-modal-popup div {
      font-size: 14px;
      line-height: 21px; }
      @media only screen and (min-width: 1008px) {
        body #modal-popup.d3-chatbot-modal-popup p, body #modal-popup.d3-chatbot-modal-popup span, body #modal-popup.d3-chatbot-modal-popup div {
          font-size: 14px;
          line-height: 21px; } }
      body #modal-popup.d3-chatbot-modal-popup p sup, body #modal-popup.d3-chatbot-modal-popup p sub, body #modal-popup.d3-chatbot-modal-popup span sup, body #modal-popup.d3-chatbot-modal-popup span sub, body #modal-popup.d3-chatbot-modal-popup div sup, body #modal-popup.d3-chatbot-modal-popup div sub {
        font-size: 60%; }
      body #modal-popup.d3-chatbot-modal-popup p + p, body #modal-popup.d3-chatbot-modal-popup span + p, body #modal-popup.d3-chatbot-modal-popup div + p {
        margin-top: 4px; }
      body #modal-popup.d3-chatbot-modal-popup p + li, body #modal-popup.d3-chatbot-modal-popup span + li, body #modal-popup.d3-chatbot-modal-popup div + li {
        margin-top: 12px; }
    body #modal-popup.d3-chatbot-modal-popup .modal-header p {
      font-size: 18px;
      line-height: 27px; }
      @media only screen and (min-width: 1008px) {
        body #modal-popup.d3-chatbot-modal-popup .modal-header p {
          font-size: 18px;
          line-height: 27px; } }
      body #modal-popup.d3-chatbot-modal-popup .modal-header p sup, body #modal-popup.d3-chatbot-modal-popup .modal-header p sub {
        font-size: 60%; }
      body #modal-popup.d3-chatbot-modal-popup .modal-header p + p {
        margin-top: 8px; }
      body #modal-popup.d3-chatbot-modal-popup .modal-header p + li {
        margin-top: 16px; }
  body .d3-chatbot-modal-popup .modal-content {
    height: 100%; }
    body .d3-chatbot-modal-popup .modal-content .modal-header {
      background-color: #003383;
      color: #fdfdff;
      padding: 8px 32px !important; }
      body .d3-chatbot-modal-popup .modal-content .modal-header p {
        font-size: 18px;
        line-height: 27px; }
        @media only screen and (min-width: 1008px) {
          body .d3-chatbot-modal-popup .modal-content .modal-header p {
            font-size: 18px;
            line-height: 27px; } }
        body .d3-chatbot-modal-popup .modal-content .modal-header p sup, body .d3-chatbot-modal-popup .modal-content .modal-header p sub {
          font-size: 60%; }
        body .d3-chatbot-modal-popup .modal-content .modal-header p + p {
          margin-top: 8px; }
        body .d3-chatbot-modal-popup .modal-content .modal-header p + li {
          margin-top: 16px; }
      body .d3-chatbot-modal-popup .modal-content .modal-header .d3-chatbot-header__refresh-btn {
        margin-top: 0 !important; }
        body .d3-chatbot-modal-popup .modal-content .modal-header .d3-chatbot-header__refresh-btn i {
          color: #fdfdff !important; }
    body .d3-chatbot-modal-popup .modal-content .modal-body {
      overflow: hidden;
      padding: 0 !important; }
      body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content {
        height: 100%; }
        body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat {
          height: 100%; }
          body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .webchat__basic-transcript__scrollable {
            padding: 8px; }
          body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .webchat__bubble__content {
            border-radius: 8px; }
          body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .webchat__suggested-actions .webchat__suggested-action {
            font-family: OpenSans, sans-serif;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: -.15px;
            border-width: 1px;
            border-style: solid;
            border-radius: 8px;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 600;
            opacity: 1;
            text-decoration: none !important;
            letter-spacing: 0;
            cursor: pointer;
            -moz-box-shadow: 0 0 0 1px #003383 inset;
            -webkit-box-shadow: 0 0 0 1px #003383 inset;
            box-shadow: 0 0 0 1px #003383 inset;
            background-color: #fdfdff;
            border-color: #003383;
            color: #002969;
            height: 35px !important;
            left: 8%;
            min-width: 0 !important;
            padding: 0 !important;
            width: 84% !important; }
            @media only screen and (min-width: 1008px) {
              body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .webchat__suggested-actions .webchat__suggested-action {
                font-size: 16px;
                line-height: 24px; } }
            body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .webchat__suggested-actions .webchat__suggested-action sup, body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .webchat__suggested-actions .webchat__suggested-action sub {
              font-size: 60%; }
            body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .webchat__suggested-actions .webchat__suggested-action:focus, body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .webchat__suggested-actions .webchat__suggested-action.focus, body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .webchat__suggested-actions .webchat__suggested-action:not(:disabled):not(.disabled):active:focus {
              box-shadow: none;
              outline: none; }
            body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .webchat__suggested-actions .webchat__suggested-action:disabled, body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .webchat__suggested-actions .webchat__suggested-action.disabled {
              -moz-box-shadow: none;
              -webkit-box-shadow: none;
              box-shadow: none;
              background-color: #dedede !important;
              color: #5e5e5e !important;
              cursor: not-allowed !important; }
            body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .webchat__suggested-actions .webchat__suggested-action .spinner {
              width: 20px;
              height: 20px;
              border-radius: 50%;
              position: relative;
              mask: radial-gradient(circle 8px, transparent 7px, black 8px);
              transition: opacity 0.2s ease;
              vertical-align: middle;
              display: none;
              background: conic-gradient(from 90deg, rgba(253, 253, 255, 0.03) 0deg, #fdfdff 360deg); }
              body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .webchat__suggested-actions .webchat__suggested-action .spinner.active {
                display: block;
                animation: spin 0.8s linear infinite; }

@keyframes spin {
  to {
    transform: rotate(360deg); } }
            body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .webchat__suggested-actions .webchat__suggested-action .ph-paper-plane-right {
              transition-duration: 0.3s;
              transition-timing-function: ease-in-out;
              transition-property: all; }
            body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .webchat__suggested-actions .webchat__suggested-action:hover .ph-paper-plane-right,
            body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .webchat__suggested-actions .webchat__suggested-action:focus-visible .ph-paper-plane-right {
              transform: rotate(-24deg); }
            body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .webchat__suggested-actions .webchat__suggested-action:not(:disabled):not(.disabled):not(:active):focus {
              border-color: #fdfdff;
              -moz-box-shadow: 0 0 0 3px #335c9c;
              -webkit-box-shadow: 0 0 0 3px #335c9c;
              box-shadow: 0 0 0 3px #335c9c; }
            body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .webchat__suggested-actions .webchat__suggested-action:not(:disabled):not(.disabled):hover {
              -moz-box-shadow: 0 0 0 2px #003383 inset;
              -webkit-box-shadow: 0 0 0 2px #003383 inset;
              box-shadow: 0 0 0 2px #003383 inset; }
            body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .webchat__suggested-actions .webchat__suggested-action:not(:disabled):not(.disabled):active, body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .webchat__suggested-actions .webchat__suggested-action:not(:disabled):not(.disabled).active {
              background-color: #001f4f;
              color: #fdfdff;
              border-color: #001f4f;
              -moz-box-shadow: 0 0 0 1px #001f4f inset;
              -webkit-box-shadow: 0 0 0 1px #001f4f inset;
              box-shadow: 0 0 0 1px #001f4f inset; }
            body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .webchat__suggested-actions .webchat__suggested-action:not(:disabled):not(.disabled):not(:active):focus {
              border-color: #003383;
              -moz-box-shadow: 0 0 0 1px #003383 inset, 0 0 0 3px #335c9c;
              -webkit-box-shadow: 0 0 0 1px #003383 inset, 0 0 0 3px #335c9c;
              box-shadow: 0 0 0 1px #003383 inset, 0 0 0 3px #335c9c; }
            body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .webchat__suggested-actions .webchat__suggested-action:disabled, body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .webchat__suggested-actions .webchat__suggested-action.disabled {
              border-color: #c4c4c4 !important; }
          body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .ac-pushButton {
            font-family: OpenSans, sans-serif;
            font-size: 16px;
            line-height: 24px;
            letter-spacing: -.15px;
            border-width: 1px;
            border-style: solid;
            border-radius: 8px;
            box-sizing: border-box;
            -webkit-box-sizing: border-box;
            -moz-box-sizing: border-box;
            display: flex;
            align-items: center;
            justify-content: center;
            font-weight: 600;
            opacity: 1;
            text-decoration: none !important;
            letter-spacing: 0;
            cursor: pointer;
            column-gap: 4px;
            height: auto;
            min-width: 112px;
            padding: 12px 24px;
            white-space: normal;
            -moz-box-shadow: 0 0 0 1px #003383 inset;
            -webkit-box-shadow: 0 0 0 1px #003383 inset;
            box-shadow: 0 0 0 1px #003383 inset;
            background-color: #fdfdff;
            border-color: #003383;
            color: #002969;
            height: 35px !important;
            min-width: 0 !important;
            padding: 0 !important; }
            @media only screen and (min-width: 1008px) {
              body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .ac-pushButton {
                font-size: 16px;
                line-height: 24px; } }
            body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .ac-pushButton sup, body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .ac-pushButton sub {
              font-size: 60%; }
            body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .ac-pushButton:focus, body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .ac-pushButton.focus, body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .ac-pushButton:not(:disabled):not(.disabled):active:focus {
              box-shadow: none;
              outline: none; }
            body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .ac-pushButton:disabled, body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .ac-pushButton.disabled {
              -moz-box-shadow: none;
              -webkit-box-shadow: none;
              box-shadow: none;
              background-color: #dedede !important;
              color: #5e5e5e !important;
              cursor: not-allowed !important; }
            body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .ac-pushButton .spinner {
              width: 20px;
              height: 20px;
              border-radius: 50%;
              position: relative;
              mask: radial-gradient(circle 8px, transparent 7px, black 8px);
              transition: opacity 0.2s ease;
              vertical-align: middle;
              display: none;
              background: conic-gradient(from 90deg, rgba(253, 253, 255, 0.03) 0deg, #fdfdff 360deg); }
              body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .ac-pushButton .spinner.active {
                display: block;
                animation: spin 0.8s linear infinite; }

@keyframes spin {
  to {
    transform: rotate(360deg); } }
            body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .ac-pushButton .ph-paper-plane-right {
              transition-duration: 0.3s;
              transition-timing-function: ease-in-out;
              transition-property: all; }
            body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .ac-pushButton:hover .ph-paper-plane-right,
            body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .ac-pushButton:focus-visible .ph-paper-plane-right {
              transform: rotate(-24deg); }
            body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .ac-pushButton:not(:disabled):not(.disabled):not(:active):focus {
              border-color: #fdfdff;
              -moz-box-shadow: 0 0 0 3px #335c9c;
              -webkit-box-shadow: 0 0 0 3px #335c9c;
              box-shadow: 0 0 0 3px #335c9c; }
            body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .ac-pushButton:not(:disabled):not(.disabled):hover {
              -moz-box-shadow: 0 0 0 2px #003383 inset;
              -webkit-box-shadow: 0 0 0 2px #003383 inset;
              box-shadow: 0 0 0 2px #003383 inset; }
            body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .ac-pushButton:not(:disabled):not(.disabled):active, body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .ac-pushButton:not(:disabled):not(.disabled).active {
              background-color: #001f4f;
              color: #fdfdff;
              border-color: #001f4f;
              -moz-box-shadow: 0 0 0 1px #001f4f inset;
              -webkit-box-shadow: 0 0 0 1px #001f4f inset;
              box-shadow: 0 0 0 1px #001f4f inset; }
            body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .ac-pushButton:not(:disabled):not(.disabled):not(:active):focus {
              border-color: #003383;
              -moz-box-shadow: 0 0 0 1px #003383 inset, 0 0 0 3px #335c9c;
              -webkit-box-shadow: 0 0 0 1px #003383 inset, 0 0 0 3px #335c9c;
              box-shadow: 0 0 0 1px #003383 inset, 0 0 0 3px #335c9c; }
            body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .ac-pushButton:disabled, body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .ac-pushButton.disabled {
              border-color: #c4c4c4 !important; }
            body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .ac-pushButton:not(:disabled):not(.disabled):not(:active):focus {
              box-shadow: 0 0 0 1px #003383 inset !important; }
          body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .ac-vertical-separator {
            width: 8px !important; }
          body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .react-film__filmstrip__list {
            display: block !important;
            word-wrap: break-word !important; }
          body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .react-film__filmstrip__item {
            padding-left: 0 !important; }
          body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .react-film__filmstrip__item {
            padding-right: 0 !important; }
          body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .webchat__basic-transcript__activity-indicator.webchat__basic-transcript__activity-indicator--focus {
            border-style: none !important; }
          body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .webchat__send-box__main {
            height: 64px; }
            body .d3-chatbot-modal-popup .modal-content .modal-body #d3-chatbot-content #webchat .webchat__send-box__main .webchat__send-box-text-box {
              padding: 16px 32px; }

/*# sourceMappingURL=d3-chatbot.css.map */