/* common css */
body {
     padding-bottom: 10px; 
    font-family: "Barlow";
    -webkit-print-color-adjust: exact !important;
    -webkit-font-smoothing: auto !important;
    /* background-color: #FAF5FF; */
   
}
div, p, h1, h2, h3, h4, h5, span, em, i, b, input, a {
    font-family: "Barlow";
}
p {
    margin: 0 0 10px;
    font-size: 16px;
    line-height: 19px;
}

b,
strong {
  font-weight: 700; 
}
.dialog-off-canvas-main-canvas {
    background-color: #F5F3FF;
    background: linear-gradient(135deg, #F8FAFC 0%, #F5F3FF 50%, #FAF5FF 100%), linear-gradient(0deg, #2C017C 0%, #6CB13F 100%);
     /* background: var(--Linear, linear-gradient(135deg, #F8FAFC 0%, #F5F3FF 50%, #FAF5FF 100%));
     background: linear-gradient(135deg, #F8FAFC 0%, #F5F3FF 50%, #FAF5FF 100%), linear-gradient(0deg, #2C017C 0%, #6CB13F 100%); */
}
/* header*/
.top-banner-white-bg .small-dev.no-padding {
	width: 100%;
    margin-top: -15px;
    height: 108px;
    padding: 22px 11px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;    
    border-radius: 0 0 25px 25px;
    background: #FFF;
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.20);
    /*padding-right: 15px;
    padding-left: 15px;*/
}

.top-banner-gray-bg .small-dev .col-sm-2.no-padding div div:nth-child(1){display: none;}

