diff --git a/pixelegg/css/mobile.css b/pixelegg/css/mobile.css
index bc2c1dacd7..2d324e435a 100644
--- a/pixelegg/css/mobile.css
+++ b/pixelegg/css/mobile.css
@@ -194,7 +194,7 @@
   }
   /*look in layout_content_elements*/
   .et2_selectbox .ui-multiselect-checkboxes li:hover {
-    background-color: #189800 !important;
+    background-color: rgba(102, 153, 204, 0.7) !important;
   }
   .et2_selectbox .ui-multiselect-checkboxes label {
     display: block;
@@ -1146,7 +1146,7 @@ option:checked {
 .ui-widget-header .ui-state-focus,
 .ui-widget-content .ui-state-focus {
   border-color: #E6E6E6;
-  background: #189800;
+  background: rgba(102, 153, 204, 0.7);
   background-image: none;
   color: #FFFFFF;
   font-weight: normal;
@@ -1162,7 +1162,7 @@ option:checked {
   border-right: solid 1px 1px;
   border-bottom: solid 1px 1px;
   border-color: #E6E6E6;
-  background: #189800;
+  background: rgba(102, 153, 204, 0.7);
   background-image: none;
   color: #ffffff;
 }
@@ -1380,7 +1380,7 @@ span.ui-icon-search {
   background-image: none;
 }
 .ui-widget-content .et2_selectbox div.ui-widget-header ul li label.ui-state-hover {
-  background-color: #189800;
+  background-color: rgba(102, 153, 204, 0.7);
   font-weight: normal;
 }
 button.ui-button {
diff --git a/pixelegg/css/monochrome.css b/pixelegg/css/monochrome.css
index 233accc1fe..d20c7cb668 100644
--- a/pixelegg/css/monochrome.css
+++ b/pixelegg/css/monochrome.css
@@ -183,7 +183,7 @@
   }
   /*look in layout_content_elements*/
   .et2_selectbox .ui-multiselect-checkboxes li:hover {
-    background-color: #189800 !important;
+    background-color: rgba(102, 153, 204, 0.7) !important;
   }
   .et2_selectbox .ui-multiselect-checkboxes label {
     display: block;
@@ -1135,7 +1135,7 @@ option:checked {
 .ui-widget-header .ui-state-focus,
 .ui-widget-content .ui-state-focus {
   border-color: #E6E6E6;
-  background: #189800;
+  background: rgba(102, 153, 204, 0.7);
   background-image: none;
   color: #FFFFFF;
   font-weight: normal;
@@ -1151,7 +1151,7 @@ option:checked {
   border-right: solid 1px 1px;
   border-bottom: solid 1px 1px;
   border-color: #E6E6E6;
-  background: #189800;
+  background: rgba(102, 153, 204, 0.7);
   background-image: none;
   color: #ffffff;
 }
@@ -1369,7 +1369,7 @@ span.ui-icon-search {
   background-image: none;
 }
 .ui-widget-content .et2_selectbox div.ui-widget-header ul li label.ui-state-hover {
-  background-color: #189800;
+  background-color: rgba(102, 153, 204, 0.7);
   font-weight: normal;
 }
 button.ui-button {
diff --git a/pixelegg/css/pixelegg.css b/pixelegg/css/pixelegg.css
index 49dc531e0e..76c3b1d01a 100644
--- a/pixelegg/css/pixelegg.css
+++ b/pixelegg/css/pixelegg.css
@@ -194,7 +194,7 @@
   }
   /*look in layout_content_elements*/
   .et2_selectbox .ui-multiselect-checkboxes li:hover {
-    background-color: #189800 !important;
+    background-color: rgba(102, 153, 204, 0.7) !important;
   }
   .et2_selectbox .ui-multiselect-checkboxes label {
     display: block;
@@ -1146,7 +1146,7 @@ option:checked {
 .ui-widget-header .ui-state-focus,
 .ui-widget-content .ui-state-focus {
   border-color: #E6E6E6;
-  background: #189800;
+  background: rgba(102, 153, 204, 0.7);
   background-image: none;
   color: #FFFFFF;
   font-weight: normal;
@@ -1162,7 +1162,7 @@ option:checked {
   border-right: solid 1px 1px;
   border-bottom: solid 1px 1px;
   border-color: #E6E6E6;
-  background: #189800;
+  background: rgba(102, 153, 204, 0.7);
   background-image: none;
   color: #ffffff;
 }
@@ -1380,7 +1380,7 @@ span.ui-icon-search {
   background-image: none;
 }
 .ui-widget-content .et2_selectbox div.ui-widget-header ul li label.ui-state-hover {
-  background-color: #189800;
+  background-color: rgba(102, 153, 204, 0.7);
   font-weight: normal;
 }
 button.ui-button {
diff --git a/pixelegg/less/etemplate2.less b/pixelegg/less/etemplate2.less
index f52a3207fe..a3dbd9f8ce 100755
--- a/pixelegg/less/etemplate2.less
+++ b/pixelegg/less/etemplate2.less
@@ -142,7 +142,7 @@ input[type=button] {}
 
 .et2_selectbox .ui-multiselect-checkboxes li {
 
-    &:hover {background-color: @color_hint !important;}
+    &:hover {background-color: @color_selected_row !important;}
 }
 
 .et2_selectbox .ui-multiselect-checkboxes label {
diff --git a/pixelegg/less/jquery-ui.less b/pixelegg/less/jquery-ui.less
index 31b468fe31..7e04a9ca85 100755
--- a/pixelegg/less/jquery-ui.less
+++ b/pixelegg/less/jquery-ui.less
@@ -106,7 +106,7 @@ option:checked {background-color: @color_hover_row;}
 .ui-widget-header .ui-state-focus,
 .ui-widget-content .ui-state-focus{
 	border-color: @gray_10;
-	background: @color_hint;
+	background: @color_selected_row;
 	background-image: none;
 	color: @gray_0;
 	font-weight: normal;
@@ -118,7 +118,7 @@ option:checked {background-color: @color_hover_row;}
 	.bordered(1px, 1px, 1px,1px);
 	border-color: @gray_10;
 	//	background: #d0e5f5 url(images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x;
-	background: @color_hint;
+	background: @color_selected_row;
 	background-image: none;
 	//	font-size: 105%;
 	.color_0_gray;
@@ -303,7 +303,7 @@ span.ui-icon-search {
 		select.et2_selectbox {height: 20px;}
 		button {background-image: none;}
 		div.ui-widget-header {
-			ul li label.ui-state-hover {background-color: @color_hint; font-weight: normal;}
+			ul li label.ui-state-hover {background-color: @color_selected_row; font-weight: normal;}
 		}
 	}
 }
diff --git a/pixelegg/mobile/fw_mobile.css b/pixelegg/mobile/fw_mobile.css
index 5b5ba134b1..3cc317ad3c 100644
--- a/pixelegg/mobile/fw_mobile.css
+++ b/pixelegg/mobile/fw_mobile.css
@@ -205,7 +205,7 @@
   }
   /*look in layout_content_elements*/
   .et2_selectbox .ui-multiselect-checkboxes li:hover {
-    background-color: #189800 !important;
+    background-color: rgba(102, 153, 204, 0.7) !important;
   }
   .et2_selectbox .ui-multiselect-checkboxes label {
     display: block;
@@ -1157,7 +1157,7 @@ option:checked {
 .ui-widget-header .ui-state-focus,
 .ui-widget-content .ui-state-focus {
   border-color: #E6E6E6;
-  background: #189800;
+  background: rgba(102, 153, 204, 0.7);
   background-image: none;
   color: #FFFFFF;
   font-weight: normal;
@@ -1173,7 +1173,7 @@ option:checked {
   border-right: solid 1px 1px;
   border-bottom: solid 1px 1px;
   border-color: #E6E6E6;
-  background: #189800;
+  background: rgba(102, 153, 204, 0.7);
   background-image: none;
   color: #ffffff;
 }
@@ -1391,7 +1391,7 @@ span.ui-icon-search {
   background-image: none;
 }
 .ui-widget-content .et2_selectbox div.ui-widget-header ul li label.ui-state-hover {
-  background-color: #189800;
+  background-color: rgba(102, 153, 204, 0.7);
   font-weight: normal;
 }
 button.ui-button {