@import url(fontawesome-all.min.css);
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,300i,400i");

body {
  background-color: #333333
}

table.main {
  padding: 12px;
  width: 88%;
}

td.main1 {
  border-left: 18px solid #CCCCCC;
  background-color: #FFFFFF;
}

td.main2 {
  border-left: 18px solid #999999;
  background-color: #efefef;		
}

td.main3 {
  border-left: 18px solid #db270a;
  background-color: #ffede9;		
}

td.main4 {
  border-left: 18px solid #58d4b4;
  background-color: #dbf6ef;
}

td.main5 {
  border-left: 18px solid #0083f7;
  background-color: #cedcf3;		
}

td.main6 {
  border-left: 18px solid #ebb352;
  background-color: #f4efdd;		
}

td.main1 h3, td.main2 h3, td.main3 h3, td.main4 h3,td.main5 h3, td.main6 h3,td.main7 h3, td.demo h3 {
  color: #666666
}

td.main1, td.main2, td.main3, td.main4, td.main5, td.main6,td.main7 {
  padding: 4px 24px 24px 24px;
}

.titleps {
	color: #333333;
	text-transform: uppercase;
	font-weight: bold;
}

table.content {
	background-color: #FFFFFF;
	margin: 10px;
}

.border {
	border-spacing: 10px;
    border-collapse: separate
}

table.demos {
	font-size: .85em !important;
}

table.demos td {
	padding: 0 12px 22px 0;
}

table.devices {
	font-size: .85em !important;
}

table.devices td {

}

td.main6 img {
	padding-right: 24px;
	width: 40px;
}

table.nameplate {
	background-color: #FFFFFF;
}

table.nameplate td {
	padding: 24px 34px 16px 34px;
}

div.tit {
	font-size: .85em;
	text-transform: uppercase;
}

.jtitle {
	font-size: .85em;
	text-transform: uppercase;
}

.name2 {
	font-size: 36px;
	color: #31c2d2;	
}

td.devices img {
	vertical-align: middle;
}
td.name {
	width: 500px
}
div.type {
	font-size: 24px;
	color: #31c2d2;
	padding-top: 20px;
}