/*<meta />*/

/*==Topic General Styles==*/

@import url('WebSite.css');

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

html
{
	font-size: 100%;
}

body
{
	font-family: 'Roboto';
	color: #5b5c5f;
	font-size: 1rem !important;
	background-color: #fff;
}

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

h1
{
	font-size: 1.8rem;
	font-weight: normal;
	margin-bottom: 8px;
	padding-bottom: 10px;
	margin-top: 20px;
	color: #0085c9;
}

h2
{
	font-size: 1.5rem;
	font-weight: bold;
	margin-bottom: 4px;
	margin-top: 20px;
}

h3
{
	font-size: 1.3rem;
	font-weight: normal;
	margin-bottom: 4px;
	margin-top: 16px;
	color: #0085c9;
}

h4
{
	font-size: 1.1rem;
	color: #708395;
}

h5
{
	font-size: 1rem;
}

li
{
	margin-bottom: 6px;
	margin-top: 6px;
}

li p
{
	margin-top: 0;
	margin-bottom: 0;
}

img	/*Setting max-width: 100%; property makes images always fit the width of the container*/
{
	width: auto;
	height: auto;
	max-width: auto;
	max-height: auto;
	mc-thumbnail: none;
	mc-thumbnail-max-height: auto;
}

img.thumbnail
{
	mc-thumbnail: none;
}

table
{
	width: 100%;
}

MadCap|breadcrumbsProxy
{
	border-bottom: none;
	font-size: 0.85rem;
	font-style: italic;
	mc-breadcrumbs-prefix: '';
	mc-breadcrumbs-count: 10;
}

a.MCBreadcrumbsLink,
a,
a *
{
	text-decoration: none;
	color: #0085c9;
}

a.MCBreadcrumbsLink:visited
{
	color: purple;
}

a.MCBreadcrumbsLink:hover
{
	color: #000000;
}

a:hover,
a:hover span,
.card-items li a:hover,
div.dlpage-div a:hover i::before
{
	color: #00377c;
}

MadCap|xref
{
	color: #2D8DCC;
	mc-format: '{para}';
}

MadCap|xref:hover
{
	color: #00377C;
}

MadCap|dropDownHotspot
{
	color: #0085c9;
}

MadCap|dropDownHotspot:hover
{
	color: #00377C;
}

MadCap|dropDown	/*Change the "mc-open-image" and "mc-closed-image" properties to change the icons used in drop-downs*/
{
	mc-open-image: url('../Images/Icons/Arrows/arrow-down-gray.png');
	mc-closed-image: url('../Images/Icons/Arrows/arrow-right-gray.png');
}

/* 2d Drop down lists*/

.dropDown.dropDownSecondLevel
{
	background-color: #e5e5e5;
	padding: 5px;
	margin-bottom: 3px;
}

.dropDownBody
{
	margin-bottom: 3px;
	margin-top: 5px;
	margin-left: 15px;
}

.dropDownSecondLevel .dropDownBody
{
	border: 0;
}

/*==Master Page Topic Layout==*/

nav.title-bar	/*Adds bottom border on top navigation bar*/
{
	border-bottom: 1px solid #d3d3d3;
}

.title-bar-layout
{
	background: #ffffff url('../Images/Logos/logo-pdt.png') no-repeat right top;
}

div.top-bar	/*Contains the breadcrumbs and toolbar*/
{
	border-bottom: 1px solid #d3d3d3;
	min-height: 35px;
	/*Min-height is necessary for topics that are not included in a TOC*/
}

div.top-bar div
{
	display: inline-block;
	margin-bottom: 0;
	background-color: #ffffff;
}

div.top-bar button:hover
{
	background-color: #f3f2f2 !important;
}

div.search-container
{
	padding-bottom: 20px;
}

/*==Elements for the left side of Master Page layout==*/

