/**************************************************/


/* GSK Veeva Master Template - Presentation CSS   */


/**************************************************/


/* File version              2.1                  */


/* Last modified             13/06/2022           */


/* Last modified by          Design Center        */


/**************************************************/

:root {
    /* Font family */
    --pres-font-family-1: 'HelveticaLight';
    --pres-font-family-2: 'HelveticaMedium';
    --pres-font-family-3: Arial, Helvetica, sans-serif;
    --pres-font-family-4: "FuturaTOT-Bold";
    --pres-font-family-5: "FuturaTOT-Book";
    --pres-font-family-6: 'HelveticaLight', Arial;
    /* Background Color */
    --pres-background-color-1: #ccc;
    --pres-background-color-2: #999999;
    --pres-background-color-3: #ededed;
    --pres-background-color-4: #F26633;
    --pres-background-color-5: #ffffff;
    /* Font Color */
    --pres-color-1: #000;
    --pres-color-2: #EC6608;
    --pres-color-3: #333333;
    --pres-color-4: #4d868e;
    --pres-color-5: #454545;
    --pres-color-6: #2b2b2b;
    --pres-color-7: #ffffff;
    /* Font sizes */
    --pres-font-size-1: 12rem;
    --pres-font-size-2: 14rem;
    --pres-font-size-3: 16rem;
    --pres-font-size-4: 18rem;
    --pres-font-size-5: 1em;
    /* Width */
    --pres-full-width: 100%;
    --pres-width-1: 44rem;
    /* Height */
    --pres-full-height: 100%;
    --pres-height-1: 44rem;
    /* Spacing */
    --pres-padding-1: 0;
    --pres-padding-2: 10rem;
    /* Position */
    --pres-position-ab: absolute;
    --pres-position-re: relative;
    --pres-position-top: 0;
    --pres-position-left: 0;
    /* Border Radius */
    --pres-border-radius-1: 10rem;
    --defaultdialogTop: 0rem;
    --refdefaultdialogTop: 0rem;
    --defaultdialogLeft: 0rem;
    --refdefaultdialogLeft: 0rem;
}


/* Replace the fonts with the fonts used for presentation  */

@font-face {
    font-family: 'HelveticaLight';
    src: url(../../shared/media/fonts/HelveticaNeueLTCom-Lt.ttf);
    font-weight: normal;
    font-style: normal;
}


/* Helvetica Light */

@font-face {
    font-family: 'HelveticaMedium';
    src: url(../../shared/media/fonts/HelveticaNeueLTCom-Md.ttf);
    font-weight: normal;
    font-style: normal;
}


/* Nolan Fonts starts from here */

@font-face {
    font-family: 'NolanRegular';
    src: url(../../shared/media/fonts/Nolan-Regular.otf);
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NolanBold';
    src: url(../../shared/media/fonts/Nolan\ Bold.otf);
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NolanExtrabold';
    src: url(../../shared/media/fonts/Nolan-ExtraBold.otf);
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NolanHeavy';
    src: url(../../shared/media/fonts/Nolan-Heavy.otf);
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'MYRIADPRO-REGULAR';
    src: url(../../shared/media/fonts/MYRIADPRO-REGULAR.OTF);
    font-weight: normal;
    font-style: normal;
}


/* Nolan Fonts END from here */


/* Helvetica Medium */


/*-------------------------------------------------------------------------------*/


/*
video::-webkit-media-controls-play-button,
video::-webkit-media-controls-start-playback-button {
	display: none !important;
	-webkit-appearance: none;
}
*/

#container.load1 {
    -webkit-transition: opacity 0.5s ease-in;
    transition: opacity 0.5s ease-in;
    opacity: 1;
}

#container.load2 {
    opacity: 1;
}

.mainContent {
    position: var(--pres-position-ab);
    border: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    font: normal var(--pres-font-size-3) var(--pres-font-family-6);
    z-index: 3;
}

img:not(.draggable) {
    -webkit-user-drag: none;
    -khtml-user-drag: none;
    -moz-user-drag: none;
    -o-user-drag: none;
    user-drag: none;
}

.mainContent,
.mainContent.guide {
    width: var(--pres-full-width);
    padding: 9.64% 7.8% 5.8% 7.8%;
    top: var(--pres-position-top);
    left: var(--pres-position-left);
    height: var(--pres-full-height);
    font-size: var(--pres-font-size-3);
}

.inlineContent,
.swiper-container {
    margin: 10 auto;
    position: var(--pres-position-re);
    width: 30%;
    height: 80%;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    /* Fix of Webkit flickering */
    z-index: 1;
    float: left;
}

.inlineWrapper,
.swiper-wrapper {
    position: var(--pres-position-re);
    width: var(--pres-full-width);
    height: var(--pres-full-height);
    -webkit-transition-property: -webkit-transform, left, top;
    -webkit-transition-duration: 0s;
    -webkit-backface-visibility: hidden;
    -webkit-transition-timing-function: ease;
    -ms-transform: translate3d(0rem, 0, 0);
    transition-property: transform, left, top;
    transition-duration: 0s;
    transform: translate3d(0rem, 0, 0);
    transition-timing-function: ease;
}

.inlineSlide,
.swiper-slide {
    float: left;
    width: var(--pres-full-width);
    height: var(--pres-full-height);
}

.mainContent .pageTitle {
    font: normal 24rem var(--pres-font-family-2);
    position: var(--pres-position-re);
}

.mainContent .referencesTitle,
.mainContent .footnotesTitle {
    position: var(--pres-position-re);
}

p {
    margin-bottom: 25rem;
}

.noSwipe {
    z-index: 3;
}

button {
    font-size: var(--pres-font-size-1);
    padding: var(--pres-padding-2);
}


/* Buttons styles start */

button {
    display: inline-block;
    border: 1rem solid #999;
    padding: 15rem 20rem;
    margin: 0;
    text-decoration: none;
    background: var(--pres-background-color-1);
    color: var(--pres-color-1);
    font-family: sans-serif;
    font-size: var(--pres-font-size-3);
    line-height: 1;
    cursor: pointer;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
}

button:hover,
button:focus {
    background: var(--pres-background-color-2);
}

button:focus {
    background: var(--pres-background-color-1);
}

button:active {
    background: var(--pres-background-color-2);
}


/* Button styles end */

.bodyText {
    font-size: var(--pres-font-size-3);
    margin-top: 3.5%;
    height: var(--pres-full-height);
}

.mainLogo {
    width: 100%;
    height: 100%;
    background: url('../img/brandmark.png');
    background-repeat: no-repeat;
    background-size: contain;
}

.brandLogo {
    width: var(--pres-full-width);
    height: var(--pres-full-height);
    background: url('../../shared/media/images/footerlogo.png');
    background-repeat: no-repeat;
    background-size: contain;
}


/* Quick link buttons */

.navBottom div {
    display: none;
    height: var(--pres-height-1);
    width: var(--pres-width-1);
    margin: 0 7rem 0 0;
    z-index: 99999;
    overflow: hidden;
    display: inline-block;
}

.navBottom .display {
    display: inline-block;
}

.navBottom div.adjustForNav {
    margin-left: 16%;
}

#home,
#menu,
#pi,
#references,
#email,
#shortFlow,
#objection,
#portfolio,
#guide,
#quickres,
#pageLock,
#callSummary,
#customQLOne,
#customQLTwo,
#customQLThree,
#library,
#switch {
    width: var(--pres-width-1) !important;
    height: var(--pres-height-1) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 99% !important;
    height: 34rem !important;
    width: 34rem !important;
}

#home {
    background-image: url('../../shared/media/icons/Home.svg');
    left: -14rem;
    position: absolute;
    top: 6rem;
}

#menu {
    background-image: url('../../shared/media/icons/Menu.svg');
    left: 31rem;
    position: absolute;
    top: 6rem;
}

