/*<meta />*/

@import url('headers.css');

@import url('footers.css');

@import url('reltable.css');

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

@font-face 
{
	font-family: 'TT Firs Neue Light';
	src: url(../Fonts/webFonts/TTFirsNeue-Light/font.woff);
	src: url(../Fonts/webFonts/TTFirsNeue-Light/font.woff2);
}

@font-face 
{
	font-family: 'TT Firs Neue Regular';
	src: url(../Fonts/TTFirsNeue-Regular.otf);
	src: url(../Fonts/webFonts/TTFirsNeue-Regular/font.woff);
	src: url(../Fonts/webFonts/TTFirsNeue-Regular/font.woff2);
}

@font-face 
{
	font-family: 'TT Firs Neue Medium';
	src: url(../Fonts/TTFirsNeue-Medium.otf);
	src: url(../Fonts/TTFirsNeue-MediumItalic.otf);
}

@font-face 
{
	font-family: 'TT Firs Neue Bold';
	src: url(../Fonts/TTFirsNeue-Bold.otf);
}

@font-face 
{
	font-family: 'TT Firs Neue BoldItalic';
	src: url(../Fonts/TTFirsNeue-BoldItalic.otf);
}

@font-face 
{
	font-family: 'Graphik Light';
	src: url(../Fonts/Graphik-Light.otf);
	src: url(../Fonts/Graphik-Light-Web.woff);
	src: url(../Fonts/Graphik-Light-Web.woff2);
}

@font-face 
{
	font-family: 'Graphik Regular';
	src: url(../Fonts/Graphik-Regular.otf);
	src: url(../Fonts/Graphik-Regular-Web.woff);
	src: url(../Fonts/Graphik-Regular-Web.woff2);
}

@font-face 
{
	font-family: 'Graphik RegularItalic';
	src: url(../Fonts/Graphik-RegularItalic.otf);
	src: url(../Fonts/Graphik-RegularItalic-Web.eot);
	src: url(../Fonts/Graphik-RegularItalic-Web.woff);
	src: url(../Fonts/Graphik-RegularItalic-Web.woff2);
}

@font-face 
{
	font-family: 'Graphik Medium';
	src: url(../Fonts/Graphik-Medium.otf);
	src: url(../Fonts/Graphik-Medium-Web.woff);
	src: url(../Fonts/Graphik-Medium-Web.woff2);
}

@font-face 
{
	font-family: 'Graphik Bold';
	src: url(../Fonts/Graphik-Bold.otf);
	src: url(../Fonts/Graphik-Bold-Web.eot);
	src: url(../Fonts/Graphik-Bold-Web.woff);
	src: url(../Fonts/Graphik-Bold-Web.woff2);
}

@font-face 
{
	font-family: 'Graphik BoldItalic';
	src: url(../Fonts/Graphik-BoldItalic.otf);
	src: url(../Fonts/Graphik-BoldItalic-Web.eot);
	src: url(../Fonts/Graphik-BoldItalic-Web.woff);
	src: url(../Fonts/Graphik-BoldItalic-Web.woff2);
}

:root
{
	--ava-white: #FFFFFF;
	--ava-offwhite: #F5F5F5;
	--ava-surface: #6E56FF;
	--ava-lightgrey: #B5B5B5;
	--ava-grey: #706E70;
	--ava-textbasic: #333333;
	--ava-cyber: #F25951;
	--ava-video: #00C07A;
	--ava-deep: #252556;
	--alta-blue: #005EB8;
}

/* class for making the text purple and bold for white papers on home page */

.purple
{
	color: var(--alta-blue);
	font-weight: bold;
}

body
{
	font-family: 'Graphik Regular';
	/*font-weight: 300;*/
	font-size: 16px;
	color: var(--ava-textbasic);
	mc-hyphenate: never;
	background-color: #ffffff;
}

/* DIV container for topic body used on contentPages.flmsp */

.BodyStuff
{
	padding-right: 262px;
	/* 230px; */
	min-height: 80vh;
}

/* Headings */

h1,
h2,
h3,
h4,
h5
{
	font-family: 'TT Firs Neue Light';
	letter-spacing: 1px;
	mc-hyphenate: never;
}

