/*
Dosis
Commissioner
Source Sans Pro
Titillium Web
Barlow Condensed
*/

body{

padding:0px;
margin:0px;
font-size:1.65em;
font-family: 'Dosis', sans-serif;
border-left:60px solid #9d9a9a;
/*border-right:20px solid black;*/

}


h1{
	text-align:left;
}
h1,h2,h3,h4, h5, h6
{
	text-transform: capitalize;
}

h1 {

	font-weight:800;
	  text-transform: lowercase;
	
	font-weight:normal;
	
	/*color:white;
	background-color:#555;
	color:#;
	;padding:15px;
	border-radius: 8px;

	padding-left:60px;
	margin-right:0px;
	margin-left:-60px;
	background-color:#333;
	
	*/
	color:#999;
	
	font-size:4.25em;
	
	
	/*margin-top:2px;*/
	/*background-color:#3333cc;*/
padding:0px;	
}
	
	h2 {
	
	font-family:'Barlow Condensed',sans-serif;
	color:#000;
	font-weight:400;
	
	font-size:2em;
	margin-top:3em;
	padding-top:0.5em;
	border-top:10px solid black;
	margin-left:-60px;
	padding-left:60px;
	background-color:black;
	color:white;
	padding-bottom:0.5em;
	}
	
	
	
	h3 {
	margin-top:3em;
	font-family: 'Commissioner', monospace;
	color: black;
	}
	
	h4
	{
	margin-top:3em;
	color:#555;
	
	}
	

#logo
{
padding-top:60px;padding-left:60px;padding-bottom:4px;
}

#tagline
{
background-color:rgb(107, 107, 107);color:white;
height:55px;
line-height:55px;
padding-left:0px;font-family: 'Titillium Web', sans-serif;font-weight:400;
font-size:20px;
width:100%;
/*max-width:1200px;*/
text-align: center;
}

#main_container
{

/*margin-left:60px;*/
margin:auto;
width:90%;
max-width:1200px;
min-height:1200px;
padding-bottom:20px;
/*border-right:40px solid #333;*/
}

article{
padding:0px;
margin:0px;
}

.nextNavigation
{
	margin-top:80px;
	font-size:40px;
	border-top:2px solid black;
}


#tableOfContents ol li
{
	border:0px;
font-family: 'Dosis', sans-serif;
	margin-bottom:3px;

	font-weight:normal;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
	background-color:yellow;
	list-style-type:decimal;

}

#tableOfContents ol li a{
color:rgb(78, 78, 78);
text-decoration-style: 
dotted;
}

#tableOfContents ol li:nth-child(even) {
	background-color: #e4d770;
  }

  #tableOfContents ol li:nth-child(even) a {
	background-color: #e4d770;
	color:rgb(158, 158, 158);
  }

p{
text-align:justify;
font-family: 'Dosis', sans-serif;
padding-right:40px;
color:#222;
}

p.topBgYellowHighlighted
{
font-family: 'Dosis', sans-serif;
font-size:35pt;
font-family:'Barlow Condensed';

font-weight:400;

text-align:left;
padding:10px;
}

p.caption, div.caption
{
font-size:1em;
font-family:'Titillium Web';
padding-left:10px;
color:#888;
}

code, pre {
font-family: 'Source Sans Pro','Menlo', Courier,monospace;
}
p code, h3 code, li code{
font-family:Courier,monospace;
}

ul{
margin-top:40px;
margin-bottom:40px;
}

li{ font-family: 'Commissioner', sans-serif;
/*color:#ccc;
background-color:#888;*/
font-weight:bold;
/*background-color:#ccff33;*/
list-style:square;
padding:10px;
margin-bottom:1em;
border:1px solid #ccc;

border-radius:0px;
margin-right:2em;
}

ul.single_comment_code
{
display: box;
	margin-left:0px;
	padding:0px;
}

ul.single_comment_code li
{
display: box;
list-style:none;
margin:0px;
padding:4px;
font-size:10px;
border:1px solid black;
font-size:15px;
}


p.introHighlighted
{
background-color:yellow; font-size:35pt;
}


.funcSignatureStyling
{
color:#ccff33;

}

.funcKeywordStyling{
color:orange;
}

.commentsKeywordStyling{
color:#6600cc;
}

.commentsKeywordStyling2{
color:#9966ff;
}


.variableKeywordStyling{
color:#993333;
}

.variableNameStyling{
color:lightGreen;
}

.code{
	font-family:'Source Sans Pro','Menlo', courier, courier new, monaco;
	font-size:16px;
	
}