#pi {
    position: absolute;
    top: 6rem;
    left: 165rem;
    background-image: url('../../shared/media/icons/SMPC.svg');
    display: inline-block;
}

#references {
    background-image: url('../../shared/media/icons/icon_references.svg');
    left: 77rem;
    position: absolute;
    top: 6rem;
}

#library {
    background-image: url('../../shared/media/icons/Play\ icon.svg');
    display: inline-block;
    position: absolute;
    top: 6rem;
    left: 211rem;
}

#email {
    background-image: url('../../shared/media/icons/Mail.svg') !important;
    position: var(--pres-position-re);
    display: inline-block;
    left: 121rem;
    position: absolute;
    top: 6rem;
}

#switch {
    background-image: url('../../shared/media/icons/Backward_forward.svg');
    left: 392rem;
    position: absolute;
    top: 6rem;
    display: none !important;
}

#objection {
    background-image: url('../../shared/media/icons/Question\ mark.svg');
    left: 165rem;
    display: none;
    position: absolute;
    top: 6rem;
}

#resources {
    background-image: url('../../shared/media/icons/Books.svg');
    left: 301rem;
    position: absolute;
    top: 6rem;
    height: 34rem;
    display: none !important;
    width: 34rem;
}

#portfolio {
    background-image: url('../../shared/media/icons/icon_portfolio.svg')
}

#guide {
    background-image: url('../../shared/media/icons/ISI.svg');
    left: 256rem;
    position: absolute;
    top: 7rem;
    display: inline-block;
}

#quickres {
    background-image: url('../../shared/media/icons/icon_quickres.svg')
}

#pageLock {
    background-image: url('../../shared/media/icons/icon_unlock.svg');
    position: var(--pres-position-re);
}

#pageLock.active {
    background-image: url('../../shared/media/icons/icon_lock.svg');
}

#pageLock.inactive {
    background-image: url('../../shared/media/icons/icon_unlock_inactive.svg');
    pointer-events: none;
}

#callSummary {
    background-image: url('../../shared/media/icons/icon_summary.svg')
}

#customQLOne {
    background-image: url('../../shared/media/icons/icon_cql_one.svg')
}

#customQLTwo {
    background-image: url('../../shared/media/icons/icon_cql_two.svg')
}

#customQLThree {
    background-image: url('../../shared/media/icons/icon_cql_three.svg')
}

#pinchToZoomIndicator {
    display: inline-block;
    position: var(--pres-position-re);
    background: url('../../shared/media/icons/icon_pinch_zoom.svg');
    background-repeat: no-repeat;
    background-size: 100%;
}

.pinchToZoom {
    display: block;
    position: var(--pres-position-ab);
    width: 220rem;
    height: var(--pres-height-1);
    padding-left: 10rem;
    font: normal 16rem/44rem var(--pres-font-family-1);
    color: var(--pres-color-7);
    background-color: #ada7a3;
    border-radius: 22rem;
    z-index: 99999;
}

.pinchToZoom div {
    position: var(--pres-position-ab);
    top: var(--pres-position-top);
    right: 0;
    width: var(--pres-width-1);
    height: var(--pres-height-1);
    background: url('../../shared/media/icons/icon_zoom_out.svg');
    background-repeat: no-repeat;
    background-size: 100%;
}

.navBottom .popupHeading {
    display: none;
}


/* Active quick link button style */

#menu.activemenu {
    /* opacity: 0.5;
    pointer-events: none; */
    background-image: url(../media/icons/Menu-activate.png);
    z-index: 999999999;
}


/* References */

#referenceList li.referenceActive,
.footnoteActive {
    color: #4c4d4e;
    font-family: 'NolanRegular';
    width: 852rem;
}

#referenceList li.referenceInactive {
    height: 0;
    margin: 0;
    overflow: hidden;
}

#referenceList.unindexed {
    list-style-type: none;
}

#referenceList.unindexed li {
    margin-left: 0;
}

.footnoteInactive {
    display: none;
}

.footnotesEmpty {
    display: none;
}

#referenceList li span.refIndex {
    font-family: 'NolanExtraBold';
}


/* Embedded references and footnotes */

.embeddedQuickLink ol {
    padding: 0 0 0 19rem;
}

.embeddedQuickLink ol li {
    padding: var(--pres-padding-1);
    font-size: var(--pres-font-size-4);
    line-height: 22rem;
}

.refQuickLinkDialogReferences {
    padding-bottom: 6rem;
}


/* Approved Email specific styles */

#email.active {
    background-image: url('../../shared/media/icons/icon_email_active.svg')
}

#email.inactive {
    background-image: url('../../shared/media/icons/icon_mail_inactive.svg')
}

#email .selectorCount {
    display: block;
    position: var(--pres-position-ab);
    top: var(--pres-position-top);
    left: 28rem;
    width: 16rem;
    height: 16rem;
    font: 10rem/18rem var(--pres-font-family-2);
    color: var(--pres-color-7);
    background-color: #ec6608;
    border-radius: var(--pres-border-radius-1);
    text-align: center;
}


/* Fragment selector container */

#flowSelector,
#fragmentSelector {
    position: var(--pres-position-ab);
    bottom: 65rem;
    left: 220rem;
    width: 250rem;
    color: #999;
    background-color: transparent;
    z-index: 999;
}


/* Container for fragments */

#flowSelector #flowSelectorInner,
#fragmentSelector #fragmentSelectorInner {
    padding-top: 52rem;
    padding: var(--pres-padding-2);
    background-color: var(--pres-background-color-5);
    border-radius: var(--pres-border-radius-1);
    font: normal var(--pres-font-size-4) var(--pres-font-family-2);
    overflow: hidden;
}


/* Fragments */

#flowSelector #flowSelectorInner div,
#fragmentSelector #fragmentSelectorInner div {
    padding: 12rem 5rem;
    cursor: pointer;
}

#fragmentSelector #fragmentSelectorInner div:nth-child(1) {
    width: 82%;
}

#flowSelector #flowSelectorInner div:nth-child(2) {
    width: 82%;
}

#fragmentSelector #fragmentSelectorInner div.bold {
    color: #ec6608;
}


/* Selected fragments */

#fragmentSelector div.gskFragmentSelected,
#flowSelector div.gskFlowSelected {
    color: var(--pres-color-1);
}


/* Email fragment/Flow selector close color */

#flowSelector #closeFlowSelector,
#fragmentSelector #closeSelector,
.templateClose {
    position: var(--pres-position-ab);
    top: 4rem;
    right: 4rem;
    width: var(--pres-width-1);
    height: var(--pres-height-1);
    border: none;
    outline: none;
    background: url('../../shared/media/icons/icon_close.svg');
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 10;
}


/* Sub slide navigation styles  */

.navSubSlide {
    position: var(--pres-position-ab);
    bottom: 5rem;
    left: -80rem;
    width: 110rem;
    height: 48rem;
    margin-left: 50%;
    border: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    text-align: center;
    z-index: 9999;
}

.navSubSlide div {
    display: none;
    position: var(--pres-position-re);
    height: var(--pres-height-1);
    width: var(--pres-width-1);
}

.navSubSlide div.ssNavActive {
    display: inline-block;
}

div.ssNavActive+div.ssNavActive {
    margin-left: 8rem;
}

#subSlideUp {
    background: url('../../shared/media/icons/icon_subslide_up.svg');
    background-repeat: no-repeat;
    background-size: 100%;
}

#subSlideDown {
    background: url('../../shared/media/icons/icon_subslide_down.svg');
    background-repeat: no-repeat;
    background-size: 100%;
}


/* Chrome added to bottom of the popup */

.selectorTriangle {
    position: var(--pres-position-re);
    left: 115rem;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 15rem 10rem 0 10rem;
    border-color: #fff transparent transparent transparent;
    z-index: 1000;
}


/* ISI */

#isiRail {
    display: none;
    z-index: 20;
}

