diff --git a/filemanager/templates/default/sharing.css b/filemanager/templates/default/sharing.css
index d07e1d24e0..62424577c9 100644
--- a/filemanager/templates/default/sharing.css
+++ b/filemanager/templates/default/sharing.css
@@ -52,8 +52,24 @@ div#filemanager-index_buttons div.et2_file {
 div.et2_nextmatch div.nextmatch_header_row {
 	padding-bottom: 0px;
 }
-
+div.et2_nextmatch  thead{
+	display: none;
+}
 div.nextmatch_header {
-	padding-bottom: 0 !important;
+	padding-bottom: 10px !important;
 	padding-top: 10px !important;
 }
+
+div.search {
+  position: relative;
+  width: 40%;
+  right: 30px;
+  max-width: 98%;
+  top: 0;
+  float: right !important;
+}
+div.search .et2_searchbox .flex {
+  width: 100%;
+  float: right;
+  padding-right: 0;
+}
\ No newline at end of file
diff --git a/filemanager/templates/mobile/sharing.css b/filemanager/templates/mobile/sharing.css
new file mode 100644
index 0000000000..8393ce1ad0
--- /dev/null
+++ b/filemanager/templates/mobile/sharing.css
@@ -0,0 +1,49 @@
+/**
+ * EGroupware - CSS Styles used by sharing GUI for mobile template
+ *
+ * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
+ * @package etemplate
+ * @link http://www.egroupware.org
+ * @author Hadi Nategh <hn@egroupware.org>
+ * @copyright (c) 2017 by Hadi Nategh <hn@egroupware.org>
+ * @version $Id$
+ */
+/*IMPORTANT NOTE: DO NOT IMPORT default sharing.css WITHIN THIS CLASS!*/
+body div#popupMainDiv {
+  /**
+		 * simplify NM UI for sharing
+		 */
+  padding-top: 0px !important;
+  height: 99%;
+}
+body div#popupMainDiv div#filemanager-index_buttons img,
+body div#popupMainDiv div#filemanager-index_favorite_wrapper,
+body div#popupMainDiv #filemanager-index_filter,
+body div#popupMainDiv span.selectcols,
+body div#popupMainDiv #filemanager-index_button\[edit\],
+body div#popupMainDiv #filemanager-index_button\[symlink\],
+body div#popupMainDiv #filemanager-index_button\[paste\],
+body div#popupMainDiv #filemanager-index_button\[linkpaste\],
+body div#popupMainDiv #filemanager-index_button\[mailpaste\] {
+  display: none !important;
+}
+body div#popupMainDiv:before {
+  content: '';
+  width: 50px;
+  height: 50px;
+  background: blue;
+  display: inline-block;
+  position: fixed;
+  z-index: 10;
+  background-color: transparent;
+  background-image: url(../../../api/templates/default/images/logo64x64.png);
+  background-size: 30px;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+body div#popupMainDiv #filemanager-index_nm {
+  height: 99%;
+}
+body div#popupMainDiv .et2_searchbox.expanded input {
+  height: 50px;
+}
diff --git a/filemanager/templates/mobile/sharing.less b/filemanager/templates/mobile/sharing.less
new file mode 100644
index 0000000000..83639dc1ca
--- /dev/null
+++ b/filemanager/templates/mobile/sharing.less
@@ -0,0 +1,47 @@
+/**
+ * EGroupware - CSS Styles used by sharing GUI for mobile template
+ *
+ * @license http://opensource.org/licenses/gpl-license.php GPL - GNU General Public License
+ * @package etemplate
+ * @link http://www.egroupware.org
+ * @author Hadi Nategh <hn@egroupware.org>
+ * @copyright (c) 2017 by Hadi Nategh <hn@egroupware.org>
+ * @version $Id$
+ */
+
+/*IMPORTANT NOTE: DO NOT IMPORT default sharing.css WITHIN THIS CLASS!*/
+body {
+
+	div#popupMainDiv {
+		/**
+		 * simplify NM UI for sharing
+		 */
+		div#filemanager-index_buttons img, div#filemanager-index_favorite_wrapper,
+		#filemanager-index_filter, span.selectcols, #filemanager-index_button\[edit\],
+		#filemanager-index_button\[symlink\], #filemanager-index_button\[paste\],
+		#filemanager-index_button\[linkpaste\], #filemanager-index_button\[mailpaste\]
+		{
+			display: none !important;
+		}
+		&:before {
+			content: '';
+			width: 50px;
+			height: 50px;
+			background: blue;
+			display: inline-block;
+			position: fixed;
+			z-index: 10;
+			background-color: transparent;
+			background-image: url(../../../api/templates/default/images/logo64x64.png);
+			background-size: 30px;
+			background-position: center;
+			background-repeat: no-repeat;
+		}
+		padding-top: 0px !important;
+		height: 99%;
+		#filemanager-index_nm {
+			height: 99%;
+		}
+		.et2_searchbox.expanded  input {height:50px;}
+	}
+}
\ No newline at end of file
diff --git a/filemanager/templates/pixelegg/sharing.css b/filemanager/templates/pixelegg/sharing.css
index 28e6230fbd..261b1d21f6 100644
--- a/filemanager/templates/pixelegg/sharing.css
+++ b/filemanager/templates/pixelegg/sharing.css
@@ -49,10 +49,26 @@ div#filemanager-index_buttons div.et2_file {
 div.et2_nextmatch div.nextmatch_header_row {
   padding-bottom: 0px;
 }
