Improve sgFolderTree directive (mailboxes tree)

UI/WebServerResources/css/styles.css

@@ -4760,6 +4760,51 @@ md-tab > .md-ripple-container .md-ripple {
 
   Other features at : http://zavoloklom.github.io/material-design-iconic-font/examples.html
 */
+md-sidenav md-list md-item-content:hover {
+  background-color: #ede5ca;
+  cursor: pointer; }
+md-sidenav md-list md-item-content.sg-active {
+  color: #00b0c0; }
+md-sidenav md-list md-item-content.sg-loading {
+  color: #a1ccc8; }
+md-sidenav md-list md-item-content .sg-item-name {
+  text-overflow: ellipsis;
+  overflow: hidden;
+  white-space: nowrap; }
+
+md-item-content .childLevel1 {
+  padding-left: 15px; }
+
+md-item-content .childLevel2 {
+  padding-left: 30px; }
+
+md-item-content .childLevel3 {
+  padding-left: 45px; }
+
+md-item-content .childLevel4 {
+  padding-left: 60px; }
+
+md-item-content .childLevel5 {
+  padding-left: 75px; }
+
+md-item-content .childLevel6 {
+  padding-left: 90px; }
+
+md-item-content .childLevel7 {
+  padding-left: 105px; }
+
+md-item-content .childLevel8 {
+  padding-left: 120px; }
+
+md-item-content .childLevel9 {
+  padding-left: 135px; }
+
+md-item-content .childLevel10 {
+  padding-left: 150px; }
+
+md-item-content .childLevel11 {
+  padding-left: 165px; }
+
 .view[layout=row] {
   max-height: 100%; }