/*<meta />*/

/*<meta sourceDocument="C:\Users\rslogar\Documents\learning-Content-files\backups\may7-2025\Conviva-Master-may-7-2025\markdownJuly-2025\Migrating_Sessions_V2_APIs_to_V3_APIs_imported.md" />*/

@import url('https://fonts.googleapis.com/css2?family=Roboto_display=swap');

@font-face 
{
	font-family: 'Roboto';
	src: url(../fonts/roboto-regular.ttf);
}

@namespace MadCap url(http://www.madcapsoftware.com/Schemas/MadCap.xsd);

div.MCBreadcrumbsBox_0
{
	border-bottom: none;
	color: #767372;
	font-size: 14px;
	margin-left: 0px;
	margin-bottom: -10px;
	margin-top: -18px;
	/* border-bottom-width: 1px; */
	/* border-bottom-style: none; */
	/* border-bottom-color: black; */
	/* padding-bottom: 10px;*/
}

/*paragraphs*/

p
{
	margin: 10px 0;
	font-size: 16px;
}

.content_text
{
	
}

.image_title
{
	font-size: 12px;
}

p.p-first-in-topic
{
	margin: 0;
	height: 0;
}

p.sensor-intro-table
{
	background-color: #FAF1DE;
}

p.sensor-example-space
{
	line-height: .02px;
}

/*html-classes*/

html.EI
{
	mc-hidden: hidden;
}

/*body*/

body
{
	font-weight: normal;
	font-size: 16px;
	color: #000000;
	font-style: normal;
	font-family: 'Roboto';
}

._Skins_HTML5SideNav .body-container
{
	border-top: solid 10px #e9edf0;
	padding: 40px 40px 0 40px;
	/*border-right: solid 10px #e9edf0;*/
	border-left: solid 0px #e9edf0;
}

._Skins_HTML5SideNavPublic .body-container
{
	border-top: solid 10px #e9edf0;
	padding: 40px 40px 0 40px;
	/*border-right: solid 10px #e9edf0;*/
	border-left: solid 0px #e9edf0;
}

#topicPages
{
	margin-top: 0px;
}

/*masthead*/

#mastheadLinks
{
	list-style-type: none;
	float: right;
	padding-top: 9px;
	padding-right: 340px;
}

body > div > div > div > div.title-bar-container.sticky-container
{
	min-height: 55px !important;
	padding: 0 !important;
}

nav
{
	min-height: 55px;
	padding: 0 !important;
}

nav.title-bar
{
	padding: 0;
}

#mastheadLinks li
{
	float: right;
	margin-left: 30px;
	margin-top: -12px;
}

.title-bar .menu-icon span
{
	margin-left: 15px;
}

.title-bar-layout a.logo
{
	width: 350px;
	height: 71px;
	margin-top: -15px;
	margin-left: -55px;
	transform: scale(0.5);
	background: transparent url('images/conviva_logo-03-12-2021.png') no-repeat center center;
	-pie-background: transparent url('skins/fluid/stylesheets/images/conviva_logo-03-12-2021.png') no-repeat center center;
}

.title-bar
{
	/*border-bottom: 9px #edf0f3; */
}

/* side-nav */

._Skins_HTML5SideNav .sidenav-container
{
	min-height: calc(100vh - 55px);
	padding-top: 40px;
}

.sidenav-wrapper
{
	border-top: solid 10px #e9edf0;
	border-left: solid 10px #e9edf0;
	border-right: solid 10px #e9edf0;
}

/*main-landing*/

.main_table
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: flex-start;
}

.main_table_column
{
	padding: 10px 10px 10px 0;
	max-width: 300px;
	margin-right: 0;
}

.main_table_column_header
{
	background: #ebebeb;
	border-radius: 6px;
	padding: 10px;
	font-family: roboto;
}

.main_arrow
{
	border: 0px !important;
	width: 10px;
	height: 30px;
	transform: rotate(90deg);
	margin: 20px 17px 0 12px;
}

#headerBlock
{
	color: #767372;
	/*background: linear-gradient(5deg, #767372, transparent); */
	/*	background-image: url(../images/assets/main-background.png);
	background-repeat: no-repeat; */
	padding: 10px 3px;
	margin-bottom: 5px;
	border-top: 9px #edf0f3;
}

#headerBlock p:nth-child(1)
{
	font-family: roboto;
	font-weight: 400;
	font-style: normal;
	font-size: 18px;
	/*margin-bottom: 6px #edf0f3;*/
	/*margin-top: 10px;*/
	/*border-top: 9px #edf0f3;*/
}

#headerBlock p:nth-child(2)
{
	margin-bottom: 18px;
	/*	margin-top: 41px;*/
	/*border-top: 9px #edf0f3;*/
}

.mainBodyHeading
{
	font-family: roboto;
	font-weight: 600;
	font-style: normal;
	font-size: 24px;
	margin-bottom: 11px;
	color: #000000;
	/*margin-top: 30px; */
}

.rightMenuHeadingFirst
{
	font-family: roboto;
	font-weight: 600;
	font-style: normal;
	font-size: 20px;
	margin-bottom: 11px;
	color: #000000;
	margin-top: -20px;
}

.rightMenuHeading
{
	font-family: roboto;
	font-weight: 600;
	font-style: normal;
	font-size: 20px;
	margin-bottom: 11px;
	color: #000000;
	margin-top: 11px;
}

div.defaultPageFrame
{
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	margin: auto;
	flex-grow: 0;
}

div.defaultPageFrame::before
{
	content: ' ';
	display: table;
}

div.defaultPageFrame::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.defaultPageFrame > div
{
	
}

div.defaultPageFrame > div:nth-child(1)
{
	/*width: 75%;*/
	/*margin-left: 20px;*/
	/*border-right: 3px solid #edf0f3;*/
	/*	border-left: 6px solid #edf0f3; */
	flex-grow: 1;
	max-width: calc(100% - 180px);
}

div.defaultPageFrame > div:nth-child(2)
{
	width: 318px;
	margin: 20px 0;
	/* margin-top: -8px; */
	padding: 0 20px;
	height: 86%;
	border-left: 5px solid #E9EDF0;
	min-width: 300px;
	min-height: 80vh;
	position: fixed;
	right: 60px;
}

/* old nth-2: 
{
	width: 80%;
	margin: 20px 0; */

/* margin-top: -8px; */

/*	padding: 0 20px;
	height: 86%;
	border-left: 5px solid #E9EDF0;
	min-width: 300px;
	min-height: 80vh;
	position: fixed;
	right: 60px;
}*/

div.defaultPageFrame > div:nth-child(2) > div > ul > li > a
{
	/* color: #0046fa; */
}

#mainLanding > div > div:nth-child(2) > div > div > ul > li > a
{
	color: #0046fa;
}

#mainLanding > div > div:nth-child(2) > ul > li > p > a
{
	color: #0046fa;
}

.MCBreadcrumbsPrefix > a
{
	color: #000000;
}

._Skins_HTML5SideNav ul.sidenav li a
{
	font-family: roboto;
	/*margin-right: -5px; */
}

._Skins_HTML5SideNav ul.sidenav ul ul > li > a
{
	margin-left: 40px;
	padding-right: 18px;
}

._Skins_HTML5SideNav ul.sidenav ul ul ul > li > a
{
	margin-left: 30px;
}

/*3rd level indent */

._Skins_HTML5SideNav ul.sidenav ul ul ul > li > a
{
	margin-left: 55px;
}

._Skins_HTML5SideNav ul.sidenav ul ul ul ul > li > a
{
	margin-left: 5em;
}

topicBodyProxy a
{
	color: #0046fa;
}

MadCap|relationshipsProxy
{
	border-top-style: solid;
	padding-left: 0;
}

MadCap|relationshipsHeading
{
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 20px;
	color: 767372;
}

