[FIX] account: several fixes on the new bank statement reconciliation widget
[odoo/odoo.git] / addons / account / static / src / css / account_bank_statement_reconciliation.css
1 .openerp .oe_bank_statement_reconciliation {
2   font-size: 12px;
3   -webkit-user-select: none;
4   -moz-user-select: none;
5   -ms-user-select: none;
6   -o-user-select: none;
7   user-select: none;
8   cursor: default;
9   height: 100%;
10   /* icons */ }
11   .openerp .oe_bank_statement_reconciliation .oe_form_sheetbg {
12     border-bottom: 0;
13     padding: 0;
14     height: 100%; }
15     .openerp .oe_bank_statement_reconciliation .oe_form_sheetbg .oe_form_sheet {
16       position: relative;
17       padding: 20px 15px 30px 15px;
18       border-top: 0;
19       border-bottom: 0;
20       height: 100%; }
21   .openerp .oe_bank_statement_reconciliation h1 {
22     width: 48%;
23     padding: 0 0 0 15px;
24     margin: 0 0 25px 0;
25     float: left;
26     font-size: 2em; }
27   .openerp .oe_bank_statement_reconciliation h2 {
28     font-size: 1.8em; }
29   .openerp .oe_bank_statement_reconciliation .progress {
30     width: 49%;
31     margin: 4px 15px 0 0;
32     float: right;
33     position: relative;
34     display: inline-block; }
35     .openerp .oe_bank_statement_reconciliation .progress .progress-text {
36       text-align: center;
37       position: absolute;
38       width: 100%;
39       left: 0;
40       top: 2px;
41       z-index: 10;
42       text-shadow: -1px -1px 0 #f5f5f5, 1px -1px 0 #f5f5f5, -1px 1px 0 #f5f5f5, 1px 1px 0 #f5f5f5; }
43   .openerp .oe_bank_statement_reconciliation .protip {
44     margin: 0;
45     position: absolute;
46     bottom: 7px;
47     right: 15px;
48     text-align: right;
49     color: #bbb; }
50   .openerp .oe_bank_statement_reconciliation .done_message {
51     width: 100%;
52     padding: 0 20%;
53     margin-top: 50px;
54     margin-bottom: 50px; }
55     .openerp .oe_bank_statement_reconciliation .done_message h2 {
56       margin-bottom: 30px; }
57       .openerp .oe_bank_statement_reconciliation .done_message h2 .congrats_icon {
58         float: right;
59         font-size: 2em;
60         position: relative;
61         top: -0.25em; }
62     .openerp .oe_bank_statement_reconciliation .done_message .achievements {
63       margin-top: 30px;
64       text-align: center;
65       position: relative; }
66       .openerp .oe_bank_statement_reconciliation .done_message .achievements .achievement {
67         font-size: 4em;
68         margin: 0 0.3em;
69         position: relative;
70         vertical-align: middle;
71         text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.2); }
72         .openerp .oe_bank_statement_reconciliation .done_message .achievements .achievement i {
73           font-size: 0.5em;
74           color: white;
75           position: absolute;
76           top: 50%;
77           margin-top: -0.55em;
78           left: 0;
79           width: 100%;
80           text-align: center; }
81     .openerp .oe_bank_statement_reconciliation .done_message .action_buttons {
82       text-align: center; }
83   .openerp .oe_bank_statement_reconciliation .glyphicon {
84     font-size: 12px !important; }
85     .openerp .oe_bank_statement_reconciliation .glyphicon.line_info_button {
86       color: #ccc !important; }
87   .openerp .oe_bank_statement_reconciliation .accounting_view .glyphicon-add-remove:before {
88     content: "\2212"; }
89   .openerp .oe_bank_statement_reconciliation .match .glyphicon-add-remove:before {
90     content: "\2b"; }
91   .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line {
92     margin-bottom: 30px;
93     /* gap between accounting_view and action view */
94     /* popover */
95     /* arrays of move lines */
96     /* Partie infos */
97     /* Match view */
98     /* Action create */ }
99     .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line table {
100       width: 100%; }
101     .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .toggle_match, .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .toggle_create {
102       -webkit-transition-property: -webkit-transform;
103       -moz-transition-property: -moz-transform;
104       -ms-transition-property: -ms-transform;
105       -o-transition-property: -o-transform;
106       transition-property: transform;
107       -webkit-transform: rotate(0deg);
108       -moz-transform: rotate(0deg);
109       -ms-transform: rotate(0deg);
110       -o-transform: rotate(0deg);
111       transform: rotate(0deg);
112       -webkit-transition-duration: 300ms;
113       -moz-transition-duration: 300ms;
114       -ms-transition-duration: 300ms;
115       -o-transition-duration: 300ms;
116       transition-duration: 300ms; }
117     .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .visible_toggle, .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line[data-mode="match"] .toggle_match, .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line[data-mode="create"] .toggle_create {
118       visibility: visible !important;
119       -webkit-transform: rotate(90deg);
120       -moz-transform: rotate(90deg);
121       -ms-transform: rotate(90deg);
122       -o-transform: rotate(90deg);
123       transform: rotate(90deg); }
124     .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .change_partner_container {
125       width: 200px;
126       display: none;
127       position: relative !important; }
128     .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line[data-mode="inactive"] .initial_line > td {
129       background-color: #f8f8f8 !important; }
130     .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line.no_match:not(.no_partner) .initial_line {
131       cursor: default !important; }
132       .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line.no_match:not(.no_partner) .initial_line .line_info_button {
133         cursor: pointer; }
134     .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line.no_match:not(.no_partner) .toggle_match {
135       visibility: hidden !important; }
136     .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line > table > tbody > tr:nth-child(1) > td table {
137       margin-bottom: 10px; }
138     .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line table.details td:first-child {
139       padding-right: 10px;
140       font-weight: bold; }
141     .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .accounting_view, .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .match table {
142       width: 100%; }
143       .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .accounting_view tr, .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .match table tr {
144         cursor: pointer; }
145         .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .accounting_view tr.created_line, .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .match table tr.created_line {
146           cursor: default !important; }
147           .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .accounting_view tr.created_line .line_remove_button, .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .match table tr.created_line .line_remove_button {
148             cursor: pointer; }
149       .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .accounting_view td, .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .match table td {
150         padding: 1px 8px;
151         vertical-align: middle; }
152       .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .accounting_view td.cell_action, .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .accounting_view td.cell_info_popover, .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .match table td.cell_action, .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .match table td.cell_info_popover {
153         width: 15px;
154         padding: 0; }
155       .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .accounting_view td.cell_action, .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .match table td.cell_action {
156         text-align: left; }
157       .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .accounting_view td.cell_account_code, .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .match table td.cell_account_code {
158         width: 80px;
159         padding-left: 3px; }
160       .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .accounting_view td.cell_due_date, .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .match table td.cell_due_date {
161         width: 100px; }
162       .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .accounting_view td.cell_debit, .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .match table td.cell_debit {
163         text-align: right;
164         width: 15%; }
165       .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .accounting_view td.cell_credit, .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .match table td.cell_credit {
166         width: 15%;
167         text-align: right;
168         padding-right: 3px; }
169       .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .accounting_view td.cell_info_popover, .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .match table td.cell_info_popover {
170         text-align: right; }
171       .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .accounting_view tr.line_open_balance, .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .match table tr.line_open_balance {
172         color: #bbb; }
173       .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .accounting_view tr .glyphicon:not(.line_info_button), .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .match table tr .glyphicon:not(.line_info_button) {
174         visibility: hidden;
175         color: #555; }
176       .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .accounting_view tr:hover .glyphicon, .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .accounting_view tr.active .glyphicon, .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .match table tr:hover .glyphicon, .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .match table tr.active .glyphicon {
177         visibility: visible; }
178       .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .accounting_view tr .do_partial_reconcile_button, .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .match table tr .do_partial_reconcile_button {
179         color: #f0ad4e;
180         padding-right: 5px; }
181       .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .accounting_view tr .undo_partial_reconcile_button, .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .match table tr .undo_partial_reconcile_button {
182         color: #555;
183         padding-right: 5px; }
184     .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .accounting_view .initial_line > td {
185       border-top: 1px solid #bbbbbb;
186       padding-top: 4px;
187       padding-bottom: 5px;
188       background-color: #f0f0f0;
189       -webkit-transition-property: background-color;
190       -moz-transition-property: background-color;
191       -ms-transition-property: background-color;
192       transition-property: background-color;
193       -webkit-transition-duration: 300ms;
194       -moz-transition-duration: 300ms;
195       -ms-transition-duration: 300ms;
196       -o-transition-duration: 300ms;
197       transition-duration: 300ms; }
198       .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .accounting_view .initial_line > td.cell_action, .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .accounting_view .initial_line > td.cell_info_popover {
199         border-top: none;
200         background: white !important;
201         padding-top: 6px;
202         padding-bottom: 3px; }
203     .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .accounting_view caption {
204       text-align: left;
205       font-size: 1.1em;
206       font-weight: bold;
207       height: 26px;
208       margin: 0 15px 4px 15px; }
209       .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .accounting_view caption button {
210         float: right; }
211         .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .accounting_view caption button:disabled {
212           opacity: 0.5; }
213       .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .accounting_view caption > span, .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .accounting_view caption > input {
214         position: relative;
215         top: 7px;
216         /* meh */
217         font-weight: bold;
218         cursor: pointer; }
219     .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .accounting_view td.cell_credit {
220       border-left: 1px solid black; }
221     .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .match .match_controls {
222       padding: 0 0 5px 18px; }
223       .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .match .match_controls .filter {
224         width: 240px; }
225       .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .match .match_controls .pager_control_left, .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .match .match_controls .pager_control_right {
226         display: inline-block;
227         cursor: pointer; }
228       .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .match .match_controls .pager_control_left {
229         margin-right: 10px; }
230       .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .match .match_controls .pager_control_left.disabled, .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .match .match_controls .pager_control_right.disabled {
231         color: #ddd;
232         cursor: default; }
233     .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .match .show_more {
234       display: inline-block;
235       margin-left: 18px;
236       margin-top: 5px; }
237     .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .create {
238       margin: 0 15px;
239       border: 1px solid #d5d5d5;
240       border-radius: 5px;
241       padding: 10px; }
242       .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .create .quick_add {
243         margin-bottom: 10px;
244         clear: both; }
245         .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .create .quick_add:empty {
246           display: none; }
247       .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .create .quick_add:empty {
248         display: none; }
249       .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .create .oe_form > table {
250         width: 49%;
251         height: 26px; }
252         .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .create .oe_form > table:nth-child(2n+1) {
253           float: left; }
254         .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .create .oe_form > table:nth-child(2n) {
255           float: right; }
256         .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .create .oe_form > table th {
257           font-weight: bold;
258           line-height: 26px;
259           padding-right: 8px;
260           min-width: 100px;
261           border-right: 1px solid #ddd;
262           white-space: nowrap;
263           width: 1%; }
264         .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .create .oe_form > table td {
265           width: 99%;
266           padding-left: 8px; }
267         .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .create .oe_form > table input, .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .create .oe_form > table select {
268           width: 100%; }
269         .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .create .oe_form > table.add_line_container:nth-child(2n+1) {
270           width: 98%;
271           float: none;
272           margin: auto; }
273         .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .create .oe_form > table.add_line_container td {
274           text-align: center; }
275         .openerp .oe_bank_statement_reconciliation .oe_bank_statement_reconciliation_line .create .oe_form > table.add_line_container .add_line {
276           line-height: 26px; }