Bootstrap 3

New: Updated UI
New: Mobile browser support
Fixed: /favicon.ico will return the favicon now

src/UI/Content/Overrides/bootstrap.less

@@ -1,48 +1,16 @@
 @import "../prefixer";
+@import "../Bootstrap/variables";
+@import "../variables";
+
+@input-border-focus: @droneTeal;
+@font-family-sans-serif:  "open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+@modal-md: 800px;
+@modal-lg: 800px;
 
 .label, .badge, i {
   cursor : default;
 }
 
-.input-group {
-  .input-group-addon {
-    margin-left : 0;
-  }
-}
-
-.label, .badge, .btn {
-  .text-shadow(none);
-}
-
-.btn {
-
-  text-transform : capitalize;
-  min-width      : 80px;
-  padding        : 4px 12px;
-
-  &.btn-xs {
-    min-width : 0px;
-  }
-
-  &.btn-icon-only {
-    min-width : 41px;
-  }
-  
-  &.btn-icon-only-xs {
-    @media (max-width: @screen-xs-max) {
-      min-width : 41px;
-   
-      span {
-          .responsive-invisibility();
-      }
-    }
-  }
-  
-  label, input {
-    padding: 0px;
-  }
-}
-
 .slide-button {
   min-width : 0px;
 }
@@ -60,3 +28,47 @@
 .tooltip-inner {
   word-wrap: break-word;
 }
+
+.dropdown-submenu {
+  position:relative;
+  & > .dropdown-menu {
+    top:0;
+    left:100%;
+    margin-top:-6px;
+    margin-left:-1px;
+    -webkit-border-radius:0 6px 6px 6px;
+    -moz-border-radius:0 6px 6px 6px;
+    border-radius:0 6px 6px 6px;
+  }
+  & > a:after {
+    display:block;
+    content:" ";
+    float:right;
+    width:0;
+    height:0;
+    border-color:transparent;
+    border-style:solid;
+    border-width:5px 0 5px 5px;
+    border-left-color:#cccccc;
+    margin-top:5px;
+    margin-right:-10px;
+  }
+}
+.dropdown-submenu:hover {
+  & > .dropdown-menu {
+    display:block;
+  }
+  & > a:after {
+    border-left-color:#ffffff;
+  }
+}
+.dropdown-submenu.pull-left {
+  float:none;
+  & > .dropdown-menu {
+    left:-100%;
+    margin-left:10px;
+    -webkit-border-radius:6px 0 6px 6px;
+    -moz-border-radius:6px 0 6px 6px;
+    border-radius:6px 0 6px 6px;
+  }
+}

src/UI/Content/Overrides/bootstrap.toggle-switch.less

@@ -2,6 +2,9 @@
 @import "Bootstrap/mixins";
 
 .toggle {
+  height: 34px;
+  box-sizing: border-box;
+
   .slide-button {
     .button-variant(@btn-danger-color, @btn-danger-bg, @btn-danger-border);
 

src/UI/Content/Overrides/fullcalendar.less

@@ -8,4 +8,14 @@
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
-}
+}
+
+@media (max-width: @screen-xs-max) {
+  .fc-button {
+    padding: 0px 5px;
+  }
+
+  .fc-header-space {
+    padding-left: 5px;
+  }
+}

src/UI/Content/Overrides/messenger.less

@@ -1,5 +1,23 @@
+@import "../variables";
+
 body.control-panel-visible {
   ul.messenger.messenger-fixed.messenger-on-bottom {
     bottom: 95px;
   }
+}
+
+ul.messenger-theme-flat .messenger-message.alert-info .messenger-message-inner:before {
+  background: @droneTeal;
+}
+
+@media (max-width: @screen-xs-max) {
+  ul.messenger.messenger-fixed.messenger-on-bottom {
+    width: 100%;
+    bottom: 0px;
+    .border-bottom-radius(0);
+
+    &.messenger-on-right {
+      right : 0px;
+    }
+  }
 }