body {
    margin:0;
    padding:0;
    background:url("https://monitor.vox.net.tr/templates/voxnet/img/arkaplan.png"); color: #fff;d;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.navbar-inner {
  border-color: #ffffff !important;
  background: #213A5B !important;
}

.progress {
  height: 30px;
  margin-top: 2px;
}
.progress .bar-success {
  background: linear-gradient(to right, #4caf50, #56b359, #60b763, #69bb6c, #72bf75);
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 17px;
  padding-bottom: 2px;
}


.progress.active .bar {
  font-size: 12px !important;
}

.navbar-inverse .brand { color: #fff; }
.content {
  background: #2d4f7a;
  padding: 20px;
  border-radius: 5px;
  border: 1px #ffffff solid;
      margin-bottom: 20px;
       margin-top: 15px;
     }
.table { background: #213A5B; margin-bottom: 0; border-collapse: collapse; border-radius: 3px; }
.table th { text-align: center; line-height: 35px !important; font-size: 14px !important; }
.table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th { background-color: #2d4f7a; }
.table td { text-align: center; border-color: #2d4f7a; padding: 4px !important; line-height: 35px !important; font-size: 14px !important;}
.progress { margin-bottom: 0; background: #222; }
#ram, #hdd { min-width: 35px; max-width: 100px; }
@media only screen and (max-width: 768px) {
	#host, tr td:nth-child(4)			{ display:none; visibility:hidden; }
	#location, tr td:nth-child(5)		{ display:none; visibility:hidden; }
}
@media only screen and (max-width: 420px) {
	#type, tr td:nth-child(3)			{ display:none; visibility:hidden; }
	#host, tr td:nth-child(4)			{ display:none; visibility:hidden; }
	#location, tr td:nth-child(5)		{ display:none; visibility:hidden; }
}
@media only screen and (max-width: 320px) {
	body						{ font-size: 10px; }
	.content 					{ padding: 0; }
	#name, tr td:nth-child(2)			{ min-width: 10px; max-width: 25px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
	#type, tr td:nth-child(3)			{ display:none; visibility:hidden; }
	#host, tr td:nth-child(4)			{ display:none; visibility:hidden; }
	#location, tr td:nth-child(5)		{ display:none; visibility:hidden; }
	#uptime, tr td:nth-child(6)			{ display:none; visibility:hidden; }
}