/*<meta />*/

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital_wght@0_300..800_1_300..800_display=swap');

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

/* basic font */

:root
{
	--font-family: 'Open Sans', sans-serif;
	--Brand1: #1C4D93;
	--Brand2: #1B365D;
	--Brand3: #F1F1F1;
	--Brand4: #59C8E6;
	--Brand5: #FF6C0E;
	--Dark: #2b2b2b;
	--Medium: #b9bec1;
	--Light: #d0d3d5;
	/* Primary & Secondary Colors */
	--TricentisBlue: #004C97;
	--Black: #000000;
	--Gray: #898D8D;
	--White: #FFFFFF;
	--Blaze: #1B365D;
	--Velocity: #406997;
	--Warp: #0087AE;
	--Bolt: #59C8E6;
	/* Tertiary Accent Colors */
	--Swift: #5E93DB;
	--Launch: #B52555;
	--Accelerate: #FF6C0E;
	--Thruster: #D2D755;
	/* Body Copy Color */
	--MainColor: #2B2B2B;
}

/* new footer for topics pages */

p.footer1
{
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 1.5em;
	font-size: 10pt;
	margin-right: 10%;
	text-align: right;
}

div.footer1
{
	width: 100%;
	bottom: 0 !important;
	left: 0;
	margin-top: 25px;
}

div.footer1::before
{
	content: ' ';
	display: table;
	clear: both;
}

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

div.footer1 > div
{
	float: right;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	padding-left: 5px;
	padding-right: 5px;
}

div.footer1 > div:nth-child(1)
{
	width: 100%;
	padding-left: 3%;
	padding-bottom: 10px;
	text-align: left;
}

/* Basic styling for the "latest version" card container */

.card
{
	width: 100%;
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 0px 1px 13px 0px #898D8D;
	overflow: hidden;
	margin-top: 50px;
	margin-bottom: 35px;
}

/* Styling for the card content section */

.card-content
{
	padding: 20px;
}

/* Title and description styling */

.card-title
{
	font-size: 20px;
	margin: 0 0 10px;
	padding-top: 10px;
}

.card-description
{
	font-size: 1em;
	margin-bottom: 15px;
}

span.Latest
{
	border-radius: 25px;
	background-color: #FF6C0E;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 8px;
	padding-left: 8px;
	color: #fff;
	text-transform: capitalize;
	font-size: 13px;
	vertical-align: middle;
}

/* end of card styling */
/* ========================================== */
/* ENHANCED MANUAL PAGE STYLING */
/* ========================================== */
/* Enhanced Product Header Section */

.manual-hero
{
	padding: 2rem 0 2.5rem 0;
	margin-bottom: 3rem;
	border-bottom: 1px solid var(--Light);
	position: relative;
}

.manual-hero::after
{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 60px;
	height: 4px;
	background: var(--Brand5);
	border-radius: 2px;
}

.manual-hero-content
{
	position: relative;
}

.manual-hero h1
{
	font-size: 2.5rem;
	font-weight: 700;
	margin: 0 0 1rem 0;
	color: var(--Brand2);
	line-height: 1.1;
}

.manual-hero-intro
{
	font-size: 1.1rem;
	line-height: 1.6;
	color: var(--Dark);
	margin-bottom: 1.5rem;
}

.manual-hero-actions
{
	display: flex;
	gap: 1rem;
	flex-wrap: wrap;
}

/* Secondary CTA - Learn More (subtle) */

.manual-hero-cta
{
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	background: transparent;
	color: var(--Brand1) !important;
	padding: 0.75rem 1.5rem;
	border-radius: 6px;
	text-decoration: none !important;
	font-weight: 500;
	transition: all 0.3s ease;
	border: 2px solid var(--Brand1);
	font-size: 0.95rem;
}

.manual-hero-cta:hover
{
	background: var(--Brand1);
	color: var(--White) !important;
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(27, 54, 93, 0.15);
	text-decoration: none !important;
}

/* Primary CTA - Free Trial (prominent but refined) */

.manual-hero-cta.trial
{
	background: var(--Brand1);
	color: var(--White) !important;
	border: 2px solid var(--Brand1);
	font-weight: 600;
}

.manual-hero-cta.trial:hover
{
	background: var(--Brand2);
	border-color: var(--Brand2);
	transform: translateY(-1px);
	box-shadow: 0 4px 12px rgba(27, 54, 93, 0.2);
	color: var(--White) !important;
}

