diff --git a/assets/src/css/style.css b/assets/src/css/style.css
index c7155a00f..267f01ba2 100644
--- a/assets/src/css/style.css
+++ b/assets/src/css/style.css
@@ -29,13 +29,6 @@ a.disabled {
     opacity: 0.6;
 }
 
-.btn-calendar>.btn {
-    color: inherit;
-    background: transparent;
-    font-size: 20px;
-    margin-top: 2px;
-}
-
 #progress {
     margin: auto;
     position: relative;
@@ -150,13 +143,13 @@ a.disabled {
     filter: alpha(opacity=90);
 }
 
-#main_loading>div {
+#main_loading > div {
     position: relative;
     top: 50%;
     color: #333;
 }
 
-#main_loading>div>i {
+#main_loading > div > i {
     font-size: 300px;
     margin-top: -150px;
     color: #e24e1e;
@@ -169,10 +162,10 @@ a.disabled {
     z-index: 9000;
     width: 100%;
     height: 100%;
-    background: rgba( 0, 0, 0, 0.15);
+    background: rgba(0, 0, 0, 0.15);
 }
 
-#mini-loader>div {
+#mini-loader > div {
     position: absolute;
     bottom: 50%;
     left: 50%;
@@ -198,19 +191,15 @@ body .header .logo {
 }
 
 .btn-github {
-    color: #ffffff;
-    background-color: #444444;
-    border-color: rgba(0, 0, 0, 0.2);
+    color: #ffffff !important;
+    background-color: #444444 !important;
+    border-color: rgba(0, 0, 0, 0.2) !important;
 }
 
