[MERGE] forward port of branch 7.0 up to 3e3e35e
authorChristophe Simonis <chs@odoo.com>
Wed, 5 Nov 2014 20:10:15 +0000 (21:10 +0100)
committerChristophe Simonis <chs@odoo.com>
Wed, 5 Nov 2014 20:10:15 +0000 (21:10 +0100)
1  2 
addons/web/static/src/css/base.css
addons/web/static/src/css/base.sass
addons/web_kanban/static/src/css/kanban.css
addons/web_kanban/static/src/css/kanban.sass

@@@ -1,4 -1,4 +1,4 @@@
- @charset "utf-8";
+ @charset "UTF-8";
  @font-face {
    font-family: "mnmliconsRegular";
    src: url("/web/static/src/font/mnmliconsv21-webfont.eot") format("eot");
@@@ -8,7 -8,6 +8,6 @@@
    font-weight: normal;
    font-style: normal;
  }
  @font-face {
    font-family: "EntypoRegular";
    src: url("/web/static/src/font/entypo-webfont.eot") format("eot");
@@@ -19,7 -18,6 +18,6 @@@
    font-weight: normal;
    font-style: normal;
  }
  .openerp {
    padding: 0;
    margin: 0;
@@@ -27,6 -25,7 +25,6 @@@
    color: #4c4c4c;
    font-size: 13px;
    background: white;
 -  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
    /* http://www.quirksmode.org/dom/inputfile.html
     * http://stackoverflow.com/questions/2855589/replace-input-type-file-by-an-image
     */
  }
  .openerp .zebra tbody tr:hover td {
    background-color: #e6e6e6;
-   background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#dedede));
-   background-image: -webkit-linear-gradient(top, #eeeeee, #dedede);
-   background-image: -moz-linear-gradient(top, #eeeeee, #dedede);
-   background-image: -ms-linear-gradient(top, #eeeeee, #dedede);
-   background-image: -o-linear-gradient(top, #eeeeee, #dedede);
-   background-image: linear-gradient(to bottom, #eeeeee, #dedede);
+   background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#dedede));
+   background-image: -webkit-linear-gradient(top, #eee, #dedede);
+   background-image: -moz-linear-gradient(top, #eee, #dedede);
+   background-image: -ms-linear-gradient(top, #eee, #dedede);
+   background-image: -o-linear-gradient(top, #eee, #dedede);
+   background-image: linear-gradient(to bottom, #eee, #dedede);
  }
  .openerp input, .openerp textarea, .openerp select {
    padding: 2px 4px;
-   border: 1px solid #cccccc;
+   border: 1px solid #ccc;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
  .openerp h4 {
    margin: 4px 0;
 +  font-weight: bold;
 +  font-size: inherit;
  }
 -.openerp a.button:link, .openerp a.button:visited, .openerp button, .openerp input[type='submit'], .openerp .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
 +.openerp a.button:link, .openerp a.button:visited, .openerp button, .openerp .oe_button, .openerp input[type='submit'], .openerp .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
    display: inline-block;
    border: 1px solid rgba(0, 0, 0, 0.4);
    color: #4c4c4c;
    -webkit-font-smoothing: antialiased;
    outline: none;
  }
 -.openerp a.button:hover, .openerp button:hover, .openerp input[type='submit']:hover, .openerp .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.ui-state-hover {
 +.openerp a.button:hover, .openerp button:hover, .openerp .oe_button:hover, .openerp input[type='submit']:hover, .openerp .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.ui-state-hover {
    background-color: #ececec;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3));
    background-image: -webkit-linear-gradient(top, #f6f6f6, #e3e3e3);
    cursor: pointer;
    background-position: 0;
  }
 -.openerp a.button:focus, .openerp button:focus, .openerp input[type='submit']:focus, .openerp .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.ui-state-focus {
 +.openerp a.button:focus, .openerp button:focus, .openerp .oe_button:focus, .openerp input[type='submit']:focus, .openerp .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.ui-state-focus {
    border: 1px solid #80bfff;
    background-position: 0;
    background-color: #ececec;
    -webkit-box-shadow: 0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, 0.8) inset;
    box-shadow: 0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, 0.8) inset;
  }
 -.openerp a.button:active, .openerp a.button.active, .openerp button:active, .openerp button.active, .openerp input[type='submit']:active, .openerp input[type='submit'].active, .openerp .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.ui-state-active {
 +.openerp a.button:active, .openerp a.button.active, .openerp button:active, .openerp .oe_button:active, .openerp .oe_button.active, .openerp input[type='submit']:active, .openerp input[type='submit'].active, .openerp .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.ui-state-active {
    background-color: #ececec;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#f6f6f6));
    background-image: -webkit-linear-gradient(top, #e3e3e3, #f6f6f6);
    -webkit-box-shadow: none;
    box-shadow: none;
  }
 -.openerp a.button.disabled, .openerp button:disabled, .openerp input[type='submit']:disabled {
 +.openerp a.button.disabled, .openerp button:disabled, .openerp .oe_button:disabled, .openerp input[type='submit']:disabled {
    background: #efefef !important;
    border: 1px solid #d1d1d1 !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
-   color: #aaaaaa !important;
+   color: #aaa !important;
    cursor: default;
-   text-shadow: 0 1px 1px white !important;
+   text-shadow: 0 1px 1px #fff !important;
  }
  .openerp .ui-widget-content a {
-   color: #7c7bad;
+   color: #7C7BAD;
  }
  .openerp .oe_bounce_container {
    display: inline-block;
  }
  .openerp.ui-dialog {
    display: none;
 +  height: auto !important;
    padding: 6px;
    background-color: rgba(60, 60, 60, 0.7);
    border: 1px solid;
-   border-color: #888888 #555555 #444444;
+   border-color: #888 #555 #444;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
    background-color: #ededed;
-   background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#dedede));
-   background-image: -webkit-linear-gradient(top, #fcfcfc, #dedede);
-   background-image: -moz-linear-gradient(top, #fcfcfc, #dedede);
-   background-image: -ms-linear-gradient(top, #fcfcfc, #dedede);
-   background-image: -o-linear-gradient(top, #fcfcfc, #dedede);
-   background-image: linear-gradient(to bottom, #fcfcfc, #dedede);
+   background-image: -webkit-gradient(linear, left top, left bottom, from(#FCFCFC), to(#DEDEDE));
+   background-image: -webkit-linear-gradient(top, #FCFCFC, #DEDEDE);
+   background-image: -moz-linear-gradient(top, #FCFCFC, #DEDEDE);
+   background-image: -ms-linear-gradient(top, #FCFCFC, #DEDEDE);
+   background-image: -o-linear-gradient(top, #FCFCFC, #DEDEDE);
+   background-image: linear-gradient(to bottom, #FCFCFC, #DEDEDE);
  }
  .openerp.ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    margin: 0;
  }
  .openerp.ui-dialog .ui-dialog-content {
    background: white;
 +  width: auto !important;
  }
  .openerp.ui-dialog .ui-dialog-buttonpane {
    border-top: 1px solid #e0e0e0;
    border-radius: 0 0 2px 2px;
  }
  .openerp.ui-dialog .oe_about a {
-   color: #7c7bad;
+   color: #7C7BAD;
  }
  .openerp.ui-dialog .oe_about a:hover {
    text-decoration: underline;
    background-image: -ms-linear-gradient(top, #b41616, #600606);
    background-image: -o-linear-gradient(top, #b41616, #600606);
    background-image: linear-gradient(to bottom, #b41616, #600606);
-   color: #eeeeee;
+   color: #eee;
    padding: 0 16px;
    -moz-border-radius: 0 0 2px 2px;
    -webkit-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
  }
  .openerp.ui-dialog .oe_about .oe_bottom a {
-   color: #eeeeee;
+   color: #eee;
  }
  .openerp.ui-dialog.oe_act_window .ui-dialog-content {
    padding: 0px;
    font-family: "entypoRegular" !important;
    font-size: 34px;
    font-weight: 300 !important;
 +  line-height: 100%;
  }
  .openerp .oe_left {
    float: left;
    cursor: wait;
  }
  .openerp .oe_fade {
-   color: #888888;
+   color: #888;
    font-weight: normal;
  }
  .openerp .oe_bold {
  }
  .openerp .oe_highlight {
    color: white;
-   background: #dc5f59;
+   background: #DC5F59;
  }
  .openerp button.oe_highlight {
    background-color: #c02c2c;
    background-image: linear-gradient(to bottom, #c52020, #d22323);
  }
  .openerp .oe_background_grey {
-   background: #eeeeee !important;
+   background: #eee !important;
  }
  .openerp .oe_form_dirty .oe_highlight_on_dirty {
    color: white;
    box-shadow: none;
  }
  .openerp .oe_form_dirty button.oe_highlight_on_dirty:hover {
-   background: #ed6f6a;
+   background: #ED6F6A;
  }
  .openerp .oe_button_box {
    width: 270px;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
-   color: #7c7bad;
+   color: #7C7BAD;
    font-weight: bold;
  }
  .openerp .oe_button.oe_link span:hover {
    max-width: 650px;
  }
  .openerp .oe_grey {
-   color: #aaaaaa;
+   color: #aaa;
  }
 +.openerp .oe_error_detail hr {
 +  display: block;
 +  -webkit-margin-before: 0.5em;
 +  -webkit-margin-after: 0.5em;
 +  -webkit-margin-start: auto;
 +  -webkit-margin-end: auto;
 +  border-style: inset;
 +  border-width: 1px;
 +}
  .openerp .oe_tag {
    border: 1px solid #afafb6;
    font-size: 11px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #f0f0fa;
-   color: #4c4c4c;
+   color: #4C4C4C;
  }
  .openerp .oe_tag_dark {
-   background: #7c7bad;
-   color: #eeeeee;
+   background: #7C7BAD;
+   color: #eee;
  }
 +.openerp .oe_form_field_radio.oe_horizontal {
 +  white-space: nowrap;
 +}
 +.openerp .oe_form_field_radio.oe_horizontal label {
 +  display: inline-block;
 +  text-align: center;
 +  height: 16px;
 +}
 +.openerp .oe_form_field_radio.oe_vertical label {
 +  margin-left: 4px;
 +}
 +.openerp .oe_form_field_radio.oe_form_required .oe_radio_input {
 +  border: 2px solid transparent;
 +  display: inline-block;
 +  height: 12px;
 +  width: 12px;
 +  vertical-align: bottom;
 +  border-radius: 10px;
 +  margin: 1px 0;
 +}
 +.openerp .oe_form_field_radio.oe_form_required.oe_form_invalid .oe_radio_input {
 +  border-color: red;
 +}
  .openerp .oe_tags {
    margin-bottom: 1px;
  }
    font-size: 12px;
  }
  .openerp.oe_tooltip .oe_tooltip_string {
-   color: #ffdd55;
+   color: #FD5;
    font-weight: bold;
    font-size: 13px;
  }
    color: white;
  }
  .openerp.oe_tooltip .oe_tooltip_close:hover {
-   color: #999999;
+   color: #999;
    cursor: pointer;
  }
  .openerp.oe_tooltip .oe_tooltip_message {
  }
  .openerp .oe_notebook > li > a {
    display: block;
-   color: gray;
+   color: #808080;
  }
  .openerp .oe_notebook > li.ui-tabs-active > a {
    color: #4c4c4c;
  }
  .openerp .oe_notebook {
-   border-color: #dddddd;
+   border-color: #ddd;
    border-style: solid;
    border-width: 0 0 1px;
  }
  }
  .openerp .oe_notebook > li > a:hover {
    text-decoration: none;
-   background-color: #eeeeee;
-   border-color: #eeeeee #eeeeee #dddddd;
+   background-color: #eee;
+   border-color: #eee #eee #ddd;
  }
  .openerp .ui-tabs .oe_notebook.ui-tabs-nav li.ui-tabs-active {
    border-bottom: none;
    padding-bottom: 1px;
  }
  .openerp .oe_notebook > li.ui-state-active > a, .openerp .oe_notebook > li.ui-state-active > a:hover {
-   background-color: white;
-   border: 1px solid #dddddd;
+   background-color: #ffffff;
+   border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
  }
  .openerp .oe_notebook_page {
    padding: 0;
  }
 +.openerp .oe_notebook_page > label:not([for]) {
 +  font-weight: normal !important;
 +}
  .openerp div.ui-tabs {
    padding: 3px 0px 3px 0px;
  }
    cursor: pointer;
  }
  .openerp .oe_dropdown_toggle {
-   color: #2b2b2b;
 -  color: #4C4C4C;
++  color: #2B2B2B;
    font-weight: normal;
  }
  .openerp .oe_dropdown_hover:hover .oe_dropdown_menu, .openerp .oe_dropdown_menu.oe_opened {
  .openerp .oe_dropdown_menu {
    display: none;
    position: absolute;
 -  top: 26px;
    z-index: 3;
    margin: 0;
 -  padding: 0;
    border: 1px solid #afafb6;
    background: white;
    padding: 4px 0;
    top: 0;
    right: 50%;
    padding: 4px 12px;
-   background: #a61300;
+   background: #A61300;
    color: white;
    text-align: center;
-   border: 1px solid #990000;
+   border: 1px solid #900;
    border-top: none;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    padding: 5px;
    width: 32px;
  }
 -.openerp .oe_login {
 -  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAKUlEQVQIHWO8e/fufwYsgAUkJigoiCIF5DMyoYggcUiXgNnBiGQKmAkARpcEQeriln4AAAAASUVORK5CYII=);
 -  text-align: center;
 -  font-size: 14px;
 -  height: 100%;
 -}
 -.openerp .oe_login ul, .openerp .oe_login li {
 -  margin: 0;
 -  list-style-type: none;
 -  padding: 0 0 4px 0;
 -}
 -.openerp .oe_login button {
 -  cursor: pointer;
 -  padding: 6px 16px;
 -  border: 1px solid #222;
 -  color: white;
 -  margin: 0;
 -  background-color: #8c1313;
 -  background-image: -webkit-gradient(linear, left top, left bottom, from(#b92020), to(#600606));
 -  background-image: -webkit-linear-gradient(top, #b92020, #600606);
 -  background-image: -moz-linear-gradient(top, #b92020, #600606);
 -  background-image: -ms-linear-gradient(top, #b92020, #600606);
 -  background-image: -o-linear-gradient(top, #b92020, #600606);
 -  background-image: linear-gradient(to bottom, #b92020, #600606);
 -  -moz-border-radius: 4px;
 -  -webkit-border-radius: 4px;
 -  border-radius: 4px;
 -  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset;
 -  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset;
 -  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset;
 -}
 -.openerp .oe_login input, .openerp .oe_login select {
 -  width: 252px;
 -  font-family: "Lucida Grande", Helvetica, Verdana, Arial;
 -  border: 1px solid #999999;
 -  background: whitesmoke;
 -  -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.4);
 -  -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.4);
 -  box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.4);
 -  -moz-border-radius: 3px;
 -  -webkit-border-radius: 3px;
 -  border-radius: 3px;
 -}
 -.openerp .oe_login input {
 -  margin-bottom: 9px;
 -  padding: 5px 6px;
 -}
 -.openerp .oe_login select {
 -  padding: 1px;
 -}
 -.openerp .oe_login .oe_login_dbpane {
 -  position: fixed;
 -  top: 0;
 -  right: 8px;
 -  padding: 5px 10px;
 -  color: #eee;
 -  border: solid 1px #333;
 -  background: #1e1e1e;
 -  background: rgba(30, 30, 30, 0.94);
 -  -moz-border-radius: 0 0 8px 8px;
 -  -webkit-border-radius: 0 0 8px 8px;
 -  border-radius: 0 0 8px 8px;
 -}
 -.openerp .oe_login .oe_login_dbpane input {
 -  padding: 2px 4px;
 -  margin: 4px 0;
 -}
 -.openerp .oe_login .oe_login_bottom {
 -  position: absolute;
 -  top: 50%;
 -  left: 0;
 -  right: 0;
 -  bottom: 0;
 -  text-shadow: 0 1px 1px #999999;
 -  background-color: #8a0e0e;
 -  background-image: -webkit-gradient(linear, left top, left bottom, from(#b41616), to(#600606));
 -  background-image: -webkit-linear-gradient(top, #b41616, #600606);
 -  background-image: -moz-linear-gradient(top, #b41616, #600606);
 -  background-image: -ms-linear-gradient(top, #b41616, #600606);
 -  background-image: -o-linear-gradient(top, #b41616, #600606);
 -  background-image: linear-gradient(to bottom, #b41616, #600606);
 -}
 -.openerp .oe_login .oe_login_pane {
 -  position: absolute;
 -  top: 50%;
 -  left: 50%;
 -  margin: -160px -166px;
 -  border: solid 1px #333333;
 -  background: #1e1e1e;
 -  background: rgba(30, 30, 30, 0.94);
 -  padding: 22px 32px;
 -  color: #eee;
 -  text-align: left;
 -  -moz-border-radius: 8px;
 -  -webkit-border-radius: 8px;
 -  border-radius: 8px;
 -  -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.9);
 -  -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.9);
 -  box-shadow: 0 0 18px rgba(0, 0, 0, 0.9);
 -}
 -.openerp .oe_login .oe_login_pane h2 {
 -  margin-top: 0;
 -  font-size: 18px;
 -}
 -.openerp .oe_login .oe_login_logo {
 -  position: absolute;
 -  top: -70px;
 -  left: 0;
 -  width: 100%;
 -  margin: 0 auto;
 -  text-align: center;
 -}
 -.openerp .oe_login .oe_login_footer {
 -  position: absolute;
 -  bottom: -40px;
 -  left: 0;
 -  width: 100%;
 -  text-align: center;
 -}
 -.openerp .oe_login .oe_login_footer a {
 -  color: #eee;
 -  margin: 0 8px;
 -}
 -.openerp .oe_login .oe_login_footer a:hover {
 -  text-decoration: underline;
 -}
 -.openerp .oe_login .oe_login_footer span {
 -  font-weight: bold;
 -  font-size: 16px;
 -}
 -.openerp .oe_login .oe_login_error_message {
 -  display: none;
 -  background-color: #b41616;
 -  color: #eee;
 -  padding: 14px 18px;
 -  margin-top: 15px;
 -  text-align: center;
 -  -moz-border-radius: 4px;
 -  -webkit-border-radius: 4px;
 -  border-radius: 4px;
 -  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
 -  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
 -  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
 -}
 -.openerp .oe_login_invalid .oe_login_error_message {
 -  display: inline-block;
 -}
  .openerp .oe_database_manager {
-   background: white;
-   color: black;
+   background: #fff;
+   color: #000;
    text-align: left;
  }
  .openerp .oe_database_manager .oe_database_manager_menu {
-   color: black;
+   color: #000;
  }
  .openerp .oe_webclient {
    width: 100%;
  .openerp .oe_content_full_screen .oe_topbar, .openerp .oe_content_full_screen .oe_leftbar {
    display: none;
  }
 -.openerp .oe_topbar {
 -  width: 100%;
 -  height: 32px;
 -  background-color: #414141;
 -  background-color: #454343;
 -  background-image: -webkit-gradient(linear, left top, left bottom, from(#646060), to(#262626));
 -  background-image: -webkit-linear-gradient(top, #646060, #262626);
 -  background-image: -moz-linear-gradient(top, #646060, #262626);
 -  background-image: -ms-linear-gradient(top, #646060, #262626);
 -  background-image: -o-linear-gradient(top, #646060, #262626);
 -  background-image: linear-gradient(to bottom, #646060, #262626);
 -}
 -.openerp .oe_topbar .oe_topbar_anonymous_login {
 +.openerp .navbar .oe_topbar_anonymous_login {
    background-color: #dc5f59;
    color: #eeeeee;
    background-color: #be4343;
-   background-image: -webkit-gradient(linear, left top, left bottom, from(#fc8787), to(maroon));
-   background-image: -webkit-linear-gradient(top, #fc8787, maroon);
-   background-image: -moz-linear-gradient(top, #fc8787, maroon);
-   background-image: -ms-linear-gradient(top, #fc8787, maroon);
-   background-image: -o-linear-gradient(top, #fc8787, maroon);
-   background-image: linear-gradient(to bottom, #fc8787, #800000);
+   background-image: -webkit-gradient(linear, left top, left bottom, from(#FC8787), to(#800000));
+   background-image: -webkit-linear-gradient(top, #FC8787, #800000);
+   background-image: -moz-linear-gradient(top, #FC8787, #800000);
+   background-image: -ms-linear-gradient(top, #FC8787, #800000);
+   background-image: -o-linear-gradient(top, #FC8787, #800000);
+   background-image: linear-gradient(to bottom, #FC8787, #800000);
  }
 -.openerp .oe_topbar .oe_topbar_anonymous_login a {
 +.openerp .navbar .oe_topbar_anonymous_login a {
    display: block;
    padding: 5px 10px 7px;
    line-height: 20px;
 -  height: 20px;
 +  height: 30px;
    text-decoration: none;
    color: white;
    background: transparent;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
 -.openerp .oe_topbar .oe_topbar_anonymous_login a:hover {
 +.openerp .navbar .oe_topbar_anonymous_login a:hover {
    background: rgba(0, 0, 0, 0.1);
    color: white;
    text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
  }
 -.openerp .oe_topbar .oe_topbar_item {
 +.openerp .navbar .oe_topbar_item {
    display: block;
 -  padding: 5px 10px 7px;
 +  padding: 5px 10px 26px;
    line-height: 20px;
    height: 20px;
    text-decoration: none;
-   color: #eeeeee;
+   color: #eee;
    vertical-align: top;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
 -.openerp .oe_topbar .oe_topbar_item:hover {
 +.openerp .navbar .oe_topbar_item:hover {
    background: rgba(0, 0, 0, 0.2);
    text-shadow: black 0px 0px 3px;
    color: white;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset;
  }
 -.openerp .oe_topbar .oe_topbar_avatar {
 +.openerp .navbar .oe_topbar_avatar {
    width: 24px;
    height: 24px;
    margin: -2px 2px 0 0;
    -webkit-border-radius: 3px;
    border-radius: 3px;
  }
 -.openerp .oe_topbar .oe_topbar_avatar {
 +.openerp .navbar .oe_topbar_avatar {
    vertical-align: top;
  }
 -.openerp .oe_topbar .oe_dropdown_arrow:after {
 +.openerp .navbar .oe_dropdown_arrow:after {
    border-top: 4px solid white;
  }
 -.openerp .oe_topbar .oe_dropdown_menu {
 +.openerp .navbar .dropdown_menu {
    top: 32px;
-   background: #333333;
+   background: #333;
    background: rgba(37, 37, 37, 0.9);
-   border-color: #999999;
+   border-color: #999;
    border-color: rgba(0, 0, 0, 0.2);
    border-style: solid;
 -  border-width: 0 1px 1px;
 +  border-width: 0 2px 1px;
    -moz-border-radius: 0 0 6px 6px;
    -webkit-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
  }
 -.openerp .oe_topbar .oe_dropdown_menu li {
 +.openerp .navbar .dropdown_menu li {
    float: none;
    padding: 3px 12px;
  }
 -.openerp .oe_topbar .oe_dropdown_menu li a {
 +.openerp .navbar .dropdown_menu li a {
-   color: #eeeeee;
+   color: #eee;
  }
 -.openerp .oe_topbar .oe_dropdown_menu li:hover {
 +.openerp .navbar .dropdown_menu li:hover {
    background-color: #212121;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#292929), to(#191919));
    background-image: -webkit-linear-gradient(top, #292929, #191919);
    -webkit-box-shadow: none;
    box-shadow: none;
  }
 -.openerp .oe_topbar .oe_topbar_name {
 +.openerp .navbar .oe_topbar_name {
    max-width: 150px;
 -  overflow: hidden;
    display: inline-block;
 -  max-height: 100%;
 +  height: 15px;
    text-overflow: ellipsis;
    white-space: nowrap;
 +  overflow: hidden;
  }
 -.openerp .oe_menu {
 +.openerp .navbar-nav {
    float: left;
    padding: 0;
    margin: 0;
    font-size: 13px;
  }
 -.openerp .oe_menu > li {
 +.openerp .navbar-nav > li {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: block;
    color: #eeeeee;
  }
 -.openerp .oe_menu > li > a {
 +.openerp .navbar-nav > li > a {
    display: block;
 -  padding: 5px 10px 7px;
 +  padding: 5px 10px 26px !important;
    line-height: 20px;
    height: 20px;
    text-decoration: none;
-   color: #eeeeee !important;
 -  color: #eee;
++  color: #eee !important;
    vertical-align: top;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
  }
 -.openerp .oe_menu > li > a:hover {
 +.openerp .navbar-nav > li > a:hover {
    background: rgba(0, 0, 0, 0.2);
    text-shadow: black 0px 0px 3px;
    color: white;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset;
  }
 -.openerp .oe_menu > li > .oe_active {
 +.openerp .navbar-nav > li > .active {
    background: rgba(0, 0, 0, 0.3);
    text-shadow: black 0px 0px 3px;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4) inset;
    width: 220px;
    background: #f0eeee;
    border-right: 1px solid #afafb6;
 -  text-shadow: 0 1px 1px white;
 +  text-shadow: none;
    padding-bottom: 16px;
  }
  .openerp a.oe_logo {
    width: 100%;
    display: none;
    text-align: center;
-   color: #eeeeee;
+   color: #eee;
    background: rgba(37, 37, 37, 0.9);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  .openerp .oe_secondary_menu_section {
    font-weight: bold;
    margin-left: 8px;
-   color: #7c7bad;
+   color: #7C7BAD;
  }
  .openerp .oe_secondary_submenu {
 -  padding: 2px 0 8px 0;
 -  margin: 0;
 -}
 -.openerp .oe_secondary_submenu li {
 -  position: relative;
 -  margin: 0;
 -  padding: 1px 0 1px 20px !important;
 -  list-style-type: none;
 -}
 -.openerp .oe_secondary_submenu li a {
 -  display: block;
 -  color: #4c4c4c;
 -  padding: 2px 4px 2px 0;
 -}
 -.openerp .oe_secondary_submenu li .oe_menu_label {
 -  position: absolute;
 -  top: 1px;
 -  right: 1px;
 -  font-size: 10px;
 -  background: #7C7BAD;
 -  color: white;
 -  padding: 2px 4px;
 -  margin: 1px 6px 0 0;
 -  border: 1px solid lightGray;
 -  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 -  -moz-border-radius: 4px;
 -  -webkit-border-radius: 4px;
 -  border-radius: 4px;
 -  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
 -  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
 -  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
 +  margin-bottom: 10px !important;
 +  line-height: 1.1em;
 +  margin-top: 3px;
  }
  .openerp .oe_secondary_submenu .oe_menu_text {
    white-space: nowrap;
    display: inline-block;
    text-overflow: ellipsis;
    max-width: 85%;
 +  margin-top: 1px;
  }
 -.openerp .oe_secondary_submenu .oe_menu_counter {
 -  float: right;
 -  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 -  margin: 1px;
 -  padding: 1px 4px;
 -  border: none;
 -}
 -.openerp .oe_secondary_submenu .oe_menu_counter:hover {
 +.openerp .oe_secondary_submenu .badge:hover {
    cursor: pointer;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
  }
 -.openerp .oe_secondary_submenu .oe_active {
 -  border-top: 1px solid lightGray;
 -  border-bottom: 1px solid #dedede;
 -  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 -  -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), inset 0 -1px 3px rgba(40, 40, 40, 0.2);
 -  -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), inset 0 -1px 3px rgba(40, 40, 40, 0.2);
 -  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.2), inset 0 -1px 3px rgba(40, 40, 40, 0.2);
 -  background: #7C7BAD;
 -}
 -.openerp .oe_secondary_submenu .oe_active a {
 -  color: white;
 -}
 -.openerp .oe_secondary_submenu .oe_active .oe_menu_label {
 -  background: #eee;
 -  color: #7C7BAD;
 -  text-shadow: 0 1px 1px white;
 -  -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 -  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 -  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
 -}
 -.openerp .oe_secondary_submenu .oe_active .oe_menu_counter {
 -  background: #eee;
 -  color: #7C7BAD;
 -  -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
 -  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
 -  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.2);
 -}
  .openerp .oe_secondary_submenu .oe_menu_toggler:before {
    width: 0;
    height: 0;
    border-right: 4px solid transparent;
    border-top: 4px solid #4c4c4c;
  }
 -.openerp .oe_secondary_submenu .oe_secondary_submenu {
 -  margin-left: -20px;
 -}
  .openerp .oe_secondary_submenu .oe_secondary_submenu li {
    margin-left: 20px;
  }
    border-radius: 0 0 2px 2px;
  }
  .openerp .oe_about a {
-   color: #7c7bad;
+   color: #7C7BAD;
  }
  .openerp .oe_about a:hover {
    text-decoration: underline;
    background-image: -ms-linear-gradient(top, #b41616, #600606);
    background-image: -o-linear-gradient(top, #b41616, #600606);
    background-image: linear-gradient(to bottom, #b41616, #600606);
-   color: #eeeeee;
+   color: #eee;
    padding: 0 16px;
    -moz-border-radius: 0 0 2px 2px;
    -webkit-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
  }
  .openerp .oe_about .oe_bottom a {
-   color: #eeeeee;
+   color: #eee;
  }
 +.openerp a.oe_form_uri:hover {
 +  text-decoration: underline;
 +}
  .openerp .oe_application {
    width: 100%;
    height: 100%;
  }
  .openerp .oe_application a {
-   color: #7c7bad;
+   color: #7C7BAD;
  }
 -.openerp .oe_application a:hover {
 -  text-decoration: underline;
 -}
  .openerp .oe_application > div {
    height: 100%;
  }
  .openerp .oe_application .oe_breadcrumb_title > * {
    display: inline-block;
    overflow: hidden;
 +  font-weight: bold;
  }
  .openerp .oe_view_manager {
    display: table;
    width: 100%;
  }
  .openerp .oe_view_manager .oe_view_manager_body {
 -  display: table-row;
    height: inherit;
  }
  .openerp .oe_view_manager .oe_view_manager_view_kanban:not(:empty) {
    height: inherit;
  }
 +.openerp .oe_view_manager[data-view-type=kanban] .oe_view_manager_body {
 +  display: table-row;
 +}
  .openerp .oe_view_manager table.oe_view_manager_header {
    border-collapse: separate;
    width: 100%;
    margin: 0px auto;
    text-align: center;
  }
 +.openerp .oe_view_manager table.oe_view_manager_header .oe_view_manager_sidebar .oe_dropdown_arrow:after {
 +  opacity: 0.9;
 +}
  .openerp .oe_view_manager table.oe_view_manager_header td {
    line-height: 26px;
  }
    font-size: 18px;
    margin: 0;
    float: left;
 +  line-height: 30px;
  }
  .openerp .oe_view_manager table.oe_view_manager_header h2 a {
-   color: #7c7bad;
+   color: #7C7BAD;
  }
  .openerp .oe_view_manager table.oe_view_manager_header .oe_dropdown_menu {
    line-height: normal;
    text-decoration: none;
  }
  .openerp .oe_view_manager table.oe_view_manager_header .oe_button_group .active {
-   background: #999999;
+   background: #999;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset;
  }
  .openerp .oe_view_manager table.oe_view_manager_header .oe_button_group .active a {
-   color: white;
+   color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  }
  .openerp .oe_view_manager table.oe_view_manager_header .oe_view_manager_buttons {
    text-decoration: none;
  }
  .openerp .oe_pager_group .active {
-   background: #999999;
+   background: #999;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset;
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset;
  }
  .openerp .oe_pager_group .active a {
-   color: white;
+   color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  }
  .openerp .oe_list_pager.oe_list_pager_single_page .oe_pager_group {
  .openerp .oe_view_manager_inline > .oe_view_manager_header, .openerp .oe_view_manager_inlineview > .oe_view_manager_header {
    display: none;
  }
 -.openerp .oe_popup_form > .oe_formview > .oe_form_pager {
 +.openerp .oe_popup_form .oe_formview .oe_form_pager {
    display: none !important;
  }
 +.openerp .oe_popup_form table label {
 +  font-weight: normal;
 +}
  .openerp .oe_popup_list_pager {
    float: right;
  }
    font-size: 12px;
    line-height: 18px;
  }
 +.openerp .oe_searchview input:not([type]), .openerp .oe_searchview input[type="text"], .openerp .oe_searchview input[type="number"] {
 +  width: 156px;
 +  height: 22px;
 +}
 +.openerp .oe_searchview input[type="checkbox"] {
 +  margin: 3px 3px 3px 4px;
 +}
 +.openerp .oe_searchview select {
 +  margin: 2px 4px 2px 0;
 +}
  .openerp .oe_searchview.oe_focused {
    border-color: #a6a6fe;
    -moz-box-shadow: 0 1px 2px #a6a6fe inset;
    right: 0;
    height: 24px;
    padding: 0 7px 0 4px;
-   color: #cccccc;
+   color: #ccc;
    cursor: pointer;
  }
  .openerp .oe_searchview .oe_searchview_unfold_drawer:hover {
-   color: #999999;
+   color: #999;
  }
  .openerp .oe_searchview .oe_searchview_unfold_drawer:before {
    position: absolute;
    display: inline-block;
    content: "";
    vertical-align: top;
-   border-top: 5px solid #4c4c4c;
+   border-top: 5px solid #4C4C4C;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    filter: alpha(opacity=50);
  .openerp .oe_searchview .oe_searchview_facets .oe_searchview_facet .oe_facet_value {
    border-left: 1px solid #afafb6;
    text-shadow: 0 1px 1px white;
-   color: #4c4c4c;
+   color: #4C4C4C;
  }
  .openerp .oe_searchview .oe_searchview_facets .oe_searchview_facet .oe_facet_value:last-child {
    padding-right: 16px;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
  }
  .openerp .oe_searchview .oe_searchview_drawer > div {
-   border-top: 1px solid #cccccc;
+   border-top: 1px solid #ccc;
    margin: 0;
    padding: 8px;
  }
    margin: 0;
  }
  .openerp .oe_searchview .oe_searchview_drawer h3 {
 -  margin: 8px 4px 4px 12px;
 +  margin: 8px 4px 4px 0px;
-   color: #7c7bad;
+   color: #7C7BAD;
    font-size: 13px;
  }
  .openerp .oe_searchview .oe_searchview_drawer h4, .openerp .oe_searchview .oe_searchview_drawer h4 * {
 -  margin: 0;
 +  margin: 0 0 0 2px;
    cursor: pointer;
    font-weight: normal;
    display: inline-block;
    box-sizing: border-box;
    display: table-cell;
    width: 50%;
 +  padding-left: 2px;
  }
  .openerp .oe_searchview .oe_searchview_drawer .oe_searchview_section ul {
    margin: 0 8px 8px;
    line-height: 18px;
  }
  .openerp .oe_searchview .oe_searchview_drawer form button {
 -  margin: 0 0 8px 0;
 +  margin: 0 0 8px -3px;
  }
  .openerp .oe_searchview .oe_searchview_drawer .oe_searchview_custom {
    padding: 0 8px 8px 8px;
  }
 +.openerp .oe_searchview .oe_searchview_drawer .oe_searchview_custom div {
 +  padding: 0;
 +}
 +.openerp .oe_searchview .oe_searchview_drawer .oe_searchview_custom div h4 {
 +  margin: 0;
 +}
  .openerp .oe_searchview .oe_searchview_drawer .oe_searchview_custom form {
    display: none;
  }
    top: 0;
    right: 5px;
  }
 +.openerp .oe_searchview .oe_searchview_drawer .oe_searchview_custom label {
 +  font-weight: normal;
 +}
  .openerp .oe_searchview .oe_searchview_drawer .oe_searchview_dashboard form {
    display: none;
    margin-top: 2px;
  }
  .openerp .oe_searchview .oe_searchview_drawer .oe_searchview_advanced li:first-child .searchview_extended_prop_or {
    visibility: hidden;
 +  margin-left: -14px;
  }
  .openerp .oe_searchview .oe_searchview_drawer .oe_searchview_advanced .searchview_extended_prop_or {
    opacity: 0.5;
    display: inline-block;
  }
  .openerp .oe_form_invalid input, .openerp .oe_form_invalid select, .openerp .oe_form_invalid textarea {
-   background-color: #ff6666 !important;
-   border: 1px solid #dd0000 !important;
+   background-color: #F66 !important;
+   border: 1px solid #D00 !important;
  }
  .openerp .oe_view_manager_current .oe_form_editable .oe_highlight {
    color: #404040;
  .openerp .oe_form_invisible {
    display: none !important;
  }
 +.openerp .oe_form_editable .oe_read_only {
 +  display: none !important;
 +}
  .openerp .oe_form_readonly .oe_edit_only, .openerp .oe_form_readonly .oe_form_field:empty {
    display: none !important;
  }
  .openerp .oe_form_readonly .oe_form .oe_form_field_date {
    width: auto;
  }
 +.openerp .oe_form_readonly .oe_form_field_boolean.boolean {
 +  position: relative;
 +  top: -20px;
 +  width: 14px;
 +  height: 14px;
 +  z-index: 10000;
 +  backgroundColor: "#fff";
 +  opacity: 0;
 +}
  .openerp .oe_form_nosheet {
    margin: 16px;
  }
  }
  .openerp .oe_application .oe_form_sheetbg {
    background: url(/web/static/src/img/form_sheetbg.png);
-   border-bottom: 1px solid #dddddd;
+   border-bottom: 1px solid #ddd;
  }
 +.openerp .oe_application .oe_form_sheetbg .oe_subtotal_footer label {
 +  font-weight: bold;
 +}
 +.openerp .oe_application .oe_form_sheetbg table label {
 +  font-weight: normal;
 +}
  .openerp .oe_application .oe_form_sheet {
    border: 1px solid #c8c8d3;
    -moz-box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
  .openerp .oe_application .oe_form_sheet .oe_notebook_page {
    padding: 0 16px;
  }
 +.openerp .oe_form > :not(.oe_form_nosheet) header, .openerp .oe_form > .oe_form_nosheet header {
 +  padding-left: 2px;
 +}
 +.openerp .oe_form > :not(.oe_form_nosheet) header ul, .openerp .oe_form > .oe_form_nosheet header ul {
 +  display: inline-block;
 +  float: right;
 +}
 +.openerp .oe_form > :not(.oe_form_nosheet) header .oe_button, .openerp .oe_form > .oe_form_nosheet header .oe_button {
 +  margin: 3px 2px 1px;
 +}
 +.openerp .oe_form > :not(.oe_form_nosheet) header .oe_button:first-child, .openerp .oe_form > .oe_form_nosheet header .oe_button:first-child {
 +  margin-left: 6px;
 +}
  .openerp .oe_form header {
 -  position: relative;
 -  overflow: hidden;
    border-bottom: 1px solid #cacaca;
    padding-left: 2px;
    background-color: #ededed;
  .openerp .oe_form header > span {
    margin-left: 4px;
  }
 -.openerp .oe_form header ul {
 -  display: inline-block;
 -  float: right;
 -}
 -.openerp .oe_form header .oe_button {
 -  margin: 3px 2px 1px;
 -}
 -.openerp .oe_form header .oe_button:first-child {
 -  margin-left: 6px;
 -}
  .openerp .oe_form header .oe_tags {
    margin: 5px 0 0 5px;
    width: 400px;
    padding: 16px 16px 48px;
  }
  .openerp .oe_form div.oe_form_configuration p, .openerp .oe_form div.oe_form_configuration ul, .openerp .oe_form div.oe_form_configuration ol {
-   color: #aaaaaa;
+   color: #aaa;
    max-width: 650px;
  }
  .openerp .oe_form div.oe_form_configuration label {
    padding: 2px 11px 2px 0px !important;
  }
  .openerp .oe_form .oe_subtotal_footer label.oe_form_label_help {
 -  font-weight: normal;
 +  font-weight: normal !important;
  }
  .openerp .oe_form .oe_form_box_info {
-   background: #ffee99;
-   border-bottom: 1px solid #ccbb66;
+   background: #fe9;
+   border-bottom: 1px solid #cb6;
    padding: 4px;
  }
  .openerp .oe_form .oe_form_box_info > p {
  }
  .openerp .oe_form .oe_form_box_warning {
    background: #bd362f;
-   border-bottom: 1px solid #990000;
+   border-bottom: 1px solid #900;
    padding: 4px;
  }
  .openerp .oe_form .oe_form_box_warning * {
    margin: 2px;
  }
  .openerp .oe_form td.oe_form_group_cell_label {
-   border-right: 1px solid #dddddd;
+   border-right: 1px solid #ddd;
    padding: 2px 0px;
  }
  .openerp .oe_form td.oe_form_group_cell_label label {
    line-height: 18px;
    display: block;
 -  min-width: 140px;
 +  min-width: 150px;
 +  font-weight: bold !important;
  }
  .openerp .oe_form td.oe_form_group_cell + .oe_form_group_cell {
    padding: 2px 0 2px 8px;
    padding-left: 20px;
  }
  .openerp .oe_form .oe_form_label_help[for], .openerp .oe_form .oe_form_label[for] {
 -  font-weight: bold;
    white-space: nowrap;
    padding-right: 8px;
  }
  .openerp .oe_form .oe_form_label_help[for] span, .openerp .oe_form .oe_form_label[for] span {
    font-size: 80%;
-   color: darkgreen;
+   color: darkGreen;
    vertical-align: top;
    position: relative;
    top: -4px;
    font-weight: bold;
    font-size: 20px;
    margin: 15px 0px 10px 0px;
-   color: #7c7bad;
+   color: #7C7BAD;
  }
  .openerp .oe_horizontal_separator:empty {
    height: 5px;
  }
  .openerp .oe_vertical_separator {
-   border-left: 1px solid #666666;
+   border-left: 1px solid #666;
    padding: 0 4px 0 4px;
  }
  .openerp .oe_form_field_progressbar {
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
-   border: 1px solid #999999;
+   border: 1px solid #999;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    height: inherit !important;
    font-size: inherit;
  }
 +.openerp .oe_form .oe_title h1, .openerp .oe_form h1 {
 +  font-weight: bold;
 +  font-size: 2em;
 +}
 +.openerp .oe_form h2 {
 +  font-size: 1.5em;
 +}
 +.openerp .oe_form label {
 +  font-weight: bold;
 +  margin-bottom: 0px;
 +  display: inline;
 +}
  .openerp .oe_form .oe_form_field {
    width: 100%;
    display: inline-block;
    background: white;
    min-width: 60px;
    color: #1f1f1f;
 +  font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
  }
  .openerp .oe_form input[readonly], .openerp .oe_form select[readonly], .openerp .oe_form textarea[readonly], .openerp .oe_form input[disabled], .openerp .oe_form select[disabled] {
-   background: #e5e5e5 !important;
-   color: #666666;
+   background: #E5E5E5 !important;
+   color: #666;
  }
  .openerp .oe_form textarea[disabled] {
    border: none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
 +  color: #4c4c4c;
  }
  .openerp .oe_form textarea.oe_inline[disabled] {
-   border-left: 8px solid #eeeeee;
+   border-left: 8px solid #eee;
  }
  .openerp .oe_form .oe_form_field_url button img {
    vertical-align: top;
    white-space: nowrap;
  }
  .openerp .oe_form .oe_form_field_boolean {
 -  padding-top: 4px;
    width: auto;
  }
  .openerp .oe_form .oe_datepicker_container {
    display: inline-block;
  }
  .openerp .oe_form .oe_form_required input:not([disabled]):not([readonly]), .openerp .oe_form .oe_form_required select:not([disabled]):not([readonly]), .openerp .oe_form .oe_form_required textarea:not([disabled]):not([readonly]) {
-   background-color: #d2d2ff !important;
+   background-color: #D2D2FF !important;
  }
  .openerp .oe_form .oe_form_invalid input, .openerp .oe_form .oe_form_invalid select, .openerp .oe_form .oe_form_invalid textarea {
-   background-color: #ff6666 !important;
-   border: 1px solid #dd0000 !important;
+   background-color: #F66 !important;
+   border: 1px solid #D00 !important;
  }
  .openerp .oe_form .oe_input_icon {
    cursor: pointer;
  }
  .openerp .oe_form .oe_form_embedded_html {
    position: relative;
 -  width: 600px;
 -  margin-left: 130px;
 -  margin-top: 32px;
 -  margin-bottom: 32px;
 +  width: 100%;
 +  margin: auto;
 +  overflow: auto;
    text-align: justify;
  }
  .openerp .oe_form .oe_form_field_html .oe_input_icon {
    margin: 0;
    padding: 0;
  }
 +.openerp .oe_form .oe_form_field_binary {
 +  display: inline-block;
 +}
  .openerp .oe_form .oe_form_field_image {
    padding: 0;
    position: relative;
    width: 100%;
    display: none;
    text-align: center;
-   color: #eeeeee;
+   color: #eee;
    background: rgba(37, 37, 37, 0.9);
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    display: inline-block;
    clear: both;
    width: 100%;
 +  margin-bottom: -15px;
  }
  .openerp .oe_fileupload .oe_add {
    float: left;
    position: relative;
    width: 100%;
    left: 2px;
 -  top: 7px;
 +  margin: 9px 0;
    overflow: hidden;
  }
  .openerp .oe_fileupload .oe_add button {
  }
  .openerp .oe_fileupload .oe_add button.oe_attach {
    width: 24px;
 -  overflow: hidden;
 -  width: 24px;
 -  overflow: hidden;
    background: transparent;
-   color: #7c7bad;
+   color: #7C7BAD;
    box-shadow: none;
    border: none;
    text-shadow: none;
  }
  .openerp .oe_fileupload .oe_add button.oe_attach .oe_e {
    position: relative;
 -  top: -1px;
 +  top: -10px;
    left: -9px;
  }
  .openerp .oe_fileupload .oe_add input.oe_form_binary_file {
    cursor: pointer;
  }
  .openerp .oe_fileupload .oe_add .oe_attach_label {
-   color: #7c7bad;
+   color: #7C7BAD;
    margin-left: -3px;
  }
  .openerp .oe_fileupload .oe_attachments {
    background: white;
  }
  .openerp .oe_fileupload .oe_attachments .oe_attachment:nth-child(even) {
-   background: #f4f5fa;
+   background: #F4F5FA;
  }
 +.openerp .oe_form_field_many2one {
 +  display: inline-block;
 +}
  .openerp .oe_form_field_many2one td:first-child {
    position: relative;
  }
    background-image: -o-linear-gradient(top, #fcfcfc, #dedede);
    background-image: linear-gradient(to bottom, #fcfcfc, #dedede);
  }
 -.openerp ul.oe_form_status li:first-child .label, .openerp ul.oe_form_status_clickable li:first-child .label {
 +.openerp ul.oe_form_status li:first-child > .label, .openerp ul.oe_form_status_clickable li:first-child > .label {
    border-left: 1px solid #cacaca;
    padding-left: 14px;
  }
  .openerp ul.oe_form_status li:last-child, .openerp ul.oe_form_status_clickable li:last-child {
    border-right: 1px solid #cacaca;
  }
 -.openerp ul.oe_form_status li:last-child .label, .openerp ul.oe_form_status_clickable li:last-child .label {
 +.openerp ul.oe_form_status li:last-child > .label, .openerp ul.oe_form_status_clickable li:last-child > .label {
    padding-right: 14px;
  }
 -.openerp ul.oe_form_status li:last-child .arrow, .openerp ul.oe_form_status_clickable li:last-child .arrow {
 +.openerp ul.oe_form_status li:last-child > .arrow, .openerp ul.oe_form_status_clickable li:last-child > .arrow {
    display: none;
  }
 -.openerp ul.oe_form_status li .label, .openerp ul.oe_form_status_clickable li .label {
 +.openerp ul.oe_form_status li > .label, .openerp ul.oe_form_status_clickable li > .label {
    color: #4c4c4c;
    text-shadow: 0 1px 1px #fcfcfc, 0 -1px 1px #dedede;
    padding: 7px;
    padding-left: 24px;
    margin: 0;
    position: relative;
 +  line-height: normal;
 +  font-size: 100%;
 +  font-weight: normal;
  }
 -.openerp ul.oe_form_status li .arrow, .openerp ul.oe_form_status_clickable li .arrow {
 +.openerp ul.oe_form_status li > .arrow, .openerp ul.oe_form_status_clickable li > .arrow {
    width: 17px;
 +  height: 30px;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    margin-left: -5px;
  }
 -.openerp ul.oe_form_status li .arrow span, .openerp ul.oe_form_status_clickable li .arrow span {
 +.openerp ul.oe_form_status li > .arrow span, .openerp ul.oe_form_status_clickable li > .arrow span {
    position: relative;
    width: 24px;
    height: 24px;
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
 +.openerp ul.oe_form_status ul.oe_dropdown_menu, .openerp ul.oe_form_status_clickable ul.oe_dropdown_menu {
 +  display: none;
 +  padding: 0;
 +  min-width: 0;
 +}
 +.openerp ul.oe_form_status ul.oe_dropdown_menu.oe_opened, .openerp ul.oe_form_status_clickable ul.oe_dropdown_menu.oe_opened {
 +  display: block;
 +}
 +.openerp ul.oe_form_status ul.oe_dropdown_menu li, .openerp ul.oe_form_status_clickable ul.oe_dropdown_menu li {
 +  margin: 0;
 +  width: 100%;
 +}
 +.openerp ul.oe_form_status ul.oe_dropdown_menu li span.label, .openerp ul.oe_form_status_clickable ul.oe_dropdown_menu li span.label {
 +  padding-left: 14px;
 +}
  .openerp ul.oe_form_status li.oe_active, .openerp ul.oe_form_status_clickable li.oe_active {
    background-color: #5382b9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#729fcf), to(#3465a4));
    background-image: -o-linear-gradient(top, #729fcf, #3465a4);
    background-image: linear-gradient(to bottom, #729fcf, #3465a4);
  }
 -.openerp ul.oe_form_status li.oe_active .arrow span, .openerp ul.oe_form_status_clickable li.oe_active .arrow span {
 +.openerp ul.oe_form_status li.oe_active > .arrow span, .openerp ul.oe_form_status_clickable li.oe_active > .arrow span {
    background-color: #3465a4;
    background: -moz-linear-gradient(135deg, #3465a4, #729fcf);
    background: -o-linear-gradient(135deg, #729fcf, #3465a4);
    background: -webkit-gradient(linear, left top, right bottom, from(#729fcf), to(#3465a4));
    background: -ms-linear-gradient(top, #729fcf, #3465a4);
  }
 -.openerp ul.oe_form_status li.oe_active .label, .openerp ul.oe_form_status_clickable li.oe_active .label {
 +.openerp ul.oe_form_status li.oe_active > .label, .openerp ul.oe_form_status_clickable li.oe_active > .label {
    color: white;
    text-shadow: 0 1px 1px #729fcf, 0 -1px 1px #3465a4;
  }
    background-image: -o-linear-gradient(top, #e8e8e8, #cacaca);
    background-image: linear-gradient(to bottom, #e8e8e8, #cacaca);
  }
 -.openerp ul.oe_form_status_clickable li:hover .label {
 +.openerp ul.oe_form_status_clickable li:hover > .label {
    text-shadow: 0 -1px 1px #fcfcfc, 0 1px 1px #dedede;
  }
 -.openerp ul.oe_form_status_clickable li:hover .arrow span {
 +.openerp ul.oe_form_status_clickable li:hover > .arrow span {
    background-color: #d9d9d9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#e8e8e8), to(#cacaca));
    background-image: -webkit-linear-gradient(top, #e8e8e8, #cacaca);
    background-image: -o-linear-gradient(top, #e8e8e8, #cacaca);
    background-image: linear-gradient(to bottom, #e8e8e8, #cacaca);
  }
 -.openerp ul.oe_form_status_clickable li .label {
 +.openerp ul.oe_form_status_clickable li > .label {
-   color: #7c7bad;
+   color: #7C7BAD;
  }
  .openerp ul.oe_form_status_clickable li.oe_active:hover {
    background-color: #3a699f;
    background-image: -o-linear-gradient(top, #4c85c2, #284d7d);
    background-image: linear-gradient(to bottom, #4c85c2, #284d7d);
  }
 -.openerp ul.oe_form_status_clickable li.oe_active:hover .label {
 +.openerp ul.oe_form_status_clickable li.oe_active:hover > .label {
    text-shadow: 0 -1px 1px #729fcf, 0 1px 1px #3465a4;
  }
 -.openerp ul.oe_form_status_clickable li.oe_active:hover .arrow span {
 +.openerp ul.oe_form_status_clickable li.oe_active:hover > .arrow span {
    background-color: #284d7d;
    background: -moz-linear-gradient(135deg, #284d7d, #4c85c2);
    background: -o-linear-gradient(135deg, #4c85c2, #284d7d);
    background-color: #d2d2ff;
  }
  .openerp .oe_form_editable .oe_list_editable .oe_list_content td.oe_readonly {
-   background-color: #eeeeee;
+   background-color: #eee;
  }
  .openerp .oe_list_editable .oe_list_content td.oe_list_field_cell {
    padding: 4px 6px 3px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
-   border: 1px solid #aaaaff;
+   border: 1px solid #aaf;
    margin: 0;
  }
  .openerp .oe_list.oe_list_editable.oe_editing .oe_form_field input, .openerp .oe_list.oe_list_editable.oe_editing .oe_form_field textarea, .openerp .oe_list.oe_list_editable.oe_editing .oe_form_field select {
  }
  .openerp .oe_list_content > thead {
    border-bottom: 2px solid #cacaca;
-   background: #eeeeee;
+   background: #eee;
    vertical-align: top;
  }
  .openerp .oe_list_content td, .openerp .oe_list_content th {
    margin-top: 7px;
    border-width: 0 4px 4px;
    border-style: solid;
-   border-color: black transparent;
+   border-color: #000 transparent;
    visibility: hidden;
  }
  .openerp .oe_list_content th.sortup div:after {
    border-bottom: none;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
-   border-top: 4px solid black;
+   border-top: 4px solid #000;
    visibility: visible;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
  }
  .openerp .oe_list_content > tbody > tr {
    height: 27px;
-   border-top: 1px solid #dddddd;
+   border-top: 1px solid #ddd;
  }
  .openerp .oe_list_content > tbody > tr > td.oe_list_field_cell {
    padding: 3px 6px;
  .openerp .oe_list_content > tfoot {
    border-top: 2px solid #cacaca;
    border-bottom: 1px solid #cacaca;
-   background: #eeeeee;
+   background: #eee;
    font-weight: bold;
  }
  .openerp .oe_list_content .numeric {
  .openerp .oe_list_content td.oe_list_field_handle .oe_list_handle:before {
    font: 18px "entypoRegular";
    content: "}";
-   color: #e0e0e0;
+   color: #E0E0E0;
  }
  .openerp .oe_list_content .oe_list_field_progressbar progress {
    width: 100%;
    font-size: 95%;
    line-height: 1.2em;
  }
 -.openerp .oe_debug_view_log label {
 -  display: block;
 -  width: 49%;
 -  text-align: right;
 -  float: left;
 +.openerp .navbar {
 +  min-height: 32px;
 +  margin-bottom: 0px;
 +  border: none;
 +  z-index: 1;
 +  position: static;
 +  background-color: #414141;
 +  background-color: #454343;
 +  background-image: -webkit-gradient(linear, left top, left bottom, from(#646060), to(#262626));
 +  background-image: -webkit-linear-gradient(top, #646060, #262626);
 +  background-image: -moz-linear-gradient(top, #646060, #262626);
 +  background-image: -ms-linear-gradient(top, #646060, #262626);
 +  background-image: -o-linear-gradient(top, #646060, #262626);
 +  background-image: linear-gradient(to bottom, #646060, #262626);
 +}
 +.openerp .navbar-default .navbar-nav li a:hover, .openerp .navbar-default .navbar-nav li a:focus {
 +  background: rgba(0, 0, 0, 0.3);
 +}
 +.openerp .navbar-default .navbar-nav .open > a, .openerp .navbar-default .navbar-nav a:hover, .openerp .navbar-default .navbar-nav a:focus {
 +  background: rgba(0, 0, 0, 0.3) !important;
 +}
 +.openerp .navbar-default .navbar-nav .dropdown > a .caret {
-   border-top-color: #777777 !important;
-   border-bottom-color: #777777 !important;
++  border-top-color: #777 !important;
++  border-bottom-color: #777 !important;
 +}
 +.openerp .navbar-nav li a {
 +  padding: 4px 32px 4px 12px;
 +}
 +.openerp .oe_navbar .dropdown-menu {
 +  font-size: 13px;
 +  padding: 4px 0;
 +  background: #333333 !important;
 +  background: rgba(37, 37, 37, 0.9) !important;
 +  border-color: #999999;
 +  border-color: rgba(0, 0, 0, 0.2);
 +  background-color: #414141;
 +  text-shadow: none;
 +  background-color: #454343;
 +  background-image: -webkit-gradient(linear, left top, left bottom, from(#646060), to(#262626));
 +  background-image: -webkit-linear-gradient(top, #646060, #262626);
 +  background-image: -moz-linear-gradient(top, #646060, #262626);
 +  background-image: -ms-linear-gradient(top, #646060, #262626);
 +  background-image: -o-linear-gradient(top, #646060, #262626);
 +  background-image: linear-gradient(to bottom, #646060, #262626);
 +  -moz-border-radius: 3px;
 +  -webkit-border-radius: 3px;
 +  border-radius: 3px;
 +}
 +.openerp .oe_navbar .dropdown-menu li a, .openerp .oe_navbar .dropdown-menu li a:hover, .openerp .oe_navbar .dropdown-menu li a:focus {
 +  color: #eeeeee;
 +}
 +.openerp .oe_view_manager_new .oe_form_nosheet {
 +  margin-top: 8px;
 +}
 +.openerp .oe_view_manager_new .oe_form_nosheet .oe_form_label {
 +  font-weight: normal;
 +}
 +.openerp .nav li > a {
 +  padding: 3px 4px 2px 18px;
 +  color: #4c4c4c;
 +}
 +.openerp .nav nav-pills.nav-stacked > li > ul {
 +  padding-left: 16px;
 +}
 +.openerp .nav-pills > li.active > a, .openerp a.list-group-item.active > a {
 +  background-color: #7c7bad;
 +  color: white;
 +  border-radius: 0;
 +}
 +.openerp .nav-pills > li.active a:hover, .openerp .nav-pills > li.active a:focus, .openerp a.list-group-item.active a:hover, .openerp a.list-group-item.active a:focus {
 +  background-color: #7c7bad;
 +}
 +.openerp .nav-pills > li.active .badge, .openerp a.list-group-item.active .badge {
 +  background-color: white;
 +  color: #7c7bad;
 +  text-shadow: none;
 +}
 +.openerp .badge {
 +  font-weight: normal;
 +  font-size: 11px;
 +  background-color: #7c7bad;
 +}
 +.openerp button, .openerp body {
 +  line-height: normal;
 +}
 +.openerp h1, .openerp h2 {
    font-weight: bold;
 -  color: #009;
  }
 -.openerp .oe_debug_view_log span {
 +.openerp h3 {
 +  font-size: 1.17em;
 +  font-weight: bold;
 +}
 +.openerp p {
    display: block;
 -  width: 49%;
 -  float: right;
 -  color: #333;
 +  -webkit-margin-before: 1em;
 +  -webkit-margin-after: 1em;
 +  -webkit-margin-start: 0px;
 +  -webkit-margin-end: 0px;
 +}
 +.openerp pre {
-   background-color: white;
++  background-color: #FFFFFF;
 +  border: none;
 +  padding: 10px 0 3px 0;
 +}
 +.openerp h5 {
 +  font-weight: bold;
 +  font-size: smaller;
 +}
 +.openerp .oe_form .oe_subtype label, .openerp .oe_subtype label {
 +  font-weight: normal;
 +}
 +.openerp .oe_msg_subtype_check {
 +  margin: 3px 3px 0 !important;
 +}
 +
 +.jqstooltip {
 +  height: auto !important;
 +  width: auto !important;
 +  padding: 0;
  }
  
 +@-moz-document url-prefix() {
 +  .openerp .oe_searchview .oe_searchview_search {
 +    top: -1px;
 +  }
 +  .openerp .oe_form_field_many2one .oe_m2o_cm_button {
 +    line-height: 18px;
 +  }
 +  .openerp .oe_webclient .oe_star_on, .openerp .oe_webclient .oe_star_off {
 +    top: 0px;
 +  }
 +}
  .kitten-mode-activated {
    background-size: cover;
    background-attachment: fixed;
    opacity: 0.7;
  }
  
 +.loading-kitten {
 +  -moz-border-radius: 15px;
 +  -webkit-border-radius: 15px;
 +  border-radius: 15px;
-   -moz-box-shadow: 0 0 5px 5px #999999;
-   -webkit-box-shadow: 0 0 5px 5px #999999;
-   box-shadow: 0 0 5px 5px #999999;
++  -moz-box-shadow: 0 0 5px 5px #999;
++  -webkit-box-shadow: 0 0 5px 5px #999;
++  box-shadow: 0 0 5px 5px #999;
 +}
 +
  div.ui-widget-overlay {
    background: black;
    filter: alpha(opacity=30);
    background: #f0f0fa;
  }
  .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active {
-   background: #7c7bad;
+   background: #7C7BAD;
  }
  
  .ui-corner-all {
    padding-bottom: 10px !important;
  }
  
 +body.oe_single_form {
-   background: #eeeeee url(/web/static/src/img/form_sheetbg.png);
++  background: #eee url(/web/static/src/img/form_sheetbg.png);
 +  height: 100%;
 +}
 +body.oe_single_form .oe_single_form_logo {
 +  padding: 10px;
 +  text-align: center;
 +  margin-bottom: 10px;
 +}
 +body.oe_single_form .oe_single_form_footer {
 +  position: absolute;
 +  bottom: -30px;
 +  right: 0px;
 +  width: 100%;
 +  text-align: center;
 +}
 +body.oe_single_form .oe_single_form_container {
 +  padding: 10px;
 +  position: absolute;
 +  left: 50%;
 +  top: 50%;
 +  width: 400px;
 +  /* Set margins to offset 50% of the w/h */
 +  margin-top: -200px;
 +  margin-left: -200px;
 +}
 +
  .openerp_ie .placeholder {
    color: #afafb6 !important;
    font-style: italic !important;
    width: 80px;
  }
  .openerp_ie .oe_form_field_boolean input {
-   background: white;
+   background: #fff;
  }
  .openerp_ie .db_option_table .oe_form_field_selection {
    width: auto;
    overflow: hidden;
    border-right: 1px solid #cacaca;
  }
 -.openerp_ie ul.oe_form_status li:last-child .label, .openerp_ie ul.oe_form_status_clickable li:last-child .label {
 +.openerp_ie ul.oe_form_status li:last-child > .label, .openerp_ie ul.oe_form_status_clickable li:last-child > .label {
    padding-right: 14px;
    border-right: none;
  }
 -.openerp_ie ul.oe_form_status li:last-child .arrow, .openerp_ie ul.oe_form_status_clickable li:last-child .arrow {
 +.openerp_ie ul.oe_form_status li:last-child > .arrow, .openerp_ie ul.oe_form_status_clickable li:last-child > .arrow {
    display: inline-block;
    opacity: 0;
    filter: alpha(opacity=0);
    width: 0;
    border-right: none;
  }
 -.openerp_ie ul.oe_form_status .label, .openerp_ie ul.oe_form_status_clickable .label {
 +.openerp_ie ul.oe_form_status li > .label, .openerp_ie ul.oe_form_status_clickable li > .label {
    border-bottom: 1px solid #cacaca;
    background: transparent;
  }
 -.openerp_ie ul.oe_form_status .arrow span, .openerp_ie ul.oe_form_status_clickable .arrow span {
 -  background-color: #fefefe !important;
 +.openerp_ie ul.oe_form_status li > .arrow span, .openerp_ie ul.oe_form_status_clickable li > .arrow span {
 +  background-color: #eeeeee !important;
  }
 -.openerp_ie ul.oe_form_status li.oe_active .label, .openerp_ie ul.oe_form_status_clickable li.oe_active .label {
 +.openerp_ie ul.oe_form_status li.oe_active > .label, .openerp_ie ul.oe_form_status_clickable li.oe_active > .label {
    border-bottom: 1px solid #729fcf;
  }
 -.openerp_ie ul.oe_form_status li.oe_active .arrow span, .openerp_ie ul.oe_form_status_clickable li.oe_active .arrow span {
 +.openerp_ie ul.oe_form_status li.oe_active > .arrow span, .openerp_ie ul.oe_form_status_clickable li.oe_active > .arrow span {
    background-color: #729fcf !important;
  }
  .openerp_ie .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFEFEF', endColorstr='#D8D8D8');
  }
 +.openerp_ie .oe_webclient {
 +  height: auto !important;
 +}
  
  @media print {
    .openerp {
      overflow: hidden !important;
    }
  }
 +.ui-icon {
 +  width: 18px;
 +  height: 18px;
 +}
 +
 +input[type="radio"], input[type="checkbox"] {
 +  margin-right: 4px;
 +  margin-left: 4px;
 +}
 +
  .blockUI.blockOverlay {
    background-color: black;
    opacity: 0.6;
@@@ -55,7 -55,7 +55,7 @@@ $sheet-padding: 16p
      background-image: -webkit-radial-gradient(circle, $gradient)
      background-image: -moz-radial-gradient($gradient)
      background-image: -ms-radial-gradient($gradient)
-     background-image: radial-gradient($gradient)
+     background-image: radial-gradient(circle, $gradient)
  
  @mixin radius($radius: 5px)
      -moz-border-radius: $radius
      color: #4c4c4c
      font-size: 13px
      background: white
 -    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5)
      &.openerp_webclient_container
          height: 100%
      // }}}
          vertical-align: middle
      h4
          margin: 4px 0
 +        font-weight: bold
 +        font-size: inherit
      // }}}
      // Button style {{{
 -    a.button:link, a.button:visited, button, input[type='submit'], .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button
 +    a.button:link, a.button:visited, button, .oe_button, input[type='submit'], .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button
          display: inline-block
          border: 1px solid rgba(0,0,0,0.4)
          color: #4c4c4c
          -webkit-font-smoothing: antialiased
          outline: none
  
 -    a.button:hover, button:hover, input[type='submit']:hover, .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.ui-state-hover
 +    a.button:hover, button:hover,.oe_button:hover, input[type='submit']:hover, .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.ui-state-hover
          @include vertical-gradient(#f6f6f6, #e3e3e3)
          cursor: pointer
          background-position: 0
  
 -    a.button:focus, button:focus, input[type='submit']:focus, .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.ui-state-focus
 +    a.button:focus, button:focus, .oe_button:focus, input[type='submit']:focus, .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.ui-state-focus
          border: 1px solid #80bfff
          background-position: 0
          @include vertical-gradient(#f6f6f6, #e3e3e3)
          @include box-shadow((0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, .8) inset))
  
 -    a.button:active, a.button.active, button:active, button.active, input[type='submit']:active, input[type='submit'].active, .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.ui-state-active
 +    a.button:active, a.button.active, button:active, .oe_button:active, .oe_button.active, input[type='submit']:active, input[type='submit'].active, .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.ui-state-active
          @include vertical-gradient(#e3e3e3, #f6f6f6)
          @include box-shadow(none)
  
 -    a.button.disabled, button:disabled, input[type='submit']:disabled
 +    a.button.disabled, button:disabled, .oe_button:disabled, input[type='submit']:disabled
          background: #efefef !important
          border: 1px solid #d1d1d1 !important
          @include box-shadow(none !important)
      // Modal box
      &.ui-dialog
          display: none
 +        height: auto !important
          padding: 6px
          //overflow: hidden
          background-color: rgba(60,60,60,0.7)
                  padding: 0
          .ui-dialog-content
              background: white
 +            width: auto !important
          .ui-dialog-buttonpane
              border-top: 1px solid #e0e0e0
              background: #f5f7f9
          font-family: "entypoRegular" !important
          font-size: 34px
          font-weight: 300 !important
 +        line-height: 100%
      .oe_left
          float: left
          margin-right: 8px
          max-width: 650px
      .oe_grey
          color: #aaa
 -
 +    // Added for generic error message and customize bootstrap3 <pre>,<hr>
 +    .oe_error_detail 
 +        hr
 +            display: block
 +            -webkit-margin-before: 0.5em
 +            -webkit-margin-after: 0.5em
 +            -webkit-margin-start: auto
 +            -webkit-margin-end: auto
 +            border-style: inset
 +            border-width: 1px
      // }}}
  
      // Tags (for many2many tags, among others) {{{
      .oe_tag_dark
          background: $tag-bg-dark
          color: #eee
 -
 +    .oe_form_field_radio
 +        &.oe_horizontal
 +            white-space: nowrap
 +            label
 +                display: inline-block
 +                text-align: center
 +                height: 16px
 +        &.oe_vertical
 +            label
 +                margin-left: 4px
 +        &.oe_form_required
 +            .oe_radio_input
 +                border: 2px solid transparent
 +                display: inline-block
 +                height: 12px
 +                width: 12px
 +                vertical-align: bottom
 +                border-radius: 10px
 +                margin: 1px 0
 +            &.oe_form_invalid
 +                .oe_radio_input
 +                    border-color: red
      .oe_tags
          &.oe_inline
              min-width: 250px
          cursor: default
      .oe_notebook_page
          padding: 0
 +        //Customize label weight according bootstrap3
 +        > label:not([for])
 +            font-weight: normal !important
 +        // End of customize 
      div.ui-tabs
          padding: 3px 0px 3px 0px
      .ui-tabs-hide
          position: relative
          cursor: pointer
      .oe_dropdown_toggle
 -        color: #4C4C4C
 +        color: #2B2B2B
          font-weight: normal
      .oe_dropdown_hover:hover .oe_dropdown_menu, .oe_dropdown_menu.oe_opened
          display: block
      .oe_dropdown_menu
          display: none
          position: absolute
 -        top: 26px
          z-index: 3
          margin: 0
 -        padding: 0
          border: 1px solid $tag-border
          background: white
          padding: 4px 0
          padding: 5px
          width: 32px
      // }}}
 -    // Login {{{
 -    .oe_login
 -        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAYAAADgzO9IAAAAKUlEQVQIHWO8e/fufwYsgAUkJigoiCIF5DMyoYggcUiXgNnBiGQKmAkARpcEQeriln4AAAAASUVORK5CYII=)
 -        text-align: center
 -        font-size: 14px
 -        height: 100%
 -        ul, li
 -            margin: 0
 -            list-style-type: none
 -            padding: 0 0 4px 0
 -        button
 -            cursor: pointer
 -            padding: 6px 16px
 -            border: 1px solid #222
 -            color: white
 -            margin: 0
 -            @include vertical-gradient(#b92020, #600606)
 -            @include radius(4px)
 -            @include box-shadow((0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset))
 -        input, select
 -            width: 252px
 -            font-family: "Lucida Grande", Helvetica, Verdana, Arial
 -            border: 1px solid #999999
 -            background: whitesmoke
 -            @include box-shadow(inset 0 1px 4px rgba(0, 0, 0, 0.4))
 -            @include radius(3px)
 -        input
 -            margin-bottom: 9px
 -            padding: 5px 6px
 -        select
 -            padding: 1px
 -        .oe_login_dbpane
 -            position: fixed
 -            top: 0
 -            right: 8px
 -            padding: 5px 10px
 -            color: #eee
 -            border: solid 1px #333
 -            background: #1e1e1e
 -            background: rgba(30,30,30,0.94)
 -            @include radius(0 0 8px 8px)
 -            input
 -                padding: 2px 4px
 -                margin: 4px 0
 -        .oe_login_bottom
 -            position: absolute
 -            top: 50%
 -            left: 0
 -            right: 0
 -            bottom: 0
 -            text-shadow: 0 1px 1px #999999
 -            @include vertical-gradient(#b41616, #600606)
 -        .oe_login_pane
 -            position: absolute
 -            top: 50%
 -            left: 50%
 -            margin: -160px -166px
 -            border: solid 1px #333333
 -            background: #1e1e1e
 -            background: rgba(30,30,30,0.94)
 -            padding: 22px 32px
 -            color: #eee
 -            text-align: left
 -            @include radius(8px)
 -            @include box-shadow(0 0 18px rgba(0, 0, 0, 0.9))
 -            h2
 -                margin-top: 0
 -                font-size: 18px
 -        .oe_login_logo
 -            position: absolute
 -            top: -70px
 -            left: 0
 -            width: 100%
 -            margin: 0 auto
 -            text-align: center
 -        .oe_login_footer
 -            position: absolute
 -            bottom: -40px
 -            left: 0
 -            width: 100%
 -            text-align: center
 -            a
 -                color: #eee
 -                margin: 0 8px
 -                &:hover
 -                    text-decoration: underline
 -            span
 -                font-weight: bold
 -                font-size: 16px
 -        .oe_login_error_message
 -            display: none
 -            background-color: #b41616
 -            color: #eee
 -            padding: 14px 18px
 -            margin-top: 15px
 -            text-align: center
 -            @include radius(4px)
 -            @include box-shadow(0 1px 4px rgba(0, 0, 0, 0.8))
 -    .oe_login_invalid
 -        .oe_login_error_message
 -            display: inline-block
 -    // }}}
      // DatabaseManager {{{
      .oe_database_manager
          background: #fff
      // }}}
      // Top Menu {{{
  
 -    .oe_topbar
 -        width: 100%
 -        height: 32px
 -        background-color: #414141
 -        @include vertical-gradient(#646060, #262626)
 +    .navbar
          .oe_topbar_anonymous_login
              background-color: #dc5f59
              color: #eeeeee
                  display: block
                  padding: 5px 10px 7px
                  line-height: 20px
 -                height: 20px
 +                height: 30px
                  text-decoration: none
                  color: white
                  background: transparent
                  @include box-shadow(0 1px 2px rgba(0,0,0,0.2) inset)
          .oe_topbar_item
              display: block
 -            padding: 5px 10px 7px
 +            padding: 5px 10px 26px
              line-height: 20px
              height: 20px
              text-decoration: none
              vertical-align: top
          .oe_dropdown_arrow:after
              border-top: 4px solid white
 -        .oe_dropdown_menu
 +        .dropdown_menu
              top: 32px
              background: #333
              background: rgba(37,37,37,0.9)
              border-color: #999
              border-color: rgba(0, 0, 0, 0.2)
              border-style: solid
 -            border-width: 0 1px 1px
 +            border-width: 0 2px 1px
              @include radius(0 0 6px 6px)
              @include background-clip()
              li
                      @include box-shadow(none)
          .oe_topbar_name
              max-width: 150px
 -            overflow: hidden
              display: inline-block
 -            max-height: 100%
 +            height: 15px // Customize to manage caret when topbar_name is over sized.
              text-overflow: ellipsis
              white-space: nowrap
 +            overflow: hidden // Customize to bring ellipsis when topbar_name is over sized.
  
      // oe menu is the list of the buttons on the left side of the bar.
      // So why aren't the buttons oe_topbar_items ? This sad state of affairs
      // is a leftover from an uncomplete refactoring when the left and top menu
      // were merged. You are welcome to refactor and clean this up
 -    .oe_menu
 +    .navbar-nav
          float: left
          padding: 0
          margin: 0
              color: #eeeeee
              > a
                  display: block
 -                padding: 5px 10px 7px
 +                padding: 5px 10px 26px !important
                  line-height: 20px
                  height: 20px
                  text-decoration: none
 -                color: #eee
 +                color: #eee !important
                  vertical-align: top
                  text-shadow: 0 1px 1px rgba(0,0,0,0.2)
                  @include transition(all 0.2s ease-out)
                      text-shadow: black 0px 0px 3px
                      color: white
                      @include box-shadow(0 1px 2px rgba(0,0,0,0.4) inset)
 -            > .oe_active
 +            > .active
                  background: rgba(0,0,0,0.30)
                  text-shadow: black 0px 0px 3px
                  @include box-shadow(0 1px 2px rgba(0,0,0,0.4) inset)
          width: 220px
          background: #f0eeee
          border-right: 1px solid $tag-border
 -        text-shadow: 0 1px 1px white
 +        text-shadow: none
          padding-bottom: 16px
      a.oe_logo
          position: relative
          margin-left: 8px
          color: $link-color
      .oe_secondary_submenu
 -        padding: 2px 0 8px 0
 -        margin: 0
 -        li
 -            position: relative
 -            margin: 0
 -            padding: 1px 0 1px 20px !important
 -            list-style-type: none
 -            a
 -                display: block
 -                color: #4c4c4c
 -                padding: 2px 4px 2px 0
 -            .oe_menu_label
 -                position: absolute
 -                top: 1px
 -                right: 1px
 -                font-size: 10px
 -                background: $link-color
 -                color: white
 -                padding: 2px 4px
 -                margin: 1px 6px 0 0
 -                border: 1px solid lightGray
 -                text-shadow: 0 1px 1px rgba(0,0,0,0.2)
 -                @include radius(4px)
 -                @include box-shadow(inset 0 1px 1px rgba(0, 0, 0, 0.2))
 +        margin-bottom: 10px !important
 +        line-height: 1.1em
 +        margin-top: 3px
          .oe_menu_text
              white-space: nowrap
              overflow: hidden
              display: inline-block
              text-overflow: ellipsis
              max-width: 85%
 -        .oe_menu_counter
 -            float: right
 -            text-shadow: 0 1px 1px rgba(0,0,0,0.2)
 -            margin: 1px
 -            padding: 1px 4px
 -            border: none
 +            margin-top: 1px
 +        .badge
              &:hover
                  cursor: pointer
                  @include transform(scale(1.1))
 -        .oe_active
 -            border-top: 1px solid lightGray
 -            border-bottom: 1px solid #dedede
 -            text-shadow: 0 1px 1px rgba(0,0,0,0.2)
 -            @include box-shadow((inset 0 1px 3px rgba(0, 0, 0, 0.2), inset 0 -1px 3px rgba(40, 40, 40, 0.2)))
 -            background: $link-color
 -            a
 -                color: white
 -            .oe_menu_label
 -                background: #eee
 -                color: $link-color
 -                text-shadow: 0 1px 1px white
 -                @include box-shadow(0 1px 1px rgba(0, 0, 0, 0.2))
 -            .oe_menu_counter
 -                background: #eee
 -                color: $link-color
 -                @include box-shadow(inset 0 1px 2px rgba(0, 0, 0, 0.2))
          .oe_menu_toggler:before
              width: 0
              height: 0
              border-left: 4px solid transparent
              border-right: 4px solid transparent
              border-top: 4px solid #4c4c4c
 -        .oe_secondary_submenu
 -            margin-left: -20px
          .oe_secondary_submenu li
              margin-left: 20px
 -
      // }}}
      // About openerp {{{
      .oe_about
                  color: #eee
      // }}}
      // ActionManager {{{
 +    a.oe_form_uri:hover
 +        text-decoration: underline
      .oe_application
          width: 100%
          height: 100%
          a
              color: $link-color
 -            &:hover
 -                text-decoration: underline
          > div
              height: 100%
          .oe_breadcrumb_item:not(:last-child)
          .oe_breadcrumb_title > *
              display: inline-block
              overflow: hidden
 +            font-weight: bold
      // }}}
      // ViewManager common {{{
      .oe_view_manager
          height: inherit
          width: 100%
          .oe_view_manager_body
              height: inherit
          .oe_view_manager_view_kanban:not(:empty)
              height: inherit
 +        &[data-view-type=kanban]
 +            .oe_view_manager_body
 +                display: table-row
  
          table.oe_view_manager_header
              border-collapse: separate
              .oe_view_manager_sidebar
                  margin: 0px auto
                  text-align: center
 +                .oe_dropdown_arrow:after
 +                    opacity: 0.9
              td
                  line-height: 26px
              h2
                  font-size: 18px
                  margin: 0
                  float: left
 +                line-height: 30px
                  a
                      color: $link-color
              .oe_dropdown_menu
              display: none
      // }}}
      // FormPopup {{{
 -    .oe_popup_form > .oe_formview > .oe_form_pager
 -        display: none !important
 +    .oe_popup_form 
 +        .oe_formview .oe_form_pager
 +            display: none !important
 +        // Customize label weight for popup wizard appear from another wizard according bootstrap3
 +        table label
 +            font-weight: normal
 +        // End of customize
      .oe_popup_list_pager
          float: right
      // }}}
              height: 14px
              font-size: 12px
              line-height: 18px
 +        //Customize searchview input, select
 +        input:not([type]), input[type="text"], input[type="number"]
 +            width: 156px
 +            height: 22px
 +        input[type="checkbox"]
 +            margin: 3px 3px 3px 4px
 +        select
 +            margin: 2px 4px 2px 0 
 +        //End of customize
          &.oe_focused
              border-color: $tag-border-selected
              @include box-shadow(0 1px 2px $tag-border-selected inset)
                  border-top: none
                  margin: 0
              h3
 -                margin: 8px 4px 4px 12px
 +                margin: 8px 4px 4px 0px
                  color: $section-title-color
                  font-size: 13px
              h4, h4 *
 -                margin: 0
 +                margin: 0 0 0 2px
                  cursor: pointer
                  font-weight: normal
                  display: inline-block
                      @include box-sizing(border)
                      display: table-cell
                      width: 50%
 +                    padding-left: 2px // Managed padding-left according bootstrap3
                  ul
                      margin: 0 8px 8px
                      padding: 0
                      margin: 4px 0
                      line-height: 18px
                  button
 -                    margin: 0 0 8px 0
 +                    margin: 0 0 8px -3px // Managed margin-left according bootstrap3
              .oe_searchview_custom
                  padding: 0 8px 8px 8px
 +                div
 +                    padding: 0
 +                    h4
 +                        margin: 0
                  form
                      display: none
                  li
                          position: absolute
                          top: 0
                          right: 5px
 +                //Customize for searchview label
 +                label
 +                    font-weight: normal
 +                //End of Customize
              .oe_searchview_dashboard
                  form
                      display: none
                      white-space: nowrap
                      &:first-child .searchview_extended_prop_or
                          visibility: hidden
 +                        margin-left: -14px
                  .searchview_extended_prop_or
                      opacity: 0.5
 -                    margin-left: -14px
 +                    margin-left: -14px //Customize 'or' in searchview
              .oe_opened
                  h4:before
                      content: "â–¾ "
              @include box-shadow((0 1px 2px rgba(0, 0, 0, .1), 0 1px 1px rgba(255, 255, 255, .8) inset))
      .oe_form_invisible
          display: none !important
 +    .oe_form_editable
 +        .oe_read_only
 +            display: none !important
      .oe_form_readonly
          .oe_edit_only, .oe_form_field:empty
              display: none !important
          .oe_form .oe_form_field_date
              width: auto
 +        .oe_form_field_boolean.boolean
 +            position: relative
 +            top: -20px
 +            width: 14px
 +            height: 14px
 +            z-index: 10000
 +            // IE needs a color in order for the layer to respond to mouse events
 +            backgroundColor: "#fff"
 +            opacity: 0
      // Sheet and padding
      .oe_form_nosheet
          margin: 16px
          .oe_form_sheetbg
              background: url(/web/static/src/img/form_sheetbg.png)
              border-bottom: 1px solid #ddd
 +            // Customize font weight according bootstrap3
 +            .oe_subtotal_footer label
 +                font-weight: bold
 +            table label
 +                font-weight: normal
 +            // End of customize
          .oe_form_sheet
              border: 1px solid #c8c8d3 //$tag-border
              @include box-shadow(0 4px 20px rgba(0,0,0,0.15))
                  padding: 0 16px
      // }}}
      // FormView.header {{{
 -    .oe_form header
 -        position: relative
 -        overflow: hidden
 -        border-bottom: 1px solid #cacaca
 +    .oe_form > :not(.oe_form_nosheet) header, .oe_form > .oe_form_nosheet header
          padding-left: 2px
 -        @include vertical-gradient(#fcfcfc, #dedede)
 -        > span
 -            margin-left: 4px
          ul
              display: inline-block
              float: right
              margin: 3px 2px 1px
              &:first-child
                  margin-left: 6px
 +
 +    .oe_form  header
 +        border-bottom: 1px solid #cacaca
 +        padding-left: 2px
 +        @include vertical-gradient(#fcfcfc, #dedede)
 +        > span
 +            margin-left: 4px        
 +        
      // }}}
      // FormView.custom tags and classes {{{
      .oe_form
                  font-weight: bold !important
                  padding: 2px 11px 2px 0px !important
              label.oe_form_label_help
 -                font-weight: normal
 +                font-weight: normal !important
          .oe_form_box_info
              background: #fe9
              border-bottom: 1px solid #cb6
              label
                  line-height: 18px
                  display: block
 -                min-width: 140px
 +                min-width: 150px
 +                font-weight: bold !important
          td.oe_form_group_cell + .oe_form_group_cell
              padding: 2px 0 2px 8px
          .oe_form_group
      // FormView.label {{{
      .oe_form
          .oe_form_label_help[for], .oe_form_label[for]
 -            font-weight: bold
              white-space: nowrap
              padding-right: 8px
              span
              input
                  height: inherit !important
                  font-size: inherit
 +        // Customize for formview
 +        .oe_title h1, h1
 +            font-weight: bold
 +            font-size: 2em
 +        h2
 +            font-size: 1.5em
 +        label
 +            font-weight: bold
 +            margin-bottom: 0px
 +            display: inline
 +        // End of customize
          .oe_form_field
              width: 100%
              display: inline-block
              background: white
              min-width: 60px
              color: #1f1f1f
 +            font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif
          input[readonly], select[readonly], textarea[readonly], input[disabled], select[disabled]
              background: #E5E5E5 !important
              color: #666
              padding-left: 8px
              @include box-shadow(none)
              @include radius(0px)
 +            color: #4c4c4c
          textarea.oe_inline[disabled]
              border-left: 8px solid #eee
          .oe_form_field_url button img
          .oe_form_field_datetime
              white-space: nowrap
          .oe_form_field_boolean
 -            padding-top: 4px
              width: auto
          .oe_datepicker_container
              display: none
                  overflow: hidden
          .oe_form_embedded_html
              position: relative
 -            width: 600px
 -            margin-left: 130px
 -            margin-top: 32px
 -            margin-bottom: 32px
 +            width: 100%
 +            margin: auto
 +            overflow: auto            
              text-align: justify
          .oe_form_field_html .oe_input_icon
              float: right
              margin: 0
              padding: 0
      .oe_form
 +        .oe_form_field_binary
 +            display: inline-block
          .oe_form_field_image
              padding: 0
              position: relative
          display: inline-block
          clear: both
          width: 100%
 +        margin-bottom: -15px
          .oe_add
              float: left
              position: relative
              width: 100%
              left: +2px
 -            top: +7px
 +            margin: 9px 0 /* Customize margin according bootstrap3 */
              overflow: hidden
              button
                  display: inline
                  vertical-align: middle
              button.oe_attach
                  width: 24px
 -                overflow: hidden
 -                width: 24px
 -                overflow: hidden
                  background: transparent
                  color: #7C7BAD
                  box-shadow: none
                  text-shadow: none
                  .oe_e
                      position: relative
 -                    top: -1px
 -                    left: -9px
 +                    top: -10px
 +                    left: -9px                    
              input.oe_form_binary_file
                  display: inline-block
                  margin-left: -85px
      // }}}
      // FormView.many2one {{{
      .oe_form_field_many2one
 +        display: inline-block
          td:first-child
              position: relative
          span.oe_m2o_drop_down_button
              margin: 0 -18px 0 0
              padding: 0
              @include vertical-gradient(#fcfcfc, #dedede)
 -            &:first-child .label
 +            &:first-child > .label
                  border-left: 1px solid #cacaca
                  padding-left: 14px
              &:last-child
                  border-right: 1px solid #cacaca
 -                .label
 +                > .label
                      padding-right: 14px
 -                .arrow
 +                > .arrow
                      display: none
 -            .label
 +            > .label
                  color: #4c4c4c
                  text-shadow: 0 1px 1px #fcfcfc, 0 -1px 1px #dedede
                  padding: 7px
                  padding-left: 24px
                  margin: 0
                  position: relative
 -            .arrow
 +                // Customize for statusbar label
 +                line-height: normal
 +                font-size: 100%
 +                font-weight: normal
 +                // End of customize
 +            > .arrow
                  width: 17px
 +                height: 30px
                  display: inline-block
                  vertical-align: top
                  overflow: hidden
                      @include skew-gradient(#fcfcfc, #dedede)
                      @include radius(3px)
                      @include transform(rotate(45deg))
 +        ul.oe_dropdown_menu
 +            display: none
 +            padding: 0
 +            min-width: 0
 +            &.oe_opened
 +                display: block
 +            li
 +                margin: 0
 +                width: 100%
 +                span.label
 +                    padding-left: 14px
 +
          li.oe_active
              @include vertical-gradient(#729fcf, #3465a4)
 -            .arrow span
 +            > .arrow span
                  @include skew-gradient(#729fcf, #3465a4)
 -            .label
 +            > .label
                  color: white
                  text-shadow: 0 1px 1px #729fcf, 0 -1px 1px #3465a4
      ul.oe_form_status_clickable
              cursor: pointer
              &:hover
                  @include vertical-gradient(darken(#fcfcfc, 8%), darken(#dedede, 8%))
 -                .label
 +                > .label
                      text-shadow: 0 -1px 1px #fcfcfc, 0 1px 1px #dedede
 -                .arrow span
 +                > .arrow span
                      @include vertical-gradient(darken(#fcfcfc, 8%), darken(#dedede, 8%))
 -            .label
 +            > .label
                  color: $link-color
          li.oe_active
              &:hover
                  @include vertical-gradient(darken(#729fcf, 10%), darken(#3465a4, 10%))
 -                .label
 +                > .label
                      text-shadow: 0 -1px 1px #729fcf, 0 1px 1px #3465a4
 -                .arrow span
 +                > .arrow span
                      @include skew-gradient(darken(#729fcf, 10%), darken(#3465a4, 10%))
      // }}}
      // FormView.one2many {{{
      .oe_debug_view_log
          font-size: 95%
          line-height: 1.2em
 -    .oe_debug_view_log label
 -        display: block
 -        width: 49%
 -        text-align: right
 -        float: left
 +    // }}}
 +    // Bootstrap HACKS {{{
 +    .navbar
 +        min-height: 32px
 +        margin-bottom: 0px
 +        border: none
 +        z-index: 1
 +        position: static
 +        background-color: #414141
 +        @include vertical-gradient(#646060, #262626)
 +    .navbar-default
 +        .navbar-nav
 +            li
 +                a:hover,a:focus
 +                    background: rgba(0, 0, 0, 0.3)
 +            .open > a,a:hover,a:focus
 +                background: rgba(0, 0, 0, 0.3) !important
 +            .dropdown > a .caret
 +                border-top-color: #777 !important
 +                border-bottom-color: #777 !important
 +    .navbar-nav
 +        li
 +            a
 +                padding: 4px 32px 4px 12px
 +    .oe_navbar .dropdown-menu
 +        font-size: 13px
 +        padding: 4px 0
 +        background: #333333 !important
 +        background: rgba(37, 37, 37, 0.9) !important
 +        border-color: #999999
 +        border-color: rgba(0, 0, 0, 0.2)
 +        background-color: #414141
 +        text-shadow: none
 +        @include vertical-gradient(#646060, #262626)
 +        @include radius(3px)
 +        li
 +            a,a:hover,a:focus
 +                color: #eeeeee
 +
 +    // Minimized unused white space and label weight for wizard popup
 +    .oe_view_manager_new .oe_form_nosheet
 +        margin-top: 8px
 +        .oe_form_label
 +            font-weight: normal
 +
 +    // Customize bootstrap3 for leftbar
 +    .nav
 +        li > a
 +            padding: 3px 4px 2px 18px
 +            color: #4c4c4c
 +        nav-pills.nav-stacked > li > ul
 +            padding-left: 16px
 +    .nav-pills > li.active,a.list-group-item.active
 +        > a
 +            background-color: #7c7bad
 +            color: white
 +            border-radius: 0
 +        a:hover,a:focus
 +            background-color: #7c7bad
 +        .badge
 +            background-color: white
 +            color: #7c7bad
 +            text-shadow: none
 +    .badge
 +        font-weight: normal
 +        font-size: 11px
 +        background-color: #7c7bad
 +
 +    // Customize for global tags
 +    button, body
 +        line-height: normal
 +    h1,h2
 +        font-weight: bold
 +    h3
 +        font-size: 1.17em
          font-weight: bold
 -        color: #009
 -    .oe_debug_view_log span
 +    p
          display: block
 -        width: 49%
 -        float: right
 -        color: #333
 +        -webkit-margin-before: 1em
 +        -webkit-margin-after: 1em
 +        -webkit-margin-start: 0px
 +        -webkit-margin-end: 0px
 +    pre
 +        background-color: #FFFFFF
 +        border: none
 +        padding: 10px 0 3px 0
 +
 +
 +
 +    // Customize for chatter
 +    h5
 +        font-weight: bold
 +        font-size: smaller
 +    .oe_form .oe_subtype label, .oe_subtype label
 +        font-weight: normal
 +    .oe_msg_subtype_check
 +        margin: 3px 3px 0 !important
      // }}}
 +// Customize for kanban tooltip
 +.jqstooltip
 +    height: auto !important
 +    width: auto !important
 +    padding: 0
 +        
 +@-moz-document url-prefix()
 +    .openerp
 +        .oe_searchview .oe_searchview_search
 +            top: -1px
 +        .oe_form_field_many2one .oe_m2o_cm_button
 +            line-height: 18px
 +        .oe_webclient
 +            .oe_star_on, .oe_star_off
 +                top: 0px
 +
  // Kitten Mode {{{
  .kitten-mode-activated
      background-size: cover
      background-attachment: fixed
      >*
          opacity: 0.70
 +.loading-kitten
 +    @include radius(15px)
 +    @include box-shadow(0 0 5px 5px #999)
  // }}}
  
  // jQueryUI top level {{{
@@@ -2601,38 -2532,6 +2601,38 @@@ div.ui-widget-overla
          td
              padding-bottom: 10px !important
  
 +// Server side single forms {{{
 +@mixin single-form($width: 400px)
 +    padding: 10px
 +    position: absolute
 +    left: 50%
 +    top: 50%
 +    width: $width
 +    /* Set margins to offset 50% of the w/h */
 +    margin-top: -($width / 2)
 +    margin-left: -($width / 2)
 +
 +body.oe_single_form
 +    background: #eee url(/web/static/src/img/form_sheetbg.png)
 +    height: 100%
 +
 +    .oe_single_form_logo
 +        padding: 10px
 +        text-align: center
 +        margin-bottom: 10px
 +
 +    .oe_single_form_footer
 +        position: absolute
 +        bottom: -30px
 +        right: 0px
 +        width: 100%
 +        text-align: center
 +
 +    .oe_single_form_container
 +        @include single-form(400px)
 +
 +// }}}
 +
  // Internet Explorer 9+ specifics {{{
  .openerp_ie
      .placeholder
              &:last-child
                  overflow: hidden
                  border-right: 1px solid #cacaca
 -                .label
 +                > .label
                      padding-right: 14px
                      border-right: none
 -                .arrow
 +                > .arrow
                      display: inline-block
                      opacity: 0
                      filter: alpha(opacity = 0)
                      border: none
                      width: 0
                      border-right: none 
 -        .label
 -            border-bottom: 1px solid #cacaca
 -            background: transparent
 -        .arrow
 -            span
 -                background-color: #fefefe !important
 +            > .label
 +                border-bottom: 1px solid #cacaca
 +                background: transparent
 +            > .arrow
 +                span
 +                    background-color: #eeeeee !important
          li.oe_active
 -            .label
 +            > .label
                  border-bottom: 1px solid #729fcf
 -            .arrow span
 +            > .arrow span
                  background-color: #729fcf !important
  
      // jquery ui for ie
      .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button
          filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EFEFEF', endColorstr='#D8D8D8')
 +    .oe_webclient
 +        height: auto !important
  // }}}
  
  // @media print {{{
              overflow: hidden !important
  // }}}
  
 +
 +// Hack for ui icon {{{
 +.ui-icon
 +    width: 18px
 +    height: 18px
 +// End hack}}}
 +
 +input[type="radio"], input[type="checkbox"]
 +    margin-right: 4px
 +    margin-left: 4px
 +
  .blockUI.blockOverlay
      background-color: black
      opacity: 0.6000000238418579
@@@ -1,31 -1,7 +1,30 @@@
- @charset "utf-8";
  .openerp .oe_kanban_view {
    background: white;
    height: inherit;
  }
 +.openerp .oe_kanban_view .oe_kanban_column_higlight {
 +  background: #eeddf6 !important;
 +}
 +.openerp .oe_kanban_view .oe_view_nocontent {
 +  position: relative;
 +  max-width: none;
 +  height: 100%;
 +}
 +.openerp .oe_kanban_view .oe_view_nocontent .oe_view_nocontent_content {
 +  margin-left: 90px;
 +  margin-top: 5px;
 +  max-width: 700px;
 +}
 +.openerp .oe_kanban_view .oe_view_nocontent .oe_view_nocontent_bg {
 +  background: #eeeeee;
 +  opacity: 0.7;
 +  position: absolute;
 +  top: 0;
 +  bottom: 0;
 +  left: 0;
 +  right: 0;
 +  z-index: -1;
 +}
  .openerp .oe_kanban_view.oe_kanban_grouped .oe_kanban_dummy_cell {
    background: url(/web/static/src/img/form_sheetbg.png);
    width: 100%;
@@@ -71,7 -47,7 +70,7 @@@
    word-wrap: break-word;
  }
  .openerp .oe_kanban_view .oe_kanban_content .oe_star_on, .openerp .oe_kanban_view .oe_kanban_content .oe_star_off {
-   color: #cccccc;
+   color: #ccc;
    text-shadow: 0 0 2px black;
    vertical-align: top;
    position: relative;
  }
  .openerp .oe_kanban_view .oe_kanban_button_new {
    color: white;
-   background: #dc5f59;
+   background: #DC5F59;
  }
  .openerp .oe_kanban_view .oe_kanban_groups {
    height: inherit;
  }
 -.openerp .oe_kanban_view.oe_kanban_ungrouped .oe_kanban_groups {
 -  width: 100%;
 -}
  .openerp .oe_kanban_view .oe_kanban_groups_records {
    height: 100%;
  }
  }
  .openerp .oe_kanban_view .oe_form .oe_kanban_column {
    padding: 0px;
-   background: white;
+   background: #ffffff;
  }
  .openerp .oe_kanban_view.oe_kanban_grouped .oe_kanban_column, .openerp .oe_kanban_view.oe_kanban_grouped .oe_kanban_column_cards {
    height: 100%;
  .openerp .oe_kanban_view .oe_kanban_group_folded .oe_dropdown_kanban {
    left: -5px;
  }
 +.openerp .oe_kanban_view .oe_kanban_group_folded .oe_kanban_folded_column_cards {
 +  visibility: visible;
 +  display: block !important;
 +  height: 100%;
 +}
  .openerp .oe_kanban_view .oe_kanban_group_title_undefined {
    color: #666666;
  }
    margin-left: 4px;
    cursor: pointer;
    position: relative;
 +  z-index: 1;
  }
  .openerp .oe_kanban_view .oe_kanban_add {
    top: -8px;
    width: 185px;
    padding: 10px;
  }
 +.openerp .oe_kanban_view .oe_kanban_quick_create {
 +  z-index: 2;
 +}
  .openerp .oe_kanban_view .oe_kanban_quick_create input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -box-shadow: none;
  }
  .openerp .oe_kanban_view .oe_kanban_quick_create input:focus {
-   border: 1px solid #a6a6fe;
+   border: 1px solid #A6A6FE;
    -moz-box-shadow: 0px 0px 7px rgba(0, 133, 255, 0.3) inset;
    -webkit-box-shadow: 0px 0px 7px rgba(0, 133, 255, 0.3) inset;
    -box-shadow: 0px 0px 7px rgba(0, 133, 255, 0.3) inset;
    font-weight: bold;
    margin: 2px 4px;
  }
 +.openerp .oe_kanban_view .oe_kanban_record .oe_kanban_alias {
 +  margin: 0px 0 8px 0;
 +}
  .openerp .oe_kanban_view.oe_kanban_grouped .oe_kanban_record {
    margin-bottom: 4px;
  }
    -box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  }
  .openerp .oe_kanban_view .oe_kanban_box {
-   background: white;
-   border: 2px solid #cccccc;
+   background: #FFF;
+   border: 2px solid #CCC;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    margin-bottom: 5px;
  }
  .openerp .oe_kanban_view .oe_kanban_box_header {
-   border-bottom: 1px solid #cccccc;
+   border-bottom: 1px solid #CCC;
  }
  .openerp .oe_kanban_view .oe_kanban_title {
    font-size: 95%;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
-   color: black;
-   text-shadow: 0 1px white;
+   color: #000000;
+   text-shadow: 0 1px #fff;
    padding: 0 4px;
    font-size: 85%;
    margin: 1px;
    cursor: move;
  }
  .openerp .oe_kanban_view .oe_kanban_color_border {
-   border-color: #cccccc;
+   border-color: #CCCCCC;
  }
  .openerp .oe_kanban_view .oe_kanban_color_border {
-   border-color: #cccccc;
+   border-color: #CCCCCC;
  }
  .openerp .oe_kanban_view .oe_kanban_tooltip ul, .openerp .oe_kanban_view ul.oe_kanban_tooltip {
    padding: 0 0 4px 0;
    border-radius: 4px;
  }
  .openerp .oe_kanban_view .oe_kanban_card:not(.ui-sortable-helper):hover, .openerp .oe_kanban_view .oe_kanban_quick_create:not(.ui-sortable-helper):hover {
-   border: 1px solid #7c7bad;
-   -moz-box-shadow: 0 0 4px #7c7bad;
-   -webkit-box-shadow: 0 0 4px #7c7bad;
-   -box-shadow: 0 0 4px #7c7bad;
+   border: 1px solid #7C7BAD;
+   -moz-box-shadow: 0 0 4px #7C7BAD;
+   -webkit-box-shadow: 0 0 4px #7C7BAD;
+   -box-shadow: 0 0 4px #7C7BAD;
  }
  .openerp .oe_kanban_view .oe_kanban_card:not(.ui-sortable-helper):hover .oe_dropdown_kanban > span, .openerp .oe_kanban_view .oe_kanban_quick_create:not(.ui-sortable-helper):hover .oe_dropdown_kanban > span {
    visibility: visible;
  .openerp .oe_kanban_view .oe_kanban_footer_left > span {
    margin-top: 2px;
    display: inline-block;
-   background: #e6e6e6;
-   border: 1px solid #b9b9b9;
-   color: #666666;
+   background: #E6E6E6;
+   border: 1px solid #B9B9B9;
+   color: #666;
    padding: 0 2px;
    line-height: 16px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background-position: center center;
-   background-image: -webkit-radial-gradient(circle, #eeeeee 0%, #cccccc 40%, #bbbbbb 100%);
-   background-image: -moz-radial-gradient(#eeeeee 0%, #cccccc 40%, #bbbbbb 100%);
-   background-image: -ms-radial-gradient(#eeeeee 0%, #cccccc 40%, #bbbbbb 100%);
-   background-image: radial-gradient(#eeeeee 0%, #cccccc 40%, #bbbbbb 100%);
+   background-image: -webkit-radial-gradient(circle, #eee 0%, #ccc 40%, #bbb 100%);
+   background-image: -moz-radial-gradient(#eee 0%, #ccc 40%, #bbb 100%);
+   background-image: -ms-radial-gradient(#eee 0%, #ccc 40%, #bbb 100%);
+   background-image: radial-gradient(circle, #eeeeee 0%, #cccccc 40%, #bbbbbb 100%);
  }
  .openerp .oe_kanban_view .oe_kanban_status_green {
    background: green;
    background-image: -webkit-radial-gradient(circle, #55dd55 0%, #44aa44 40%, #339933 100%);
    background-image: -moz-radial-gradient(#55dd55 0%, #44aa44 40%, #339933 100%);
    background-image: -ms-radial-gradient(#55dd55 0%, #44aa44 40%, #339933 100%);
-   background-image: radial-gradient(#55dd55 0%, #44aa44 40%, #339933 100%);
+   background-image: radial-gradient(circle, #55dd55 0%, #44aa44 40%, #339933 100%);
  }
  .openerp .oe_kanban_view .oe_kanban_status_red {
    background: red;
    background-image: -webkit-radial-gradient(circle, #ee7777 0%, #cc3333 40%, #bb0808 100%);
    background-image: -moz-radial-gradient(#ee7777 0%, #cc3333 40%, #bb0808 100%);
    background-image: -ms-radial-gradient(#ee7777 0%, #cc3333 40%, #bb0808 100%);
-   background-image: radial-gradient(#ee7777 0%, #cc3333 40%, #bb0808 100%);
+   background-image: radial-gradient(circle, #ee7777 0%, #cc3333 40%, #bb0808 100%);
  }
  .openerp .oe_kanban_view .oe_kanban_text_red {
-   color: #a61300;
+   color: #A61300;
    font-weight: bold;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid gray !important;
  }
  .openerp .oe_kanban_view .oe_kanban_colorpicker li:first-child a {
-   border: 1px solid #cccccc;
+   border: 1px solid #ccc;
  }
  .openerp .oe_kanban_view .oe_kanban_color_0 {
-   background-color: white;
+   background-color: #FFFFFF;
    color: #5a5a5a;
  }
  .openerp .oe_kanban_view .oe_kanban_color_1 {
-   background-color: #cccccc;
+   background-color: #CCCCCC;
    color: #424242;
  }
  .openerp .oe_kanban_view .oe_kanban_color_2 {
-   background-color: #ffc7c7;
+   background-color: #FFC7C7;
    color: #7a3737;
  }
  .openerp .oe_kanban_view .oe_kanban_color_3 {
-   background-color: #fff1c7;
+   background-color: #FFF1C7;
    color: #756832;
  }
  .openerp .oe_kanban_view .oe_kanban_color_4 {
-   background-color: #e3ffc7;
+   background-color: #E3FFC7;
    color: #5d6937;
  }
  .openerp .oe_kanban_view .oe_kanban_color_5 {
-   background-color: #c7ffd5;
+   background-color: #C7FFD5;
    color: #1a7759;
  }
  .openerp .oe_kanban_view .oe_kanban_color_6 {
-   background-color: #c7ffff;
+   background-color: #C7FFFF;
    color: #1a5d83;
  }
  .openerp .oe_kanban_view .oe_kanban_color_7 {
-   background-color: #c7d5ff;
+   background-color: #C7D5FF;
    color: #3b3e75;
  }
  .openerp .oe_kanban_view .oe_kanban_color_8 {
-   background-color: #e3c7ff;
+   background-color: #E3C7FF;
    color: #4c3668;
  }
  .openerp .oe_kanban_view .oe_kanban_color_9 {
-   background-color: #ffc7f1;
+   background-color: #FFC7F1;
    color: #6d2c70;
  }
  
  .openerp .oe_form .oe_kanban_view .oe_kanban_column, .openerp .oe_form .oe_kanban_view .oe_kanban_group_header {
    padding: 0px;
-   background: white;
+   background: #ffffff;
  }
  
  .openerp .oe_popup_form .oe_kanban_buttons .oe_highlight {
@@@ -15,7 -15,7 +15,7 @@@
      background-image: -webkit-radial-gradient(circle, $gradient)
      background-image: -moz-radial-gradient($gradient)
      background-image: -ms-radial-gradient($gradient)
-     background-image: radial-gradient($gradient)
+     background-image: radial-gradient(circle, $gradient)
  
  @mixin radius($radius: 5px)
      -moz-border-radius: $radius
      //background: url(data:image/pngbase64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAECAYAAACp8Z5+AAAAKElEQVQIHWP8DwTv379nAAFBQUEGhnfv3oHEwADEZgJLIRGMIClkLQCr3x2Htp/lLwAAAABJRU5ErkJggg==)
      background: white
      height: inherit
 -    &.oe_kanban_grouped .oe_kanban_dummy_cell
 -        background: url(/web/static/src/img/form_sheetbg.png)
 -        width: 100%
 +    .oe_kanban_column_higlight
 +        background: #eeddf6 !important
 +    .oe_view_nocontent
 +        position: relative
 +        max-width: none
 +        height: 100%
 +        .oe_view_nocontent_content
 +            margin-left: 90px
 +            margin-top: 5px
 +            max-width: 700px
 +        .oe_view_nocontent_bg
 +            background: #eee
 +            opacity: 0.7
 +            position: absolute
 +            top: 0
 +            bottom: 0
 +            left: 0
 +            right: 0
 +            z-index: -1
 +    &.oe_kanban_grouped
 +        .oe_kanban_dummy_cell
 +            background: url(/web/static/src/img/form_sheetbg.png)
 +            width: 100%
      .oe_kanban_group_length
          text-align: center
          display: none
      // KanbanGroups {{{
      .oe_kanban_groups
          height: inherit
 -    &.oe_kanban_ungrouped .oe_kanban_groups
 -        width: 100%
      .oe_kanban_groups_records
          height: 100%
      &.oe_kanban_grouped_by_m2o .oe_kanban_group_title
              display: block
          .oe_dropdown_kanban
              left: -5px
 +        .oe_kanban_folded_column_cards
 +            visibility: visible
 +            display: block !important
 +            height: 100%
      .oe_kanban_group_title_undefined
          color: #666666
      .oe_kanban_group_title_vertical
          margin-left: 4px
          cursor: pointer
          position: relative
 +        z-index: 1
      .oe_kanban_add
          top: -8px
      .oe_kanban_header .oe_dropdown_toggle
      .oe_kanban_no_group .oe_kanban_quick_create
          width: 185px
          padding: 10px
 +    .oe_kanban_quick_create
 +        z-index: 2
      .oe_kanban_quick_create input
          @include box-sizing(border-box)
          outline: none
          .oe_kanban_title
              font-weight: bold
              margin: 2px 4px
 +        .oe_kanban_alias
 +            margin: 0px 0 8px 0
      &.oe_kanban_grouped
          .oe_kanban_record
              margin-bottom: 4px