@import url('styles.css');
@import url('prism.css');
@import url('TableStyles/PyramidTableAirStriped.css');
@import url('TableStyles/PyramidTableAir.css');


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

@font-face 
{
	font-family: 'PT Sans';
	src: url(../Fonts/PTSans-Regular.ttf);
}

@font-face 
{
	font-family: 'PT Sans Bold';
	src: url(../Fonts/PTSans-Bold.ttf);
}

@font-face 
{
	font-family: 'Open Sans';
	src: url(../Fonts/OpenSans-Regular.ttf);
}

@font-face 
{
	font-family: 'Open Sans Bold';
	src: url(../Fonts/OpenSans-Bold.ttf);
}

@font-face 
{
	font-family: 'Open Sans Semi-Bold';
	src: url(../Fonts/OpenSans-SemiBold.ttf);
}

@font-face 
{
	font-family: 'PT Sans Narrow-Bold';
	src: url(../Fonts/PTSansNarrow-Bold.ttf);
}

@font-face 
{
	font-family: 'PT Sans Narrow';
	src: url(../Fonts/PTSansNarrow-Regular.ttf);
}

@font-face 
{
	font-family: 'Outfit';
	src: url(../Fonts/Outfit-VariableFont_wght.ttf);
}

@font-face 
{
	font-family: 'Roboto';
	src: url(../Fonts/Roboto-VariableFont_wdth.ttf);
}

body
{
	font-family: Roboto, Aptos, Arial, Helvetica, sans-serif;
}

h1
{
	font-family: Outfit, Aptos, Lato, Arial, Helvetica, sans-serif;
	font-weight: 400;
}

h1.hero
{
	color: #000000;
	text-shadow: 1px 1px #ffffff;
	font-family: Outfit, Aptos, Lato, Arial, Helvetica, sans-serif;
	font-weight: 400;
}

h2
{
	font-family: Outfit, Aptos, Lato, Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	font-weight: 400;
}

h3
{
	font-family: Outfit, Aptos, Lato, Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight: 400;
}

h4
{
	font-family: Outfit, Aptos, Lato, Arial, Helvetica, sans-serif;
	font-size: 1.05em;
	font-weight: 500;
}

h5
{
	font-size: 0.95em;
	font-weight: 500;
}

h5.hero
{
	color: #000000;
	text-shadow: 1px 1px #ffffff;
	font-weight:500;
}

h6.movies
{
	margin-block-start: 0.8em;
	color:#333333;
	font-weight: 600;
}

p.Note
{
	color: #6200be;
	
	border-color: #6200be;
	border-left-width: 6px;
	border-left-style: solid;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	
	background: linear-gradient(60deg, rgba(236,229,250,1) 46%, rgba(218,247,255,1) 100%);
  
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}

p.Warning
{
	color: #f2542d;


	border-color: #f2542d;
	border-left-width: 6px;
	border-left-style: solid;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	
	background: linear-gradient(60deg, rgba(252,223,217,1) 46%, rgba(255,243,218,1) 100%);
  
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	
}

p.Tip
{
	
	color: #00aa75;


	border-color: #00aa75;
	border-left-width: 6px;
	border-left-style: solid;
	border-top-right-radius: 7px;
	border-bottom-right-radius: 7px;
	
	background: linear-gradient(60deg, rgba(207,249,227,1) 46%, rgba(235,216,255,1) 100%);
  
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	

}

p.Note > b, p.Note > i
{
	color: #6200be;
}

p.Warning > b, p.Warning > i
{
	color: #f2542d;
}

p.Tip > b, p.Tip > i
{
	color: #00aa75;
}


p.apitabhead
{
	color: #555555;
	text-wrap: wrap;
	font-weight:bold;

}

td.tdhead{
	width:55px;
	vertical-align:bottom;
	text-align:center;
}

ul.menu.mc-component li
{
	font-family: Roboto,  Aptos,  sans-serif;
}

ul.navigation li > a
{
	font-family: Outfit, PT Sans Bold,  Lato, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 15px;
	color: #222222;
	padding-right: 5px;
	font-weight:500;
}

li
{
	font-family: Roboto, Aptos,  sans-serif;
}

.search
{
	border: 1px solid #d1d1d1;
	border-radius: 20px;
}
li.index
	{
		color:#222222;
	}

