body {
  min-height: 75rem; /* Can be removed; just added for demo purposes */
  padding-top: 50px;
  font-family: 'Open Sans';
}

#navbarHeader {
	padding-top: 50px;
	
}

.navbar-inverse .navbar-toggler-icon {
    wbackground-image: "url(data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://ww…p='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E)";
    background-position: center; 
 	background-repeat: no-repeat;
    background-image: url(images/hamburger.png);
}

.navbar {
  margin-bottom: 0;
}

.navtoggle {
    border: 0px;
}

.splash {
	background-image: url(images/splash.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 50%;
}

.jumbotron {
  padding-top: 6rem;
  padding-bottom: 6rem;
  margin-bottom: 0;
  background-color: rgba(0,0,0,.5);
  color: #fff;
}

.jumbotron p:last-child {
  margin-bottom: 0;
}

.jumbotron-heading {
  font-weight: 300;
  font-family: 'Open Sans', sans-serif;
  margin-bottom: 1em;
}
.lead {
	color: #fff;
	font-family: 'Open Sans', sans-serif;
}

.jumbotron .container {
  max-width: 40rem;
}

.album {
  min-height: 50rem; /* Can be removed; just added for demo purposes */
  padding-top: 3rem;
  padding-bottom: 3rem;
}

.icard {
  float: left;
  width: 33.333%;
  padding: .75rem;
  margin-bottom: 2rem;
  border: 0;
}

.icard > img {
  margin-bottom: .75rem;
}

.icard-text {
  font-size: 85%;
}


.post {
  float: left;
  padding: 1.75rem;
  margin-bottom: 2rem;
  border: 0;
  background-color: #fff;
}

.card > img {
  margin-bottom: .75rem;
}

.card-text {
  font-size: 85%;
}

.intro-text {
  padding: 2.75rem;
  margin-bottom: 0rem;
  border: 0;
  text-align: center;
}

.intro-text h1 {
	font-family: 'Open Sans';
	margin-bottom: 1rem;
}
.intro-text p {
	font-family: 'Open Sans';
	margin-bottom: 0px;
	font-size: large;
}


.blurb {
  float: left;
  padding: 1.75rem;
  margin-bottom: 2rem;
  border: 0;
  color: #ffffff;
  border-radius: 2px;
  background-color: #292b2c;
}

.blurb h3 {
	font-size: 16px;
	font-family: 'Open Sans';
}
.blurb p {
	font-size: 14px;
	font-family: 'Open Sans';
	margin-bottom: 0px;
}



footer {
	margin-top: 3rem;
  padding-top: 3rem;
  padding-bottom: 3rem;
  background: #191919;
}


footer p {
  margin-bottom: .25rem;
  text-align: center;
  color: #fff;
  font-weight: 300;
  font-size: smaller;
}

footer p a, footer p a:hover, footer p a:visited {
  color: #ffffff;
  font-size: 14px;
  margin-left: 5px;
}

.footer-ad {
	margin: 0 auto;
	width: 728px;
}

.instance-block {
	float: left;
	padding: 1.75rem;
	margin-bottom: 2rem;
	border: 0;
	color: #ffffff;
	border-radius: 4px;
	background-color: #292b2c;
	border-top: 1px #ff0088 solid;
}

.instance-block:hover {
	cursor: pointer;
	background-color: #cd03c2;
	background: -webkit-linear-gradient(left top, #cd03c2, #d911ce); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom right, #cd03c2, #d911ce); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom right, #cd03c2, #d911ce); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, #cd03c2, #d911ce); /* Standard syntax */

}

.instance-block .heading {
	text-align: center;
	padding: 3px;
}

.instance-block .body {
	text-align: center;
	padding: 3px;
	font-family: 'Open Sans', sans-serif;
    color: #ffffff;
    font-size: 28px;
    font-weight: 300;
}

.instance-block .footer {
	text-align: center;
	padding: 3px;
	font-size: 10px;
}

.instance-block .footer div {
	text-align: center;
	padding: 3px;
	font-size: 3px;
}


.cardEC2 .heading {

}


.stat {
	float: left;
	padding: 1.75rem;
	margin-bottom: 2rem;
	border-radius: 3px;
	position: relative;
	background-color: #cd03c2;
	background: -webkit-linear-gradient(left top, #cd03c2, #d911ce);
	/* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom right, #cd03c2, #d911ce);
	/* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom right, #cd03c2, #d911ce);
	/* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom right, #cd03c2, #d911ce);
	/* Standard syntax */
}

.stat-icon {
    font-size: 36px;
    line-height: 36px;
    text-align: center;
    margin-left: 15px;
    color: #ffffff;
    position: absolute;
    right: 12px;
    top: 8px;
    opacity: .3;
}

.stat-title {
	font-family: 'Open Sans', sans-serif;
	color: #ffffff;
	
}	

.stat-title h4 {
	font-family: 'Open Sans', sans-serif;
	color: #ffffff;
	font-size: 16px;
	font-weight: 300;
	margin-bottom: 5px;	
}

.stat-title p {
	font-family: 'Open Sans', sans-serif;
	color: #ffffff;
	font-size: 21px;
	font-weight: 300;
	margin-bottom: 0px;	
}

table.data-table {
	border: 1px #dddddd solid;
	border-radius: 2px;
}

table.data-table th {
	padding: 8px;
	font-size: 12px;
}

table.data-table td {
	padding: 8px;
	font-size: 12px;
	border-top: 1px #dddddd solid;
}


table.data-table tr:hover {
	cursor: pointer;
	background-color: #eeeeee;
}

#instancetypes_filter > label {
	font-size: 12px;
}

#list_filter > label {
	font-size: 12px;
}

.paginate_button {
	font-size: 12px;
}	

#list_wrapper {
	padding: 0px;
}