h1
{
	/* Design Update */
	/*font-size: 1.8em; original
	font-size: 2.2em; v1*/
	font-size: 1.95em;
	margin-bottom: 20px;
}

h2
{
	/* Design Update */
	/*font-size: 1.5em;
	margin-bottom: 24px*/
	font-size: 1.4em;
	margin-top: 40px;
	margin-bottom: 20px;
}

h3
{
	font-size: 1.3em;
	margin-top: 40px;
	margin-bottom: 24px;
	color: var(--alta-blue);
}

h2.xrefd,
h3.xrefd
{
	padding-bottom: -5px;
	margin-bottom: -5px;
}

h4
{
	font-size: 1.15em;
	margin-top: 40px;
	margin-bottom: 24px;
}

h5
{
	font-size: 1.1em;
	color: var(--alta-blue);
	margin-top: 35px;
	margin-bottom: 5px;
}

/* Content */

p
{
	/* Design Update */
	font-size: 1em;
	/*line-height: 21px;*/
	line-height: 24px;
}

p.lastmod
{
	font-family: 'Graphik Regular';
	color: var(--ava-lightgrey);
	font-size: 0.7em;
	/* 0.8em*/
	/*padding-top: -14px;/*-6px*/
	padding-bottom: 9px;
	margin-top: -20px;
	/*-24px;*/
	/*6px*/
	margin-bottom: 0px;
	text-align: center;
}

p.hidden
{
	display: none;
}

p.seemore
{
	font-size: 0.8em;
	text-align: left;
	padding-top: -10px;
}