/* Enhanced Cards */

.manual-card
{
	background: var(--White);
	border-radius: 12px;
	box-shadow: 0 4px 20px rgba(0,0,0,0.08);
	overflow: hidden;
	margin: 2rem 0;
	transition: all 0.3s ease;
	border-left: 4px solid var(--Brand5);
	position: relative;
}

.manual-card:hover
{
	transform: translateY(-4px);
	box-shadow: 0 12px 40px rgba(0,0,0,0.15);
}

.manual-card.featured
{
	border-left-color: var(--Brand5);
	background: linear-gradient(145deg, #ffffff 0%, #fefefe 100%);
}

.manual-card.featured::after
{
	content: 'Latest';
	position: absolute;
	top: 1rem;
	right: 1rem;
	background: var(--Brand5);
	color: var(--White);
	padding: 0.25rem 0.75rem;
	border-radius: 50px;
	font-size: 0.875rem;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 0.5px;
}

.manual-card-content
{
	padding: 2rem;
}

.manual-card-header
{
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-bottom: 1.5rem;
}

.manual-card-icon
{
	width: 32px;
	height: 32px;
	background-color: var(--TricentisBlue);
	border-radius: 6px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	box-shadow: 0 2px 8px rgba(0, 76, 151, 0.2);
	transition: all 0.3s ease;
}

.manual-card-icon:hover
{
	transform: scale(1.05);
	box-shadow: 0 4px 15px rgba(0, 76, 151, 0.3);
}

/* Product-specific SVG icons */

.manual-card-icon.tosca
{
	background-image: url('../Images/ProductIcons/tosca.svg');
}

.manual-card-icon.tosca-extensions
{
	background-image: url('../Images/ProductIcons/tosca_extensions.svg');
}

.manual-card-icon.neoload
{
	background-image: url('../Images/ProductIcons/neoload_all_versions.svg');
}

.manual-card-icon.qtest
{
	background-image: url('../Images/ProductIcons/qtest.svg');
}

.manual-card-icon.testim
{
	background-image: url('../Images/ProductIcons/testim.svg');
}

.manual-card-icon.vera
{
	background-image: url('../Images/ProductIcons/vera.svg');
}

.manual-card-icon.livecompare
{
	background-image: url('../Images/ProductIcons/livecompare.svg');
}

.manual-card-icon.tm4j
{
	background-image: url('../Images/ProductIcons/ttm_for_jira.svg');
}

/* SeaLights fallback styling */

.manual-card-icon.sealights
{
	background-color: var(--Brand1);
	font-size: 12px;
	font-weight: 700;
	color: var(--White);
	text-transform: uppercase;
}

/* Fallback for products without specific icons */

.manual-card-icon.generic
{
	background-color: var(--Brand1);
	font-size: 12px;
	font-weight: 700;
	color: var(--White);
	text-transform: uppercase;
}

/* Copilot icon using new SVG */

.manual-card-icon.copilot
{
	background-image: url('../Images/ProductIcons/ai_and_copilot.svg');
}

.manual-card-title
{
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--Brand2);
	margin: 0;
	line-height: 1.2;
	display: flex;
	align-items: center;
	height: 32px;
}

.manual-card-description
{
	color: var(--Dark);
	line-height: 1.6;
	margin-bottom: 2rem;
	font-size: 1rem;
}

/* Enhanced Resource Links */

.manual-resources
{
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 1.5rem;
	margin-top: 2rem;
	margin-bottom: 2rem;
}

/* Special styling for localized documentation */

.manual-resource-item.localized
{
	background: linear-gradient(135deg, var(--Brand3), #ffffff);
	border: 1px solid rgba(28, 77, 147, 0.15);
}

.manual-resource-item.localized h4
{
	color: var(--Brand1);
	display: flex;
	align-items: center;
	gap: 0.5rem;
}

.manual-resource-item.localized h4::before
{
	content: '●';
	font-size: 0.8rem;
	color: var(--Brand4);
}

/* In Progress language styling */

.manual-resource-item.localized .in-progress
{
	color: #6c757d !important;
	font-style: italic;
	text-decoration: none !important;
	cursor: default;
	position: relative;
}

.manual-resource-item.localized .in-progress::after
{
	content: '(In Progress)';
	font-size: 10px;
	color: var(--Accelerate);
	font-weight: 600;
	margin-left: 8px;
	font-style: normal;
}

.manual-resource-item
{
	background: var(--Brand3);
	border-radius: 8px;
	padding: 1.5rem;
	transition: all 0.3s ease;
	border: 1px solid rgba(28, 77, 147, 0.1);
}

.manual-resource-item:hover
{
	background: var(--White);
	box-shadow: 0 4px 15px rgba(0,0,0,0.1);
	transform: translateY(-2px);
}

.manual-resource-item h4
{
	font-size: 1.1rem;
	font-weight: 600;
	color: var(--Brand2);
	margin: 0 0 0.5rem 0;
}

.manual-resource-item ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}

