/**************************************************/
/* GSK Veeva Master Template - Core CSS           */
/**************************************************/
/* File version              2.1                  */
/* Last modified             13/06/2022           */
/* Last modified by          Design Center        */
/**************************************************/
:root {
    /* Background Color */
    --core-background-color:#ffffff;
    /* Width */
    --core-max-width: 1024rem;
    --core-full-width: 100%;
    /* Height */
    --core-max-height: 768rem;
    --core-full-height: 100%;
    /* Margin */
    --core-margin-left: auto;
    --core-margin-right: auto;
    /* Position */
    --core-position-ab: absolute;
    --core-position-top:  0;
    --core-position-left:  0;
    --core-overflow-hide: hidden;
}
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-overflow-scrolling: auto;
}

html {
	font-size: 0.1302083vmin !important;
}

body {
    position: var(--core-position-ab);
	width: var(--core-full-width);
	height: var(--core-full-height);
	font-size: 1.6rem;
    margin: 0;
	margin-left: var(--core-margin-left);
	margin-right: var(--core-margin-right);
    overflow: var(--core-overflow-hide);
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: var(--core-background-color);
    -webkit-font-smoothing: antialiased;
    background: url("../img/bgline.jpg");
    background-repeat: repeat-x;
    background-size: contain;
    background-attachment: fixed;
}
sup.gotoRef {
    display: inline-block;
    padding: 15rem;
    margin: -15rem;
}
#container {
    position: var(--core-position-ab);
    z-index: 1;
    top: var(--core-position-top);
    -webkit-perspective: 1000rem;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0rem, 0, 0);
    overflow: var(--core-overflow-hide);
}
#container::-webkit-scrollbar {
    display: none;
}
#zoomOverlay {
    position: var(--core-position-ab);
    top: var(--core-position-top);
    left: var(--core-position-left);
    width: var(--core-max-width);
    height: var(--core-max-height);
    z-index: 999999999;
}
.bg {
    position: var(--core-position-ab);
    top: var(--core-position-top);
    z-index: -1;
	overflow: var(--core-overflow-hide);
}

.bg img {
	width: var(--core-full-width);
	height: 100%
}

#container, .bg {
	width: 133.334vh;
    height: 100vh;
    margin-left: var(--core-margin-left);
    margin-right: var(--core-margin-right);
    left: var(--core-position-left);
    right: 0;
}

#doubleClickLeft {
    position: var(--core-position-ab);
    z-index: 10;
    width: 50rem;
    top: var(--core-position-top);
    left: var(--core-position-left);
    height: var(--core-full-height);
}
#doubleClickRight {
    position: var(--core-position-ab);
    z-index: 10;
    width: 50rem;
    top: var(--core-position-top);
    right: 0;
    height: var(--core-full-height);
}
#doubleClickCentre {
    display: none;
    position: var(--core-position-ab);
    z-index: 10;
    width: 924rem;
    height: var(--core-full-height);
    top: var(--core-position-top);
    left: 72rem;
}
.header,
.navBottom,
.footer {
    position: var(--core-position-ab);
    border: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
}
.header {
    z-index: 11;
    width: 5.567%;
    height: 7.43%;
    top: 3.227%;
    right: 2.419%;
}

.navBottom {
	width: 80%;
	height: 6.25%;
	left: 6.83%;
    bottom: 5rem;
	text-align: left;
    z-index: 9998;
}


.footer {
    bottom: 15rem;
    right: 28rem;
    z-index: 20;
}
.dialogLoading {
    margin-left: 1024rem;
}

/* iScroll */
.scrollable {
    overflow: var(--core-overflow-hide);
    -webkit-overflow-scrolling: touch;
    z-index: 20;
}
.scrollableInner {
    position: var(--core-position-ab);
    z-index: 20;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-text-size-adjust: none;
    -ms-text-size-adjust: none;
    text-size-adjust: none;
}

.noTitlebar .iScrollVerticalScrollbar {
    margin-top: 55rem;
}
.refQuickLinkDialogReferences  .iScrollVerticalScrollbar {
    margin-top: 0;
}
/* Content loader iframe */
iframe.contentLoader {
    width: 0;
    height: 0;
    visibility: hidden;
}
.tab.activeColor{	
	pointer-events: none;
}

/** 
 * Restrict min-width: 768px & min-height: 1024px in portrait mode;
 */

@media (min-width: 0) and (orientation:portrait) {
	#container, .bg {
		position: fixed;
	    width: var(--core-full-width);
        height: var(--core-full-height);
		min-width: 768px;
		min-height: 1024px;
		margin:auto;
		left: var(--core-position-left);
		right: 0;
		top: var(--core-position-top);
		bottom: 0;
    }
	.header {
		z-index: 11;
		height: 5.567%;
		width: 7.43%;
		right: 3.227%;
		top: 2.419%;
	}
}