span.miniIndex
	{
		font-size:11px;
		color:#b1b1b1;
	}
	
	ul.miniIndex
	{
		margin-bottom:3px;
		margin-top:0px;
	}
	
ol.toc
{
	padding-left:20px;
}

ol.lev0
{
	list-style-type: upper-alpha;

}
ol.lev0>li{
		font-size: 15px;
		margin-bottom:10px;
		font-style:normal;
}

ol.lev1>li{
		font-size: 13px;
		font-weight:bold;
		font-style:normal;
}



ol.lev2
{
	list-style-type: upper-roman;
	
}

ol.lev2>li{
		font-size: 13px;
		font-weight:normal;
		font-style:normal;
}

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

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

ol.lev6>li
{
	font-style:italic;
}

@media (min-width: 1025px)
{
	form.search
	{
		top: 15px;
	}

	div.nav-search.row.outer-row
	{
		margin-top: 0px;
	}
}

@media (max-width: 1024px)
{
	form.search
	{
		margin-bottom: 4px;
	}

	.title-bar-section a.logo
	{
		margin-top: 5px;
	}
}

.title-bar
{
	border-bottom: 1px solid #d1d1d1;
}

div.hero-image
{
	top: 60px;
}

/*
span.home-buttons > a
{
	border-radius: 20px;
	background-color: #F2542D;
	font-size: 10px;
	text-transform: uppercase;
	font-weight: normal;
}
*/

span.home-buttons > a
{
	border-radius: 20px;
	border:3px solid #9b83e3;
	/* #00bd9d;*/
	font-size: 10px;
	text-transform: uppercase;
	font-weight: normal;
}

.welcomeCard
{
	border-radius: 8px;
	box-shadow: 4px 4px 10px 3px #cccccc;
	min-height:224px;
}

div.wcshell
{
	padding-bottom: 10px;
}

.wcyellow
{
	border-bottom: 5px solid #ffcb47;
}

.wcblue
{
	border-bottom: 5px solid #0eafdb;
}

.wcred
{
	border-bottom: 5px solid #f2542d;
}

.wcpurple
{
	border-bottom: 5px solid #755cc0;
}

.wcorange
{
	border-bottom: 5px solid #F67B24;
}

.wcgreen
{
	border-bottom: 5px solid #44B42E;
}

.wcgreen2
{
	border-bottom: 5px solid #00BD9D;
}


.wcpink
{
	border-bottom: 5px solid #F169A7;
}

.wcblack
{
	border-bottom: 5px solid #111111;
}

div.movie
{
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	background: linear-gradient(60deg, rgb(224 254 255) 20%, rgb(255 236 162) 100%);
	margin-top: 5px;
	margin-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 6px solid #fbc500;
	box-shadow: 4px 4px 10px 3px #cccccc;
}

/* Add some basic CSS for styling the tabs and content */

.sdk-tabs
{
	display: flex;
	background-color: #ffffff;
}

.tab-sdk
{
	padding: 5px 10px;
	background-color: #fff;
	cursor: pointer;
	border-bottom: 1px solid #77b5d1;
	font-size: 12px;
	font-family: arial, lato, sans-serif;
	color: #aaaaaa;
}

.tab-sdk.active
{
	background-color: #fff;
	/* Background color for the active tab */
	border-top: 1px solid #77b5d1;
	border-left: 1px solid #77b5d1;
	border-right: 1px solid #77b5d1;
	border-bottom: 0px solid #77b5d1;
	border-radius: 5px 5px 0px 0px;
	color: #222222;
}

.tab-pane-sdk
{
	display: none;
	padding: 10px;
}

.tab-pane-sdk.active
{
	display: block;
}

.miniSideMenu
{
	background-color: #f8f8f8;
	border: 1px solid #cccccc;
	border-radius: 8px;
	padding: 5px;
	box-shadow: 4px 4px 4px #e3e3e3;
	overflow-y: auto;
}

.miniSideMenu > p
{
	/*font-family: PT Sans Narrow, Lato, Arial, Helvetica, sans-serif;	*/
	font-size: 12px;
	color: #006699;
	/*line-height:1.1em;*/
}

.miniSideMenuA
{
	cursor: pointer;
}

/* 'title' makes it use the title, but I'm trying to get it to use H1 */
MadCap|xref
{
	mc-format: '{paratext}';
	text-decoration: none;
}