div.side-menu	/*This is the div that the menu proxy is contained in*/
{
	padding-left: 10px;
	margin-top: 15px;
}

div.side-content	/*This is the div for the side-content containing "Search Tips" and the "Contact Support" button*/
{
	padding-top: 10px;
}

MadCap|dropDownHead.side-content	/*Font properties for the "Search Tips" drop-down head */
{
	font-size: 0.85rem;
	font-weight: bold;
}

/* Side Menu: first level with uppercase */

ul.menu._Skins_HOME_SideMenu.mc-component > li > a
{
	text-transform: uppercase;
}

/* Versions dropdown menu */

div.cta-wrappler
{
	text-align: left;
	z-index: 9998 !important;
	position: fixed;
	top: 72px;
}

div.cta-wrappler.noToc
{
	top: 30px;
	margin-left: 250px;
}

div.cta-wrappler,
div.cta-wrappler.noToc
{
	font-size: 0.85rem;
}

/* Dropdown button */

.dropdown
{
	border: none;
	outline: none;
	margin: 0;
	/* Important for vertical align on mobile phones */
}

.dropdown button
{
	min-width: 90px;
	text-align: center !important;
	color: #0085c9 !important;
	padding: 5px 15px;
	border: 1px solid #0085c9;
	-moz-border-radius: 16px;
	-webkit-border-radius: 16px;
	border-radius: 16px;
	background-color: #ffffff;
}

.dropdown button:hover
{
	color: #00377c;
	border-color: #00377c;
}

/* Dropdown content (hidden by default) */

.dropdown-content
{
	display: none;
	position: relative;
	padding: 8px;
	background-color: #ffffff;
	box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.1);
	z-index: 9999;
}

/* Links inside the dropdown */

.dropdown-content a
{
	display: block;
}

/* Add a grey background color to dropdown links on hover */
/* Show the dropdown menu on hover */

.dropdown:hover .dropdown-content
{
	display: block;
}

/* SUB MENU */

ul.navigation li.has-children a::after
{
	content: '\f107';
	font-family: 'Font Awesome 6 Free';
	padding-left: 5px;
	font-weight: 900;
}

ul.navigation li.has-children ul.sub-menu li.has-children a::after
{
	position: absolute;
	border: none;
	content: '\00bb';
	font-size: 0.7em;
}

ul.navigation li.has-children ul.sub-menu li a::after,
ul.navigation li.has-children ul.sub-menu li.has-children ul.sub-menu li a::after
{
	content: '';
	font-family: 'Font Awesome 6 Free';
	padding-left: 5px;
}

div.cta	/*Call to action button/Contact Support button*/
{
	font-size: 1rem;
	line-height: 1.5rem;
	padding: 2px 0px;
	width: 125px;
	color: #899299;
	transition: all 0.5s cubic-bezier(.25,.8,.25,1);
	margin: 0;
	display: inline-block;
	background-color: #e1e1e1;
}

div.cta.active
{
	background-color: #FFF;
	color: #0085c9;
}

div.cta:hover	/*When hovering over the CTA button the following properties will apply*/
{
	/* box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23);
	transform: scale(1.01);
	background-color: #FFF;*/
}

a.cta:link,
a.cta:visited
{
	color: #FFF;
	text-decoration: none;
}

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

div.topic-layout::before
{
	content: ' ';
	display: table;
}

div.topic-layout::after
{
	content: ' ';
	display: table;
	clear: both;
}

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

div.topic-layout > div:nth-child(1)	/*Menu Proxy container*/
{
	width: 25%;
	margin-left: 0%;
	border-right: 1px solid #d3d3d3;
}

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

div.ord p	/*Complex Selector: Any <p> that is contained within div.footer will have the following properties*/
{
	color: #5b5c5f;
	font-size: 0.85rem;
}

div.footer
{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	border-top: 1px solid #d3d3d3;
}