.header .top-banner-gray-bg .container.small-dev .col-lg-8.col-sm-8.col-md-10.hidden-xs.small-dev {
    padding-left: 0;
}
.header .top-banner-gray-bg {
background-color: #ffffff;font-family: "Barlow";color: #6a6a6a;
font-size: 14px;font-weight: 400;text-align: left;
display: block !important;

}
.header .top-banner-gray-bg:after {
    content: "";
    display: block;
    height: 0.9px;
    background: linear-gradient(90deg, #6CB33F 9.62%, #492F92 90.38%);
}
.header .top-banner-white-bg {padding: 15px 0 0;}

.header .right-col {top: 5px;}
.header .top-banner-white-bg .right-col p.right-txt {
    padding-right: 30px;color: #6cb33f;font-size: 22px;
    font-weight: 400;line-height: 33px;text-align: right;position: absolute;
    font-family: "Barlow";
}
.header .top-banner-white-bg .right-col p {
    color: #444444;line-height: 18px;float: right;
}
.header .top-banner-white-bg .right-col p span {
    /* font-weight: 600; */
    font-family: "Barlow";}
.header .right-col {top: 5px;}

.header .top-banner-white-bg {padding: 15px 0 0;}
.header .top-head-txt {
    width: 832px;
    padding: 9px 0;
    margin-bottom: 0;
    margin-left: -5px;
}
.header .top-head-txt li {
    font-family: "Barlow";color: #63bf3f;font-size: 12px;font-weight: 400;
    line-height: normal;text-align: left;border-right: 1px solid #6a6a6a; 
}
.header .top-head-txt li a {color: #343434;font-size: inherit;}
.header .top-head-txt li:nth-child(-n+2) a {font-weight: bold;}
.header .top-head-txt li:last-child {content: "";border-right: none;}
.header .top-head-txt li:nth-child(4) {content: "";border-right: none;}
.header .top-head-txt li.register-for-updates-container {
    border-right: none; 
    padding: 0;
}
.header .top-head-txt li.register-for-updates-container a {
    border-radius: 75px;
    background: #16065D;
    padding: 12px 9.75px;
    color: #ffffff;
    font-weight: bold;
} 
.header .top-head-txt li.register-for-updates-container a:hover {
    background: linear-gradient(90deg, #492F92 4.17%, #92278F 44.74%, #B13098 59.95%, #40A400 96.83%);
    text-decoration: none;
}
.header .top-head-txt li.attend-a-patient-meeting-link-container {    
    margin-left: 7px;
    border: 1.5px solid #16065D;
    padding: 10px 7px;
     border-radius: 75px;
}
.header .top-head-txt li.attend-a-patient-meeting-link-container a {    
    font-weight: bold;   
    background: #ffffff;        
    color: #16065D;
}
.header .top-head-txt li.attend-a-patient-meeting-link-container:hover {
      border: 1.5px solid transparent;
        border-radius: 75px;
        background:
            linear-gradient(#fff, #fff) padding-box,
            linear-gradient(90deg, #492F92 4.17%, #92278F 44.74%, #B13098 59.95%, #40A400 95.91%) border-box;
}
.header .top-head-txt li.attend-a-patient-meeting-link-container a:hover {
    background: linear-gradient(90deg, #492F92 4.17%, #92278F 44.74%, #B13098 59.95%, #40A400 95.91%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    text-decoration: none;
    
}      

.header .top-head-txt li.attend-a-patient-meeting-link-container a::after {
    content: "";   
    position: relative; 
    left: -4px;
    display: inline-block;
    background-image: url(../images/blue-right-arrow.svg);
    background-size: contain;
    background-repeat: no-repeat;
    width: 9px;
    height: 12px;
    margin-left: 9px;
     border: none;
     transform: rotate(0deg);
     top: 3px;
}
.header .top-head-txt li.attend-a-patient-meeting-link-container a:hover::after {     
    background-image: url(../images/color-right-arrow.svg);
    
}
.header .top-head-txt li.register-for-updates-container a::after {
    content: "";   
    position: relative; 
    left: -4px;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin-left: 9px;
    border-top: 2px solid currentColor;
    border-right: 2px solid currentColor;
    transform: rotate(45deg);
}
.header .top-banner-gray-bg img {display: inline-block;margin-right: 5px; margin-bottom: 0px;}
.header .resident-txt {
    font-family: "Barlow";color: #494E5A;;font-size: 16px; font-weight: 700;line-height: normal;text-align: left;
}
.header .top-banner-white-bg .container {position: relative;}
.subpage-header.header{/*padding-bottom: 15px;*/}
.subpage-header.header .top-banner-white-bg .small-dev.no-padding{padding-left:0px; padding-right: 0px;}
.subpage-header.header .top-banner-white-bg {
    /*padding-bottom: 15px !important;*/
}



/* hamburger-menu-item starts*/
.hamburger-menu-item .navbar-header {top: 3px;position: relative;width: 100%;}
.header .navbar-default .navbar-toggle.custom-toggle {
    border: none;padding-right: 0;margin-right: 0;outline: none;
}

.header .navbar-default .navbar-toggle {display: block;}
.navbar-toggle {
    position: relative;float: right;padding: 9px 10px;margin-top: 8px;
    margin-bottom: 8px;background-color: transparent;border-radius: 4px;
}
.header .navbar-default .navbar-brand {
    color: #6cb33f;font-size: 18px;font-weight: 400;
    text-align: left;padding: 0;float: right;
    font-family: "Barlow";
}
.navbar-brand {line-height: 20px;}
.hidden-sm {display: block !important;}
.navbar-header:after {clear: both;}
.navbar-header:before, .navbar-header:after {display: table;content: " ";}
.header .navbar-default {background-color: transparent;border: none;float: right;width: 100%;}
.navbar {position: relative;z-index: 1000;min-height: 50px;margin-bottom: 20px;}


.nav-tabs {border-bottom: 1px solid #dddddd;}
.nav {padding-left: 0;margin-bottom: 0;}
.header .custom-navbar li {width: 100%;}
.header .PV-menu {background-color: #453490; display: none;}
.nav-tabs > li {margin-bottom: -1px;}
.nav > li {position: relative;display: block;}
.header .myelofibrosis-menu {background-color: #67b03c;}
.header .GVHD-menu {background-color: #92308d;}
.header .cGVHD-menu {background-color: #C627A6;}
.header .custom-navbar .nav-tabs > li > a {
    font-size: 16px;
    font-weight: 700; 
    font-family: "Barlow";
    text-align: left;
    color: #fff;
    padding: 15px;display: inline-block;width: 100%;border: none;margin: 0;cursor: pointer;
}
.nav-tabs > li > a {border-radius: 4px 4px 0 0;position: relative;}
.header .custom-navbar li span {display: inline;float: left;margin-right: 5px;}

.header .navbar-default .navbar-toggle.custom-toggle span {background-color: #16065D;pointer-events: none;}
.header .navbar-toggle.collapsed span:nth-child(2), .header .navbar-toggle.collapsed span:nth-child(4) {transform: rotate(0);}
.header .navbar-toggle span:nth-child(2) {transform: rotate(45deg);transform-origin: 10% 10%;}
.header .navbar-toggle span.icon-bar {transition: all 0.15s;width: 30px;height: 4px;}
.navbar-toggle .icon-bar {display: block;border-radius: 1px;}
.header .navbar-toggle span:nth-child(3) {opacity: 0;}
.navbar-toggle .icon-bar + .icon-bar {margin-top: 4px;}
.header .navbar-toggle span:nth-child(4) {transform: rotate(-45deg);transform-origin: 10% 90%;}
.header .navbar-toggle span.icon-bar {transition: all 0.15s;width: 30px;height: 4px;}
.navbar-toggle .icon-bar {display: block;border-radius: 1px;}
.header .top-banner-white-bg .right-col p.head-txt {
    font-family: "Barlow";
    color: #6a6a6a;
    font-size: 13px;
    font-weight: 400;
    line-height: normal;
    text-align: left;
    width: 100%;
    border-right: none;
}
.header .navbar-default .navbar-toggle:focus, .header .navbar-default .navbar-toggle:hover {background-color: transparent;}
.header .navbar-toggle.collapsed span:nth-child(3) {opacity: 1;}
.header .custom-navbar .nav-tabs > li > a:hover{border:none;background-color:transparent;text-decoration:none;}
.header .custom-navbar .nav-tabs > li > a:hover span:nth-child(2){border-bottom:1px solid #fff;}
.sr-only {
    position: absolute;width: 1px;height: 1px;padding: 0;
    margin: -1px;overflow: hidden;clip: rect(0 0 0 0);border: 0;
}
.ui-selectmenu-icon.ui-icon {
    text-indent: 0;font: normal normal normal 14px/1 FontAwesome;
    color: #999;margin-top: 2px;
}

.ui-selectmenu-text {
    color: #999;display: block;margin-right: 20px;
    overflow: hidden;text-overflow: ellipsis;font-size: 16px;
    /* font-weight: 600; */
    font-family: "Barlow";
}
.ui-icon-triangle-1-s:before {content: "\f078";}
.ui-menu .ui-menu-item-wrapper {position: relative;padding: 3px 1em 3px 0.4em; font-size: 15px; color: #343434;
    font-weight: 600;
font-family: "Roboto";}
.ui-menu .ui-menu-item {margin: 0;cursor: pointer;
    list-style-image: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7);
}
.ui-menu .ui-menu-item:hover {}
.display-none {display: none;}

/* hamburger-menu-item end */

/* footer */
.footer {border-top: 2px solid #b3b3b3;background: white;}
.footer-container {background: none repeat scroll 0 0 #FFFFFF;width: 100%;padding-bottom: 0;}
.footer-wrapper {
    padding: 20px 0 0px 50px;
    color: #6C6C6C;
    font-size: 11px;
    border-bottom: 1px solid #F8F8F8;
    font-family: 'Open Sans',sans-serif;
}
.footer-links {margin-bottom: 20px;}
.footer-wrapper .footer-links a, .footer-wrapper .footer-links span {/*float: left;margin: 0 15px 0 0;*/}
.footer-links a {
    color: #67A43E;
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    display: inline-block;
    /* font-weight: 600; */
    font-weight: bold;
}
.footer-wrapper .footer-links a {color: #000000;}
.footer-wrapper .footer-links a, .footer-wrapper .footer-links span {float: left;margin: 0 10px 0 0;}
.footer-wrapper span {
	color: #7C2A90;
    font-family: 'Open Sans',sans-serif;
    font-size: 12px;
}
.footer-wrapper .social-icon p {
    color: #444444;font-size: 18px;letter-spacing: 0;line-height: 22px;
}
.footer-wrapper .social-icon a {
    margin-right: 15px;display: inline-block;border-radius: 50%;
}
.footer-links {margin-bottom: 20px;}
.footer-links p {font-size: 11px; font-family: 'OpenSans-Regular', sans-serif;}
.footer-wrapper .social-icon p {
    color: #444444;font-size: 18px;letter-spacing: 0;line-height: 22px;
}
.follow-fbbtn-img {
    background-image: url(../images/Facebook_footer_icon.png);
    background-repeat: no-repeat;background-position: center;background-size: 100%;
    width: 45px;height: 45px;display: block;
}
.follow-ytbtn-img {
    background-image: url(../images/YouTube_footer_icon.png);
    background-repeat: no-repeat;background-position: center;background-size: 100%;
    width: 44px;height: 45px;display: block;
}

.follow-btn .off,
.follow-btn:hover .on {display: inline-block;}

.follow-btn .on,
.follow-btn:hover .off {
    display: none;
}
.follow-fbbtn-img:hover{background-image:url(../images/Facebook_footer_icon-hover.png);background-repeat:no-repeat;background-position:center;background-size:100%;width:45px;height:45px;display:block;}
.follow-ytbtn-img:hover{background-image:url(../images/YouTube_footer_icon-hover.png);background-repeat:no-repeat;background-position:center;background-size:100%;width:45px;height:45px;display:block;}
.footer-wrapper .nav-item a:hover{background: transparent;}


/* modal */
.offramp-modal {z-index: 1500;/*background-color: rgba(0,0,0,0.78);*/background-color:rgba(0,0,0,0.56);}
.modal {position: fixed;top: 0;right: 0;bottom: 0;left: 0;overflow: auto;overflow-y: scroll;}
.fade {opacity: 0;-webkit-transition: opacity 0.15s linear;transition: opacity 0.15s linear;}
.modal.fade .modal-dialog {-webkit-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0);
-webkit-transition: -webkit-transform 0.3s ease-out;-moz-transition: -moz-transform 0.3s ease-out;-o-transition: -o-transform 0.3s ease-out;transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {-webkit-transform: translate(0,0);-ms-transform: translate(0,0);transform: translate(0,0);}
.modal-dialog {z-index: 1050;padding: 10px;margin-right: auto;margin-left: auto;}
.modal-content {position: relative;background-color: #ffffff;border: 1px solid #999999;border: 1px solid rgba(0,0,0,0.2);border-radius: 6px;outline: none;-webkit-box-shadow: 0 3px 9px rgb(0 0 0 / 50%);box-shadow: 0 3px 9px rgb(0 0 0 / 50%);background-clip: padding-box;
}

.offramp-modal .modal-header {padding: 0;border: none;min-height: 16.428571429px;}
.offramp-modal .close-btn {position: absolute;top: -10px;right: -10px;cursor: pointer;}
.offramp-modal .modal-body {padding-top: 0;border: none;}
.modal-body { position: relative; padding: 20px;}
.offramp-modal .head {padding: 0;color: #333333;font-size: 29.65px;
    /* font-weight: 700; */
    line-height: normal;text-align: center;font-family: "Barlow";}

.offramp-modal .modal-body .modal-txt {color: #444444;font-size: 15.93px;    
    line-height: normal;text-align: center;width: 285px;margin: 0 auto;font-family: 'OpenSans-Regular', sans-serif;}
.offramp-modal .modal-footer {text-align: center;border: none;padding-bottom: 40px;margin-top: 0;}
.modal-footer {padding: 19px 20px 20px;}
.offramp-modal .modal-footer .btn-link {background-color: #6eb43f;color: #fefefe;font-size: 23.89px;
    /* font-weight: 700; */
    line-height: normal;text-align: center;padding: 5px 15px;margin-right: 15px;font-family: "Barlow";
}

/* cookie banner */
.cookie-policy {
    width: 100%;
    border-bottom: 1px solid #B2B2B2;
    font-family: 'Uni57Condensed';
    font-size: 14px;
    color: #FFF;
    background: #4C4B49;
}
.cookie-policy  div {
    margin: 0 auto;
    padding: 8px 0;
    width: 90%;
    display: table;
}
.cookie-policy span {
    display: table-cell;
    vertical-align: middle;
    padding: 0 5px 0 0;
}
.cookie-policy a {
    color: #6cb33f;
}
.cookie-policy span.underline {
    display: inline-block;
    text-decoration: underline;
    vertical-align: initial;
    padding: 0;
}
.cookie-policy .cc-policy-button, .cookie-policy .cc-policy-button:hover, .cookie-policy .cc-policy-button:visited {
    background-color: #6cb33f;
    color: #FFF;
    padding: 5px 8px;
    cursor: pointer;
}
.eu-cookie-compliance-secondary-button {
    cursor: pointer;
    border: none;
    background: none;
    margin-top: 1em;
    padding: 0 8px;
    vertical-align: middle;
}

#sliding-popup.sliding-popup-top {
    position: relative;
    text-align: left;
}
.sticky-container.fixed {
    top: 80px !important;position: fixed;z-index: 1100;
}
.sticky-container {
    position: absolute;
    right: 0px;
    top: 570px;
    z-index: 1000;
    border: 1px solid #6cb33f;
    border-right: 0px;
    background-color: #FFFFFF;
}
ul.sticky {
    margin: 0;
    padding: 0;
    width: 75px;
}
.sticky li {
    list-style-type: none;
    background-color: #fff;
    color: #efefef;
    height: 43px;
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    text-align: center;
}
.sticky .share-label {
    font-family: "Barlow";
    color: #492f91;
    font-size: 17.96px;
    /* font-weight: 600; */
    line-height: 59.852px;
    transform: scaleY(1.0024);
    margin-bottom: 10px;
}
.header .menu-item-list .tab-content .tab-pane.PV-menu ul li .list-sub-menu li:nth-child(1) {
    background-color: #453490;
}
.header .menu-item-list .tab-content .tab-pane.PV-menu ul li .list-sub-menu li:nth-child(2) {
    background-color: #4e3e96;
}
.offramp-link {
    cursor: pointer;
}
.header .menu-item-list .tab-content .tab-pane.myelofibrosis-menu ul li .list-sub-menu li:nth-child(1) {
    background-color: #67b03c;
}
.header .menu-item-list .tab-content .tab-pane.myelofibrosis-menu ul li .list-sub-menu li:nth-child(2) {
    background-color: #73b749;
}
.header .menu-item-list .tab-content .tab-pane.myelofibrosis-menu ul li .list-sub-menu li:nth-child(3) {
    background-color: #7abb53;
}
.header .menu-item-list .tab-content .tab-pane.myelofibrosis-menu ul li .list-sub-menu li:nth-child(4) {
    background-color: #81be5c;
}
.header .menu-item-list .tab-content .tab-pane.myelofibrosis-menu ul li .list-sub-menu li:nth-child(5) {
    background-color: #88c265;
}
.header .menu-item-list .tab-content .tab-pane.myelofibrosis-menu ul li .list-sub-menu li:nth-child(6) {
    background-color: #91c66f;
}
.header .menu-item-list .tab-content .tab-pane.myelofibrosis-menu ul li .list-sub-menu li:nth-child(7) {
    background-color: #98ca7a;
}
.header .menu-item-list .tab-content .tab-pane.myelofibrosis-menu ul li .list-sub-menu li:nth-child(8) {
    background-color: #9ece82;
}
.header .menu-item-list .tab-content .tab-pane.myelofibrosis-menu ul li .list-sub-menu li:nth-child(9) {
    background-color: #a7d18b;
}
.header .menu-item-list .tab-content .tab-pane.myelofibrosis-menu ul li .list-sub-menu li:nth-child(10) {
    background-color: #aed992;
}
.header .menu-item-list .tab-content .tab-pane.myelofibrosis-menu ul li .list-sub-menu li:nth-child(11) {
    background-color: #bde6a2;
}
.header .menu-item-list .tab-content .tab-pane.GVHD-menu ul li .list-sub-menu li:nth-child(1) {
    background-color: #a22c9f;
}
.header .menu-item-list .tab-content .tab-pane.GVHD-menu ul li .list-sub-menu li:nth-child(2) {
    background-color: #b533b2;
}
.header .menu-item-list .tab-content .tab-pane.GVHD-menu ul li .list-sub-menu li:nth-child(3) {
    background-color: #c538c2;
}
.header .menu-item-list .tab-content .tab-pane.GVHD-menu ul li .list-sub-menu li:nth-child(4) {
    background-color: #d440d1;
}
.header .menu-item-list .tab-content .tab-pane.GVHD-menu ul li .list-sub-menu li:nth-child(5) {
    background-color: #e447e1;
}
.header .menu-item-list .tab-content .tab-pane ul li:last-child {
    position: relative;
}
.sliding-popup-bottom, .sliding-popup-top {
    z-index: 1;
}

.header .menu-item-list .tab-content .tab-pane ul li .list-sub-menu {
    position: absolute;
    top: auto;
    left: 0;
    background: #453490;
    z-index: 9;
    text-align: left;
    width: 255px;
    padding-top: 0;
}
.header .menu-item-list .tab-content .tab-pane ul {
    padding: 0;
    margin: 0;text-align: center;
}
.pv-container .sticky li a {
    display: inline-block;
    border-radius: 50%;
}
.header .custom-navbar li span {
    display: inline;
    margin-right: 5px;
}

.header .menu-item-list .tab-content .tab-pane.PV-menu ul li .list-sub-menu li:nth-child(1) {
    background-color: #453490;
}
.header .menu-item-list .tab-content .tab-pane.PV-menu ul li .list-sub-menu li:nth-child(2) {
    background-color: #4e3e96;
}
.header .menu-item-list .tab-content .tab-pane.PV-menu ul li .list-sub-menu li:nth-child(3) {
    background-color: #58499B;
}
.header .menu-item-list .tab-content .tab-pane.PV-menu ul li .list-sub-menu li:nth-child(4) {
    background-color: #6052a0;
}
.header .menu-item-list .tab-content .tab-pane.PV-menu ul li .list-sub-menu li:nth-child(5) {
    background-color: #6a5da5;
}
.header .menu-item-list .tab-content .tab-pane.PV-menu ul li .list-sub-menu li:nth-child(6) {
    background-color: #7467ac;
}
.header .menu-item-list .tab-content .tab-pane.PV-menu ul li .list-sub-menu li:nth-child(7) {
    background-color: #7d71b2;
}
.PV-menu ul ul#subMenu8 li.get-link:nth-child(8), ul#mfsubMenu8 li.get-link:nth-child(8) {
    font-style: italic;
}

.header .menu-item-list .tab-content .tab-pane.PV-menu ul li .list-sub-menu li:nth-child(8) {
    background-color: #857bb7;
}
.header .menu-item-list .tab-content .tab-pane.PV-menu ul li .list-sub-menu li:nth-child(9) {
    background-color: #8f84bb;
}
.header .menu-item-list .tab-content .tab-pane.PV-menu ul li .list-sub-menu li:nth-child(10) {
    background-color: #978BC0;
}
.header .menu-item-list .tab-content .tab-pane.PV-menu ul li .list-sub-menu li:nth-child(11) {
    background-color: #a498cf;
}
.header .custom-navbar .nav-tabs > li.active > a, .header .custom-navbar .nav-tabs > li.active > a:hover, .header .custom-navbar .nav-tabs > li.active > a:focus {
    background-color: transparent;
    color: #fff;
    border: none;
}

.header .menu-item-list .tab-content .tab-pane ul li .list-sub-menu a {
    padding: 0;
    width: 100%;
    display: block;
}
.offramp-modal .modal-header img{
    width: 100%;
}

.pi-pi .middle-section hr {
    margin-top: 20px;
    margin-bottom: 20px;
}
.footer-wrapper .footer-links a:hover{text-decoration: underline;}
.cgvhd-section .ac-gvhd-links .c-gvhd-link {
    width: 35%;
    margin-left: 3%;
    text-align: center;
}
.isi-wrapper a.offramp-link:hover{text-decoration: underline;}
.header .custom-navbar .nav-tabs > li > a {
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    font-family: "Barlow";
    color: #fff;
    padding: 12px 15px;
    display: inline-block;
    width: 100%;
    border: none;
    margin: 0;
    cursor: pointer;
}
.section-404-500 {
    /*margin-top: 16px;*/
}

.sitemap .top-banner-white-bg {
    padding-bottom: 15px;
}
.meet-mentor-box-expanded-text a{margin-left: -45px;}
.isi-wrapper sup.tm {
    top: -2px;
    font-size: 85% ;
}
.isi-wrapper sup {
    font-size: 63%;
    top: -5px;
}
.isi ul{
    padding-left: 23px;
}
.isi ul li {
    line-height: normal;
}

.isi li::marker {
    font-size: 0;
}
.isi li::before {
    content: "";    
    display: inline-block;    
    margin-left: -11px;    
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color:  #000000;
    margin-right: 5px;
    top: -2px;
    position: relative;
}
.isi li ul li::before {    
    width: 4px;
    height: 4px;    
    border: solid 1px #000000; 
    background-color:inherit;
    margin-right: 7px;
}

.isi p.b-heading-mb0 {
  margin-bottom: 0;
}
.isi a[href^=tel]{
    text-decoration:none;
    color:inherit !important;
    pointer-events: none;
    cursor: default;
}
p.ph-bold-remove a {
    font-family: 'OpenSans-Regular', sans-serif !important;
}
.isi-wrapper .indication h4 {
    text-transform: inherit;
}
li.mb10 {
    margin-bottom: 10px !important;
}
a:focus {
    outline: none !important;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    #isi_section {
        margin-top: 15px;
    }
}

 /* JAK DTC Gateway Overhaul 2026 */

.jakafi-conditions {
  padding: 24px 0 36px 0;
  background: #f8f8fc;
  color: #4a4a4a;
  font-family: "Barlow Condensed", sans-serif;
}

.jakafi-conditions .container {
  width: auto;
  max-width: 1170px;
}

.jakafi-conditions__title {
  margin: 0 0 31px;
  color: #444444;
  font-family: "Barlow", sans-serif;
  font-size: 36px;
  font-weight: 400;
  line-height: 1.2;
  text-align: center;
}

.jakafi-conditions__title sup {
  top: -5px;
font-size: 86%;
}

.jakafi-condition-row > [class*="col-"] {
  margin-bottom: 28px;
}

@media (min-width: 768px) {
  .jakafi-condition-row {
    display: flex;
    flex-wrap: wrap;
  }

  .jakafi-condition-row > [class*="col-"] {
    /* display: flex; */
  }
}

.jakafi-condition-card {
  position: relative;
  display: flex;  
  height: 100%;
  flex-direction: column;
  align-items: flex-start;
  padding: 22px 32px 40px 32px;
  border-radius: 30px 0 30px 0;
  color: #fff;
}

.jakafi-condition-card--pv {
  background: linear-gradient(0deg, #210375 0%, #693DE7 100%);
}

.jakafi-condition-card--mf {
  background: linear-gradient(0deg, #103D03 0%, #205523 25%, #245A24 39%, #316A29 56%, #468331 75%, #64A73C 95%, #6CB13F 100%);
}

.jakafi-condition-card--gvhd {
  background: linear-gradient(180deg, #B13098 46.44%, #5F1A51 100.12%);
}

.jakafi-condition-card__heading {
  margin: 0;
  color: #fff;
  font-family: "Barlow"; 
  font-size: 50px;
  font-weight: 700;
  line-height: 1.1;
}

.jakafi-condition-card__rule {
  width: 54px;
  height: 2px;
  margin: 22px 0 24px;
  background: rgba(255, 255, 255, 0.55);
}

.jakafi-condition-card__description {
  margin: 0 0 24px;
  color: #fff;  
  font-size: 18px;
  font-weight: 400;
  line-height: 22px;  
  font-family: "Barlow Condensed";
  text-shadow: .5px 0px 0px rgba(255, 255, 255, 1);
}
.jakafi-condition-card__description strong {  
  font-weight: 700;    
  text-shadow: none;
}

.jakafi-condition-card__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;  
    justify-content: space-between;    
    width: 100%;
}
 

.jakafi-condition-link,
.jakafi-support__link {
  display: inline-flex;
  min-height: 43px;
  align-items: center;
  justify-content: center;
  padding: 13px 13px;
  border: 1px solid #fff;
  border-radius: 24px;
  background: #fff;
  color: #492F92;
  font-family: "Barlow";
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
}

.jakafi-condition-card--mf .jakafi-condition-link {
  color: #28602b;
}

.jakafi-condition-card--gvhd .jakafi-condition-link {
  color: #a62b93;
    padding: 13px 19px;
}
.jakafi-condition-card--gvhd {
    padding: 22px 20px 40px 30px;
}

.jakafi-condition-link:hover,
.jakafi-condition-link:focus {
  text-decoration: none;
}

.jakafi-condition-link:focus-visible,
.jakafi-support__link:hover,
.jakafi-support__link:focus {
  background: transparent;
  color: #fff;
  text-decoration: none;
}

@media (hover: hover) and (pointer: fine) {
  .jakafi-condition-link:hover {
    background: transparent;
    color: #fff;
    text-decoration: none;
  }
}

.jakafi-condition-link span,
.jakafi-support__link span,
.jakafi-condition-card__difference span {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-left: 4px;
  border-top: 2px solid currentColor;
  border-right: 2px solid currentColor;
  transform: rotate(45deg);
}
.jakafi-condition-difference-cont {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -40px);
}
.jakafi-condition-card__difference {
  align-self: center;  
  padding: 9px 10px;
  border: 1.5px solid #fff;
  border-radius: 18px;
  color: #fff;
  font-family: "Barlow";
  font-size: 12px;
  font-weight: 700;
  line-height: 10px;
  text-decoration: none;
}

.jakafi-condition-card__difference:hover,
.jakafi-condition-card__difference:focus {
  background: #fff;
  color: #a62b93;
  text-decoration: none;
}

.jakafi-condition-card__difference span {
  width: 6px;
  height: 6px;
  margin-left: 6px;
    top: -1px;
    position: relative;
}

.jakafi-support {
  display: flex;
  min-height: 112px;
  align-items: center;
  gap: 30px;
  padding: 22px 30px;
  border-radius: 24px 0 24px 0;
  background: linear-gradient(180deg, #0065ad 0%, #004477 100%);
  color: #fff;
}


.jakafi-support__question {
  flex: 0 0 280px;
  padding-right: 28px;
  border-right: 2px solid rgba(255, 255, 255, 0.65);
  color: #fff;
  font-family: "Barlow";
  font-size: 20px;
  line-height: 1.25;
  text-shadow: .5px 0px 0px rgba(255, 255, 255, 1);
}

.jakafi-support__description {
  flex: 1 1 auto;
  margin: 0;
  color: #fff;
  font-family: "Barlow";
  font-size: 16px;
  line-height: 1.25;
}

.jakafi-support__description strong {
  color: inherit;
  font-family: "Barlow";
  font-weight: 700 ;
}

.jakafi-support__link {
  flex: 0 0 auto;
  min-width: 142px;
  color: #0060a4;
  padding: 13px 13px;
  margin-top: 10px;
}

@media (max-width: 1199px) {
  .jakafi-condition-card {
    padding-right: 24px;
    padding-left: 24px;
  }

  .jakafi-support {
    gap: 20px;
  }

  .jakafi-support__question {
    flex-basis: 220px;
    padding-right: 20px;
  }
}

@media (max-width: 767px) {
  .jakafi-conditions {
    padding: 22px 0;
  }


  .jakafi-conditions .container {
    padding-right: 15px;
    padding-left: 15px;
  }

  .jakafi-conditions__title {
    margin-bottom: 50px;
    font-size: 36px;
  }
  .jakafi-conditions__title {
    text-align: left;
}

  .jakafi-condition-row > [class*="col-"] {
    margin-bottom: 18px;
  }

  .jakafi-condition-card {
    min-height: 0;
    padding: 22px 32px 40px;
  }
    .jakafi-condition-card--gvhd {
    padding-bottom: 48px;
  }
  .jakafi-condition-card--gvhd .jakafi-condition-link {
    
    padding: 13px 17px;
}

  .jakafi-condition-card__heading {
    font-size: 60px;
    line-height: 72px;
  }

  .jakafi-condition-card__rule {
    margin: 16px 0 18px;
    width: 63px;
  }

  .jakafi-condition-card__description {
    font-size: 18px;
  }

  .jakafi-support {
    align-items: flex-start;
    flex-direction: column;
    gap: 14px;
    padding: 25px 30px;
  }

  .jakafi-support__question {
    flex: 0 1 auto;    
    border-right: 0;    
    font-size: 19px;
  }

  .jakafi-support__description {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .jakafi-support__link {
    min-width: 132px;
  }
}
/*------------ JAK DTC Gateway Overhaul 2026  end ------------*/


	#block-topsecondmenuright{display: block;}
	#block-topsecondmenurightmobile{display: none;}
	.header .custom-navbar .nav-item:nth-child(1) {
    background-color: #453490;
}
	.header .custom-navbar .nav-item:nth-child(2) {
    background-color: #67b03c;
}
	.header .custom-navbar .nav-item:nth-child(3) {
    background-color: #92308d;
}
	.header .custom-navbar .nav-item:nth-child(4) {
    background-color: #C627A6;
}


/* new  ISI */


 #isi {
        display: none;
    }
.isi-accordion__title.d-lg-none {
    display: none;
}

.isi-accordion__content .bold-text{
    font-weight: 700;
}

.col-12.isi-safety-more {
    clear: both;        
    padding: 0 15px 0;
}

.isi-accordion__content p.mb-0, .isi-accordion__content li.mb-0, .isi-safety-more p.mb-0,
.isi-safety-more li.mb-0{
    margin-bottom:0;
}
.isi-safety-more li.mb-2 {
    margin-bottom: 10px;
}
.isi-accordion__content p, .isi-safety-more p {
    margin-bottom: 8px;
}

.col-lg-6.isi-accordion.isi-accordion--what.is-open .isi-accordion__content p{
    margin-bottom:15px;
}
.isi-safety-more ul{
    margin-bottom:8px;
}
.isi-accordion__content a{
    color:#92278F;
}

.isi-accordion__title h5 {
    margin: 0;
    font-size: 18px !important;
    line-height: 120%; 
    font-weight: 700; 
    letter-spacing: 0;
    color: #92278F; 
    margin-bottom:7px;
}
.isi-accordion__content p, .isi-accordion__content li, .isi-safety-more p, .isi-safety-more li
 {
    font-size: 16px;
    line-height: 20px;
    color: #444444;
}

.isi-tray__content ul {
    padding: 0px;
    list-style: none;
    margin-left: 8px;
    margin-bottom: 8px;
}

.isi-tray__content ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 3.5px;
    height: 3.5px;
    border-radius: 50%;
    background: #444444;
}
.isi-tray__content li{
    position: relative;
    padding-left: 8px;
}

.isi-tray__content ul li ul{
    margin-left: 12px;
}

.isi-tray__content ul li ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: transparent;
    border:1px solid #444444;
}
.isi-tray__chevron svg path, .isi-accordion__icon svg path {
    fill: #60B033;
    stroke: #60B033;
    stroke-width: 1.5px;
    stroke-linejoin: miter;
}


.isi-tray__chevron svg, .isi-accordion__icon svg {
    width: 100%;
    height: 100%;
    fill: #60B033;
    display: none;
}


.isi-tray__toggle:hover {
    color: #92278f;
}

.isi-tray__toggle {
    display: none;
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 0;
    border-radius: var(--isi-radius) var(--isi-radius) 0 0;
    background: #FFFFFF;
    color: #92278F;
    cursor: pointer;
    padding: 6px 20px;
    align-items: center;
    font-size: 18px;
    line-height: 120%;
    box-shadow: 0 -5px 12px -6px rgba(0, 0, 0, 0.25);
}

.isi-tray__chevron--up {

    background-image: url(../images/caret-isi.svg);
}
.isi-tray__chevron--down{
    background-image:url("../images/caret-isi-collapse.svg");
}

.isi-tray__chevron {
    width: 21px;
    height: 12px;
    background-size:100%;
    background-repeat:no-repeat;
}
.isi-accordion__icon{
    width:21px;
    height:12px;
     background-image: url(../images/caret-isi.svg);
    background-size:100%;
    background-repeat:no-repeat;
}

.isi-tray.is-embedded .isi-tray__content {
    padding-bottom: 22px;
}


.custom-sms-terms-and-conditions .node__content.clearfix,
.custom-prescribing-information .node__content.clearfix  {
    margin-top: 0;
}
.custom-sms-terms-and-conditions .pv-body-section strong{
    color: #45556C;
}

.custom-sms-terms-and-conditions .pv-body-section ol li {
    margin-bottom: 24px;
}

.custom-sms-terms-and-conditions .pv-body-section ol {
    counter-reset: item;
    list-style: none;
    padding-left: 0;
    margin-bottom:30px;
}

.custom-sms-terms-and-conditions .pv-body-section ol li {
    counter-increment: item;
    position: relative;
    padding-left: 40px;
    font-size: 16px;
    line-height:120%;
    color: #45556C;
}

.custom-sms-terms-and-conditions .pv-body-section ol li::before {
    content: counter(item);
    position: absolute;
    left: 0;
    top: 4px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #492F92;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-family: "Barlow";
    line-height:120%;
    font-weight: 700;
}

.custom-sms-terms-and-conditions .pv-body-section {
    padding: 40px 45px 20px;
    border-radius: 0 30px 0 0;
}
.custom-sms-terms-and-conditions .pv-body-section ol li a {
        color: #16065D;        
}
.custom-sms-terms-and-conditions .pv-body-section ol li a strong {
        color: #16065D;       
}

.custom-sms-terms-and-conditions .pv-body-section ol li a.underline {
    text-decoration: underline;
}
a[href^="tel:"] {  
  text-decoration: underline;
}
.back-btn {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 10.1px 13px;
  border: 0;
  border-radius: 74px;
  background: #16065D;
  color: #FFFFFF;
  font-size: 16px;
  font-weight: 700;
  cursor: pointer;
  text-decoration: none;
}

.arrow {
  width: 10px;
  height: 10px;
  border-left: 3px solid white;
  border-bottom: 3px solid white;
  transform: rotate(45deg);
}
.back-btn:hover {
color:#FFFFFF;
}

.custom-pdf-veiwer-outer > div.row:last-child {
    /* background-color: #fff;
    padding: 40px 45px; */
    margin-left: 0px;
}
 
/* iPad Portrait */
@media only screen
  and (min-width: 810px)
  and (max-width: 834px)
  and (orientation: portrait) {
    
.custom-sms-terms-and-conditions .top-banner-white-bg .small-dev.no-padding,
.custom-register-for-resources .top-banner-white-bg .small-dev.no-padding,
.custom-resources-thank-you .top-banner-white-bg .small-dev.no-padding,
.custom-prescribing-information .top-banner-white-bg .small-dev.no-padding,
.custom-patient-information .top-banner-white-bg .small-dev.no-padding {
    padding-top: 24px;
}
    .header .menu-item-list {
        width: 385px !important;
    }
.header .menu-item-list .top-links .top-sml-dev-links {
    bottom: -219px !important;    
    width: 385px !important;
}
.pv-registration-form #edit-actions::after {
    top: 22px !important;
	right: 23px;
}
.pv-registration-form #edit-actions {
    float: left;
}
#footer .col-md-1.col-sm-2.col-lg-1.spacing0.hidden-xs.no-padding {
        width: 70px;
    }
    .footer-wrapper .col-md-1.col-sm-2.col-lg-1.spacing0.hidden-xs.no-padding a {
        margin-top: 25px;
    }
    .header .resident-txt {
        margin-bottom: 8px;
    }
    .col-lg-4.col-xs-12.col-md-3.col-sm-3.logo {
        width: 375px;
    }
    .isi-tray.is-preview{
        /* height: 78px; */
    }
    .isi-tray.is-expanded .isi-accordion--safety:not(.is-open) {
        border-top: 1px solid #ccc;
        padding-top: 5px;
    }
    .isi-tray .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    .isi-tray.is-expanded .isi-accordion--what button {       
        border-bottom: 1px solid #cccccc !important;
    }
    
    .jakafi-condition-card__actions.jakafi-condition-card__actions--gvhd {
        justify-content: space-between;
        width: 50%;
        margin:0 auto;
        margin-bottom: 50px;
    }
    .custom-sitemap .container-fluid.pv-home .container-fluid .container {

    }
    .header .menu-item-list .top-links .top-sml-dev-links a.register-for-updates-link {
        border-radius: 75px;
        background: #16065D;
        padding: 10px 7px;
        color: #ffffff;
        font-weight: bold;
        display: inline-block;
        margin-top: 5px;
    }
    .register-form #edit-actions {
        float: left !important;
        margin-top: 22px !important;
    }
        .pv-registration-form .row:last-child .col-md-5 {
        display: inline-block;
    }
    .pv-registration-form #edit-actions::after {
        top: 14px !important;
        right: 9px !important;
    }
   


}

/* iPad Landscape */
@media only screen
  and (min-width: 1080px)
  and (max-width: 1112px)
  and (orientation: landscape) {
   
    .header .resident-txt {
        margin-top: 22px !important;
    }
    .container.container-section {
        padding-left: 0;
        padding-right: 0;
    }
    .list-inline > li {
        padding-right: 6px;
    }
    
    .pv-registration-form #edit-actions {
            width: 100% !important;
    }
}
body.modal-open {
    margin-right: 0 !important;
}
.sms-click-here {
    color: #45556C !important;
    text-decoration: underline;
}


@media only screen and (min-width: 460px) and (max-width: 900px) and (orientation: landscape) {
    .custom-page-not-found .top-banner-white-bg .small-dev.no-padding>.logo, 
    .custom-sitemap .top-banner-white-bg .small-dev.no-padding>.logo, 
    .custom-contact-us .top-banner-white-bg .small-dev.no-padding>.logo, 
    .custom-page-error .top-banner-white-bg .small-dev.no-padding>.logo {
        width: 375px;
    }
    .logo img.img-responsive {
        width: 100%;
    }
}

@media (min-width: 991px) and (max-width: 1199.98px){ 
        .pv-registration-form #edit-actions::after {
        top: 18px !important;
        right: 8px !important;
    }
    .pv-registration-form #edit-actions {
            width: 87% !important;
    }
}