.manual-resource-item li
{
	margin: 0.75rem 0;
}

.manual-resource-item a
{
	color: var(--Brand1);
	text-decoration: none;
	font-weight: 500;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	transition: all 0.3s ease;
}

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

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

.manual-resource-item a:hover
{
	color: var(--Brand2);
	text-decoration: underline;
}

.manual-resource-item a:hover::after
{
	opacity: 1;
	transform: translateX(0);
}

.manual-resource-item a::after
{
	content: '→';
	opacity: 0;
	transform: translateX(-5px);
	transition: all 0.3s ease;
}

/* Version History Enhancement */

.manual-versions
{
	margin-top: 3rem;
}

.manual-versions h2
{
	color: var(--Brand2);
	border-bottom: 2px solid var(--Brand4);
	padding-bottom: 0.5rem;
	margin-bottom: 2rem;
}

/* Enhanced Manual Page Dropdown Styling */

.manual-versions MadCap|dropDown
{
	background: transparent !important;
	border-radius: 8px !important;
	box-shadow: none !important;
	margin: 10px 0 !important;
	overflow: visible !important;
	border: none !important;
	transition: all 0.3s ease !important;
	mc-closed-image: none !important;
	mc-open-image: none !important;
	mc-image-position: none !important;
	mc-image-spacing: 0 !important;
}

/* Container hover removed - individual headers handle hover */

.manual-versions MadCap|dropDownBody
{
	padding: 1.5rem !important;
	background: var(--White) !important;
	border: 1px solid rgba(28, 77, 147, 0.08) !important;
	border-top: none !important;
	border-radius: 0 0 6px 6px !important;
	margin: 0 2px !important;
	box-shadow: 0 2px 8px rgba(0,0,0,0.06) !important;
}

/* Override old dropdown styling */

MadCap|dropDown .manual-card
{
	margin: 1rem 0;
	border-left: 4px solid var(--Medium);
}

MadCap|dropDown .manual-card:hover
{
	border-left-color: var(--Brand1);
}

/* Quick Actions Bar - REMOVED per user request */
/* Responsive Design */

@media (max-width: 768px)
{
	.manual-hero
	{
		padding: 1.5rem 0 2rem 0;
		margin-bottom: 2rem;
	}

	.manual-hero h1
	{
		font-size: 2rem;
	}

	.manual-hero-intro
	{
		font-size: 1rem;
	}

	.manual-hero-actions
	{
		flex-direction: column;
		gap: 0.75rem;
	}

	.manual-resources
	{
		grid-template-columns: 1fr;
		gap: 1rem;
	}

	.manual-card-content
	{
		padding: 1.5rem;
	}
}

body
{
	color: var(--MainColor);
	font-family: var(--font-family);
	margin-top: 80px;
}

/* Backmatter */

div.GlossaryPageDefinition
{
	font-size: 10pt;
}

div.GlossaryPageHeading
{
	font-size: 21pt;
	font-weight: normal;
	margin-bottom: 15px;
	margin-top: 15px;
	border-bottom-color: var(--Medium);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-align: left;
	color: inherit;
	padding-left: 10px;
	padding-bottom: 20px;
	padding-top: 20px;
	padding-right: 10px;
	background-image: url('../Images/Backmatter-Heading-Background.png');
	background-repeat: no-repeat;
}

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

MadCap|glossaryProxy
{
	border-top: none;
}

MadCap|indexProxy
{
	border-top: none;
}

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

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