MadCap|relationshipsHeading.concept
{
	font-size: 20px;
	font-weight: 600;
	display: block;
	mc-label: 'Related Dashboards';
}

MadCap|relationshipsHeading.reference
{
	font-size: 20px;
	font-weight: 600;
	mc-label: 'ref new label';
}

MadCap|relationshipsHeading.task
{
	font-size: 20px;
	font-weight: 600;
	color: 767372;
	mc-label: 'Related Topics';
}

/*:root
{
	--max-width: 95%;
}*/

div.defaultTileRow
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.defaultTileRow::before
{
	content: ' ';
	display: table;
}

div.defaultTileRow::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.defaultTileRow > div
{
	float: left;
	-moz-box-sizing: border-box;
	/* box-sizing: border-box; */
	color: #000000;
	/* text-decoration: none; */
	/* height: 170px; */
	/* margin: 0 20px 20px 0; */
	/* border: 1px solid #dfdfdf; */
	width: 170px;
	border-radius: 6px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

div.defaultTileRow > div:hover
{
	color: #000;
	text-decoration: none;
	cursor: pointer;
	background: #e9f3fd;
}

div.defaultTileRow > div p:nth-of-type(2)
{
	font-size: 16px;
	color: #4a4a4a;
}

div.defaultTileRow > a > div
{
	padding: 10px;
	float: left;
	-moz-box-sizing: border-box;
	/* box-sizing: border-box; */
	color: #000000;
	/* text-decoration: none; */
	/* height: 170px; */
	margin: 0 20px 20px 0;
	border: 1px solid #dfdfdf;
	width: 300px;
	border-radius: 6px;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

div.defaultTileRow > a > div:hover
{
	color: #000;
	text-decoration: none;
	cursor: pointer;
	background: #e9f3fd;
}

div.defaultTileRow > a > div p:nth-of-type(2)
{
	font-size: 16px;
	color: #4a4a4a;
}

/* First tiles */

.mainPageTileFirst
{
	position: relative;
	padding: 3px;
}

.mainPageHoverFirst:hover .tileParagraphsTextFirst
{
	background: #ffffff;
}

a.responsive-link:hover
{
	color: #e9edf0;
}

a.responsive-link:hover
{
	color: #e9edf0;
}

.tileImageFirst
{
	background-repeat: no-repeat;
	background-image: url('../images/main_sprite.png');
	background-position-x: 0;
	width: 85px;
	height: 75px;
	background-size: 85px;
	float: left;
	margin-left: 20px;
}

div.defaultTileRowFirst
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.defaultTileRowFirst::before
{
	content: ' ';
	display: table;
}

div.defaultTileRowFirst::after
{
	content: ' ';
	display: table;
	clear: both;
}

/* First Tile Row  */

div.defaultTileRowFirst > div
{
	float: left;
	-moz-box-sizing: border-box;
	/* box-sizing: border-box; */
	color: #7bb235;
	/* text-decoration: none; */
	/* height: 170px; */
	/* margin: 0 20px 20px 0; */
	/* border: 1px solid #dfdfdf; */
	width: 170px;
	border-radius: 6px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

div.defaultTileRowFirst > div:hover
{
	color: #000;
	text-decoration: none;
	cursor: pointer;
	background: #e9f3fd;
}

div.defaultTileRowFirst > div p:nth-of-type(2)
{
	font-size: 16px;
	color: #4a4a4a;
}

div.defaultTileRowFirst > a > div
{
	padding: 10px;
	float: left;
	-moz-box-sizing: border-box;
	/* box-sizing: border-box; */
	color: #7bb235;
	/* text-decoration: none; */
	/* height: 170px; */
	margin: 0 20px 20px 0;
	/* border: 10px solid #dfdfdf; */
	border: 3px solid #7bb235;
	width: 290px;
	border-radius: 6px;
	display: flex;
	flex-direction: row;
	justify-content: left;
	align-items: left;
	margin-left: 15px;
}

div.defaultTileRowFirst > a > div:hover
{
	color: #000;
	text-decoration: none;
	cursor: pointer;
	background: #e9f3fd;
}

div.defaultTileRowFirst > a > div p:nth-of-type(2)
{
	font-size: 14px;
	color: #4a4a4a;
}

.tileParagraphsFirst
{
	/* margin-top: 1px; */
	opacity: 1;
	/* display: block; */
	/* width: 100%; */
	/* height: 88px; */
	/* backface-visibility: hidden; */
	margin-left: 23px;
	/* margin-right: 0px; */
	margin-top: -20px;
	align: center;
	display: flex;
	flex-direction: column;
	justify-content: left;
	align-items: baseline;
	text-align: left;
	text-indent: 2px;
}

.tileParagraphsTextFirst
{
	margin-top: 1px;
	opacity: 1;
	display: block;
	width: 100%;
	backface-visibility: hidden;
	margin-left: 3px;
	font-size: 10px;
}

.tileHoverFirst
{
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	width: 100%;
	font-size: 16px;
}

/* First tiles */

ul ol
{
	list-style-type: lower-alpha;
}

MadCap|relationshipsItem
{
	font-family: roboto;
	color: #1b1b1b;
	font-size: 18px;
	font-weight: bold;
	background-color: #f5f5f5;
}

.xref
{
	text-decoration: none;
}

h2
{
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px;
	margin-top: 50px;
	color: #1b1b1b;
	font-family: Roboto;
}

h3
{
	font-size: 18px;
	font-weight: 600;
	margin: 30px 0 10px 0;
	mc-heading-level: 0;
	color: #1b1b1b;
	font-family: Roboto;
}

h4
{
	font-size: 14px;
	margin: 0;
	font-weight: 600;
	color: #1b1b1b;
	font-family: Roboto;
}

h5
{
	font-size: 12px;
	margin: 0;
	font-weight: 600;
	color: #1b1b1b;
	font-family: Roboto;
}

MadCap|xref
{
	color: #4a4a4a;
	mc-format: '{paratext}';
}

MadCap|keywordLink
{
	color: #4a4a4a;
}

a:link
{
	color: #0046fa;
	font-size: 16px;
	font-weight: 400;
}

h2.sensor a:link
{
	color: #0046fa;
	font-family: roboto;
}

a:visited
{
	color: #0046fa;
	font-family: roboto;
}

a:focus
{
	color: #0046fa;
	font-weight: 700;
	font-family: roboto;
}

a:hover
{
	color: #0046fa;
	font-weight: 700;
	font-family: roboto;
}

a:active
{
	color: #0046fa;
	font-weight: 700;
	font-family: roboto;
}

code
{
	/* display: inherit; */
	/* background-color: transparent;  */
	color: #191919;
}

span.SearchHighlight1
{
	
}

span.SearchHighlight
{
	background-color: #edf4df;
}

MadCap|searchBarProxy
{
	
}

MadCap|pageHeader
{
	
}

head
{
	
}

header
{
	background: #e9edf0;
	background-color: #e6f7ff;
}

_generic_#headerBlock
{
	/*background-color: #ffffff; */
}

div#footerBody
{
	background-color: #54585A;
}

_generic_
{
	
}

a
{
	color: #4a4a4a;
}

MadCap|xref:hover
{
	color: #1b1b1b;
}

.mainPageHover:hover .tileParagraphsText
{
	background: #ffffff;
}

ul.menu._Skins_TopicSideMenu.mc-component a
{
	color: #4a4a4a;
	font-family: roboto;
}

MadCap|dropDownHotspot
{
	color: #1b1b1b;
	font-weight: bold;
	font-size: 20pt;
	font: inherit;
	mc-image: url('../images/api_developer_center/chevronicon.svg');
	mc-open-image: url('../images/api_developer_center/expandchevron.svg');
}

MadCap|conceptsProxy
{
	background: #edf0f3;
	border-top-color: #edf0f3;
	font-color: #1b1b1b;
}

nav.title-bar
{
	background: inherit;
}

MadCap|conceptLink
{
	color: #1b1b1b;
	mc-image-spacing: 2px;
	font-size: 12pt;
}

MadCap|codeSnippetBody
{
	/*line-height: 1.33em; */
	/* background-color: #f5f5f5; */
	font-color: #73a5c6;
	padding: 2em .5em .5em .5em !important;
	line-height: 1.5em;
	font-size: 10pt;
}

.codeSnippet
{
	padding: 0em;
	border: none;
	/* background-color: #ffffff; */
	background-color: #f5f5f5;
}

MadCap|popupBody
{
	background-color: #ffffff;
	color: #1b1b1b;
	font-family: 'roboto';
	font-size: 13px;
}

MadCap|equation
{
	font-size: 14.5px;
	font-family: Arial;
	border: solid 1px #000000;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

img._MCEquation_0
{
	font-size: 12px;
	font-family: Arial;
	border: solid 1px #000000;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	padding-left: 10px;
}

MadCap|expandingHead
{
	mc-open-image: url('../images/api_developer_center/expandchevron.svg');
	mc-image: url('../images/api_developer_center/chevronicon.svg');
}

MadCap|dropDown
{
	mc-open-image: url('../images/api_developer_center/expandchevron.svg');
	mc-closed-image: url('../images/api_developer_center/chevronicon.svg');
}

@media only screen and (max-width: 767px)
{
	div.defaultTileRow > a > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.defaultTileRow > a > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.defaultTileRow > a > div:nth-child(3)
	{
		width: 100%;
		margin-left: 0%;
	}

	.Do_Not_Show_Responsive
	{
		display: none;
	}
}

.mainPageTile
{
	position: relative;
	padding: 3px;
}

.tileParagraphs
{
	/* margin-top: 10px; */
	opacity: 1;
	/* display: block; */
	/* width: 100%; */
	/* height: 88px; */
	/* backface-visibility: hidden; */
	/* margin-left: 95px; */
	/* margin-right: 0px; */
	/* margin-top: 10px; */
	align: center;
	display: flex;
	flex-direction: column;
	justify-content: left;
	align-items: baseline;
	text-align: left;
}

.tileParagraphsECO
{
	/* margin-top: 10px; */
	opacity: 1;
	/* display: block; */
	/* width: 100%; */
	/* height: 88px; */
	/* backface-visibility: hidden; */
	/* margin-left: 95px; */
	/* margin-right: 0px; */
	/* margin-top: 10px; */
	align: center;
	display: flex;
	flex-direction: column;
	justify-content: left;
	align-items: baseline;
	text-align: left;
	font-size: 14px;
}

.tileParagraphsText
{
	margin-top: 10px;
	opacity: 1;
	display: block;
	width: 100%;
	backface-visibility: hidden;
	margin-left: 90px;
	font-size: 10px;
}

.tileHover
{
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
	width: 100%;
	font-size: 16px;
}

.mainPageHover:hover .tileParagraphs,
.tileParagraphsText .mainPageHover:hover .tileImage,
.mainPageHover:hover
{
	opacity: 1;
}

.mainPageHover:hover .tileHover
{
	opacity: 0;
}

.mainPageHover:hover .tileParagraphsText
{
	opacity: 0;
}

div.defaultPageFrameLists
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}

div.defaultPageFrameLists::before
{
	content: ' ';
	display: table;
}

div.defaultPageFrameLists::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.defaultPageFrameLists > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 30px;
}

div.defaultPageFrameLists > div:nth-child(1)
{
	width: 50%;
	margin-left: 0%;
}

div.defaultPageFrameLists > div:nth-child(2)
{
	width: 50%;
	margin-left: 0%;
}

@media only screen and (max-width: 767px)
{
	div.defaultPageFrameLists > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
	}

	div.defaultPageFrameLists > div:nth-child(2)
	{
		width: 100%;
		margin-left: 0%;
	}
}

/*application-landing*/

.bodyContainer
{
	
}

#mainLanding.bodyContainer
{
	/*this applies to the main landing page*/
	margin-top: 30px;
}

#mainLanding > div > div:nth-child(2) > div:nth-child(3)
{
	margin-top: 40px;
}

#mainLanding > div > div:nth-child(2) > div:nth-child(2)
{
	margin-top: 40px;
}

#mainBody > div > div:nth-child(2) > div:nth-child(2)
{
	margin-top: 40px;
}

#topicLanding.bodyContainer
{
	margin-top: 0px;
}

.body-container > div
{
	max-width: 1600px;
	margin: auto;
}

.bodyContainer > div
{
	max-width: 1600px;
	margin: auto;
}

.bodyContainerPublic > div
{
	max-width: 1600px;
	margin: auto;
}

#topicBanner
{
	width: 100%;
	height: 0px;
	/* padding-top: 10px; */
	/* border-top: 9px solid #e9edf0;
	/*background-image: url(../images/assets/main-background2.png);
	background-repeat: no-repeat; */
}

MadCap|breadcrumbsProxy
{
	border-bottom: none;
	color: #767372;
	mc-breadcrumbs-prefix: ' ';
	font-size: 0.8rem;
	margin-left: 59px;
	margin-bottom: 35px;
	margin-top: -18px;
}

MadCap|breadcrumbsProxy #topicLanding
{
	margin-top: -100px;
}

MadCap|breadcrumbsProxy a
{
	color: #edf0f3;
}

#topicSearchBar .search
{
	/*move the topic search bar into place. Width works in conjunction with the SearchBarTopicPage skin file*/
	width: 173px;
	position: relative;
	color: #DADADA;
	margin: 0 auto;
	top: 11px;
	margin-right: 10px;
	height: 0;
	float: right;
}

p.applicationTileTitle
{
	font-weight: 300;
	text-align: center;
}

div.tileParagraphs > p > a
{
	color: #000000;
}

object
{
	width: 200px;
	height: auto;
	margin-right: 10px;
}

object:nth-last-child(1)
{
	margin-right: 0;
}

/*headings*/

h1
{
	font-size: 31px;
	font-weight: 600;
	/* background-image: url(../images/assets/icons/mainicons/page-help-green.png); */
	/* background-repeat: no-repeat; */
	/* padding-left: 41px; */
	line-height: 31px;
	color: #1b1b1b;
	/* margin-left: 17px; */
	/* margin-top: 41px; */
	margin-top: 0 !important;
}

h1.ad_insights
{
	background-image: url('../images/assets/h1-ad-exp.png');
}

h1.exp_insights
{
	background-image: url('../images/assets/h1-exp-insights.png');
}

h1.precision
{
	background-image: url('../images/assets/h1-precision.png');
}

h1.vi
{
	background-image: url('../images/assets/h1-vi-insights.png');
}

h1.ci
{
	/*needed to move h1 in topics into green banner*/
	background-image: url('../images/assets/h1-ci-insights.png');
}

h1.si
{
	background-image: url('../images/assets/h1-si-insights.png');
}

h1.support
{
	font-size: 31px;
	font-weight: 600;
	/* background-image: url(../images/assets/icons/mainicons/page-help-green.png); */
	/* background-repeat: no-repeat; */
	/* padding-left: 41px; */
	line-height: 36px;
	color: #1b1b1b;
	/* margin-left: 17px; */
	margin-top: 0 !important;
	/* margin-top: 41px; */
}

h1.search-terms
{
	visibility: hidden;
	font-size: 28px;
	mc-heading-level: 0;
	display: none;
}

h1.microContent
{
	font-size: 31px;
	font-weight: 600;
	font-family: roboto;
	/* background-image: url(../images/assets/icons/mainicons/page-help-green.png); */
	/* background-repeat: no-repeat; */
	/* padding-left: 41px; */
	line-height: 36px;
	color: #1b1b1b;
	/* margin-left: 17px; */
	/* margin-top: 41px; */
	margin-top: 0 !important;
}

h1.h1hidden
{
	display: none;
	mc-heading-level: 0;
}

h1.pdf-title
{
	mc-heading-level: 0;
}

h2.glossary
{
	font-size: 16px;
	font-weight: 600;
	/* background-image: url(../images/assets/icons/mainicons/page-help-green.png); */
	/* background-repeat: no-repeat; */
	/* padding-left: 41px; */
	line-height: 36px;
	color: #1b1b1b;
	/* margin-left: 17px; */
	/* margin-top: 41px; */
}

p.microContent
{
	color: #767372;
	font-family: roboto;
}

#topicLanding h1
{
	/*this applies to the application landing pages where the negative h1 margin isn't needed*/
	margin-top: 0;
}

/*lists*/

ol
{
	list-style-type: decimal;
	margin-left: -3px;
	padding-left: 0px;
	/*max-width: 600px;*/
}

ol ul
{
	list-style-type: disc;
	margin-left: -3px;
}

ol ol
{
	list-style-type: lower-alpha;
}

ol ol ol
{
	list-style-type: lower-roman;
}

ul
{
	list-style-type: disc;
	margin-left: 0;
	/*color: #4a4a4a; */
	color: #000000;
	padding-left: 0px;
}

ul.bullet-none
{
	list-style-type: none;
	/*color: #4a4a4a; */
	color: #000000;
}

ul.slider-list
{
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
	/*color: #4a4a4a; */
	color: #000000;
}

ul ul
{
	list-style-type: circle;
}

li
{
	margin-bottom: 10px;
	/*color: #4a4a4a; */
	color: #000000;
	margin-left: 20px;
}

li p
{
	margin-bottom: 10px;
	/*color: #4a4a4a; */
	color: #000000;
}

/*links*/

a,
ul.menu._Skins_TopicSideMenu.mc-component a
{
	color: #4a4a4a;
	text-decoration: none;
	font-family: roboto;
}

a:hover,
ul.menu._Skins_TopicSideMenu.mc-component a:hover
{
	color: #0046fa;
	/* text-decoration: underline; */
	font-weight: 600;
	font-family: roboto;
}

a.responsive-link,
ul.menu._Skins_TopicSideMenu.mc-component a.responsive-link
{
	display: none;
}

/*sprites*/
/*main page sprites*/

.tileImage
{
	background-repeat: no-repeat;
	background-image: url('../images/main_sprite.png');
	background-position-x: 0;
	width: 85px;
	height: 75px;
	background-size: 85px;
	float: left;
	margin-right: 10px;
}

.tileImageECO
{
	background-repeat: no-repeat;
	background-image: url('../images/aa_sprite.png');
	background-position-x: 0;
	width: 85px;
	height: 75px;
	background-size: 85px;
	float: top;
	margin-right: 10px;
}

hover
{
	color: #000;
	text-decoration: none;
	cursor: pointer;
	background: #e9f3fd;
}

#bg-experience_insights_sensor
{
	background-position-y: -855px;
	width: 55px;
	margin-left: -80px;
}

#bg-experience_insights_new_user
{
	background-position-y: -945px;
	width: 55px;
	margin-left: -70px;
}

#bg-experience_insights_new_user_public
{
	background-position-y: -925px;
	width: 55px;
	margin-left: -70px;
}

#bg-experience_insights
{
	background-position-y: -170px;
}

#bg-experience_insights_analysis
{
	background-position-y: -995px;
}

#bg-ad_insights
{
	background-position-y: -5px;
}

#bg-content_insights
{
	background-position-y: -255px;
}

#bg-precision
{
	background-position-y: -90px;
}

#bg-bench_mark
{
	background-position-y: -340px;
}

#bg-social_insights
{
	background-position-y: -420px;
	transform: scale(0.9);
	width: 105px;
}

#bg-viewer_insights
{
	background-position-y: -510px;
}

#bg-sensor_dev
{
	background-position-y: -595px;
	background-position-x: 12px;
	transform: scale(1.0);
	/* margin: 0; */
}

#bg-api_dev
{
	background-position-y: -679px;
	background-position-x: 9px;
}

#bg-stream_id
{
	background-position-y: -755px;
	background-position-x: 6px;
}

/*ei page sprites*/

.eiApplicationPage .tileImage
{
	background-repeat: no-repeat;
	background-image: url('../images/ei_sprite.png');
	background-position-x: 20px;
	width: 85px;
	height: 75px;
	background-size: 85px;
	/* float: left; */
	/* margin: 10px;*/
}

.eiApplicationPage #bg-metricdictionary
{
	background-position-y: -209px;
}

.eiApplicationPage #bg-dashboards
{
	background-position-y: 5px;
}

.eiApplicationPage #bg-realtime
{
	background-position-y: -140px;
}

.eiApplicationPage #bg-aiAlerts
{
	background-position-y: -67px;
}

.eiApplicationPage #bg-alerts
{
	background-position-y: -67px;
}

.eiApplicationPage #bg-diagnostics
{
	background-position-y: -405px;
}

.eiApplicationPage #bg-si-metrics
{
	background-position-y: -510px;
}

.eiApplicationPage #bg-basics
{
	background-position-y: -710px;
}

.eiApplicationPage #bg-custom-dash
{
	background-position-y: -479px;
}

.eiApplicationPage #bg-sensor
{
	background-position-y: -550px;
}

.eiApplicationPage #bg-new-user
{
	background-position-y: -630px;
}

/*SI page sprites*/

.siApplicationPage .tileImage
{
	background-repeat: no-repeat;
	background-image: url('../images/si_sprite.png');
	background-position-x: 0;
	width: 85px;
	height: 80px;
	background-size: 158px;
	float: left;
}

.siApplicationPage #bg-metricdictionary
{
	background-position-y: -255px;
}

.siApplicationPage #bg-dashboards
{
	background-position-y: 0px;
}

.siApplicationPage #bg-accountsettings
{
	background-position-y: -170px;
}

.siApplicationPage #bg-leaderboard
{
	background-position-y: -595px;
}

.siApplicationPage #bg-faqs
{
	background-position-y: -340px;
}

.siApplicationPage #bg-diagnostics
{
	background-position-y: -425px;
}

.siApplicationPage #bg-si-metrics
{
	background-position-y: -510px;
}

.siApplicationPage #bg-si-basics
{
	background-position-y: -680px;
}

.siApplicationPage #bg-vi-audience
{
	background-position-y: -765px;
}

.siApplicationPage #bg-vi-workbench
{
	background-position-y: -850px;
}

/*App Experience page sprites*/

.appExperiencePage .tileImage
{
	background-repeat: no-repeat;
	background-image: url('../images/aa_sprite.png');
	background-position-x: 0;
	width: 85px;
	height: 75px;
	background-size: 485px;
	/* float: left; */
	/* margin: 10px;*/
}

/* changed to above settings */
/* width: 85px; */
/*	height: 80px; */
/*	background-size: 758px; */

.appExperiencePage #aa-sensor
{
	background-position-y: -590px;
}

.appExperiencePage #aa-new-user
{
	background-position-y: 6px;
}

.appExperiencePage #aa-metricdictionary
{
	background-position-y: -425px;
}

.appExperiencePage #aa-usertimline
{
	background-position-y: -670px;
}

.appExperiencePage #aa-aialerts
{
	background-position-y: -80px;
}

.appExperiencePage #aa-datamodeling
{
	background-position-y: -335px;
}

.appExperiencePage #aa-eventmapping
{
	background-position-y: -180px;
}

.appExperiencePage #aa-metricbuilder
{
	background-position-y: -255px;
}

.appExperiencePage #aa-next-icon
{
	background-position-y: -510px;
}

.appExperiencePage #aa-custom-dash
{
	background-position-y: -505px;
}

.appExperiencePageECO .tileImageECO
{
	background-repeat: no-repeat;
	background-image: url('../images/aa_sprite.png');
	background-position-x: 0;
	width: 85px;
	height: 81px;
	background-size: 485px;
	/* float: left; */
	/* margin: 10px;*/
}

.appExperiencePageECO #aa-ingest
{
	/* background-position-y: -2058px; */
	background-position-y: -745px;
	background-position-x: 1px;
}

.appExperiencePageECO #aa-activate
{
	background-position-y: -825px;
	background-position-x: 1px;
}

.appExperiencePageECO #aa-monitor
{
	background-position-y: -905px;
	background-position-x: 1px;
}

.appExperiencePageECO #aa-automate
{
	background-position-y: -983px;
	background-position-x: 1px;
}

.appExperiencePageECO #aa-ask
{
	background-position-y: -1064px;
	background-position-x: 1px;
}

/*Support page sprites*/

.supportCenterPage .tileImage
{
	background-repeat: no-repeat;
	background-image: url('../images/support_sprite.png');
	background-position-x: 0;
	width: 85px;
	height: 80px;
	background-size: 158px;
	float: left;
}

.supportCenterPage #bg-metricdictionary
{
	background-position-y: -255px;
}

.supportCenterPage #bg-status
{
	background-position-y: 0px;
}

.supportCenterPage #bg-ticket
{
	background-position-y: -170px;
}

.supportCenterPage #bg-leaderboard
{
	background-position-y: -595px;
}

.supportCenterPage #bg-faqs
{
	background-position-y: -340px;
}

.supportCenterPage #bg-diagnostics
{
	background-position-y: -425px;
}

.supportCenterPage #bg-si-metrics
{
	background-position-y: -510px;
}

/*footer*/

#footerBody
{
	background-color: #fdfdfd;
	/* border-top: 1px solid #edf0f3; */
	font-size: 8px;
	position: absolute;
	bottom: 0;
	width: 100vw;
	margin-top: 8px;
	margin-left: calc((100% - 100vw)/2);
}

div.footerFrame
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	width: 95%;
	padding: 20px 0;
}