body.includeISI #isiRail {
    display: block;
    position: var(--pres-position-ab);
    top: 100rem;
    width: 275rem;
    height: 78%;
    border-left: 1rem solid #ec6608;
    overflow: hidden;
    right: 0;
    background-color: var(--pres-background-color-3);
}

body.includeISI #isiScrollWrapper {
    position: var(--pres-position-ab);
    top: 154rem;
    left: var(--pres-position-left);
    width: 268rem;
    height: 74%;
    padding: 0 0 0 22rem;
    overflow: hidden;
}

body.includeISI #isiScrollWrapper #isiScroller {
    width: 245rem;
}

body.includeISI .isiHead {
    position: var(--pres-position-re);
    padding: 0 15rem 10rem 22rem;
    font: 24rem/24rem var(--pres-font-family-2);
    color: var(--pres-color-1);
    background-color: var(--pres-background-color-3);
    z-index: 250;
    padding-top: 10rem;
}

body.includeISI #openPI {
    display: inline-block;
    font-size: 44rem;
    padding-top: 10rem;
    line-height: 36rem;
}

body.includeISI .seperator {
    display: inline-block;
    font: 40rem/20rem var(--pres-font-family-2);
    vertical-align: top;
    padding-top: 14rem;
}

body.includeISI #openISI {
    display: inline-block;
    color: #ec6608;
    font-size: 44rem;
    padding-top: 10rem;
}

body.includeISI #openISI span {
    display: inline-block;
    font-size: 15rem;
    line-height: 19rem;
    pointer-events: none;
}

body.includeISI .inlinelink {
    display: inline-block;
    font-size: 26rem;
    line-height: 19rem;
    padding-top: 15rem;
    padding-bottom: 10rem;
    color: var(--pres-color-2);
}

body.includeISI .isiBody {
    padding-top: 10rem;
    font: 16rem/16rem var(--pres-font-family-1);
    color: var(--pres-color-1);
    height: 930rem;
    padding-right: 10rem;
}

body.includeISI .isiBody h3 {
    margin-bottom: 10rem;
    font: 20rem/24rem var(--pres-font-family-2);
    color: var(--pres-color-1);
}

body.includeISI .isiBody h3 span {
    padding: 11rem 0;
    color: var(--pres-color-2);
}

body.includeISI .isiBody h4 {
    margin-bottom: 10rem;
    font: 16rem/18rem var(--pres-font-family-2);
    color: var(--pres-color-1);
}

body.includeISI .isiBody p {
    margin-bottom: 10rem;
}

body.includeISI #doubleClickRight {
    right: 275rem;
}


/*  horizontal_isiRail start */

body.includeISI #isiRail.horizontal_isiRail {
    display: block;
    position: var(--pres-position-ab);
    top: 540rem;
    width: 955rem;
    height: 21%;
    border-top: 1rem solid #ec6608;
    border-left: none;
    overflow: hidden;
    right: 20rem;
    margin-right: 15rem;
}

body.includeISI #isiRail.horizontal_isiRail .isiHead {
    position: var(--pres-position-re);
    padding: 0 15rem 10rem 10rem;
    font: 24rem/24rem var(--pres-font-family-2);
    color: var(--pres-color-1);
    background-color: var(--pres-background-color-3);
    z-index: 250;
    padding-top: 10rem;
    width: 275rem;
}

body.includeISI #isiRail.horizontal_isiRail #isiScrollWrapper {
    position: var(--pres-position-ab);
    top: 10rem;
    left: 275rem;
    width: 665rem;
    height: 94%;
    padding: 0 0 0 10rem;
    overflow: hidden;
    column-count: 2;
}

body.includeISI #isiRail.horizontal_isiRail #isiScrollWrapper #isiScroller {
    width: 655rem;
}

body.includeISI #isiRail.horizontal_isiRail .isiBody {
    font: 16rem/16rem var(--pres-font-family-1);
    color: var(--pres-color-1);
    height: 380rem;
    column-count: 2;
}


/*  horizontal_isiRail end */


/* Dialogs */

div.ui-widget-overlay {
    width: 1024rem;
    height: 768rem;
    opacity: 1;
    background-color: transparent;
    margin-left: auto;
    margin-right: auto;
    left: var(--pres-position-left);
    right: 0;
}

div.ui-widget-overlay:last-of-type {
    background-image: url("../media/images/overlay.png");
    background-repeat: no-repeat;
    background-size: 1024rem 703rem;
}

div.ui-dialog {
    display: none;
    padding: 6rem;
    background-color: var(--pres-background-color-5);
    border-radius: var(--pres-border-radius-1);
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    font: 14rem/14rem var(--pres-font-family-1);
    border: 1rem solid #fff;
}

.ui-dialog .ui-dialog-titlebar {
    height: var(--pres-height-1);
    padding: 4rem;
}

.ui-dialog .ui-dialog-title {
    font: 20rem/42rem var(--pres-font-family-2);
    width: var(--pres-full-width);
}

.ui-dialog .ui-dialog-content {
    padding: 4rem;
    z-index: 5;
    overflow: hidden;
}

.ui-dialog .ui-button-icon {
    display: none;
}

.ui-dialog .ui-dialog-content .dialogBody {
    display: block;
    position: var(--pres-position-ab);
    width: 98%;
}

.ui-dialog button.ui-dialog-titlebar-close {
    position: var(--pres-position-ab);
    top: 19rem;
    right: -19rem;
    width: var(--pres-width-1);
    height: var(--pres-height-1);
    border: none;
    outline: none;
    background: url(../../shared/media/images/icon_close.png);
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 10;
    height: 13rem;
}

.ui-dialog .ui-titlebar-hidden {
    position: var(--pres-position-ab);
    top: 4rem;
    right: 4rem;
    width: 0;
    height: 0;
    padding: var(--pres-padding-1);
    overflow: visible;
}


/*Adjusted css to repositioning popup close button starts here. we can write css for respective dialog box like below*/

div.ui-dialog[aria-describedby="quickLinkDialog"] button.ui-dialog-titlebar-close {
    position: fixed;
    top: calc(var(--defaultdialogTop) - 11px);
    left: calc(var(--defaultdialogLeft) - 26px);
    z-index: 99;
    clip-depth: 2;
}

div.ui-dialog[aria-describedby="refQuickLinkDialog"] button.ui-dialog-titlebar-close {
    position: fixed;
    top: calc(var(--refdefaultdialogTop) - 20px);
    left: calc(var(--refdefaultdialogLeft) - 40px);
    z-index: 99;
    clip-depth: 2;
    top: 73rem;
}

div.ui-dialog[aria-describedby="video1"] button.ui-dialog-titlebar-close,
div.ui-dialog[aria-describedby="dialogTabPopup"] button.ui-dialog-titlebar-close {
    position: fixed;
    top: 112rem;
    right: 70rem;
    z-index: 99;
    clip-depth: 2;
}

div.ui-dialog[aria-describedby="dialogPIPopup"] button.ui-dialog-titlebar-close {
    position: fixed;
    top: 158rem;
    right: 70rem;
    z-index: 99;
    clip-depth: 2;
}

@media (min-width:1025px) {
    /* big landscape tablets, laptops, and desktops */
    div.ui-dialog[aria-describedby="dialogPIPopup"] button.ui-dialog-titlebar-close {
        position: fixed;
        top: 158rem;
        right: 70rem;
        z-index: 99;
        clip-depth: 2;
    }
    div.ui-dialog[aria-describedby="video1"] button.ui-dialog-titlebar-close,
    div.ui-dialog[aria-describedby="dialogTabPopup"] button.ui-dialog-titlebar-close {
        position: fixed;
        top: 112rem;
        right: 70rem;
        z-index: 99;
        clip-depth: 2;
    }
}