+div.et2_nextmatch thead {
+  display: none;
+}
 div.nextmatch_header {
-  padding-bottom: 0 !important;
+  padding-bottom: 10px !important;
   padding-top: 10px !important;
 }
+div.search {
+  position: relative;
+  width: 40%;
+  right: 30px;
+  max-width: 98%;
+  top: 0;
+  float: right !important;
+}
+div.search .et2_searchbox .flex {
+  width: 100%;
+  float: right;
+  padding-right: 0;
+}
 /**
  * EGroupware - CSS Styles used by sharing GUI
  *
@@ -71,8 +87,17 @@ div.filemanager_navigation {
   margin: 0px !important;
 }
 div.search {
-  top: 8px;
-  right: 215px;
+  position: relative;
+  width: 40%;
+  right: 30px;
+  max-width: 98%;
+  top: 0;
+  float: right !important;
+}
+div.search .et2_searchbox .flex {
+  width: 100%;
+  float: right;
+  padding-right: 0;
 }
 div#filemanager-index_buttons div.et2_file {
   margin-top: 6px;
@@ -80,3 +105,31 @@ div#filemanager-index_buttons div.et2_file {
 div.filemanager_navigation > label {
   right: 485px !important;
 }
+div#popupMainDiv:before {
+  content: ' ';
+  width: 100%;
+  background-image: url(../../../api/templates/default/images/logo64x64.png);
+  background-repeat: no-repeat;
+  background-position: 15px;
+  background-size: 40px;
+  height: 45px;
+  background-color: #0c5da5;
+  display: inline-block;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+form#filemanager-index {
+  margin-left: 200px !important;
+  margin-right: 200px !important;
+}
+form#filemanager-index:after {
+  content: ' ';
+  width: 100%;
+  height: 45px;
+  background: #0c5da5;
+  display: inline-block;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+}
diff --git a/filemanager/templates/pixelegg/sharing.less b/filemanager/templates/pixelegg/sharing.less
index 71d85d8841..55f67a8435 100644
--- a/filemanager/templates/pixelegg/sharing.less
+++ b/filemanager/templates/pixelegg/sharing.less
@@ -21,8 +21,20 @@ div.filemanager_navigation {
 }
 
 div.search {
-	top: 8px;
-	right: 215px;
+    position: relative;
+    width: 40%;
+    right: 30px;
+    max-width: 98%;
+    top: 0;
+	float:right !important;
+	.et2_searchbox {
+		.flex {
+			width: 100%;
+			float: right;
+			padding-right: 0;
+
+		}
+	}
 }
 
 div#filemanager-index_buttons div.et2_file {
@@ -32,3 +44,35 @@ div#filemanager-index_buttons div.et2_file {
 div.filemanager_navigation > label {
   right: 485px !important;
 }
+div#popupMainDiv {
+	&:before {
+		content: ' ';
+		width: 100%;
+		background-image: url(../../../api/templates/default/images/logo64x64.png);
+		background-repeat: no-repeat;
+		background-position: 15px;
+		background-size: 40px;
+		height: 45px;
+		background-color: #0c5da5;
+		display: inline-block;
+		position: absolute;
+		top: 0;
+		left: 0;
+	}
+}
+form#filemanager-index {
+	&:after {
+		content: ' ';
+		width: 100%;
+		height: 45px;
+		background: #0c5da5;
+		display: inline-block;
+		position: absolute;
+		bottom: 0;
+		left: 0;
+	}
+
+	margin-left: 200px !important;
+	margin-right: 200px !important;
+
+}