[FIX] account: reconciliation widget: new design compatibility

- Use less instead of sass
- Use class name of both old and new designs
- Small CSS tweaks to support both designs
- JS compatibility fixes + a little cleanup
- The ctrl-enter shortcut only reconciles balanced entries

2 files changed, 0 insertions, 1025 deletions

diff --git a/addons/account/static/src/css/account_reconciliation.css b/addons/account/static/src/css/account_reconciliation.css
deleted file mode 100644
index 61eddca259e..00000000000
--- a/addons/account/static/src/css/account_reconciliation.css
+++ /dev/null
@@ -1,379 +0,0 @@
-.openerp .oe_reconciliation {
-  font-size: 12px;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  -o-user-select: none;
-  user-select: none;
-  cursor: default;
-  height: 100%;
-  overflow: auto;
-  /* icons */ }
-  .openerp .oe_reconciliation .oe_form_sheetbg {
-    padding-top: 0; }
-    .openerp .oe_reconciliation .oe_form_sheetbg .oe_form_sheet {
-      position: relative;
-      padding: 20px 15px 20px 15px;
-      border-top: 0;
-      height: 100%; }
-  .openerp .oe_reconciliation .clearer {
-    clear: both; }
-  .openerp .oe_reconciliation .oe_view_nocontent {
-    max-width: none; }
-    .openerp .oe_reconciliation .oe_view_nocontent > p {
-      padding: 0 10%; }
-  .openerp .oe_reconciliation h1 input, .openerp .oe_reconciliation h2 input {
-    height: auto !important; }
-  .openerp .oe_reconciliation h1 {
-    width: 48%;
-    padding: 0 0 0 15px;
-    margin: 0 0 25px 0;
-    float: left;
-    font-size: 2em;
-    height: 1.5em; }
-  .openerp .oe_reconciliation .statement_name span {
-    line-height: 1.5em;
-    cursor: pointer; }
-  .openerp .oe_reconciliation .change_statement_name_container {
-    display: none;
-    width: 95%; }
-    .openerp .oe_reconciliation .change_statement_name_container td:first-child, .openerp .oe_reconciliation .change_statement_name_container td:first-child > input {
-      width: 99%; }
-    .openerp .oe_reconciliation .change_statement_name_container td:last-child {
-      width: 1%;
-      padding-left: 3px; }
-      .openerp .oe_reconciliation .change_statement_name_container td:last-child button {
-        height: 100%;
-        box-sizing: content-box; }
-  .openerp .oe_reconciliation h2 {
-    font-size: 1.8em; }
-  .openerp .oe_reconciliation .progress {
-    width: 49%;
-    margin: 10px 15px 0 0;
-    float: right;
-    position: relative;
-    display: inline-block; }
-    .openerp .oe_reconciliation .progress .progress-text {
-      text-align: center;
-      position: absolute;
-      width: 100%;
-      left: 0;
-      top: 2px;
-      z-index: 10;
-      text-shadow: -1px -1px 0 #f5f5f5, 1px -1px 0 #f5f5f5, -1px 1px 0 #f5f5f5, 1px 1px 0 #f5f5f5; }
-  .openerp .oe_reconciliation .show_more_container {
-    text-align: center; }
-    .openerp .oe_reconciliation .show_more_container .show_more {
-      display: none; }
-  .openerp .oe_reconciliation .notification_area {
-    margin: 0 15px; }
-    .openerp .oe_reconciliation .notification_area .fa {
-      font-size: 20px;
-      margin-left: 7px;
-      line-height: 14px;
-      position: relative;
-      top: 3px; }
-  .openerp .oe_reconciliation .interface_options {
-    margin-bottom: 25px;
-    padding-left: 15px; }
-    .openerp .oe_reconciliation .interface_options .oe_radio_input {
-      border: none;
-      display: inline; }
-  .openerp .oe_reconciliation .protip {
-    margin: 0;
-    position: absolute;
-    bottom: 7px;
-    right: 15px;
-    text-align: right;
-    color: #bbb; }
-  .openerp .oe_reconciliation .done_message {
-    width: 100%;
-    padding: 0 20%;
-    margin-top: 50px;
-    margin-bottom: 50px; }
-    .openerp .oe_reconciliation .done_message h2 {
-      margin-bottom: 30px; }
-      .openerp .oe_reconciliation .done_message h2 .congrats_icon {
-        float: right;
-        font-size: 2em;
-        position: relative;
-        top: -0.25em; }
-    .openerp .oe_reconciliation .done_message .achievements {
-      margin-top: 30px;
-      text-align: center;
-      position: relative; }
-      .openerp .oe_reconciliation .done_message .achievements .achievement {
-        font-size: 4em;
-        margin: 0 0.3em;
-        position: relative;
-        vertical-align: middle;
-        text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2); }
-        .openerp .oe_reconciliation .done_message .achievements .achievement i {
-          font-size: 0.5em;
-          color: white;
-          position: absolute;
-          top: 50%;
-          margin-top: -0.55em;
-          left: 0;
-          width: 100%;
-          text-align: center; }
-    .openerp .oe_reconciliation .done_message .action_buttons {
-      text-align: center; }
-  .openerp .oe_reconciliation .fa {
-    font-size: 12px !important; }
-    .openerp .oe_reconciliation .fa.line_info_button {
-      color: #ccc !important; }
-  .openerp .oe_reconciliation .accounting_view .fa-add-remove:before {
-    content: "\f068"; }
-  .openerp .oe_reconciliation .match .fa-add-remove:before {
-    content: "\f067"; }
-  .openerp .oe_reconciliation .oe_reconciliation_line {
-    margin-bottom: 30px;
-    /* gap between accounting_view and action view */
-    /* popover */
-    /* arrays of move lines */
-    /* Partie infos */
-    /* Match view */
-    /* Action create */ }
-    .openerp .oe_reconciliation .oe_reconciliation_line table {
-      width: 100%; }
-    .openerp .oe_reconciliation .oe_reconciliation_line .toggle_match, .openerp .oe_reconciliation .oe_reconciliation_line .toggle_create {
-      -webkit-transition-property: -webkit-transform;
-      -moz-transition-property: -moz-transform;
-      -ms-transition-property: -ms-transform;
-      -o-transition-property: -o-transform;
-      transition-property: transform;
-      -webkit-transform: rotate(0deg);
-      -moz-transform: rotate(0deg);
-      -ms-transform: rotate(0deg);
-      -o-transform: rotate(0deg);
-      transform: rotate(0deg);
-      -webkit-transition-duration: 300ms;
-      -moz-transition-duration: 300ms;
-      -ms-transition-duration: 300ms;
-      -o-transition-duration: 300ms;
-      transition-duration: 300ms; }
-    .openerp .oe_reconciliation .oe_reconciliation_line .visible_toggle, .openerp .oe_reconciliation .oe_reconciliation_line[data-mode="match"] .toggle_match, .openerp .oe_reconciliation .oe_reconciliation_line[data-mode="create"] .toggle_create, .openerp .oe_reconciliation .oe_reconciliation_line[data-mode="create"].no_partner .toggle_match {
-      visibility: visible !important;
-      -webkit-transform: rotate(90deg);
-      -moz-transform: rotate(90deg);
-      -ms-transform: rotate(90deg);
-      -o-transform: rotate(90deg);
-      transform: rotate(90deg); }
-    .openerp .oe_reconciliation .oe_reconciliation_line .partner_name .change_partner {
-      display: none;
-      cursor: pointer;
-      margin: 0 10px 0 5px; }
-    .openerp .oe_reconciliation .oe_reconciliation_line .partner_name:hover .change_partner {
-      display: inline; }
-    .openerp .oe_reconciliation .oe_reconciliation_line .change_partner_container {
-      width: 200px;
-      display: none;
-      position: relative !important; }
-    .openerp .oe_reconciliation .oe_reconciliation_line[data-mode="inactive"] .initial_line > td {
-      background-color: #f8f8f8 !important; }
-    .openerp .oe_reconciliation .oe_reconciliation_line.no_match:not(.no_partner) .initial_line {
-      cursor: default !important; }
-      .openerp .oe_reconciliation .oe_reconciliation_line.no_match:not(.no_partner) .initial_line .line_info_button {
-        cursor: pointer; }
-    .openerp .oe_reconciliation .oe_reconciliation_line.no_match:not(.no_partner) .toggle_match {
-      visibility: hidden !important; }
-    .openerp .oe_reconciliation .oe_reconciliation_line > table > tbody > tr:nth-child(1) > td table {
-      margin-bottom: 10px; }
-    .openerp .oe_reconciliation .oe_reconciliation_line table.details td:first-child {
-      padding-right: 10px;
-      font-weight: bold; }
-    .openerp .oe_reconciliation .oe_reconciliation_line table.details tr.one_line_info td {
-      padding-top: 10px;
-      text-align: center;
-      color: #44c; }
-    .openerp .oe_reconciliation .oe_reconciliation_line .accounting_view, .openerp .oe_reconciliation .oe_reconciliation_line .match table {
-      width: 100%; }
-      .openerp .oe_reconciliation .oe_reconciliation_line .accounting_view tbody tr, .openerp .oe_reconciliation .oe_reconciliation_line .match table tbody tr {
-        cursor: pointer; }
-      .openerp .oe_reconciliation .oe_reconciliation_line .accounting_view tr.already_reconciled, .openerp .oe_reconciliation .oe_reconciliation_line .match table tr.already_reconciled {
-        color: #44c; }
-      .openerp .oe_reconciliation .oe_reconciliation_line .accounting_view td, .openerp .oe_reconciliation .oe_reconciliation_line .match table td {
-        padding: 1px 8px;
-        vertical-align: middle; }
-      .openerp .oe_reconciliation .oe_reconciliation_line .accounting_view td.cell_action, .openerp .oe_reconciliation .oe_reconciliation_line .accounting_view td.cell_info_popover, .openerp .oe_reconciliation .oe_reconciliation_line .match table td.cell_action, .openerp .oe_reconciliation .oe_reconciliation_line .match table td.cell_info_popover {
-        width: 15px;
-        padding: 0; }
-      .openerp .oe_reconciliation .oe_reconciliation_line .accounting_view td.cell_action, .openerp .oe_reconciliation .oe_reconciliation_line .match table td.cell_action {
-        text-align: left; }
-      .openerp .oe_reconciliation .oe_reconciliation_line .accounting_view td.cell_account_code, .openerp .oe_reconciliation .oe_reconciliation_line .match table td.cell_account_code {
-        width: 80px;
-        padding-left: 3px; }
-      .openerp .oe_reconciliation .oe_reconciliation_line .accounting_view td.cell_due_date, .openerp .oe_reconciliation .oe_reconciliation_line .match table td.cell_due_date {
-        width: 100px; }
-      .openerp .oe_reconciliation .oe_reconciliation_line .accounting_view td.cell_debit, .openerp .oe_reconciliation .oe_reconciliation_line .match table td.cell_debit {
-        text-align: right;
-        width: 15%; }
-      .openerp .oe_reconciliation .oe_reconciliation_line .accounting_view td.cell_credit, .openerp .oe_reconciliation .oe_reconciliation_line .match table td.cell_credit {
-        width: 15%;
-        text-align: right;
-        padding-right: 3px; }
-      .openerp .oe_reconciliation .oe_reconciliation_line .accounting_view td.cell_info_popover, .openerp .oe_reconciliation .oe_reconciliation_line .match table td.cell_info_popover {
-        text-align: right; }
-      .openerp .oe_reconciliation .oe_reconciliation_line .accounting_view tr.line_open_balance, .openerp .oe_reconciliation .oe_reconciliation_line .match table tr.line_open_balance {
-        color: #bbb; }
-      .openerp .oe_reconciliation .oe_reconciliation_line .accounting_view tr .fa:not(.line_info_button), .openerp .oe_reconciliation .oe_reconciliation_line .match table tr .fa:not(.line_info_button) {
-        visibility: hidden;
-        color: #555; }
-      .openerp .oe_reconciliation .oe_reconciliation_line .accounting_view tr:hover .fa, .openerp .oe_reconciliation .oe_reconciliation_line .accounting_view tr:focus .fa, .openerp .oe_reconciliation .oe_reconciliation_line .accounting_view tr.active .fa, .openerp .oe_reconciliation .oe_reconciliation_line .match table tr:hover .fa, .openerp .oe_reconciliation .oe_reconciliation_line .match table tr:focus .fa, .openerp .oe_reconciliation .oe_reconciliation_line .match table tr.active .fa {
-        visibility: visible; }
-      .openerp .oe_reconciliation .oe_reconciliation_line .accounting_view tr .do_partial_reconcile_button, .openerp .oe_reconciliation .oe_reconciliation_line .match table tr .do_partial_reconcile_button {
-        color: #f0ad4e;
-        padding-right: 5px; }
-      .openerp .oe_reconciliation .oe_reconciliation_line .accounting_view tr .undo_partial_reconcile_button, .openerp .oe_reconciliation .oe_reconciliation_line .match table tr .undo_partial_reconcile_button {
-        color: #555;
-        padding-right: 5px; }
-    .openerp .oe_reconciliation .oe_reconciliation_line .accounting_view {
-      border-collapse: separate; }
-      .openerp .oe_reconciliation .oe_reconciliation_line .accounting_view .initial_line > td {
-        border-top: 1px solid #bbb;
-        padding-top: 4px;
-        padding-bottom: 5px;
-        background-color: #f0f0f0;
-        -webkit-transition-property: background-color;
-        -moz-transition-property: background-color;
-        -ms-transition-property: background-color;
-        transition-property: background-color;
-        -webkit-transition-duration: 300ms;
-        -moz-transition-duration: 300ms;
-        -ms-transition-duration: 300ms;
-        -o-transition-duration: 300ms;
-        transition-duration: 300ms; }
-        .openerp .oe_reconciliation .oe_reconciliation_line .accounting_view .initial_line > td.cell_action, .openerp .oe_reconciliation .oe_reconciliation_line .accounting_view .initial_line > td.cell_info_popover {
-          border-top: none;
-          background: white !important;
-          padding-top: 6px;
-          padding-bottom: 3px; }
-      .openerp .oe_reconciliation .oe_reconciliation_line .accounting_view caption {
-        text-align: left;
-        height: 26px;
-        margin: 0 15px 4px 15px; }
-        .openerp .oe_reconciliation .oe_reconciliation_line .accounting_view caption .partner_name {
-          font-size: 1.1em;
-          font-weight: bold; }
-        .openerp .oe_reconciliation .oe_reconciliation_line .accounting_view caption .tip_reconciliation_not_balanced {
-          float: right;
-          padding-right: 7px; }
-        .openerp .oe_reconciliation .oe_reconciliation_line .accounting_view caption button {
-          float: right;
-          position: relative;
-          top: -4px; }
-          .openerp .oe_reconciliation .oe_reconciliation_line .accounting_view caption button:disabled {
-            opacity: 0.5; }
-        .openerp .oe_reconciliation .oe_reconciliation_line .accounting_view caption > span, .openerp .oe_reconciliation .oe_reconciliation_line .accounting_view caption > input {
-          position: relative;
-          top: 7px;
-          /* meh */ }
-      .openerp .oe_reconciliation .oe_reconciliation_line .accounting_view td.cell_credit {
-        border-left: 1px solid #000; }
-    .openerp .oe_reconciliation .oe_reconciliation_line .match {
-      display: none;
-      padding: 1px; }
-      .openerp .oe_reconciliation .oe_reconciliation_line .match .match_controls {
-        padding: 0 0 5px 18px; }
-        .openerp .oe_reconciliation .oe_reconciliation_line .match .match_controls .filter {
-          width: 240px; }
-        .openerp .oe_reconciliation .oe_reconciliation_line .match .match_controls .pager_control_left, .openerp .oe_reconciliation .oe_reconciliation_line .match .match_controls .pager_control_right {
-          display: inline-block;
-          cursor: pointer; }
-        .openerp .oe_reconciliation .oe_reconciliation_line .match .match_controls .pager_control_left {
-          margin-right: 10px; }
-        .openerp .oe_reconciliation .oe_reconciliation_line .match .match_controls .pager_control_left.disabled, .openerp .oe_reconciliation .oe_reconciliation_line .match .match_controls .pager_control_right.disabled {
-          color: #ddd;
-          cursor: default; }
-      .openerp .oe_reconciliation .oe_reconciliation_line .match .show_more {
-        display: inline-block;
-        margin-left: 18px;
-        margin-top: 5px; }
-    .openerp .oe_reconciliation .oe_reconciliation_line .create {
-      display: none;
-      margin: 0 15px;
-      border: 1px solid #d5d5d5;
-      border-radius: 5px;
-      padding: 10px;
-      overflow: auto; }
-      .openerp .oe_reconciliation .oe_reconciliation_line .create .quick_add {
-        position: relative;
-        margin-bottom: 10px;
-        clear: both; }
-        .openerp .oe_reconciliation .oe_reconciliation_line .create .quick_add:empty {
-          display: none; }
-        .openerp .oe_reconciliation .oe_reconciliation_line .create .quick_add .presets_config {
-          display: none;
-          position: absolute;
-          top: 0;
-          right: 0;
-          z-index: 100; }
-          .openerp .oe_reconciliation .oe_reconciliation_line .create .quick_add .presets_config .dropdown-menu {
-            font-size: 1em; }
-        .openerp .oe_reconciliation .oe_reconciliation_line .create .quick_add:hover .presets_config, .openerp .oe_reconciliation .oe_reconciliation_line .create .quick_add .presets_config.open {
-          display: inline; }
-      .openerp .oe_reconciliation .oe_reconciliation_line .create .oe_form > table {
-        width: 49%;
-        height: 26px; }
-        .openerp .oe_reconciliation .oe_reconciliation_line .create .oe_form > table:nth-child(2n+1) {
-          float: left;
-          clear: left; }
-        .openerp .oe_reconciliation .oe_reconciliation_line .create .oe_form > table:nth-child(2n) {
-          float: right;
-          clear: right; }
-        .openerp .oe_reconciliation .oe_reconciliation_line .create .oe_form > table th {
-          font-weight: bold;
-          line-height: 26px;
-          padding-right: 8px;
-          min-width: 100px;
-          border-right: 1px solid #ddd;
-          white-space: nowrap;
-          width: 1%; }
-        .openerp .oe_reconciliation .oe_reconciliation_line .create .oe_form > table td {
-          width: 99%;
-          padding-left: 8px; }
-        .openerp .oe_reconciliation .oe_reconciliation_line .create .oe_form > table input, .openerp .oe_reconciliation .oe_reconciliation_line .create .oe_form > table select {
-          width: 100%; }
-        .openerp .oe_reconciliation .oe_reconciliation_line .create .oe_form > table.add_line_container:nth-child(2n+1) {
-          width: 98%;
-          float: none;
-          margin: auto; }
-        .openerp .oe_reconciliation .oe_reconciliation_line .create .oe_form > table.add_line_container td {
-          text-align: center; }
-        .openerp .oe_reconciliation .oe_reconciliation_line .create .oe_form > table.add_line_container .add_line {
-          line-height: 26px; }
-
-.openerp .oe_manual_reconciliation .oe_manual_reconciliation_line .button_reconcile {
-  float: right;
-  position: relative;
-  top: 1.1em; }
-.openerp .oe_manual_reconciliation .oe_manual_reconciliation_line .accounting_view thead {
-  background: none; }
-  .openerp .oe_manual_reconciliation .oe_manual_reconciliation_line .accounting_view thead td {
-    vertical-align: bottom !important; }
-  .openerp .oe_manual_reconciliation .oe_manual_reconciliation_line .accounting_view thead td:nth-child(2) {
-    padding-left: 0; }
-  .openerp .oe_manual_reconciliation .oe_manual_reconciliation_line .accounting_view thead .cell_item_name {
-    display: inline-block;
-    min-width: 135px; }
-  .openerp .oe_manual_reconciliation .oe_manual_reconciliation_line .accounting_view thead .cell_last_time_entries_checked {
-    font-weight: normal;
-    display: inline-block; }
-  .openerp .oe_manual_reconciliation .oe_manual_reconciliation_line .accounting_view thead .cell_item_name + .cell_last_time_entries_checked {
-    padding-left: 20px; }
-  .openerp .oe_manual_reconciliation .oe_manual_reconciliation_line .accounting_view thead .cell_title_account_code {
-    text-align: center; }
-  .openerp .oe_manual_reconciliation .oe_manual_reconciliation_line .accounting_view thead tr:first-child td {
-    border-bottom: 1px solid #bbb; }
-    .openerp .oe_manual_reconciliation .oe_manual_reconciliation_line .accounting_view thead tr:first-child td.cell_action, .openerp .oe_manual_reconciliation .oe_manual_reconciliation_line .accounting_view thead tr:first-child td.cell_info_popover {
-      border-bottom: none; }
-    .openerp .oe_manual_reconciliation .oe_manual_reconciliation_line .accounting_view thead tr:first-child td.cell_title_account_code {
-      border-bottom: 1px solid #000 !important; }
-.openerp .oe_manual_reconciliation .oe_manual_reconciliation_line .accounting_view .filler_line td {
-  height: 22px;
-  cursor: default !important; }
-.openerp .oe_manual_reconciliation .oe_manual_reconciliation_line .accounting_view tbody.tbody_matched_lines tr:first-child td {
-  padding-top: 4px; }
-.openerp .oe_manual_reconciliation .oe_manual_reconciliation_line td.cell_due_date {
-  padding-left: 3px !important; }
diff --git a/addons/account/static/src/css/account_reconciliation.scss b/addons/account/static/src/css/account_reconciliation.scss
deleted file mode 100644
index 0481bc08bbe..00000000000
--- a/addons/account/static/src/css/account_reconciliation.scss
+++ /dev/null
@@ -1,646 +0,0 @@
-$actionColWidth: 15px;
-$mainTableBordersPadding: 3px;
-$lightBorder: 1px solid #bbb;
-$accountingBorder: 1px solid #000;
-$initialLineBackground: #f0f0f0;
-$infoColor: #44c;
-// Warning, this value is also specified in the instance.web.account.abstractReconciliation widget
-$aestetic_animation_speed: 300ms;
-
-
-.openerp .oe_reconciliation {
-    font-size: 12px;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    -o-user-select: none;
-    user-select: none;
-    cursor: default;
-    height: 100%;
-    overflow: auto;
-
-    .oe_form_sheetbg {
-        padding-top: 0;
-
-        .oe_form_sheet {
-            position: relative;
-            padding: 20px 15px 20px 15px;
-            border-top: 0;
-            height: 100%;
-        }
-    }
-
-    // For future ⌨ navigation
-    // *[tabindex='0']:focus {
-    //     outline: 1px solid #888;
-    //     outline-offset: 2px;
-    //     outline-color: invert;
-    // }
-
-    .clearer {
-        clear: both;
-    }
-
-    .oe_view_nocontent {
-        max-width: none;
-
-        > p {
-            padding: 0 10%;
-        }
-    }
-
-    h1 input, h2 input {
-       height: auto !important;
-    }
-
-    h1 {
-        width: 48%;
-        padding: 0 0 0 $actionColWidth;
-        margin: 0 0 25px 0;
-        float: left;
-        font-size: 2em;
-        height: 1.5em;
-    }
-
-    .statement_name span {
-        line-height: 1.5em;
-        cursor: pointer;
-    }
-
-    .change_statement_name_container {
-        display: none;
-        width: 95%;
-
-        td:first-child, td:first-child > input {
-            width: 99%;
-        }
-        td:last-child {
-            width: 1%;
-            padding-left: 3px;
-
-            button {
-                height: 100%;
-                box-sizing: content-box;
-            }
-        }
-    }
-
-    h2 {
-        font-size: 1.8em;
-    }
-
-    .progress {
-        width: 49%;
-        margin: 10px $actionColWidth 0 0;
-        float: right;
-        position: relative;
-        display: inline-block;
-
-        .progress-text {
-            text-align: center;
-            position: absolute;
-            width: 100%;
-            left: 0;
-            top: 2px;
-            z-index: 10;
-            text-shadow:
-               -1px -1px 0 #f5f5f5,
-                1px -1px 0 #f5f5f5,
-                -1px 1px 0 #f5f5f5,
-                 1px 1px 0 #f5f5f5;
-        }
-    }
-
-    .show_more_container {
-        text-align: center;
-
-        .show_more {
-            display: none;
-        }
-    }
-    .notification_area {
-        margin: 0 $actionColWidth;
-        .fa {
-            font-size: 20px;
-            margin-left: 7px;
-            line-height: 14px;
-            position: relative;
-            top: 3px;
-        }
-    }
-
-    .interface_options {
-        margin-bottom: 25px;
-        padding-left: $actionColWidth;
-
-        .oe_radio_input {
-            border: none;
-            display: inline;
-        }
-    }
-
-    .protip {
-        margin: 0;
-        position: absolute;
-        bottom: 7px;
-        right: 15px;
-        text-align: right;
-        color: #bbb;
-    }
-
-    .done_message {
-        width: 100%;
-        padding: 0 20%;
-        margin-top: 50px;
-        margin-bottom: 50px;
-
-        h2 {
-            margin-bottom: 30px;
-
-            .congrats_icon {
-                float: right;
-                font-size: 2em;
-                position: relative;
-                top: -0.25em;
-            }
-        }
-
-        .achievements {
-            margin-top: 30px;
-            text-align: center;
-            position: relative;
-
-            .achievement {
-                font-size: 4em;
-                margin: 0 0.3em;
-                position: relative;
-                vertical-align: middle;
-                text-shadow: 2px 2px 0px rgba(0,0,0,0.2);
-
-                i {
-                    font-size: 0.5em;
-                    color: white;
-                    position: absolute;
-                    top: 50%;
-                    margin-top: -0.55em;
-                    left: 0;
-                    width: 100%;
-                    text-align: center;
-                    //text-shadow: 1px 1px 0 black;
-                }
-            }
-        }
-
-        .action_buttons {
-            text-align: center;
-        }
-    }
-
-    /* icons */
-    .fa {
-        font-size: 12px !important;
-
-        &.line_info_button {
-            color: #ccc !important;
-        }
-    }
-    .accounting_view .fa-add-remove:before {
-        content: "\f068";
-    }
-    .match .fa-add-remove:before {
-        content: "\f067";
-    }
-
-    // reconciliationLine widget
-    .oe_reconciliation_line {
-        margin-bottom: 30px;
-
-        table {
-            width: 100%;
-        }
-
-        // modes : default
-        .toggle_match, .toggle_create {
-            -webkit-transition-property: -webkit-transform;
-            -moz-transition-property: -moz-transform;
-            -ms-transition-property: -ms-transform;
-            -o-transition-property: -o-transform;
-            transition-property: transform;
-            -webkit-transform: rotate(0deg);
-            -moz-transform: rotate(0deg);
-            -ms-transform: rotate(0deg);
-            -o-transform: rotate(0deg);
-            transform: rotate(0deg);
-            -webkit-transition-duration: $aestetic_animation_speed;
-            -moz-transition-duration: $aestetic_animation_speed;
-            -ms-transition-duration: $aestetic_animation_speed;
-            -o-transition-duration: $aestetic_animation_speed;
-            transition-duration: $aestetic_animation_speed;
-        }
-
-        .visible_toggle {
-            visibility: visible !important;
-            -webkit-transform: rotate(90deg);
-            -moz-transform: rotate(90deg);
-            -ms-transform: rotate(90deg);
-            -o-transform: rotate(90deg);
-            transform: rotate(90deg);
-        }
-
-        .partner_name {
-            .change_partner {
-                display: none;
-                cursor: pointer;
-                margin: 0 10px 0 5px;
-            }
-            &:hover .change_partner {
-                display: inline;
-            }
-        }
-
-        .change_partner_container {
-            width: 200px;
-            display: none;
-            position: relative !important;
-        }
-
-        // modes : specific
-        &[data-mode="match"] {
-            .toggle_match {
-                @extend .visible_toggle;
-            }
-        }
-
-        &[data-mode="create"] {
-            .toggle_create {
-                @extend .visible_toggle;
-            }
-
-            &.no_partner {
-                .toggle_match {
-                    @extend .visible_toggle;
-                }
-            }
-        }
-
-        &[data-mode="inactive"] {
-            .initial_line > td {
-                background-color: ($initialLineBackground + #080808) !important;
-            }
-        }
-
-        &.no_match:not(.no_partner) {
-            .initial_line {
-                cursor: default !important;
-
-                .line_info_button {
-                    cursor: pointer;
-                }
-            }
-            .toggle_match {
-                visibility: hidden !important;
-            }
-        }
-
-        /* gap between accounting_view and action view */
-        > table > tbody > tr:nth-child(1) > td table {
-            margin-bottom: 10px;
-        }
-
-        /* popover */
-        table.details {
-            td:first-child {
-                padding-right: 10px;
-                font-weight: bold;
-            }
-
-            tr.one_line_info {
-                td {
-                    padding-top: 10px;
-                    text-align: center;
-                    color: $infoColor;
-                }
-            }
-        }
-
-        /* arrays of move lines */
-        .accounting_view, .match table {
-            width: 100%;
-
-            tbody tr {
-                cursor: pointer;
-            }
-
-            tr.already_reconciled {
-                color: $infoColor;
-            }
-
-            td {
-                padding: 1px 8px;
-                vertical-align: middle;
-            }
-
-            td.cell_action, td.cell_info_popover {
-                width: $actionColWidth;
-                padding: 0;
-            }
-
-            td.cell_action {
-                text-align: left;
-            }
-
-            td.cell_account_code {
-                width: 80px;
-                padding-left: $mainTableBordersPadding;
-            }
-
-            td.cell_due_date {
-                width: 100px;
-            }
-
-            td.cell_label {
-
-            }
-
-            td.cell_debit {
-                text-align: right;
-                width: 15%;
-            }
-
-            td.cell_credit {
-                width: 15%;
-                text-align: right;
-                padding-right: $mainTableBordersPadding;
-            }
-
-            td.cell_info_popover {
-                text-align: right;
-            }
-
-            tr.line_open_balance {
-                color: #bbb;
-            }
-
-            tr .fa:not(.line_info_button) {
-                visibility: hidden;
-                color: #555;
-            }
-
-            tr:hover .fa, tr:focus .fa, tr.active .fa {
-                visibility: visible;
-            }
-
-            tr .do_partial_reconcile_button {
-                color: #f0ad4e;
-                padding-right: 5px;
-            }
-
-            tr .undo_partial_reconcile_button {
-                color: #555;
-                padding-right: 5px;
-            }
-        }
-
-        /* Partie infos */
-        .accounting_view {
-            border-collapse: separate;
-
-            .initial_line > td {
-                border-top: $lightBorder;
-                padding-top: 4px;
-                padding-bottom: 5px;
-                background-color: $initialLineBackground;
-                -webkit-transition-property: background-color;
-                -moz-transition-property: background-color;
-                -ms-transition-property: background-color;
-                transition-property: background-color;
-                -webkit-transition-duration: $aestetic_animation_speed;
-                -moz-transition-duration: $aestetic_animation_speed;
-                -ms-transition-duration: $aestetic_animation_speed;
-                -o-transition-duration: $aestetic_animation_speed;
-                transition-duration: $aestetic_animation_speed;
-
-                &.cell_action, &.cell_info_popover {
-                    border-top: none;
-                    background: white !important;
-                    // Hack pour l'alignement au px près
-                    padding-top: 6px;
-                    padding-bottom: 3px;
-                }
-            }
-
-            caption {
-                text-align: left;
-                height: 26px;
-                margin: 0 $actionColWidth 4px $actionColWidth;
-
-                .partner_name {
-                    font-size: 1.1em;
-                    font-weight: bold;
-                }
-
-                .tip_reconciliation_not_balanced {
-                    float: right;
-                    padding-right: 7px;
-                }
-
-                button {
-                    float: right;
-                    position: relative;
-                    top: -4px;
-
-                    &:disabled {
-                        opacity: 0.5;
-                    }
-                }
-
-                > span, > input {
-                    position: relative; top: 7px; /* meh */
-                }
-            }
-
-            // accounting "T"
-            td.cell_credit { border-left: $accountingBorder; }
-        }
-
-
-        /* Match view */
-        .match {
-            display: none;
-            padding: 1px;
-            .match_controls {
-                padding: 0 0 5px ($actionColWidth+$mainTableBordersPadding);
-
-                .filter {
-                    width: 240px;
-                }
-
-                .pager_control_left, .pager_control_right {
-                    display: inline-block;
-                    cursor: pointer;
-                }
-
-                .pager_control_left {
-                    margin-right: 10px;
-                }
-
-                .pager_control_left.disabled, .pager_control_right.disabled {
-                    color: #ddd;
-                    cursor: default;
-                }
-            }
-
-            .show_more {
-                display: inline-block;
-                margin-left: ($actionColWidth+$mainTableBordersPadding);
-                margin-top: 5px;
-            }
-        }
-
-
-        /* Action create */
-        .create {
-            display: none;
-            margin: 0 $actionColWidth;
-            border: 1px solid #d5d5d5;
-            border-radius: 5px;
-            padding: 10px;
-            overflow: auto;
-
-            .quick_add {
-                position: relative;
-                margin-bottom: 10px;
-                clear: both;
-
-                &:empty {
-                    display: none;
-                }
-
-                .presets_config {
-                    display: none;
-                    position: absolute;
-                    top: 0;
-                    right: 0;
-                    z-index: 100;
-
-                    .dropdown-menu {
-                        font-size: 1em; // Since there's no dropdown-menu-sm class in bootstrap
-                    }
-                }
-
-                &:hover .presets_config, .presets_config.open {
-                    display: inline;
-                }
-            }
-
-            .oe_form > table {
-                width: 49%;
-                height: 26px;
-
-                &:nth-child(2n+1) { float: left; clear: left; }
-                &:nth-child(2n) { float: right; clear: right; }
-
-                th {
-                    font-weight: bold;
-                    line-height: 26px;
-                    padding-right: 8px;
-                    min-width: 100px;
-                    border-right: 1px solid #ddd;
-                    white-space: nowrap;
-                    width: 1%;
-                }
-
-                td {
-                    width: 99%;
-                    padding-left: 8px;
-                }
-
-                input, select {
-                    width: 100%;
-                }
-
-                &.add_line_container {
-                    width: 98%;
-                    float: none;
-                    clear: both;
-                    margin: auto;
-
-                    td {
-                        text-align: center;
-                    }
-
-                    .add_line {
-                        line-height: 26px;
-                    }
-                }
-            }
-        }
-    }
-}
-
-.openerp .oe_manual_reconciliation {
-    .oe_manual_reconciliation_line {
-        .button_reconcile {
-            float: right;
-            position: relative;
-            top: 1.1em;
-        }
-
-        .accounting_view {
-            thead {
-                background: none;
-
-                td {
-                    vertical-align: bottom !important;
-                }
-
-                td:nth-child(2) {
-                    padding-left: 0;
-                }
-
-                .cell_item_name {
-                    display: inline-block;
-                    min-width: 135px;
-                }
-
-                .cell_last_time_entries_checked {
-                    font-weight: normal;
-                    display: inline-block;
-                }
-                .cell_item_name + .cell_last_time_entries_checked {
-                    padding-left: 20px;
-                }
-
-                .cell_title_account_code {
-                    text-align: center;
-                }
-
-                tr:first-child td {
-                    border-bottom: $lightBorder;
-
-                    &.cell_action, &.cell_info_popover {
-                        border-bottom: none;
-                    }
-
-                    &.cell_title_account_code {
-                        border-bottom: 1px solid #000 !important;
-                    }
-                }
-
-            }
-
-            .filler_line td {
-                height: 22px;
-                cursor: default !important;
-            }
-
-            tbody.tbody_matched_lines tr:first-child td {
-                padding-top: 4px;
-            }
-        }
-
-        td.cell_due_date {
-            padding-left: $mainTableBordersPadding !important;
-        }
-    }
-}