diff --git a/httpdocs/theme/react/assets/less/metaheader.less b/httpdocs/theme/react/assets/less/metaheader.less
index c8fef0c5e..32057c72d 100644
--- a/httpdocs/theme/react/assets/less/metaheader.less
+++ b/httpdocs/theme/react/assets/less/metaheader.less
@@ -1,1420 +1,1420 @@
  out: ../css/metaheader.css, sourcemap: true, compress: true
 
 @import "elements.less";
 
 body.drawer-open {
   height: 100%;
   overflow: hidden;
   max-width: 100%;
 }
 
 #metaheader {
   float: left;
   width: 100%;
   height: 34px;
   font-family: "Helvetica","Arial",sans-serif !important;
   font-size: 14px !important;
   position: absolute;
   top: 0;
   left: 0;
   z-index: 1001;
   background-color: white;
   .metamenu {
     display: block !important;
   }
 
   * {
     outline: none !important;
     box-sizing: border-box;
   }
 
   a {
     cursor: pointer;
     text-decoration: none !important;
   }
 
   .dropdown-menu {
     position: absolute;
     z-index: 1000;
     display: none;
     float: left;
     min-width: 160px;
     padding: 5px 0;
     margin: 2px 0 0;
     font-size: 14px;
     text-align: left;
     list-style: none;
     background-color: #fff;
     -webkit-background-clip: padding-box;
     background-clip: padding-box;
     border: 1px solid #ccc;
     border: 1px solid rgba(0,0,0,.15);
     border-radius: 4px;
     -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
     box-shadow: 0 6px 12px rgba(0,0,0,.175);
     background-color: white;
 
     &.dropdown-menu-right {
       right: 0;
       left: auto;
     }
 
     li {
       padding: 0;
     }
 
     li>a:hover,
     .active>a,
     .active>a:hover {
         color: #222;
         text-decoration: none;
         background-color: #eee;
     }
 
 
   }
 
   .metamenu {
     height: 34px;
   }
 
 
 
   #metaheader-nav {
     width: 100%;
     float: left;
     height: 34px;
 
     .btn-metaheader {
       display: block !important;
       padding: 0 12px !important;
       border-radius: 2px !important;
       color: white !important;
       font-size: 12px !important;
       height: 26px !important;
       line-height: 25px !important;
       font-weight: bold;
       border: 1px solid #3079ed;
       background: -webkit-linear-gradient(top, #4387fd, #4683ea);
       margin-top: -2px;
     }
 
     #user-menu-container {
       float: right;
       height: 34px;
     }
 
     ul.metaheader-menu {
       padding: 0;
       margin: 0;
       list-style-type: none;
 
       > li {
         float: left;
         padding: 5px;
 
         .switch {
           position: relative;
           display: inline-block;
           width: 60px;
           height: 24px;
           input {
             opacity: 0;
             width: 0;
             height: 0;
           }
           .slider {
             position: absolute;
             cursor: pointer;
             top: 0;
             left: 0;
             right: 0;
             bottom: 0;
             background-color: #ccc;
             -webkit-transition: .4s;
             transition: .4s;
           }
 
           .slider:before {
             position: absolute;
             content: "";
             height: 16px;
             width: 24px;
             left: 4px;
             bottom: 4px;
             background-color: white;
             -webkit-transition: .4s;
             transition: .4s;
           }
           input:checked + .slider {
             background-color: #2196F3;
           }
 
           input:focus + .slider {
             box-shadow: 0 0 1px #2196F3;
           }
 
           input:checked + .slider:before {
             -webkit-transform: translateX(26px);
             -ms-transform: translateX(26px);
             transform: translateX(26px);
           }
 
           /* Rounded sliders */
           .slider.round {
             border-radius: 34px;
           }
 
           .slider.round:before {
             border-radius: 50%;
           }
 
         }
 
         > a {
           color: #6a7686;
           border-radius: 5px;
           padding: 5px;
           color: #6a7686;
           border-radius: 5px;
           height: 24px;
           line-height: 24px;
           cursor: pointer;
 
           &:active,
           &:hover {
             background-color: #eee;
             text-decoration: none;
           }
         }
 
         &.active {
 
           > a {
             background-color: #eee;
 
             img {
               margin-right: 5px;
             }
           }
         }
 
         .dropdown-menu {
           &::before {
             content: "";
             position: absolute;
             right: 356px;
             top: -8px;
             width: 0;
             height: 0;
             border-style: solid;
             border-width: 0 8.5px 8.5px;
             border-color: transparent transparent #b7bcc4 transparent;
             border-bottom-color: #fff;
             border-style: dashed dashed solid;
             z-index: 1;
           }
         }
       }
 
 
 
       &#domains-menu {
         margin-left: 10px;
 
         > li {
           padding-left: 0;
 
           > a {
             margin: 0 10px 0 5px;
             cursor: pointer;
 
             &#opendesktop-logo {
               position: relative;
               padding-left: 25px;
 
               img {
                 position: absolute;
                 top: 5px;
                 left: 5px;
               }
             }
           }
 
           &::after {
             content: "•";
             color: #E2E2E2;
           }
 
           &:last-of-type {
 
             &::after {
               content: "";
             }
           }
 
           &.dropdown {
 
             > ul.dropdown-menu {
               margin-left: 0;
               margin-top: -9px;
             }
           }
 
           &#domains-dropdown-menu {
             position: relative;
             cursor: pointer;
             z-index: 1000;
 
             &.open {
               .dropdown-menu {
                 display: block;
               }
             }
 
             .dropdown-menu {
               width: 400px;
               top: 45px;
               right: -273px;
               min-height: 296px;
               bottom: auto;
 
               &::before {
                 right: 356px;
               }
 
               .submenu-container {
                 width: 50%;
                 float: left;
                 height: auto;
 
                 a.groupname {
                   cursor: default;
                   height: 24px;
                   line-height: 24px;
 
                   &:hover {
                     background-color: white !important;
                   }
                 }
 
                 ul {
                   list-style-type: none;
                   padding: 0;
                   margin: 0;
 
                   li {
 
                     a {
                       padding: 3px 20px;
                       font-size: 12px;
                       color: black;
                       cursor: pointer;
                     }
                     ul {
                       margin-bottom: 10px;
                       li {
                         height: 24px;
                         line-height: 24px;
                         a {
                           padding: 0px 30px;
                           display: block;
                           width: 100%;
                           height: 24px;
                           line-height: 24px;
                         }
                         &:hover {
                           background-color: #eee;
                         }
                       }
                     }
                   }
                 }
               }
             }
           }
 
           &#discussion-boards, &#admins-dropdown-menu, &#more-dropdown-menu, &#cd-dropdown-menu {
 
             position: relative;
             cursor: pointer;
             z-index: 1000;
 
             &.open {
               .dropdown-menu {
                 display: block;
               }
             }
 
             .dropdown-menu {
               width: 200px;
               top: 45px;
               right: auto;
               min-height: 104px;
               bottom: auto !important;
               &::before {
                 right: 156px;
               }
 
               li {
                 padding: 0;
 
                 a {
                   margin: 0;
                   font-size: 13px;
                   height: 24px;
                   line-height: 24px;
                   padding: 0 20px;
                   border-radius: 0;
                   display: block;
                   color: #6a7686;
 
                   &.admins-menu-link-item,
                   &.cd-menu-link-item {
                     font-weight: bold;
                   }
                 }
 
                 > ul {
                   position: relative;
                   float: left;
                   top: 0;
                   left: 0;
                   padding: 5px;
                   padding-top: 0;
                   border: 0;
                   height: auto;
                   min-height: auto;
                   width: 100%;
                   box-shadow: none;
                   margin: 0;
 
                   &::before {
                     display: none;
                   }
                 }
               }
             }
           }
 
           &#more-dropdown-menu {
             > a {
               cursor: pointer;
             }
 
             .dropdown-menu {
               left: -6px;
             }
           }
 
           &#admins-dropdown-menu {
             .dropdown-menu {
               right: auto;
               min-height: 61px;
               height: auto;
 
             }
           }
 
           &#cd-dropdown-menu {
             .dropdown-menu {
               right: auto;
               height: auto;
             }
           }
         }
       }
 
       &#user-menu {
         margin-right: 10px;
 
         > li {
 
           &#user-login-container {
             padding: 5px;
             margin-top: 1px;
           }
         }
       }
     }
 
     .user-dropdown {
       position: relative;
       height: 40px;
       z-index: 1000;
 
       &.open,
       &.show {
 
         .dropdown-menu {
           display: block;
           right: -6px;
         }
 
         #background-overlay {
           position: fixed;
           top: 34px;
           left: 0;
           width: 100%;
           height: 100%;
           background-color: rgba(0,0,0,0.25);
         }
       }
 
       .dropdown-toggle {
         padding: 0;
         background: none !important;
         background-color: white;
         color: #6a7686;
         border: 0;
         margin: 0;
         min-height: auto;
 
         &:active {
           background-color: white;
           box-shadow: none;
           outline: none;
         }
 
         .glyphicon {
           font-size: 16px;
           top: 1px;
           font-style: normal;
           font-weight: 100;
           margin: 0 5px;
           margin-top: 2px;
         }
 
         &#userLoginDropdown {
           width: 26px;
           height: 25px;
           position: relative;
 
           img {
             position: absolute;
             top: 0;
             left: 0;
           }
         }
       }
 
       .dropdown-menu {
         border-radius: 0;
         padding: 0;
         width: 320px;
         top: 40px;
         bottom: auto !important;
         background: #fff;
         border: 1px solid #ccc;
         border-color: rgba(0,0,0,0.2);
         color: #000;
         box-shadow: 0 2px 10px rgba(0,0,0,0.2);
         box-sizing: border-box !important;
 
         &::before {
           content: "";
           position: absolute;
           right: 6px;
           top: -8px;
           width: 0;
           height: 0;
           border-style: solid;
           border-width: 0 8.5px 8.5px;
           border-color: transparent transparent #b7bcc4 transparent;
           border-bottom-color: #fff;
           border-style: dashed dashed solid;
           z-index: 1;
         }
 
         li {
           float: left;
           box-sizing: border-box !important;
         }
 
         &#right-panel {
           height: 100%;
           position: fixed;
           top: 35px;
           right: 0;
           padding: 0;
           border: 0;
           box-shadow: none;
           width: 432px;
           border-left: 1px solid #ccc;
           margin: 0;
           padding-top: 150px;
 
           &::before {
             display: none;
           }
 
           #user-info-menu-item {
             position: absolute;
             top: 0;
             left: 0;
             height: 150px;
 
             #user-info-section {
               .user-details {
                 width: 100%;
 
                 .buttons {
                   padding-left: 0;
                   padding-right: 0;
                   background: white;
                 }
               }
             }
 
             #user-details-username {
               h2 {
                 margin: 10px 0;
                 font-size: 26px;
                 color: #353a3d;
                 font-weight: bold;
               }
             }
 
             #user-details-email {
               color: #687a86;
               font-size: 18px;
               margin-bottom: 5px;
             }
           }
 
           #user-tabs-menu-item {
             height: 100%;
             overflow: scroll;
             background-color: white;
 
             #user-tabs-container {
               position: relative;
               padding-top: 40px;
               height: 100%;
 
               #user-tabs-menu {
                 height: 40px;
                 width: 100%;
                 position: absolute;
                 top: 0;
                 left: 0;
                 border-bottom: 2px solid #ccc;
 
                 ul {
                   padding: 0;
                   list-style-type: none;
                   height: 40px;
                   display: table;
                   margin: 0 auto;
 
                   li {
                     float: left;
                     height: 40px;
                     width: auto;
                     line-height: 40px;
 
                     a {
                       display: block;
                       padding: 0 10px;
                       height: 40px;
                       border-bottom: 2px solid transparent;
 
                       &.active,
                       &:hover {
                         color: #2e9fff;
                         border-bottom-color: #2e9fff;
                       }
 
                       input[type="text"] {
                         height: 24px;
                         border-radius: 5px;
                         border: 1px solid #ccc;
                         padding: 0 5px;
                         float: left;
                         margin: 7px 0;
                         color:  #888;
                       }
 
                       span.search-button {
                         height: 23px;
                         width: 23px;
                         display: block;
                         float: right;
                         background-image: url('../img/bg_sheet.png');
                         background-position: -670px -149px;
                         margin: 6px;
                       }
                     }
 
-                    &#search-form-container { 
+                    &#search-form-container {
                       position: relative;
                       ul {
                         position: absolute;
                         background: white;
                         padding: 5px;
                         border: 1px solid #ccc;
                         border-radius: 0 0 5px 5px;
                         top: 30px;
                         left: 10px;
                         width: 159px;
                         z-index: 10;
 
                         li {
                           float: left;
                           width: 100%;
                           cursor: pointer;
                           &:hover {
                             background-color: #ccc;
                           }
                         }
                       }
                     }
                   }
                 }
               }
 
               #user-tabs-content {
                 height: 100%;
                 padding: 10px;
                 overflow: scroll;
 
                 #user-comments-tab-container {
 
                   .user-comments-thread-container {
                     width: 100%;
                     float: left;
                     padding: 10px;
 
                     .thread-header {
                       float: left;
                       width: 100%;
 
                       .thread-subtitle {
                         float: left;
                         width: 100%;
                         font-size: 14px;
                         margin: 10px 0;
                         p {
                           float: left;
                           color: #687a86;
                           margin: 0;
                         }
                         p + p {
                           margin-left: 5px;
                           padding-left: 5px;
                           &::before {
                             content: "•";
                             color: rgb(226, 226, 226);
                           }
                           span {
                             margin-left: 5px;
                           }
                         }
                       }
                       .thread-title {
                         float: left;
                         width: 100%;
 
                         h2 {
                           float: left;
                           margin: 0 0 10px 0;
                           font-size: 20px;
                         }
                       }
                     }
                     .thread-comments {
                       float: left;
                       width: 100%;
 
                       .comment-item {
                         position: relative;
                         height: auto;
                         padding-left: 40px;
                         float: left;
                         width: 100%;
                         margin-bottom: 20px;
 
                         figure {
                           position: absolute;
                           top: 0;
                           left: 0;
                           width: 32px;
                           height: 32px;
                           margin: 0;
 
                           img {
                             width: 32px;
                             height: 32px;
                             border-radius: 100%;
                           }
                         }
                         .comment-item-header {
                           margin-bottom: 5px;
                           width: 100%;
                           float: left;
                           p {
                             margin-bottom: 0;
                             float: left;
 
                             &.user,
                             &.replied-user {
                               span {
                                 margin-right: 5px;
                               }
                               a {
                                 color: #2e9fff;
                               }
                               &:hover {
                                 a {
                                   color: #2e87e7;
                                 }
                               }
                             }
 
                             &.date-created {
                               margin-left: 5px;
                               padding-left: 5px;
                               &::before {
                                 content: "•";
                                 color: rgb(226, 226, 226);
                               }
                               span {
                                 margin-left: 5px;
                               }
                             }
                           }
 
                           p + p {
                             margin-left: 5px;
                           }
                         }
 
                         .comment-item-content {
                           width: 100%;
                           float: left;
                         }
 
                         .comment-item-votes-container {
                           width: 100%;
                           float: left;
                           > div {
                             float: left;
                             width: auto;
                             margin-right: 5px;
                           }
                           .comment-item-votes {
 
                           }
                         }
                       }
                     }
                   }
 
                   .user-comments-thread-container + .user-comments-thread-container {
                      border-bottom: 3px solid #ccc;
                   }
                 }
               }
             }
           }
         }
       }
     }
 
     #user-context-menu-container,
     #development-app-menu-container {
 
       .user-dropdown {
 
         .th-icon {
           height: 24px;
           width: 24px;
           display: block;
           background-image: url(../img/glyphicons-th.svg);
           background-size: 32px;
           background-position: center -5px;
           cursor: pointer;
         }
 
         .dropdown-menu  {
           padding: 23px 28px;
           right: -42px;
 
           &::before {
             right: 45px;
           }
 
           li {
             height: auto;
             width: 86px;
             border: 1px solid white;
             margin: 5px 0;
 
             a {
               display: block;
               width: 100%;
               padding: 0;
               height: auto;
               float: left;
 
               &:hover {
                 background-color: white !important;
               }
 
               .icon {
                 width: 55px;
                 height: 55px;
                 margin: 10px auto;
                 background-size: 50px;
                 background-position: center center;
                 background-repeat: no-repeat;
                 width: 100%;
               }
 
               span {
                 float: left;
                 width: 100%;
                 text-align: center;
                 display: block;
                 color:rgba(0,0,0,0.87);
                 font-size: 13px;
               }
 
               &:active {
                 background-color: white;
               }
             }
 
             &#opendesktop-link-item {
               a {
                 .icon {
                   background-image: url('../img/logo-opendesktop.png');
                 }
               }
             }
 
             &#discourse-link-item {
               a {
                 .icon {
                   background-image: url('../img/logo-discourse.png');
                   background-size: 58px;
                 }
               }
             }
 
             &#gitlab-link-item {
               a {
                 .icon {
                   background-image: url(../img/logo-gitlab.png);
                 }
               }
             }
 
             &#opencode-link-item {
               a {
                 .icon {
                   background-image: url(../img/logo-opencode.png);
                   background-size: 40px;
                 }
               }
             }
 
             &#addproduct-link-item {
               a {
                 .icon {
                   background-image: url(../img/add.svg);
                   background-size: 40px;
                 }
               }
             }
             &#listproduct-link-item {
               a {
                 .icon {
                   background-image: url(../img/products.png);
                   background-size: 40px;
                 }
               }
             }
