a {text-decoration: none}
.analyzer  {color:white;font-size:40;font-family:Century,Segoe UI;font-style:italic;font-weight:600; height:30pt}
.func     {margin:2;font-family:Segoe UI; font-size: 10pt;border:solid 1px #003366;}
.funcHead {margin:2;font-family:Segoe UI; font-size: 10pt;font-weight:600;background:#339999;border:solid 1px #339999;}
.over     {margin:2;font-family:Segoe UI; font-size: 10pt;background-color:black;color:white;cursor: pointer;border:solid 1px white;}
.center {margin-left: auto;margin-right: auto;text-align:center;}
#desc   {padding-left: 20px;padding-right: 20px;}
#SA     {color:#CC0000;font-weight:bolder;}

.main   {padding-left:10px;font-family:Segoe UI;font-size:10pt;}
.bot 	{padding-left:20px;text-align:left;font-family:"Segoe UI";font-size:1rem;word-wrap:break-word;white-space:normal;}
.faq 	{margin-left: auto; margin-right:auto; height:auto;}

.oper {padding:0px 20px;font-weight:bold;color:yellow;font-size: 14pt;}

.example  {background:#f0fff0;margin-left: auto; margin-right:auto; height:auto;
				text-align:center;width:520px;border-radius: 5px;color:black;font-weight:600;}
.exampleLeft  {margin-left:20px;background:#f0fff0;height:auto;
				text-align:left;width:520px;border-radius: 5px;color:black;font-weight:600;}

.exampleText {text-align:left;font-size:13;font-family: "Consolas", Verdana;font-weight:400;padding:5px;}
.slope  {margin-left: auto; margin-right:auto;text-align:left;width:620px;}

.link 	{text-decoration: none;color: yellow;}
.hide { position:absolute; top:-1px; left:-1px; width:1px; height:1px; }

.menu {
	border-radius: 10px;
	/* width: 100%; */
	text-align: center;
	font-family:Segoe UI;
	font-size:20px;}
.menu div {
	display: inline-block;
	/* display: table-cell; */
	width: 130px;
	padding: 0px;
	color: rgb(243, 245, 151);
	font-weight: 500;
	text-decoration: none;
	transition:all 0.2s ease;
	cursor:pointer;}
.menu div:hover {
	background:#6298ce;
	border-radius: 10px;}

.mA {width:fit-content;text-align:center;
	padding:2 25;
	display: inline-block;
	border-radius: 5px;
	background:rgb(85, 127, 141);
	color:black;}

.f0 {width:fit-content;text-align:center;
	padding:2 25;
	display: inline-block;
	border-radius: 5px;
	background:#003366;
	color:white;
	cursor:hand}
.f1 {width:fit-content;text-align:center;
	padding:2 25;
	display: inline-block;
	border-radius: 5px;
	background:white;
	color:black;
	cursor:hand}
.fA {width:fit-content;text-align:center;
	padding:2 25;
	display: inline-block;
	border-radius: 5px;
	background:#FFFF99;
	color:black}

.fnt1   {font-size:3;font-family: Verdana;}
.fnt5   {font-size:5;font-family: arial;}
.fnt12  {font-size:12;font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;}
.fnt13  {font-size:13;font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;}
.fnt14  {font-size:14;font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;}
.fnt15  {font-size:15;font-family:Segoe UI;}
.fnt16  {font-size:16;font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;}
.fnt18  {font-weight:500;font-size:19;font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
         margin-left: auto;margin-right: auto;}

.red {color:red;}
TD 	   {padding:0;white-space:nowrap}
TABLE  {border-collapse:collapse;font-size:12;font-family:verdana}
.pad {padding-left: 20px;}
.funcBlock {color:white;margin-left: auto;margin-right: auto;text-align:center; font-size:14;font-family:"Segoe UI"}
.header16{font-weight:500;font-size:16;font-family: "Segoe UI", Verdana;}
.func_descr {color:white;font-weight:400;font-size:15;font-family: Segoe UI,arial;}
.func_chart { border:solid 0px white; margin: 6 0 6 0}
.clrRed {color:#FF0000;}
.clrBlue {color:#0000FF;}
.clrNavy {color:#000080;}
.clrGreen{color:#80FF80;}
.clrBrown{color:#FF8040;}
.clrWhite{color:white;}
.clrBlack {color:black;}
.clrYellow {color:yellow;}
.bgYellow {background-color: yellow;}
.formula {background-color:white;color:black;width:fit-content;padding:5;border-radius: 5px;}
.categoryNote {border: solid 1px yellow;border-radius: 7px;padding:5;margin:10 0;width:fit-content;margin-left: auto;margin-right: auto;text-align:left;}
.whiteNote {color:black;background-color:white;border-radius: 5px;padding:5;width:fit-content;margin-left: auto;margin-right: auto;text-align:left;line-height:1.5}
#txtEmail {color:red;font-weight:700;}
.yellowTD {text-align:left;color:yellow;}

/*accordion*/
.accordion {
  display: block;
  font-family:'Segoe UI'; font-size: 11pt; font-weight:600;
  margin: 2px;
  border-radius: 7px;
  background-color: #336699;
  color: white;
  cursor: pointer;
  padding: 2px 20px;
  width: 600px;
  text-align: left;
  border: none;
  /* outline: none; */
  transition: 0.3s;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.activeTab, .accordion:hover {
  color: navy;
  background-color: white;
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  display: none;
  overflow: hidden;
}

/* Style the buttons that are used to open the tab content */
.tab span {
  margin:2px 2px;
  float: left;
  cursor: pointer;
  padding: 2px 5px;
	transition: 0.2s;
  font-family:'Segoe UI'; font-size: 10pt; font-weight:700;
	text-align:center;
	border-radius: 5px;
 	background:#0066FF;
	color:white;
}
/* gray tab */
.tabGray span {
  	margin:2px 0px;
  	cursor: pointer;
  	padding: 2px 5px;
	transition: 0.2s;
  	font-family:'Segoe UI'; font-size: 10pt; font-weight:700;
	text-align:center;
	border-radius: 5px;
 	background:#0066FF;
	color:white;
}

/* Change background color of buttons on hover */
.tabGray span:hover {
  color: navy;
  background-color: white;
}
.tab span:hover {
  color: navy;
  background-color: white;
}

/* Create an active/current tablink class */
.tab span.activeTab {
  color: navy;
  background-color: white;
}

/* Style the tab content */
.tabcontent {
  	display: none;
	font-family:"Segoe UI";
	font-size:11pt;
	word-wrap:break-word;
	white-space:normal;
	clear:both;
}
.scrollSettings {
      width: 100%;
      height: calc(100% - 110px);
      overflow-x: hidden;
      overflow-y: auto;
      text-align:justify;
      }
.scrollStrategy{
      width: 100%;
      height: calc(100% - 130px);
      overflow-x: hidden;
      overflow-y: auto;
      text-align:justify;
      }

.pad { margin:5px 40px 5px 0px; }
.bord { border:solid 1px white;width:fit-content; padding:7px }

.long{
	display: inline-block;
	text-align:center;
	width: 402px;
	height:20px;
	color:black;
	font-family:Segoe UI; font-size: 10pt;
	border-top:3px solid red;
	border-right:3px solid red;
	border-left:solid red;
	background: #CCFF99;
}

.short {
	display: inline-block;
	text-align:center;
	width: 401px;
	height:20px;
	color:black;
	font-family:Segoe UI; font-size: 10pt;
	border-top:3px solid red;
	border-right:3px solid red;
	background: #FFCCCC;
}
.tabGray span.activeTab {  background-color: white;}
.tabGray span:hover {  background-color: white; }

.tableAPI td {height:22px}

body {
  /* margin:15px; */
  padding-bottom:0;
  color:white;
  background:transparent;
  display: block;
/*  margin: auto; */
  border: 0;
  animation: fadeIn 0.5s forwards;
}
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
.delete 	  { content: url('img/delete0.gif');cursor:pointer;vertical-align:bottom;padding:1}
.delete:hover { content: url('img/delete1.gif');cursor:pointer;vertical-align:bottom;padding:1}

#detail {
	position:absolute;
	background-color: lightyellow;
	color:crimson;
	border:solid 2px red;
	border-radius: 5px;
	display:none;
	padding:5px;}