/*<meta />*/

@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

:root
{
	--Brand1: #004c93;
	--Brand2: #f0f7ff;
	--Brand3: #9FCEDF;
	--VeevaOrange: #f7981d;
	--Dark: #434343;
	--Gray: #aeaeae;
	--Light: #d0d3d5;
	--White: #ffffff;
	--Link: #1155cc;
	--HeaderHeight: 100px;
	--LineHeight: 1.4rem;
	--DropShadow: drop-shadow(0.25em 0.25em 0.3em #bbbbbc);
	/*Module Specific Accent Colors*/
	--Account: #f7981d;
	--AE: #93cae5;
	--Analytics: #93c572;
	--ApprovedNotes: #f0b4ed;
	--CLM: #ffd800;
	--Cycles: #D80380;
	--Engage: #54dddd;
	--Medical: #326A3B;
	--MyInsights: #800080;
	--MySchedule: #ae86fe;
	--OpportunityManagement: #2d0859;
	--Product: #db6016;
	--ServiceCenter: #986960;
	--StandardMetrics: #4eb1ae;
	--Samples: #1a76a3;
	--Surveys: #449dd7;
	--Sync: #b22222;
	--Vault: #fdb913;
	--size: 80%;
}

*
{
	padding: 0;
	margin: 0;
}

body
{
	color: var(--Dark);
	font-family: 'Lato', Arial, Avenir, Myriad;
	margin: 0;
	font-size: 1rem;
	line-height: 1.4rem;
}

/* Links */

a,
a:link,
a:visited,
MadCap|xref
{
	color: var(--Link);
}

/* Lists */

dd,
dd p,
dt,
dt p
{
	margin: 0.5em 0;
}

dl,
ol,
ul
{
	letter-spacing: .25px;
	margin: 0 0;
}

/* header */

.title-bar-container
{
	min-height: 0;
}

nav.title-bar
{
	padding: 0.5rem;
	border-bottom: 2px solid var(--VeevaOrange);
}

nav.title-bar .menu-icon
{
	display: none;
}

/* Keep search bar from wrapping */

.title-bar-layout
{
	flex-wrap: nowrap;
}

.logo-wrapper
{
	left: 2%;
	flex-basis: auto !important;
}

.nav-search-wrapper
{
	flex-basis: auto !important;
	width: 300px;
	/* Changed from 400 to 300 since David wants this narrower */
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.nav-search
{
	margin-left: auto;
	margin-top: 0;
	max-width: 300px;
	/* Changed from 400 to 300 since David wants this narrower */
}

/* animations */

@keyframes fade-rise {
  from {
    transform: translateY(2vh);
	opacity: 0;
  }
  to {
    transform: translateY(0);
	opacity: 1;
  }
} 

@keyframes fade-in {
  from {
	opacity: 0;
  }
  to {
	opacity: 1;
  }
} 

ul > li,
ol > li,
ul > li > p,
ol > li > p
{
	margin: .5em 0;
}

/* numbering */

ol > li
{
	padding-left: 0px;
	margin-left: 40px;
}

/* bulleting */

ul > li
{
	display: list-item;
	margin-left: 40px;
	padding-left: 6px;
	mc-next-tag: li;
	mc-next-class: bulleted;
	horizontal-align: middle;
	list-style-image: url('../Images/Bullet1.png');
	margin: 0.5em 3rem;
}

ul > li.bullet
{
	display: list-item;
	margin-left: 80px;
	mc-next-tag: li;
	mc-next-class: bullet;
	horizontal-align: middle;
	list-style-image: url('../Images/Doc_2-Square.png');
}

ul > li.bulletindent
{
	display: list-item;
	margin-left: 120px;
	mc-next-tag: li;
	mc-next-class: bulletindent;
	horizontal-align: middle;
	list-style-image: url('../Images/Doc_3-Diamond.png');
}

.Side-Menu
{
	width: 25%;
	position: fixed;
	left: 80rem;
	margin: 2rem;
	font-size: .8rem;
}

.quiz
{
	background-color: var(--Brand2);
	border-radius: 1rem;
	padding: 0.5em 2%;
	margin-top: 1.5rem;
}

MadCap|breadcrumbsProxy
{
	border-bottom-width: 0;
	color: var(--Dark);
}

/* menu button for online help */

#menuButton
{
	display: block;
	position: fixed;
	z-index: 999999999;
	top: 0;
	right: 0;
	margin-top: 28px;
	margin-right: 350px;
	padding: 15px 10px;
	background-color: #ffffff;
	border: none;
	border-radius: 5px;
	font-family: 'Lato', Arial, Avenir, Myriad;
	font-size: 1em;
	font-weight: bold;
	color: #ff9e16;
	text-decoration: none;
}

#menuButton:hover
{
	background-color: #ff9e16;
	color: #ffffff;
	text-decoration: none;
}

/* course title and topic */

.contents
{
	width: 70%;
	margin: 0 15%;
}

#menu
{
	display: none;
}

.body-container
{
	padding: 0;
	background-color: var(--White);
}

.flightplan
{
	width: 100%;
}

.flightplan table
{
	width: 100%;
}

.flightplan .start a
{
	text-decoration: none;
}

.flightplan > .start > a > img
{
	width: 160px !important;
	padding-top: 5vh;
}

a:link
{
	color: var(--Link);
}

a:visited
{
	color: var(--Link);
}

.flightplan .start a:hover
{
	text-decoration: underline;
}

.footer a:hover
{
	text-decoration: underline;
}

.btn-flight > a:hover
{
	color: var(--White);
	background-color: var(--Brand1);
	text-decoration: none;
}

.btn-veeva > a:hover
{
	background-color: var(--Product);
	text-decoration: none;
}

.flightplan .start a > p
{
	text-decoration: none;
}

.flightplan .start
{
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	padding-bottom: 10vh;
}

.center
{
	text-align: center;
}

img
{
	border: none;
	max-width: 100%;
}

.hero
{
	margin: 1.5rem 0;
	text-align: center;
	width: 100%;
}

.hero > img
{
	max-height: 30vh;
	margin: 0;
}

.halfhero
{
	width: 25%;
	height: auto;
}

.abstract
{
	display: block;
	margin-top: 20px;
	width: 75%;
	margin-left: auto;
	margin-right: auto;
}

.gray
{
	border: 1px solid var(--Gray);
	height: auto;
}

img.full
{
	width: 100%;
}

img.half
{
	width: 50%;
}

.two-tiles > div > p > .gray
{
	max-width: 100%;
}

/* Headings and Paragraphs */

h1,
h2,
h3,
h4,
h5
{
	margin: 1rem 0;
}

h1
{
	font-weight: bold;
	font-size: 2rem;
	color: var(--Brand1);
	line-height: 2rem;
}

h2
{
	font-weight: bold;
	font-size: 1.5rem;
	color: var(--VeevaOrange);
	page-break-before: always;
	line-height: 1.5rem;
}

.No-Page-Break-Before
{
	page-break-before: avoid;
}

h3
{
	font-weight: bold;
	font-size: 1.2rem;
}

h4
{
	font-weight: bold;
	font-size: 1.1rem;
}

h5
{
	font-weight: bold;
}

p
{
	widows: 3;
	orphans: 3;
	letter-spacing: 0.25px;
	margin: 1rem 0;
}

p.table-text
{
	margin: 0;
}

.note
{
	background-color: #fffcdd;
	border-radius: 0.75rem;
	padding: 0.75rem;
}

.pilot
{
	width: 50px;
	height: auto;
	margin-left: 25px;
}

.controller
{
	width: 100%;
	height: auto;
}

.btn-flight
{
	margin: 0;
	padding: 5vh 0 10vh 0;
	text-align: center;
	filter: var(--DropShadow);
}

.btn-veeva
{
	text-align: center;
	margin-top: 1.5rem !important;
}

.btn-flight > a,
.btn-flight > a:visited .btn-veeva > a,
.btn-veeva > a:visited
{
	text-decoration: none;
	color: black;
	background-color: #8ebefc;
	padding: 1em 1.5rem;
	border-radius: 1.5rem;
	transition: all .2s;
}

.btn-veeva > a,
.btn-veeva > a:visited
{
	background-color: var(--VeevaOrange);
	color: var(--White) !important;
	padding: .75rem 1rem;
	border-radius: 1.5rem;
}

.Emphasis
{
	font-weight: bold;
}

/* Course title topic */

.course-title-layout
{
	padding: 2% 5%;
}

.course-title-section
{
	padding: 0;
}

.topic-hero
{
	background-attachment: scroll;
	margin: 0%;
	height: 300px;
	background-image: url('../Images/VeevaImages/PaperAirplane.jpeg');
	background-repeat: no-repeat;
	background-size: cover;
}

.topic-hero h1
{
	color: var(--White);
	font-size: 2rem;
	text-align: center;
	padding-top: 2rem;
	margin-top: 0px;
}

/* Drop-Downs */

MadCap|dropDown
{
	mc-image-position: left;
	mc-image-spacing: 10px;
	mc-open-image: url('../Images/Minus.png');
	mc-closed-image: url('../Images/Plus.png');
	padding: 10px 0;
	border-top: 2px solid #bbbbbc;
	background-size: 10px;
}

MadCap|dropDownBody
{
	margin: 0 28px;
	font-size: 1rem;
}

a,
a:link,
MadCap|xref
{
	text-decoration: none;
}

a:hover,
MadCap|xref:hover
{
	text-decoration: underline;
}

MadCap|dropDownHotspot
{
	cursor: hand;
	text-decoration: none;
	color: var(--Dark);
	border-bottom: none;
	font-weight: normal;
	font-size: 0.75rem;
}

.MCDropDown_Open .dropDownHotspot
{
	color: #fdb913;
	font-weight: 700;
}

MadCap|expandingBody
{
	color: var(--Dark);
	font-style: italic;
}

MadCap|expandingHead
{
	font-style: italic;
	font-weight: normal;
	cursor: hand;
	text-decoration: none;
	color: var(--Brand1);
}

/* eLearning */

.correctFeedback p
{
	color: #4DBA6E;
	font-size: 14px;
	line-height: 1.2rem;
}

.incorrectFeedback p
{
	color: #FA4D55;
	font-size: 14px;
	line-height: 1.2rem;
}

.multipleChoice
{
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

.multipleChoiceItem
{
	display: block;
	position: relative;
	cursor: pointer;
	margin-left: 20px;
	padding-left: 35px;
}

.multipleChoiceItem p
{
	font-size: 14px;
	line-height: 1.2rem;
}

.multipleChoiceItem input
{
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

.checkbox
{
	position: absolute;
	top: 0;
	left: 0;
	height: 18px;
	width: 18px;
	background-color: #e0e1e2;
}

.multipleChoiceItem:hover input ~ .checkbox
{
	background-color: #ccc;
}

.multipleChoiceItem input:checked ~ .checkbox
{
	background-color: var(--Brand1);
}

.checkbox:after
{
	content: "";
	position: absolute;
	display: none;
}

.multipleChoiceItem input:checked ~ .checkbox:after
{
	display: block;
}

.multipleChoiceItem .checkbox:after
{
	left: 6px;
	top: 2px;
	width: 4px;
	height: 9px;
	border: solid white;
	border-width: 0 2px 2px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.radio
{
	position: absolute;
	top: 0;
	left: 0;
	height: 18px;
	width: 18px;
	background-color: #e0e1e2;
	border: 1px solid #ccc;
	border-radius: 50%;
}

.multipleChoiceItem:hover input ~ .radio
{
	background-color: #eee;
}

.multipleChoiceItem input:checked ~ .radio
{
	background-color: var(--White);
}

.radio:after
{
	content: "";
	position: absolute;
	display: none;
}

.multipleChoiceItem input:checked ~ .radio:after
{
	display: block;
}

.multipleChoiceItem .radio:after
{
	top: 4px;
	left: 4px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: var(--Brand1);
}

MadCap|question
{
	margin-top: 3.5rem;
}

.question p
{
	font-size: 17px;
	line-height: 1.2rem;
}

MadCap|submitQuestionButton
{
	width: 125px;
	height: 36px;
	background-color: #cecece;
	border: solid 1px #cecece;
	color: var(--Dark);
	font-size: 14px;
	line-height: 1.2rem;
	margin-bottom: 1.5rem;
}

MadCap|submitQuestionButton:hover
{
	background-color: var(--Brand1);
	border: solid 1px var(--Brand1);
	color: var(--White);
}

.submitQuestionButton:disabled,
.submitQuestionButton:disabled:hover
{
	background-color: #e0e1e2;
	border: solid 1px #e0e1e2;
	color: #8a9297;
}

button
{
	transition: all .2s;
}

.buttons._Skins_eLearning.mc-component
{
	margin: 0;
	display: flex;
	justify-content: center;
	margin-top: 20vh;
}

.elearning-progress-wrapper
{
	opacity: 0 !important;
}

.button-group-container-left
{
	position: absolute;
	bottom: 10vh;
	animation: 1.5s ease-out 0s fade-in;
}

.button-icon
{
	background-size: 22px !important;
}

.button .button-text
{
	margin: 0 5px !important;
}

/* Frontmatter */

hr.title-page
{
	border: solid 0px transparent;
	background-color: var(--Light);
	height: 1px;
	width: 100%;
	margin-bottom: 30px;
	margin-top: 370px;
}

MadCap|tocProxy
{
	border-top: none;
	margin-right: 0.25in;
}

.created-using-flare
{
	color: var(--Dark);
	font-weight: bold;
	margin-top: 18px;
	font-size: .8rem;
	text-transform: uppercase;
}

.subtitle
{
	line-height: 30pt;
	margin-top: 20px;
	mc-hyphenate: never;
	font-size: 28pt;
}

.title
{
	line-height: 46pt;
	margin-top: 30px;
	mc-hyphenate: never;
	font-size: 40pt;
}

.title-page-footer
{
	color: var(--Dark);
	font-size: 9pt;
	frame-break-before: always;
	margin-top: 30px;
}

.title-page-url
{
	color: var(--Dark);
	font-size: 9pt;
}

.TOC1
{
	color: var(--Dark);
	font-size: 19pt;
	font-weight: normal;
	line-height: 21pt;
	margin-bottom: 15px;
	margin-top: 15px;
	page-break-after: avoid;
}

.TOC2
{
	color: var(--Dark);
	font-size: 15pt;
	font-weight: normal;
	line-height: 21pt;
	margin-bottom: 13px;
	margin-left: .5in;
	margin-top: 13px;
}

.TOC3
{
	color: var(--Dark);
	font-size: 13pt;
	line-height: 21pt;
	font-weight: normal;
	margin-bottom: 10px;
	margin-left: 1in;
	margin-top: 10px;
}

.TOC4
{
	color: var(--Dark);
	margin-left: 1.5in;
}

/* Page layout */

.frame-footer-page-number
{
	color: var(--Gray);
	font-size: .9rem;
	font-weight: bold;
	text-align: right;
}

.frame-footer-text
{
	color: var(--Gray);
	font-size: .9rem;
	font-weight: bold;
	text-transform: uppercase;
}

/* Slideshow */

MadCap|slideshow
{
	padding-left: 0px;
	padding-right: 0px;
}

/* Template page */

.header
{
	background-color: var(--Brand3);
	height: var(--HeaderHeight);
	margin: 0;
	vertical-align: middle;
	width: 100%;
	position: fixed;
	z-index: 999;
}

.header > .header-image
{
	width: auto;
	float: left;
	margin: 0 1%;
}

.header > .header-text
{
	color: var(--White);
	font-weight: bold;
}

.header p
{
	margin-top: 0;
	line-height: var(--HeaderHeight);
	font-size: 2rem;
}

.home-footer
{
	background-color: var(--Brand1);
	padding: 2% 5%;
}

.footer-sub
{
	color: var(--White);
	font-size: 14pt;
	margin-top: 14px;
}

.resource
{
	margin: 15px 0;
}

/* footer */

.footer
{
	bottom: 0;
	position: absolute;
	background-color: var(--White);
	color: #1b2f54;
	padding: 0 1rem;
	width: 100%;
	text-align: center;
	font-size: 0.5rem;
	line-height: 0.75rem;
	border-top: 2px solid var(--VeevaOrange);
}

.footer p
{
	animation: 1.5s ease-out 0s fade-in;
	margin: 0.3rem 0;
}

.footer a
{
	text-decoration: none;
}

/* Two-tile design */

.two-tiles-right
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

.two-tiles-right::before
{
	content: ' ';
	display: table;
}

.two-tiles-right::after
{
	content: ' ';
	display: table;
	clear: both;
}

.two-tiles-right > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: none;
	padding: 0;
	height: auto;
}

.two-tiles-right > div:nth-child(1)
{
	width: 70%;
	margin-left: 0%;
}

.two-tiles-right > div:nth-child(2)
{
	width: 28%;
	margin-left: 2%;
}

.two-tiles-left
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

.two-tiles-left::before
{
	content: ' ';
	display: table;
}

.two-tiles-left::after
{
	content: ' ';
	display: table;
	clear: both;
}

.two-tiles-left > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.two-tiles-left > div:nth-child(1)
{
	width: 28%;
	margin-left: 0%;
}

.two-tiles-left > div:nth-child(2)
{
	width: 70%;
	margin-left: 2%;
}

.two-tiles-left p,
div.two-tiles-right p
{
	line-height: 1.5;
}

.two-tiles-left img,
div.two-tiles-right img
{
	width: auto;
	height: auto;
}

MadCap|slide
{
	padding: 50px;
}

/* Modified Two-tile design */

.two-tiles-right-mod
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

.two-tiles-right-mod::before
{
	content: ' ';
	display: table;
}

.two-tiles-right-mod::after
{
	content: ' ';
	display: table;
	clear: both;
}

.two-tiles-right-mod > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color: transparent;
	padding: 0;
	height: auto;
}

.two-tiles-right-mod > div:nth-child(1)
{
	width: 50%;
	margin-left: 0%;
}

.two-tiles-right-mod > div:nth-child(2)
{
	width: 48%;
	margin-left: 2%;
}

MadCap|slide
{
	padding: 0px;
	border: none;
}

/* Backmatter */

.GlossaryPageDefinition
{
	font-size: 10pt;
}

.GlossaryPageHeading
{
	font-size: 21pt;
	font-weight: normal;
	margin-bottom: 15px;
	margin-top: 15px;
	border-bottom-color: var(--Gray);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-align: left;
	color: inherit;
	padding-left: 10px;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-right: 10px;
	background-repeat: no-repeat;
}

.GlossaryPageTerm
{
	font-size: 12pt;
	font-weight: bold;
	padding-bottom: 10px;
	padding-top: 10px;
}

MadCap|glossaryProxy
{
	border-top: none;
}

MadCap|indexProxy
{
	border-top: none;
}

.Index1
{
	font-size: 10pt;
	font-weight: bold;
}

.Index2
{
	font-size: 10pt;
	font-weight: normal;
}

.IndexHeading
{
	font-size: 21pt;
	font-weight: normal;
	margin-bottom: 15px;
	margin-top: 15px;
	border-bottom-color: var(--Gray);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-align: left;
	color: inherit;
	padding-left: 10px;
	padding-bottom: 20px;
	padding-top: 12px;
	padding-right: 10px;
	background-repeat: no-repeat;
}

/* feedback button */

#feedbackButton
{
	padding: 0.5rem 1rem;
	border-radius: 10px 10px 0 0;
	font-size: 1rem;
	background-color: #f7911e;
	position: absolute;
	right: 5%;
	bottom: 4vh;
	color: white;
	text-decoration: none;
}

#feedbackButton:hover
{
	background-color: #004c93;
	color: white;
	text-decoration: none;
}

/* feedback modal */

.modal
{
	display: none;
	z-index: 1;
	overflow: auto;
	background-color: rgba(51, 51, 51, 0.5);
	animation: 0.5s ease-out 0s fade-in;
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 0;
}

.content
{
	width: 500px;
	position: fixed;
	top: 50%;
	left: 50%;
	background-color: #fbfbfb;
	border-radius: 1rem;
	padding: 2rem;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	animation: 0.5s ease-out 0s fade-in;
}

.content *
{
	font-size: 1rem;
	width: 100%;
}

#thanks
{
	display: none;
}

.modal-title
{
	padding-bottom: 1rem;
}

.close
{
	font-size: 1.5rem;
}

/* email address */

#email
{
	padding-top: 10px;
}

#address
{
	font-family: 'Lato', Arial, Avenir, Myriad;
	font-size: 1rem;
	padding: 0.5rem 5px;
	border: solid 1px #e1e1e1;
	border-radius: 3px;
}

/* end email address */
/* star ratings */

.stars
{
	/* remove inline-block whitespace */
	font-size: 0;
	/* flip the order so we can use the + and ~ combinators */
	unicode-bidi: bidi-override;
	direction: rtl;
	/* the hidden clearer */
}

.stars *
{
	font-size: 2rem;
	color: #fdb913;
}

.stars > input
{
	display: none;
}

.stars > input + label
{
	/* only enough room for the star */
	display: inline-block;
	overflow: hidden;
	text-indent: 9999px;
	width: 1em;
	padding: 0.5em 0;
	white-space: nowrap;
	cursor: pointer;
}

.stars > input + label:before
{
	display: inline-block;
	text-indent: -9999px;
	content: "☆";
}

.stars > input:checked ~ label:before,
.stars > input + label:hover ~ label:before,
.stars > input + label:hover:before
{
	content: "★";
	text-shadow: 0 0 1px var(--Gray);
}

.stars:hover > input + label:before
{
	content: "☆";
	text-shadow: none;
}

.stars:hover > input + label:hover ~ label:before,
.stars:hover > input + label:hover:before
{
	content: "★";
	text-shadow: 0 0 1px var(--Gray);
}

/* end star ratings */
/* selectable feedback */

.feedback
{
	float: left;
	display: none;
	width: 100%;
}

.feedback p
{
	margin: 0 0 0.5rem 0;
}

#bad,
#mid,
#good
{
	display: none;
}

.options input[type="checkbox"]
{
	display: none;
}

#checkBad,
#checkGood
{
	display: none;
}

.options span
{
	display: inline-block;
	padding: 0.25rem 0.3rem;
	border: 2px solid #8ebefc;
	border-radius: 0.5rem;
	color: black;
	width: fit-content;
	margin: 3px 0;
	font-size: 0.75rem;
	font-weight: 500;
	background-color: #ffffff;
}

.options input[type="checkbox"]:hover + span
{
	box-shadow: 0 1px 2px var(--Gray);
}

.options input[type="checkbox"]:checked + span
{
	background-color: #8ebefc;
	color: black;
}

/* end selectable feedback */
/* free text */

#additional
{
	margin: 1em 0;
	padding: 5px;
	font-size: 1rem;
	font-family: 'Lato', Arial, Avenir, Myriad;
	width: 100%;
	border-color: #e1e1e1;
	border-radius: 3px;
}

/* end free text */

#submit
{
	display: block;
	width: 100%;
	padding: 0.5rem;
	background-color: orange;
	color: white;
	border: none;
	border-radius: 5px;
	font-weight: bold;
	font-size: 1rem;
}

#submit:hover
{
	box-shadow: 0 3px 3px var(--Gray);
}

/* end feedback modal */
/* home page */


.off-canvas-wrapper-inner .main-section .outer-row
{
	padding: 0;
}

.sidenav-wrapper
{
	display: none;
}

.home-page
{
	width: 100%;
	margin: 0;
	min-height: calc(100vh - 100px);
}

/* home hero image and text */

.hero-container
{
	display: flex;
	flex-direction: column;
	flex-wrap: nowrap;
	align-content: center;
	justify-content: center;
	align-items: center;
	height: auto;
	width: 100%;
}

.home-hero
{
	text-align: center;
	background-image: url('../Images/VeevaImages/home_hero_background.png');
	background-size: cover;
	height: 15rem;
	padding: 2.3rem;
	color: var(--White);
	animation: 1s ease-out 0s fade-in;
	font-weight: bold;
	flex-basis: 100%;
	width: 100%;
}

.home-hero > h1
{
	color: var(--White);
	animation: 1s ease-out 0s fade-rise;
	font-size: 3rem;
	line-height: 3rem;
	margin: 0;
}

.home-hero > p
{
	max-width: 50%;
	margin: 1rem 0 1rem 25%;
	animation: 1s ease-out 0s fade-rise;
	font-size: 0.9rem;
}

/* grid */

.grid-container
{
	max-width: 75%;
	margin-left: 12.5%;
	display: grid;
	grid-template-columns: 33.3% 33.3% 33.3%;
	column-gap: 3%;
	row-gap: 3rem;
	margin-top: 2rem;
	height: max-content;
	padding-bottom: 8%;
	justify-content: center;
}

.grid-column
{
	display: grid;
	grid-template-columns: 100%;
	row-gap: 3rem;
	justify-content: center;
	height: max-content;
}

@media only screen and (orientation: portrait) and (max-width: 200em)
{
	.hero
	{
		padding: 1.5rem 0;
	}
	.grid-container
	{
		row-gap: 2rem;
		column-gap: 5%;
		grid-template-columns: 50% 50%;
		padding-bottom: 25%;
	}

	.grid-column
	{
		row-gap: 2rem;
	}
}

@media only screen and (orientation: portrait) and (max-width: 50em)
{
	.grid-container
	{
		grid-template-columns: 100%;
	}
}

.grid-item
{
	background-color: var(--White);
	border-radius: 0.5rem;
	padding: 1% 2%;
	filter: var(--DropShadow);
	height: max-content;
	max-height: initial;
	animation: 1s ease-out 0s fade-rise;
}

.grid-item > p
{
	font-size: 1.3rem;
}

.icon
{
	height: 2rem;
	width: 2rem;
	vertical-align: middle;
	margin-right: 0.5rem;
	border-radius: 1rem;
}

#acct
{
	border-top: 0.5em solid var(--Account);
}

#analytics
{
	border-top: 0.5em solid var(--Analytics);
}

#ae
{
	border-top: 0.5em solid var(--AE);
}

#note
{
	border-top: 0.5em solid var(--ApprovedNotes);
}

#clm
{
	border-top: 0.5em solid var(--CLM);
}

#cycles
{
	border-top: 0.5em solid var(--Cycles);
}

#engage
{
	border-top: 0.5em solid var(--Engage);
}

#medical
{
	border-top: 0.5em solid var(--Medical);
}

#myinsights
{
	border-top: 0.5em solid var(--MyInsights);
}

#mysched
{
	border-top: 0.5em solid var(--MySchedule);
}

#opp
{
	border-top: 0.5em solid var(--OpportunityManagement);
}

#prod
{
	border-top: 0.5em solid var(--Product);
}

#samples
{
	border-top: 0.5em solid var(--Samples);
}

#sc
{
	border-top: 0.5em solid var(--ServiceCenter);
}

#sm
{
	border-top: 0.5em solid var(--StandardMetrics);
}

#surveys
{
	border-top: 0.5em solid var(--Surveys);
}

#sync
{
	border-top: 0.5em solid var(--Sync);
}

#vault
{
	border-top: 0.5em solid var(--Vault);
}

/* custom progress bar */

#progressBar
{
	position: absolute;
	bottom: calc(10vh);
	left: calc(50% - 72px);
	text-align: center;
	animation: 1.5s ease-out 0s fade-in;
}

#autoProgressBar
{
	position: absolute;
	bottom: calc(10vh);
	left: calc(50% - 72px);
	text-align: center;
	animation: 1.5s ease-out 0s fade-in;
	display: none;
}

.progressVisited
{
	display: inline-block;
	height: 8px;
	width: 1px;
	background-color: #004c93;
}

.progressUnvisited
{
	display: inline-block;
	height: 8px;
	width: 1px;
	background-color: #ccc;
}

img.slideshow
{
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	border-left-style: none;
	border-right-style: none;
	border-top-style: none;
	border-bottom-style: none;
	height: 650px;
	border: 1px solid var(--Gray);
}

MadCap|dropDownHead.solution
{
	font-size: 1.1em;
	font-weight: bold;
	font-style: normal;
	font-family: 'Lato';
}

MadCap|dropDownHotspot.solutionhead
{
	cursor: hand;
	text-decoration: none;
	border-bottom: none;
	font-size: 1.1em;
	font-weight: bold;
	color: #434343;
}

p.solutionbody
{
	widows: 3;
	orphans: 3;
	letter-spacing: 0.25px;
	margin: 1rem 0;
	font-size: 12pt;
}

/*div.MCSlide.slideshow {
     height: 750px;
}< */

MadCap|dropDown.solution
{
	border-bottom: 2px solid #bbbbbc;
	border-top: none 0px transparent;
}

iframe.ArcadeEmbed
{
	
}