-.btn-github:hover,
-.btn-github:focus,
-.btn-github:active,
-.btn-github.active,
-.open .dropdown-toggle.btn-github {
-    color: #ffffff;
-    background-color: #303030;
-    border-color: rgba(0, 0, 0, 0.2);
+.navbar-custom-menu>ul>li>a:hover,
+.navbar-custom-menu>ul>li>a:focus,
+.navbar-custom-menu>ul>li>a:active{
+    filter: brightness(75%);
 }
 
 .btn-github:active,
@@ -252,7 +241,7 @@ span.form-control {
     padding: 5px 8px;
 }
 
-.dropdown.col-md-3>.dropdown-menu {
+.dropdown.col-md-3 > .dropdown-menu {
     width: 91.5%;
     left: 15px;
     padding: 5px;
@@ -301,16 +290,16 @@ span.form-control {
     opacity: 0.4;
 }
 
-.close:focus, .close:hover{
+.close:focus, .close:hover {
     opacity: 0.8;
 }
 
-.li-widget button.close:hover, .li-widget button.close:focus{
+.li-widget button.close:hover, .li-widget button.close:focus {
     opacity: 0.3;
 }
 
-.li-widget button.close{
-    padding-right:5px;
+.li-widget button.close {
+    padding-right: 5px;
     opacity: 0.1;
 }
 
@@ -323,17 +312,16 @@ span.form-control {
     font-size: 11px;
 }
 
-.nav-tabs-custom>.nav-tabs.pull-right>li>a.back-btn {
+.nav-tabs-custom > .nav-tabs.pull-right > li > a.back-btn {
     font-size: 12px;
     color: #3C8DBC;
 }
 
-.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a, .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a
- {
-     white-space: normal;
- }
+.navbar-nav > .notifications-menu > .dropdown-menu > li .menu > li > a, .navbar-nav > .messages-menu > .dropdown-menu > li .menu > li > a, .navbar-nav > .tasks-menu > .dropdown-menu > li .menu > li > a {
+    white-space: normal;
+}
 
-.nav-tabs-custom>.nav-tabs.pull-right>li>a.back-btn:hover {
+.nav-tabs-custom > .nav-tabs.pull-right > li > a.back-btn:hover {
     cursor: pointer;
     color: #72AFD2;
 }
@@ -425,7 +413,7 @@ span.form-control {
     box-shadow: 0 0 5px rgba(0, 0, 0, 0.02) inset;
 }
 
-.sidebar-menu li>a>.pull-right-container {
+.sidebar-menu li > a > .pull-right-container {
     position: absolute;
     padding: 12px;
     right: 10px;
@@ -488,7 +476,7 @@ span.form-control {
     border: 0px;
 }
 
-.input-group-addon.no-padding>* {
+.input-group-addon.no-padding > * {
     border-radius: 0px;
 }
 
@@ -532,21 +520,27 @@ input.small-width {
 }
 
 @media (max-width: 480px) {
-    #main_loading>div>i {
+    #main_loading > div > i {
         font-size: 160px;
         margin-top: -80px;
     }
 }
 
 @media screen and (max-width: 767px) {
+    .navbar-left{
+        display: none;
+    }
+
     .box-center,
     .box-center-large {
         width: 90%;
         margin-top: 20px
     }
+
     .main-header .logo {
         display: none;
     }
+
     /*
     .content-wrapper,
     .right-side,
@@ -563,12 +557,12 @@ input.small-width {
 }
 
 @media screen and (max-width: 992px) {
-    .table-bordered>thead>tr>th,
-    .table-bordered>tbody>tr>th,
-    .table-bordered>tfoot>tr>th,
-    .table-bordered>thead>tr>td,
-    .table-bordered>tbody>tr>td,
-    .table-bordered>tfoot>tr>td {
+    .table-bordered > thead > tr > th,
+    .table-bordered > tbody > tr > th,
+    .table-bordered > tfoot > tr > th,
+    .table-bordered > thead > tr > td,
+    .table-bordered > tbody > tr > td,
+    .table-bordered > tfoot > tr > td {
         word-break: break-all;
     }
 }
@@ -577,6 +571,7 @@ input.small-width {
     .push {
         position: static;
     }
+
     .signature-pad {
         top: 0;
         left: 0;
@@ -600,21 +595,21 @@ input.small-width {
 
 /*fix per tabs editor */
 
-.nav-tabs-custom>.nav-tabs>li {
+.nav-tabs-custom > .nav-tabs > li {
     border-top: 3px solid #ddd;
 }
 
-.nav-tabs-custom>.nav-tabs.pull-right>li:first-of-type.active>a {
+.nav-tabs-custom > .nav-tabs.pull-right > li:first-of-type.active > a {
     border-right-color: #f4f4f4;
     border-right-width: 1px;
     border-left-width: 0px;
 }
 
-.nav-tabs-custom>.nav-tabs>li.header {
+.nav-tabs-custom > .nav-tabs > li.header {
     padding: 0px;
 }
 
-.nav-tabs-custom>.nav-tabs>li {
+.nav-tabs-custom > .nav-tabs > li {
     margin-bottom: -1px;
     margin-right: 0px;
 }
@@ -654,32 +649,32 @@ input.small-width {
     margin-left: -4.5px;
 }
 
-.timeline>li {
+.timeline > li {
     margin-bottom: 20px;
     position: relative;
 }
 
-.timeline>li:before,
-.timeline>li:after {
+.timeline > li:before,
+.timeline > li:after {
     content: " ";
     display: table;
 }
 
-.timeline>li:after {
+.timeline > li:after {
     clear: both;
 }
 
-.timeline>li:before,
-.timeline>li:after {
+.timeline > li:before,
+.timeline > li:after {
     content: " ";
     display: table;
 }
 
-.timeline>li:after {
+.timeline > li:after {
     clear: both;
 }
 
-.timeline>li>.timeline-panel {
+.timeline > li > .timeline-panel {
     width: 50%;
     float: left;
     border: 1px solid #d4d4d4;
@@ -690,20 +685,20 @@ input.small-width {
     box-shadow: 0 1px 6px rgba(0, 0, 0, 0.175);
 }
 
-.timeline>li.timeline-inverted+li:not(.timeline-inverted),
-.timeline>li:not(.timeline-inverted)+li.timeline-inverted {
+.timeline > li.timeline-inverted + li:not(.timeline-inverted),
+.timeline > li:not(.timeline-inverted) + li.timeline-inverted {
     margin-top: -60px;
 }
 
-.timeline>li:not(.timeline-inverted) {
+.timeline > li:not(.timeline-inverted) {
     padding-right: 90px;
 }
 
-.timeline>li.timeline-inverted {
+.timeline > li.timeline-inverted {
     padding-left: 90px;
 }
 
-.timeline>li>.timeline-panel:before {
+.timeline > li > .timeline-panel:before {
     position: absolute;
     top: 26px;
     right: -15px;
@@ -715,7 +710,7 @@ input.small-width {
     content: " ";
 }
 
-.timeline>li>.timeline-panel:after {
+.timeline > li > .timeline-panel:after {
     position: absolute;
     top: 27px;
     right: -14px;
@@ -727,7 +722,7 @@ input.small-width {
     content: " ";
 }
 
-.timeline>li>.timeline-badge {
+.timeline > li > .timeline-badge {
     color: #fff;
     width: 50px;
     height: 50px;
@@ -746,18 +741,18 @@ input.small-width {
     border-bottom-left-radius: 50%;
 }
 
-.timeline>li.timeline-inverted>.timeline-panel {
+.timeline > li.timeline-inverted > .timeline-panel {
     float: right;
 }
 
-.timeline>li.timeline-inverted>.timeline-panel:before {
+.timeline > li.timeline-inverted > .timeline-panel:before {
     border-left-width: 0;
     border-right-width: 15px;
     left: -15px;
     right: auto;
 }
 
-.timeline>li.timeline-inverted>.timeline-panel:after {
+.timeline > li.timeline-inverted > .timeline-panel:after {
     border-left-width: 0;
     border-right-width: 14px;
     left: -14px;
@@ -789,31 +784,31 @@ input.small-width {
     color: inherit;
 }
 
-.timeline-body>p,
-.timeline-body>ul {
+.timeline-body > p,
+.timeline-body > ul {
     margin-bottom: 0;
 }
 
-.timeline-body>p+p {
+.timeline-body > p + p {
     margin-top: 5px;
 }
 
-.img-circle.square{
-	box-shadow: 0px 0px 1px 1px lightgray;
+.img-circle.square {
+    box-shadow: 0px 0px 1px 1px lightgray;
 }
 
-.select2-dropdown{
+.select2-dropdown {
     z-index: 2000;
 }
 
-.after.input-group-addon .select2-selection, .after.input-group-addon{
-	 border-radius:0px 4px 4px 0px;
-	 border-left:none;
+.after.input-group-addon .select2-selection, .after.input-group-addon {
+    border-radius: 0px 4px 4px 0px;
+    border-left: none;
 }
 
-.before.input-group-addon .select2-selection, .before.input-group-addon{
-	 border-radius:4px 0px 0px 4px;
-	 border-right:none;
+.before.input-group-addon .select2-selection, .before.input-group-addon {
+    border-radius: 4px 0px 0px 4px;
+    border-right: none;
 }
 
 .hide-it-off-screen {
@@ -822,6 +817,6 @@ input.small-width {
     top: -10000px;
 }
 
-.box-info ul > li > :last-child{
-	margin-bottom:5px;
+.box-info ul > li > :last-child {
+    margin-bottom: 5px;
 }
diff --git a/include/top.php b/include/top.php
index 1eab03e4e..55a5ecb89 100644
--- a/include/top.php
+++ b/include/top.php
@@ -212,18 +212,24 @@ if (Auth::check()) {
 						<span class="icon-bar"></span>
 					</a>
 
-					<div class="input-group btn-calendar pull-left">
-                        <button id="daterange" class="btn"><i class="fa fa-calendar" style="color:'.$calendar.'"></i> <i class="fa fa-caret-down" style="color:'.$calendar.';" ></i></button>
-                        <span class="hidden-xs" style="vertical-align:middle; color:'.$calendar.';">
-                            '.Translator::dateToLocale($_SESSION['period_start']).' - '.Translator::dateToLocale($_SESSION['period_end']).'
-                        </span>
-                    </div>
+                    <!-- Navbar Left Menu -->
+                     <div class="navbar-left" class="hidden-xs">
+                        <ul class="nav navbar-nav" class="hidden-xs">
+                            <li><a href="#" id="daterange" style="color:'.$calendar.';background:inherit">
+                                <i class="fa fa-calendar" style="color:inherit"></i> <i class="fa fa-caret-down" style="color:inherit"></i>
+                            </a></li>
+                            
+                            <li><a href="#" style="color:'.$calendar.';background:inherit">
+                                '.Translator::dateToLocale($_SESSION['period_start']).' - '.Translator::dateToLocale($_SESSION['period_end']).'
+                            </a></li>
+                        </ul>
+                     </div>
                 
-                    <!-- Navbar Right Menu -->
-                     <div class="navbar-custom-menu" id="right-menu">
+                     <!-- Navbar Right Menu -->
+                     <div class="navbar-custom-menu">
                         <ul class="nav navbar-nav">
                             <li class="dropdown notifications-menu">
-                                <a href="#" class="dropdown-toggle" data-toggle="dropdown">
+                                <a href="#" class="dropdown-toggle btn-github" data-toggle="dropdown">
                                     <i class="fa fa-bell-o"></i>
                                     <span class="label label-warning">
                                         <span id="hooks-loading"><i class="fa fa-spinner fa-spin"></i></span>
@@ -237,7 +243,7 @@ if (Auth::check()) {
                                 </ul>
                             </li>
                             
-                            <li><a href="#" onclick="window.print()" class="btn-info tip" title="'.tr('Stampa').'">
+                            <li><a href="#" onclick="window.print()" class="btn-github tip" style="background-color:#5bc0de!important" title="'.tr('Stampa').'">
                                 <i class="fa fa-print"></i>
                             </a></li>
                             
@@ -253,7 +259,7 @@ if (Auth::check()) {
                                 <i class="fa fa-info"></i>
                             </a></li>
                             
-                            <li><a href="'.$rootdir.'/index.php?op=logout" class="btn-danger tip" title="'.tr('Esci').'">
+                            <li><a href="'.$rootdir.'/index.php?op=logout" class="btn-github tip"  style="background-color:#dd4b39!important" title="'.tr('Esci').'">
                                 <i class="fa fa-power-off"></i>
                             </a></li>
                         </ul>