/* biogen-blue: #2573BA */
/* biogen-green: #6DAD46 */
/* biogen-darkblue: #6FA287 */
/* bioegen-lightblue: #B1CBEB */
/* background: #fff */

:root {
 --main-bg-color: white;
 --padding: 1.25rem;
 --biogen-blue: #2573BA;
 --biogen-dark-blue: #005B7F;
 --nn-link: #009fda;
 --nn-black: #000;
 --nn-nav-active: #82786f;
 --nn-text: #333333;
 --nn-alert: #e64a0e;
 --flyout-bg-biogen: #f1f1f1;
 --flyout-item-divider: #b3cbe0;
 --dev-spot-bg: #efefef;

    /* text sizes */
   --paragraph-sized: 1rem;
 --h1: 3rem;
 --h2: 1.5rem;
 --h3: 1.728rem;
}
/* removed items */
.template--home .page-title .page-utils, .page-header-generic, .main-nav .on .caret, .safety_info, .template_generic .breadcrumb, .template--generic-one-column .breadcrumb, footer .back-to-top, .wrapper-full-width .full-width > div:nth-child(2) .cardContainer-content::before, .main-nav .wrapper > ul > li.over .caret, #footer .row .col:first-child h2, header .main-nav .wrapper ul > li:hover ul li:hover:after, .logo-options .col1 .last, .carousel-container .slickCarousel .slick-prev, .carousel-container, .jwplayer .jwdisplayIcon .jwtext, .slickCarousel .slick-next {
   display: none !important;
}
/* various overwrite rules */
.frontpage-wrapper {
    margin-top: 20px !important;
    width: 1145px;
    overflow: hidden;
    margin: 0 auto;
        margin-top: 0px;
}

.main.generic-page.full-width {
    max-width: 1145px;
    margin: 0 auto;
    width: 100%;
}
.ipadright {
    padding: 0 !important;
}

.modal-buttons a {
   padding: 0.875rem 1.5rem;
}

p.first img {
    height: 75px !important;
    width: auto;
}

@media all and (min-width: 376px) {
    p.first img {
        height: 75px !important;
        width: auto;
    }
}
@media all and (min-width: 768px) {
    p.first img {
        height: unset !important;
        width: auto;
    }
}

/*Accordion setup*/
.accordion {
    margin: 0;
    padding: 0;
    border: 0;
    width: auto;
}


@media all and (min-width: 376px) {}

.accordion .accordionElementHeader h4 {
    margin: 0;
    padding: 0;
    font-size: inherit;
    text-transform: none;
    font-family: inherit;
    font-weight: 700;
    line-height: 1;
}


.accordion .columncontrol .row {
    background: #fff;
    width: 100%;
    margin: 0 auto;
}



.modal-content {
   padding-top: 0 !important;
}
.negative-margin {
   margin-bottom: 40px !important;
}
.negative-margin > div > div:first-child {
   margin-bottom: -24px !important;
}





/* ...this one normally used for introducing the page */

.wrapper {
   padding: 0;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
   padding: 0;
}
.utility-nav .navbar-nav > li > a, .utility-nav .navbar-text {
   padding: 0.25rem;
   width: 130px;
   text-align: center;
   height: 50px;
   line-height: 25px;
   display: block;
   float: right;
}
.highlighterPlug {
   color: #2573BA;
   font-weight: 400;
   text-transform: none;
   font-size: 1.5rem;
   font-style: italic;
}

.utility-nav .wrapper, .logo-options .wrapper, .main-nav .wrapper, .content .wrapper, .isi .wrapper, .references .wrapper, footer .wrapper {
   max-width: 1145px;
   padding: 0;
}
.no-touchcapable .main-nav .wrapper > ul > li > a:hover, .touchcapable header .main-nav .wrapper > ul > li > .on, header .main-nav .wrapper > ul > .over > a {
   background: none !important;
   border-bottom: 0;
   font-family: inherit;
}

@media all and (min-width: 1023px) {

    .utility-nav .navbar-nav > li > a, .utility-nav .navbar-text {
       padding: 0;
       background: none;
       width: auto;
       height: 50px;
       line-height: 25px;
       display: flex;
       flex-flow: row;
    }


    .no-touchcapable .main-nav .wrapper > ul > li > a:hover, .touchcapable header .main-nav .wrapper > ul > li > .on, header .main-nav .wrapper > ul > .over > a {
       border-bottom: 7px solid #2573BA !important;
    }
}

.column-control-column {
   padding: 0;
}

/*HEADER region defintions*/
header {
   background: #fff;
   height: 75px;
   position: relative;
}
header .main-nav .wrapper ul > li a.on ul {
	display: block;
}

