@import "./theme.css";

html
{
	overflow-y: scroll;
	position: relative; /* position and min-height together with the footers position absolute and bottom:0 makes sticky footer */
	min-height: 100%;
}


body
  {
	margin: 0px;
	border-width: 0px;
	font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
	/* background-color: white; */
	color: var(--text_color_normal);
	font-size: 130%;
	line-height:1.6em;
	cursor: default;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
	background-attachment:fixed;
	/* min-height: 100%; */
	margin-bottom: var(--page_footer_height);
	}

.nomobile {}  

a, a:link {font-weight: bold;text-decoration: none;font-style: italic;color: #1570a6;}
a:hover {	text-decoration: underline;}

h1 {font-weight: bold;color: #404040;margin-bottom: 1em;margin-top: 1em;letter-spacing: 0.3em;line-height:1.2em;font-size: 2.5em;text-shadow: 10px 10px 0.6em #3b5a8f;}

h2 {font-weight:bold;margin-top:3em;}

h3 {
	font-size: 110%;
	font-variant: normal;
	font-weight: bold;
	text-decoration: none;
}


.headerbar_print, .footerbar_print
{
	display: none;
}

.headerbar_screen, .footerbar_screen
{
	display: block;
}

.footerbar_screen
{
	position: absolute;
	bottom: 0;
}

.bar.footerbar
{
}

	.footerbar a
	{
		font-weight: normal;
		text-decoration: none;
		font-style: normal;
		color: #eee;
		padding: 0;
	}


.menubutton {  display:none;}

.navbartop
{
	background-color: #606060;
	color: #FFFFFF;
	padding: 0em 0em 0em 0em;
	font-weight: bold;
}

.navbartop ul        { padding: 0.25em 0em 0.25em 0em;  margin: 0; overflow:visible;}
.navbartop li        { list-style: none;  display: inline;  margin: 0em;  padding: 0em 1.5em 0em 0em;  text-align: left;}
.navbartop li > ul   { display:none;}
.navbartop a         { text-decoration: none;  color: #c0c0c0;  font-style: normal;}
.navbartop a:hover   { color: white;}

/*.navbarMenuAndSearch {height:2.2em;}*/
.navbarMenu     {width:87%;}
.navbarSearch   {/* width:11%; *//* float:right; */}

/*.navbarleft ul {padding-left:-1em;}*/
.navbarleft li > ul
{
	padding-left:1em;
	padding-top:0em;
}
.navbarleft li {list-style: none; padding-bottom:0em;text-indent:-1em}
.navbarleft li > ul > li { 	display:none; 	padding-bottom:0.12em;  	padding-top:0.12em;}
.navbarleft li > ul > li > ul >li {	font-size: small; line-height: 1.3em;}
.navbarleft a                     {	text-decoration: none;	font-style: normal;	font-weight: normal;}
.navbarleft a:hover               {	color: #000000; background-color:#eee;}
/*.navbarleft li:first-line {margin-left:2em; color:red;}*/

.navbarleft li#id_appnotes > ul > li {	font-size: small; line-height: 1.3em;}

.navbarleft > ul
{
	margin-left:0em;
	padding-left:1em;
	padding-right:1em;
	float: left;
	padding-top: 1em;
	width: 227px;
	font-weight: bold;
}


.navbarleft_prodname {float:left}
.navbarleft_proddesc {float:right; color:#ccc;margin-right:2em;font-weight:normal}




.contentbar
{
	background-color: white;
	color: #808080;
	padding-bottom: 2em;
}

.headerbar_print    { display:none;}

.footerbar_print    { display:none;}


.bodyMid {	max-width: 1280px; min-width:700px; padding-left:25px;padding-right:25px; margin-left:auto; margin-right:auto; background-color:transparent;
/*    -ms-flex: 1;
    -webkit-flex: 1;
    flex: 1;*/
 }

.hor_mid, .bodyMid {margin: auto; }
.hor_mid {  width:100%;}

.rightcontent
{
	overflow: hidden;
	margin-left: auto;
	min-height: 600px;
	display:block;
}



.firstpage_footer {display:none;}


.abstract {
  /* font-style: normal; */
  padding-bottom: 0.5em;
  letter-spacing: 0.1em;
  font-size: 150%;
  line-height: normal;
}



.prod_main_image {width:50%;}

.prod_aux_image {float:right;}

.download_button,
#download_most_recent
{
background-color:#214BA1;	
color:white;
font-weight:bold;
padding: 0.2em 1em;
margin: 0 0.5em;
}
	.download_button a,
	#download_most_recent a
	{
		color: white;
		font-style: normal;
	}
		.download_button a:before,
		#download_most_recent a:before
		{
			content: "\27a4\a0\a0 Download Rev.\a0\a0";
		}


.shadow /*, .datasheeticon*/
{
	-moz-box-shadow: 3px 3px var(--shadow_size) var(--shadow_color);
	-webkit-box-shadow: 3px 3px var(--shadow_size) var(--shadow_color);
	box-shadow: 0 0 var(--shadow_size) var(--shadow_color);
	;
	/* For IE 8 */
	/*-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#808080')";*/
	/* For IE 5.5 - 7 */
	/*  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='#808080');*/
}

.featurelist
{
  /* list-style: square; */
  /* list-style-position: outside; */
  font-weight:bold;
  margin-top:0;
  padding-top:0;
  /* background: linear-gradient(to bottom right,#e0e0e0,#ffffff); */
  color: slategrey;
  border-bottom: 1px solid #ccc;
  margin-bottom: 0.7em;
}
.featurelist li {margin-right: 2em;/* display: inline-block; */}
.featurelist ul {margin-top:0em;/* margin-bottom:0.5em; */list-style-type: square;padding-left: 1em;}

.techdata {}
.techdata td {padding-right:1.5em;padding-bottom:0.5em;}
.techdata tr:hover td {background: #eee;}

.footnote {font-size:small;text-align:right;line-height: 1.3em;}


.variants a, .variants_acc a {color:inherit;font-weight:inherit;font-style:inherit;text-decoration: underline;}

.product_status
{
	color: red;
	font-size: 10vw;
	line-height: 1em;
	font-weight: bold;
	position: fixed;
	left: var(--page_hor_margin);
	z-index: 5;
	top: 2em;
	-webkit-transform: rotate(var(--product_status_rotation));
	-moz-transform: rotate(var(--product_status_rotation));
	-o-transform: rotate(var(--product_status_rotation));
	transform: rotate(var(--product_status_rotation));
	opacity: 0.75;
	padding: 0.25em;
	height: 2em;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
}
	.product_status.new
	{
		color: yellow;
		text-shadow: 0px 0px 0.3em black;
	}
	.product_status.relaunch
	{
		color: #d9f675;
		text-shadow: 0px 0px 0.3em black;
		font-size: 5vw;
	}

iframe.revision_list
{
	scrollbar-width: none; /* Firefox */
	border: none;
	width: 100%;
}



/* Monitor changes and notification overlay */

iframe.monitor_changes
{
	position: fixed;
	width: 12em;
	height: 15em;
	z-index: 1;
	right: 1em;
	top: 50vh;
	border: none;
	transform: translateY(-50%);
}
div.monitor_changes
{
	font-size: 80%;
	padding: 0;
	margin: 0.8em;
	line-height: 1.4em;
	/*cursor: pointer;*/
	/* display: grid; */
	/*height: 100vw;*/
	background-color: white;
	border-radius: 0.5em;
	box-shadow: 0 0 var(--shadow_size) var(--shadow_color);
}
	div.monitor_changes .visualping
	{
		text-align: center;
		padding: 0.5em;
		text-align: center;
	}
	div.monitor_changes.rss
	{
		text-align: left;
		/*padding: 0.3em;*/
		display: none;
	}
	div.monitor_changes .footnote {
		background-color: #0eb6e8;
		/*position: fixed;*/
		/*bottom: 0;*/
		/*width: 100%;*/
		text-align: center;
		padding: 0.3em;
		color: white;
		border-bottom-left-radius: 0.7em;
		border-bottom-right-radius: 0.7em;
	}
	div.monitor_changes .icon
	{
		height: 1.3em;
		vertical-align:text-bottom;
		padding-right: 0.5em;
		padding-left: 0.5em;
		padding-top: 0.4em;
	}
	div.monitor_changes ul
	{
		padding: 0 0 0.5em 1.7em;
		margin-top: 0.3em;
	}

	div.monitor_changes .copy-bubble {
		position: absolute;
		right: 3em;
		background: #333;
		color: #fff;
		padding: 0.5em;
		border-radius: 0.5em;
		opacity: 0;
		pointer-events: none;
		transition: opacity 0.3s ease;
		white-space: nowrap;
	}

.datasheeticon
{
	padding: 0.2em;
	margin: 0.2em;
	background-color: #A42900;
	color: white;
	font-weight: bold;
	font-size: medium;
}
.datasheeticon:before {	content:"PDF"}

.iconTile
{
	width: 128px;
	height: 92px;
	text-align: center;
	color: black;
	background-color: #F0F0F0;
	padding: 32px 0.3em 0.3em 0.3em;
	margin-right: 1em;
	margin-bottom: 1em;
	float: left;
	line-height: normal;
	font-weight: normal;
	font-style: normal;
}
.iconTile img {  margin-bottom:1em;}

kbd,
.gui_button
{
	border: 1px solid silver;
	padding: 0px 0.6em 0.1em 0.6em;
	margin-left: 0.3em;
	margin-right: 0.3em;
	border-radius: 0.2em;
	background-color: #F0F0F0;
	font-style: unset;
	font-family: unset;
	box-shadow: 0.05em 0.05em 0.1em 0 #aaa;
}
kbd.windows_logo:before
{
	font-weight:800;
	content: "\229E";
	margin-right: 0.5em;
}
.gui_tab
{
	border-top: thin solid silver;
	border-left: 1px solid silver;
	border-right: 1px solid silver;
	border-bottom:2px grey solid;
	border-top-left-radius: 0.2em;
	border-top-right-radius: 0.2em;
	padding:  0px  0.3em 0 0.3em;
	background-color:#F0F0F0;
}
.gui-menuitem
{
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	padding:  0px 1.5em  0.1em 0.3em;
	margin-left: 0.3em;
	margin-right: 0.3em;
	background-color:#F0F0F0;	
}
.gui_property
{
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
	border-left:1px solid silver;
	padding:  0px 1em 0px 0.3em;
	margin: 0  0.3em 0 0.3em;
	background-color:#F0F0F0;
	font-size:0.75em;
}
.gui_widget
{
	border: 1px solid silver;
	padding:  0px 0.3em 0.1em 0.3em;
	margin-left: 0.3em;
	margin-right: 0.3em;
	border-radius:0.2em;
	background-color:#F0F0F0;
}

.formula_box
{
	border: 0.1em silver solid;
	padding: 0.3em  1em 0.7em 0.5em;
	margin:  0.5em 0 0.5em 0;
	background-color:#F0F0F0;
	font-style:italic;
	width:95%;
}


.noprint {}