/*! Licences
 * Materialize v1.0.0-beta (http://materializecss.com)
 * Copyright 2014-2017 Materialize
 * MIT License (https://raw.githubusercontent.com/Dogfalo/materialize/master/LICENSE)
 */

/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */


/body{background-color:#f2f2f2}
.status{display:block;color:white;border-radius:2px;text-align:center;padding:5px;margin:0}
@media only screen and (min-width: 992px){.status{margin:0 10px}}
.up{background-color:#ff328e}
.down{background-color:#871662}





/* This rotates the table on phones and tablets!
@media only screen and (max-width: 992px){
table.responsive-table{width:100%;border-collapse:collapse;border-spacing:0;display:block;position:relative}
table.responsive-table td:empty:before{content:'\00a0'}
table.responsive-table th,table.responsive-table td{margin:0;vertical-align:top}
table.responsive-table th{text-align:left}
table.responsive-table thead{display:block;float:left}
table.responsive-table thead tr{display:block;padding:0 10px 0 0}
table.responsive-table thead tr th::before{content:"\00a0"}
table.responsive-table tbody{display:block;width:auto;position:relative;overflow-x:auto;white-space:nowrap}
table.responsive-table tbody tr{display:inline-block;vertical-align:top}
table.responsive-table th{display:block;text-align:right}
table.responsive-table td{display:block;min-height:1.25em;text-align:left}
table.responsive-table tr{border-bottom:none;padding:0 10px}
table.responsive-table thead{border:0;border-right:1px solid rgba(0,0,0,0.12)}}
*/


td,th,footer{text-align:center}
table{
	width:100%;
	display:table;
	border-collapse:collapse;
	border-spacing:0
	}
table.centered tbody tr td{text-align:center}
tr{border-bottom:1px solid rgba(0,0,0,0.12)}
td,th{
	padding:15px 5px;
	display:table-cell;
	text-align:left;
	vertical-align:middle;
	border-radius:2px;
	color: white;
	}

/* This makes the font look pretty*/
html{line-height:1.5;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-weight:normal;color:white;}
@media only screen and (min-width: 0){html{font-size:14px}}
@media only screen and (min-width: 992px){html{font-size:14.5px}}
@media only screen and (min-width: 1200px){html{font-size:15px}}

/* This draws the ram and disk bars*/
.progress{position:relative;height:4px;display:block;width:100%;background-color:#d10060;border-radius:2px;margin:.5rem 0 1rem 0;overflow:hidden}.progress .determinate{position:absolute;top:0;left:0;bottom:0;background-color:#ff91c1;
-webkit-transition:width .3s linear;transition:width .3s linear}
.progress .indeterminate{background-color:#871662}
.progress .indeterminate:before{
	content:'';
	position:absolute;
	background-color:inherit;
	top:0;
	left:0;
	bottom:0;
	will-change:left, right;
	-webkit-animation:indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite;
	animation:indeterminate 2.1s cubic-bezier(0.65, 0.815, 0.735, 0.395) infinite}
.progress .indeterminate:after{
	content:'';position:absolute;
	background-color:inherit;
	top:0;
	left:0;
	bottom:0;
	will-change:left, right;
	-webkit-animation:indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
	animation:indeterminate-short 2.1s cubic-bezier(0.165, 0.84, 0.44, 1) infinite;
	-webkit-animation-delay:1.15s;
	animation-delay:1.15s}@-webkit-keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}@keyframes indeterminate{0%{left:-35%;right:100%}60%{left:100%;right:-90%}100%{left:100%;right:-90%}}@-webkit-keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}100%{left:107%;right:-8%}}@keyframes indeterminate-short{0%{left:-200%;right:100%}60%{left:107%;right:-8%}100%{left:107%;right:-8%}}
.progress{max-width:75%;margin:0;height:20px;color:white}
@media only screen and (min-width: 992px){.progress{margin:0 auto}}
@media only screen and (max-width: 350px){.brand-logo{font-size:20px !important}}