.article-header {
	font-family: 'Open Sans', sans-serif;
	border: 0px;
	margin-bottom: 10px;	
}

.article-header h3 {
	font-family: 'Open Sans', sans-serif;
	color: #444444;
	font-size: 13px;
	font-weight: 400;
	margin-bottom: 6px;	
}

.article-header h1 {
	font-family: 'Open Sans', sans-serif;
	color: #222222;
	font-weight: 400;
	margin-bottom: 10px;	
	line-height: 1.2em;
}

.article-header p {
	font-family: 'Open Sans', sans-serif;
	color: #222222;
	font-size: 12px;
	font-weight: 400;
	margin-bottom: 10px;	
}

.bnav-link, .bnav-link:hover, .bnav-link:visited {
	margin-top: 2px;
	margin-bottom: 2px;
	margin-right: 4px;
	font-size: 14px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
	padding-right: 6px;
	border-radius: 3px;
	color: #0275d8;
	text-decoration: none;
}

.bnav-link-active, .bnav-link-active:hover, .bnav-link-active:visited {
	margin-top: 2px;
	margin-bottom: 2px;
	margin-right: 4px;
	font-size: 14px;
	color: #ffffff;
	background-color: #0275d8;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 6px;
	padding-right: 6px;
	border-radius: 3px;
	text-decoration: none;
}

.post-nav-bar {
	margin-top: 15px;
	margin-bottom: 20px;
}

.top-post-nav-bar {
	margin-top: 30px;
	margin-bottom: 0px;
	text-align: center;
}


.article-body {
	border: 0px;
	color: #000000;
}

.article-body h2 {
	text-transform: uppercase;
	font-size: 20px;
	margin-bottom: 20px;
}

.article-body p {
	line-height: 1.5em;
	font-size: 20px;
	-webkit-font-smoothing: antialiased;
}

.otable {
	margin-top: 20px;
	margin-bottom: 30px;
	border: 1px #888888 solid;
	width: 100%;
	padding: 10px;
	cell-spacing: 0;
}
.otable th {
	text-align: right;
	padding: 4px;
	border-bottom: 1px #aaaaaa solid;
	border-left: 1px #888888 solid;
	font-size: 12px;
	background-color: #eeeeff;
}
.otable td {
	text-align: right;
	padding: 10px;
	border-top: 1px #cccccc solid;
	border-left: 1px #888888 solid;
	font-size: 12px;
}

.chart {
	background-color: #efefef;
	border: 1px #888888 solid;
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 20px;
}

.test-output-frame {
	background-color: #333;	
	margin-bottom: 20px;
	border: 1px #333 solid;
	padding: 0px;

}

pre.output {
	border: 0px;
	margin: 0px;
		padding: 20px;
}

.nopadding {
	padding: 0px;
}

/* desert scheme ported from vim to google prettify */
pre.prettyprint { font-size: 11px; display: block; background-color: #333 }
pre .nocode { background-color: none; color: #000 }
pre .str { color: #ffa0a0 } /* string  - pink */
pre .kwd { color: #f0e68c; font-weight: normal }
pre .com { color: #87ceeb } /* comment - skyblue */
pre .typ { color: #98fb98 } /* type    - lightgreen */
pre .lit { color: #cd5c5c } /* literal - darkred */
pre .pun { color: #fff }    /* punctuation */
pre .pln { color: #fff }    /* plaintext */
pre .tag { color: #f0e68c; font-weight: normal } /* html/xml tag    - lightyellow */
pre .atn { color: #bdb76b; font-weight: normal } /* attribute name  - khaki */
pre .atv { color: #ffa0a0 } /* attribute value - pink */
pre .dec { color: #98fb98 } /* decimal         - lightgreen */

/* Specify class=linenums on a pre to get line numbering */
ol.linenums { margin-top: 0; margin-bottom: 0; color: #AEAEAE } /* IE indents via margin-left */
li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8 { list-style-type: none }
/* Alternate shading for lines */
li.L1,li.L3,li.L5,li.L7,li.L9 { }

@media print {
  pre.prettyprint { background-color: none }
  pre .str, code .str { color: #060 }
  pre .kwd, code .kwd { color: #006; font-weight: normal }
  pre .com, code .com { color: #600; font-style: italic }
  pre .typ, code .typ { color: #404; font-weight: normal }
  pre .lit, code .lit { color: #044 }
  pre .pun, code .pun { color: #440 }
  pre .pln, code .pln { color: #000 }
  pre .tag, code .tag { color: #006; font-weight: normal }
  pre .atn, code .atn { color: #404 }
  pre .atv, code .atv { color: #060 }
}


.fa-amazon {
	color: #ff9900;
}
.fa-windows {
	color: #00a1f1;
}
.ga-google {
	color: #4285f4;
/*	34a853
	fbbc05
	ea4335*/
}