kbd {
	font-family:'Source Sans Pro','Menlo', courier, courier new, monaco;
	color:white;
	font-size:17px;
	padding:3px;
	padding-top:2px;
	padding-bottom:2px;
	border:1px solid gray;
	border-radius:5px;
	background-color:#bbb;
	  box-shadow: 2px 2px grey;
	  margin-right:3px;

}

.ideCodeArea code
{
font-size:20px;
}

.ideCodeArea
{
font-family:'Source Sans Pro','Menlo', courier, courier new, monaco;
	background-color:gray;
	padding:10px;
   color:#ccff33;
   
   margin-top:60px;
   margin-bottom:60px;
  box-shadow: 5px 5px 5px #222;
border-right:1px solid #333;
border-bottom:1px solid #333;
margin-right:40px;
font-size:20px;
}
.editableTextAreaDiv
{
	background-color:#333;
	width:100%;
	border:2px solid black;
	padding-left:6px;
	outline: none;
}

div.editableTextAreaDiv:hover
{
	background-color:#555;
	border:4px solid black;
}

span.codeInText
{
	font-size:1em;
	font-family:monospace;
	color:#336600;
}

span.codekeyword{
	color:#ff3399;
}

/* width */

/*
::-webkit-scrollbar {
  width: 50px;
}

/* Track */
::-webkit-scrollbar-track {
  background: rgb(125, 125, 125); 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #f1f1f1; 
  border:2px solid black;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}



*/


/* Style the tab */
.tab {
  overflow: hidden;
  border-bottom: 1px solid #333;
  
  
}

/* Style the buttons inside the tab */
.tab button {
  background-color: #555;
  
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  font-size: 17px;
  color:orange;
  font-weight:bold;
  font-family:'Source Sans Pro','Menlo',Courier;
  border-right:1px solid black;
  font-weight:normal;
  border-top-left-radius	:10px;
}

/* Change background color of buttons on hover */
.tab button:hover {
  background-color: #333;
}

/* Create an active/current tablink class */
.tab button.active {
  background-color: #111;
}
.tabcontent h3{
margin-top:0px;
padding-top:0px;
}

.tab button.tablinks2{color:lightBlue}

/* Style the tab content */
.tabcontent, .tabcontent2 {
	font-family:'Source Sans Pro','Menlo',Courier;
  display: none;
  margin-top:0px;
  padding: 6px 5px;
  border: 2px solid #333;
  /*border-bottom: 3px solid #333;*/
  border-top: none;
  font-size:14pt;
/*  background-color:#555;*/
}


span.symbolForDataType
{
border: 2px solid black;font-size:20px;color:lightGreen;background-color:#333;border-radius:5px;
}

/*TABLE*/




table.ifelse_table, table.ifelse_table th, table.ifelse_table td {
  
  
}

table.ifelse_table th
{
background-color:#222;
	
	background-color:#999;
	color:black;
	
	padding:7px;
	border: 1px solid black;
	padding-top:15px;
	padding-bottom:15px;
	
}

table.ifelse_table caption
{
	padding:6px;
	font-family:courier;
	background-color:#333;
	text-align:left;
	font-weight:bold;
}

table.ifelse_table
{
border-collapse:collapse; 
	border: 1px solid white;
	
}

table.ifelse_table tr
{
border-left: 45px solid black;
border-right: 10px solid black;
vertical-align:top;
}

table.ifelse_table th:hover
{
	background-color:#888
}

table.ifelse_table th span:hover
{
	background-color:#777;
	color:white;
}


table.ifelse_table td:hover
{
	background-color:#ccc;
	border-left:4px solid black;
	border-right:4px solid black;
	border-top:4px solid black;
	color:#006600;
}

table.ifelse_table td {
	padding:8px;
	background-color:white;
		border: 1px solid black;
	border-bottom:24px solid #333;
	color:green;

	padding-left:20px;

}

th span.if-else-conditional
{

	background-color:#fff;
	padding:2px;
	
}

span.forParams
{
background-color:#fff;
	padding:2px;
	color:black;
}

/* NAVBAR */

.navbar {
  overflow: hidden;
  background-color: #333;
  position: fixed;
  top: 0;
  width: 100%;
  border-bottom:1px solid black;
  text-transform: lowercase;
  font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}



.navbar a {
  float: left;
  display: block;
  color: #aaa;
  text-align: center;
  padding: 5px 16px;
  text-decoration: none;
  font-size: 0.8em;
background: #ddd;
border-right:0px solid gray;
}

.navbar a:hover {
  background: #eee;
  color: black;
}

.navbar a.selected {
  background: #fff;
  color: black;
}

.main {
  padding: 16px;
  margin-top: 30px;
  height: 1500px; /* Used in this example to enable scrolling */
}

/* END NAVBAR */