fix icons for compatibility

styles.css

@@ -790,35 +790,34 @@ th.th-rotate > div > span {
 
 
 .state-1 span.icon-progress::after{
-	content: "\f111";
-	width: 100%; display: inline-block;text-align: center; 
+	content: "\f10c";
+	font-family: FontAwesome; width: 100%; display: inline-block;text-align: center; 
 	color: white;
-	
 	font-size: 130%;
 	vertical-align: middle;
     line-height: 20px;
-    font: var(--fa-font-regular);
+
     
 }
 
 .state-2 span.icon-progress::after{
-	content: "\f058";
-	font: var(--fa-font-regular); 
-	width: 100%; display: inline-block; text-align: center;
+	content: "\f05d";
+	font-family: FontAwesome; width: 100%; display: inline-block; text-align: center;
 	color: white;
 	font-size: 130%;
 	vertical-align: middle;
     line-height: 20px;
+
     
 }
 .state-3 span.icon-progress::after{
-	font: var(--fa-font-regular);
-	content: "\f057";
-	 width: 100%; display: inline-block; text-align: center;
+	content: "\f05c";
+	font-family: FontAwesome; width: 100%; display: inline-block; text-align: center;
 	color: white;
 	font-size: 130%;
 	vertical-align: middle;
     line-height: 20px;
+
    
 }	
 
@@ -978,20 +977,18 @@ tbody th{
 
 .iena-icon-presence::after{
 	content: "\f0c0";
-	font: var(--fa-font-solid); width: 100%; display: inline-block;text-align: center; 
+	font-family: FontAwesome; width: 100%; display: inline-block;text-align: center; 
 	color: white;
-	font-size: medium;
 	font-size: large;
-	font-weight: 900;
+
 }
 
 .iena-icon-distance::after{
 	content: "\f108";
-	font: var(--fa-font-solid); width: 100%; display: inline-block;text-align: center; 
+	font-family: FontAwesome; width: 100%; display: inline-block;text-align: center; 
 	color: white;
-	font-size: medium;
 	font-size: large;
-	font-weight: 950;
+
 
 }