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