-             &#plings-link-item {
+             &#plings-link-item { 
               a {
                 .icon {
                   background-image: url(../img/pling.png);
                   background-size: 40px;
                 }
               }
             }
 
 
             &#messages-link-item {
               a {
                 .icon {
                   background-image: url(../img/messages.png);
                   background-size: 45px;
                 }
               }
             }
 
             &#issues-link-item {
               a {
                 .icon {
                   background-image: url(../img/issues.png);
                   background-size: 45px;
                 }
               }
             }
 
             &#music-link-item {
               a {
                 .icon {
                   background-image: url(../img/logo-music.png);
                   background-size: 45px;
                 }
               }
             }
 
             &#docs-link-item {
               a {
                 .icon {
                   background-image: url(../img/logo-docs.png);
                   background-size: 45px;
                 }
               }
             }
 
             &#storage-link-item {
               a {
                 .icon {
                   background-image: url(../img/logo-storage.png);
                   background-size: 45px;
                 }
               }
             }
 
             &#contacts-link-item {
               a {
                 .icon {
                   background-image: url(../img/logo-contacts.png);
                   background-size: 45px;
                 }
               }
             }
 
             &#calendar-link-item {
               a {
                 .icon {
                   background-image: url(../img/logo-calendar.png);
                   background-size: 45px;
                 }
               }
             }
 
             &#talk-link-item {
               a {
                 .icon {
                   background-image: url(../img/logo-talk.png);
                   background-size: 45px;
                 }
               }
             }
 
             &#chat-link-item {
               a {
                 .icon {
                   background-image: url(../img/logo-riot.svg);
                   background-size: 45px;
                 }
               }
             }
 
             &:hover {
               border:1px solid #e5e5e5;
               a {
                 background-color: white;
               }
             }
 
             &:active {
               a {
                 background-color: white;
               }
             }
           }
         }
       }
     }
 
     #development-app-menu-container {
       .user-dropdown {
 
         .th-icon {
           height: 24px;
           width: 24px;
           display: block;
           background-image: url(../img/development-app-menu-item.png);
           background-size: 32px;
           background-position: center -5px;
           cursor: pointer;
         }
 
       }
     }
 
     #user-login-menu-container {
       .user-dropdown {
         .dropdown-toggle {
           img {
             height: 26px;
             width: 26px;
             border-radius: 100%;
             margin-top: -1px;
           }
         }
         .dropdown-menu {
           &::before {
             right: 9px;
           }
 
           #user-info-menu-item {
             width: 100%;
             border-bottom: 1px solid #ccc;
           }
 
           #user-info-section {
             height: auto;
             padding: 20px;
             background: white;
             float: left;
             padding-left: 116px;
             position: relative;
             width: 100%;
             min-height: 136px;
             box-sizing: border-box;
 
             .user-avatar {
               height: 96px;
               width: 96px;
               float: left;
               border-radius: 100%;
               overflow: hidden;
               position: absolute;
               top: 20px;
               left: 20px;
 
               .no-avatar-user-letter {
                 border-radius: 100%;
                 height: 100%;
                 width: 100%;
                 background-color: #c1c1c1;
                 text-align: center;
                 line-height: 80px;
                 font-size: 50px;
                 color: white;
                 overflow: hidden;
                 position: relative;
 
                 img {
                   height: 96px;
                   width: 96px;
                   position: absolute;
                   top: 0;
                   left: 0;
                 }
 
                 .change-profile-pic {
                   width: 100%;
                   position: absolute;
                   bottom: 0;
                   font-size: 9px;
                   height: 26px;
                   left: 0;
                   background-color: rgba(0,0,0,0.4);
                   line-height: 30px;
                   color: white;
                   cursor: pointer;
                   font-weight: bold;
                 }
               }
             }
             .user-details {
               width: 175px;
               padding-left: 20px;
               float: left;
               margin-top: -4px;
 
               ul {
                 padding: 0;
                 margin: 0;
                 list-style-type: none;
                 float: left;
                 width: 100%;
 
                 li {
                   width: 100%;
                   float: left;
                   height: auto;
                   line-height: 15px;
                   font-size: 13px;
                   min-height: 8px;
                   color: #6a7686;
 
                   a {
                     color: #36c;
                   }
 
                   b {
                     color: black;
                   }
 
                   button {
                     margin-top: 16px;
                   }
                 }
               }
             }
           }
           #main-seperator {
             margin-top: 0;
             margin-bottom: 0;
             background-color: #ccc;
           }
           li.buttons {
             padding: 10px 20px;
             background-color: #f5f5f5;
             width: 100%;
 
             .btn {
               width: auto;
               display: block;
               border-radius: 2px;
               padding: 6px 16px !important;
               font-size: 12px;
               height: 30px;
               font-weight: normal;
               color: #666 !important;
               background: #f8f8f8;
               border: 1px solid #c6c6c6;
               float: left;
               clear: none;
               line-height: 12px !important;
 
               &.pull-right {
                 float: right;
               }
 
               &:hover {
                 -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
                 box-shadow: 0 1px 1px rgba(0,0,0,0.1);
                 border-color: #c6c6c6;
                 color: #222;
                 background-color: #fff;
                 background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f8f8f8));
                 background-image: -webkit-linear-gradient(top,#fff,#f8f8f8);
                 background-image: -webkit-linear-gradient(top,#fff,#f8f8f8);
                 background-image: linear-gradient(top,#fff,#f8f8f8);
               }
 
               span {
                 display: block;
                 float: left;
                 height: 12px;
               }
             }
           }
         }
       }
     }
 
     #development-app-menu-container {
       .user-dropdown {
         ul.dropdown-menu {
           right: -76px;
           &::before {
             right: 78px;
           }
         }
       }
     }
   }
 
   #metaheader-left-mobile {
     float: left;
     height: 34px;
     width: 34px;
 
 
     a#menu-toggle-item {
       cursor: pointer;
       height: 34px;
       width: 40px;
       display: block;
       float: left;
       background-image: url(../img/hamburger-menu-icon.png);
       background-size: 20px 16px;
       background-repeat: no-repeat;
       background-position: 8px 10px;
       position: absolute;
       left: 0;
       background-color: transparent;
       z-index: 1000;
     }
 
     #left-side-overlay {
       position: fixed;
       width: 0;
       height: 100%;
       background: rgba(0,0,0,0.5);
       z-index: 1001;
       overflow: hidden;
 
       a {
         cursor: pointer;
         color: #6a7686;
       }
 
       #left-side-panel {
         height: 100%;
         width: 0;
         background-color: white;
         -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
         box-shadow: 0 6px 12px rgba(0,0,0,.175);
         background-color: white;
         overflow: scroll;
 
         #left-side-panel-thumb-block {
           width: 100%;
           height: 50px;
           position: absolute;
           top: 0;
           left: 0;
         }
 
         #panel-header {
           background: #efefef;
           padding: 20px;
           text-align: center;
           margin-bottom: 10px;
 
           img {
             margin: 0 auto;
             clear: both;
             display: block;
           }
         }
 
         #panel-menu {
           width: 100%;
 
           > ul > li > a {
             font-weight: bold;
           }
 
           ul {
             list-style-type: none;
             padding: 0;
             margin: 0;
             width: 100%;
             float: left;
 
             li {
               width: 100%;
               float: left;
 
               a {
                 width: 100%;
                 line-height: 24px;
                 display: block;
                 padding: 0 10px;
                 text-decoration: none;
                 color: #6a7686;
                 .transition();
               }
 
               ul {
                 display: block;
                 position: relative;
                 float: left;
                 top: 0;
                 left: 0;
                 padding: 5px;
                 padding-top: 0;
                 border: 0;
                 height: auto;
                 min-height: auto;
                 width: 100%;
                 box-shadow: none;
                 margin: 0;
                 padding: 0 10px;
                 margin-bottom: 15px;
 
                 &::before {
                   display: none;
                 }
 
                 li {
                   margin-bottom: 0;
                   a {
                     font-size: 14px;
                     &:hover {
                       background-color: #efefef;
                     }
                   }
                 }
               }
 
             }
           }
         }
       }
     }
 
     &.open {
       #left-side-overlay {
         width: 100%;
         #left-side-panel {
           width: 50%;
         }
       }
     }
   }
 }
 
 #metaheader-modal {
   position: fixed;
   background: rgba(0,0,0,0.5);
   z-index: 10000000000;
   height: 100%;
   width: 100%;
   top: 0;
   left: 0;
   padding: 5%;
 
   #metaheader-modal-content {
     width: 100%;
     height: 100%;
     overflow: scroll;
     background: white;
     padding: 10px;
     box-shadow: 0px 1px 2px rgba(0,0,0,0.25);
   }
 }
 
 /* metamenu dark theme*/
 #metaheader #metaheader-nav .metamenu-theme-dark
 {
   background-color: #3D3D3E;
   ul.metaheader-menu > li >a {
         color:#E7F3F8 ;
         &:hover{
               color:#24292E ;
         }
   }
   ul.metaheader-menu > li.active >a {
         background-color: #2185D0;
         color:#E7F3F8 ;
   }
 
   #user-context-menu-container .user-dropdown .th-icon {
           background-image: url(../img/glyphicons-th-light.svg);
         }
 
 }