@import url("https://demo.ai.amalgamrx.com/api/proxy/css2?site=https%3A%2F%2Ffonts.googleapis.com&family=IBM+Plex+Sans%3Aital%2Cwght%400%2C100..700%3B1%2C100..700&display=swap");
@import url("https://demo.ai.amalgamrx.com/api/proxy/css2?site=https%3A%2F%2Ffonts.googleapis.com&family=Montserrat%3Aital%2Cwght%400%2C100..900%3B1%2C100..900&family=Noto+Sans%3Aital%2Cwght%400%2C100..900%3B1%2C100..900&display=swap");

:root {
    /* Primitive/Colours Styles */

    /* Primary */
    --color-primary-00: #ffffff;
    --color-primary-05: #f9faff;
    --color-primary-50: #f5eaf8;
    --color-primary-100: #e1bce8;
    --color-primary-200: #d29cdd;
    --color-primary-300: #be6fcd;
    --color-primary-400: #b153c4;
    --color-primary-500: #9e28b5;
    --color-primary-600: #9024a5;
    --color-primary-700: #701c81;
    --color-primary-800: #571664;
    --color-primary-900: #42114c;

    /* Secondary */
    --color-secondary-00: #ffffff;
    --color-secondary-05: #f9fefc;
    --color-secondary-50: #e6f5f8;
    --color-secondary-100: #b0e1e8;
    --color-secondary-200: #8ad3dd;
    --color-secondary-300: #54bfcd;
    --color-secondary-400: #33b2c3;
    --color-secondary-500: #009fb4;
    --color-secondary-600: #0091a4;
    --color-secondary-700: #007180;
    /*#01537A*/
    --color-secondary-800: #005763;
    --color-secondary-900: #00434c;

    /* Tertiary */
    --color-tertiary-00: #ffffff;
    --color-tertiary-05: #fffef7;
    --color-tertiary-50: #fefefe;
    --color-tertiary-100: #fcfbfb;
    --color-tertiary-200: #faf9f9;
    --color-tertiary-300: #f8f7f6;
    --color-tertiary-400: #f6f5f4;
    --color-tertiary-500: #f4f3f1;
    --color-tertiary-600: #dedddb;
    --color-tertiary-700: #adadab;
    --color-tertiary-800: #868685;
    --color-tertiary-900: #666665;


    /* Aliases Colour */
    /* Primary/Element */
    --primary-element-background: var(--color-primary-00);
    --primary-element-pale: var(--color-primary-05);
    --primary-element-subtle: var(--color-tertiary-500);
    --primary-element-light: var(--color-primary-00);
    --primary-element-mid-light: var(--color-primary-300);
    --primary-element-mid: var(--color-primary-500);
    --primary-element-mid-dark: var(--color-primary-700);
    --primary-element-dark: var(--color-primary-900);

    /* Secondary/Element */
    --secondary-element-background: var(--color-secondary-00);
    --secondary-element-pale: var(--color-secondary-05);
    --secondary-element-subtle: var(--color-secondary-50);
    --secondary-element-light: var(--color-secondary-100);
    --secondary-element-mid-light: var(--color-secondary-300);
    --secondary-element-mid: var(--color-secondary-500);
    --secondary-element-mid-dark: var(--color-secondary-700);
    --secondary-element-dark: var(--color-secondary-900);

    /* Primary/Button */
    --primary-button-foreground-ondark: var(--color-primary-00);
    --primary-button-foreground-onlight: var(--color-primary-500);
    --primary-button-label-inverted: var(--color-primary-900);
    --primary-button-resting: var(--color-primary-500);
    --primary-button-hover: var(--color-primary-700);
    --primary-button-pressed: var(--color-primary-800);

    /* Secondary/Button */
    --secondary-button-foreground-ondark: var(--color-secondary-00);
    --secondary-button-foreground-onlight: var(--color-secondary-500);
    --secondary-button-label-inverted: var(--color-secondary-900);
    --secondary-button-resting: var(--color-secondary-700);
    --secondary-button-hover: var(--color-secondary-800);
    --secondary-button-pressed: var(--color-secondary-900);

    /* Tertiary/Button */
    --tertiary-button-foreground-ondark: var(--color-tertiary-00);
    --tertiary-button-foreground-onlight: var(--color-primary-500);
    --tertiary-button-label-inverted: var(--color-primary-900);
    --tertiary-button-resting: var(--color-primary-500);
    --tertiary-button-hover: var(--color-primary-700);
    --tertiary-button-pressed: var(--color-primary-800);

    /* Primary/Navigation */
    --primary-nav-label-selected: var(--color-primary-00);
    --primary-nav-label-resting: var(--color-primary-700);
    --primary-nav-label-hover: var(--color-primary-800);
    --primary-nav-label-pressed: var(--color-primary-900);
    --primary-nav-container-selected: var(--color-primary-500);
    --primary-nav-container-selected-hover: var(--color-primary-700);

    /* Primary/Chip */
    --primary-chip-label-selected: var(--color-primary-500);
    --primary-chip-border-selected: var(--color-primary-500);
    --primary-chip-container-selected: var(--color-primary-50);
    --primary-chip-container-selected-hover: var(--color-primary-100);

    /* Primary/Tab */
    --primary-tab-label-resting: var(--color-primary-00);
    --primary-tab-container-active: var(--color-primary-00);
    --primary-tab-container-resting: var(--color-primary-500);
    --primary-tab-container-resting-hover: var(--color-primary-700);

    /* Primary/Title */
    /*  --primary-title-inverted: var(--color-primary-00);*/
    --primary-title-page-title: var(--color-primary-500);
    --primary-title-page-subtitle: var(--color-primary-500);
    --primary-title-card-title: #000000;
    --primary-title-card-subtitle: #000000;
    --primary-title-highlight: var(--color-primary-500);

    /* Secondary/Title */
    /*  --secondary-title-inverted: var(--color-secondary-00);*/
    --secondary-title-page-title: var(--color-secondary-700);
    --secondary-title-page-subtitle: var(--color-secondary-700);
    --secondary-title-card-title: var(#000000);
    --secondary-title-card-subtitle: var(#000000);
    --secondary-title-highlight: var(--color-secondary-700);

    /* Primary/Body Text */
    /* --primary-body-text-inverted: var(--color-primary-00); */
    --primary-body-text-highlight: var(--color-primary-500);

    /* Secondary/Body Text */
    /*  --secondary-body-text-inverted: var(--color-secondary-00);                  */
    --secondary-body-text-highlight: #01537A;


    /* Primary/Overlay */
    --primary-overlay-overlaylight: rgba(77, 77, 77, 0.4);
    /*  rgba({HEX #4D4D4D}, 0.4)  */
    /*  --secondary-overlay-overlaylight: var(--primary-overlay-overlaylight);      */

    /* Primary/Shadow */
    --primary-shadow-branded: var(--color-primary-800);


    /* Gradient/Element */
    --gradient-element-flashing: linear-gradient(135deg, var(--color-primary-100) 0%, var(--color-primary-50) 50.52%, var(--color-secondary-100) 100%);
    --gradient-element-fade: linear-gradient(90deg, var(--color-primary-05) 0%, var(--color-primary-05) 100%);
    /* ==========>          Gradients with the same start and end color : IS0002    */
    --gradient-element-pattern: linear-gradient(135deg, var(--color-primary-100), var(--color-primary-50) 50.52%, var(--color-secondary-100));

    /* Gradient/Navigation */
    --gradient-navigation-separator: linear-gradient(90deg, rgba(232, 231, 239, 0), var(--color-secondary-500) 50%, rgba(232, 231, 239, 0));
    --gradient-navigation-footer-separator: linear-gradient(270deg, rgba(232, 231, 239, 0), var(--color-secondary-500), rgba(232, 231, 239, 0));
    --gradient-navigation-fade: linear-gradient(90deg, var(--color-secondary-50) 0%, var(--color-secondary-50) 0%);

    --color-topnav-background: #515170;

    /*  --color-loader: 29, 35, 107;   */

    --font-montserrat: "Montserrat";
    --font-title: var(--font-montserrat)
}

/* Reset OL,UL */
ol,
ul {

    margin: 0px;

}

/* background body and header color */
body,
html,
.menu-hide .cmp-primary-nav,
.menu-hide .cmp-primary-nav:hover,
.cmp-isi--contianer-medium .sticky-isi .cmp-isi--container {
    background: var(--primary-element-background) !important;
}

/* modal-main-icon */
.modal.previewModel .btn-sheild {
    background-color: var(--primary-button-resting);

}

/* Color anchor link*/
.cmp-element__colorcode--page-title a {
    color: var(--primary-title-page-title);
}

.cmp-element__colorcode--neutral-500 a {
    color: var(--color-topnav-background);
}

/* ***** FIXES FOR VYLOY ***** */

/* Tooltip font & color */

div.cmp-text a[href="#"] {
    text-decoration: none;
}

.cmp-tooltip-text,
.cmp-tooltip-svg,
.cmp-rev--mouse_event
{
    font-weight: 800;
    font-style: normal;
    text-decoration: underline;

}

.cmp-tooltip-text.cmp-info-500, 
.cmp-tooltip-svg.cmp-info-500,
.cmp-rev--mouse_event.cmp-info-500{
    color: var(--color-primary-500);
}

.cmp-teaser-content--variation1 .cmp-teaser-content--title h1 {
    color: var(--primary-title-page-title);
}

/* FIX ISI Titles -  2025-04-21 */
.cmp-isi--row__col-title p {
    color: var(--primary-title-page-title) !important;

}

/* FIX ISI Subtitles -  2025-04-21 */

.cmp-isi--row__col-content p .cmp-weight-styles.bold,
.cmp-isi--row__col-content .text p a {
    color: var(--primary-body-text-highlight);
}

.cmp-isi--row__col-content b {
    font-family: IBM Plex Sans;
}


/* FIX ISI SEPARATOR COLOR - Jordan Molina - 2025-04-10 */


.cmp-isi--container__holder,
.cmp-isi.enabled-inpage-isi .cmp-isi--container .cmp-isi--container__holder {
    padding: 5px var(--space-s) 0 var(--space-s) !important;
}

.cmp-isi--row__col .separator.top-space-xs {
    margin-top: 0px !important;
}

.cmp-isi--row__col .separator.bottom-space-xs {
    margin-bottom: var(--space-2xs) !important;
}

.cmp-isi .separator .cmp-remove-margin-seperator .cmp-separator hr,
.cmp-isi .separator .cmp-separator hr {
    border: 1px solid var(--primary-element-mid) !important;
}

/* financial-support.html A LINK COLOR - Jordan Molina */
a,
.global-link.cmp-global-link-tertiary ul li a span:not(.material-symbols-rounded) {
    color: #515170;
}



/* FIX HEADING MOBILE TITLE - Guillermo Oviedo - 2025-04-21 */
.hero3 .teasercontentblock .cmp-teaser-content--title h1 {
    font-size: var(--step-3);
}

/* INDICATION BAR link color - GuillermO Oviedo -  2025-04-21 */
.cmp-indication-bar-nav .primary-nav .above-brand-nav__rightnav ul li a,
.cmp-indication-bar-nav .primary-nav .above-brand-nav__rightnav ul li a:hover {
    color: #2d2d3e;
}

.cmp-indication-bar-nav .primary-nav .above-brand-nav__rightnav ul li a:after {
    display: none;
}

/* FONT WEIGHT & COLOR: HOVER FOR Navigation - Guillermo Oviedo - 2025-04-21 */

.cmp-primary-nav .primary-nav-wrapper .primary-nav ul.-secondary>li a,
.cmp-primary-nav .primary-nav-wrapper .primary-nav ul.menu>li a {
    color: #2d2d3e;
}

.cmp-primary-nav .primary-nav-wrapper .primary-nav ul.-secondary>li a:hover,
.cmp-primary-nav .primary-nav-wrapper .primary-nav ul.menu>li a:hover {
    font-weight: 600;
    color: #2d2d3e;
}

.cmp-primary-nav .primary-nav-wrapper .primary-nav ul.-secondary>li a:after,
.cmp-primary-nav .primary-nav-wrapper .primary-nav ul.menu>li a:after,
.cmp-primary-nav .primary-nav-wrapper .primary-nav ul.menu>li.active>div a:hover:after,
.cmp-primary-nav .primary-nav-wrapper .primary-nav .image a:after {
    background: var(--color-primary-500);
}

.telfunc-m {
    display: none;
}

.telfunc-d {
    display: inline;
    text-decoration: none;
}


.cmp-isi--container,
.cmp-isi--container p,
.cmp-isi--container li {

    font-size: var(--step-0) !important;
}

.cmp-isi--container-default .cmp-isi--container {
    height: 3rem
}


@media only screen and (min-width:320px) and (max-width:767px) {

    .cmp-indication-bar-nav .primary-nav .above-brand-nav__rightnav ul li:nth-last-child(-n + 3),
    .cmp-indication-bar-nav .primary-nav .above-brand-nav__rightnav .cmp-nav.gradient-overlay-after:after {
        display: none;
    }

    .cmp-primary-nav .primary-nav-wrapper .primary-nav ul.menu>li.active>div a {
        background-color: var(--primary-nav-container-selected);
        border-radius: var(--space-3xs);
        color: var(--primary-nav-label-selected) !important;
    }

    /* hidden arrows to mobile view */
    .cmp-primary-nav .primary-nav-wrapper .primary-nav.two_line--navigation ul.menu li.nav-item-variant-small span.material-symbols-rounded {
        display: none;
    }

    .cmp-primary-nav .primary-nav-wrapper .primary-nav.two_line--navigation ul.menu li.nav-item-variant-small span.material-symbols-rounded.cmp-right-icon {
        display: block;
    }


    .cmp-primary-nav .primary-nav-wrapper {
        background-color: var(--primary-element-light) !important;
    }

    .cmp-primary-nav .primary-nav-wrapper .primary-nav {
        background-color: var(--primary-element-light) !important;

    }

    #tftxtalltm p {
        text-align: center
    }

    #colcontpse {
        gap: 0;
    }

    #colcontpsf {
        gap: 0;
    }

    .btnOvPh {
        margin-left: 12% !important;
        width: 76% !important;
    }

    .telfunc-d {
        display: none;
    }

    .telfunc-m {
        display: inline;

    }

    .cmp-isi--container,
    .cmp-isi--container p,
    .cmp-isi--container li
    {
        font-size: 16px !important;
    }

    .cmp-isi--container-default .cmp-isi--container {
        height: 3rem
    }


}