header::before { background: #6DAD46; content: ""; width: 100%; height: 17px; display: none;}
header .utility-nav {
    background: #fff;
    box-shadow: none;
    margin: 0;
    font-size: inherit;
    font-family: inherit;
    text-shadow: unset;
    display: block;

position: absolute;

right: 0;
}
header .navbar-right { background: none; width: unset !important; float: right !important;}
header .navbar-nav { float: none; margin-top: 5px; position: relative; right: 9px; float: right !important;}
header .navbar-right .navbar-link { background: #2573BA; padding: 1.2rem 1.5rem; margin-left: 20px; height: 50px; line-height: 1;}
header .navbar-right p a:nth-child(1) { background: none !important; background-size: auto auto; color: #333; background-size: 15% !important;}
header .navbar-right p a:nth-child(1) { background: none !important; text-shadow: none; color: #333; font-family: 'Libre Franklin', sans-serif !important; text-decoration: underline; font-size: 0.75rem; font-weight: 400; text-decoration: none;}
header .navbar-right p a:nth-child(1):hover { color: #333;}
header .main-nav .wrapper ul > li > a { color: #2573BA !important; font-family: inherit !important; text-align: left; font-size: 0.875rem; font-weight: 400; transition: none !important; line-height: 56px; height: 56px; margin-top: unset; display: block; padding: 0 1.5rem; text-transform: none;}
header .main-nav .wrapper .level-1::after { content: ""; display: block; position: absolute; right: 0; width: 1px; background: #e8eff8; height: 40px; top: 7px;}
header .main-nav .wrapper ul > li ul .level-2 { text-align: left; padding: 0; border-bottom: 1px solid var(--flyout-item-divider) !important;}
header .main-nav .wrapper ul > li ul .level-2 a { display: block; line-height: unset; opacity: 1 !important; padding: 1.25rem 1.875rem !important;}
header .main-nav .wrapper ul > li { background: #fff; height: 56px; position: relative;}
header .main-nav .wrapper ul > li:hover { background: #fff !important;}
header .main-nav .wrapper ul > li:hover a { color: #2573BA !important;}
header .main-nav .wrapper ul > li:hover ul li a { color: #2573BA !important; border: none; height: auto;}
header .main-nav .wrapper ul > li:hover ul li:hover a { border: none; color: #fff !important; opacity: 1 !important; background: #2573BA !important;}
header .main-nav .wrapper ul li + li a { border-left: none;}
header .main-nav .wrapper ul > li ul li { background: none !important; display: block;}
header .main-nav .wrapper ul > li ul li:hover { color: #2573BA !important; display: block;}
header .main-nav .wrapper ul > li.over ul { display: block !important; background: var(--flyout-bg-biogen); padding: 15px 0 0; top: 55px !important; width: 35em;}
header.sticky.stickytoTop { top: -118px !important;}

header .main-nav .wrapper ul > li {
	height: auto;
    border-bottom: 1px solid #e2e2e2;
}

@media screen and (min-width: 1024px) {   
	header {
     height: 185px;
     position: relative;
     display: flex;
   }

header .fixed-offset {
    padding: 0 !important;
    position: absolute;
    height: auto;
    top: 17px;
    max-width: 1145px;
    width: 100%;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

header .fixed-offset[style] {
    padding: 0 !important;
}

header::before { background: #6DAD46; content: ""; width: 100%; height: 17px; display: block;}
   header .main-nav .wrapper ul > li {
    background: transparent;
    height: 56px;
    position: relative;
}


header .main-nav .wrapper ul > li { height: 56px; border-bottom: 0;}
header .main-nav .wrapper ul > li ul {
	display: none !important;
}
header .main-nav .wrapper ul > li:hover { background: transparent !important;}
header .main-nav .wrapper ul > li:hover a { color: #2573BA !important;}

header .main-nav .wrapper ul > li > a { color: red;}
   }

/*NAVIGATION region defintions*/
.main-nav { 
   background: #fff; 
   border: 0.2px solid #D1D3D3; 
   -webkit-font-smoothing: antialiased; 
   -moz-font-smoothing: antialiased; 
   -o-font-smoothing: antialiased; 
   -moz-osx-font-smoothing: grayscale; 
   text-align: center; 
   height: 56px; 
   box-shadow: none !important;
}
.main-nav ul ul {
    display: none;
    background: #f1f1f1;
    padding: 0;
}

.main-nav::after { content: ""; height: 8px; width: 100%; box-shadow: 0 3px 4px 0 #CDCDCD; display: block; position: relative; bottom: 10px; z-index: 5;}
.main-nav .wrapper > ul ul li { border-bottom: none; margin: 0; height: 65px !important; line-height: 25px;}
.main-nav .wrapper > ul > li > ul > li > a { color: #2573BA !important;}
.main-nav .wrapper > ul > li > ul > li.over > a, .main-nav .wrapper > ul > li > ul > li.over > a:hover { background: transparent; opacity: 0; font-weight: 100 !important;}
.main-nav .wrapper > ul ul > li + li { margin-left: 0;}

.main-nav .wrapper > ul > li > a.on { background: none;}

.main-nav .wrapper > ul > li > a::before {
    display: none;
}

.main-nav .wrapper > ul > li.has-children > a::before {
    color: #5c6770;
    content: "+";
    font-style: normal;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition: color, 0.1s, linear;
    -moz-transition: color, 0.1s, linear;
    transition: color, 0.1s, linear;
    font-size: 1.3rem;
    font-family: inherit;
    z-index: 2;
    display: block;
    background: #D1D3D3;
    border-radius: 50%;
    padding: 1px 0 0 5px;
    width: 22px;
    height: 22px;
}
.main-nav .wrapper > ul > li.has-children > a.on::before {
    content: "-";
    font-size: 1.5rem;
    padding: 0 0 0 7px;
}


.sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 80%;
}
.row-offcanvas-left .sidebar-offcanvas {
    left: -80%;
}
@media all and (min-width: 516px) {
    .sidebar-offcanvas {
        width: 60%;
    }
    .row-offcanvas-left .sidebar-offcanvas {
        left: -60%;
    }
}
@media all and (min-width: 1023px) {
    .sidebar-offcanvas {
        top: unset;
        width: 100%;
        position: absolute;
        bottom: 0;
        z-index: 100;
    }
    .row-offcanvas-left .sidebar-offcanvas {
        left: 0;
        display: none;
    }
}

@media all and (min-width: 1024px) {
.main-nav .wrapper > ul > li.has-children > a::before {
    display: none;
}
}

/*NAVIGATION region defintions - logo placement*/
.logo-options {
   background: #fff;
   height: 165px;
}
.logo-options .row { margin: 0;}
.logo-options .col1 .first { margin: 0 auto -34px; padding: 0; width: auto; display: inline-block; position: relative; left: 40%; right: 0;}
.logo-options .col1 .first a { max-width: 166px; margin: 0; width: 100%;}
.logo-options .wrapper .row > div:first-child { position: relative; top: -55px;}
.logo-options .form-inline { position: absolute; top: 24px; right: 10px;}
.logo-options .col3 .form-inline { position: absolute; top: 24px;}
.logo-options .col3 form input { width: 100%; height: 54px; line-height: 54px; padding-top: 0; padding-bottom: 0; padding-left: 25px; border-radius: 0; font-size: inherit; border: none; background: #f6f6f6; margin-right: 29px; position: relative; left: -30px;}
.logo-options .col3 form button { position: absolute; bottom: -1px; right: -10px; height: 55px; padding: 0; width: 34px; font-size: inherit; border-radius: 0; background: url(/content/dam/commercial-eu/neurology/portal/microsites/images/plegridy/icon-search.png) no-repeat center center #6DAD46 !important; background-size: auto auto; background-size: 35% !important; border: none; width: 80px;}
.logo-options .col3 form button {}

/*NAVIGATION region defintions - flyout logic*/
.level-1.has-children.over { border-bottom: none;}
.level-1.has-children.over::before { content: ""; display: block; position: absolute; top: 54px; left: 40%; width: 20px; height: 30px !important; border-bottom: none; border-top: solid 15px #2573BA; border-left: solid 10px transparent; border-right: solid 10px transparent; z-index: 5000;}
.level-1.here::before { content: ""; display: block; position: absolute; top: 44px; left: 0; width: 100%; height: 10px !important; border-bottom: solid 5px #2573BA; border-left: none; border-right: none; border-top: none; z-index: 5000;}

@media all and (min-width: 1024px) {
.level-1.has-children.over { border-bottom: 7px solid #2573BA;}
.logo-options .col1 .first { left: 0; right: 0;}
.logo-options .wrapper .row > div:first-child { position: relative; top: -55px; left: unset;}
}



/*CONTENT region defintions*/
.content {
   clear: left;
   padding-top: 50px;
}
.content .close span { display: block; margin: 0; width: 2rem; height: 2rem; background-color: #69B3E7; color: #fff; border-radius: 0; font-size: inherit; line-height: 2rem; font-size: 2rem; font-weight: 400;}
.content p { line-height: 1.5; font-size: 1rem; font-family: inherit; color: unset; margin-bottom: 10px;}
.content ul { font-weight: 400; font-size: 1rem;}
.content .thumbnail-list { background: #fff; clear: left; display: flex; flex-flow: row; flex-wrap: wrap; margin: 0;}
.content .thumbnail-block { background: #2573BA; flex: 1 1 30% !important; width: unset !important; margin: 0 30px 30px 0;}
.content .thumbnail-block .thumbnail { width: unset; padding: 0; margin: 0;}
.content .thumbnail-block .thumbnail img { display: block; width: unset; margin: 0; padding: 0;}
.content .thumbnail-block .thumbnail + p {}

/*CONTENT region - titles*/
body .content h1 { font-size: 1.75rem; font-family: inherit; line-height: 1.2; padding: 0; margin: 0 0 1.875rem; width: 90%;}
body .content h2 { font-size: 1.75rem; color: var(--biogen-dark-blue); font-family: inherit; line-height: 1.3; font-weight: 400; margin: 0 0 1rem; width: 90%;}
body .content h2.modal-title { width: 100%;}
body .content .column-control-column h1, body .content .column-control-column h2 { font-size: 2.25rem; margin: 2.5rem 2.5rem 1.875rem; line-height: 2.5rem;}
body .content .signin-register .column-control-column h1, body .content .signin-register .column-control-column h2 { font-size: 2.25rem; margin: 0 2.5rem 1.875rem 0; line-height: 2.5rem;}
body .content .cardContainer-content h1, body .content .cardContainer-content h2 { font-size: 1.75rem; line-height: 2rem; margin: 0 0 0.65rem; color: #fff; width: inherit;}


body .content .spots .column-control-column h2 {
    font-weight: 700;
    text-align: center;
    margin: 1em 0 1rem;
    display: inline-block;
    width: 100%;
}


@media all and (min-width: 768px) {
	body .content h1 { font-size: 3rem; line-height: 3.625rem; padding: 0; margin: 0 0 1.875rem; width: 90%;}
    body .content h2 { font-size: 2.25rem; line-height: 2.5rem; margin: 0 0 1.875rem; width: 90%;}
	body .content .cardContainer-content h1, body .content .cardContainer-content h2 { font-size: 2.25rem; margin: 0 0 2.25rem;line-height: 2.75rem;}
}
@media all and (min-width: 1024px) {
	body .content h1 { font-size: 3rem; line-height: 3.625rem; padding: 0; margin: 0 0 1.875rem; width: 90%;}
    body .content h2 { font-size: 2.25rem; line-height: 2.5rem; margin: 0 0 1.875rem; width: 90%;}
	body .content .cardContainer-content h1, body .content .cardContainer-content h2 { font-size: 2.25rem; margin: 0 0 2.25rem;line-height: 2.75rem;}
}

/*CONTENT region - body text*/
body .content .column-control-column p { margin: 0 2.5rem;}
body .content .signin-register .column-control-column p { margin: 0 2.5rem 0 0;}
body .content .cardContainer-content p { margin: 0; color: #fff;}
body .content .column-control-column .mediatile.section .video-mediatile, body .content .column-control-column .embed-container { margin: 2.5rem;}
body .content .media-heading { margin: 0 2.5rem 1.875rem;}
body .content .media-body p { margin: 0 2.5rem;}

body .content .blue .column-control-column p { color: #fff; text-align: center;}

@media all and (min-width: 376px) {
	body .content .cardContainer-content p { margin: 0;}
}

/*CONTENT region - images and text*/
.media {
   background: #808080;
   position: relative;
   display: flex;
   height: 500px;
   padding: 0;
   margin-top: 0;
}

.media img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    max-width: 100%;
    height: 500px !important;
    object-fit: cover;
}

.media .media-heading { color: #fff; font-size: 1.25rem;}
.media p { color: #fff;}
.media > a { width: 100%; position: absolute; order: 2; margin: 0; padding: 0; height: 100%;}
.media .hidden-xs { display: block !important;}
.media > .media-body {
   width: 100%;
   position: relative;
   order: 1;
   background: linear-gradient(to top, #2573BA, transparent);
   padding-top: 2.5rem;
   top: 30%;
}

@media only screen and (min-width : 768px) {
    .media {
       height: 380px;
    }
	.media .media-heading { color: #fff; font-size: 2.5rem;}
    .media > .media-body {
        width: 50%;
        top: 0;
        background: -webkit-linear-gradient(right, #2573BA, transparent);
        background: -o-linear-gradient(right, #2573BA, transparent);
        background: linear-gradient(to right, #2573BA, transparent);
    }
   .media img { width: 100%; max-width: 100%;}

    .dark-gradient .media > .media-body {
        background: -webkit-linear-gradient(right, #444, transparent);
        background: -o-linear-gradient(right, #444, transparent);
        background: linear-gradient(to right, #444, transparent);
    }

    .black-gradient .media > .media-body {
        background: -webkit-linear-gradient(right, #2f2f2f, transparent);
        background: -o-linear-gradient(right, #2f2f2f, transparent);
        background: linear-gradient(to right, #2f2f2f, transparent);
    }    
}


/*FOOTER region defintions*/
footer {
   background: #fff;
   font-size: inherit;
   display: flex;
   max-width: 1145px;
   width: 100%;
   margin: 0 auto;
}
#footer .row { width: 1145px; padding: 2.5rem 0;}
#footer .row .col:first-child { width: 70%;}
#footer .row .col:first-child ul { margin: 0; padding: 0 2.5rem;}
#footer .row .col:first-child ul li { margin: 0; padding: 0 1.5rem; display: inline-block;}
#footer .row .col:first-child ul li a { color: #2573BA !important}
#footer .row .col:last-child { width: 30%; padding: 0 70px;}

html {
   font-size: 16px;
}
body {
   background: #fff;
   font-family: 'Open Sans', sans-serif;
}
/* content area */

.form-control:focus {
   border-color: #66afe9;
   outline: 0;
   transition: none important;
}

.main-nav-list {
   height: unset;
   list-style-type: none;
   margin: 0 !important;
   padding: 0;
   white-space: nowrap;
   text-align: left;
   width: 100% !important;
   position: relative !important;
}


.col-md-6 .media > .media-body {
   width: 100%;
   position: relative;
   order: 1;
   padding: 2.5rem;
}



.mediatile.section {
   display: flex;
   flex-flow: column-reverse;
}



.page-header-generic + .content {
   padding: 20px 20px 20px;
   margin: 0 auto 100px;
}

@media only screen and (min-width : 768px) {
    .page-header-generic + .content {
       padding: 15px 20px 20px;
       margin: 0 auto 100px;
    }
}

/* columncontrol */
.columncontrol .row {
   background: #fff;
   width: auto;
   margin: 0 auto;
}

/* text block with solid colored background */
.cardContainer {
    display: inline-block;
    margin-bottom: 0;
    min-height: 350px;
    padding: 1.4rem !important;
    background-position: unset !important;
}
.cardContainer:hover { background-size: unset !important;}
.cardContainer:hover .button a.netherLandsDefaultButton { background: #005B7F !important;}
.cardContainer:hover h4 { color: #fff; background: #005B7F;}
.cardcontainer:first-child, .main .cardcontainer:first-child > .cardContainer { padding: 0; margin-bottom: 10px;}
.cardcontainer + .cardcontainer { margin-top: 2.75rem !important;}
.cardContainer .cardContainer-content { text-align: center; padding: 0;}
.cardContainer .cardContainer-content h1, .cardContainer .cardContainer-content h2 { color: #fff;}
.cardContainer .cardContainer-content h3 { color: #fff; font-size: 1.75rem; margin: 3rem 3rem -4rem;}
.cardContainer-content h1, .cardContainer-content p { color: #fff !important; font-family: inherit;}
.cardContainer-content p { font-size: 1rem; line-height: 1.5; font-weight: 400;}
.cardContainer-content p:last-child { margin-bottom: 2.5rem !important;}


@media only screen and (min-width : 768px) {
   .cardContainer { padding: 2.5rem !important;}
   .col-sm-6.col-md-3 .cardContainer { padding: 2.5rem 1.25rem !important;}
}


/* video embedding */
.embed-container {
   margin-bottom: 50px;
}

/* floating media/text spots */
.spots .columncontrol .row { display: flex; margin-bottom: 25px; flex-flow: column nowrap; position: relative;}
.spots .columncontrol .row .col-sm-4 { width: 100%; margin: 0 0 20px 0;}

.spots.blue .columncontrol .row > div { background: #2573BA; padding-bottom: 5rem; min-height: 530px;}
.spots .column-control-column div.image img { display: block; padding: 0 !important;}

.spots h1, .spots h2, .spots p {}
.spots h2 {}
.spots .col h2, .spots .col h3 { color: #fff; font-size: 1.125rem !important; margin: 1.25rem 2.5rem;}

.spot { display: flex; flex-direction: column; float: left;}
.spot.w-33 { width: 31%; margin: 1%;}
.spot.w-50 { width: 50%;}
.spot.blue { background: #2573BA; color: #fff;}
.spot figcaption { padding: 1.25rem 2rem;}
.spot figcaption h2 { color: #fff; font-size: 1.125rem; font-weight: 700;}

@media all and (min-width: 516px) {
	.spots .columncontrol .row { flex-flow: row wrap; left: -0.5rem; width: calc(100% + 0.5rem);}
    .spots .columncontrol .row .col-sm-4 { width: 48.25%; margin: 0 0 0 1.75%;}
}

@media all and (min-width: 1024px) {
	.spots .columncontrol .row { left: -1.25rem; width: calc(100% + 1.25rem);}
    .spots .columncontrol .row .col-sm-4 { width: 31.55%; margin: 0 0 0 1.75%;}
}


/* table styling */
.content table {
   width: 100%;
   margin-bottom: 30px !important;
}
.content table tbody tr:first-child { background: #B1CBEB !important;}
.content table tbody tr:nth-child(odd) { background: #E8EFF8 !important;}
.content table tbody tr:nth-child(odd) { background: #fff;}
.content table tbody tr td { padding: 0.9375rem 1.25rem;}
.content table tbody tr th { font-weight: 700; padding: 0.9375rem 1.25rem;}

/* buttons - div-wrapper component have to be used around the button component */
.netherLandsDefaultButton {
   background: transparent;
   border: 1px solid #fff !important;
   text-align: center !important;
   width: 50% !important;
   margin: 0 auto !important;

}
.content a.netherLandsDefaultButton { display: inline !important; width: 100%; background: transparent; font-size: inherit; font-weight: 400; color: unset; padding: 4.9375rem 2.5rem; margin: unset !important; text-align: left; text-transform: uppercase; text-decoration: none; cursor: pointer; border: none; border-radius: 0;}

spots.blue a.netherLandsDefaultButton { color: #fff;}


@media only screen and (min-width: 320px)  {
   .content a.netherLandsDefaultButton {
      display: inline !important;
      width: 100%;
      background: transparent;
      font-size: inherit;
      font-weight: 400;
      color: unset;
      padding: 0.9375rem 2.5rem;
      margin: unset !important;
      text-align: left;
      text-transform: uppercase;
      text-decoration: none;
      cursor: pointer;
      border: none;
      border-radius: 0;
   }
}

/* button styling in case HTML component is used to mark up a button */
.button {
   border-radius: 10px;
   display: flex;
   margin: 30px auto 0;
   justify-content: center;
}
.button a { border-radius: 10px; max-width: 250px; width: 100%;}
.button.green a { background: #6DAD46; color: #fff;}
.button.blue a { background: #2573BA; color: #fff !important; text-decoration: none !important;}
.button.outline a { background: transparent; border: 1px solid #2573BA; color: #2573BA;}
.button.solid a { border: none; border-radius: 5px;}
.button.transparent { background: transparent; border: none; color: #2573BA;}

.spots .button.outline { position: absolute; bottom: 40px; right: 0; left: 0;}
.spots .button.outline a { background: transparent;border: 1px solid #2573BA; color: #fff;}
.spots.blue .button.outline a { color: #fff !important; text-decoration: none !important;}

/* image/video slider */
.carousel-videoscroll .inner-media {
   visibility: visible !important;
}
.carousel-container .slickCarousel .carousel-item .inner-content { position: absolute; margin: 2.5rem 0 0 2.5rem !important; width: 40% !important; top: 0;}
.carousel-container .slickCarousel .carousel-item .inner-content h2 { font-size: 40px; font-weight: 400;}
.carousel-container .slickCarousel .carousel-item .inner-content h2 a { color: #fff; font-size: 40px;}
.carousel-container .slickCarousel .carousel-item .inner-content p { line-height: 1.5; font-size: 1rem !important; font-family: inherit !important; color: #fff !important; margin-bottom: 10px !important;}

footer .back-to-top a span {
   background: red;
}

.column-control-column div.image img {
   display: block;
   padding: 2.5rem;
}
.w-50 .col {
   with: 48%;
   margin: 1%;
}
.w-50 .col figure {
   margin: 0 !important;
}
.w-50 .col div.image img {
   display: block;
   padding: 0;
}
.video-mediatile {
   margin-bottom: 40px;
}
.video-mediatile + h2 {
   font-weight: 400 !important;
}

/* form overwrites */
.signin-register .form-control {
   line-height: 50px;
   height: 50px;
   border-radius: 0;
   border: 1px solid #ccc;
}
.signin-register label { margin: 0 0 5px; padding: 0; position: relative; left: -12px; font-weight: 400; color: #69B3E7; font-size: inherit;}
.signin-register .checkbox { margin: 0 0 30px 20px; padding: 0;}
.signin-register .checkbox label { font-size: inherit;}
.signin-register .col { padding-right: 50px; border-right: 1px solid black;}
.signin-register .col:nth-child(2) {
   padding-right: 0;
   border-right: none;
   padding-left: 50px;
}
.signin-register .btn.btn-default.text-uppercase.signin-submit.btn-contrast {
   line-height: 15px;
   height: 54px;
   padding: 0.9375rem 2.5rem;
   display: block !important;
   margin: 0 auto;
}
.header.intro h1 {
   width: inherit;
   font-size: 3rem !important;
}
.header.intro .cardcontainer:first-child, .main .header.intro .cardcontainer:first-child > .cardContainer {
   min-height: inherit;
}
.header.intro .cardContainer .cardContainer-content {
   text-align: center;
   padding-bottom: 2rem;
}
.header-video h2 {
   margin: 90px 0 -20px !important;
   display: block;
}
.jwplayer .jwdisplayIcon {
   border-radius: 50%;
   display: inline-block;
   margin-right: 20px;
   background: #2573BA !important;
   width: 105px !important;
   height: 105px !important;
}
#injection-video-8d14cf9d_display_button {
   background-image: none !important;
}
.jwplayer .jwdisplayIcon div {
   width: 0 !important;
   height: 0 !important;
   border-top: 20px solid transparent;
   border-bottom: 20px solid transparent;
   border-left: 25px solid #fff;
   display: inline-block !important;
   position: relative;
   margin-top: 47% !important;
   margin-left: 40%;
   border-radius: 1px;
   background-image: none !important;
}

/*Conferences and events setup*/
.events-container { margin-bottom: 40px;}
.events-container .col-md-3 { flex: 0 1 100%;}
.events-container h3 { font-size: 1.25rem !important; display: block; padding-bottom: 50px; line-height: 1; overflow: auto; color: #333 !important;}
.events-container h4 { color: #333; font-size: 1rem !important; display: block; padding: 0.5rem; line-height: 1; overflow: auto; display: inline-block; background: transparent;}
.events-container p { color: #333 !important;}
.events-container .accordion .accordionElementHeader h4 { margin: 0; padding: 0; font-weight: 200; line-height: 100%; font-size: 12px; text-transform: uppercase; float: left; color: #333; font-size: 1.25rem !important; font-family: inherit; width: auto !important; overflow: hidden; background: transparent !important;}
.events-container .button.blue a { background: #2573BA !important; color: #fff !important; text-decoration: none !important; border: 0 !important;}
.events-container .accordion .columncontrol .row { background: #fff; width: 100%; margin: 0 auto;}
.events-container .cardContainer .cardContainer-content { min-height: 370px; position: relative;}
.events-container .cardContainer-content .divwrapper.section { position: absolute; bottom: 30px; left: 0; right: 0;}
.events-container .accordion { margin-top: 10px; border: 0; width: 100%; margin-bottom: 0; background: transparent;}
.events-container .cardcontainer:first-child, .main .events-container .cardcontainer:first-child > .cardContainer { padding: unset; margin-bottom: 5px;}

.events-container .cardContainer h4 { color: #333; font-size: 1rem !important; display: block; padding: 0.5rem; line-height: 1; overflow: auto; display: inline-block; background: transparent;}

.events-container .cardContainer:hover .button a.netherLandsDefaultButton {
    background: #D1D3D3 !important;
}
.events-container .cardContainer:hover .button.d-blue a.netherLandsDefaultButton {
    background: #2573BA !important;
}
.events-container .button.blue a {
    background: #D1D3D3 !important;
    color: #333 !important;
    text-decoration: none !important;
    border: 0 !important;
}

.events-container .button.d-blue a {
    background: #2573BA !important;
    color: #fff !important;
    text-decoration: none !important;
    border: 0 !important;
}

.events-container .row {
   display: flex;
   flex-flow: row wrap;
   max-width: 100%;
   width: 100%;
}

@media all and (min-width: 376px) {
   .events-container .row {
      flex-flow: row wrap;
      width: 100%;
   }
}

@media all and (min-width: 768px) {
   .events-container .row {
      flex-flow: row wrap;
      width: 100%;
   }
   .events-container .col-md-3 { 
   		flex: 0 1 48.5%;
		margin: 0.75%;
   }
}

@media all and (min-width: 1024px) {
   .events-container .row {
        flex-flow: row wrap;
        max-width: none;
        width: 100%;
   }

    .events-container .col-md-3 {
        flex: 0 1 31.33%;
        margin: 0 2% 0% 0;
    }
}


/*Treatments setup*/
.treatments-container {}
.treatments-container .col-md-3 { flex: 0 1 100%;}
.treatments-container h3 { font-size: 1.25rem !important; display: block; padding-bottom: 50px; line-height: 1; overflow: auto; color: #333 !important;}
.treatments-container h4 { color: #fff; font-size: 1rem !important; display: block; padding: 0.5rem; line-height: 1; overflow: auto; display: inline-block; background: transparent;}
.treatments-container p { color: #333 !important; margin: 0 !important;}
.treatments-container .accordion .accordionElementHeader h4 { margin: 0; padding: 0; font-weight: 200; line-height: 100%; font-size: 12px; text-transform: uppercase; float: left; color: #333; font-size: 1.25rem !important; font-family: inherit; width: 300px !important; overflow: hidden; background: transparent !important;}
.treatments-container .accordion .accordionElementBody { padding: 20px 20px 25px 5px;}
.treatments-container .button.blue a { background: #2573BA !important; color: #fff; border: 0 !important;}
.treatments-container .accordion .columncontrol .row { background: #fff; width: 100%; margin: 0 auto;}
.treatments-container .cardContainer .cardContainer-content { min-height: auto; position: relative;}
.treatments-container .cardContainer-content p { color: #fff !important; font-size: 1.2rem;}
.treatments-container .cardContainer-content .divwrapper.section { position: absolute; bottom: 30px; left: 0; right: 0;}
.treatments-container .accordion { margin-top: 10px; border: 0; width: 100%; margin-bottom: 20px; background: transparent;}
.treatments-container .cardcontainer:first-child, .main .events-container .cardcontainer:first-child > .cardContainer { padding: unset; margin-bottom: 5px;}
.treatments-container .row { display: flex; flex-flow: row wrap; max-width: 100%; width: 100%;}
.treatments-container .row .col:nth-child(2) { padding: 10px 0 25px 10px;}

@media all and (min-width: 376px) {
   .treatments-container .row {
      flex-flow: row wrap;
      width: 100%;
   }
}

@media all and (min-width: 768px) {
    .treatments-container .accordion {
        margin-top: 10px;
        border: 0;
        width: 100%;
        margin-bottom: 80px;
        background: transparent;
    }
    .treatments-container .row {
        flex-flow: row wrap;
        width: 100%;
    }
    .treatments-container .col-md-3 { 
        flex: 0 1 48.5%;
        margin: 0.75%;
    }
    .treatments-container .row .col:nth-child(2) {
        padding: 10px 0 25px 50px;
    }
    .treatments-container .cardContainer-content p { color: #fff !important; font-size: 1.5rem;}
}

@media all and (min-width: 1024px) {
   .treatments-container .row {
        flex-flow: row wrap;
        max-width: none;
        width: 100%;
   }
    .treatments-container .accordion .accordionElementBody {
    	padding: 20px 50px 25px 5px;
    }
   .treatments-container .col-md-3 { 
   		flex: 0 1 32.3%;
        margin: 0.5%;
    }
}


.textblocks {
	padding: 0 20px 0 0;
}

.textblocks .row { position: relative; left: -20px; width: calc(100% + 20px);}
.textblocks .col { margin-left: 1.25rem;}
.textblocks .col-sm-6.col-md-6 { width: 100%;}
.textblocks .col-sm-4.col-md-4 { width: 100%;}
.textblocks .col-sm-6.col-md-3 { width: 100%;}


@media all and (min-width: 516px) {
    .textblocks {
        padding: 0;
    }
    .textblocks .col-sm-6.col-md-6 {
        width: calc(50% - 1.25rem);
    }
    .textblocks .col-sm-4.col-md-4 {
        width: calc(50% - 1.25rem);
    }
    .textblocks .col-sm-6.col-md-3 {
        width: calc(50% - 1.25rem);
    }
}

@media all and (min-width: 768px) {
    .textblocks .col-sm-6.col-md-6 {
        width: calc(50% - 1.25rem);
    }
    .textblocks .col-sm-4.col-md-4 {
        width: calc(50% - 1.25rem);
    }
    .textblocks .col-sm-6.col-md-3 {
        width: calc(50% - 1.25rem);
    }
}

@media all and (min-width: 1024px) {
    .textblocks .col-sm-6.col-md-6 {
        width: calc(50% - 1.25rem);
    }
    .textblocks .col-sm-4.col-md-4 {
        width: calc(33.333% - 1.25rem);
    }
    .textblocks .col-sm-6.col-md-3 {
        width: calc(25% - 1.25rem);
    }
}


/* mobile menu setup */
.row-offcanvas-left.active { left: 0;}
.row-offcanvas-left.active .mobile-menu-toggle.visible-xs- { background: #fff; left: 75%; padding: 0; width: 80px; height: 40px;}
.row-offcanvas-left.active .sidebar-offcanvas { left: 0; position: absolute; z-index: 5000;}

.mobile-menu-toggle { position: absolute; left: 20px; top: 10px;}

@media all and (min-width: 516px) {
    .row-offcanvas-left.active .mobile-menu-toggle.visible-xs- {
        background: #fff;
        left: 58%;
        padding: 0;
        width: 80px;
        height: 40px;
    }
}

.shadow-below { background-color: #fff; position: relative; padding-bottom: 0; margin: 0; min-height: unset;}
.shadow-below::after { display: none;}
.shadow-below.empty { margin: 0;}

.content .main.generic-page.full-width a {
    color: #2573BA;
    text-decoration: underline;
}

body .content .column-control-column .accordion h2 { margin: 0 0 30px 15px;}
body .content .column-control-column .accordion p { margin: 0 0 0 15px !important;}

/* search result */
#search_result li { padding-left: 5px; margin-bottom: 30px;}
#search_result li strong { background: #f2f2f2;}

.search-results-form .form-group { margin: 20px 0; padding: 0 90px 0 0; position: relative; max-width: 492px !important;}
.search-results-form .form-control { height: 2.5rem; line-height: 2.5rem; background: #f2f2f2; border-radius: 0; border: none;}
.search-results-form button { position: absolute; right: 0; top: 0; width: 85px; text-transform: uppercase; background: #6DAD46; height: 2.5rem; border-radius: 0;}

.microsite-search-area { padding: 0 20px;}
.content .microsite-search-area a { color: #2573BA;}

.hcp-entrance .spots.blue .columncontrol .row > div { background: #2573BA !important; padding-bottom: 5rem; min-height: auto;}
.hcp-entrance .columncontrol .row,
.hcp-entrance-normal .columncontrol .row{ background: transparent; width: auto; margin: 0 auto; margin-bottom: 0px;}

.bannerPrivacyAcceptance {
    padding: 20px 160px;
    position: absolute;
    z-index: 50000;
}
.bannerPrivacyAcceptance {
    background: rgba(255,255,255,0.95);
    color: #333;
    padding: 20px;
    font-size: 14px;
    width: 100%;
    position: fixed !important;
    left: 0;
    top: 0;
    padding: 30px 15%;
}
.bannerPrivacyAcceptance button {
    width: 200px;
    display: block;
    padding: 10px 10px 30px;
line-height: 1;
font-size: 1rem;
}


.no-gradient .media {
    height: 325px;
}
.no-gradient .media img {
    object-fit: contain;
    height: auto !important;
}
.no-gradient .media > .media-body {
    background: none;
}