/****************************************************
*					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: #001e54;
  --secondary-100: #0c4e34;
  --tertiary-100: #9c8c83;
  --grey-200: #919191;
  --primary-200: #00276d;
  --secondary-200: #127b51;
  --tertiary-200: #dcc7ba;
  --grey-300: #ababab;
  --primary-300: #003087;
  --secondary-300: #19a76f;
  --tertiary-300: #f4eae4;
  --grey-400: #c4c4c4;
  --primary-400: #1d4694;
  --secondary-400: #20d38c;
  --tertiary-400: #f6f0ed;
  --grey-500: #dedede;
  --primary-500: #a1bdf7;
  --secondary-500: #43e3a4;
  --tertiary-500: #fbf4f0;
  --grey-600: #f7f7f7;
  --primary-600: #f2f7ff;
  --secondary-600: #b2f3da;
  --tertiary-600: #fbf7f5;
  --d3-black: #001e54;
  --grifols-blue: #003383;
  --d3-font-body: Inter;
  --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 #wrapper .d3-key-points {
  padding-bottom: 56px;
  padding-top: 56px; }
  @media only screen and (min-width: 1008px) {
    body #wrapper .d3-key-points {
      padding-bottom: 80px; } }
  @media only screen and (min-width: 1008px) {
    body #wrapper .d3-key-points {
      padding-top: 80px; } }
  body #wrapper .d3-key-points .d3-intro-section {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-left: auto;
    margin-right: auto; }
    body #wrapper .d3-key-points .d3-intro-section + .d3-key-points-container {
      margin-top: 56px; }
  body #wrapper .d3-key-points-container {
    display: flex;
    gap: 56px;
    justify-content: center; }
    @media only screen and (max-width: 600px) {
      body #wrapper .d3-key-points-container {
        flex-direction: column; } }
    @media only screen and (min-width: 600px) {
      body #wrapper .d3-key-points-container {
        gap: 40px; }
        body #wrapper .d3-key-points-container .column-section {
          flex: 1 0; } }
    @media only screen and (min-width: 1008px) {
      body #wrapper .d3-key-points-container {
        gap: 72px; } }
    @media only screen and (min-width: 1008px) {
      body #wrapper .d3-key-points-container .column-section {
        max-width: 320px; } }
    @media only screen and (min-width: 1280px) {
      body #wrapper .d3-key-points-container .column-section {
        max-width: 384px; } }
    @media only screen and (min-width: 1800px) {
      body #wrapper .d3-key-points-container .column-section {
        max-width: 480px; } }
    body #wrapper .d3-key-points-container .column-section {
      align-items: center;
      display: flex;
      flex-direction: column;
      text-align: center; }
      body #wrapper .d3-key-points-container .column-section .circle {
        height: 100px;
        width: 100px; }
        @media only screen and (min-width: 600px) {
          body #wrapper .d3-key-points-container .column-section .circle {
            margin-bottom: 24px; } }
        @media only screen and (min-width: 1008px) {
          body #wrapper .d3-key-points-container .column-section .circle {
            height: 172px;
            width: 172px; } }
        body #wrapper .d3-key-points-container .column-section .circle i {
          font-size: 32px; }
          @media only screen and (min-width: 600px) {
            body #wrapper .d3-key-points-container .column-section .circle i {
              font-size: 40px; } }
  body #wrapper .d3-key-points .footer-text {
    padding-top: 16px; }

body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points {
  background-color: #003087;
  color: #fdfdff; }
  body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points a:not(.btn):not(.btn-icon-link-text):not([role=button]) {
    color: #fdfdff;
    border-bottom: 1px solid; }
  body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points a.btn-icon-link .link-text, body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points a.btn-icon-link-text .link-text {
    color: #fdfdff;
    border-bottom: 1px solid; }
  body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .hero {
    color: #fdfdff; }
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .hero a:not(.btn):not(.btn-icon-link-text):not([role=button]) {
      color: #fdfdff;
      border-bottom: 1px solid; }
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .hero a.btn-icon-link .link-text, body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .hero a.btn-icon-link-text .link-text {
      color: #fdfdff;
      border-bottom: 1px solid; }
  body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points h1, body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .title-xl {
    color: #fdfdff; }
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points h1 a:not(.btn):not(.btn-icon-link-text):not([role=button]), body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .title-xl a:not(.btn):not(.btn-icon-link-text):not([role=button]) {
      color: #fdfdff;
      border-bottom: 1px solid; }
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points h1 a.btn-icon-link .link-text, body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points h1 a.btn-icon-link-text .link-text, body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .title-xl a.btn-icon-link .link-text, body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .title-xl a.btn-icon-link-text .link-text {
      color: #fdfdff;
      border-bottom: 1px solid; }
  body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points h2, body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .title-lg {
    color: #fdfdff; }
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points h2 a:not(.btn):not(.btn-icon-link-text):not([role=button]), body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .title-lg a:not(.btn):not(.btn-icon-link-text):not([role=button]) {
      color: #fdfdff;
      border-bottom: 1px solid; }
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points h2 a.btn-icon-link .link-text, body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points h2 a.btn-icon-link-text .link-text, body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .title-lg a.btn-icon-link .link-text, body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .title-lg a.btn-icon-link-text .link-text {
      color: #fdfdff;
      border-bottom: 1px solid; }
  body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points h3, body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .title-md {
    color: #fdfdff; }
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points h3 a:not(.btn):not(.btn-icon-link-text):not([role=button]), body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .title-md a:not(.btn):not(.btn-icon-link-text):not([role=button]) {
      color: #fdfdff;
      border-bottom: 1px solid; }
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points h3 a.btn-icon-link .link-text, body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points h3 a.btn-icon-link-text .link-text, body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .title-md a.btn-icon-link .link-text, body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .title-md a.btn-icon-link-text .link-text {
      color: #fdfdff;
      border-bottom: 1px solid; }
  body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points h4, body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .title-sm {
    color: #fdfdff; }
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points h4 a:not(.btn):not(.btn-icon-link-text):not([role=button]), body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .title-sm a:not(.btn):not(.btn-icon-link-text):not([role=button]) {
      color: #fdfdff;
      border-bottom: 1px solid; }
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points h4 a.btn-icon-link .link-text, body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points h4 a.btn-icon-link-text .link-text, body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .title-sm a.btn-icon-link .link-text, body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .title-sm a.btn-icon-link-text .link-text {
      color: #fdfdff;
      border-bottom: 1px solid; }
  body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .text-disabled {
    color: #fdfdff; }
  body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .caption-text, body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .text-subdued {
    color: #fdfdff; }
  body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .text-caption, body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points caption *, body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .footer-text, body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .footer-text * {
    color: #fdfdff; }
  body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .btn-icon-link span .link-metadata {
    color: #fdfdff; }
  body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .d3-text-references p, body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .d3-text-references li {
    color: #fdfdff; }
  body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .chip {
    background-color: #f2f7ff;
    color: #00276d; }
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .chip a:not(.btn):not(.btn-icon-link-text):not([role=button]) {
      color: #001e54;
      border-bottom: 1px solid; }
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .chip a.btn-icon-link .link-text, body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .chip a.btn-icon-link-text .link-text {
      color: #001e54;
      border-bottom: 1px solid; }
  body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .eyebrow {
    color: #fdfdff; }
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .eyebrow a:not(.btn):not(.btn-icon-link-text):not([role=button]) {
      color: #fdfdff;
      border-bottom: 1px solid; }
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .eyebrow a.btn-icon-link .link-text, body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .eyebrow a.btn-icon-link-text .link-text {
      color: #fdfdff;
      border-bottom: 1px solid; }
  body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .eyebrow-banner {
    color: #fdfdff;
    background-color: rgba(253, 253, 255, 0.1);
    border-color: rgba(253, 253, 255, 0.1); }
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .eyebrow-banner > i {
      color: rgba(253, 253, 255, 0.3);
      border-color: rgba(253, 253, 255, 0.1); }
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .eyebrow-banner:hover {
      border-color: rgba(253, 253, 255, 0.3); }
      body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .eyebrow-banner:hover > i {
        color: #fdfdff;
        border-color: rgba(253, 253, 255, 0.3); }
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .eyebrow-banner:active {
      background-color: rgba(253, 253, 255, 0.3);
      border-color: rgba(253, 253, 255, 0.3); }
      body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .eyebrow-banner:active > i {
        color: #fdfdff;
        border-color: rgba(253, 253, 255, 0.3); }
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .eyebrow-banner:focus {
      background-color: rgba(253, 253, 255, 0.3);
      border-color: rgba(253, 253, 255, 0.3);
      -moz-box-shadow: 0 0 0 2px #006cff;
      -webkit-box-shadow: 0 0 0 2px #006cff;
      box-shadow: 0 0 0 2px #006cff; }
      body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .eyebrow-banner:focus > i {
        color: #fdfdff;
        border-color: rgba(253, 253, 255, 0.4); }
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .eyebrow-banner-fill {
      color: #020304;
      background-color: rgba(253, 253, 255, 0.6);
      border-color: rgba(253, 253, 255, 0.4); }
      body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .eyebrow-banner-fill > i {
        color: #020304;
        border-color: rgba(253, 253, 255, 0.4); }
      body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .eyebrow-banner-fill:hover {
        background-color: rgba(253, 253, 255, 0.7);
        border-color: rgba(253, 253, 255, 0.5); }
        body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .eyebrow-banner-fill:hover > i {
          border-color: rgba(253, 253, 255, 0.5); }
      body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .eyebrow-banner-fill:active {
        background-color: rgba(253, 253, 255, 0.9);
        border-color: rgba(253, 253, 255, 0.7); }
        body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .eyebrow-banner-fill:active > i {
          border-color: rgba(253, 253, 255, 0.7); }
      body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .eyebrow-banner-fill:focus {
        border-color: rgba(253, 253, 255, 0.5);
        -moz-box-shadow: 0 0 0 2px #006cff;
        -webkit-box-shadow: 0 0 0 2px #006cff;
        box-shadow: 0 0 0 2px #006cff; }
        body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .eyebrow-banner-fill:focus > i {
          border-color: rgba(253, 253, 255, 0.5); }
  body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .circle {
    background-color: #f2f7ff;
    color: #00276d; }
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .circle a:not(.btn):not(.btn-icon-link-text):not([role=button]) {
      color: #001e54;
      border-bottom: 1px solid; }
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .circle a.btn-icon-link .link-text, body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .circle a.btn-icon-link-text .link-text {
      color: #001e54;
      border-bottom: 1px solid; }
  body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .btn-ghost {
    color: #fdfdff; }
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .btn-ghost:not(:disabled):not(.disabled):not(:active):focus {
      border-color: #fdfdff;
      -moz-box-shadow: 0 0 0 3px #1d4694;
      -webkit-box-shadow: 0 0 0 3px #1d4694;
      box-shadow: 0 0 0 3px #1d4694; }
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .btn-ghost:not(:disabled):not(.disabled):not(.compact):hover {
      background-color: rgba(253, 253, 255, 0.1);
      color: #fdfdff; }
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .btn-ghost:not(:disabled):not(.disabled):not(.compact):active, body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .btn-ghost:not(:disabled):not(.disabled):not(.compact).active {
      color: #fdfdff; }
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .btn-ghost.sec-palette:not(:disabled):not(.disabled):not(:active):focus {
      border-color: #fdfdff;
      -moz-box-shadow: 0 0 0 3px #20d38c;
      -webkit-box-shadow: 0 0 0 3px #20d38c;
      box-shadow: 0 0 0 3px #20d38c; }
  body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .btn-inverted {
    border-color: #fdfdff;
    color: #fdfdff;
    -moz-box-shadow: 0 0 0 1px #fdfdff inset;
    -webkit-box-shadow: 0 0 0 1px #fdfdff inset;
    box-shadow: 0 0 0 1px #fdfdff inset;
    background-color: transparent; }
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .btn-inverted:not(:disabled):not(.disabled):not(:active):focus {
      border-color: #fdfdff;
      -moz-box-shadow: 0 0 0 3px #1d4694;
      -webkit-box-shadow: 0 0 0 3px #1d4694;
      box-shadow: 0 0 0 3px #1d4694; }
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .btn-inverted:not(:disabled):not(.disabled):not(:active):focus {
      -moz-box-shadow: 0 0 0 1px #fdfdff inset, 0 0 0 3px #a1bdf7;
      -webkit-box-shadow: 0 0 0 1px #fdfdff inset, 0 0 0 3px #a1bdf7;
      box-shadow: 0 0 0 1px #fdfdff inset, 0 0 0 3px #a1bdf7;
      background-color: transparent;
      border-color: #fdfdff;
      color: #fdfdff; }
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .btn-inverted:not(:disabled):not(.disabled):hover {
      background-color: #fdfdff;
      color: #001e54;
      border-color: #fdfdff;
      -moz-box-shadow: 0 0 0 0 #fdfdff;
      -webkit-box-shadow: 0 0 0 0 #fdfdff;
      box-shadow: 0 0 0 0 #fdfdff; }
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .btn-inverted:not(:disabled):not(.disabled):active, body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .btn-inverted:not(:disabled):not(.disabled).active {
      background-color: #fdfdff;
      color: #001e54; }
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .btn-inverted.sec-palette:not(:disabled):not(.disabled):not(:active):focus {
      border-color: #fdfdff;
      -moz-box-shadow: 0 0 0 3px #20d38c;
      -webkit-box-shadow: 0 0 0 3px #20d38c;
      box-shadow: 0 0 0 3px #20d38c; }
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .btn-inverted.sec-palette:not(:disabled):not(.disabled):not(:active):focus {
      -moz-box-shadow: 0 0 0 1px #fdfdff inset, 0 0 0 3px #43e3a4;
      -webkit-box-shadow: 0 0 0 1px #fdfdff inset, 0 0 0 3px #43e3a4;
      box-shadow: 0 0 0 1px #fdfdff inset, 0 0 0 3px #43e3a4;
      background-color: transparent;
      border-color: #fdfdff;
      color: #fdfdff; }
  body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .icon-btn.social-icon:not(:disabled):not(.disabled) {
    color: #fdfdff;
    border: none;
    background-color: rgba(253, 253, 255, 0.1); }
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .icon-btn.social-icon:not(:disabled):not(.disabled):hover {
      background-color: rgba(253, 253, 255, 0.2); }
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .icon-btn.social-icon:not(:disabled):not(.disabled):active {
      background-color: rgba(253, 253, 255, 0.3); }
  body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .icon-btn.pagination-btn {
    border-radius: 80px !important; }
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .icon-btn.pagination-btn:not(:disabled):not(.disabled):not(:active):focus {
      border-color: #fdfdff;
      -moz-box-shadow: 0 0 0 3px #1d4694;
      -webkit-box-shadow: 0 0 0 3px #1d4694;
      box-shadow: 0 0 0 3px #1d4694; }
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .icon-btn.pagination-btn:not(:disabled):not(.disabled) {
      color: #fdfdff;
      border-color: rgba(253, 253, 255, 0.3);
      background-color: rgba(253, 253, 255, 0.05); }
      body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .icon-btn.pagination-btn:not(:disabled):not(.disabled):hover, body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .icon-btn.pagination-btn:not(:disabled):not(.disabled):not(:active):focus {
        background-color: rgba(253, 253, 255, 0.2); }
      body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .icon-btn.pagination-btn:not(:disabled):not(.disabled):active {
        background-color: rgba(253, 253, 255, 0.3);
        color: #fdfdff; }
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .icon-btn.pagination-btn:disabled, body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .icon-btn.pagination-btn.disabled {
      background-color: #919191 !important;
      border-color: rgba(253, 253, 255, 0.3) !important;
      color: #dedede !important; }
  body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .utility-btn:not(:disabled):not(.disabled) {
    background-color: transparent;
    border-color: #fdfdff;
    color: #fdfdff; }
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .utility-btn:not(:disabled):not(.disabled):hover, body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .utility-btn:not(:disabled):not(.disabled):active, body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .utility-btn:not(:disabled):not(.disabled):focus {
      border-color: #fdfdff; }
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .utility-btn:not(:disabled):not(.disabled):hover {
      -moz-box-shadow: 0 0 0 1px #fdfdff inset;
      -webkit-box-shadow: 0 0 0 1px #fdfdff inset;
      box-shadow: 0 0 0 1px #fdfdff inset; }
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .utility-btn:not(:disabled):not(.disabled):focus {
      -moz-box-shadow: 0 0 0 1px #fdfdff inset, 0 0 0 2px #003087;
      -webkit-box-shadow: 0 0 0 1px #fdfdff inset, 0 0 0 2px #003087;
      box-shadow: 0 0 0 1px #fdfdff inset, 0 0 0 2px #003087; }
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .utility-btn:not(:disabled):not(.disabled):active {
      background-color: rgba(253, 253, 255, 0.1);
      color: #fdfdff; }
  body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .d3-switch .switch input:checked + .slider {
    -moz-box-shadow: 0 0 0 1px #fdfdff inset;
    -webkit-box-shadow: 0 0 0 1px #fdfdff inset;
    box-shadow: 0 0 0 1px #fdfdff inset; }
  body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points.add-slider .d3-slider.card-slider .slider-controls ol.slider-indicators li,
  body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .add-slider .d3-slider.card-slider .slider-controls ol.slider-indicators li,
  body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .d3-slider.not-card-slider .slider-controls ol.slider-indicators li {
    background-color: rgba(253, 253, 255, 0.2); }
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points.add-slider .d3-slider.card-slider .slider-controls ol.slider-indicators li.active,
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .add-slider .d3-slider.card-slider .slider-controls ol.slider-indicators li.active,
    body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .d3-slider.not-card-slider .slider-controls ol.slider-indicators li.active {
      background-color: #fdfdff; }
  body #wrapper .portlet-boundary:not([class*=-bg]) .d3-key-points .column-section .top-icon .circle {
    background-color: #001e54;
    color: #fdfdff; }

/*# sourceMappingURL=d3-key-points.css.map */