.btnOvPh {
    margin-left: 0%;
    width: 65%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    text-align: center;
}

/* Remove margin-right from navigation to display arrow */
.cmp-primary-nav .primary-nav-wrapper .primary-nav.two_line--navigation ul.menu li.nav-item-variant-small span {
    margin-right: 0;
}

/* FIX ALIGNEMENT TITLE ILLUSTRATION SET COMPONENT (infusion-day-information) - Jordan Molina  - 2025-04-23 */

.illustration-container.teaser.card {
    align-items: center;
}


.card.teaser.card-primary-light.card-secondary-light {
    background-color: var(--primary-element-subtle);
}


#tftxtalltm p {
    color: #2d2d3e;
}

footer .cmp-experiencefragment {
    background-color: var(--primary-element-subtle) !important;
}


.menu.cmp-right-menu a[href="#ISI_Bottom"] {
    display: none !important;
}


.cmp-primary-nav .primary-nav-wrapper .primary-nav.cmp-show-hamburger .primary-nav__middlenav.primary-nav__show--middlenav {
    background: var(--primary-element-subtle);
}

/* patient-support/resources.html */

#btnisiadd span:first-of-type,
#btnisiremove span:first-of-type{
    display: none;
}

.illustration-container__content--title .headline-h2 {

  color: var(--primary-title-page-title);

}

.current_play_time {
  display: none;
}

/* Tooltip override */
div.popover.cmp-popover-aem .popover-body {
    margin-right: 0px;
}

.cmp-popover--close {
    display: none;
}

.txt-white {
    color: #ffffff;
}

.ident-a{
    margin-left: -7px;
}