@media (min-width:1281px) {
    /* hi-res laptops and desktops */
    div.ui-dialog[aria-describedby="dialogPIPopup"] button.ui-dialog-titlebar-close {
        position: fixed;
        top: 158rem;
        right: 350rem;
        z-index: 99;
        clip-depth: 2;
    }
    div.ui-dialog[aria-describedby="video1"] button.ui-dialog-titlebar-close,
    div.ui-dialog[aria-describedby="dialogTabPopup"] button.ui-dialog-titlebar-close {
        position: fixed;
        top: 112rem;
        right: 350rem;
        z-index: 99;
        clip-depth: 2;
    }
}


/*Adjusted css to repositioning popup close button ends here*/

sup.gotoRef {
    /* color: var(--pres-color-2); */
    /* text-decoration: underline; */
}


/* Styling for open links within a dialog box */

.dialog .openDialog {
    /* color: #ec6608; */
    /* text-decoration: underline; */
}


/* Dynamically added class for differentiating between parent and child dialogs */

div.ui-dialog-child {
    border: 1rem solid #ec6608;
}


/* Disabled inline content arrows */

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    display: none;
}


/* Quick link dialogs */


/* Embedded Quick Links */

.embeddedQuickLink {
    padding: var(--pres-padding-1);
}

.embeddedQuickLink h3 {
    font: 24rem/42rem var(--pres-font-family-2);
    color: #4c4d4e;
    font-family: 'NolanExtraBold';
    margin: 0 0 0 34rem;
}


/* Menu */

.embeddedQuickLink ul li {
    padding: 10rem 0;
    font-size: var(--pres-font-size-4);
}

.embeddedQuickLink ul li img {
    padding: 10rem 0;
    font-size: var(--pres-font-size-4);
    width: 200rem;
}

.embeddedQuickLink,
.quickLinkDialogContent {
    width: 98% !important;
}

.quickLinkDialogContent p:last-of-type {
    margin-bottom: 0;
    padding-bottom: 0.5em;
}

#customMenuWrapper {
    display: none;
    position: var(--pres-position-ab);
    top: var(--pres-position-top);
    left: var(--pres-position-left);
    width: var(--pres-full-width);
    height: var(--pres-full-height);
    padding: var(--pres-padding-1);
    z-index: 20;
    text-align: center;
    background: transparent url('../../shared/media/images/overlay.png');
}

#customMenuWrapper .scrollableInner {
    z-index: 10;
}

#customMenuWrapper.mtLoad {
    display: block;
    top: 1024rem;
}

#customMenuWrapper.inlineMenu {
    display: block;
    top: 145rem;
    height: 500rem;
    background: transparent;
}

#customMenuWrapper.enableQuickLinks {
    z-index: 99990;
}

#closeCustomMenu {
    position: var(--pres-position-ab);
    top: -16rem;
    right: 20rem;
    width: var(--pres-width-1);
    height: var(--pres-height-1);
    background: url('../../shared/media/icons/icon_close.svg');
    background-repeat: no-repeat;
    background-size: 100%;
}

#customMenu {
    display: block;
    position: var(--pres-position-re);
    top: 125rem;
    left: 5%;
    width: 90%;
    height: 500rem;
    padding: 5rem;
    border: 1rem solid #66cc66;
    background-color: var(--pres-background-color-5);
    font: 16rem/24rem var(--pres-font-family-2);
    z-index: 99998;
}

#customMenuWrapper.inlineMenu #customMenu {
    top: 10rem;
    left: var(--pres-position-left);
    height: 500rem;
    border: none;
    background-color: transparent;
}

#customMenu .customMenuItems {
    display: block;
    position: var(--pres-position-re);
    overflow: hidden;
    text-align: left;
}

#customMenu .customMenuItems .scrollableInner {
    height: auto;
}

#customMenu>ul {
    list-style: none;
    margin-top: 20rem;
}

#customMenu h3 {
    font: 26rem/34rem var(--pres-font-family-2);
    text-align: left;
    margin-left: 25rem;
    margin-top: 15rem;
}

.customMenuKeyMessage {
    display: inline-block;
    vertical-align: top;
}

.customMenuKeyMessage {
    width: 185rem;
    margin-right: 20rem;
    list-style: none;
}

.customMenuKeyMessage:last-of-type {
    margin-right: 0;
}

.customMenuKeyMessage div.keyMessage {
    padding: var(--pres-padding-2);
    color: var(--pres-color-7);
    background-color: #6688ff;
    border: 1rem solid #6080ff;
}

.customMenuKeyMessage div.scrollable,
.customMenuKeyMessage ul {
    height: 350rem;
}

#customMenuWrapper.inlineMenu .customMenuKeyMessage div.scrollable {
    height: 450rem;
}

#customMenuWrapper.inlineMenu .customMenuKeyMessage ul {
    height: auto;
}

.customMenuKeyMessage ul li {
    list-style-type: none;
    font-size: var(--pres-font-size-2);
    padding: 10rem 0 3rem 10rem;
    height: var(--pres-height-1);
    box-sizing: border-box;
    line-height: 16rem;
}


/* Hide Reference selector on superscript custom references */

#quickLinkDialog.customRefs .referenceSelector,
#referencesPage.customRefs,
#referencesAll.customRefs {
    display: none;
}


/* References icons customization */

#referencesAll.referencesAllActive {
    opacity: 1;
}

#referencesAll.referencesAllinActive {
    opacity: 0.5;
    pointer-events: none;
}

#referencesPage.referencesPageActive {
    opacity: 1;
}

#referencesPage.referencesPageinActive {
    opacity: 0.5;
    pointer-events: none;
}


/* Remove reference header top margin on superscript custom references */

#quickLinkDialog.customRefs .embeddedReferences {
    margin-top: 0;
}

.pi,
.objection {
    width: 98%;
}

.pi .pageTitle,
.objection .pageTitle {
    position: relative
}


/* Styles for pi */

.pi,
.objection {
    color: var(--pres-color-3);
}

.pi h3,
.pi .pageTitle,
.objection h3,
.objection .pageTitle,
.guide h3,
.guide .pageTitle {
    font: 24rem/42rem var(--pres-font-family-2);
}

.pi h4,
.objection h4 {
    font: 14rem/14rem var(--pres-font-family-1);
    font-weight: bold;
}

.pi p,
.objection p {
    font: 14rem/14rem var(--pres-font-family-1);
}

#objectionScrollerInner {
    padding-top: 5rem;
}

.guideTitle.pageTitle {
    background-color: transparent;
}


/*PI Tabs css starts*/

.piTitle.pageTitle,
.ui-dialog .guideTitle.pageTitle {
    background-color: var(--pres-background-color-5);
}

#piWrapper {
    position: relative;
}

#piTabs {
    position: absolute;
    top: 0rem;
    left: 0;
    width: 100%;
    height: auto;
}

#piTabs li {
    display: inline-block;
    width: 200rem;
    height: 38rem;
    text-align: center;
    background: #999999;
    border-top-right-radius: 15rem;
    border-top-left-radius: 15rem;
    vertical-align: top;
    line-height: 38rem;
    font: normal 18rem 'HelveticaMedium', Arial;
    color: #fff;
    padding-top: 8rem;
}

#piTabs li:not(:first-child) {
    margin-left: -3rem;
}

.pitabcontent {
    color: #000000;
    position: relative;
    width: 100%;
    height: 400rem;
    left: 00rem;
    top: 38rem;
    /*background: #ffffff;*/
    overflow: hidden;
}

.piTabWrapper {
    display: none;
    color: #000000;
    position: relative;
    width: 100%;
    height: 360rem;
    left: 00rem;
    top: 0rem;
    background: #ffffff;
    overflow: hidden;
    padding: 10rem;
    border: solid 2rem #999;
}

.pitabcontent .iScrollVerticalScrollbar {
    margin-top: 0rem;
}

.piTab1 {
    display: block;
}


/*.piTab2{
	color:#0049A0;
}*/

