code { font-family: 'Fira Code', monospace; }

@supports (font-variation-settings: normal) {
  code { font-family: 'Fira Code VF', monospace; }
}

/* tables */

#wrapper > .invert .items.style1 > * {
	border-color: lightslategrey;
}

/* buttons */

a.button>i.fa {
	vertical-align: middle;
}
a>i.fa-cog {
	color: #47D3E5;
}

/* Items */

.items.style1.medium>section {
	padding-bottom: 2.1rem;
}

/* commonApps */

#commonApps section h3 {
	font-weight: 400;
}


#commonApps section span.image img {
	max-width: 10em;
}

#commonApps  {
	padding-bottom: 1em;
}

/* Strong */

strong {
	font-weight: 500;
}

/* compatible */


#compatible div.content>div:last-of-type::after {
	content: "";
	clear: both;
	display: table;
 }

 



#compatible .items h3, #compatible .items p {
	margin-left: 40%;
}

#compatible div {
	padding: 0.6em;
}

#compatible div span.image img {
	width: 80%;
}

#compatible span.image.left {
	margin-right: 0;
}


#compatible div>div h3 {
	font-weight:400;
	margin-bottom: 0;
}

#compatible  i.fa-check {
	color:lawngreen;
	margin-right: 1em;
}

#compatible  i.fa-bluetooth {
	color:deepskyblue;
	margin-left: 0.5em;
}

#compatible i.fa-exclamation-triangle {
	color:goldenrod;
	margin-left: 0.75em;

}


#compatible svg.normalHeight {
	height: 1.25em;
	margin-left: 0.5em;
	vertical-align: middle;
	color: lightblue;
}





td i.text-success {
	color: rgb(31, 170, 31);
	font-size: larger;
}
  
td i.text-danger {
	color: rgb(219, 73, 73);
	font-size: larger;
}

td a i.fa-cog { color: #47D3E5;}

.fa.blue, .fas.blue, .fab.blue {
	color: cornflowerblue;
}

section.colorcapsicum1
{
	background-color: rgb(172, 172, 173);
}
.center {
	text-align: center;
}

td { vertical-align: middle;}

.box.warning
{
	border-color: rgb(206, 87, 57);
	border-left-width: 4em;
}

#wrapper .invert .inner div.box.warning {
	background-color: rgb(105, 60, 8);
	border-color: rgb(255, 140, 46);
}

.box.warning::before {
	font-family: "Font Awesome 5 Free";
	content: "\f071";
	position: relative;

	font-size: 2em;
	color: rgb(255, 255, 255);
	font-weight: 900;
	left: -2.25em;
}

p.text-warning::before {
	font-family: "Font Awesome 5 Free";
	content: "\f071";

	font-size: 1.5em;
	color: rgb(104, 73, 6);
	font-weight: 900;

}
p.text-warning {
	color: rgb(104, 73, 6);
}


#wrapper  .box.info
{
	border-color: rgb(57, 139, 206);
	background-color: rgb(32, 63, 92);
	border-left-width: 3.5em;
}

.box.info::before {
	font-family: "Font Awesome 5 Free";
	content: "\f05a";
	position: relative;

	font-size: 2em;
	color: rgb(14, 72, 196);
	font-weight: 900;
	

}

section#allFeatures div.content
{
	font-size: 85%;
}

.box.danger
{
	border-color: rgb(255, 49, 49);
	background-color: rgb(167, 36, 36);
	border-left-width: 3.5em;
}

.box.danger::before {
	font-family: "Font Awesome 5 Free";
	content: "\f06a";
	position: relative;

	font-size: 2em;
	color: rgb(184, 0, 0);
	font-weight: 900;
	left: -2.15em;
	top: -0.6em;
}


pre.cmd {
	background-color: #222;
	color: rgba(240, 240, 240, 0.7);
	padding: 1.2em;
	font-family: 'Fira Code', monospace;
}

pre.cmd.mac {
	border: 1px solid rgb(0, 80, 126);
	background-color: rgb(0, 110, 173);
	color: rgba(240, 240, 240);
	padding: 1.2em;
	font-weight: 500;
	font-family: 'Fira Code', monospace;
}

a dt svg {
	height: 1.2em;
	vertical-align:text-bottom;
	color: rgb(77, 209, 209);
}




tr>td>a>i.fa {
	vertical-align: middle;
}