div.footerFrame::before
{
	content: ' ';
	display: table;
}

div.footerFrame::after
{
	content: ' ';
	display: table;
	clear: both;
}

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

div.footerFrame > div:nth-child(1)
{
	width: 29%;
	margin-left: 2%;
	/*background-image: url('../Images/Assets/PlaceholderLogo/ConvivaLogo_FNL_RGB.png'); */
	/*background-image: url('../Images/Assets/PlaceholderLogo/ConvivaLogo_FNL_RGB.png'); */
	background-repeat: no-repeat;
	background-size: 180px;
	background-position: left center;
	border-right: 1px solid #edf0f3;
}

div.footerFrame > div:nth-child(1) P
{
	padding-left: 200px;
}

div.footerFrame > div:nth-child(2)
{
	width: 33%;
	margin-left: 4%;
	border-right: 1px solid #edf0f3;
	margin-right: 4%;
	padding-right: 2%;
}

div.footerFrame > div:nth-child(3)
{
	width: 25%;
	margin-left: 2%;
}

#accessPolicy
{
	display: block;
}

/*@media mobile*/

@media only screen and (max-width: 1300px)
{
	div.defaultPageFrame > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
		max-width: 100%;
	}
}

@media only screen and (max-width: 1360px)
{
	#accessPolicy
	{
		display: block;
	}

	div.footerFrame > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
		text-align: center;
		background-position: top center;
		padding-top: 70px;
		border-bottom: 1px solid #edf0f3;
		border-right: none;
		padding-bottom: 30px;
	}

	div.footerFrame > div:nth-child(1) p
	{
		/*padding-left: 0;*/
		display: none;
	}

	div.footerFrame > div:nth-child(2)
	{
		/*width: 100%;
		margin-left: 0%;
		text-align: center;
		border-bottom: 1px solid #edf0f3;
		border-right: none;
		padding: 30px 0px;*/
		display: none;
	}

	div.footerFrame > div:nth-child(3)
	{
		/*width: 100%;
		margin-left: 0%;
		text-align: center;*/
		display: none;
	}

	#footerLinks
	{
		list-style-type: square;
		margin-left: 0;
		padding-left: 0;
		max-width: 400px;
		margin: 0 auto;
	}
}