.piScrollable {
    position: relative;
    left: 0px;
    height: 95%;
    width: auto;
    background: rgba(255, 0, 4, 0);
}

.piScrollableInner {
    width: 100%;
    padding-right: 15rem;
    box-sizing: border-box;
}

.piTab.activeColor {
    background: #ec6608 !important;
}


/*PI Tabs css ends*/


/* Hidden elements */

#email .selectorCount.hidden,
.hidden {
    display: none;
}


/* 
.hidden{
    display: inline-block; 
} */


/* Portfolio Page */

#portfolioPresentationScroll {
    position: var(--pres-position-re);
    top: var(--pres-position-top);
    height: 88%;
}

#portfolioPresentationContainer {
    position: var(--pres-position-ab);
    width: var(--pres-full-width);
}

.gskCol {
    width: 200rem;
    margin: 0 42rem 10rem;
}

.portfolioData img {
    display: block;
}

.portfolioData div {
    padding-top: 2rem;
    font-size: var(--pres-font-size-1);
    line-height: 16rem;
    text-align: center;
    background-color: var(--pres-background-color-5);
}

.portfolioData {
    border: 1rem solid rgba(200, 200, 200, 1);
}

.portfolioData.portfolioSelected {
    border: 1rem solid rgba(236, 102, 8, 1);
}


/* QuickRes Page Start*/

#quickresContainer {
    position: var(--pres-position-ab);
    width: var(--pres-full-width);
}


/* QuickRes Scroll */

#quickResScroll {
    position: var(--pres-position-re);
    height: 93%;
    top: 1%;
}

#quickResScrollContainer {
    position: var(--pres-position-ab);
}

#quickResScroll h5 {
    font-size: var(--pres-font-size-2);
    margin-top: 2rem;
}

.gskCustCol {
    position: var(--pres-position-re);
    display: inline-block;
    width: 190rem;
    margin: 0 28rem 10rem;
}


/* QuickRes Page End*/

#flowSelector.portfolioFlowSelector {
    left: 250rem;
    width: 24.41%;
}

#flowSelector.portfolioFlowSelector .selectorTriangle {
    left: 32rem;
}


/* iScroll */

.iScrollVerticalScrollbar {
    width: 7rem;
    border-radius: 4rem;
    background-color: rgba(0, 0, 0, 0.1);
}

.status {
    float: right;
    pointer-events: none;
}

#scroller div {
    width: 98%;
}


/*RACE CSS Start*/

.race_submitBtn {
    position: var(--pres-position-re);
    text-align: center;
    background: var(--pres-background-color-4);
    color: white;
    font-family: var(--pres-font-family-4);
    top: 20rem;
    left: 45%;
    padding: 9rem 33rem;
    font-size: 25rem;
    text-transform: uppercase;
    border: none;
    box-shadow: none;
    border-radius: 18rem;
}

.txtWrapBox {
    position: var(--pres-position-ab);
    top: 45rem;
    left: 38rem;
    width: 788rem;
    height: 443rem;
    border: 1rem solid #4d868e;
    border-radius: 8rem;
}

.txtWrapBox .legend {
    position: var(--pres-position-ab);
    text-align: center;
    background: var(--pres-background-color-5);
    color: var(--pres-color-4);
    font-family: var(--pres-font-family-4);
    top: -16rem;
    left: 292rem;
    padding: 4rem 24rem;
    font-size: 18rem;
    text-transform: uppercase;
}

.txtWrapBox .submitBtn {
    position: var(--pres-position-ab);
    text-align: center;
    background: #47959f;
    color: var(--pres-color-7);
    font-family: var(--pres-font-family-4);
    top: 387rem;
    left: 247rem;
    padding: 13rem 63rem;
    font-size: 38rem;
    text-transform: uppercase;
    border: none;
    box-shadow: none;
    border-radius: 18rem;
}

.row,
.row .leftDiv,
.row .rightDiv {
    position: var(--pres-position-ab);
    top: 21rem;
    left: 22rem;
    width: 744rem;
    height: 76rem;
}

.row .leftDiv,
.row .rightDiv {
    top: 0rem;
    left: 0rem;
    width: 548rem;
    border-radius: 8rem;
    background: #f1f7f8;
}

.row .rightDiv {
    width: 187rem;
    left: 554rem;
}

.row .rightDiv .label,
.row .rightDiv .value,
.row .leftDiv .label1 {
    font-family: var(--pres-font-family-4);
    position: var(--pres-position-ab);
    top: 33rem;
    left: 7rem;
    font-size: 15rem;
    color: var(--pres-color-4);
    text-transform: uppercase;
}

.row .rightDiv .value {
    top: 30rem;
    left: 98rem;
    font-size: 23rem;
    font-family: "FuturaTOT-Demi";
}

.row .leftDiv .label1 {
    font-family: var(--pres-font-family-5);
    top: 22rem;
    left: 21rem;
}

.row input {
    position: var(--pres-position-ab);
    top: 27rem;
    left: 154rem;
    border: 1rem solid #4D868E;
    border-radius: 11rem;
    text-align: center;
    font-size: 12rem;
    background: none;
    padding: 8rem 0rem;
    outline: none;
    width: 114rem;
    color: #4D868E;
}

.row .tag1,
.row .tag2 {
    position: var(--pres-position-ab);
    top: 13rem;
    left: 154rem;
    width: 114rem;
    font-size: 12rem;
    text-align: center;
    font-family: var(--pres-font-family-5);
    text-transform: uppercase;
    /*background: rgba(0,0,0,0.1);*/
    color: #4D868E;
}

.row .tag2 {
    left: 409rem;
}

.row .input2 {
    left: 409rem;
}

.row .leftDiv .label2 {
    left: 320rem;
    top: 33rem;
}

.row2 {
    /*    background: rgba(0,0,0,0.1);*/
    top: 142rem;
}

.row2 .leftDiv .label1 {
    top: 25rem;
    left: 37rem;
    line-height: 17rem;
    text-align: right;
}

.row2 .leftDiv .label2 {
    left: 314rem;
    top: 33rem;
}

.row3 {
    top: 263rem;
}

.row3 .leftDiv .label1 {
    top: 13rem;
    left: 9rem;
    line-height: 17rem;
    text-align: right;
}

.row3 .leftDiv .label2 {
    left: 314rem;
    top: 33rem;
}

.txtWrapBox .legend3,
.txtWrapBox .legend2 {
    top: 105rem;
    width: 786rem;
    left: 0rem;
    text-align: center;
}

.txtWrapBox .legend3 {
    top: 226rem;
}

table {
    font-size: var(--pres-font-size-5);
}

.ui-draggable,
.ui-droppable {
    background-position: top;
}


/* Icons
 ----------------------------------*/

.ui-icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -.25em;
    position: var(--pres-position-re);
    text-indent: -99999rem;
    overflow: hidden;
    background-repeat: no-repeat;
}

.ui-widget-icon-block {
    left: 50%;
    margin-left: -8rem;
    display: block;
}


/* Misc visuals
 ----------------------------------*/


/* Overlays */

.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: var(--pres-position-re);
    margin: 2rem 0 0 0;
    padding: .5em .5em .5em .7em;
    font-size: 100%;
    text-align: left;
}

.ui-accordion .ui-accordion-header .prod {
    text-align: right;
    width: 300rem;
    position: var(--pres-position-ab);
    right: 30rem;
    top: 3rem;
    height: var(--pres-full-height);
}

.ui-accordion .ui-accordion-content {
    padding: 10rem 5rem 10rem 15rem;
    border-top: 0;
    overflow: auto;
    text-align: left;
}

.ui-autocomplete {
    position: var(--pres-position-ab);
    top: var(--pres-position-top);
    left: var(--pres-position-left);
    cursor: default;
}


/* Component containers
 ----------------------------------*/

