.main-nav {
	
	background: #111;
	
}

.hero-body {
	
	background-image: -webkit-linear-gradient(left, #583188 0%, #c92062 100%);
	background-image: -o-linear-gradient(left, #583188 0%, #c92062 100%);
	background-image: linear-gradient(to right, #583188 0%, #c92062 100%);
	background-repeat: repeat-x

	
}

.hero-body, .section { padding-left: 0; padding-right: 0; }

.content ul.servers {
	margin: 0 ;
	padding: 0;
	list-style-type: none;

}
.content ul.servers li {
	margin: 0 0 .6rem 0;
	padding: 0 0 .6rem 0;
	border-bottom: 1px solid #ddd;
}

div.server {
	margin-bottom: 1rem;
	padding-bottom: 1rem;
	border-bottom: 1px dotted #ccc;
}
.content h2 {
	text-transform: initial;
}
.content h3 {
	font-size: 1.2em;
}
.content h5 {
	margin: 0;
}
.content h5 a {
	color: #111;
}
.content h5 a.active {
	color: #ae0000;
}
.content h6 {
	margin: 0;
	padding-top: 1rem;
	/* display: none; */
}
.content h6 a {
	color: #222;
}
.content h6 a.active {
	color: #00ae00;
}
.content .method a {
	color: #222;
}
.content .method a.active {
	color: #0000ae;
}
.content em {
	margin-bottom: 0.3rem;
}
.content .red,
.content .red strong {
	font-weight: bold;
	color: #ae0000 !important;
}
.content .suspended,
.content .suspended strong {
	font-weight: bold;
	color: #ffa500 !important;
}
.percentage {
	width: 70%;
	height: 30px;
	background: #4bbf73;
}
.inner-percentage {
	height: 30px;
	background: #d9534f;
}
.income {
	padding: 2px 4px;
	background: #e7e7e7;
	cursor: pointer;
	border-radius: 10px;
}

.search {
	margin: .5rem 0 1.5rem 0;     
	border: 1px solid #aaa;
	padding: 3px;
	width: 180px;
}

.icon {
	font-style: normal;
}
.icon.clear{
	color: #ae0000;
	font-weight: bold;
	cursor: pointer;
}