#footerLinks
{
	columns: 3;
	list-style-type: none;
}

.fa-stack,
.fa-2x
{
	font-size: 16px !important;
	color: #767372;
}

form
{
	margin-bottom: 20px;
}

input.email
{
	padding: 5px;
	width: 220px;
}

input.submit
{
	color: #fff;
	background-color: #686868;
	border: none;
	text-transform: uppercase;
	font-size: 10px;
	height: 28px;
	margin-left: -4px;
}

#footerBodyResponsive
{
	display: none;
}

nav.title-bar .menu-icon
{
	top: 25px;
}

/*mobile*/

@media only screen and (max-width: 767px)
{
	/*apply this class to all elements that should be hidden in responsive view*/

	.nr
	{
		display: none;
	}

	body
	{
		line-height: 1.4rem;
		font-size: 0.8rem;
	}

	nav.title-bar,
	div#topicBanner,
	div.breadcrumbs,
	div#topicSearchBar,
	div#topicMenuProxy,
	div#footerBody table
	{
		display: none;
	}

	h1
	{
		color: #000;
		margin-top: 0;
		background-color: transparent;
		margin-bottom: 10px;
		background-image: none;
		padding-left: 0;
		font-size: 31px;
	}

	div#topicBodyProxy
	{
		/*counteracts the 130px top margin that the h1 gets in desktop view*/
		margin-top: 100px;
		border-right: none;
	}

	#topicPages
	{
		margin-top: 0;
	}

	.bodyContainer
	{
		max-width: 90%;
	}

	a.responsive-link
	{
		display: block;
		background-image: url('../images/assets/icons/mainicons/open-new-page.png');
		background-repeat: no-repeat;
		color: transparent;
		line-height: 30px;
		margin-top: 15px;
		margin-right: 15px;
		float: right;
		width: 30px;
	}

	a.responsive-link:hover
	{
		cursor: pointer;
	}

	div.defaultPageFrame > div:nth-child(1)
	{
		width: 100%;
		margin-left: 0%;
		max-width: 100%;
	}

	div.defaultPageFrame > div:nth-child(2)
	{
		display: none;
		width: 100%;
		margin-left: 0%;
	}

	#footerBodyResponsive
	{
		display: block;
		margin: 0;
	}

	#footerBody
	{
		display: none;
	}

	#footerBodyResponsive
	{
		background-color: #f5f5f5;
		padding: 10px;
	}

	#footerBodyResponsiveHeading
	{
		color: #939393;
	}

	#footerBodyResponsiveList
	{
		list-style-type: none;
		text-align: center;
		margin-left: 0;
		background-color: #767372;
		color: #93c90e;
	}

	.footerBodyResponsiveListItem
	{
		display: inline-block;
		margin-right: 8px;
		background-color: #767372;
	}

	.footerBodyResponsiveListItem:nth-last-child(1)
	{
		margin-right: 0;
		color: #93c90e;
	}

	.footerBodyResponsiveListItem a
	{
		color: #93c90e;
		margin-top: 0;
		margin-bottom: 0;
	}
}