.ui-widget {
    font-family: var(--pres-font-family-3);
    font-size: var(--pres-font-size-5);
}

.ui-widget .ui-widget {
    font-size: var(--pres-font-size-5);
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: var(--pres-font-family-3);
    font-size: var(--pres-font-size-5);
    color: var(--pres-color-5);
}

.ui-widget.ui-widget-content {
    border: 1rem solid #c5c5c5;
    border-radius: var(--pres-border-radius-1);
}

.ui-widget-content {
    border: 1rem solid #dddddd;
    background: var(--pres-background-color-5);
    color: var(--pres-color-3);
}

.ui-widget-content a {
    color: var(--pres-color-3);
}

.ui-widget-header {
    /*    border: 1rem solid #dddddd;*/
    /*    background: #e9e9e9;*/
    color: var(--pres-color-3);
    font-weight: bold;
}

.ui-widget-header a {
    color: var(--pres-color-3);
}


/* Interaction states
 ----------------------------------*/

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,

/* We use html here because we need a greater specificity to make sure disabled
 works properly when clicked or hovered */

html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    border: 1rem solid #c5c5c5;
    background: #f6f6f6;
    font-weight: normal;
    color: var(--pres-color-5);
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button,
.ui-button {
    color: var(--pres-color-5);
    text-decoration: none;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus,
.ui-button:hover,
.ui-button:focus {
    border: 1rem solid #cccccc;
    background: var(--pres-background-color-3);
    font-weight: normal;
    color: var(--pres-color-6);
}

.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
a.ui-button:hover,
a.ui-button:focus {
    color: var(--pres-color-6);
    text-decoration: none;
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
    border: 1rem solid #b93100;
    background: var(--pres-background-color-4);
    font-weight: normal;
    color: var(--pres-color-7);
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #003eff;
    background-color: var(--pres-background-color-5);
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: var(--pres-color-7);
    text-decoration: none;
}


/* Interaction Cues
 ----------------------------------*/

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1rem solid #dad55e;
    background: #fffa90;
    color: #777620;
}


/* Icons
 ----------------------------------*/


/* states and images */

.ui-icon {
    width: 16rem;
    height: 16rem;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url(../media/icons/ui-icons_444444_256x240.png);
}

.ui-widget-header .ui-icon {
    background-image: url(../media/icons/ui-icons_444444_256x240.png);
}

.ui-state-hover .ui-icon,
.ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url(../media/icons/ui-icons_555555_256x240.png);
}

.ui-state-active .ui-icon,
.ui-button:active .ui-icon {
    background-image: url(../media/icons/ui-icons_ffffff_256x240.png);
}

.ui-state-highlight .ui-icon,
.ui-button .ui-state-highlight.ui-icon {
    background-image: url(../media/icons/ui-icons_777620_256x240.png);
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(../media/icons/ui-icons_cc0000_256x240.png);
}

.ui-button .ui-icon {
    background-image: url(../media/icons/ui-icons_777777_256x240.png);
}


/* positioning */

.ui-icon-triangle-1-n {
    background-position: 0 -16rem;
}

.ui-icon-triangle-1-ne {
    background-position: -16rem -16rem;
}

.ui-icon-triangle-1-e {
    background-position: -32rem -16rem;
}

.ui-icon-triangle-1-se {
    background-position: -48rem -16rem;
}

.ui-icon-triangle-1-s {
    background-position: -60rem -13rem;
}

.ui-icon-triangle-1-sw {
    background-position: -80rem -16rem;
}

.ui-icon-triangle-1-w {
    background-position: -96rem -16rem;
}

.ui-icon-triangle-1-nw {
    background-position: -112rem -16rem;
}

.ui-icon-triangle-2-n-s {
    background-position: -128rem -16rem;
}

.ui-icon-triangle-2-e-w {
    background-position: -144rem -16rem;
}


/* Corner radius */

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
    border-top-left-radius: 3rem;
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
    border-top-right-radius: 3rem;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
    border-bottom-left-radius: 3rem;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
    border-bottom-right-radius: 3rem;
}

#accordion {
    width: 100%
}

#accordion .ui-state-focus {
    outline: none;
}

.clear {
    clear: both;
    height: 20rem;
}

.margin_25 {
    margin-left: 20rem;
    margin-right: 3rem;
}

.Persona_lable {
    font: normal 16rem var(--pres-font-family-2);
    padding: 30rem 0rem 0rem 0rem;
    margin: 0 0 5rem 0;
    -webkit-border-radius: 10rem;
}

.Persona_lable_loc {
    font: normal 16rem var(--pres-font-family-2);
    padding: 10rem 0rem 0rem 0rem;
    margin: 0 0 5rem 0;
    -webkit-border-radius: 10rem;
}

.Persona_lable b {
    color: #b93100;
}

.lablepad {
    padding-bottom: 10rem;
    padding-top: 10rem;
}

.box0,
.box1,
.box2,
.box3 {}

.ui-accordion-content {
    height: 350rem;
}

button:disabled,
button[disabled] {
    opacity: 0.5;
    border: 1rem solid #999;
    background-color: var(--pres-background-color-1);
    color: #666;
}

.product_journey .dialogBody {
    height: 400rem;
}


/*RACE CSS End*/

.footer {
    width: 14.64%;
    height: 5.20%;
    right: 10rem;
    bottom: 13rem;
}

input {
    font-size: 22rem;
}


/*Inline swipe Start*/

.swiper-container {
    /* border: 1rem solid #ccc; */
    margin-right: 20rem;
    width: 890rem;
    height: 680rem;
    top: -13rem;
}

.swiper-container .swiper-slide {
    padding: var(--pres-padding-2);
}

.swiper-pagination-bullet {
    width: 44.1rem;
    height: 44.1rem;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .2;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #007aff;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px;
}

.swiper-button-next,
.swiper-button-prev {
    width: 44px;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    left: 0px;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    right: 0px;
}


/*Inline swipe End*/

* {
    outline: none !important;
}

@media only screen and (max-width: 1024px) {
    #home,
    #menu,
    #pi,
    #references,
    #email,
    #shortFlow,
    #objection,
    #portfolio,
    #guide,
    #quickres,
    #pageLock,
    #callSummary,
    #customQLOne,
    #customQLTwo,
    #customQLThree,
    #resources,
    #library,
    #switch {
        width: 34px !important;
        height: 34px !important;
    }
    .navSubSlide {
        position: var(--pres-position-ab);
        bottom: 5rem;
        left: -70rem;
        width: 110rem;
        height: 48rem;
        margin-left: 50%;
        border: 0;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
        text-align: center;
        z-index: 9999;
    }
}


/* Portrait Mode */

@media (min-width: 0) and (orientation:portrait) {
    body.portrait,
    body.portrait #container,
    body.portrait #zoomOverlay,
    body.portrait .bg {
        width: 100vw;
        height: 133vw;
    }
    body.portrait .mainContent {
        top: var(--pres-position-top);
        left: var(--pres-position-left);
        width: var(--pres-full-width);
        height: var(--pres-full-height);
    }
    body.portrait #doubleClickLeft,
    body.portrait #doubleClickRight {
        height: var(--pres-full-height);
    }
    body.portrait #doubleClickCentre {
        width: 100vw;
        height: 83vw;
    }
    body.portrait div.ui-widget-overlay {
        width: 100vw;
        height: 133vw;
    }
    div.ui-widget-overlay {
        position: fixed;
        width: 100vw;
        height: 75vw;
        min-width: 768rem;
        min-height: 1024rem;
        margin: auto;
        left: var(--pres-position-left);
        right: 0;
        top: var(--pres-position-top);
        bottom: 0;
    }
    #home,
    #menu,
    #pi,
    #references,
    #email,
    #shortFlow,
    #objection,
    #portfolio,
    #guide,
    #quickres,
    #pageLock,
    #callSummary,
    #switch {
        width: 44px !important;
        height: 44px !important;
    }
}

