diff --git a/html/css/custom/styles.css b/html/css/custom/styles.css
index c5ec261a5c2068c9d8d329a447863c1a8db7a231..7003abea7d227302d79c41c8f5b278c1238a94ce 100644
--- a/html/css/custom/styles.css
+++ b/html/css/custom/styles.css
@@ -195,10 +195,20 @@ A.grey:visited, A.grey, .grey {
     color: yellow;
 }
 
+/* sort chevron */
+.bootgrid-table th > .column-header-anchor {
+    background: #3330; /* transp*/
+    color : white;
+}
+
+
+
+
 .table-striped>tbody>tr:nth-of-type(odd) {
     background-color: #2b2626;
 }
 
+
 .form-control {
     background-color: #000;
 }
@@ -238,6 +248,11 @@ A.grey:visited, A.grey, .grey {
     color: #77a7d2;
 }
 
+/* hover device */ 
+.device-overview > .panel-body > .row:hover {
+    background-color: #777;
+}
+
 .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
     background-color: black;
 }
@@ -410,8 +425,15 @@ A.black:visited, A.black, .black {
     color: white;
 }
 
+/* hover th */
+.bootgrid-table th:active, .bootgrid-table th:hover, .bootgrid-table th:hover > .column-header-anchor > .text {
+    background: #777;
+}
+
+
+/* attention bootstrap message alert*/ 
 .text-left {
- background-color : #777777;
+/* background-color : #777777; */
 }
 
 
@@ -479,6 +501,16 @@ A.black:visited, A.black, .black {
     border-bottom-color: transparent;
 }
 
+/* hover tab  */
+.nav > li > a:focus, .nav > li > a:hover  {
+    text-decoration: none;
+    background-color: #777;
+    border:0px;
+    color : black;
+}
+
+
+
 .bootgrid-table td.loading, .bootgrid-table td.no-results {
     background: #000;