/**************************************************/
/* GSK Veeva Master Template - Custom CSS         */
/**************************************************/
/* File version              2.1                  */
/* Last modified             25/04/2022          */
/* Last modified by          Design Center        */
/**************************************************/



:root {
    /* Font family */
    --custom-font-family-1: 'HelveticaLight';
    --custom-font-family-2: 'HelveticaMedium';
    /* Font Color */
    --custom-color-1:#888888;
    /* Font sizes */
    --custom-font-size-1: 12rem;
    --custom-font-size-2: 16rem;
    /* Width */
    --custom-width-1: 44rem;
    /* Height */
    --custom-height-1: 44rem;
    /* Spacing */
    --custom-margin-btm: 10rem;
    /* Position */
    --custom-position-ab: absolute;
    --custom-position-re: relative;
}
.topNav {
    top: 50rem;
    left: 80rem;
    width: 864rem;
    position: var(--custom-position-ab);
    border: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    font: normal 16rem var(--custom-font-family-1);
	z-index: 10;
}

.guideTitle {
    position: var(--custom-position-ab);
    border: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    font: normal 16rem var(--custom-font-family-1);
}

.quickLinkDialogMenu,
.quickLinkDialogPi,
.quickLinkDialogObjection,
.quickLinkDialogQuickRes,
.refQuickLinkDialogReferences,
.quickLinkDialogGuide,
.quickLinkDialogcustomQuickLinkOne,
.quickLinkDialogcustomQuickLinkTwo,
.quickLinkDialogcustomQuickLinkThree{
    position: var(--custom-position-re);
    top: 0;
    left: 0;
    height: auto;
    margin-top: 50rem;
    padding-bottom: 10rem;
}

.dialog {
    overflow: hidden;
}

.dialog .topNav,
.dialog .menuTitle,
.dialog .piTitle,
.dialog .quickresTitle,
.dialog .objectionTitle,
.dialog .guideTitle {
    position: var(--custom-position-ab);
    top: 0;
    left: 0;
    width: 100%;
    height: 50rem;
    padding: 0 5rem 5rem 5rem;
    background-color: #fff;
}

.dialog .menuTitle,
.dialog .piTitle,
.dialog .quickresTitle,
.dialog .objectionTitle,
.dialog .guideTitle {
    font: normal 24rem/50rem var(--custom-font-family-2);
}
.menuTitle, .piTitle, .quickresTitle, .objectionTitle, .guideTitle, .customquicklinkoneTitle, .customquicklinktwoTitle, .customquicklinkthreeTitle  {
   position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50rem;
    padding: 0 5rem 5rem 5rem;
    background-color: #fff;
    font: normal 24rem/50rem 'HelveticaMedium';
	border-top-left-radius: var(--pres-border-radius-1);
	border-top-right-radius: var(--pres-border-radius-1);
    z-index: 9;
}
.dialog .topNav #referencesPage {
    margin-left: 0;
}

.dialog .topNav #referencesAll {
    margin-left: 60rem;
}

.topNav #mtgskClose {
    position: var(--custom-position-ab);
    background: url('../../shared/media/icons/icon_close.svg') 0 0 no-repeat;
    background-size: 100%;
    display:none;
    width: var(--custom-width-1);
    height: var(--custom-height-1);
	right:30rem;
}

.topNav #referencesPage {
    position: var(--custom-position-ab);
    background: url('../../shared/media/icons/icon_referencespage.svg') 0 0 no-repeat;
    background-size: 100%;
    margin-left: 0rem;
    width: var(--custom-width-1);
    height: var(--custom-height-1);
}

.topNav #referencesAll {
    position: var(--custom-position-ab);
    background: url('../../shared/media/icons/icon_referencesall.svg') 0 0 no-repeat;
    background-size: 100%;
    margin-left: 60rem;
    width: var(--custom-width-1);
    height: var(--custom-height-1);
}

.PMCode {
    bottom: 85rem;
    left: 25rem;
    position: var(--custom-position-ab);
    border: 0;
    font: normal var(--custom-font-size-1) var(--custom-font-family-1);
    color: var(--custom-color-1);
    --custom-color-1:#000000;
    z-index: 10;
}
.preparation {
    bottom: 65rem;
    left: 25rem;
    position: var(--custom-position-ab);
    border: 0;
    font: normal var(--custom-font-size-1) var(--custom-font-family-1);
    color: var(--custom-color-1);    
    z-index: 10;
}

#referencesScroller,
#footnotesScroller {
    height: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-height: 250rem;
}

.references,
.footnotes {
    position: var(--custom-position-re);
    width: 864rem;
    margin-bottom: var(--custom-margin-btm);
    overflow: hidden;
}

.references {
    margin-top:30rem;
}

.mainContent .references {
    margin-top: 0;
}

#referenceList,
#footnotesList {
    position: var(--custom-position-re);
	width: 98%;
}


#referenceList li {
    position: var(--custom-position-re);
    left: 3rem;
    font-size: var(--custom-font-size-2);
    margin-bottom: var(--custom-margin-btm);
    margin-left: 28rem;	
}

#footnotesList li {
    position: var(--custom-position-re);
    left: 2rem;
    font-size: var(--custom-font-size-2);
    margin-bottom: var(--custom-margin-btm);
    list-style-type: none;
}

#referenceList li em,
#footnotesList li em {
    font-style:italic;
}

.dialogBody .references,
.dialogBody .footnotes {
    width: 95%;
    margin-top: 0;
}

/* Allow custom reference numbering */
#referenceList li.hasRefIndex {
    position: var(--custom-position-re);
    list-style-type: none;
    margin-left: 0;
	padding-left:40rem;
	text-indent:-40rem;
}
#referenceList li span.refIndex {
    position: var(--custom-position-re);
    display: inline-block;
    top: 0;
    left: 0;
    width: 30rem;
	text-align: right;
	margin-right: 10rem
}

#guideScroller {
    position: var(--custom-position-re);
    left: 0;
    top: 50rem;
    height: 80%;
    width: 100%;
}

#guideScrollerInner{ width:98%;}

/* Portfolio Page Grid */
.navBottom div.portfolioNav {
    display: inline-block;
}
.gskRow {
    position: var(--custom-position-re);
    width: 100%;
    padding-bottom: 10rem;
}

.gskCol {
    position: var(--custom-position-re);
    display: inline-block;
}

h5{font-size: 14rem;}
.holder{position: relative; float: left; display: table; width: 42%; margin: 15% 0 0 5%; text-align: center; font-family:Verdana, "sans-serif"; font-size: 32px; line-height: 55px; color: #ffffff; font-weight: bold; text-decoration: none; cursor: pointer;}
.holder-box{position: relative; display: table; width: 100%; background:rgba(255,255,255,.8); border-radius: 30px; margin: 15% 0 0 0; padding:10% 5%;}
.holder-box img{width: 100%;}
.externalDialogBody{
	position: var(--custom-position-ab);
	top:0rem;	
}