@media (min-width: 0) and (orientation:landscape) {
    div.ui-widget-overlay {
        min-width: 1024rem;
        min-height: 768rem;
    }
}


/*media query for ipad pro11 devices */

@media only screen and (min-device-width: 834px) and (max-device-width: 834px) and (-webkit-min-device-pixel-ratio: 2) {
    #container,
    .bg {
        width: var(--core-full-width);
        height: var(--core-full-height);
        margin-left: var(--core-margin-left);
        margin-right: var(--core-margin-right);
        left: var(--core-position-left);
        right: 0;
    }
    div.ui-widget-overlay {
        min-width: 1024px;
        min-height: 768px;
        width: var(--pres-full-width);
        height: var(--pres-full-height);
    }
    /* Sub slide navigation styles  */
    .navSubSlide {
        position: var(--pres-position-ab);
        bottom: 5rem;
        left: -70rem;
        width: 110rem;
        height: 48rem;
        margin-left: 50%;
        border: 0;
        -webkit-backface-visibility: hidden;
        -webkit-transform-style: preserve-3d;
        text-align: center;
        z-index: 9999;
    }
    .navBottom div.adjustForNav {
        margin-left: 20%;
    }
    .navBottom div {
        display: none;
        height: var(--pres-height-1);
        width: var(--pres-width-1);
        margin: 0 9rem 0 0;
        z-index: 99999;
        overflow: hidden;
    }
}

@media only screen and (min-device-height: 1112px) and (max-device-width: 1112px) and (-webkit-min-device-pixel-ratio: 2) {
    .navBottom div.adjustForNav {
        margin-left: 14%;
    }
}

@media only screen and (min-width: 1201px) {}

@media only screen and (min-width: 1901px) {}

@media only screen and (min-width: 2401px) {}

#doubleClickLeft.disabled,
#doubleClickRight.disabled {
    pointer-events: none;
}

.isiFullScreen {
    display: inline-block;
    position: var(--pres-position-ab);
    top: 50%;
    left: -24rem;
    width: 44rem;
    height: 44rem;
    background-image: url("../../shared/media/icons/icon_isi_left.svg");
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 251;
}

.isiFullScreen.isiExitFullScreen {
    background-image: url("../../shared/media/icons/icon_isi_right.svg");
    background-repeat: no-repeat;
    background-size: contain;
}


/* ISI Vertical FullScreen */

body.includeISI #isiRail {
    overflow: unset;
}

body.includeISI #isiRail.verFullscreen {
    width: 958rem;
    border-left: none;
    border: 1px solid rgb(193 193 193 / 66%);
    border-right: none;
    box-shadow: -1rem 1rem 5rem rgb(193 193 193 / 27%);
    overflow: unset;
}

body.includeISI #isiRail.verFullscreen #isiScrollWrapper {
    width: 95%;
    left: 0rem;
    top: 120rem;
}

body.includeISI #isiRail.verFullscreen #isiScrollWrapper #isiScroller {
    width: 95%;
}

body.includeISI #isiRail.verFullscreen .isiBody {
    height: auto;
}


/* ISI Vertical FullScreen ends */


/* ISI Horizontal FullScreen */

body.includeISI #isiRail.horFullscreen {
    top: 90rem;
    height: 78%;
    overflow: unset;
    border: 1px solid rgb(193 193 193 / 66%);
    box-shadow: 0rem -3rem 4rem rgb(193 193 193 / 27%);
    border-bottom: none;
}

body.includeISI #isiRail.horFullscreen .isiHead {
    position: static;
    padding: 0 15rem 10rem 25rem;
    font: 24rem/24rem var(--pres-font-family-2);
    color: var(--pres-color-1);
    background-color: var(--pres-background-color-3);
    z-index: 1;
    padding-top: 10rem;
    width: 100%;
}

body.includeISI #isiRail.horFullscreen #isiScrollWrapper {
    top: 120rem;
    left: 0rem;
    width: 100%;
    max-height: 75%;
    padding: 0 0 0 10rem;
    overflow: hidden;
    column-count: 1;
}

body.includeISI #isiRail.horFullscreen #isiScrollWrapper #isiScroller {
    width: 95%;
}

body.includeISI #isiRail.horFullscreen .isiBody {
    height: 95%;
    column-count: 1;
    padding-left: 17rem;
}


/* ISI Horizontal FullScreen ends */

body.includeISI #isiRail.horizontal_isiRail {
    overflow: unset;
}

body.includeISI #isiRail.horizontal_isiRail.horFullscreen .iScrollVerticalScrollbar {
    right: 15rem !important;
}

body.includeISI #isiRail.horizontal_isiRail .isiFullScreen {
    top: -24rem;
    left: 50%;
    background-image: url('../../shared/media/icons/icon_isi_up.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

body.includeISI #isiRail.horizontal_isiRail .isiFullScreen.isiExitFullScreen {
    background-image: url('../../shared/media/icons/icon_isi_down.svg');
    background-size: contain;
    background-repeat: no-repeat;
}

.header {
    z-index: 11;
    width: 9.77%;
    height: 3.91%;
    top: 3.91%;
    right: 2.939%;
}

.foottext {
 position: absolute;
 bottom: 2rem;
 right: 164rem;
 font-size: 10rem;
 color: #4c4d4e;
 font-family: 'NolanRegular';
 line-height: 12rem;
}

.blueMenu {
    position: absolute;
    display: none;
    width: 247rem !important;
    left: 38rem !important;
    top: 340rem !important;
    border-radius: 0rem !important;
    border: 0rem !important;
    background-color: transparent !important;
}

.closeMenu {
    position: absolute;
    top: -35rem;
    right: -1rem;
    background: url(../../shared/media/images/close-button02.png) no-repeat;
    background-size: 11rem 11rem;
    width: 33rem;
    height: 33rem;
    z-index: 99999;
}

.menuList {
    position: absolute;
    top: -48rem;
    left: 2rem;
    height: 412rem;
    background-color: #fff;
    width: 236rem;
    z-index: 9999;
    border-radius: 13rem 13rem 0 0;
}

.menuTitle {
    font-family: 'NolanHeavy';
    font-size: 15rem;
    position: absolute;
    top: 0rem;
    left: 0rem;
    height: 43rem;
    background-color: #D71920;
}

.menuTitle span {
    position: absolute;
    top: -4rem;
    left: 25rem;
    color: #fff;
}

.list1 {
    position: absolute;
    color: #4c4d4e;
    font-size: 12rem;
    top: 60rem;
    left: 24rem;
    width: 843rem;
    font-family: 'NolanBold';
}

.list2 {
    position: absolute;
    color: #4c4d4e;
    font-size: 12rem;
    top: 104rem;
    left: 24rem;
    width: 843rem;
    font-family: 'NolanBold';
}

.list3 {
    position: absolute;
    color: #4c4d4e;
    font-size: 12rem;
    top: 151rem;
    left: 24rem;
    width: 843rem;
    font-family: 'NolanBold';
}

.list4 {
    position: absolute;
    color: #4c4d4e;
    font-size: 12rem;
    top: 196rem;
    left: 24rem;
    width: 843rem;
    font-family: 'NolanBold';
}

.list5 {
    position: absolute;
    color: #4c4d4e;
    font-size: 12rem;
    top: 245rem;
    left: 24rem;
    width: 843rem;
    font-family: 'NolanBold';
}

.list6 {
    position: absolute;
    color: #4c4d4e;
    font-size: 12rem;
    top: 290rem;
    left: 24rem;
    width: 843rem;
    font-family: 'NolanBold';
}

.list7 {
    position: absolute;
    color: #4c4d4e;
    font-size: 12rem;
    top: 336rem;
    left: 24rem;
    width: 843rem;
    font-family: 'NolanBold';
    word-spacing: -1rem;
}