@media only screen and (max-width: 1300px)
{
	/*apply this class to all elements that should be hidden in responsive view*/

	div#topicMenuProxy
	{
		display: none;
	}

	div.defaultPageFrame > div:nth-child(2)
	{
		display: none;
	}
}

img.large
{
	mc-thumbnail: popup;
	mc-thumbnail-max-height: auto;
	mc-thumbnail-max-width: 200px;
}

#results-heading
{
	border-bottom: none 2px #000000;
	margin-bottom: 70px;
	font-family: roboto;
}

.searchTopic #topicMenuProxy
{
	display: none;
}

.searchTopic #topicBodyProxy
{
	padding-right: 5px;
	height: 1.5em;
	font-family: roboto;
	font-size: 16px;
}

li img
{
	margin-bottom: 0;
}

img.medium
{
	max-width: 210 px;
}

p.note
{
	mc-auto-number-format: '{b}Note:{/b} ';
	background-image: url('../images/assets/icons/mainicons/note.png');
	background-repeat: no-repeat;
	padding-left: 50px;
	min-height: 60px;
	background-position: 10px 10px;
	background-size: 37px;
	font-style: italic;
	background-color: aliceblue;
	padding: 10px 60px;
	border-radius: 6px;
}

div.note
{
	mc-auto-number-format: '{b}Note:{/b}  ';
}

