diff --git a/.editorconfig b/.editorconfig
new file mode 100644
index 0000000..6cbaf1e
--- /dev/null
+++ b/.editorconfig
@@ -0,0 +1,13 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+tab_width = 2
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false
diff --git a/backend_theme_v10/__manifest__.py b/backend_theme_v10/__manifest__.py
index 56643bc..ea85846 100644
--- a/backend_theme_v10/__manifest__.py
+++ b/backend_theme_v10/__manifest__.py
@@ -3,28 +3,27 @@
 # License LGPL-3.0 or later (http://www.gnu.org/licenses/lgpl.html).
 
 {
-    "name": "Material/United Backend Theme",
-    "summary": "Odoo 10.0 community backend theme",
-    "version": "10.0.1.0.23",
-    "category": "Themes/Backend",
-    "website": "http://www.openworx.nl",
-	"description": """
+  "name": "Material/United Backend Theme",
+  "summary": "Odoo 10.0 community backend theme",
+  "version": "10.0.1.0.23",
+  "category": "Themes/Backend",
+  "website": "http://www.openworx.nl",
+  "description": """
 		Backend theme for Odoo 10.0 community edition.
     """,
-	'images':[
-        'images/screen.png'
-	],
-    "author": "Openworx",
-    "license": "LGPL-3",
-    "installable": True,
-    "depends": [
-	'web_responsive',
-    ],
-    "data": [
-        'views/assets.xml',
-        'views/res_company_view.xml',
-        'views/users.xml',
-        'views/sidebar.xml',
-    ],
+  'images': [
+    'images/screen.png'
+  ],
+  "author": "Openworx",
+  "license": "LGPL-3",
+  "installable": True,
+  "depends": [
+    'web_responsive',
+  ],
+  "data": [
+    'views/assets.xml',
+    'views/res_company_view.xml',
+    'views/users.xml',
+    'views/sidebar.xml',
+  ],
 }
-
diff --git a/backend_theme_v10/controllers/__init__.py b/backend_theme_v10/controllers/__init__.py
index cd4d6a8..757b12a 100644
--- a/backend_theme_v10/controllers/__init__.py
+++ b/backend_theme_v10/controllers/__init__.py
@@ -1,2 +1,2 @@
 # -*- coding: utf-8 -*-
-from . import main
\ No newline at end of file
+from . import main
diff --git a/backend_theme_v10/controllers/main.py b/backend_theme_v10/controllers/main.py
index 582945b..bf0c343 100644
--- a/backend_theme_v10/controllers/main.py
+++ b/backend_theme_v10/controllers/main.py
@@ -9,15 +9,14 @@
 DEFAULT_IMAGE = '/backend_theme_v10/static/src/img/material-background.jpg'
 
 class DasboardBackground(Controller):
+  @route(['/dashboard'], type='http', auth='user', website=False)
+  def dashboard(self, **post):
+    user = request.env.user
+    company = user.company_id
+    if company.dashboard_background:
+      image = base64.b64decode(company.dashboard_background)
+    else:
+      return redirect(DEFAULT_IMAGE)
 
-    @route(['/dashboard'], type='http', auth='user', website=False)
-    def dashboard(self, **post):
-        user = request.env.user
-        company = user.company_id
-        if company.dashboard_background:
-            image = base64.b64decode(company.dashboard_background)
-        else:
-            return redirect(DEFAULT_IMAGE)
-
-        return request.make_response(
-            image, [('Content-Type', 'image')])
\ No newline at end of file
+    return request.make_response(
+      image, [('Content-Type', 'image')])
diff --git a/backend_theme_v10/models/res_company.py b/backend_theme_v10/models/res_company.py
index 293cffd..e4bc4ba 100644
--- a/backend_theme_v10/models/res_company.py
+++ b/backend_theme_v10/models/res_company.py
@@ -5,7 +5,6 @@
 from odoo import models, fields
 
 class ResCompany(models.Model):
+  _inherit = 'res.company'
 
-    _inherit = 'res.company'
-
-    dashboard_background = fields.Binary(attachment=True)
\ No newline at end of file
+  dashboard_background = fields.Binary(attachment=True)
diff --git a/backend_theme_v10/models/res_users.py b/backend_theme_v10/models/res_users.py
index d7e5bde..c7c66e0 100644
--- a/backend_theme_v10/models/res_users.py
+++ b/backend_theme_v10/models/res_users.py
@@ -5,21 +5,20 @@
 from odoo import models, fields
 
 class ResUsers(models.Model):
+  _inherit = 'res.users'
 
-    _inherit = 'res.users'
+  sidebar_visible = fields.Boolean("Show App Sidebar", default=True)
 
-    sidebar_visible = fields.Boolean("Show App Sidebar", default=True)
-
-    def __init__(self, pool, cr):
-        """ Override of __init__ to add access rights on notification_email_send
-            and alias fields. Access rights are disabled by default, but allowed
-            on some specific fields defined in self.SELF_{READ/WRITE}ABLE_FIELDS.
-        """
-        init_res = super(ResUsers, self).__init__(pool, cr)
-        # duplicate list to avoid modifying the original reference
-        type(self).SELF_WRITEABLE_FIELDS = list(self.SELF_WRITEABLE_FIELDS)
-        type(self).SELF_WRITEABLE_FIELDS.extend(['sidebar_visible'])
-        # duplicate list to avoid modifying the original reference
-        type(self).SELF_READABLE_FIELDS = list(self.SELF_READABLE_FIELDS)
-        type(self).SELF_READABLE_FIELDS.extend(['sidebar_visible'])
-        return init_res
\ No newline at end of file
+  def __init__(self, pool, cr):
+    """ Override of __init__ to add access rights on notification_email_send
+        and alias fields. Access rights are disabled by default, but allowed
+        on some specific fields defined in self.SELF_{READ/WRITE}ABLE_FIELDS.
+    """
+    init_res = super(ResUsers, self).__init__(pool, cr)
+    # duplicate list to avoid modifying the original reference
+    type(self).SELF_WRITEABLE_FIELDS = list(self.SELF_WRITEABLE_FIELDS)
+    type(self).SELF_WRITEABLE_FIELDS.extend(['sidebar_visible'])
+    # duplicate list to avoid modifying the original reference
+    type(self).SELF_READABLE_FIELDS = list(self.SELF_READABLE_FIELDS)
+    type(self).SELF_READABLE_FIELDS.extend(['sidebar_visible'])
+    return init_res
diff --git a/backend_theme_v10/static/description/index.html b/backend_theme_v10/static/description/index.html
index ec46f01..91b5f48 100644
--- a/backend_theme_v10/static/description/index.html
+++ b/backend_theme_v10/static/description/index.html
@@ -1,38 +1,38 @@
-<section class="oe_container">
-    <div class="oe_row oe_spaced">
-		<div class="oe_span12">
-			<h1 class="oe_slogan" style="color:#337ab7;">Material/United Backend Theme</h1>
-			<h2 class="oe_slogan">The first Odoo 10.0 community backend theme</h2>
-			<div class="oe_screenshot" style="text-align: center;">
-				<h3 class="oe_slogan" style="color:#337ab7;">Enterprise like backend theme</h3>	
-				<img style="max-width: 100%;" src="screen.png"/><br><br>
-				<h3 class="oe_slogan" style="color:#337ab7;">Sidebar App Dashboard. Enable/disable in User Preferences</h3>
-				<img style="max-width: 100%;" src="sidebar.png"/><br><br>
-				<h3 class="oe_slogan" style="color:#337ab7;">Project Dashboard</h3>
-				<img style="max-width: 100%;" src="project.png"/><br><br>
-				<h3 class="oe_slogan" style="color:#337ab7;">Contact form</h3>
-				<img style="max-width: 100%;" src="contact.png"/><br><br>
-				<h3 class="oe_slogan" style="color:#337ab7;">Change background</h3>
-				<img style="max-width: 100%;" src="settings.png"/><br><br>
-			</div>
-		</div>
-	</div>
-</section>
-
-<section class="oe_container oe_separator">
-</section>
-
-<section class="oe_container" style="background-color:#E8E8E8; padding:20px 0px 90px 0px">
-    <div class="oe_row">
-
-        <div class="oe_span12">
-            <div class="oe_centeralign">
-                <p>Remark: It is possible that the Odoo service needs to be restarted after install.</p>
-            </div>
-        </div>	    
-    </div>
-</section>
-
-<section class="oe_container oe_separator">
-</section>
-
+<section class="oe_container">
+  <div class="oe_row oe_spaced">
+    <div class="oe_span12">
+      <h1 class="oe_slogan" style="color:#337ab7;">Material/United Backend Theme</h1>
+      <h2 class="oe_slogan">The first Odoo 10.0 community backend theme</h2>
+      <div class="oe_screenshot" style="text-align: center;">
+        <h3 class="oe_slogan" style="color:#337ab7;">Enterprise like backend theme</h3>
+        <img style="max-width: 100%;" src="screen.png"/><br><br>
+        <h3 class="oe_slogan" style="color:#337ab7;">Sidebar App Dashboard. Enable/disable in User Preferences</h3>
+        <img style="max-width: 100%;" src="sidebar.png"/><br><br>
+        <h3 class="oe_slogan" style="color:#337ab7;">Project Dashboard</h3>
+        <img style="max-width: 100%;" src="project.png"/><br><br>
+        <h3 class="oe_slogan" style="color:#337ab7;">Contact form</h3>
+        <img style="max-width: 100%;" src="contact.png"/><br><br>
+        <h3 class="oe_slogan" style="color:#337ab7;">Change background</h3>
+        <img style="max-width: 100%;" src="settings.png"/><br><br>
+      </div>
+    </div>
+  </div>
+</section>
+
+<section class="oe_container oe_separator">
+</section>
+
+<section class="oe_container" style="background-color:#e8e8e8; padding:20px 0px 90px 0px">
+  <div class="oe_row">
+
+    <div class="oe_span12">
+      <div class="oe_centeralign">
+        <p>Remark: It is possible that the Odoo service needs to be restarted after install.</p>
+      </div>
+    </div>
+  </div>
+</section>
+
+<section class="oe_container oe_separator">
+</section>
+
diff --git a/backend_theme_v10/static/src/js/sidebar-toggle.js b/backend_theme_v10/static/src/js/sidebar-toggle.js
index 9735f56..f3fff48 100644
--- a/backend_theme_v10/static/src/js/sidebar-toggle.js
+++ b/backend_theme_v10/static/src/js/sidebar-toggle.js
@@ -2,22 +2,23 @@
  * License LGPL-3.0 or later (http://www.gnu.org/licenses/lgpl). */
 
 odoo.define('backend_theme_v10.sidebar-toggle', function (require) {
-    "use strict";
-    
-    var session = require('web.session');
-    var Model = require('web.DataModel');
-    
-    var id = session.uid;
-    
-    new Model('res.users').query(['sidebar_visible'])
-        .filter([['id', '=', id]])
-        .first()
-        .then(function(res) {
-            var toggle = res["sidebar_visible"];
-            if (toggle === true) {
-                $("#app-sidebar").removeClass("toggle-sidebar");
-            } else {
-                $("#app-sidebar").addClass("toggle-sidebar");
-            };
-    });   
-});
+  'use strict'
+
+  var session = require('web.session')
+  var Model = require('web.DataModel')
+
+  var id = session.uid
+
+  new Model('res.users').query(['sidebar_visible'])
+    .filter([['id', '=', id]])
+    .first()
+    .then(function (res) {
+      var toggle = res['sidebar_visible']
+      if (toggle === true) {
+        $('#app-sidebar').removeClass('toggle-sidebar')
+      } else {
+        $('#app-sidebar').addClass('toggle-sidebar')
+      }
+
+    })
+})
diff --git a/backend_theme_v10/static/src/js/sidebar.js b/backend_theme_v10/static/src/js/sidebar.js
index aa5bee2..efb33a0 100644
--- a/backend_theme_v10/static/src/js/sidebar.js
+++ b/backend_theme_v10/static/src/js/sidebar.js
@@ -2,32 +2,32 @@
  * License LGPL-3.0 or later (http://www.gnu.org/licenses/lgpl). */
 
 // Check if debug mode is active and then add debug into URL when clicking on the App sidebar
-odoo.define('backend_theme_v11.Sidebar', function(require) {
-    "use strict";
-    var core = require('web.core');
-    var session = require('web.session');
-    var Widget = require('web.Widget');
-    $(function() {
-	(function($) {
-	    $.addDebug = function(url) {
-		url = url.replace(/(.{4})/, "$1?debug");
-		return url;
-	    }
-	    $.addDebugWithAssets = function(url) {
-		url = url.replace(/(.{4})/, "$1?debug=assets");
-		return url;
-	    }
-	    $.delDebug = function(url) {
-		var str = url.match(/web(\S*)#/);
-		url = url.replace("str/g", "");
-		return url;
-	    }
-	}) (jQuery);
-        $("#sidebar a").each(function() {
-            var url = $(this).attr('href');
-            if (session.debug == 1) $(this).attr('href', $.addDebug(url));
-            if (session.debug == 'assets') $(this).attr('href', $.addDebugWithAssets(url));
-            if (session.debug == false) $(this).attr('href', $.delDebug(url));
-        });
-    });
-});
+odoo.define('backend_theme_v11.Sidebar', function (require) {
+  'use strict'
+  var core = require('web.core')
+  var session = require('web.session')
+  var Widget = require('web.Widget')
+  $(function () {
+    (function ($) {
+      $.addDebug = function (url) {
+        url = url.replace(/(.{4})/, '$1?debug')
+        return url
+      }
+      $.addDebugWithAssets = function (url) {
+        url = url.replace(/(.{4})/, '$1?debug=assets')
+        return url
+      }
+      $.delDebug = function (url) {
+        var str = url.match(/web(\S*)#/)
+        url = url.replace('str/g', '')
+        return url
+      }
+    })(jQuery)
+    $('#sidebar a').each(function () {
+      var url = $(this).attr('href')
+      if (session.debug == 1) $(this).attr('href', $.addDebug(url))
+      if (session.debug == 'assets') $(this).attr('href', $.addDebugWithAssets(url))
+      if (session.debug == false) $(this).attr('href', $.delDebug(url))
+    })
+  })
+})
diff --git a/backend_theme_v10/static/src/less/bootswatch.less b/backend_theme_v10/static/src/less/bootswatch.less
index d278348..ad65541 100644
--- a/backend_theme_v10/static/src/less/bootswatch.less
+++ b/backend_theme_v10/static/src/less/bootswatch.less
@@ -1,60 +1,59 @@
-// United 3.3.5
-// Bootswatch
-// -----------------------------------------------------
-
-// @import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");
-
-@font-face {
-    font-family: Roboto;
-    src: url(/backend_theme_v10/static/src/font/Roboto-Regular.ttf)
-}
-
-// Navbar =====================================================================
-
-.navbar {
-
-  &-default {
-
-    .badge {
-      background-color: #fff;
-      color: @navbar-default-bg;
-    }
-  }
-
-  &-inverse {
-
-    .badge {
-      background-color: #fff;
-      color: @navbar-inverse-bg;
-    }
-  }
-}
-
-@media (max-width: @grid-float-breakpoint-max) {
-
-  .navbar {
-
-    .dropdown-menu {
-      a {
-        color: #fff;
-      }
-    }
-  }
-}
-
-
-// Buttons ====================================================================
-
-// Typography =================================================================
-
-// Tables =====================================================================
-
-// Forms ======================================================================
-
-// Navs =======================================================================
-
-// Indicators =================================================================
-
-// Progress bars ==============================================================
-
-// Containers =================================================================
\ No newline at end of file
+// United 3.3.5
+// Bootswatch
+// -----------------------------------------------------
+
+// @import url("https://fonts.googleapis.com/css?family=Roboto:300,400,500,700");
+
+@font-face {
+  font-family : Roboto;
+  src         : url(/backend_theme_v10/static/src/font/Roboto-Regular.ttf)
+}
+
+// Navbar =====================================================================
+
+.navbar {
+
+  &-default {
+
+    .badge {
+      background-color : #fff;
+      color            : @navbar-default-bg;
+    }
+  }
+
+  &-inverse {
+
+    .badge {
+      background-color : #fff;
+      color            : @navbar-inverse-bg;
+    }
+  }
+}
+
+@media (max-width : @grid-float-breakpoint-max) {
+
+  .navbar {
+
+    .dropdown-menu {
+      a {
+        color : #fff;
+      }
+    }
+  }
+}
+
+// Buttons ====================================================================
+
+// Typography =================================================================
+
+// Tables =====================================================================
+
+// Forms ======================================================================
+
+// Navs =======================================================================
+
+// Indicators =================================================================
+
+// Progress bars ==============================================================
+
+// Containers =================================================================
diff --git a/backend_theme_v10/static/src/less/drawer.less b/backend_theme_v10/static/src/less/drawer.less
index 69bf66f..3f64b5c 100644
--- a/backend_theme_v10/static/src/less/drawer.less
+++ b/backend_theme_v10/static/src/less/drawer.less
@@ -3,138 +3,139 @@
 
 /* App Drawer Toggle */
 
-@app-drawer-width:          100%; 
+@app-drawer-width : 100%;
 
 .app-drawer-icon-open {
-    color: #ffffff;
+  color : #fff;
 }
 
 // Add background image
-.drawer-nav{
-    background: transparent url('/dashboard') no-repeat scroll center center / cover;
-    z-index: 9999 ;
-    width: 100% ;
-    
-    .app-drawer-panel-title {
-        margin-left: -14px;
-    }
-    
-    .panel-body {
-        padding-top: 80px;
-    }
-        
-    #appDrawerAppPanelHead {
-	z-index:9999;
-    }
+.drawer-nav {
+  background : transparent url('/dashboard') no-repeat scroll center center / cover;
+  z-index    : 9999;
+  width      : 100%;
+
+  .app-drawer-panel-title {
+    margin-left : -14px;
+  }
+
+  .panel-body {
+    padding-top : 80px;
+  }
+
+  #appDrawerAppPanelHead {
+    z-index : 9999;
+  }
 }
 
 .app-drawer-nav .app-drawer-title {
-    color: #fff;
-    font-size: 14px;
-    font-weight: 600;
-    margin-top: 8px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.45);
+  color         : #fff;
+  font-size     : 14px;
+  font-weight   : 600;
+  margin-top    : 8px;
+  overflow      : hidden;
+  text-overflow : ellipsis;
+  white-space   : nowrap;
+  text-shadow   : 0 1px 1px rgba(0, 0, 0, 0.45);
 }
 
 .app-drawer-nav {
-    border: 0px !important;
-    border-radius: 0px !important;
+  border        : 0px !important;
+  border-radius : 0px !important;
 }
 
 .panel-heading {
-    border-top-right-radius: 0px;
-    border-top-left-radius: 0px;
+  border-top-right-radius : 0px;
+  border-top-left-radius  : 0px;
 }
 
 .oe_secondary_menu > li.app-name {
-    padding: 7px 12px !important;
+  padding : 7px 12px !important;
 }
+
 .main-nav > .container-fluid .o_sub_menu > .o_sub_menu_content > .oe_secondary_menu > li.app-name > .oe_menu_text {
-    font-size: 22px !important;
-    color: white;
-    margin-right: 35px;
+  font-size    : 22px !important;
+  color        : white;
+  margin-right : 35px;
 }
 
 .main-nav > .container-fluid .o_sub_menu > .o_sub_menu_content > .oe_secondary_menu {
-    margin-left: -8px !important;
+  margin-left : -8px !important;
 }
 
 .main-nav > .container-fluid .o_sub_menu > .o_sub_menu_content > .oe_secondary_menu > li > a {
-    height: @navbar-height;
-    padding: 0px 8px !important;
-    line-height: @navbar-height !important;
+  height      : @navbar-height;
+  padding     : 0px 8px !important;
+  line-height : @navbar-height !important;
 }
 
 .navbar {
-    border-radius: 0px;
-    margin-bottom: 0px !important;
-    border: 0px !important;
+  border-radius : 0px;
+  margin-bottom : 0px !important;
+  border        : 0px !important;
 }
 
 // User menubar
 
 .oe_topbar_avatar {
-    max-height: 16px !important;
-    height: 16px !important;
-    width: 16px !important;
-    margin-top: -4px !important;
+  max-height : 16px !important;
+  height     : 16px !important;
+  width      : 16px !important;
+  margin-top : -4px !important;
 }
 
 .oe_topbar_name {
-    top: 0px !important;
+  top : 0px !important;
 }
 
 .main-nav .navbar-systray > .oe_user_menu_placeholder > li > a .caret {
-    top: 0px !important;
+  top : 0px !important;
 }
 
 // Center app icons
 .app-drawer-nav .panel-body {
-    margin: auto;
-    max-width: 768px;
-    padding-top: 80px !important;
-    width: 90%;
+  margin      : auto;
+  max-width   : 768px;
+  padding-top : 80px !important;
+  width       : 90%;
 }
 
 .app-drawer-nav .app-drawer-icon-app {
-    border-radius: 3%;
-    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+  border-radius : 3%;
+  box-shadow    : 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
 }
 
 //.o_mail_navbar_item .o_notification_counter {
 //    background: #00a09d !important;
 //    color: white !important;
 //    margin-top: 1em;
-//    margin-right: 0;    
+//    margin-right: 0;
 //}
 
 // Default drawer width is 80% in web_responsive, make it 100% width
 
 .drawer--left.drawer-open .drawer-nav, .drawer--left .drawer-hamburger, .drawer--left.drawer-open .drawer-navbar .drawer-hamburger {
-    left: 0 !important;
+  left : 0 !important;
 }
 
 .drawer-nav {
-    width: 100% !important;
+  width : 100% !important;
 }
 
 .drawer--left .drawer-nav {
-    left: -100% !important;
+  left : -100% !important;
 }
 
 .drawer--left.drawer-open .drawer-hamburger {
-    left: 100%;
+  left : 100%;
 }
 
 .drawer--right .drawer-nav {
-    right: -100%;
-} 
+  right : -100%;
+}
 
 // Remove transition
 .drawer--left .drawer-nav {
-    -webkit-transition: left .1ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important; 
-    transition: left .1ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;
+  -webkit-transition : left .1ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;
+  transition         : left .1ms cubic-bezier(0.190, 1.000, 0.220, 1.000) !important;
 }
diff --git a/backend_theme_v10/static/src/less/sidebar.less b/backend_theme_v10/static/src/less/sidebar.less
index 2092d5e..15fd724 100644
--- a/backend_theme_v10/static/src/less/sidebar.less
+++ b/backend_theme_v10/static/src/less/sidebar.less
@@ -3,16 +3,16 @@
 
 /* App Sidebar Panel */
 
-@odoo-sidebar-width: 180px;
+@odoo-sidebar-width : 180px;
 
 .app-sidebar-panel {
-    .o-flex(0, 0, @odoo-sidebar-width);
-    background-color: @gray-base;
-    height: 100% !important;
-    overflow-y: auto;
-    @media (max-width: @screen-sm-min) {
-      display: none;
-    }
+  .o-flex(0, 0, @odoo-sidebar-width);
+  background-color : @gray-base;
+  height           : 100% !important;
+  overflow-y       : auto;
+  @media (max-width : @screen-sm-min) {
+    display : none;
+  }
 }
 
 //.app-sidebar-panel:hover {
@@ -20,44 +20,44 @@
 //}
 
 .app-sidebar {
-    white-space: nowrap;
-    padding: 0;
-    .app-sidebar-menu {
-	list-style: none;
-	margin: 0;
-	padding: 0;
-	>li {
-	    display: block;
-	    margin: 0;
-	    padding: 0;
-	    border: 0px;
-	    >a {
-            display: block;
-            position: relative;
-            margin: 0;
-            border: 0px;
-            padding: 8px 15px;
-            text-decoration: none;
-            font-size: 13px;
-            font-weight: 300;
-            color: @gray-lighter;
-            overflow: hidden;
-            text-overflow: ellipsis;
-	    }
-	}
-        > li:hover > a{
-    	    background: darken(@odoo-brand-primary, 15%);
-    	    color: #fff;
-        }
+  white-space : nowrap;
+  padding     : 0;
+  .app-sidebar-menu {
+    list-style : none;
+    margin     : 0;
+    padding    : 0;
+    > li {
+      display : block;
+      margin  : 0;
+      padding : 0;
+      border  : 0px;
+      > a {
+        display         : block;
+        position        : relative;
+        margin          : 0;
+        border          : 0px;
+        padding         : 8px 15px;
+        text-decoration : none;
+        font-size       : 13px;
+        font-weight     : 300;
+        color           : @gray-lighter;
+        overflow        : hidden;
+        text-overflow   : ellipsis;
+      }
+    }
+    > li:hover > a {
+      background : darken(@odoo-brand-primary, 15%);
+      color      : #fff;
     }
+  }
 }
 
 .app-sidebar-menuitem {
-    width: 23px;
-    height: 22px;
-    margin-right: 5px;
+  width        : 23px;
+  height       : 22px;
+  margin-right : 5px;
 }
 
 .toggle-sidebar {
-    margin-left: 0px - @odoo-sidebar-width;
-}
\ No newline at end of file
+  margin-left : 0px - @odoo-sidebar-width;
+}
diff --git a/backend_theme_v10/static/src/less/style.less b/backend_theme_v10/static/src/less/style.less
index 53c739d..6053a26 100644
--- a/backend_theme_v10/static/src/less/style.less
+++ b/backend_theme_v10/static/src/less/style.less
@@ -1,42 +1,40 @@
 /* Copyright 2016, 2017 Openworx.
  * License LGPL-3.0 or later (http://www.gnu.org/licenses/lgpl). */
 
+// Put Loading indicator in the right bottom of the screen
+.o_loading {
+  background-color : darken(@brand-primary, 13.5%) !important;
+  top              : inherit;
+  bottom           : 0;
+  right            : 0;
+  padding          : 5px 5px;
+  border-radius    : 0 !important;
+  opacity          : 0.8;
+}
+
+// Font
+
+.ui-autocomplete {
+  font-family : @font-family-sans-serif;
+}
 
-// Put Loading indicator in the right bottom of the screen 
-.o_loading {
-    background-color: darken(@brand-primary, 13.5%) !important;
-    top: inherit;
-    bottom: 0;
-    right: 0;
-    padding: 5px 5px;
-    border-radius: 0 !important;
-    opacity: 0.8;
-}
-
-// Font
-
-.ui-autocomplete
-{
-	font-family: @font-family-sans-serif;
-}
-
-a:hover {
-	text-decoration: none;
-}
-
-// Get rid of purple fontcolor
-
-body a {
-	color: @brand-primary;
-
-	&:active, &:focus, &:hover {
-		outline: none;
-	}
-}
-
-// Fix color Add file button
-.o_control_panel .o_cp_sidebar .o_hidden_input_file .o_form_binary_form span {
-    color: @gray-dark !important;
+a:hover {
+  text-decoration : none;
+}
+
+// Get rid of purple fontcolor
+
+body a {
+  color : @brand-primary;
+
+  &:active, &:focus, &:hover {
+    outline : none;
+  }
+}
+
+// Fix color Add file button
+.o_control_panel .o_cp_sidebar .o_hidden_input_file .o_form_binary_form span {
+  color : @gray-dark !important;
 }
 
 //
@@ -44,27 +42,25 @@ body a {
 // Filter search label
 
 .o_searchview {
-    .o_searchview_facet {
-
-         background-color: #ffffff;
+  .o_searchview_facet {
+    background-color : #fff;
 
-        .o_searchview_facet_label {
-            background-color: @brand-primary;
-        }
+    .o_searchview_facet_label {
+      background-color : @brand-primary;
     }
+  }
+}
+
+// Align green progress indicator
+#oe_main_menu_navbar .o_planner_systray > .progress {
+  margin-top : 18px !important;
 }
-
-// Align green progress indicator
-#oe_main_menu_navbar .o_planner_systray > .progress {
-    margin-top: 18px !important;
-}
-
-// Buttons
+
+// Buttons
 
 .btn {
-    border: none;
-    font-weight: 500;
-    
+  border      : none;
+  font-weight : 500;
 }
 
 //.btn-default {
@@ -73,271 +69,267 @@ body a {
 //}
 
 .btn-primary, .btn-default {
-    text-transform: uppercase;
+  text-transform : uppercase;
 }
 
 .btn-default {
-    color: @brand-primary;
-    background-color: transparent;
+  color            : @brand-primary;
+  background-color : transparent;
 }
 
 .btn-primary {
-    color: #ffffff;
-    background-color: @brand-primary;
+  color            : #fff;
+  background-color : @brand-primary;
 }
 
 .btn:active, .btn.active {
-    -webkit-box-shadow: none;
-    box-shadow: none;
-    background-color: @gray-lighter !important;
+  -webkit-box-shadow : none;
+  box-shadow         : none;
+  background-color   : @gray-lighter !important;
 }
 
 .btn-group.open .dropdown-toggle {
-    -webkit-box-shadow: none;
-    box-shadow: none;
-    background-color: @gray-lighter !important;
+  -webkit-box-shadow : none;
+  box-shadow         : none;
+  background-color   : @gray-lighter !important;
 }
 
 .o_form_view .oe_button_box .oe_stat_button {
-    border: 1px solid @gray-lighter;
+  border : 1px solid @gray-lighter;
 }
 
 .o_dropdown_toggler_btn, .o_dropdown_toggler_btn:hover, .o_dropdown_toggler_btn:focus, .o_dropdown_toggler_btn:hover, .o_dropdown_toggler_btn:focus, .btn-icon, .o_graph_button {
-    text-transform: none !important;
-    color: @gray-dark !important;
-    background-color: transparent !important;
-    border: none !important;
+  text-transform   : none !important;
+  color            : @gray-dark !important;
+  background-color : transparent !important;
+  border           : none !important;
 }
 
 .oe_highlight {
-    color: #ffffff !important;
-    background-color: @brand-primary !important;
+  color            : #fff !important;
+  background-color : @brand-primary !important;
 }
 
 .o_external_button {
-    color: @brand-primary !important;
-    background: #ffffff;
+  color      : @brand-primary !important;
+  background : #fff;
 }
 
 .o_button_icon {
-    color: @brand-primary !important;
+  color : @brand-primary !important;
 }
 
 // Forms
 
 .o_form_view {
 
-    .o_form_sheet_bg {
-        background: none !important;
-        background-color: #F9F9F9 !important;
-        padding: 0px;
-        .o_form_sheet {
-            border: 1px solid #d9d7d7;
-            box-shadow: 0 5px 20px -15px black;
-            max-width: 90%;
-        }
+  .o_form_sheet_bg {
+    background       : none !important;
+    background-color : #f9f9f9 !important;
+    padding          : 0px;
+    .o_form_sheet {
+      border     : 1px solid #d9d7d7;
+      box-shadow : 0 5px 20px -15px black;
+      max-width  : 90%;
     }
+  }
 
-    .o_form_statusbar {
-        //margin: -16px;
-  
-        .o_statusbar_status {
-            > .o_arrow_button {
-                background: #ffffff;
-            }
-        }
+  .o_form_statusbar {
+    //margin: -16px;
+
+    .o_statusbar_status {
+      > .o_arrow_button {
+        background : #fff;
+      }
     }
-}
+  }
+}
 
 // Controlpanel
 
 .o_control_panel {
-    background-color: #ffffff;
-    .breadcrumb {
-        padding:0 ;
-    }
+  background-color : #fff;
+  .breadcrumb {
+    padding : 0;
+  }
 }
 
 .breadcrumb {
-    background-color: inherit;
-}
-
-// Listview =======================================
-
-.o_list_view.table {
-    border: none;
-}
-.o_list_view.table thead, .o_list_view.table tfoot, .o_list_view.table td,.o_list_view.table th {
-    border: none;
-}
- 
-.o_list_view.table thead {
-    background-color: #e2e2e0;
-}
- 
-.o_list_view.table thead > tr > th.o_column_sortable:hover {
-    background-color: #D6D6D3;
-}
- 
-.o_list_view.table tbody tr.o_group_header {
-    background-color: #dfdfdf;
-    background-image: none;
-    border-top: 1px solid #e2e2e0;
-}
-
-.table-striped > tbody > tr:nth-of-type(2n+1) {
-    background-color: #eef0f0;
-}
-
-.o_list_view tfoot {
-    background-color: @brand-primary;
-    color: #ffffff;
-    cursor: default;
-    font-weight: normal;
-}
-
-// Checkbox ==========================================
-div.o_checkbox {
-    display: inline-block;
-    position: relative;
-    vertical-align: sub;
-}
- 
-div.o_checkbox > input {
-    width: 15px;
-    height: 15px;
-    margin: 0;
-    opacity: 0;
-    position: absolute;
-    top: auto;
-    left: auto;
-    bottom: auto;
-    right: auto;
-    cursor: pointer;
-}
- 
-div.o_checkbox > input + span {
-    display: block;
-	width: 15px;
-    height: 15px;
-    border: 1px solid #8f8f8f;
-    background-color: white;
-}
- 
-div.o_checkbox > input:checked + span {
-    background-repeat: no-repeat;
-    background-image: url(/backend_theme_v10/static/src/img/checked.svg);
-    background-position: center center;
-}
- 
-div.o_checkbox > input:disabled + span {
-    opacity: 0.7;
-    border: 1px solid #e2e2e0;
-}
- 
- div.o_checkbox > input:focus + span {
-    outline: 1px solid @brand-primary;
-}
-
-// Input field
-
-input[type="text"], input[type="password"], input[type="number"],
-textarea, select, .o_form_view.o_form_editable .o_form_field_many2manytags,
-.o_searchview
-{
-    border: 0;
-    border-radius: 0;
-    border-bottom: 1px solid #ccc;
-}
-
-.o_web_client input:focus, .o_web_client textarea:focus, .o_web_client select:focus {
-    outline: none;
-	border-bottom: 2px solid @brand-info;
-}
+  background-color : inherit;
+}
+
+// Listview =======================================
+
+.o_list_view.table {
+  border : none;
+}
+
+.o_list_view.table thead, .o_list_view.table tfoot, .o_list_view.table td, .o_list_view.table th {
+  border : none;
+}
+
+.o_list_view.table thead {
+  background-color : #e2e2e0;
+}
+
+.o_list_view.table thead > tr > th.o_column_sortable:hover {
+  background-color : #d6d6d3;
+}
+
+.o_list_view.table tbody tr.o_group_header {
+  background-color : #dfdfdf;
+  background-image : none;
+  border-top       : 1px solid #e2e2e0;
+}
+
+.table-striped > tbody > tr:nth-of-type(2n+1) {
+  background-color : #eef0f0;
+}
+
+.o_list_view tfoot {
+  background-color : @brand-primary;
+  color            : #fff;
+  cursor           : default;
+  font-weight      : normal;
+}
+
+// Checkbox ==========================================
+div.o_checkbox {
+  display        : inline-block;
+  position       : relative;
+  vertical-align : sub;
+}
+
+div.o_checkbox > input {
+  width    : 15px;
+  height   : 15px;
+  margin   : 0;
+  opacity  : 0;
+  position : absolute;
+  top      : auto;
+  left     : auto;
+  bottom   : auto;
+  right    : auto;
+  cursor   : pointer;
+}
+
+div.o_checkbox > input + span {
+  display          : block;
+  width            : 15px;
+  height           : 15px;
+  border           : 1px solid #8f8f8f;
+  background-color : white;
+}
+
+div.o_checkbox > input:checked + span {
+  background-repeat   : no-repeat;
+  background-image    : url(/backend_theme_v10/static/src/img/checked.svg);
+  background-position : center center;
+}
+
+div.o_checkbox > input:disabled + span {
+  opacity : 0.7;
+  border  : 1px solid #e2e2e0;
+}
+
+div.o_checkbox > input:focus + span {
+  outline : 1px solid @brand-primary;
+}
+
+// Input field
+
+input[type="text"], input[type="password"], input[type="number"],
+textarea, select, .o_form_view.o_form_editable .o_form_field_many2manytags,
+.o_searchview {
+  border        : 0;
+  border-radius : 0;
+  border-bottom : 1px solid #ccc;
+}
+
+.o_web_client input:focus, .o_web_client textarea:focus, .o_web_client select:focus {
+  outline       : none;
+  border-bottom : 2px solid @brand-info;
+}
 
 .o_input {
-    border: 1px solid #ccc;
-    border-top-style: none;
-    border-right-style: none;
-    border-left-style: none;
-    color: @gray;
+  border             : 1px solid #ccc;
+  border-top-style   : none;
+  border-right-style : none;
+  border-left-style  : none;
+  color              : @gray;
 }
 
 .dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
-    background-color: #E5E5E5;
-    color: darken(@navbar-default-bg, 15%);
+  background-color : #e5e5e5;
+  color            : darken(@navbar-default-bg, 15%);
 }
 
 // Button header
 .o_form_view > header {
-    background-color: @odoo-view-background-color;
-    background-image: none;
-    border-bottom: 1px solid #cacaca;
+  background-color : @odoo-view-background-color;
+  background-image : none;
+  border-bottom    : 1px solid #cacaca;
 }
 
 .o_form_view > header {
-    padding-left: 14px;
-    padding-top: 2px;
-	padding-bottom: 2px;
+  padding-left   : 14px;
+  padding-top    : 2px;
+  padding-bottom : 2px;
 }
 
 // Status bar
 
 .o_form_view ul.oe_form_status li, .o_form_view ul.oe_form_status_clickable li {
-    background-image: linear-gradient(to bottom, @odoo-view-background-color, @odoo-view-background-color) !important;
+  background-image : linear-gradient(to bottom, @odoo-view-background-color, @odoo-view-background-color) !important;
 }
 
 .o_form_view ul.oe_form_status li > .arrow, .o_form_view ul.oe_form_status_clickable li > .arrow {
-    margin-left: 5px !important;
+  margin-left : 5px !important;
 }
 
 .o_form_view ul.oe_form_status li > .arrow span, .o_form_view ul.oe_form_status_clickable li > .arrow span {
-    margin-left: -20px !important;
-    box-shadow: 2px 0px 1px rgba(255, 255, 255, 0.2), inset -3px 3px 0px rgba(0, 0, 0, 0.2) !important;
-    background-color: @odoo-view-background-color !important;
-    background: -moz-linear-gradient(135deg, @odoo-view-background-color, @odoo-view-background-color) !important;
-    background: -o-linear-gradient(135deg, @odoo-view-background-color, @odoo-view-background-color) !important;
-    background: -webkit-gradient(linear, left top, right bottom, from(@odoo-view-background-color), to(@odoo-view-background-color)) !important;
-    background: -ms-linear-gradient(top, @odoo-view-background-color, @odoo-view-background-color) !important;
-    -moz-border-radius: 0px !important;
-    -webkit-border-radius: 0px !important;
-    border-radius: 0px !important;
-
+  margin-left           : -20px !important;
+  box-shadow            : 2px 0px 1px rgba(255, 255, 255, 0.2), inset -3px 3px 0px rgba(0, 0, 0, 0.2) !important;
+  background-color      : @odoo-view-background-color !important;
+  background            : -moz-linear-gradient(135deg, @odoo-view-background-color, @odoo-view-background-color) !important;
+  background            : -o-linear-gradient(135deg, @odoo-view-background-color, @odoo-view-background-color) !important;
+  background            : -webkit-gradient(linear, left top, right bottom, from(@odoo-view-background-color), to(@odoo-view-background-color)) !important;
+  background            : -ms-linear-gradient(top, @odoo-view-background-color, @odoo-view-background-color) !important;
+  -moz-border-radius    : 0px !important;
+  -webkit-border-radius : 0px !important;
+  border-radius         : 0px !important;
 }
 
 .o_form_view ul.oe_form_status li.oe_active > .arrow span, .o_form_view ul.oe_form_status_clickable li.oe_active > .arrow span {
-    box-shadow: 2px 0px 1px rgba(255, 255, 255, 0.2), inset -3px 3px 0px @brand-info !important;
-    background-color: @odoo-view-background-color !important;
-    background: -moz-linear-gradient(135deg, @odoo-view-background-color, @odoo-view-background-color) !important;
-    background: -o-linear-gradient(135deg, @odoo-view-background-color, @odoo-view-background-color) !important;
-    background: -webkit-gradient(linear, left top, right bottom, from(@odoo-view-background-color), to(@odoo-view-background-color)) !important;
-    background: -ms-linear-gradient(top, @odoo-view-background-color, @odoo-view-background-color) !important;
+  box-shadow       : 2px 0px 1px rgba(255, 255, 255, 0.2), inset -3px 3px 0px @brand-info !important;
+  background-color : @odoo-view-background-color !important;
+  background       : -moz-linear-gradient(135deg, @odoo-view-background-color, @odoo-view-background-color) !important;
+  background       : -o-linear-gradient(135deg, @odoo-view-background-color, @odoo-view-background-color) !important;
+  background       : -webkit-gradient(linear, left top, right bottom, from(@odoo-view-background-color), to(@odoo-view-background-color)) !important;
+  background       : -ms-linear-gradient(top, @odoo-view-background-color, @odoo-view-background-color) !important;
 }
 
-
 .o_form_view ul.oe_form_status li.oe_active > .label, .o_form_view ul.oe_form_status_clickable li.oe_active > .label {
-    color: @brand-info !important;
-    font-weight: bold;
-    text-shadow: none !important;
+  color       : @brand-info !important;
+  font-weight : bold;
+  text-shadow : none !important;
 }
 
 .o_form_view ul.oe_form_status li > .label, .o_form_view ul.oe_form_status_clickable li > .label {
-    text-shadow: none !important;
-    color: @gray-light;
+  text-shadow : none !important;
+  color       : @gray-light;
 }
 
 .o_form_view ul.oe_form_status li:first-child > .label, .o_form_view ul.oe_form_status_clickable li:first-child > .label {
-    border-left: 0px solid @odoo-view-background-color !important;
+  border-left : 0px solid @odoo-view-background-color !important;
 }
 
-
-
 // navbar ==========================================
 
 .navbar-default .navbar-nav .open .dropdown-menu > li > a {
   @media (max-width : @screen-xs-max) {
-    color : @brand-primary;
-    text-align: center;
+    color      : @brand-primary;
+    text-align : center;
   }
 }
 
diff --git a/backend_theme_v10/static/src/less/variables.less b/backend_theme_v10/static/src/less/variables.less
index e3f3d05..8957f6d 100644
--- a/backend_theme_v10/static/src/less/variables.less
+++ b/backend_theme_v10/static/src/less/variables.less
@@ -1,853 +1,819 @@
-// United 3.3.5
-// Variables
-// --------------------------------------------------
-
-
-//== Colors
-//
-//## Gray and brand colors for use across Bootstrap.
-
-@gray-base:              #000;
-@gray-darker:            lighten(@gray-base, 13.5%); // #222
-@gray-dark:              #666;   // #333
-@gray:                   #777; // #555
-@gray-light:             #AEA79F;   // #999
-@gray-lighter:           lighten(@gray-base, 93.5%); // #eee
-
-@brand-primary:			#337AB7;
-@brand-success:         #38B44A;
-@brand-info:            #337AB7; // same color als primary
-@brand-warning:         #EFB73E;
-@brand-danger:          #DF382C;
-
-@odoo-brand-primary: @brand-primary;
-@odoo-brand-optional: @brand-primary;
-@odoo-brand-secondary: #f0eeee;
-@odoo-brand-lightsecondary: #e2e2e0;
-
-@odoo-color-pink: @brand-primary;
-@odoo-main-color-muted: #a8a8a8;
-@odoo-main-text-color: #4c4c4c;
-
-@odoo-view-background-color: white;
-@odoo-shadow-color: #303030;
-
-//== Scaffolding
-//
-//## Settings for some of the most global styles.
-
-//** Background color for `<body>`.
-@body-bg:               #fff;
-//** Global text color on `<body>`.
-@text-color:            @gray-dark;
-
-//** Global textual link color.
-@link-color:            @brand-primary;
-//** Link hover color set via `darken()` function.
-@link-hover-color:      darken(@link-color, 15%);
-//** Link hover decoration.
-@link-hover-decoration: underline;
-
-
-//== Typography
-//
-//## Font, line-height, and color for body text, headings, and more.
-
-@font-family-sans-serif:  "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
-@font-family-serif:       Georgia, "Times New Roman", Times, serif;
-//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
-@font-family-monospace:   Menlo, Monaco, Consolas, "Courier New", monospace;
-@font-family-base:        @font-family-sans-serif;
-
-@font-size-base:          13px;
-@font-size-large:         ceil((@font-size-base * 1.25)); // ~18px
-@font-size-small:         ceil((@font-size-base * 0.85)); // ~12px
-
-@font-size-h1:            floor((@font-size-base * 2.6)); // ~36px
-@font-size-h2:            floor((@font-size-base * 2.15)); // ~30px
-@font-size-h3:            ceil((@font-size-base * 1.7)); // ~24px
-@font-size-h4:            ceil((@font-size-base * 1.25)); // ~18px
-@font-size-h5:            @font-size-base;
-@font-size-h6:            ceil((@font-size-base * 0.85)); // ~12px
-
-//** Unit-less `line-height` for use in components like buttons.
-@line-height-base:        1.428571429; // 20/14
-//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
-@line-height-computed:    floor((@font-size-base * @line-height-base)); // ~20px
-
-//** By default, this inherits from the `<body>`.
-@headings-font-family:    @font-family-base;
-@headings-font-weight:    500;
-@headings-line-height:    1.1;
-@headings-color:          inherit;
-
-
-//== Iconography
-//
-//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
-
-//** Load fonts from this directory.
-@icon-font-path:          "../fonts/";
-//** File name for all font files.
-@icon-font-name:          "glyphicons-halflings-regular";
-//** Element ID within SVG icon file.
-@icon-font-svg-id:        "glyphicons_halflingsregular";
-
-
-//== Components
-//
-//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
-
-@padding-base-vertical:     8px;
-@padding-base-horizontal:   12px;
-
-@padding-large-vertical:    14px;
-@padding-large-horizontal:  16px;
-
-@padding-small-vertical:    5px;
-@padding-small-horizontal:  10px;
-
-@padding-xs-vertical:       1px;
-@padding-xs-horizontal:     5px;
-
-@line-height-large:         1.3333333; // extra decimals for Win 8.1 Chrome
-@line-height-small:         1.5;
-
-//@border-radius-base:        4px;
-//@border-radius-large:       6px;
-//@border-radius-small:       3px;
-
-@border-radius-base:        0px;
-@border-radius-large:       0px;
-@border-radius-small:       0px;
-
-//** Global color for active items (e.g., navs or dropdowns).
-@component-active-color:    #fff;
-//** Global background color for active items (e.g., navs or dropdowns).
-@component-active-bg:       @brand-primary;
-
-//** Width of the `border` for generating carets that indicator dropdowns.
-@caret-width-base:          4px;
-//** Carets increase slightly in size for larger components.
-@caret-width-large:         5px;
-
-
-//== Tables
-//
-//## Customizes the `.table` component with basic values, each used across all table variations.
-
-//** Padding for `<th>`s and `<td>`s.
-@table-cell-padding:            8px;
-//** Padding for cells in `.table-condensed`.
-@table-condensed-cell-padding:  5px;
-
-//** Default background color used for all tables.
-@table-bg:                      transparent;
-//** Background color used for `.table-striped`.
-@table-bg-accent:               #f9f9f9;
-//** Background color used for `.table-hover`.
-@table-bg-hover:                #f5f5f5;
-@table-bg-active:               @table-bg-hover;
-
-//** Border color for table and cell borders.
-@table-border-color:            #ddd;
-
-
-//== Buttons
-//
-//## For each of Bootstrap's buttons, define text, background and border color.
-
-@btn-font-weight:                normal;
-
-@btn-default-color:              #fff;
-@btn-default-bg:                 @gray-light;
-@btn-default-border:             @btn-default-bg;
-
-@btn-primary-color:              @btn-default-color;
-@btn-primary-bg:                 @brand-primary;
-@btn-primary-border:             @btn-primary-bg;
-
-@btn-success-color:              @btn-default-color;
-@btn-success-bg:                 @brand-success;
-@btn-success-border:             @btn-success-bg;
-
-@btn-info-color:                 @btn-default-color;
-@btn-info-bg:                    @brand-info;
-@btn-info-border:                @btn-info-bg;
-
-@btn-warning-color:              @btn-default-color;
-@btn-warning-bg:                 @brand-warning;
-@btn-warning-border:             @btn-warning-bg;
-
-@btn-danger-color:               @btn-default-color;
-@btn-danger-bg:                  @brand-danger;
-@btn-danger-border:              @btn-danger-bg;
-
-@btn-link-disabled-color:        @gray-light;
-
-// Allows for customizing button radius independently from global border radius
-@btn-border-radius-base:         @border-radius-base;
-@btn-border-radius-large:        @border-radius-large;
-@btn-border-radius-small:        @border-radius-small;
-
-
-//== Forms
-//
-//##
-
-//** `<input>` background color
-@input-bg:                       #fff;
-//** `<input disabled>` background color
-@input-bg-disabled:              @gray-lighter;
-
-//** Text color for `<input>`s
-@input-color:                    @text-color;
-//** `<input>` border color
-@input-border:                   #ccc;
-
-// TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4
-//** Default `.form-control` border radius
-// This has no effect on `<select>`s in some browsers, due to the limited stylability of `<select>`s in CSS.
-@input-border-radius:            @border-radius-base;
-//** Large `.form-control` border radius
-@input-border-radius-large:      @border-radius-large;
-//** Small `.form-control` border radius
-@input-border-radius-small:      @border-radius-small;
-
-//** Border color for inputs on focus
-@input-border-focus:             #66afe9;
-
-//** Placeholder text color
-@input-color-placeholder:        @gray-light;
-
-//** Default `.form-control` height
-@input-height-base:              (@line-height-computed + (@padding-base-vertical * 2) + 2);
-//** Large `.form-control` height
-@input-height-large:             (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
-//** Small `.form-control` height
-@input-height-small:             (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);
-
-//** `.form-group` margin
-@form-group-margin-bottom:       15px;
-
-@legend-color:                   @text-color;
-@legend-border-color:            #e5e5e5;
-
-//** Background color for textual input addons
-@input-group-addon-bg:           @gray-lighter;
-//** Border color for textual input addons
-@input-group-addon-border-color: @input-border;
-
-//** Disabled cursor for form controls and buttons.
-@cursor-disabled:                not-allowed;
-
-
-//== Dropdowns
-//
-//## Dropdown menu container and contents.
-
-//** Background for the dropdown menu.
-@dropdown-bg:                    #fff;
-//** Dropdown menu `border-color`.
-@dropdown-border:                rgba(0,0,0,.15);
-//** Dropdown menu `border-color` **for IE8**.
-@dropdown-fallback-border:       #ccc;
-//** Divider color for between dropdown items.
-@dropdown-divider-bg:            #e5e5e5;
-
-//** Dropdown link text color.
-@dropdown-link-color:            @gray-dark;
-//** Hover color for dropdown links.
-@dropdown-link-hover-color:      #fff;
-//** Hover background for dropdown links.
-@dropdown-link-hover-bg:         @component-active-bg;
-
-//** Active dropdown menu item text color.
-@dropdown-link-active-color:     #fff;
-//** Active dropdown menu item background color.
-@dropdown-link-active-bg:        @component-active-bg;
-
-//** Disabled dropdown menu item background color.
-@dropdown-link-disabled-color:   @gray-light;
-
-//** Text color for headers within dropdown menus.
-@dropdown-header-color:          @gray-light;
-
-//** Deprecated `@dropdown-caret-color` as of v3.1.0
-@dropdown-caret-color:           #000;
-
-
-//-- Z-index master list
-//
-// Warning: Avoid customizing these values. They're used for a bird's eye view
-// of components dependent on the z-axis and are designed to all work together.
-//
-// Note: These variables are not generated into the Customizer.
-
-@zindex-navbar:            1000;
-@zindex-dropdown:          1000;
-@zindex-popover:           1060;
-@zindex-tooltip:           1070;
-@zindex-navbar-fixed:      1030;
-@zindex-modal-background:  1040;
-@zindex-modal:             1050;
-
-
-//== Media queries breakpoints
-//
-//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
-
-// Extra small screen / phone
-//** Deprecated `@screen-xs` as of v3.0.1
-@screen-xs:                  480px;
-//** Deprecated `@screen-xs-min` as of v3.2.0
-@screen-xs-min:              @screen-xs;
-//** Deprecated `@screen-phone` as of v3.0.1
-@screen-phone:               @screen-xs-min;
-
-// Small screen / tablet
-//** Deprecated `@screen-sm` as of v3.0.1
-@screen-sm:                  768px;
-@screen-sm-min:              @screen-sm;
-//** Deprecated `@screen-tablet` as of v3.0.1
-@screen-tablet:              @screen-sm-min;
-
-// Medium screen / desktop
-//** Deprecated `@screen-md` as of v3.0.1
-@screen-md:                  992px;
-@screen-md-min:              @screen-md;
-//** Deprecated `@screen-desktop` as of v3.0.1
-@screen-desktop:             @screen-md-min;
-
-// Large screen / wide desktop
-//** Deprecated `@screen-lg` as of v3.0.1
-@screen-lg:                  1200px;
-@screen-lg-min:              @screen-lg;
-//** Deprecated `@screen-lg-desktop` as of v3.0.1
-@screen-lg-desktop:          @screen-lg-min;
-
-// So media queries don't overlap when required, provide a maximum
-@screen-xs-max:              (@screen-sm-min - 1);
-@screen-sm-max:              (@screen-md-min - 1);
-@screen-md-max:              (@screen-lg-min - 1);
-
-
-//== Grid system
-//
-//## Define your custom responsive grid.
-
-//** Number of columns in the grid.
-@grid-columns:              12;
-//** Padding between columns. Gets divided in half for the left and right.
-@grid-gutter-width:         30px;
-// Navbar collapse
-//** Point at which the navbar becomes uncollapsed.
-@grid-float-breakpoint:     @screen-sm-min;
-//** Point at which the navbar begins collapsing.
-@grid-float-breakpoint-max: (@grid-float-breakpoint - 1);
-
-
-//== Container sizes
-//
-//## Define the maximum width of `.container` for different screen sizes.
-
-// Small screen / tablet
-@container-tablet:             (720px + @grid-gutter-width);
-//** For `@screen-sm-min` and up.
-@container-sm:                 @container-tablet;
-
-// Medium screen / desktop
-@container-desktop:            (940px + @grid-gutter-width);
-//** For `@screen-md-min` and up.
-@container-md:                 @container-desktop;
-
-// Large screen / wide desktop
-@container-large-desktop:      (1140px + @grid-gutter-width);
-//** For `@screen-lg-min` and up.
-@container-lg:                 @container-large-desktop;
-
-
-//== Navbar
-//
-//##
-
-// Basics of a navbar
-@navbar-height:                    46px;
-@navbar-margin-bottom:             @line-height-computed;
-@navbar-border-radius:             @border-radius-base;
-@navbar-padding-horizontal:        floor((@grid-gutter-width / 2));
-@navbar-padding-vertical:          ((@navbar-height - @line-height-computed) / 2);
-@navbar-collapse-max-height:       340px;
-
-@navbar-default-color:             #fff;
-@navbar-default-bg:                @brand-primary;
-@navbar-default-border:            darken(@navbar-default-bg, 6.5%);
-
-// Navbar links
-@navbar-default-link-color:                #fff;
-@navbar-default-link-hover-color:          #fff;
-@navbar-default-link-hover-bg:             darken(@navbar-default-bg, 15%);
-@navbar-default-link-active-color:         #fff;
-@navbar-default-link-active-bg:            darken(@navbar-default-bg, 10%);
-@navbar-default-link-disabled-color:       #ccc;
-@navbar-default-link-disabled-bg:          transparent;
-
-// Navbar brand label
-@navbar-default-brand-color:               @navbar-default-link-color;
-@navbar-default-brand-hover-color:         #fff;
-@navbar-default-brand-hover-bg:            none;
-
-// Navbar toggle
-@navbar-default-toggle-hover-bg:           darken(@navbar-default-bg, 15%);
-@navbar-default-toggle-icon-bar-bg:        #fff;
-@navbar-default-toggle-border-color:       darken(@navbar-default-bg, 15%);
-
-
-//=== Inverted navbar
-// Reset inverted navbar basics
-@navbar-inverse-color:                      #fff;
-@navbar-inverse-bg:                         @brand-info;
-@navbar-inverse-border:                     darken(@navbar-inverse-bg, 10%);
-
-// Inverted navbar links
-@navbar-inverse-link-color:                 #fff;
-@navbar-inverse-link-hover-color:           #fff;
-@navbar-inverse-link-hover-bg:              darken(@navbar-inverse-bg, 15%);
-@navbar-inverse-link-active-color:          @navbar-inverse-link-hover-color;
-@navbar-inverse-link-active-bg:             darken(@navbar-inverse-bg, 10%);
-@navbar-inverse-link-disabled-color:        #ccc;
-@navbar-inverse-link-disabled-bg:           transparent;
-
-// Inverted navbar brand label
-@navbar-inverse-brand-color:                @navbar-inverse-link-color;
-@navbar-inverse-brand-hover-color:          #fff;
-@navbar-inverse-brand-hover-bg:             none;
-
-// Inverted navbar toggle
-@navbar-inverse-toggle-hover-bg:            darken(@navbar-inverse-bg, 15%);
-@navbar-inverse-toggle-icon-bar-bg:         #fff;
-@navbar-inverse-toggle-border-color:        darken(@navbar-inverse-bg, 15%);
-
-
-//== Navs
-//
-//##
-
-//=== Shared nav styles
-@nav-link-padding:                          10px 15px;
-@nav-link-hover-bg:                         @gray-lighter;
-
-@nav-disabled-link-color:                   @gray-light;
-@nav-disabled-link-hover-color:             @gray-light;
-
-//== Tabs
-@nav-tabs-border-color:                     #ddd;
-
-@nav-tabs-link-hover-border-color:          @gray-lighter;
-
-@nav-tabs-active-link-hover-bg:             @body-bg;
-@nav-tabs-active-link-hover-color:          @gray;
-@nav-tabs-active-link-hover-border-color:   #ddd;
-
-@nav-tabs-justified-link-border-color:            #ddd;
-@nav-tabs-justified-active-link-border-color:     @body-bg;
-
-//== Pills
-@nav-pills-border-radius:                   @border-radius-base;
-@nav-pills-active-link-hover-bg:            @component-active-bg;
-@nav-pills-active-link-hover-color:         @component-active-color;
-
-
-//== Pagination
-//
-//##
-
-@pagination-color:                     @link-color;
-@pagination-bg:                        #fff;
-@pagination-border:                    #ddd;
-
-@pagination-hover-color:               @link-hover-color;
-@pagination-hover-bg:                  @gray-lighter;
-@pagination-hover-border:              #ddd;
-
-@pagination-active-color:              @gray-light;
-@pagination-active-bg:                 #f5f5f5;
-@pagination-active-border:             #ddd;
-
-@pagination-disabled-color:            @gray-light;
-@pagination-disabled-bg:               #fff;
-@pagination-disabled-border:           #ddd;
-
-
-//== Pager
-//
-//##
-
-@pager-bg:                             @pagination-bg;
-@pager-border:                         @pagination-border;
-@pager-border-radius:                  15px;
-
-@pager-hover-bg:                       @pagination-hover-bg;
-
-@pager-active-bg:                      @pagination-active-bg;
-@pager-active-color:                   @pagination-active-color;
-
-@pager-disabled-color:                 @gray-light;
-
-
-//== Jumbotron
-//
-//##
-
-@jumbotron-padding:              30px;
-@jumbotron-color:                inherit;
-@jumbotron-bg:                   @gray-lighter;
-@jumbotron-heading-color:        inherit;
-@jumbotron-font-size:            ceil((@font-size-base * 1.5));
-@jumbotron-heading-font-size:    ceil((@font-size-base * 4.5));
-
-
-//== Form states and alerts
-//
-//## Define colors for form feedback states and, by default, alerts.
-
-@state-success-text:             #468847;
-@state-success-bg:               #dff0d8;
-@state-success-border:           darken(spin(@state-success-bg, -10), 5%);
-
-@state-info-text:                #3a87ad;
-@state-info-bg:                  #d9edf7;
-@state-info-border:              darken(spin(@state-info-bg, -10), 7%);
-
-@state-warning-text:             #c09853;
-@state-warning-bg:               #fcf8e3;
-@state-warning-border:           darken(spin(@state-warning-bg, -10), 3%);
-
-@state-danger-text:              #b94a48;
-@state-danger-bg:                #f2dede;
-@state-danger-border:            darken(spin(@state-danger-bg, -10), 3%);
-
-
-//== Tooltips
-//
-//##
-
-//** Tooltip max width
-@tooltip-max-width:           200px;
-//** Tooltip text color
-@tooltip-color:               #fff;
-//** Tooltip background color
-@tooltip-bg:                  #000;
-@tooltip-opacity:             .9;
-
-//** Tooltip arrow width
-@tooltip-arrow-width:         5px;
-//** Tooltip arrow color
-@tooltip-arrow-color:         @tooltip-bg;
-
-
-//== Labels
-//
-//##
-
-//** Default label background color
-@label-default-bg:            @btn-default-bg;
-//** Primary label background color
-@label-primary-bg:            @brand-primary;
-//** Success label background color
-@label-success-bg:            @brand-success;
-//** Info label background color
-@label-info-bg:               @brand-info;
-//** Warning label background color
-@label-warning-bg:            @brand-warning;
-//** Danger label background color
-@label-danger-bg:             @brand-danger;
-
-//** Default label text color
-@label-color:                 #fff;
-//** Default text color of a linked label
-@label-link-hover-color:      #fff;
-
-
-//== Modals
-//
-//##
-
-//** Padding applied to the modal body
-@modal-inner-padding:         20px;
-
-//** Padding applied to the modal title
-@modal-title-padding:         15px;
-//** Modal title line-height
-@modal-title-line-height:     @line-height-base;
-
-//** Background color of modal content area
-@modal-content-bg:                             #fff;
-//** Modal content border color
-@modal-content-border-color:                   rgba(0,0,0,.2);
-//** Modal content border color **for IE8**
-@modal-content-fallback-border-color:          #999;
-
-//** Modal backdrop background color
-@modal-backdrop-bg:           #000;
-//** Modal backdrop opacity
-@modal-backdrop-opacity:      .5;
-//** Modal header border color
-@modal-header-border-color:   #e5e5e5;
-//** Modal footer border color
-@modal-footer-border-color:   @modal-header-border-color;
-
-@modal-lg:                    900px;
-@modal-md:                    600px;
-@modal-sm:                    300px;
-
-
-//== Alerts
-//
-//## Define alert colors, border radius, and padding.
-
-@alert-padding:               15px;
-@alert-border-radius:         @border-radius-base;
-@alert-link-font-weight:      bold;
-
-@alert-success-bg:            @state-success-bg;
-@alert-success-text:          @state-success-text;
-@alert-success-border:        @state-success-border;
-
-@alert-info-bg:               @state-info-bg;
-@alert-info-text:             @state-info-text;
-@alert-info-border:           @state-info-border;
-
-@alert-warning-bg:            @state-warning-bg;
-@alert-warning-text:          @state-warning-text;
-@alert-warning-border:        @state-warning-border;
-
-@alert-danger-bg:             @state-danger-bg;
-@alert-danger-text:           @state-danger-text;
-@alert-danger-border:         @state-danger-border;
-
-
-//== Progress bars
-//
-//##
-
-//** Background color of the whole progress component
-@progress-bg:                 #f5f5f5;
-//** Progress bar text color
-@progress-bar-color:          #fff;
-//** Variable for setting rounded corners on progress bar.
-@progress-border-radius:      @border-radius-base;
-
-//** Default progress bar color
-@progress-bar-bg:             @brand-primary;
-//** Success progress bar color
-@progress-bar-success-bg:     @brand-success;
-//** Warning progress bar color
-@progress-bar-warning-bg:     @brand-warning;
-//** Danger progress bar color
-@progress-bar-danger-bg:      @brand-danger;
-//** Info progress bar color
-@progress-bar-info-bg:        @brand-info;
-
-
-//== List group
-//
-//##
-
-//** Background color on `.list-group-item`
-@list-group-bg:                 #fff;
-//** `.list-group-item` border color
-@list-group-border:             #ddd;
-//** List group border radius
-@list-group-border-radius:      @border-radius-base;
-
-//** Background color of single list items on hover
-@list-group-hover-bg:           #f5f5f5;
-//** Text color of active list items
-@list-group-active-color:       @component-active-color;
-//** Background color of active list items
-@list-group-active-bg:          @component-active-bg;
-//** Border color of active list elements
-@list-group-active-border:      @list-group-active-bg;
-//** Text color for content within active list items
-@list-group-active-text-color:  lighten(@list-group-active-bg, 40%);
-
-//** Text color of disabled list items
-@list-group-disabled-color:      @gray-light;
-//** Background color of disabled list items
-@list-group-disabled-bg:         @gray-lighter;
-//** Text color for content within disabled list items
-@list-group-disabled-text-color: @list-group-disabled-color;
-
-@list-group-link-color:         #555;
-@list-group-link-hover-color:   @list-group-link-color;
-@list-group-link-heading-color: #333;
-
-
-//== Panels
-//
-//##
-
-@panel-bg:                    #fff;
-@panel-body-padding:          15px;
-@panel-heading-padding:       10px 15px;
-@panel-footer-padding:        @panel-heading-padding;
-@panel-border-radius:         @border-radius-base;
-
-//** Border color for elements within panels
-@panel-inner-border:          #ddd;
-@panel-footer-bg:             #f5f5f5;
-
-@panel-default-text:          @gray-dark;
-@panel-default-border:        #ddd;
-@panel-default-heading-bg:    #f5f5f5;
-
-@panel-primary-text:          #fff;
-@panel-primary-border:        @brand-primary;
-@panel-primary-heading-bg:    @brand-primary;
-
-@panel-success-text:          @state-success-text;
-@panel-success-border:        @state-success-border;
-@panel-success-heading-bg:    @state-success-bg;
-
-@panel-info-text:             @state-info-text;
-@panel-info-border:           @state-info-border;
-@panel-info-heading-bg:       @state-info-bg;
-
-@panel-warning-text:          @state-warning-text;
-@panel-warning-border:        @state-warning-border;
-@panel-warning-heading-bg:    @state-warning-bg;
-
-@panel-danger-text:           @state-danger-text;
-@panel-danger-border:         @state-danger-border;
-@panel-danger-heading-bg:     @state-danger-bg;
-
-
-//== Thumbnails
-//
-//##
-
-//** Padding around the thumbnail image
-@thumbnail-padding:           4px;
-//** Thumbnail background color
-@thumbnail-bg:                @body-bg;
-//** Thumbnail border color
-@thumbnail-border:            #ddd;
-//** Thumbnail border radius
-@thumbnail-border-radius:     @border-radius-base;
-
-//** Custom text color for thumbnail captions
-@thumbnail-caption-color:     @text-color;
-//** Padding around the thumbnail caption
-@thumbnail-caption-padding:   9px;
-
-
-//== Wells
-//
-//##
-
-@well-bg:                     #f5f5f5;
-@well-border:                 darken(@well-bg, 7%);
-
-
-//== Badges
-//
-//##
-
-@badge-color:                 #fff;
-//** Linked badge text color on hover
-@badge-link-hover-color:      #fff;
-@badge-bg:                    @gray-light;
-
-//** Badge text color in active nav link
-@badge-active-color:          @link-color;
-//** Badge background color in active nav link
-@badge-active-bg:             #fff;
-
-@badge-font-weight:           bold;
-@badge-line-height:           1;
-@badge-border-radius:         10px;
-
-
-//== Breadcrumbs
-//
-//##
-
-@breadcrumb-padding-vertical:   8px;
-@breadcrumb-padding-horizontal: 15px;
-//** Breadcrumb background color
-@breadcrumb-bg:                 #f5f5f5;
-//** Breadcrumb text color
-@breadcrumb-color:              #ccc;
-//** Text color of current page in the breadcrumb
-@breadcrumb-active-color:       @gray-light;
-//** Textual separator for between breadcrumb elements
-@breadcrumb-separator:          "/";
-
-
-//== Carousel
-//
-//##
-
-@carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6);
-
-@carousel-control-color:                      #fff;
-@carousel-control-width:                      15%;
-@carousel-control-opacity:                    .5;
-@carousel-control-font-size:                  20px;
-
-@carousel-indicator-active-bg:                #fff;
-@carousel-indicator-border-color:             #fff;
-
-@carousel-caption-color:                      #fff;
-
-
-//== Close
-//
-//##
-
-@close-font-weight:           bold;
-@close-color:                 #000;
-@close-text-shadow:           0 1px 0 #fff;
-
-
-//== Code
-//
-//##
-
-@code-color:                  #c7254e;
-@code-bg:                     #f9f2f4;
-
-@kbd-color:                   #fff;
-@kbd-bg:                      #333;
-
-@pre-bg:                      #f5f5f5;
-@pre-color:                   @gray-dark;
-@pre-border-color:            #ccc;
-@pre-scrollable-max-height:   340px;
-
-
-//== Type
-//
-//##
-
-//** Horizontal offset for forms and lists.
-@component-offset-horizontal: 180px;
-//** Text muted color
-@text-muted:                  @gray-light;
-//** Abbreviations and acronyms border color
-@abbr-border-color:           @gray-light;
-//** Headings small color
-@headings-small-color:        @gray-light;
-//** Blockquote small color
-@blockquote-small-color:      @gray-light;
-//** Blockquote font size
-@blockquote-font-size:        (@font-size-base * 1.25);
-//** Blockquote border color
-@blockquote-border-color:     @gray-lighter;
-//** Page header border color
-@page-header-border-color:    @gray-lighter;
-//** Width of horizontal description list titles
-@dl-horizontal-offset:        @component-offset-horizontal;
-//** Horizontal line color.
-@hr-border:                   @gray-lighter;
+// United 3.3.5
+// Variables
+// --------------------------------------------------
+
+//== Colors
+//
+//## Gray and brand colors for use across Bootstrap.
+
+@gray-base : #000;
+@gray-darker : lighten(@gray-base, 13.5%); // #222
+@gray-dark : #666; // #333
+@gray : #777; // #555
+@gray-light : #aea79f; // #999
+@gray-lighter : lighten(@gray-base, 93.5%); // #eee
+
+@brand-primary : #337ab7;
+@brand-success : #38b44a;
+@brand-info : #337ab7; // same color als primary
+@brand-warning : #efb73e;
+@brand-danger : #df382c;
+
+@odoo-brand-primary : @brand-primary;
+@odoo-brand-optional : @brand-primary;
+@odoo-brand-secondary : #f0eeee;
+@odoo-brand-lightsecondary : #e2e2e0;
+
+@odoo-color-pink : @brand-primary;
+@odoo-main-color-muted : #a8a8a8;
+@odoo-main-text-color : #4c4c4c;
+
+@odoo-view-background-color : white;
+@odoo-shadow-color : #303030;
+
+//== Scaffolding
+//
+//## Settings for some of the most global styles.
+
+//** Background color for `<body>`.
+@body-bg : #fff;
+//** Global text color on `<body>`.
+@text-color : @gray-dark;
+
+//** Global textual link color.
+@link-color : @brand-primary;
+//** Link hover color set via `darken()` function.
+@link-hover-color : darken(@link-color, 15%);
+//** Link hover decoration.
+@link-hover-decoration : underline;
+
+//== Typography
+//
+//## Font, line-height, and color for body text, headings, and more.
+
+@font-family-sans-serif : "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
+@font-family-serif : Georgia, "Times New Roman", Times, serif;
+//** Default monospace fonts for `<code>`, `<kbd>`, and `<pre>`.
+@font-family-monospace : Menlo, Monaco, Consolas, "Courier New", monospace;
+@font-family-base : @font-family-sans-serif;
+
+@font-size-base : 13px;
+@font-size-large : ceil((@font-size-base * 1.25)); // ~18px
+@font-size-small : ceil((@font-size-base * 0.85)); // ~12px
+
+@font-size-h1 : floor((@font-size-base * 2.6)); // ~36px
+@font-size-h2 : floor((@font-size-base * 2.15)); // ~30px
+@font-size-h3 : ceil((@font-size-base * 1.7)); // ~24px
+@font-size-h4 : ceil((@font-size-base * 1.25)); // ~18px
+@font-size-h5 : @font-size-base;
+@font-size-h6 : ceil((@font-size-base * 0.85)); // ~12px
+
+//** Unit-less `line-height` for use in components like buttons.
+@line-height-base : 1.428571429; // 20/14
+//** Computed "line-height" (`font-size` * `line-height`) for use with `margin`, `padding`, etc.
+@line-height-computed : floor((@font-size-base * @line-height-base)); // ~20px
+
+//** By default, this inherits from the `<body>`.
+@headings-font-family : @font-family-base;
+@headings-font-weight : 500;
+@headings-line-height : 1.1;
+@headings-color : inherit;
+
+//== Iconography
+//
+//## Specify custom location and filename of the included Glyphicons icon font. Useful for those including Bootstrap via Bower.
+
+//** Load fonts from this directory.
+@icon-font-path : "../fonts/";
+//** File name for all font files.
+@icon-font-name : "glyphicons-halflings-regular";
+//** Element ID within SVG icon file.
+@icon-font-svg-id : "glyphicons_halflingsregular";
+
+//== Components
+//
+//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
+
+@padding-base-vertical : 8px;
+@padding-base-horizontal : 12px;
+
+@padding-large-vertical : 14px;
+@padding-large-horizontal : 16px;
+
+@padding-small-vertical : 5px;
+@padding-small-horizontal : 10px;
+
+@padding-xs-vertical : 1px;
+@padding-xs-horizontal : 5px;
+
+@line-height-large : 1.3333333; // extra decimals for Win 8.1 Chrome
+@line-height-small : 1.5;
+
+//@border-radius-base:        4px;
+//@border-radius-large:       6px;
+//@border-radius-small:       3px;
+
+@border-radius-base : 0px;
+@border-radius-large : 0px;
+@border-radius-small : 0px;
+
+//** Global color for active items (e.g., navs or dropdowns).
+@component-active-color : #fff;
+//** Global background color for active items (e.g., navs or dropdowns).
+@component-active-bg : @brand-primary;
+
+//** Width of the `border` for generating carets that indicator dropdowns.
+@caret-width-base : 4px;
+//** Carets increase slightly in size for larger components.
+@caret-width-large : 5px;
+
+//== Tables
+//
+//## Customizes the `.table` component with basic values, each used across all table variations.
+
+//** Padding for `<th>`s and `<td>`s.
+@table-cell-padding : 8px;
+//** Padding for cells in `.table-condensed`.
+@table-condensed-cell-padding : 5px;
+
+//** Default background color used for all tables.
+@table-bg : transparent;
+//** Background color used for `.table-striped`.
+@table-bg-accent : #f9f9f9;
+//** Background color used for `.table-hover`.
+@table-bg-hover : #f5f5f5;
+@table-bg-active : @table-bg-hover;
+
+//** Border color for table and cell borders.
+@table-border-color : #ddd;
+
+//== Buttons
+//
+//## For each of Bootstrap's buttons, define text, background and border color.
+
+@btn-font-weight : normal;
+
+@btn-default-color : #fff;
+@btn-default-bg : @gray-light;
+@btn-default-border : @btn-default-bg;
+
+@btn-primary-color : @btn-default-color;
+@btn-primary-bg : @brand-primary;
+@btn-primary-border : @btn-primary-bg;
+
+@btn-success-color : @btn-default-color;
+@btn-success-bg : @brand-success;
+@btn-success-border : @btn-success-bg;
+
+@btn-info-color : @btn-default-color;
+@btn-info-bg : @brand-info;
+@btn-info-border : @btn-info-bg;
+
+@btn-warning-color : @btn-default-color;
+@btn-warning-bg : @brand-warning;
+@btn-warning-border : @btn-warning-bg;
+
+@btn-danger-color : @btn-default-color;
+@btn-danger-bg : @brand-danger;
+@btn-danger-border : @btn-danger-bg;
+
+@btn-link-disabled-color : @gray-light;
+
+// Allows for customizing button radius independently from global border radius
+@btn-border-radius-base : @border-radius-base;
+@btn-border-radius-large : @border-radius-large;
+@btn-border-radius-small : @border-radius-small;
+
+//== Forms
+//
+//##
+
+//** `<input>` background color
+@input-bg : #fff;
+//** `<input disabled>` background color
+@input-bg-disabled : @gray-lighter;
+
+//** Text color for `<input>`s
+@input-color : @text-color;
+//** `<input>` border color
+@input-border : #ccc;
+
+// TODO: Rename `@input-border-radius` to `@input-border-radius-base` in v4
+//** Default `.form-control` border radius
+// This has no effect on `<select>`s in some browsers, due to the limited stylability of `<select>`s in CSS.
+@input-border-radius : @border-radius-base;
+//** Large `.form-control` border radius
+@input-border-radius-large : @border-radius-large;
+//** Small `.form-control` border radius
+@input-border-radius-small : @border-radius-small;
+
+//** Border color for inputs on focus
+@input-border-focus : #66afe9;
+
+//** Placeholder text color
+@input-color-placeholder : @gray-light;
+
+//** Default `.form-control` height
+@input-height-base : (@line-height-computed + (@padding-base-vertical * 2) + 2);
+//** Large `.form-control` height
+@input-height-large : (ceil(@font-size-large * @line-height-large) + (@padding-large-vertical * 2) + 2);
+//** Small `.form-control` height
+@input-height-small : (floor(@font-size-small * @line-height-small) + (@padding-small-vertical * 2) + 2);
+
+//** `.form-group` margin
+@form-group-margin-bottom : 15px;
+
+@legend-color : @text-color;
+@legend-border-color : #e5e5e5;
+
+//** Background color for textual input addons
+@input-group-addon-bg : @gray-lighter;
+//** Border color for textual input addons
+@input-group-addon-border-color : @input-border;
+
+//** Disabled cursor for form controls and buttons.
+@cursor-disabled : not-allowed;
+
+//== Dropdowns
+//
+//## Dropdown menu container and contents.
+
+//** Background for the dropdown menu.
+@dropdown-bg : #fff;
+//** Dropdown menu `border-color`.
+@dropdown-border : rgba(0, 0, 0, .15);
+//** Dropdown menu `border-color` **for IE8**.
+@dropdown-fallback-border : #ccc;
+//** Divider color for between dropdown items.
+@dropdown-divider-bg : #e5e5e5;
+
+//** Dropdown link text color.
+@dropdown-link-color : @gray-dark;
+//** Hover color for dropdown links.
+@dropdown-link-hover-color : #fff;
+//** Hover background for dropdown links.
+@dropdown-link-hover-bg : @component-active-bg;
+
+//** Active dropdown menu item text color.
+@dropdown-link-active-color : #fff;
+//** Active dropdown menu item background color.
+@dropdown-link-active-bg : @component-active-bg;
+
+//** Disabled dropdown menu item background color.
+@dropdown-link-disabled-color : @gray-light;
+
+//** Text color for headers within dropdown menus.
+@dropdown-header-color : @gray-light;
+
+//** Deprecated `@dropdown-caret-color` as of v3.1.0
+@dropdown-caret-color : #000;
+
+//-- Z-index master list
+//
+// Warning: Avoid customizing these values. They're used for a bird's eye view
+// of components dependent on the z-axis and are designed to all work together.
+//
+// Note: These variables are not generated into the Customizer.
+
+@zindex-navbar : 1000;
+@zindex-dropdown : 1000;
+@zindex-popover : 1060;
+@zindex-tooltip : 1070;
+@zindex-navbar-fixed : 1030;
+@zindex-modal-background : 1040;
+@zindex-modal : 1050;
+
+//== Media queries breakpoints
+//
+//## Define the breakpoints at which your layout will change, adapting to different screen sizes.
+
+// Extra small screen / phone
+//** Deprecated `@screen-xs` as of v3.0.1
+@screen-xs : 480px;
+//** Deprecated `@screen-xs-min` as of v3.2.0
+@screen-xs-min : @screen-xs;
+//** Deprecated `@screen-phone` as of v3.0.1
+@screen-phone : @screen-xs-min;
+
+// Small screen / tablet
+//** Deprecated `@screen-sm` as of v3.0.1
+@screen-sm : 768px;
+@screen-sm-min : @screen-sm;
+//** Deprecated `@screen-tablet` as of v3.0.1
+@screen-tablet : @screen-sm-min;
+
+// Medium screen / desktop
+//** Deprecated `@screen-md` as of v3.0.1
+@screen-md : 992px;
+@screen-md-min : @screen-md;
+//** Deprecated `@screen-desktop` as of v3.0.1
+@screen-desktop : @screen-md-min;
+
+// Large screen / wide desktop
+//** Deprecated `@screen-lg` as of v3.0.1
+@screen-lg : 1200px;
+@screen-lg-min : @screen-lg;
+//** Deprecated `@screen-lg-desktop` as of v3.0.1
+@screen-lg-desktop : @screen-lg-min;
+
+// So media queries don't overlap when required, provide a maximum
+@screen-xs-max : (@screen-sm-min - 1);
+@screen-sm-max : (@screen-md-min - 1);
+@screen-md-max : (@screen-lg-min - 1);
+
+//== Grid system
+//
+//## Define your custom responsive grid.
+
+//** Number of columns in the grid.
+@grid-columns : 12;
+//** Padding between columns. Gets divided in half for the left and right.
+@grid-gutter-width : 30px;
+// Navbar collapse
+//** Point at which the navbar becomes uncollapsed.
+@grid-float-breakpoint : @screen-sm-min;
+//** Point at which the navbar begins collapsing.
+@grid-float-breakpoint-max : (@grid-float-breakpoint - 1);
+
+//== Container sizes
+//
+//## Define the maximum width of `.container` for different screen sizes.
+
+// Small screen / tablet
+@container-tablet : (720px + @grid-gutter-width);
+//** For `@screen-sm-min` and up.
+@container-sm : @container-tablet;
+
+// Medium screen / desktop
+@container-desktop : (940px + @grid-gutter-width);
+//** For `@screen-md-min` and up.
+@container-md : @container-desktop;
+
+// Large screen / wide desktop
+@container-large-desktop : (1140px + @grid-gutter-width);
+//** For `@screen-lg-min` and up.
+@container-lg : @container-large-desktop;
+
+//== Navbar
+//
+//##
+
+// Basics of a navbar
+@navbar-height : 46px;
+@navbar-margin-bottom : @line-height-computed;
+@navbar-border-radius : @border-radius-base;
+@navbar-padding-horizontal : floor((@grid-gutter-width / 2));
+@navbar-padding-vertical : ((@navbar-height - @line-height-computed) / 2);
+@navbar-collapse-max-height : 340px;
+
+@navbar-default-color : #fff;
+@navbar-default-bg : @brand-primary;
+@navbar-default-border : darken(@navbar-default-bg, 6.5%);
+
+// Navbar links
+@navbar-default-link-color : #fff;
+@navbar-default-link-hover-color : #fff;
+@navbar-default-link-hover-bg : darken(@navbar-default-bg, 15%);
+@navbar-default-link-active-color : #fff;
+@navbar-default-link-active-bg : darken(@navbar-default-bg, 10%);
+@navbar-default-link-disabled-color : #ccc;
+@navbar-default-link-disabled-bg : transparent;
+
+// Navbar brand label
+@navbar-default-brand-color : @navbar-default-link-color;
+@navbar-default-brand-hover-color : #fff;
+@navbar-default-brand-hover-bg : none;
+
+// Navbar toggle
+@navbar-default-toggle-hover-bg : darken(@navbar-default-bg, 15%);
+@navbar-default-toggle-icon-bar-bg : #fff;
+@navbar-default-toggle-border-color : darken(@navbar-default-bg, 15%);
+
+//=== Inverted navbar
+// Reset inverted navbar basics
+@navbar-inverse-color : #fff;
+@navbar-inverse-bg : @brand-info;
+@navbar-inverse-border : darken(@navbar-inverse-bg, 10%);
+
+// Inverted navbar links
+@navbar-inverse-link-color : #fff;
+@navbar-inverse-link-hover-color : #fff;
+@navbar-inverse-link-hover-bg : darken(@navbar-inverse-bg, 15%);
+@navbar-inverse-link-active-color : @navbar-inverse-link-hover-color;
+@navbar-inverse-link-active-bg : darken(@navbar-inverse-bg, 10%);
+@navbar-inverse-link-disabled-color : #ccc;
+@navbar-inverse-link-disabled-bg : transparent;
+
+// Inverted navbar brand label
+@navbar-inverse-brand-color : @navbar-inverse-link-color;
+@navbar-inverse-brand-hover-color : #fff;
+@navbar-inverse-brand-hover-bg : none;
+
+// Inverted navbar toggle
+@navbar-inverse-toggle-hover-bg : darken(@navbar-inverse-bg, 15%);
+@navbar-inverse-toggle-icon-bar-bg : #fff;
+@navbar-inverse-toggle-border-color : darken(@navbar-inverse-bg, 15%);
+
+//== Navs
+//
+//##
+
+//=== Shared nav styles
+@nav-link-padding : 10px 15px;
+@nav-link-hover-bg : @gray-lighter;
+
+@nav-disabled-link-color : @gray-light;
+@nav-disabled-link-hover-color : @gray-light;
+
+//== Tabs
+@nav-tabs-border-color : #ddd;
+
+@nav-tabs-link-hover-border-color : @gray-lighter;
+
+@nav-tabs-active-link-hover-bg : @body-bg;
+@nav-tabs-active-link-hover-color : @gray;
+@nav-tabs-active-link-hover-border-color : #ddd;
+
+@nav-tabs-justified-link-border-color : #ddd;
+@nav-tabs-justified-active-link-border-color : @body-bg;
+
+//== Pills
+@nav-pills-border-radius : @border-radius-base;
+@nav-pills-active-link-hover-bg : @component-active-bg;
+@nav-pills-active-link-hover-color : @component-active-color;
+
+//== Pagination
+//
+//##
+
+@pagination-color : @link-color;
+@pagination-bg : #fff;
+@pagination-border : #ddd;
+
+@pagination-hover-color : @link-hover-color;
+@pagination-hover-bg : @gray-lighter;
+@pagination-hover-border : #ddd;
+
+@pagination-active-color : @gray-light;
+@pagination-active-bg : #f5f5f5;
+@pagination-active-border : #ddd;
+
+@pagination-disabled-color : @gray-light;
+@pagination-disabled-bg : #fff;
+@pagination-disabled-border : #ddd;
+
+//== Pager
+//
+//##
+
+@pager-bg : @pagination-bg;
+@pager-border : @pagination-border;
+@pager-border-radius : 15px;
+
+@pager-hover-bg : @pagination-hover-bg;
+
+@pager-active-bg : @pagination-active-bg;
+@pager-active-color : @pagination-active-color;
+
+@pager-disabled-color : @gray-light;
+
+//== Jumbotron
+//
+//##
+
+@jumbotron-padding : 30px;
+@jumbotron-color : inherit;
+@jumbotron-bg : @gray-lighter;
+@jumbotron-heading-color : inherit;
+@jumbotron-font-size : ceil((@font-size-base * 1.5));
+@jumbotron-heading-font-size : ceil((@font-size-base * 4.5));
+
+//== Form states and alerts
+//
+//## Define colors for form feedback states and, by default, alerts.
+
+@state-success-text : #468847;
+@state-success-bg : #dff0d8;
+@state-success-border : darken(spin(@state-success-bg, -10), 5%);
+
+@state-info-text : #3a87ad;
+@state-info-bg : #d9edf7;
+@state-info-border : darken(spin(@state-info-bg, -10), 7%);
+
+@state-warning-text : #c09853;
+@state-warning-bg : #fcf8e3;
+@state-warning-border : darken(spin(@state-warning-bg, -10), 3%);
+
+@state-danger-text : #b94a48;
+@state-danger-bg : #f2dede;
+@state-danger-border : darken(spin(@state-danger-bg, -10), 3%);
+
+//== Tooltips
+//
+//##
+
+//** Tooltip max width
+@tooltip-max-width : 200px;
+//** Tooltip text color
+@tooltip-color : #fff;
+//** Tooltip background color
+@tooltip-bg : #000;
+@tooltip-opacity : .9;
+
+//** Tooltip arrow width
+@tooltip-arrow-width : 5px;
+//** Tooltip arrow color
+@tooltip-arrow-color : @tooltip-bg;
+
+//== Labels
+//
+//##
+
+//** Default label background color
+@label-default-bg : @btn-default-bg;
+//** Primary label background color
+@label-primary-bg : @brand-primary;
+//** Success label background color
+@label-success-bg : @brand-success;
+//** Info label background color
+@label-info-bg : @brand-info;
+//** Warning label background color
+@label-warning-bg : @brand-warning;
+//** Danger label background color
+@label-danger-bg : @brand-danger;
+
+//** Default label text color
+@label-color : #fff;
+//** Default text color of a linked label
+@label-link-hover-color : #fff;
+
+//== Modals
+//
+//##
+
+//** Padding applied to the modal body
+@modal-inner-padding : 20px;
+
+//** Padding applied to the modal title
+@modal-title-padding : 15px;
+//** Modal title line-height
+@modal-title-line-height : @line-height-base;
+
+//** Background color of modal content area
+@modal-content-bg : #fff;
+//** Modal content border color
+@modal-content-border-color : rgba(0, 0, 0, .2);
+//** Modal content border color **for IE8**
+@modal-content-fallback-border-color : #999;
+
+//** Modal backdrop background color
+@modal-backdrop-bg : #000;
+//** Modal backdrop opacity
+@modal-backdrop-opacity : .5;
+//** Modal header border color
+@modal-header-border-color : #e5e5e5;
+//** Modal footer border color
+@modal-footer-border-color : @modal-header-border-color;
+
+@modal-lg : 900px;
+@modal-md : 600px;
+@modal-sm : 300px;
+
+//== Alerts
+//
+//## Define alert colors, border radius, and padding.
+
+@alert-padding : 15px;
+@alert-border-radius : @border-radius-base;
+@alert-link-font-weight : bold;
+
+@alert-success-bg : @state-success-bg;
+@alert-success-text : @state-success-text;
+@alert-success-border : @state-success-border;
+
+@alert-info-bg : @state-info-bg;
+@alert-info-text : @state-info-text;
+@alert-info-border : @state-info-border;
+
+@alert-warning-bg : @state-warning-bg;
+@alert-warning-text : @state-warning-text;
+@alert-warning-border : @state-warning-border;
+
+@alert-danger-bg : @state-danger-bg;
+@alert-danger-text : @state-danger-text;
+@alert-danger-border : @state-danger-border;
+
+//== Progress bars
+//
+//##
+
+//** Background color of the whole progress component
+@progress-bg : #f5f5f5;
+//** Progress bar text color
+@progress-bar-color : #fff;
+//** Variable for setting rounded corners on progress bar.
+@progress-border-radius : @border-radius-base;
+
+//** Default progress bar color
+@progress-bar-bg : @brand-primary;
+//** Success progress bar color
+@progress-bar-success-bg : @brand-success;
+//** Warning progress bar color
+@progress-bar-warning-bg : @brand-warning;
+//** Danger progress bar color
+@progress-bar-danger-bg : @brand-danger;
+//** Info progress bar color
+@progress-bar-info-bg : @brand-info;
+
+//== List group
+//
+//##
+
+//** Background color on `.list-group-item`
+@list-group-bg : #fff;
+//** `.list-group-item` border color
+@list-group-border : #ddd;
+//** List group border radius
+@list-group-border-radius : @border-radius-base;
+
+//** Background color of single list items on hover
+@list-group-hover-bg : #f5f5f5;
+//** Text color of active list items
+@list-group-active-color : @component-active-color;
+//** Background color of active list items
+@list-group-active-bg : @component-active-bg;
+//** Border color of active list elements
+@list-group-active-border : @list-group-active-bg;
+//** Text color for content within active list items
+@list-group-active-text-color : lighten(@list-group-active-bg, 40%);
+
+//** Text color of disabled list items
+@list-group-disabled-color : @gray-light;
+//** Background color of disabled list items
+@list-group-disabled-bg : @gray-lighter;
+//** Text color for content within disabled list items
+@list-group-disabled-text-color : @list-group-disabled-color;
+
+@list-group-link-color : #555;
+@list-group-link-hover-color : @list-group-link-color;
+@list-group-link-heading-color : #333;
+
+//== Panels
+//
+//##
+
+@panel-bg : #fff;
+@panel-body-padding : 15px;
+@panel-heading-padding : 10px 15px;
+@panel-footer-padding : @panel-heading-padding;
+@panel-border-radius : @border-radius-base;
+
+//** Border color for elements within panels
+@panel-inner-border : #ddd;
+@panel-footer-bg : #f5f5f5;
+
+@panel-default-text : @gray-dark;
+@panel-default-border : #ddd;
+@panel-default-heading-bg : #f5f5f5;
+
+@panel-primary-text : #fff;
+@panel-primary-border : @brand-primary;
+@panel-primary-heading-bg : @brand-primary;
+
+@panel-success-text : @state-success-text;
+@panel-success-border : @state-success-border;
+@panel-success-heading-bg : @state-success-bg;
+
+@panel-info-text : @state-info-text;
+@panel-info-border : @state-info-border;
+@panel-info-heading-bg : @state-info-bg;
+
+@panel-warning-text : @state-warning-text;
+@panel-warning-border : @state-warning-border;
+@panel-warning-heading-bg : @state-warning-bg;
+
+@panel-danger-text : @state-danger-text;
+@panel-danger-border : @state-danger-border;
+@panel-danger-heading-bg : @state-danger-bg;
+
+//== Thumbnails
+//
+//##
+
+//** Padding around the thumbnail image
+@thumbnail-padding : 4px;
+//** Thumbnail background color
+@thumbnail-bg : @body-bg;
+//** Thumbnail border color
+@thumbnail-border : #ddd;
+//** Thumbnail border radius
+@thumbnail-border-radius : @border-radius-base;
+
+//** Custom text color for thumbnail captions
+@thumbnail-caption-color : @text-color;
+//** Padding around the thumbnail caption
+@thumbnail-caption-padding : 9px;
+
+//== Wells
+//
+//##
+
+@well-bg : #f5f5f5;
+@well-border : darken(@well-bg, 7%);
+
+//== Badges
+//
+//##
+
+@badge-color : #fff;
+//** Linked badge text color on hover
+@badge-link-hover-color : #fff;
+@badge-bg : @gray-light;
+
+//** Badge text color in active nav link
+@badge-active-color : @link-color;
+//** Badge background color in active nav link
+@badge-active-bg : #fff;
+
+@badge-font-weight : bold;
+@badge-line-height : 1;
+@badge-border-radius : 10px;
+
+//== Breadcrumbs
+//
+//##
+
+@breadcrumb-padding-vertical : 8px;
+@breadcrumb-padding-horizontal : 15px;
+//** Breadcrumb background color
+@breadcrumb-bg : #f5f5f5;
+//** Breadcrumb text color
+@breadcrumb-color : #ccc;
+//** Text color of current page in the breadcrumb
+@breadcrumb-active-color : @gray-light;
+//** Textual separator for between breadcrumb elements
+@breadcrumb-separator : "/";
+
+//== Carousel
+//
+//##
+
+@carousel-text-shadow : 0 1px 2px rgba(0, 0, 0, .6);
+
+@carousel-control-color : #fff;
+@carousel-control-width : 15%;
+@carousel-control-opacity : .5;
+@carousel-control-font-size : 20px;
+
+@carousel-indicator-active-bg : #fff;
+@carousel-indicator-border-color : #fff;
+
+@carousel-caption-color : #fff;
+
+//== Close
+//
+//##
+
+@close-font-weight : bold;
+@close-color : #000;
+@close-text-shadow : 0 1px 0 #fff;
+
+//== Code
+//
+//##
+
+@code-color : #c7254e;
+@code-bg : #f9f2f4;
+
+@kbd-color : #fff;
+@kbd-bg : #333;
+
+@pre-bg : #f5f5f5;
+@pre-color : @gray-dark;
+@pre-border-color : #ccc;
+@pre-scrollable-max-height : 340px;
+
+//== Type
+//
+//##
+
+//** Horizontal offset for forms and lists.
+@component-offset-horizontal : 180px;
+//** Text muted color
+@text-muted : @gray-light;
+//** Abbreviations and acronyms border color
+@abbr-border-color : @gray-light;
+//** Headings small color
+@headings-small-color : @gray-light;
+//** Blockquote small color
+@blockquote-small-color : @gray-light;
+//** Blockquote font size
+@blockquote-font-size : (@font-size-base * 1.25);
+//** Blockquote border color
+@blockquote-border-color : @gray-lighter;
+//** Page header border color
+@page-header-border-color : @gray-lighter;
+//** Width of horizontal description list titles
+@dl-horizontal-offset : @component-offset-horizontal;
+//** Horizontal line color.
+@hr-border : @gray-lighter;
diff --git a/backend_theme_v10/views/assets.xml b/backend_theme_v10/views/assets.xml
index f3a833e..0f14b0b 100644
--- a/backend_theme_v10/views/assets.xml
+++ b/backend_theme_v10/views/assets.xml
@@ -7,18 +7,18 @@
 -->
 
 <odoo>
-    <data>
-		<template id="assets_backend" name="Backend Theme" inherit_id="web.assets_backend">
-			<xpath expr=".">
-				<link rel="stylesheet" href="/backend_theme_v10/static/src/less/drawer.less"/>
-				<link rel="stylesheet" href="/backend_theme_v10/static/src/less/variables.less"/>
-				<link rel="stylesheet" href="/backend_theme_v10/static/src/less/bootswatch.less"/>
-				<link rel="stylesheet" href="/backend_theme_v10/static/src/less/style.less"/>
-				<link rel="stylesheet" href="/backend_theme_v10/static/src/less/sidebar.less"/>
-				
-				<script type="application/javascript" src="/backend_theme_v10/static/src/js/sidebar.js"/>
-				<script type="application/javascript" src="/backend_theme_v10/static/src/js/sidebar-toggle.js"/>
-			</xpath>
-		</template>
-    </data>
+  <data>
+    <template id="assets_backend" name="Backend Theme" inherit_id="web.assets_backend">
+      <xpath expr=".">
+        <link rel="stylesheet" href="/backend_theme_v10/static/src/less/drawer.less"/>
+        <link rel="stylesheet" href="/backend_theme_v10/static/src/less/variables.less"/>
+        <link rel="stylesheet" href="/backend_theme_v10/static/src/less/bootswatch.less"/>
+        <link rel="stylesheet" href="/backend_theme_v10/static/src/less/style.less"/>
+        <link rel="stylesheet" href="/backend_theme_v10/static/src/less/sidebar.less"/>
+
+        <script type="application/javascript" src="/backend_theme_v10/static/src/js/sidebar.js"/>
+        <script type="application/javascript" src="/backend_theme_v10/static/src/js/sidebar-toggle.js"/>
+      </xpath>
+    </template>
+  </data>
 </odoo>
diff --git a/backend_theme_v10/views/res_company_view.xml b/backend_theme_v10/views/res_company_view.xml
index 1c870c2..5ba3c17 100644
--- a/backend_theme_v10/views/res_company_view.xml
+++ b/backend_theme_v10/views/res_company_view.xml
@@ -1,17 +1,17 @@
 <?xml version="1.0" encoding="utf-8" ?>
 <odoo>
-    <record id="res_company_form" model="ir.ui.view">
-        <field name="name">res.company.form</field>
-        <field name="model">res.company</field>
-        <field name="inherit_id" ref="base.view_company_form" />
-        <field name="arch" type="xml">
-            <xpath expr="//notebook" position="inside">
-                <page name="background" string="Apps Dashboard">
-                    <group name="dashboard_settings">
-                        <field name="dashboard_background" widget="image" class="oe_avatar"/>
-                    </group>
-                </page>
-            </xpath>
-        </field>
-    </record>
-</odoo>
\ No newline at end of file
+  <record id="res_company_form" model="ir.ui.view">
+    <field name="name">res.company.form</field>
+    <field name="model">res.company</field>
+    <field name="inherit_id" ref="base.view_company_form"/>
+    <field name="arch" type="xml">
+      <xpath expr="//notebook" position="inside">
+        <page name="background" string="Apps Dashboard">
+          <group name="dashboard_settings">
+            <field name="dashboard_background" widget="image" class="oe_avatar"/>
+          </group>
+        </page>
+      </xpath>
+    </field>
+  </record>
+</odoo>
diff --git a/backend_theme_v10/views/sidebar.xml b/backend_theme_v10/views/sidebar.xml
index 5f2dce6..006d8fb 100644
--- a/backend_theme_v10/views/sidebar.xml
+++ b/backend_theme_v10/views/sidebar.xml
@@ -6,28 +6,31 @@
 -->
 
 <odoo>
-    <template id="app_sidebar" inherit_id="web.webclient_bootstrap" name="Apps Sidebar">
-        <xpath expr="//div[@class='o_main']//div[@class='o_main_content']" position="before">
-            <div id="app-sidebar" class="app-sidebar-panel">
-                <div class="app-sidebar navbar-collapse collapse">
-                    <ul id="sidebar" class="app-sidebar-menu">
-                        <li class="nav-item"  t-as="menu" t-foreach="menu_data['children']" >
-                            <t t-set="debug_param" t-value="''"/>
-                            <a t-att-href="'/web%s#menu_id=%s&amp;action=%s' % (debug_param, menu['id'], menu['action'] and menu['action'].split(',')[1] or '')"
-                               t-att-class="'nav-link nav-toggle' if menu.get('children') else 'nav-link '"
-                               t-att-data-menu="menu['id']"
-                               t-att-data-menu-xmlid="menu.get('xmlid')"
-                               t-att-data-action-model="menu['action'] and menu['action'].split(',')[0] or None"
-                               t-att-data-action-id="menu['action'] and menu['action'].split(',')[1] or None">
-                                <img t-attf-src="/web/image/ir.ui.menu/{{ menu['id'] }}/web_icon_data" t-att-alt="menu['name']" class="app-sidebar-menuitem" t-att-title="menu['name']"/>
-                                <span class="title" >
-                                    <t t-esc="menu['name']"/>
-                                </span>
-                            </a>
-                        </li>
-                    </ul>
-                </div>
-            </div>
-        </xpath>
-    </template>
+  <template id="app_sidebar" inherit_id="web.webclient_bootstrap" name="Apps Sidebar">
+    <xpath expr="//div[@class='o_main']//div[@class='o_main_content']" position="before">
+      <div id="app-sidebar" class="app-sidebar-panel">
+        <div class="app-sidebar navbar-collapse collapse">
+          <ul id="sidebar" class="app-sidebar-menu">
+            <li class="nav-item" t-as="menu" t-foreach="menu_data['children']">
+              <t t-set="debug_param" t-value="''"/>
+              <a t-att-href="'/web%s#menu_id=%s&amp;action=%s' % (debug_param, menu['id'], menu['action'] and menu['action'].split(',')[1] or '')"
+                 t-att-class="'nav-link nav-toggle' if menu.get('children') else 'nav-link '"
+                 t-att-data-menu="menu['id']"
+                 t-att-data-menu-xmlid="menu.get('xmlid')"
+                 t-att-data-action-model="menu['action'] and menu['action'].split(',')[0] or None"
+                 t-att-data-action-id="menu['action'] and menu['action'].split(',')[1] or None">
+                <img t-attf-src="/web/image/ir.ui.menu/{{ menu['id'] }}/web_icon_data"
+                     t-att-alt="menu['name']"
+                     class="app-sidebar-menuitem"
+                     t-att-title="menu['name']"/>
+                <span class="title">
+                  <t t-esc="menu['name']"/>
+                </span>
+              </a>
+            </li>
+          </ul>
+        </div>
+      </div>
+    </xpath>
+  </template>
 </odoo>
diff --git a/backend_theme_v10/views/users.xml b/backend_theme_v10/views/users.xml
index 7445e4c..66ecd74 100644
--- a/backend_theme_v10/views/users.xml
+++ b/backend_theme_v10/views/users.xml
@@ -1,15 +1,15 @@
 <?xml version="1.0" encoding="utf-8" ?>
 <odoo>
-    <record id="res_users_preferences" model="ir.ui.view">
-        <field name="name">res.users.preferences</field>
-        <field name="model">res.users</field>
-        <field name="inherit_id" ref="base.view_users_form_simple_modif" />
-        <field name="arch" type="xml">
-            <xpath expr="//group[last()]" position="after">
-                <group name="App Sidebar">
-                    <field name="sidebar_visible" readonly="0"/>
-                </group>
-            </xpath>
-        </field>
-    </record>
+  <record id="res_users_preferences" model="ir.ui.view">
+    <field name="name">res.users.preferences</field>
+    <field name="model">res.users</field>
+    <field name="inherit_id" ref="base.view_users_form_simple_modif"/>
+    <field name="arch" type="xml">
+      <xpath expr="//group[last()]" position="after">
+        <group name="App Sidebar">
+          <field name="sidebar_visible" readonly="0"/>
+        </group>
+      </xpath>
+    </field>
+  </record>
 </odoo>