p.IndexHeading
{
	font-size: 21pt;
	font-weight: normal;
	margin-bottom: 15px;
	margin-top: 15px;
	border-bottom-color: var(--Medium);
	border-bottom-style: solid;
	border-bottom-width: 1px;
	text-align: left;
	color: inherit;
	padding-left: 10px;
	padding-bottom: 20px;
	padding-top: 12px;
	padding-right: 10px;
	background-image: url('../Images/Backmatter-Heading-Background.png');
	background-repeat: no-repeat;
}

/* Content */

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

p
{
	font-size: 1em;
	margin-top: 20px;
	margin-bottom: 20px;
	line-height: 20pt;
	letter-spacing: 0.25px;
	widows: 3;
	orphans: 3;
}

p.table-text
{
	font-size: 12pt;
}

/* Frontmatter */

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

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

p.created-using-flare
{
	color: var(--Dark);
	font-weight: bold;
	margin-top: 18px;
	font-size: 9pt;
	line-height: 15pt;
	text-transform: uppercase;
}

p.title
{
	font-size: 55pt;
	line-height: 65pt;
	margin-top: 30px;
	mc-hyphenate: never;
}

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

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

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

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

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

/* Original dropdown code - overridden for manual pages */

DROPDOWNS MadCap|dropDownBody
{
	margin-left: 26px;
	border-bottom: 1px #cecece solid;
}

/* Enhanced Manual Dropdown Headers */