img.small
{
	max-width: 88px;
}

td ul
{
	margin-bottom: 1.12em;
}

td li
{
	margin-bottom: 8px;
}

img.medium-2
{
	min-width: 0px;
	max-width: 250px;
}

ol ol p
{
	
}

/* begin styles for tabs */

ul.tabs
{
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: relative;
}

ul.tabs:after
{
	position: absolute;
	content: "";
	width: 100%;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #ddd;
}

ul.tabs .tab-link
{
	color: #333;
	display: inline-block;
	cursor: pointer;
	padding: 10px 10px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid transparent;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	z-index: 2;
}

ul.tabs .current
{
	background: #fff;
	color: #d9232e;
	border-top: 1px solid #ddd;
	border-bottom: 0px solid transparent;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	z-index: 2;
}

ul.tabs .tab-link:hover
{
	background: #c2c2c2;
	color: #000;
	display: inline-block;
	cursor: pointer;
	border: 1px solid transparent;
}

ul.tabs .current:hover
{
	background: #c2c2c2;
	color: #d9232e;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid transparent;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	z-index: 2;
}

.tab-content
{
	display: none;
	background: #ededed;
	padding: 15px;
	background-color: transparent;
}

.tab-content.multi
{
	background: #fff;
	color: #d9232e;
	margin-left: 0px;
	margin-right: 10px;
	border-top: 1px solid #ddd;
	border-bottom: 0px solid white;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	z-index: 100;
}

.tab-content.current
{
	display: inherit;
}

code.text
{
	/* color: #dc143c; */
	color: #0046ff;
}

img.large_equation
{
	mc-thumbnail: popup;
	mc-thumbnail-max-height: auto;
	mc-thumbnail-max-width: 200px;
	width: 35%;
	height: 35%;
}

h3.IncludeInTOC
{
	mc-heading-level: 3;
}

p.IncludeInTOCPage
{
	mc-heading-level: 4;
}

h3.NewFeatureEI
{
	
}

h3.NewFeatureVI
{
	
}

MadCap|xref.AltLinkColor1
{
	color: #ffffff;
}

P.GreyBackground
{
	color: #1b1b1b;
	border-bottom: 6px #edf0f3;
}

.dark-font
{
	
}

MadCap|dropDownHead.FeatureVideos
{
	font-size: 20pt;
	color: 767372;
}

MadCap|relationshipsHeading.success-plans-qoe-kpi
{
	mc-label: 'Success Plans: QoE KPIs';
}

.search-bar._Skins_SearchBarMainPage.mc-component .search-filter
{
	height: 21px;
	margin-top: 0px;
}

.search-bar._Skins_SearchBarMainPage.mc-component .search-submit
{
	height: 21px;
	margin-top: 0px;
}

p.mainheadtext
{
	margin-bottom: 1.0em;
	margin-top: .0em;
	font-family: roboto;
	font-weight: 400;
	font-style: normal;
	line-height: 1.5rem;
	font-size: 1 rem;
}

div.mainhead
{
	width: 600px;
	font-family: roboto;
	font-weight: 400;
	font-style: normal;
	line-height: 1.7rem;
	font-size: 0.9rem;
	color: #4a4a4a;
}

h2.sensor
{
	background: transparent;
	border: none;
	border-bottom: solid 1px #93c90e;
	line-height: 28px;
	padding: 5px;
	font-size: 24px;
}

.invisible-label
{
	display: none;
}