div.footer p	/*Complex Selector: Any <p> that is contained within div.footer will have the following properties*/
{
	color: #899299 !important;
	font-size: 0.85rem;
	line-height: 1.5rem;
}

div.footer p a:hover
{
	color: #0085c9;
}

div.footer p a,
div.footer p a i
{
	color: inherit;
	font-size: inherit;
}

div.footer p a:hover img
{
	-webkit-filter: saturate(100%) hue-rotate(200deg);
	filter: saturate(100%) hue-rotate(200deg);
}

.display-left
{
	float: left;
}

/* Bug Flare 2020 : Alignement Footer - preco Madcap */

.height-container
{
	position: initial;
}

/* Bug search Bar icon : Filter:hover */

.search-bar._Skins_HOME_SearchBar.mc-component .search-filter:hover
{
	background-position: 0 -7px;
}

/* Relationshipsproxy */

MadCap|relationshipsProxy
{
	border: solid 1px #D2D2D2;
	background-color: #ffffff;
	margin: 20px 0 10px;
	padding-top: 5px;
	padding-bottom: 15px;
	border-radius: 10px;
}

MadCap|relationshipsHeading
{
	font-size: 0.9rem;
	margin: 4px 0;
}

MadCap|relationshipsHeading.concept,
MadCap|relationshipsHeading.reference,
MadCap|relationshipsHeading.task
{
	font-size: 0.9rem;
}

MadCap|relationshipsItem
{
	font-size: 0.8rem;
	margin: 4px 0;
}

p[class*="sourceHeading_source"]::before,
p[class*="cibleHeading_cible"]::before
{
	padding-right: 5px;
	/* content: url('../icons/more-link-2.png'); */
}

/******************** Specific styles for Responsive ********************/

@media only screen and (max-device-width: 800px)
{
	.title-bar-layout
	{
		background-position: right 50px top 8px;
		background-size: auto 50px;
	}

	.title-bar-layout a.logo
	{
		background-size: 200px auto;
		background-position: left center;
	}

	.main-section
	{
		overflow: hidden;
	}

	div.cta-wrappler,
	div.cta-wrappler.noToc
	{
		font-size: 0.85rem;
		top: 26px;
		margin-left: 180px;
	}

	div.topic-layout > div:nth-child(1)
	{
		white-space: normal;
	}

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

	div.side-menu,
	div.side-menu div
	{
		margin: 0;
	}

	nav.title-bar .menu-icon
	{
		right: 0;
	}

	div.footer p	/*Complex Selector: Any <p> that is contained within div.footer will have the following properties*/
	{
		font-size: 0.8rem;
		line-height: 1.3rem;
	}
}

@media only screen and (max-device-width: 480px)
{
	.title-bar-layout
	{
		background: #ffffff url('../Images/Logos/sigle-pdt.png') no-repeat right 40px top;
	}

	.title-bar-layout a.logo
	{
		background-size: 200px auto;
		background-position: left bottom 5px;
	}

	div.cta-wrappler,
	div.cta-wrappler.noToc
	{
		top: 26px;
		margin-left: 180px;
	}

	div.top-bar
	{
		min-height: 0;
		border-bottom: 0;
	}

	div.topic-layout > div:nth-child(1)
	{
		display: none;
	}

	div.topic-layout > div:nth-child(2)
	{
		width: 98%;
		margin-left: 2%;
	}

	.main-section
	{
		padding-bottom: 110px;
	}

	div.footer p
	{
		font-size: 0.75rem;
		line-height: 1.2rem;
	}

	.footerBreak
	{
		display: table-column;
	}

	i.fa
	{
		font-size: 0.85rem;
	}

	div.cta-wrappler
	{
		top: 26px;
		margin-left: 180px;
	}
}

@media only screen and (max-width: 380px)
{
	.title-bar-layout
	{
		background-image: none !important;
	}

	div.cta-wrappler
	{
		top: 26px;
		margin-left: 180px;
	}
}