.manual-versions .dropDownHotspot
{
	display: flex !important;
	align-items: center !important;
	padding: 1rem 1.5rem !important;
	background: linear-gradient(135deg, #fafafa, var(--White)) !important;
	border: 1px solid rgba(28, 77, 147, 0.08) !important;
	border-radius: 6px !important;
	margin-top: 12px !important;
	margin-bottom: 12px !important;
	position: relative !important;
	transition: all 0.3s ease !important;
	font-size: 1.1rem !important;
	font-weight: 600 !important;
	color: var(--Brand2) !important;
	text-decoration: none !important;
	box-shadow: 0 1px 4px rgba(0,0,0,0.04) !important;
	cursor: pointer !important;
}

.manual-versions .dropDownHotspot::before
{
	content: '';
	width: 24px;
	height: 24px;
	background-color: var(--TricentisBlue);
	border-radius: 4px;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	margin-right: 0.75rem;
	flex-shrink: 0;
	box-shadow: 0 1px 3px rgba(0, 76, 151, 0.2);
}

.manual-versions .dropDownHotspot::after
{
	content: '+';
	position: absolute;
	right: 1.5rem;
	top: 50%;
	transform: translateY(-50%);
	font-size: 1.2rem;
	font-weight: 700;
	color: var(--Brand2);
	transition: all 0.3s ease;
	width: 20px;
	height: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	background: rgba(28, 77, 147, 0.1);
}

.manual-versions .dropDownHotspot:hover
{
	background: linear-gradient(135deg, var(--Brand3), #f8f8f8) !important;
	color: var(--Brand2) !important;
	box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important;
	transform: translateY(-1px) !important;
}

.manual-versions .dropDownHotspot:hover::after
{
	background: var(--Brand4);
	color: var(--White);
}

/* Product-specific dropdown icons */

.manual-versions.tosca .dropDownHotspot::before
{
	background-image: url('../Images/ProductIcons/tosca.svg');
}

.manual-versions.neoload .dropDownHotspot::before
{
	background-image: url('../Images/ProductIcons/neoload_all_versions.svg');
}

.manual-versions.qtest .dropDownHotspot::before
{
	background-image: url('../Images/ProductIcons/qtest.svg');
}

.manual-versions.vera .dropDownHotspot::before
{
	background-image: url('../Images/ProductIcons/vera.svg');
}

.manual-versions.livecompare .dropDownHotspot::before
{
	background-image: url('../Images/ProductIcons/livecompare.svg');
}

.manual-versions.testim .dropDownHotspot::before
{
	background-image: url('../Images/ProductIcons/testim.svg');
}

/* Open state styling */

.manual-versions .MCDropDown_Open .dropDownHotspot
{
	background: linear-gradient(135deg, var(--Brand3), #f0f0f0) !important;
	box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}

.manual-versions .MCDropDown_Open .dropDownHotspot::after
{
	content: '−';
	background: var(--Brand4) !important;
	color: var(--White) !important;
}

/* Legacy dropdown cleanup - disabled for manual pages */
/* Generic classes */

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

/* Headings */
/* h1 and h2 added by elipl: */

h1
{
	font-weight: 400;
	font-size: 2.3rem;
	line-height: 2.50rem;
	margin-top: 30px;
}

h2
{
	font-weight: 400;
	font-size: 1.6rem;
	padding-top: 1.1rem;
	line-height: 2.75rem;
	page-break-before: always;
	margin-bottom: -11px;
}

h1.announcement
{
	font-weight: normal;
	color: #2b2b2b;
	margin-top: 50px;
	text-align: center;
}

h1.home
{
	font-weight: bold;
	font-size: 2em;
	color: var(--Brand1);
	margin-top: 50px;
	text-align: center;
}

h1.alt
{
	font-weight: bold;
	font-size: 2em;
	color: var(--Brand1);
	margin-top: 0px;
	text-align: center;
}

h3
{
	font-weight: 600;
	font-size: 1.2rem;
	line-height: 1.5rem;
	padding-top: 0;
	margin-bottom: -4px;
}

h4
{
	font-weight: bold;
	font-size: 12.0pt;
}

h5
{
	font-weight: bold;
	font-size: 10.0pt;
}

h6
{
	font-weight: bold;
	font-size: 8.0pt;
}

/* Home page topic */

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

div.accent
{
	background-color: var(--Brand3);
}

div.home-layout
{
	padding: 1% 4em;
	margin-top: 50px;
}

div.home-section
{
	padding-left: 5%;
	padding-right: 5%;
}

div.home-section:last-of-type
{
	border-bottom: none;
}

div.home-tiles	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
	/*mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;*/
}

div.home-tiles::before
{
	/*content: ' ';
	display: table;*/
}

div.home-tiles::after
{
	/*content: ' ';
	display: table;
	clear: both;*/
}

div.home-tiles > div
{
	/*float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;*/
}

div.home-tiles > div:nth-child(1)
{
	/*width: 30%;
	margin-left: 0%;*/
}

div.home-tiles > div:nth-child(2)
{
	/*width: 65%;
	margin-left: 5%;*/
}

div.home-tiles > div:nth-child(3)
{
	/*width: 33.33333%;
	margin-left: 0%;*/
}

div.quick-links	/*This is a custom responsive layout row style (div class) in your stylesheet. To provide your own description for this style: (1) Open the stylesheet; (2) Find and select the div class with this name; and (3) In the Comment field, replace this text with your own. For more information on adding comments to styles, see the online Help.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.quick-links::before
{
	content: ' ';
	display: table;
}

div.quick-links::after
{
	content: ' ';
	display: table;
	clear: both;
}

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

div.quick-links > div:nth-child(1)
{
	width: 16.66666%;
	margin-left: 2%;
}

div.quick-links > div:nth-child(2)
{
	width: 16.66666%;
	margin-left: 3%;
}

div.quick-links > div:nth-child(3)
{
	width: 16.66666%;
	margin-left: 3%;
}

div.quick-links > div:nth-child(4)
{
	width: 16.66666%;
	margin-left: 3%;
}

div.quick-links > div:nth-child(5)
{
	width: 16.66666%;
	margin-left: 3%;
}

div.quick-links *	/*Text-align center set to all elements within div.quick-links*/
{
	text-align: center;
}

div.topic-hero
{
	padding: 5% 0;
	background-size: cover;
	background-attachment: scroll;
	background-color: #1c4d93;
	background-image: url('../Images/Hero-image2.jpg');
}

div.topic-hero h1
{
	font-weight: bold;
	font-size: 2em;
	color: #ffffff;
	margin-top: 0;
	padding-left: 4em;
}

div.topic-hero p
{
	font-size: 1.2em;
	color: #ffffff;
	padding-left: 6.7em;
}

html.home-topic	/*Used on Home.htm topic for styles set only on the home topic*/
{
	
}

html.home-topic .main-section > .outer-row	/*Overrides padding set in the skin*/
{
	max-width: 100%;
	padding: 0;
}

img.home-tile
{
	max-width: 100%;
}

/* Links */

a
{
	color: var(--Brand1);
}

a.home-tiles
{
	color: var(--Dark);
	font-size: 13pt;
	font-weight: bold;
	text-decoration: none;
}

/* old dropdown code: 

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

MadCap|xref
{
	font-weight: bold;
	mc-format: '{para}';
	text-decoration: underline;
	color: var(--Brand1);
}

end of old dropdown code */

/* Lists */

dd,
dd p,
dt,
dt p,
li,
li p
{
	margin-bottom: 8px;
	margin-top: 8px;
}

dl,
ol,
ul
{
	letter-spacing: .25px;
	line-height: 20pt;
	margin-top: 0px;
	margin-bottom: 0px;
}

ul.sidenav li a.selected
{
	border-left: solid 5px #004c97;
	color: #004c97;
	font-weight: bold;
}

/* Master pages */

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

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: 1em;
}

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

p.footer
{
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 13pt;
	color: var(--White);
}

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

/* Page layout */

p.frame-footer-page-number
{
	color: var(--Medium);
	font-size: 11pt;
	font-weight: bold;
	text-align: right;
}

p.frame-footer-text
{
	color: var(--Medium);
	font-size: 11pt;
	font-weight: bold;
	text-transform: uppercase;
}

/* Master page */

div.home-footer
{
	background-color: var(--Brand1);
	padding: 2% 5%;
	margin-top: 100px;
}

p.footer
{
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 13pt;
	color: var(--White);
}

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

/* Custom Footer Begin */

.home-footer.tricentis-custom
{
	color: var(--White);
	font-size: 14px;
	background-color: var(--Blaze);
	margin-top: 40px;
}

.home-footer.tricentis-custom .links
{
	margin: 0 4em;
	display: flex;
	justify-content: space-between;
}

.home-footer.tricentis-custom .links ul
{
	list-style: none;
	line-height: 15pt;
	padding: 0;
}

.home-footer.tricentis-custom .links li
{
	font-weight: 400;
}

.home-footer.tricentis-custom .links li:first-child
{
	font-weight: 700;
	margin-bottom: 20px;
}

.home-footer.tricentis-custom a
{
	text-decoration: none;
	color: var(--White);
}

.home-footer.tricentis-custom ul.social-links li:nth-child(2)
{
	display: flex;
	gap: 0 20px;
}

.home-footer.tricentis-custom ul.social-links img
{
	width: 22px;
}

.home-footer.tricentis-custom > div:nth-child(2)
{
	margin: 80px 4em 0;
	font-size: 10px;
}

.home-footer.tricentis-custom > div:nth-child(2) img
{
	width: 176px;
}

.home-footer.tricentis-custom .tricentis-copyright
{
	display: flex;
	justify-content: center;
	margin-top: 20px;
}

.home-footer.tricentis-custom .tricentis-copyright p
{
	margin: 0;
	color: #A7BBD0;
	font-size: 11px;
	line-height: 24px;
	font-weight: 400;
}

.home-footer.tricentis-custom .tricentis-copyright ul
{
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	gap: 0 30px;
}

.home-footer.tricentis-custom .tricentis-copyright ul li
{
	margin: 0;
}

.main-section > .outer-row
{
	background-color: #f7f9fb;
}

.body-container
{
	background-color: #ffffff;
	padding-top: 0em;
	margin-top: .5em;
	padding-left: 2.5em;
	padding-right: 2.5em;
}

.sidenav-container
{
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 2.5em;
}

title-bar-container sticky-container
{
	min-height: none;
}

/*get started pages*/

div.getStarted	/*This is a custom responsive layout row style (div class) for the Get Started pages*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

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

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

div.getStarted > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 1em;
}

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

div.getStarted > div:nth-child(2)
{
	width: 20%;
	margin-left: 5%;
}

div.getStarted > div:nth-child(3)
{
	width: 20%;
	margin-left: 0%;
}

div.getStarted > div:nth-child(4)
{
	width: 75%;
	margin-left: 5%;
}

div.getStarted > div:nth-child(5)
{
	width: 75%;
	margin-left: 0%;
}

div.getStarted > div:nth-child(6)
{
	width: 20%;
	margin-left: 5%;
}

div.getStarted > div:nth-child(7)
{
	width: 75%;
	margin-left: 0%;
}

div.getStarted > div:nth-child(8)
{
	width: 75%;
	margin-left: 5%;
}

div.getStarted > div:nth-child(9)
{
	width: 75%;
	margin-left: 0%;
}

div.getStarted > div:nth-child(10)
{
	width: 20%;
	margin-left: 5%;
}

div.getStarted > div:nth-child(11)
{
	width: 20%;
	margin-left: 0%;
}

div.getStarted > div:nth-child(12)
{
	width: 75%;
	margin-left: 5%;
}

@media only screen and (max-width: 1120px)
{
	.home-footer.tricentis-custom .tricentis-copyright
	{
		flex-direction: column;
	}

	.home-footer.tricentis-custom .tricentis-copyright ul
	{
		flex-wrap: wrap;
	}
}

@media only screen and (max-width: 972px)
{
	.home-footer.tricentis-custom
	{
		font-size: 12px;
	}

	.home-footer.tricentis-custom .links
	{
		margin: 0;
	}

	.home-footer.tricentis-custom > div:nth-child(2)
	{
		margin: 80px 0 0;
	}
}

@media only screen and (max-width: 678px)
{
	.home-footer.tricentis-custom > .links
	{
		flex-wrap: wrap;
		justify-content: flex-start;
		gap: 20px 10px;
	}

	.home-footer.tricentis-custom .links ul
	{
		width: 30%;
	}
}

/* Custom Footer End */

div.slideshow
{
	padding-left: 4em;
	padding-right: 4em;
}

.mc-wrapper .mc-viewport
{
	box-shadow: none;
}

div.home-slides	/*This is a custom responsive layout row style for the product slideshow.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.home-slides::before
{
	content: ' ';
	display: table;
}

div.home-slides::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.home-slides > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: var(--Brand2);
	height: 200px;
	padding-left: 2em;
}

div.home-slides > div:nth-child(1)
{
	width: 15%;
	margin-left: 14%;
}

div.home-slides > div:nth-child(2)
{
	width: 15%;
	margin-left: 4%;
}

div.home-slides > div:nth-child(3)
{
	width: 15%;
	margin-left: 4%;
}

div.home-slides > div:nth-child(4)
{
	width: 15%;
	margin-left: 4%;
}

p.tricentis
{
	color: #ffffff;
	font-size: .9em;
	margin-bottom: 0px;
	text-align: left;
	margin-top: 3em;
}

p.product
{
	color: #ffffff;
	font-size: 2em;
	margin-top: 2px;
	text-align: left;
}

div.home-training-tiles	/*This is a custom responsive layout row style for the training section on the home page.*/
{
	/*
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
	*/
}

div.home-training-tiles::before
{
	/*content: ' ';
	display: table;*/
}

div.home-training-tiles::after
{
	/*content: ' ';
	display: table;
	clear: both;*/
}

div.home-training-tiles > div
{
	/*float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-height: 250px;*/
}

/*
div.home-training-tiles > div:nth-child(1)
{
	width: 20%;
}

div.home-training-tiles > div:nth-child(2)
{
	width: 28%;
	padding-left: 20px;
	padding-right: 10px;
}

div.home-training-tiles > div:nth-child(3)
{
	width: 20%;
}

div.home-training-tiles > div:nth-child(4)
{
	width: 28%;
	padding-left: 20px;
	padding-right: 10px;
}

div.home-training-tiles > div:nth-child(5)
{
	width: 20%;
}

div.home-training-tiles > div:nth-child(6)
{
	width: 28%;
	padding-left: 20px;
	padding-right: 10px;
}

div.home-training-tiles > div:nth-child(7)
{
	width: 20%;
}

div.home-training-tiles > div:nth-child(8)
{
	width: 28%;
	padding-left: 20px;
	padding-right: 10px;
}

div.home-training-tiles > div > p
{
	font-size: 1em;
}

div.home-training-tiles > div > h2
{
	color: var(--Brand1);
	font-size: 1.2em;
	margin: 0px;
}*/

div.home-support	/*This is a custom responsive layout row style for the support tiles at the bottom of the Hom page.*/
{
	mc-grid-row: true;
	margin-left: auto;
	margin-right: auto;
}

div.home-support::before
{
	content: ' ';
	display: table;
}

div.home-support::after
{
	content: ' ';
	display: table;
	clear: both;
}

div.home-support > div
{
	float: left;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 200px;
	padding-left: 1em;
}

div.home-support > div:nth-child(1)
{
	width: 20%;
	margin-left: 15%;
	padding-left: 30px;
}

div.home-support > div:nth-child(2)
{
	width: 20%;
	margin-left: 8%;
	padding-left: 30px;
}

div.home-support > div:nth-child(3)
{
	width: 20%;
	margin-left: 8%;
	padding-left: 30px;
}

img.support
{
	margin-left: -55px;
	vertical-align: -webkit-baseline-middle;
	width: 45px;
	height: auto;
}

div.home-support > div > p
{
	font-size: 1em;
}

p.footer-title
{
	margin-bottom: 12px;
	color: #ffffff;
}

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

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

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

	html.home-topic .nav-search	/*Will not display search in Top Navigation on home page*/
	{
		display: none;
	}

	html.home-topic .body-container
	{
		margin-left: 0;
	}

	div.quick-links > div:nth-child(1)
	{
		width: 24%;
		margin-left: 0%;
	}

	div.quick-links > div:nth-child(2)
	{
		width: 24%;
		margin-left: 14%;
	}

	div.quick-links > div:nth-child(3)
	{
		width: 24%;
		margin-left: 14%;
	}

	div.quick-links > div:nth-child(4)
	{
		width: 24%;
		margin-left: 19%;
	}

	div.quick-links > div:nth-child(5)
	{
		width: 24%;
		margin-left: 14%;
	}

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

	div.home-tiles > div:nth-child(2)
	{
		padding-top: 20px;
		width: 33.33333%;
		margin-left: 0%;
	}

	div.home-tiles > div:nth-child(3)
	{
		width: 33.33333%;
		margin-left: 0%;
	}

	div.home-footer
	{
		padding: 3% 5%;
	}
}

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

	div.home-layout
	{
		padding: 2% 5%;
	}

	div.home-section
	{
		padding: 10% 0;
	}

	img.home-tile
	{
		max-width: 25%;
	}

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

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

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

	div.quick-links > div:nth-child(1)
	{
		width: 49%;
		margin-left: 0;
	}

	div.quick-links > div:nth-child(2)
	{
		width: 49%;
		margin-left: 2%;
	}

	div.quick-links > div:nth-child(3)
	{
		width: 49%;
		margin-left: 0;
	}

	div.quick-links > div:nth-child(4)
	{
		width: 49%;
		margin-left: 2%;
	}

	div.quick-links > div:nth-child(5)
	{
		width: 49%;
		margin-left: 25.5%;
	}

	div.topic-hero
	{
		padding: 15% 0;
	}

	div.topic-hero h1
	{
		font-size: 36pt;
	}

	ul.sidenav li.is-accordion-submenu-parent > a span.submenu-toggle
	{
		border-top-color: #2b2b2b;
	}

	div.home-footer
	{
		margin-top: 40px;
		padding: 5% 5%;
	}

	.home-footer.tricentis-custom .tricentis-copyright
	{
		margin-top: 14px;
	}
}