MadCap|conceptLink.sensor-list
{
	background: -webkit-linear-gradient(top, #f5f5f5 0%, transparent 100%);
	float: initial;
}

.link-list-popup
{
	color: #1b1b1b;
	background-color: #ffffff;
	font-family: roboto;
	font-size: 15px;
	width: 200px;
}

.link-list-popup ul li
{
	color: #1b1b1b;
	background-color: transparent;
	font-size: 15px;
}

/*To Control Menu Proxy Scrolling */

.sticky
{
	position: fixed;
	top: 0px;
	width: 100%;
}

.sticky2
{
	position: fixed;
	top: 125px;
	width: 100%;
}

h2.h2-not-in-toc
{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 30px;
	color: #767372;
	mc-heading-level: 0;
	font-family: roboto;
}

h2.h2-in-whatsnew-toc
{
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 30px;
	color: #767372;
	mc-heading-level: 2;
	font-family: roboto;
}

h4.h4-not-in-toc
{
	mc-heading-level: 0;
	font-family: roboto;
}

/* new formats sensor pages */

table.table-sensor-steps
{
	width: 100%;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px;
}

.codeSnippetBody > pre > code > span
{
	/* color: #0046ff !important; */
}

.codeSnippetCopyButton
{
	color: #678fe2;
	/*	margin-bottom: -25px; */
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
	padding-right: 0.5em;
	padding-left: 0.5em;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
	border-radius: 3px;
	margin-right: 5px;
	margin-left: 5px;
	margin-top: 5px;
	font-size: 9px !important;
	font-weight: bold !important;
}

/* Vineet */

div.MCSlide
{
	height: 420px !important;
	border: none;
	background: aliceblue;
	padding: 0px 25px 0px 25px;
}

.mc-wrapper .mc-caption div
{
	color: #767372;
	font-family: roboto;
	/* display: block; */
	font-size: 1.05em;
	padding: 10px;
	background: #9acd32;
}

/* Vineet */

.mc-thumbnail a img
{
	padding: 3px;
	border: none !important;
	width: 14%;
	vertical-align: top;
	margin-block-start: -45px;
	/*background: #84c201; */
}

.mc-thumbnail
{
	margin-top: -10px;
}

.lc-slider
{
	width: 900px;
	height: 360px;
	overflow: hidden;
	margin: 30px auto;
	box-shadow: 2px 4px 10px rgba(125,125,125, 0.8);
}

.lc-slider ul
{
	list-style-type: none;
	width: 30000px;
}

.lc-description
{
	height: 360px;
	position: relative;
	width: 100%;
	vertical-align: middle;
	box-shadow: 0 0 20px 1px rgba(22,22,22, 0.5);
	background: rgba(22,22,22,0.1);
}

.lc-slider ul li
{
	position: relative;
	display: block;
	float: left;
	width: 180px;
	border-left: 1px solid rgba(145,145,145, 0.6);
	box-shadow: 0 0 20px 1px rgba(22,22,22, 0.5);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	transition: all 0.1s ease;
}

.lc-slider ul:hover li
{
	width: 40px;
}

.lc-slider ul li:hover
{
	width: 750px;
}

.lc-slider li img
{
	display: block;
}

.lc-image-holder
{
	display: inline-block;
}

.lc-text-description
{
	display: inline-block;
	width: 566px;
	vertical-align: top;
	padding: 20px;
}

.lc-title
{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 60px;
	background: rgba(132, 194, 1,0.4);
}

.lc-title a
{
	display: block;
	padding: 20px;
	color: black;
	font: 18px;
	text-decoration: none;
	overflow: hidden;
}

/* search page */

#searchPane
{
	max-width: 700px;
	margin-top: -100px;
}

/* table */

tbody tr
{
	vertical-align: baseline;
	height: 25px;
}

.js-off-canvas-exit
{
	box-shadow: none;
}

@media only screen and (max-width: 1000px)
{
	._Skins_HTML5SideNav .title-bar-layout a.logo
	{
		width: 350px;
		height: 70px;
		transform: scale(0.7);
		margin-top: -10px;
	}

	._Skins_HTML5SideNav .off-canvas-wrapper-inner nav.title-bar .outer-row
	{
		height: 65px;
		background: #fff;
		border-bottom: 10px solid #E9EDF0 !important;
	}
}

/* Vineet */

.MCDropDown_Open .MCDropDownHotSpot_.MCHotSpotImage
{
	background-size: 20px 20px;
	padding-left: 15px;
}

.MCDropDown_Closed .MCDropDownHotSpot_.MCHotSpotImage
{
	background-size: 20px 20px;
	padding-left: 15px;
}

/*.MCHelpControl-Concept .MCHelpControl-ConceptHotSpot_
{
	background-size: 20px 20px; ul > li > a
	padding-left: 15px;
} */

.mc-wrapper .mc-viewport
{
	height: 420px !important;
	margin-bottom: 0px !important;
}

.MCDropDownHead
{
	padding-bottom: 15px;
}

.h3-not-in-toc
{
	text-align: left;
}

ul.menu._Skins_SensorMenuProxyToC.mc-component ul > li > a
{
	/*	Background: none !important; */
}

._Skins_HTML5SideNav ul.sidenav li a.selected
{
	font-weight: bold;
	background: aliceblue;
	border-radius: 5px;
}

._Skins_HTML5SideNavPublic ul.sidenav li a.selected
{
	font-weight: bold;
	background: aliceblue;
	border-radius: 5px;
}

# mc-main-content
{
	width: 90vw;
}

#whats_new_style.whats_new
{
	display: block;
}

.whats_new:hover
{
	background-color: #FFFFFF;
	font-weight: normal;
}

table.table-image
{
	width: 100%;
	text-align: center;
	margin-left: 0;
	margin-right: auto;
	background-color: #f0f8ff;
	padding-left: 0px;
	padding-right: 40px;
	padding-top: 20px;
	padding-bottom: 20px;
}

@media print
{
	h2
	{
		mc-heading-level: 0;
	}

	h3.IncludeInToc
	{
		mc-heading-level: 0;
	}

	h1.search-terms
	{
		display: none;
		mc-heading-level: 0;
	}

	p.TOC1
	{
		font-size: 12pt;
	}
}

p.includeInToC
{
	margin: 10px 0;
	font-size: 16px;
}

/* Style the tab */

.tab
{
	overflow: hidden;
	border: 1px solid #ccc;
	background-color: #f1f1f1;
}

/* Style the buttons that are used to open the tab content */

.tab button
{
	background-color: inherit;
	float: left;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 14px 16px;
	transition: 0.3s;
}

/* Change background color of buttons on hover */

.tab button:hover
{
	background-color: #ddd;
}

/* Create an active/current tablink class */

.tab button.active
{
	background-color: #ccc;
}

/* Style the tab content */

.tabcontent
{
	display: none;
	padding: 6px 12px;
	border: 1px solid #ccc;
	border-top: none;
}

/* DPI Redesign */
/* DPI Help Widget */

.dpi-help-widget
{
	background-color: white;
	border: 1px solid #e5e7eb;
	border-radius: 0.5rem;
	overflow: hidden;
}

.dpi-help-header
{
	padding: 1.5rem 1.5rem 0 1.5rem;
}

.dpi-help-title
{
	font-size: 1.5rem;
	font-weight: bold;
	color: #111827;
	margin: 0;
}

.dpi-help-content
{
	padding: 0 1.5rem 1.5rem 1.5rem;
}

.dpi-help-description
{
	color: #374151;
	margin: 0;
}

/* DPI Workflow Widget */

.dpi-workflow-widget
{
	background-color: #f0fdf4;
	border: 1px solid #bbf7d0;
	border-radius: 0.5rem;
	overflow: hidden;
}

.dpi-workflow-header
{
	padding: 1.5rem 1.5rem 0 1.5rem;
}

.dpi-workflow-title
{
	font-size: 1.5rem;
	font-weight: bold;
	color: #111827;
	margin: 0;
}

.dpi-workflow-content
{
	padding: 0 1.5rem 1.5rem 1.5rem;
}

.dpi-workflow-description
{
	color: #374151;
	margin: 0 0 1.5rem 0;
}

.dpi-workflow-steps
{
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	gap: 1rem;
}

@media (max-width: 768px)
{
	.dpi-workflow-steps
	{
		grid-template-columns: 1fr;
	}
}

/* Individual Workflow Step Cards */

.workflow-step-card
{
	background-color: white;
	border: 1px solid #e5e7eb;
	border-radius: 0.5rem;
	height: 100%;
	display: flex;
}

.workflow-step-content
{
	padding: 1rem;
	text-align: center;
	display: flex;
	flex-direction: column;
	height: 100%;
}

.workflow-step-icon-container
{
	width: 4rem;
	height: 4rem;
	margin: 0 auto 0.75rem auto;
	background-color: #f9fafb;
	border-radius: 0.5rem;
	display: flex;
	align-items: center;
	justify-content: center;
}

.workflow-step-icon
{
	width: 2rem;
	height: 2rem;
	color: black;
}

.workflow-step-title
{
	font-weight: 600;
	color: #111827;
	margin: 0 0 0.5rem 0;
}

.workflow-step-description
{
	font-size: 0.875rem;
	color: #6b7280;
	margin: 0 0 0.75rem 0;
	flex-grow: 1;
}

.workflow-step-button
{
	background: transparent;
	border: 1px solid #d1d5db;
	color: #374151;
	padding: 0.5rem 1rem;
	border-radius: 0.375rem;
	font-size: 0.75rem;
	cursor: pointer;
	margin-top: auto;
}

/* *************************** */
/* redesign flex styles */

.flex-container-horizontal
{
	display: flex;
	background-color: #cbf5dd;
	justify-content: center;
	align-items: center;
	margin-left: 11px;
}

.flex-container-vertical
{
	display: flex;
	flex-direction: column;
	background-color: #d3d3d3;
	justify-content: center;
	align-items: left;
	margin-left: 11px;
}

.grid-container-horizontal
{
	display: grid;
	background-color: #cbf5dd;
	justify-content: center;
	align-items: center;
	margin-left: 11px;
}

.grid-container-vertical
{
	display: grid;
	flex-direction: column;
	background-color: #d3d3d3;
	justify-content: center;
	align-items: left;
	margin-left: 11px;
}

/* *************************** */
/* redesign nested styles */

.app_page_section
{
	background-color: white;
	/* max-width: 1300px; */
	margin: 0;
	/* padding: 24px; */
	margin-bottom: 48px;
	/* box-shadow: 0 1px 2px rgba(0,0,0,0.05); */
	/* background-color: #f0fdf4; */
	/* border: 1px solid #fefefe; */
	/* overflow: hidden; */
	border-padding: 1rem 2.5rem 1.5rem 2.5rem;
	border: 3px solid #fefefe;
	border-radius: 0.5rem;
}

.app_page_section_fix
{
	background-color: white;
	/* max-width: 1400px; */
	margin-bottom: 48px;
	/* box-shadow: 0 1px 2px rgba(0,0,0,0.05); */
	/* background-color: #f0fdf4;
 /* border: 1px solid #bbf7d0; */
	/* overflow: hidden; */
	border-padding: 1rem 2.5rem 1.5rem 2.5rem;
	border: 3px solid #bbf7d0;
	border-radius: 0.5rem;
}

h2.app_page_section_heading
{
	font-size: 25px;
	font-color: #6b7280;
	/* margin-left: 15px; */
	margin-top: 15px;
	margin-left: 15px;
}

p.app_page_section_para
{
	margin-left: 15px;
	/* max-width: 12000px; */
	margin-top: 15px;
}

/* small panels  */

.app_page_section_panel_horizontal
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-left: 11px;
}