p.2top
{
	border: solid 2px purple;
	/* */
	font-size: 10px;
	margin-top: -10px;
	margin-left: -20px;
	padding-top: -10px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

p.backtotop
{
	color: var(--alta-blue);
	font-size: 0.7em;
	text-align: left;
	margin-top: -24px;
}

p.top
{
	/*border: solid 2px purple; /* */
	font-family: 'Graphik Web', Arial, sans-serif;
	font-weight: 100;
	font-size: 8px;
	margin-top: 0px;
	padding-top: -10px;
}

/* Design Changes */

p.captionTable
{
	/*border: solid 2px red; /* */
	font-family: 'Graphik Regular';
	color: var(--ava-deep);
	font-size: 0.9em;
	/*font-style: italic;*/
	mc-auto-number-class: table;
	mc-auto-number-format: 'T:Table {n+} – ';
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
	page-break-before: avoid;
}

table
{
	border: solid 1px #dcdcdc;
	/*border-radius: 8px;*/
	width: 96%;
	border-collapse: collapse;
	padding: 4px;
}

.subtable
{
	border: none;
	padding-left: 0px;
	margin-left: 0px;
}

thead
{
	background-color: #e6e6e6;
	border-bottom: solid 1px #dcdcdc;
}

tbody
{
	vertical-align: top;
}

th
{
	color: #00003c;
	font-weight: normal;
	font-size: 14px;
	text-align: left;
	vertical-align: top;
	padding-top: 12px;
	padding-left: 10px;
	padding-bottom: 12px;
	border-right: solid 1px #dcdcdc;
	border-bottom: solid 1px #dcdcdc;
}

th.left
{
	text-align: left;
}

th.center
{
	text-align: center;
}

td
{
	/*border: solid 2px green;/* */
	/* color: #00003c;
	font-weight: 100; */
	font-size: 0.9em;
	/* 14px; */
	text-align: left;
	line-height: 1.4;
	padding-top: 8px;
	padding-left: 10px;
	padding-bottom: 8px;
}

td p.cellbody
{
	/*border: solid 2px green;/* */
	/*font-size: 0.9em;*/
	margin-top: 0;
	line-height: 1.4;
	padding-top: 0px;
	padding-left: 0px;
	margin-bottom: 8px;
}

/* Figure styles */
/* Design Changes */

p.captionFigure
{
	/*border: solid 2px red; /* */
	font-family: 'Graphik Regular';
	color: var(--ava-deep);
	font-size: 0.9em;
	/* removed italic & auto number/figure to reduce word bloat */
	/*font-style: italic;
	mc-auto-number-class: figure;
	mc-auto-number-format: 'F:Figure {n+} – '; */
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
	page-break-before: avoid;
}

figure
{
	/*border: solid 2px purple; /* */
	widows: 3;
	orphans: 3;
	padding-left: 0pt;
	padding-right: 0pt;
	margin-left: 0pt;
	margin-right: 0pt;
}

figure.rightlogo
{
	position: absolute;
	z-index: -1;
	top: -10px;
	right: 10px;
}

figure.img
{
	/*border: solid 2px green; /* */
	padding-top: 0px;
	padding-bottom: 0px;
}

img.center
{
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* Design Changes */

figcaption
{
	/*border: solid 2px red; /* */
	font-family: 'Graphik Regular';
	color: var(--ava-deep);
	font-size: 0.9em;
	/* removed italic & auto number/figure to reduce word bloat */
	/*font-style: italic;
	mc-auto-number-class: figure;
	mc-auto-number-format: 'F:Figure {n+} – ';*/
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: center;
	page-break-before: avoid;
}

/* Table styles */
/* Global DIV definitions for all notices */
/*----------------------------------------*/

div.example,
div.notice,
div.note,
div.tip,
div.warning,
div.caution
{
	/* Design Changes */
	margin-top: 12px;
	margin-bottom: 12px;
	margin-right: 44px;
	/*  */
	/*padding: 5px 5px 5px 60px;*/
	padding: 0px 5px 0px 60px;
	line-height: 18px;
	border-style: solid;
	border-width: 2px;
	border-radius: 8px;
	background-repeat: no-repeat;
	background-position: left center;
	page-break-inside: avoid;
	min-height: 56px;
}

/* Using one DIV to wrap all the content with the signal word as bullet style */
/*---------------------------------------------------------------------------- */

div.warning
{
	background-color: #ffffff;
	/*mc-auto-number-format: '{size 1em}{color black}{b}WARNING{/b}{/color}{/size}';*/
	background-image: url('../Images/Callouts/warning.svg');
	border-color: #f25951;
}

div.caution
{
	background-color: #ffffff;
	/*mc-auto-number-format: '{size 1em}{color black}{b}Caution{/b}{/color}{/size}';*/
	background-image: url('../Images/Callouts/caution.svg');
	border-color: #ebb53f;
}

div.notice
{
	background-color: #ffffff;
	/*mc-auto-number-format: '{size 1em}{color black} {b}Notice{/b}{/color}{/size}';*/
	background-image: url('../Images/Callouts/notice.svg');
	border-color: #00c07a;
}

/*
div.note
{
	background-color: #ffffff;
	mc-auto-number-format: '{size 1em}{color black} {b}Note{/b}{/color}{/size}';
	background-image: url('../Images/Callouts/note.svg');
	border-color: #6e56ff;
}
*/

div.tip,
div.note
{
	background-color: #ffffff;
	/*mc-auto-number-format: '{size 1em}{color black} {b}Tip{/b}{/color}{/size}';*/
	background-image: url('../Images/Callouts/tip.svg');
	border-color: #ebb53f;
}

div.example
{
	background-color: #ffffff;
	/*mc-auto-number-format: '{size 1em}{color black}{b}Example{/b}{/color}{/size}';*/
	background-image: url('../Images/Callouts/example1.svg');
	border-color: var(--alta-blue);
}

/* Format of signal word in snippets for notices */

p.safetyheading
{
	font-weight: bold;
}

/*_________________________*/
/* End of divs for notices */

span.interfaceelement
{
	font-family: 'Graphik Medium';
}

span.Italic
{
	font-style: italic;
}

code
{
	font-family: 'Courier New';
}

code.Command
{
	background-color: #ffffff;
	border: solid 1px #B5B5B5;
	padding: 2px;
}

pre
{
	font-family: 'Courier New';
	font-size: 1em;
	/* Design Changes */
	/*background-color: #f5f5f5;*/
	background-color: #ffffff;
	border: solid 1px #cdcfce;
	padding: 2px;
	/*white-space: pre-wrap;*/
	overflow: auto;
}

pre.CommandLine,
pre.CommandLineBelowCaption
{
	color: #ffffff;
	background-color: #000000;
	border: solid 1px #000000;
	max-width: 100%;
}

pre.CommandLineBelowCaption
{
	margin-top: 4px;
}

/* Lists */

ol
{
	/*margin-left: 4px;*/
	list-style-type: decimal;
}

ul
{
	/*margin-left: 4px;*/
	list-style-type: disc;
}

li ul li
{
	/*padding-top: 6px;*/
	padding-top: 0px;
}

ol ul
{
	margin-left: -15px;
	list-style-type: disc;
	padding-top: 6px;
}

ol ol
{
	margin-left: -15px;
	list-style-type: lower-alpha;
	padding-top: 6px;
}

ol ol ol
{
	margin-left: -15px;
	list-style-type: lower-roman;
}

ol.TableBullet,
ul.TableBullet
{
	margin-left: 20px;
}

li
{
	/* Design Changes */
	/*line-height: 22px;/* 28px;*/
	line-height: 22px;
	padding-left: 20px;
	/*15px;*/
	orphans: 2;
	widows: 2;
	margin-bottom: 6px;
}

p.NumListTable
{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	mc-auto-number-format: '{n+}.  ';
	mc-multiline-indent: 17px;
}

p.BulListTable
{
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	mc-multiline-indent: 17px;
	list-style-type: disc;
}

/* Text formatting for white paper text on home page */

.wp-text
{
	margin: 5px;
	font-size: 0.7em;
	font-family: 'TT Firs Neue Regular';
	color: var(--ava-grey);
}

/* Text formatting for white paper header on home page with top margin to push after image */

.wp-header
{
	margin: 230px 5px 5px 15px;
	font-size: 0.7em;
	font-family: 'TT Firs Neue Regular';
	color: var(--ava-grey);
}

/* Links */

a,
a:link,
a:visited
{
	font-family: 'Graphik Regular';
	/*'Graphik Regular';*/
	font-size: 1.0em;
	color: var(--alta-blue);
	text-decoration: none;
}

a:focus
{
	outline: none;
}

MadCap|xref
{
	text-decoration: none;
	color: var(--alta-blue);
	/*font-size: 0.7em;*/
	/*mc-format: '{para}';*/
}

/* Images */

img
{
	border-radius: 5px;
	max-width: 100%;
}

img .item2	/*Alta*/
{
	border-radius: 5px;
	width: 308px;
	height: 48px;
}

img.ThumbnailLandscape
{
	border: none;
	max-height: auto;
	max-width: 935px;
}

img.ThumbnailLandscapeOutline
{
	border: solid 1px #6E56FF;
	max-height: auto;
	max-width: 935px;
}

img.ReduceButtonSize
{
	max-width: 17px;
	max-height: 17px;
}

img.Outline
{
	border: solid 1px #6E56FF;
}

img.center
{
	/*border: solid 1px #00003c;*/
	display: block;
	margin-top: 12px;
	margin-left: auto;
	margin-right: auto;
}

img.diag
{
	border: solid 1px var(--ava-lightgrey);
	border-radius: 24px;
}

img.popup
{
	display: block;
	margin-top: 12px;
	margin-left: auto;
	margin-right: auto;
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 600px;
	mc-thumbnail-max-height: auto;
	padding: 4px;
	border: solid 1px var(--ava-grey);
	/*content: "(Click to enlarge)";*/
}

img.popup:hover
{
	display: block;
	margin-top: 12px;
	margin-left: auto;
	margin-right: auto;
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 500px;
	mc-thumbnail-max-height: auto;
	padding: 4px;
	border: solid 1px var(--ava-grey);
	opacity: 0.7;
	/*content: "(Click to enlarge)";*/
}

img.popup:after
{
	display: block;
	margin-top: 12px;
	margin-left: auto;
	margin-right: auto;
	mc-thumbnail: popup;
	mc-thumbnail-max-width: 800px;
	mc-thumbnail-max-height: auto;
	padding: 2px;
	border: solid 1px #00003c;
	opacity: 1.0;
	/*content: "(Click to enlarge)";*/
}

/* Containers */

.off-canvas-wrapper-inner .outer-row
{
	max-width: 100%;
}

.off-canvas-wrapper-inner nav.title-bar .outer-row	/* Define width of header bar */
{
	/* thinking of increasing this from 75% to 80%. Also need to remove/increase max width: 1200px; (in aw-TopNav.flskn) */
	width: 80%;
	/* 60%; */
	margin-top: 15px;
}

div.bodyContent
{
	width: 100%;
}

div.homeContent,
div.topicContent	/* Define width of content area */
{
	/* Design Changes */
	/*background-color: var(--ava-offwhite);*/
	background-color: #ffffff;
	/* thinking of increasing this from 70% to 85% */
	width: 85%;
	/* 75% 60%*/
	padding: 32px;
	margin-left: auto;
	margin-right: auto;
}

/* Used to float side menu to right only */

div.sideContent
{
	float: right;
	/*	overflow-y: auto;/* Trial value to stop TOC overflow */
	/*	max-height: 98%;*/
}

/* Generic classes */

.center
{
	position: relative;
	margin-right: auto;
	margin-left: auto;
	float: none !important;
	text-align: center;
}

/* Home page topic - NOTE: Now using Flexbox layout so most if not all of these are no longer used on the homepage */

.nav-search	/*Does not display search in Top Navigation for desktop*/
{
	display: block;
}

MadCap|dropDown
{
	border-bottom: 1px solid var(--Light);
	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;
}

MadCap|dropDownBody
{
	padding: 10px 30px 0;
}

MadCap|dropDownHotspot
{
	cursor: hand;
	text-decoration: none;
	color: var(--Dark);
	font-size: 20pt;
	font-weight: bold;
	border-bottom: none;
}

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

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

/* Master pages */

div.side-content	/*Used on OtherTopics.flmsp for the search-bar and menu*/
{
	width: 300px;
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}

div.topic-layout
{
	padding-top: 4%;
}

p.hometype
{
	/*border: solid 1px white;/*  */
	font-family: 'Graphik Regular';
	font-size: 0.7em;
	color: var(--ava-white);
	padding-top: 0px;
	margin-top: 3px;
}

p.hometitle
{
	/*border: solid 1px yellow;/*  */
	font-family: 'Graphik Regular';
	font-size: 0.8em;
	color: var(--ava-white);
	padding-top: 0px;
	margin-top: 0px;
}

p.homeproducttitle
{
	/*border: solid 1px yellow;/*  */
	font-family: 'Graphik Regular';
	font-size: 0.8em;
	color: var(--ava-white);
	padding-top: 8px;
	margin-top: 8px;
}

p.seemore
{
	font-family: 'Graphik Regular';
	font-size: 0.7em;
	color: var(--alta-blue);
	margin-top: -40px;
	margin-right: 6px;
	text-align: right;
}

ui
{
	/* Design Changes */
	font-family: 'Graphik Regular';
	font-weight: bold;
	font-size: 0.95em;
	/* 1em; */
	/* line-height: 21px; */
	line-height: 24px;
}

MadCap|breadcrumbsProxy
{
	/*border: solid 1px blue; /*  */
	border-bottom-width: 0;
	margin-top: 0px;
	margin-left: 0px;
	mc-breadcrumbs-divider: ' > ';
	mc-breadcrumbs-prefix: '';
}

a.MCBreadcrumbsLink
{
	font-size: 1em;
	padding-left: 0px;
}

.MCBreadcrumbsDivider
{
	padding-right: 5px;
}

@media print
{
	/* Links */

	MadCap|xref
	{
		font-weight: normal;
		mc-format: '{quote}{para}{quote} {pageref}';
		text-decoration: none;
	}

	/* removes grey background when printing pages to paper */

	div.topicContent
	{
		background-color: var(--ava-white);
		width: 100%;
	}
}

/* Home page card and container section */
/* Container coding */

.container
{
	display: flex;
	flex-flow: row wrap;
	margin: 0;
	top: 0;
	position: relative;
	justify-content: flex-start;
}

.card
{
	display: flex;
	flex-direction: column;
	background-color: var(--ava-white);
	margin: 5px 30px 30px 5px;
	top: 0;
	border-radius: 14px 14px 14px 14px;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2);
}

.card .content
{
	padding: 5px 10px 5px 10px;
	border-radius: 15px 15px 15px 15px;
}

/* makes card area all clickable link */

a.fill-card
{
	display: block;
	height: 100%;
	width: 100%;
	text-decoration: none;
}

/* Background definitions for Aware home page cards */
/* If required, the imagees can be coded on Aware home page in HTML instead */

#aware-videoview.card
{
	background-image: url('../Images/Homepage/products/Aware/vidview.svg');
	background-size: 260px 175px;
	background-position: center;
	width: 255px;
	height: 170px;
}

#aware-mapview.card
{
	background-image: url('../Images/Homepage/products/Aware/mapview.svg');
	background-size: 260px 175px;
	background-position: center;
	width: 255px;
	height: 170px;
}

#aware-devices.card
{
	background-image: url('../Images/Homepage/products/Aware/devices.svg');
	background-size: 260px 175px;
	background-position: center;
	width: 255px;
	height: 170px;
}

#aware-search.card
{
	background-image: url('../Images/Homepage/products/Aware/search.svg');
	background-size: 260px 175px;
	background-position: center;
	width: 255px;
	height: 170px;
}

#aware-rules.card
{
	background-image: url('../Images/Homepage/products/Aware/rules.svg');
	background-size: 260px 175px;
	background-position: center;
	width: 255px;
	height: 170px;
}

#aware-appliances.card
{
	background-image: url('../Images/Homepage/products/Aware/appliances.svg');
	background-size: 260px 175px;
	background-position: center;
	width: 255px;
	height: 170px;
}

#aware-users.card
{
	background-image: url('../Images/Homepage/products/Aware/users.svg');
	background-size: 260px 175px;
	background-position: center;
	width: 255px;
	height: 170px;
}

#aware-alarms.card
{
	background-image: url('../Images/Homepage/products/Aware/alarms.svg');
	background-size: 260px 175px;
	background-position: center;
	width: 255px;
	height: 170px;
}

#aware-counts.card
{
	background-image: url('../Images/Homepage/products/Aware/counts.svg');
	background-size: 260px 175px;
	background-position: center;
	width: 255px;
	height: 170px;
}

#aware-savedclips.card
{
	background-image: url('../Images/Homepage/products/Aware/clips.svg');
	background-size: 260px 175px;
	background-position: center;
	width: 255px;
	height: 170px;
}

/* Background definitions for home page cards */
/* If required, the imagees can be coded on Home page in HTML instead */

#releaseAware.card,
#releaseCams.card,
#releaseApps.card
{
	background-image: url('../Images/Homepage/releases/Releases-alta.svg');
	background-size: 260px 175px;
	background-position: center;
	width: 255px;
	height: 170px;
}

#prod-video-security-solution.card
{
	background-image: url('../Images/Homepage/products/complete solution.png');
	background-size: 260px 175px;
	background-position: center;
	width: 255px;
	height: 170px;
}

#prod-aware.card
{
	background-image: url('../Images/Homepage/products/Aware.png');
	background-size: 260px 175px;
	background-position: center;
	width: 255px;
	height: 170px;
}

#prod-cameras.card
{
	background-image: url('../Images/Homepage/products/Cameras3.png');
	background-size: 260px 175px;
	background-position: center;
	width: 255px;
	height: 170px;
}

#prod-appliances.card
{
	background-image: url('../Images/Homepage/products/appliances.png');
	background-size: 260px 175px;
	background-position: center;
	width: 255px;
	height: 170px;
}

#prod-cloud.card
{
	background-image: url('../Images/Homepage/products/cloud.png');
	background-size: 260px 175px;
	background-position: center;
	width: 255px;
	height: 170px;
}

#prod-dmp.card
{
	background-image: url('../Images/Homepage/products/cloud.png');
	background-size: 260px 175px;
	background-position: center;
	width: 255px;
	height: 170px;
}

#wp-item1.card,
#wp-item2.card,
#wp-item3.card,
#wp-item4.card,
#wp-item5.card,
#wp-item6.card,
#wp-item7.card,
#wp-item8.card,
#wp-item9.card,
#wp-item10.card,
#wp-item11.card,
#wp-item12.card,
#wp-item13.card,
#wp-item14.card,
#wp-item15.card
{
	background-size: 260px;
	background-position: center top;
	width: 255px;
	height: 340px;
	border: 1px solid #b5b5b5;
}

/* Changes the embedded PNG coding of skin to use SVG instead */

.title-bar-layout a.logo
{
	/*border: 1px solid purple;/*Alta*/
	background-image: url('../Images/Assets/alta/Aware-Docs-Portal.svg');
	background-repeat: no-repeat;
	margin-left: -150px;
	margin-top: 10px;
	/*Alta*/
	width: 333.33px;
	/*Alta*/
	height: 25px;
	/*Alta*/
}

/* Added a small strip of grey at foot of top nav bar so logo appears to overlap topic content*/

.title-bar-section
{
	/* Design Changes */
	min-height: 100px;
	width: 100%;
	/*background-image: url('../Images/Assets/topNav-backgrd.svg');*/
	background-repeat: repeat;
	/*background-color: #ffffff;*/
}

.title-bar .menu-icon span
{
	background-image: url('../Images/Assets/hamburger-icon-18x15.svg');
	background-repeat: no-repeat;
}

/* Search magnifying glass icon to SVG  */

.search-bar.search-bar-container .search-submit
{
	/*border: solid 1px teal;/**/
	background-image: url('../Images/Assets/search-icon-17x18_grey.svg');
	background-repeat: no-repeat;
	margin-top: 3px;
	/*Alta*/
	width: 32px;
}

.search-bar .search-field
{
	/* Search bar position relative to Top Nav Menu */
	/*border: solid 1px teal;/**/
	margin-top: 3px;
	/*Alta*/
	padding-top: -5px;
	/*Alta*/
	padding-right: 20px;
}

/* Removes or changes the outline for FOCUS links and icons */
/* FOCUS needs to be included to allow for access compliance - blind and screen-readers */

.search-bar .search-field:focus,
.search-bar.search-bar-container .search-submit:focus,
._Skins_TopicToolBar.mc-component .button.previous-topic-button:focus,
._Skins_TopicToolBar.mc-component .button.next-topic-button:focus,
._Skins_TopicToolBar.mc-component .button.print-button:focus
{
	outline: #005eb8 solid 1px;
	color: #000000;
}

@media only screen and (max-width: 1332px)
{
	/* Home page topic */

	.nav-search	/*Displays search in Top Navigation for tablet-mobile*/
	{
		display: block;
	}

	div.side-content	/*Removes search-bar and menu set in topic in tablet*/
	{
		display: none;
	}

	.container
	{
		width: 100%;
		margin: 0px;
	}

	.card
	{
		margin: 5px 30px 30px 5px;
	}

	div.homeContent,
	div.topicContent
	{
		width: 100%;
		padding-left: 5px;
		padding-right: 5px;
		margin: 0px;
	}

	.off-canvas-wrapper-inner nav.title-bar .outer-row
	{
		width: 100%;
	}

	div.sideContent
	{
		display: none;
	}

	.title-bar-layout a.logo
	{
		/*border: 1px solid purple;*/
		background-image: url('../Images/Assets/alta/Aware-Docs-Portal.svg');
		background-repeat: no-repeat;
		margin-top: 5px;
		/*Alta*/
		width: 333.33px;
		/*Alta*/
		height: 25px;
		/*Alta*/
		margin-left: 10px;
		/*Alta*/
	}

	.BodyStuff
	{
		padding-right: 5px;
		min-height: 100vh;
		padding-left: 10px;
	}

	nav.title-bar
	{
		background-color: #efefef;
	}
}

@media only screen and (max-width: 767px)
{
	/* Moves search field in from right */

	div.nav-search
	{
		margin-right: -20px;
	}

	/* Design Update */

	li
	{
		line-height: 22px;
		/* 28px;*/
		margin-bottom: 6px;
	}

	h1
	{
		font-size: 1.85em;
	}

	h2
	{
		font-size: 1.4em;
	}

	p
	{
		line-height: 21px;
	}

	.container
	{
		width: 100%;
		margin: 0px;
		justify-content: center;
	}

	.card
	{
		margin: 5px 15px 15px 5px;
	}

	div.homeContent,
	div.topicContent
	{
		width: 100%;
		/* width: 85%; */
		padding-left: 5px;
		padding-right: 5px;
		margin: 0px;
	}

	.off-canvas-wrapper-inner nav.title-bar .outer-row
	{
		width: 100%;
	}

	div.sideContent
	{
		display: none;
	}

	.title-bar-layout a.logo
	{
		/*border: 1px solid purple;*/
		background-image: url('../Images/Assets/alta/Aware-Docs.svg');
		background-repeat: no-repeat;
		margin-top: 5px;
		/*Alta*/
		width: 210px;
		/*Alta*/
		height: 25px;
		/*Alta*/
		margin-left: 10px;
		/*Alta*/
	}

	/* Search magnifying glass icon to SVG  */

	.search-bar.search-bar-container .search-submit
	{
		background-image: url('../Images/Assets/search-icon-17x18_grey.svg');
		background-repeat: no-repeat;
		margin-top: 52px;
		/*Alta*/
		width: 32px;
	}

	.search-bar .search-field
	{
		/* Search bar position relative to Top Nav Menu */
		/*border: solid 1px teal;*/
		margin-top: 52px;
		/*Alta*/
		padding-top: 0px;
		/*Alta*/
		margin-right: -30px;
	}

	.BodyStuff
	{
		padding-right: 5px;
		padding-left: 10px;
		min-height: 100vh;
	}
}

/* Side menu icons - does not work exactly as required - may need removed*/

ul.menu._Skins_SideMenu.mc-component li.has-children > a.selected::after
{
	content: url('../Images/Assets/down-arrow_grey.svg');
}

ul.menu._Skins_SideMenu.mc-component li > a::after
{
	content: url('../Images/Assets/more-arrow_grey.svg');
}

ul.menu._Skins_SideMenu.mc-component li.tree-node-leaf > a::after
{
	content: ' ';
}

/* toolbar icons to SVGs 
/* Commented out to fix the "double" icons appearing in the toolbar */

/*

._Skins_TopicToolBar.mc-component .button.previous-topic-button
{
		background-image: url('../Images/Assets/arrow-previous-20x20.svg');
		background-repeat: no-repeat;
}

._Skins_TopicToolBar.mc-component .button.next-topic-button
{
		background-image: url('../Images/Assets/arrow-next-20x20.svg');
		background-repeat: no-repeat;
}

._Skins_TopicToolBar.mc-component .button.print-button
{
		background-image: url('../Images/Assets/printer-icon-20x20.svg');
		background-repeat: no-repeat;
}

*/

/* Hamburger icon to SVG */

MadCap|xref.top
{
	/*border: solid 2px pink; /* */
	color: var(--alta-blue);
	font-size: 0.7em;
	/*font-weight: normal;*/
	text-decoration: none;
	mc-format: '(back to top)';
}

MadCap|toggler
{
	mc-closed-image: url('../Images/Assets/more-arrow.svg');
	mc-open-image: url('../Images/Assets/down-arrow.svg');
}

MadCap|toggler:link,
toggler:visited,
toggler:focus
{
	color: var(--alta-blue);
	text-decoration: none;
}

MadCap|toggler:hover
{
	color: var(--alta-blue);
	text-decoration: none;
}

/* Invsible table to create a columned list in Network connectivity test */

table.tableindented
{
	border: solid 1px #dcdcdc;
	border-collapse: collapse;
	padding: 4px;
	margin-left: 50px;
	border-left-style: solid;
	border-left-width: 0px;
	border-left-color: #dcdcdc;
	border-right-style: solid;
	border-right-width: 0px;
	border-right-color: #dcdcdc;
	border-top-style: solid;
	border-top-width: 0px;
	border-top-color: #dcdcdc;
	border-bottom-style: solid;
	border-bottom-width: 0px;
	border-bottom-color: #dcdcdc;
	width: 60%;
}

table tr td.tableindented
{
	line-height: 0.8;
}

table tr th.tableindented
{
	line-height: 0.8;
}

table thead.tableindented
{
	border-bottom: solid 0px #dcdcdc;
}

/* Design Changes */

.title-bar
{
	/* box-shadow:0px 0px 10px 1px grey; */
	box-shadow: 0px 0px 10px 1px rgb(160 160 160 / 75%);
}

.title-bar alta-logo
{
	background-image: url('../Images/Assets/alta/Avigilon-Alta-black.svg');
	background-repeat: no-repeat;
	height: 54.585px;
	width: 350px;
	margin-top: 20px;
	/*Alta*/
	float: right;
}

/*<meta sourceDocument="C:\Users\HWTG37\Downloads\Ava-731.md" />*/