@media print
{
	body
	{
		font-size: 11pt;
		line-height: 13pt;
		margin: 8px;
	}

	/* Content */

	p
	{
		margin-bottom: 10px;
		margin-top: 10px;
	}

	p.table-text
	{
		font-size: 11pt;
	}

	/* Headings */

	h1
	{
		font-size: 25pt;
		line-height: 27pt;
		margin-bottom: 20px;
	}

	h2
	{
		font-size: 21pt;
		font-weight: normal;
		line-height: 23pt;
		margin-bottom: 18px;
		margin-top: 40px;
	}

	h3
	{
		font-size: 15pt;
		font-weight: bold;
		line-height: 17pt;
		margin-bottom: 15px;
		margin-top: 40px;
	}

	/* Links */

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

/* Overwrite */

.height-container-sidenav
{
	padding-bottom: 0;
}

/* Tricents main custom styling */

.home-section.two-col
{
	display: flex;
	gap: 0 40px;
}

.home-section.two-col .copy-col,
.home-section.two-col .media-col
{
	flex-grow: 1;
	width: 50%;
}

.home-section.two-col .media-col img
{
	width: 500px;
	max-width: 80%;
	align-self: center;
}

.home-section.two-col ol
{
	padding: 0 0 0 26px;
}

.home-section.two-col ol li span,
.home-section.two-col ol li::marker
{
	color: var(--Blaze);
	font-size: 24px;
	font-weight: 600;
}

.home-section.two-col ol li:not(:last-child)
{
	margin-bottom: 24px;
}

@media only screen and (max-width: 972px)
{
	.home-section.two-col .copy-col,
	.home-section.two-col .media-col
	{
		width: 100%;
	}
}

.home-footer.tricentis-custom > div:first-child img
{
	width: 176px;
}