.list8 {
    position: absolute;
    color: #4c4d4e;
    font-size: 12rem;
    top: 382rem;
    left: 24rem;
    width: 843rem;
    font-family: 'NolanBold';
}

.list1 .brdline {
    position: absolute;
    top: 12px;
    left: -32px;
    width: 28%;
    height: 20rem;
    border-bottom: 1px solid #4c4d4e;
}

.list2 .brdline {
    position: absolute;
    top: 12px;
    left: -32px;
    width: 28%;
    height: 20rem;
    border-bottom: 1px solid #4c4d4e;
}

.list3 .brdline {
    position: absolute;
    top: 12px;
    left: -32px;
    width: 28%;
    height: 20rem;
    border-bottom: 1px solid #4c4d4e;
}

.list4 .brdline {
    position: absolute;
    top: 12px;
    left: -32px;
    width: 28%;
    height: 20rem;
    border-bottom: 1px solid #4c4d4e;
}

.list5 .brdline {
    position: absolute;
    top: 12px;
    left: -32px;
    width: 28%;
    height: 20rem;
    border-bottom: 1px solid #4c4d4e;
}

.list6 .brdline {
    position: absolute;
    top: 12px;
    left: -32px;
    width: 28%;
    height: 20rem;
    border-bottom: 1px solid #4c4d4e;
}

.list7 .brdline {
    position: absolute;
    top: 12px;
    left: -32px;
    width: 28%;
    height: 20rem;
    border-bottom: 1px solid #4c4d4e;
}

.footback {
    position: absolute;
    bottom: -2rem;
    left: 0;
    background: url(../media/images/footer-panel.png);
    height: 68rem;
    width: 100%;
}

.back-overlay {
    position: absolute;
    height: 702rem;
    width: 1024rem;
    top: -339rem;
    opacity: 0.7;
    left: -36rem;
    background: url(../media/images/overlay.png);
    z-index: 1000;
}

div.ui-dialog[aria-describedby="refQuickLinkDialog"] {
    /* height: 500rem !important;
    width: 600rem !important;
    top: 10rem !important;
    left: 10rem !important; */
    height: 637rem !important;
    width: 928rem !important;
    left: 49rem !important;
    top: 38rem !important;
    border-radius: 7rem 7rem 7rem 0rem !important;
}

sup {
    line-height: 0;
    font-size: 60%;
}

.ui-dialog {
    /* height: 590rem !important;
    width: 916rem !important;
    left: 56rem !important;
    top: 72rem !important; */
    height: 634rem !important;
    width: 928rem !important;
    left: 49rem !important;
    top: 46rem !important;
    border-radius: 7rem 7rem 7rem 0rem !important;
}

.ui-dialog .ui-dialog-content {
    height: 600rem !important;
}

.topNav {
    display: none !important;
}

.refQuickLinkDialogReferences {
    margin-top: 0rem !important;
}

#references.activeNav {
    background-image: url('../../shared/media/icons/reference-activate.png');
}


#objection.activeNav {
    background-image: url('../../shared/media/icons/Question_Active.svg');
}






#guide.activeNav {
    background-image: url('../../shared/media/icons/isiactivate.png');
}

#referencesScroller {
    /* max-height: 958rem !important;
    height: 490rem !important; */
    max-height: 532rem;
}


/* #referenceList {
    height: 1115rem;
} */

.hdl3-1,
.hdl3-2,
.hdl3-3,
.hdl4-1,
.hdl4-2,
.hdl7-1,
.hdl8-1,
.hdl9-1,
.hdl14-1,
.hdl12-1,
.hdl14-2,
.hdl2-1,
.hdl6-1,
.hdl6-2,
.hdl15,
.hdl_ref,
.hdl_reff,
.hdl_ref002,
.hdl_ref003,
.hdl_ref007 {
    display: none;
    line-height: 21rem !important;
}

.dialogBody .references {
    width: 892rem;
}

.iScrollLoneScrollbar {
    height: 498rem !important;
}

#wrapper {
    position: absolute;
    /* z-index: 1; */
    top: -53rem;
    /* bottom: 48px; */
    left: 0rem;
    width: 890rem;
    height: 588rem;
    /* background: aliceblue; */
    overflow: hidden;
}

#scrollp {
    top: 0;
    position: relative;
    left: 0;
    height: 100%;
    width: auto;
    background: rgba(255, 0, 4, 0);
}

#scrollerp {
    width: 100%;
    /* padding-right: 15rem; */
    box-sizing: border-box;
    height: 1072rem;
}

.Iswrapper {
    position: absolute;
    top: 10rem;
    left: 0;
}

/* #objection, #pi, #library, #resources{
    pointer-events: none;
} */

.objectionTitle, .piTitle{
    display: none !important;
}

div.ui-dialog[aria-describedby="quickLinkDialog"] button.ui-dialog-titlebar-close {
    top: 73rem !important;
    left: 947rem !important;
}

/* Resource popup css */
.resources {
    position: absolute;
    display: none;
    width: 928rem !important;
    left: 38rem !important;
    top: 340rem;
    border-radius: 0rem !important;
    border: 0rem !important;
    background-color: transparent !important;
    z-index: 999999;
}
#resources.activeresources{
    background-image: url('../../shared/media/icons/resources_active.svg') !important;
    z-index: 999999999;
}


.closeresources {
    position: absolute;
    top: -281rem;
    right: -16rem;
    background: url(../../shared/media/images/icon_close.png);
    background-size: contain;
    height: 13rem;
    width: 30rem;
    z-index: 99999;
    background-repeat: no-repeat;
}
.resourcesmain {
    position: absolute;
    background-color: #fff;
    z-index: 9999;
    height: 634rem !important;
    width: 928rem !important;
    left: 10rem !important;
    top: -294rem !important;
    border-radius: 7rem 7rem 7rem 0rem !important;
}

.resourcestitle {
    font-family: 'NolanHeavy';
    font-size: 15rem;
    position: absolute;
    top: 0rem;
    left: 0rem;
    height: 43rem;
    background-color: #D71920;
}


.restext1{
    position: absolute;
    top: -59rem;
    left: 251rem;
    font-family: 'NolanHeavy';
    color: #ff00ff;
    font-size: 36.5rem;
    z-index: 999999;
}


/* Switch popup css */

.switch {
    position: absolute;
    display: none;
    width: 928rem !important;
    left: 38rem !important;
    top: 340rem;
    border-radius: 0rem !important;
    border: 0rem !important;
    background-color: transparent !important;
    z-index: 999999;
}

#switch.activeswitch {
    background-image: url('../../shared/media/icons/Arrows_Active.svg') !important;
    z-index: 999999999;
}

.closeswitch {
    position: absolute;
    top: -281rem;
    right: -16rem;
    background: url(../../shared/media/images/icon_close.png);
    background-size: contain;
    height: 13rem;
    width: 30rem;
    z-index: 99999;
    background-repeat: no-repeat;
}
.switchmain {
    position: absolute;
    background-color: #fff;
    z-index: 9999;
    height: 634rem !important;
    width: 928rem !important;
    left: 10rem !important;
    top: -294rem !important;
    border-radius: 7rem 7rem 7rem 0rem !important;
}

.switchtitle {
    font-family: 'NolanHeavy';
    font-size: 15rem;
    position: absolute;
    top: 0rem;
    left: 0rem;
    height: 43rem;
    background-color: #D71920;
}


.switchtext1{
    position: absolute;
    top: -59rem;
    left: 251rem;
    font-family: 'NolanHeavy';
    color: #ff00ff;
    font-size: 36.5rem;
    z-index: 999999;
}

#shortFlow{
    display: none !important;
}

.inactive{
    pointer-events: none;
}

.swiper-button-prev, .swiper-button-next{
	
	color: #D71920 !important;
}
.videoPlayer5-dimensions {
    width: 807rem !important;
    height: 455rem !important;
    top: 25rem !important;
    left: 30rem !important;
}