/* This goes insisde utilities section in skeleton.css */


/* RULES FOR MOBILE */
@media only screen and (max-width: 770px)  {
	.hide-on-mobile {display: none;}
	.show-on-mobile {display: block}
}


/* RULES FOR DESKTOP */
@media only screen and (min-width: 770px) {
	.show-on-mobile {display: none;}
	.pod-icon {width: 20%; margin: auto;}
}


/* All the rest can be added to Rave.css under a new section called PRO RMS */


.hardware-pod {
    background: #221f1f;
	border: 1px solid #1a1a1a;
	margin: 15px 0;
	width: 100%;
}
.hardware-pod h2, 
.hardware-pod-dashboard h3 {border-bottom: 1px solid #000; padding-bottom: 10px;}

.hardware-pod-dashboard {
    background: #221f1f;
	border: 1px solid #1a1a1a;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 15px;
}
.hardware-pod-dashboard h1 {font-weight: bolder;}

.hardware-pod ul, .hardware-pod-dashboard ul {
	font-family: 'Heebo', sans-serif;
	width: 95%;
	margin: 15px 2.5%;
	display: block;
	list-style-type: none;
}

.hardware-pod .mhub-name {
	line-height: 50px;	
}
.hardware-pod .mhub-name a {
	color: #fff;
	text-decoration: none;
}

.hardware-pod .mhub-temp, .hardware-pod .mhub-sequence-number {
	font-size: 95px;
	font-weight: bold;
	line-height: 95px;
}

.stable {color: #29abe2;}
.overheating {color: #f7931e;}
.danger {color: #c1272d; }
.normal {background-color: #39b54a; color: #2f2f2f;}
.warning {background-color: #c1272d; color: #fff;}
.low-importance {background-color: #555555; color: #fff;}
.removeCommand {background-color: #c1272d; color: #fff;}

.hardware-pod .mhub-manage button {
	width: 100%;
	border-radius: 0;
	border: none;
	font-size: 16px;
	font-weight: normal;
}

.rms-icon {
	width: 40%; 
	margin: 0 30%;
	line-height: 95px;
}