.app_page_section_panel_vertical
{
	display: table-cell;
	/* align-items: center; */
	margin-left: 11px;
	/* height: 300px; */
	/* max-width: 1100px; */
}

.app_page_section_panel_small_icon
{
	display: flex;
	justify-content: center;
}

.app_page_section_panel_small
{
	border: 1px solid #ccc;
	border-radius: 8px;
	margin-bottom: 20px;
	padding: 15px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	max-width: 200px;
	align-items: left;
	background-color: #ffffff;
	align-content: center;
	margin-right: 10px;
	display: flex;
}

h2.app_page_section_panel_small_title
{
	font-size: 15px;
	font-color: #6b7280;
	margin-left: 0px;
	margin-top: 5px;
	text-align: center;
}

p.app_page_section_panel_small_para
{
	margin-left: 0px;
	text-align: center;
}

p.app_page_section_panel_small_learn_more_button
{
	background: transparent;
	border: 1px solid #d1d5db;
	color: #374151;
	padding: 0.5rem 1rem;
	border-radius: 0.375rem;
	font-size: 0.75rem;
	cursor: pointer;
	margin-top: auto;
	width: 121px;
	vertical-align: bottom;
	text-align: center;
}

/* medium panels  */

.app_page_section_panel_medium
{
	border: 1px solid #ccc;
	border-radius: 8px;
	margin-bottom: 20px;
	padding: 5px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	width: 311px;
	margin-left: 12px;
	align-items: left;
	background-color: #ffffff;
	/* display: flex; */
	align-content: center;
	margin-right: 10px;
	display: flex;
}

.app_page_section_panel_medium_icon
{
	display: flex;
	justify-content: center;
}

.app_page_section_panel_medium_button_div
{
	display: flex;
	justify-content: center;
}

h2.app_page_section_panel_medium_title
{
	font-size: 15px;
	font-color: #6b7280;
	margin-left: 0px;
	margin-top: 5px;
	text-align: center;
}

p.app_page_section_panel_medium_para
{
	margin-left: 5px;
	text-align: center;
}

p.app_page_section_panel_medium_learn_more_button
{
	background: transparent;
	border: 1.5px solid #d1d5db;
	color: #374151;
	padding: 0.5rem 1rem;
	border-radius: 0.375rem;
	font-size: 0.75rem;
	cursor: pointer;
	margin-top: auto;
	width: 121px;
	vertical-align: bottom;
	text-align: center;
}

/* large panels */

.app_page_section_panel_large
{
	border: 1px solid #ccc;
	border-radius: 8px;
	margin-bottom: 20px;
	padding: 15px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	max-width: 1100px;
	margin-right: 10px;
	margin-left: 10px;
	align-items: left;
	background: #ffffff;
	/* display: flex; */
}

h2.app_page_section_panel_large_title
{
	font-size: 15px;
	font-color: #6b7280;
	margin-left: 25px;
	margin-top: 15px;
}

.app_page_section_panel_large_icon
{
	margin-left: 5px;
	margin-top: 5px;
}

p.app_page_section_panel_large_learn_more_button
{
	background: transparent;
	border: 1px solid #d1d5db;
	color: #374151;
	padding: 0.5rem 1rem;
	border-radius: 0.375rem;
	font-size: 0.75rem;
	cursor: pointer;
	margin-top: auto;
}

.app_page_section_panel_large_left_icon
{
	margin-left: -16px;
	margin-top: -15px;
}

h2.app_page_section_panel_large_left_title
{
	font-size: 15px;
	font-color: #6b7280;
	margin-left: 5px;
	margin-top: 5px;
}

/* ***sprite*** */

.appPageAPI .tileImageAPISensor
{
	background-repeat: no-repeat;
	background-image: url('../images/api_sprite.png');
	background-position-x: 0;
	width: 85px;
	height: 81px;
	background-size: 485px;
	/* float: left; */
	/* margin: 10px;*/
}

.appPageAPI .tileImageAPIAPIs
{
	background-repeat: no-repeat;
	background-image: url('../images/api_sprite.png');
	background-position-x: 0;
	background-position-y: -85px;
	width: 85px;
	height: 81px;
	background-size: 485px;
	/* float: left; */
	/* margin: 10px;*/
}

.appPageAPI .tileImageAPIDataFeeds
{
	background-repeat: no-repeat;
	background-image: url('../images/api_sprite.png');
	background-position-x: 0;
	background-position-y: -163px;
	width: 85px;
	height: 81px;
	background-size: 485px;
	/* float: left; */
	/* margin: 10px;*/
}

.appPageAPI .tileImageAPIMetadata
{
	background-repeat: no-repeat;
	background-image: url('../images/api_sprite.png');
	background-position-x: 0;
	background-position-y: -249px;
	width: 85px;
	height: 81px;
	background-size: 485px;
	/* float: left; */
	/* margin: 10px;*/
}

.appPageAPI .tileImageAPIAgent
{
	background-repeat: no-repeat;
	background-image: url('../images/api_sprite.png');
	background-position-x: 0;
	background-position-y: -329px;
	width: 85px;
	height: 81px;
	background-size: 485px;
	/* float: left; */
	/* margin: 10px;*/
}

.custom-panel
{
	border: 1px solid #ccc;
	border-radius: 4px;
	margin-bottom: 20px;
}

.custom-panel-header
{
	background-color: #f5f5f5;
	padding: 10px 15px;
	border-bottom: 1px solid #ddd;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

.custom-panel-title
{
	margin-top: 0;
	margin-bottom: 0;
	font-size: 18px;
}

.custom-panel-content
{
	padding: 15px;
}

/*	.container
  display: flex; Makes the container a flex container
  flex-direction: row;
  justify-content: center; /* Aligns items horizontally in the center 
  gap: 10px; /* Adds space between items
}
*/

.item_small
{
	padding: 20px;
	border: 1px solid #ccc;
	border-radius: 8px;
	margin-bottom: 20px;
	padding: 15px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	max-width: 200px;
	margin-right: 10px;
	align-items: left;
	background-color: #ffffff;
}

.item_medium
{
	padding: 20px;
	border: 1px solid #ccc;
	border-radius: 8px;
	margin-bottom: 20px;
	padding: 15px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	width: 311px;
	margin-left: 12px;
	align-items: left;
	background-color: #ffffff;
	/* display: flex; */
	align-content: center;
	margin-right: 10px;
}

.inline-block-container
{
	display: flex;
	/* Makes the container a flex container */
	flex-wrap: wrap;
	flex-shrink: 1;
	/* grid-direction: row; */
	/* justify-content: center;  Aligns items horizontally in the center */
	gap: 51px;
	/* Adds space between items */
	/* grid-template-columns: repeat(minmax(50px)); four equal-width columns */
}

.inline-block-item_small
{
	padding: 20px;
	border: 1px solid #ccc;
	border-radius: 8px;
	margin-bottom: 20px;
	padding: 15px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	max-width: 200px;
	margin-right: 10px;
	align-items: left;
	background-color: #ffffff;
	grid-row: 1;
}

.inline-block-item_medium
{
	padding: 20px;
	border: 1px solid #ccc;
	border-radius: 8px;
	margin-bottom: 20px;
	padding: 11px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05);
	width: 195px;
	margin-left: 12px;
	align-items: left;
	background-color: #ffffff;
	/*display: flex; 
  grid-template-columns: 1fr 1fr 1fr 1fr; /* Three equal-width columns */
	align-content: center;
	margin-right: 10px;
	grid-row: 1;
}