.is-offline #status {color:#f7c0c0;}
.is-saveData #status {color:#b6b6f9;}
.is-2g #status {color:#eedf73;}
.is-3g #status {color:#f6f694;}
.is-4g #status {color:#89f989f0;}


.is-offline .valig {background: #000000; padding: 3px; border-radius: 7px; font-size: 10px; color: white;}
.is-saveData .valig {background: #000000; padding: 3px; border-radius: 7px; font-size: 10px; color: white;}
.is-2g .valig {background: #000000; padding: 3px; border-radius: 7px; font-size: 10px; color: white;}
.is-3g .valig {
    background: #000000;
    border-radius: 7px;
    font-size: 10px;
    color: white;
    margin: 0px 7px 0px -2px;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 8px;
}
.is-4g .valig {background: #000000; padding: 3px; border-radius: 7px; font-size: 10px; color: white;}
.is-4g .valig {background: #000000; padding: 3px; border-radius: 7px; font-size: 10px; color: white;}


@media (max-width:1350px) {
.is-offline .post-heading {background:#ff000024;}
.is-saveData .post-heading {background:#0000ff26;}
.is-2g .post-heading {background:#f2db3626;}
.is-3g .post-heading {background:#ffff0036;}
.is-4g .post-heading {background:white;} 
}

#status{
	font-family: sans-serif;
	text-transform:uppercase;
	letter-spacing: 3px;
	width: max-content;
}



 .OwnerJoe::before {
      content: "Connection Status : ";
	  letter-spacing: 3px;
    }