*{
		margin: 0px;
		padding: 0px;
		font-family: 'PT Sans',sans-serif, helvetica;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		list-style: none;
	}

	html {
		height: 100%;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#00b7ea+0,009ec3+100;Blue+3D+%2315 */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2e416b+0,263658+100 */
background: rgb(46,65,107); /* Old browsers */
background: -moz-linear-gradient(top, rgba(46,65,107,1) 0%, rgba(38,54,88,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(46,65,107,1) 0%,rgba(38,54,88,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(46,65,107,1) 0%,rgba(38,54,88,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e416b', endColorstr='#263658',GradientType=0 ); /* IE6-9 */



background-repeat: none;
background-size: 100% 100%;
	}

	header, main, footer {
		width: 100%;
	}

	header {
		background: #333;

		margin-top:30px;
		padding: 10px;
		border-top-left-radius: 8px;
		border-top-right-radius: 8px;
		text-align: center;
	}

	footer {
		background: #333;
		text-align: center;
		border-bottom-left-radius: 5px;
		border-bottom-right-radius: 5px;
		padding: 5px;
		font-size: 13px;
		color: #999;
	}

	#container {
		max-width: 95%;
		margin:0 auto;
		background: #000;
		border-radius: 8px;
		box-shadow: 0px 0px 5px #000;
	}

	main {
		/*background: #f9f9f9;*/

		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f3+50,ededed+51,ffffff+100;White+Gloss+%232 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */


		border-top:1px solid #d0d0d0;

		padding:10px;

	}



	header  #logo {
		width: 100%;
		max-width: 300px;
		height: auto;
	}

	#servers {
		/*border:2px solid red;*/
		padding:0px;
	}

	.clearfix::after {
	    content: "";
	    clear: both;
	    display: table;
	}



	.server {
	/*margin:50px 0px;*/
	border:1px solid #c0c0c0;
	box-shadow: 0px 0px 5px #c0c0c0;
	border-radius: 7px;
	/*border-radius: 8px;*/
	/*padding:5px;*/
}

.server h3.ip {
	float: left;
	color: #fff;
}

.server h3.hostname {
	float: right;
	color: #ffcc00;
}

.server .hdr {
	padding:10px;
	background: rgb(46,65,107); /* Old browsers */
background: -moz-linear-gradient(top, rgba(46,65,107,1) 0%, rgba(38,54,88,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(46,65,107,1) 0%,rgba(38,54,88,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(46,65,107,1) 0%,rgba(38,54,88,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2e416b', endColorstr='#263658',GradientType=0 ); /* IE6-9 */
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}

.server .stats {
	padding: 10px 5px;
	background: #fff;
	font-size: 13px;
}

.server .stats .load {
	float: left;
	/*margin:5px 0px;*/
	/*padding:;*/
}

.server .stats .load span {
	background: #666;
	color: #fff;
	padding: 3px 5px;
	border-radius: 4px;
	font-size: 13px;
}

.server .stats .load span:nth-child(2) {
	background: #4561ED;
	font-weight: bold;
	margin-right: 10px;
}

.server .stats .load span:nth-child(1) {
	background: none;
	font-weight: bold;
	color: #000;
}

.server .stats .load span:nth-child(4) {
	margin-left: 10px;
	/*border:1px solid red;*/
	/*display: none;*/
}

.server .stats .load .pct {margin-top: 6px; border-radius: 2px; border:1px solid #c0c0c0; }
.server .stats .load .pctx {background: #99cc00; height: 8px; /*margin-top: 5px;*/ border-radius: 2px; padding:0px; border:1px solid #fff; }

.server .stats .memory {
	margin-left: 60px;
	/*border:1px solid red;*/
	float: left;
}

.server .stats .memory span {
	background: #ED8045;
	color: #fff;
	padding: 3px 5px;
	border-radius: 4px;
	font-size: 13px;
}

.server .stats .memory span:first-child {
	background: none;
	color: #000;
	font-weight: bold;
}

.server .stats .memory .pct {margin-top: 6px; border-radius: 2px; border:1px solid #c0c0c0; }
.server .stats .memory .pctx {background: #99cc00; height: 8px; /*margin-top: 5px;*/ border-radius: 2px; padding:0px; border:1px solid #fff; width: 80%; }











.server .stats .disco {
	margin-left: 60px;
	/*border:1px solid red;*/
	float: left;
}

.server .stats .disco span {
	background: #ED458B;
	color: #fff;
	padding: 3px 5px;
	border-radius: 4px;
	font-size: 13px;
}

.server .stats .disco span:first-child {
	background: none;
	color: #000;
	font-weight: bold;
}









.server .stats .disco .pct {margin-top: 6px; border-radius: 2px; border:1px solid #c0c0c0; }
.server .stats .disco .pctx {background: #99cc00; height: 8px; /*margin-top: 5px;*/ border-radius: 2px; padding:0px; border:1px solid #fff; width: 80%; }














.server .stats .rede {
	margin-left: 60px;
	/*border:1px solid red;*/
	float: left;
}

.server .stats .rede span {
	background: #45BDED;
	color: #fff;
	padding: 3px 5px;
	border-radius: 4px;
	font-size: 13px;
}

.server .stats .rede span:first-child {
	background: none;
	color: #000;
	font-weight: bold;
}









.server .stats .rede .pct {margin-top: 6px; border-radius: 2px; border:1px solid #c0c0c0; }
.server .stats .rede .pctx {background: #99cc00; height: 8px; /*margin-top: 5px;*/ border-radius: 2px; padding:0px; border:1px solid #fff; width: 80%; }




.server .servicos {
	background: #d9d9d9;
	padding: 5px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+0,cccccc+100;Gren+3D */
background: rgb(238,238,238); /* Old browsers */
background: -moz-linear-gradient(top, rgba(238,238,238,1) 0%, rgba(204,204,204,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(238,238,238,1) 0%,rgba(204,204,204,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}

.server .servicos .servico-0, .server .servicos .servico-1 {
	background: red;
	float: left;
	margin-right:10px;
	border-radius: 5px;
	padding: 2px 3px;
	font-weight: bold;
	font-size: 12px;
}

.server .servicos .servico-0 {
	background: #c20000;
	color: #fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a90329+0,8f0222+44,6d0019+100;Brown+Red+3D */
background: rgb(169,3,41); /* Old browsers */
background: -moz-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
}

.server .servicos .servico-1 {
	background: green;
	color: #fff;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bfd255+0,8eb92a+50,72aa00+51,9ecb2d+100;Green+Gloss */
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#299a0b+0,299a0b+100;Green+Flat+%231 */
background: rgb(41,154,11); /* Old browsers */
background: -moz-linear-gradient(top, rgba(41,154,11,1) 0%, rgba(41,154,11,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(41,154,11,1) 0%,rgba(41,154,11,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(41,154,11,1) 0%,rgba(41,154,11,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#299a0b', endColorstr='#299a0b',GradientType=0 ); /* IE6-9 */
}

.server {
	/*border:1px solid blue;*/
	margin-bottom: 15px;
	/*padding-bottom: 15px;*/
}