/* Not currently used - valid */
table.dswparameter
{
	font-size: 12px;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    background-color: #fdfdfd;
	color: #696969;
	width:99%;
	
}

table.dswparameter tr:nth-child(odd) {
	background-color: #fefefe;
}

table.dswparameter tr td:nth-child(1) {
	width:150px;
	padding-left:5px;
}

table.dswparameter tr td:nth-child(2) {
	padding-left:5px;
} 


table.dswparameter tr td:nth-child(3) {
	width:90px;
} 

table.dswparameter tr td:nth-child(4) {
	width:120px;
	text-align:center;
} 

table.dswparameter tr td:nth-child(5) {
	width:90px;
	text-align:center;
} 

table.dswparameter tr td {
	 border-bottom: 1px solid #e1e1e1;
}

table.dswparameter tr:nth-child(even) {
	background: color-mix(in srgb, #b7dded, transparent 70%); 
}

table.dswparameter tr td:first-of-type {
	color: #000000;
	font-weight:700; 
}

table.dswparameter tr:nth-child(1) td {
	background-color: #639fb8;
	font-weight: bold;
	color: #000000;
	vertical-align: middle;
}
 
table.dswparameter a.dswlink {
	color: #abd8eb;
	font-weight:500;
	background-color:color-mix(in srgb, #abd8eb, transparent 50%);
	border-radius:4px;
	vertical-align:middle;
	padding:1px;
}
  
/*  */ 
 @media only screen and (max-width: 1024px)
{
	
	table.dswparameter > tbody > tr > td:nth-child(4), table.dswparameter >  tbody > tr > td:nth-child(5) {
		display:none;

	}
	
}

 @media only screen and (max-width: 450px)
{
	table.dswparameter >  tbody > tr > td:nth-child(1) {
	  width:110px;

	}
	
	
	table.dswparameter >  tbody > tr > td:nth-child(3), table.dswparameter >  tbody > tr  > td:nth-child(4), table.dswparameter >  tbody > tr  > td:nth-child(5)  {
		display:none;

	}
	
}
	


/* Not currently used -  */
table.dsw
{
        font-size: 12px;
        border-bottom: 1px solid black;
        border-top: 1px solid black;
        background-color: #fdfdfd;
		color: #696969;
		width:90%;
}		
		
	table.dsw > tbody >tr:nth-child(odd) {
	  background-color: #fefefe;

	}
	
	table.dsw >  tbody >tr >td:nth-child(1) {
	  width:200px;
		padding-left:5px;
	}
	
	table.dsw >  tbody >tr >td:nth-child(2) {
		padding-left:5px;
	}
	
	
	table.dsw >  tbody >tr >td {
	    border-bottom: 1px solid #e1e1e1;

	}

	table.dsw >  tbody >tr:nth-child(even) {
	background: color-mix(in srgb, #e1e1e1, transparent 50%);
	vertical-align: middle;
  }
  
 	table.dsw >  tr >td:first-of-type {
	color: #000000;
	font-weight:700;
  }
  
  
 	table.dsw >  tr:nth-child(1) > td {
	background-color: #e1e1e1;
	color: #000000;
	font-weight:700;
	vertical-align: middle;
  }
  
  
  
	


div.MCBreadcrumbsBox_0
{
    background-color: #f7f7f7;
    border: 1px solid #d1d1d1;
    margin-bottom: 10px;
    padding: 3px;
    border-radius: 8px;
    padding-left: 6px;
    font-size: 12px;
    
}

p.iwistia
{
	 font-size: 13px;
}


.off-canvas {
  background-color: #98cce1;
}
	
	
ul.off-canvas-list li a {
        color: #ffffff;
}

table.xltable
{
	border-top:2px solid #777777;
	border-bottom:2px solid #777777;
	padding:0px;
}

td.xlheader
{

	background-color: #a9deff;
	padding-right:4px;
	padding-left:4px;
}

td.xlrow1
{

	padding-right:20px;
	padding-left:4px;
}

td.xlrow2
{

	background-color: #e6e6e6;
	padding-right:20px;
	padding-left:4px;
}

pre.prettyprint
{
	background-color:#444444;
	color:white;
	font-size:13px;
	border-radius:4px;
	padding:3px;
	margin-top:7px;
	margin-bottom:7px;
	
}

img.imgFloater
{
	margin-right:10px;
	float:left;
    clear: left;
    vertical-align: baseline;
	
}