/*<meta />*/

@import url('headers.css');

@import url('footers.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;
}

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

.purple
{
	color: var(--ava-surface);
	font-weight: bold;
}

body
{
	font-family: 'Graphik Light';
	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
{
	font-size: 1.8em;
}

h2
{
	font-size: 1.5em;
	margin-top: 40px;
	margin-bottom: 24px;
}

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

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

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

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

/* Content */

p
{
	font-size: 1em;
	line-height: 21px;
}

p.lastmod
{
	font-family: 'Graphik Light';
	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(--ava-surface);
	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;
}

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 */

p.captionFigure
{
	/*border: solid 2px red; /* */
	font-family: 'Graphik Regular';
	color: var(--ava-deep);
	font-size: 0.9em;
	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.img
{
	/*border: solid 2px green; /* */
	padding-top: 0px;
	padding-bottom: 0px;
}

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

figcaption
{
	/*border: solid 2px red; /* */
	font-family: 'Graphik Regular';
	color: var(--ava-deep);
	font-size: 0.9em;
	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
{
	margin-top: 12px;
	margin-bottom: 12px;
	margin-right: 44px;
	/*  */
	padding: 5px 5px 5px 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;
}

/* 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
{
	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/example.svg');
	border-color: var(--ava-video);
}

/* 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;
	background-color: #f5f5f5;
	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;
}

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

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

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

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

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

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 Light';
	/*'Graphik Regular';*/
	font-size: 1.0em;
	color: var(--ava-surface);
	text-decoration: none;
}

a:focus
{
	outline: none;
}

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

/* Images */

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

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 */
{
	width: 75%;
	/* 60%; */
}

div.bodyContent
{
	width: 100%;
}

div.homeContent,
div.topicContent	/* Define width of content area */
{
	background-color: var(--ava-offwhite);
	width: 70%;
	/* 75% 60%*/
	padding: 32px;
	margin-left: auto;
	margin-right: auto;
}

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

div.sideContent
{
	float: right;
}

/* 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-surface);
	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(--ava-surface);
	margin-top: -40px;
	margin-right: 6px;
	text-align: right;
}

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

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 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;
	}
}

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

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

@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.png');
	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/Cameras2.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;
}

#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
{
	background-image: url('../Images/Ava Video Docs header logo v4.svg');
	/*background-image: url('../Images/Ava Cyber Docs header logo.svg');*/
	background-repeat: no-repeat;
	margin-left: 28px;
}

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

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

@media only screen and (max-width: 1332px)
{
	.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
	{
		background-image: url('../Images/Ava Video Docs header logo v4.svg');
		/*background-image: url('../Images/Ava Cyber Docs header logo.svg');*/
		background-repeat: no-repeat;
		margin-left: 0px;
	}

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

@media only screen and (max-width: 767px)
{
	.container
	{
		width: 100%;
		margin: 0px;
		justify-content: center;
	}

	.card
	{
		margin: 5px 15px 15px 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
	{
		background-image: url('../Images/Ava Video Docs header logo v4.svg');
		/*background-image: url('../Images/Ava Cyber Docs header logo.svg');*/
		background-repeat: no-repeat;
		margin-left: 0px;
	}

	.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 */

.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
{
	background-image: url('../Images/Assets/search-icon-17x18_grey.svg');
	background-repeat: no-repeat;
}

/* 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: #6E56FF dotted 1px;
}

MadCap|xref.top
{
	/*border: solid 2px pink; /* */
	color: var(--ava-surface);
	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');
}

toggler:link,
toggler:visited,
toggler:focus
{
	color: var(--ava-surface);
	text-decoration: none;
}

toggler:hover
{
	color: var(--ava-surface);
	text-decoration: none;
}