[REM] Clean up base old
[odoo/odoo.git] / addons / web / static / src / css / base_old.css
1 .openerp {
2     padding: 0;
3     margin: 0;
4     font-size: 80%;
5     font-family: Ubuntu, Helvetica, sans-serif;
6 }
7
8 .openerp.openerp-web-client-container {
9     height: 100%;
10 }
11
12 .openerp, .openerp textarea, .openerp input, .openerp select, .openerp option,
13 .openerp button, .openerp .ui-widget {
14     font-family: Ubuntu, Helvetica, sans-serif;
15     font-size:85%;
16 }
17
18 .openerp .view-manager-main-content {
19     width: 100%;
20 }
21
22 .openerp .oe_form_group_cell .view-manager-main-content {
23     padding: 0;
24 }
25
26 .oe_box {
27     border: 1px solid #aaf;
28     padding: 2px;
29     margin: 2px;
30 }
31
32
33 #oe_errors pre {
34     margin: 0;
35 }
36
37 .openerp .oe-listview .oe-number {
38     text-align: right !important;
39 }
40 .oe-listview-header-columns {
41     background: #d1d1d1; /* Old browsers */
42     background: -moz-linear-gradient(top, #ffffff 0%, #d1d1d1 100%); /* FF3.6+ */
43     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d1d1d1)); /* Chrome,Safari4+ */
44     background: -webkit-linear-gradient(top, #ffffff 0%,#d1d1d1 100%); /* Chrome10+,Safari5.1+ */
45     background: -o-linear-gradient(top, #ffffff 0%,#d1d1d1 100%); /* Opera11.10+ */
46     background: -ms-linear-gradient(top, #ffffff 0%,#d1d1d1 100%); /* IE10+ */
47     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#d1d1d1',GradientType=0 ); /* IE6-9 */
48     background: linear-gradient(top, #ffffff 0%,#d1d1d1 100%); /* W3C */
49 }
50
51 .openerp .oe_hide {
52     display: none !important;
53 }
54
55 /* STATES */
56 .openerp .on_logged,
57 .openerp .db_options_row {
58     display: none;
59 }
60
61
62
63 /* Database */
64 .login .oe-database-manager {
65     display: none;
66     height: 100%;
67     width: 100%;
68     background-color: white;
69 }
70 .login.database_block .bottom,
71 .login.database_block .login_error_message,
72 .login.database_block .pane {
73     display: none;
74 }
75 .login.database_block .oe-database-manager {
76     display: block;
77 }
78
79 .login .database {
80     float: left;
81     width: 202px;
82     height: 100%;
83     background: #666666;
84 }
85 .login .oe_db_options {
86     margin-left: 202px;
87     color: black;
88     padding-top: 20px;
89 }
90
91 .login .database ul {
92     margin-top: 65px;
93 }
94
95 ul.db_options li {
96     padding: 5px 0 10px 5px;
97     background: #949292; /* Old browsers */
98     background: -moz-linear-gradient(top, #949292 30%, #6d6b6b 95%, #282828 100%); /* FF3.6+ */
99     background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#949292), color-stop(95%,#6d6b6b), color-stop(100%,#282828)); /* Chrome,Safari4+ */
100     background: -webkit-linear-gradient(top, #949292 30%,#6d6b6b 95%,#282828 100%); /* Chrome10+,Safari5.1+ */
101     background: -o-linear-gradient(top, #949292 30%,#6d6b6b 95%,#282828 100%); /* Opera11.10+ */
102     background: -ms-linear-gradient(top, #949292 30%,#6d6b6b 95%,#282828 100%); /* IE10+ */
103     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#949292', endColorstr='#282828',GradientType=0 ); /* IE6-9 */
104     background: linear-gradient(top, #949292 30%,#6d6b6b 95%,#282828 100%); /* W3C */
105     /* for ie9 */
106     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#949292', endColorstr='#5B5A5A',GradientType=0 ); /* IE6-9 */
107     border: none;
108     /* overriding jquery ui */
109     -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
110     display: block;
111     font-weight: bold;
112     text-transform: uppercase;
113     margin: 1px;
114     color: #EEEEEE;
115     cursor: pointer;
116     width: 195px;
117     font-size: 12px;
118 }
119
120 .db_option_table {
121     border: 1px solid #5A5858;
122     padding: 5px;
123     -moz-border-radius: 10px;
124 }
125
126 table.db_option_table input.required {
127     background-color: #D2D2FF !important;
128 }
129
130 .db_option_table label {
131     display: block;
132     text-align: right;
133 }
134
135 .db_option_table input[type="text"],
136 .db_option_table input[type="password"],
137 .db_option_table input[type="file"],
138 .db_option_table select {
139     width: 300px;
140 }
141
142 .option_string {
143     font-weight: bold;
144     color: #555;
145     width: 100%;
146     text-align: center;
147     padding: 10px 0;
148     font-size: large;
149 }
150
151 label.error {
152     float: none;
153     color: red;
154     padding-left: .5em;
155     vertical-align: top;
156 }
157
158 /* Main*/
159 .openerp .main_table {
160     width: 100%;
161     height: 100%;
162     background: #f0eeee;
163 }
164 .openerp .oe-application {
165     height: 100%;
166 }
167 .openerp .oe-application-container {
168     width: 100%;
169     height: 100%;
170 }
171
172 /* IE Hack - for IE < 9
173  * Avoids footer to be placed statically at 100% cutting the middle of the views
174  * */
175 .openerp .oe-application-container {
176     height: auto\9;
177     min-height: 100%\9;
178 }
179
180
181 /* Main Application */
182 .openerp .oe-main-content {
183     padding: 0;
184     height: 100%;
185 }
186
187 .openerp h2.oe_view_title {
188     font-size: 110%;
189     font-weight: normal;
190     margin: 2px 0;
191     color: #252424;
192     text-shadow: white 0 1px 0;
193 }
194 .openerp div[id^="notebook"] .oe_view_title {
195     font-size:85%;
196     padding-bottom:4px;
197 }
198
199 /* View Manager */
200 .openerp .oe_vm_switch {
201     float: right;
202 }
203 .openerp .oe-view-manager-header .oe_view_title {
204     font-size:150%;
205     padding:2px 0 0 0;
206 }
207
208 /* SearchView */
209 .openerp .oe_searchview_field > div {
210     position: relative;
211     white-space: nowrap;
212 }
213 .openerp .oe_searchview_field .oe_input_icon {
214     top: auto;
215     bottom: 3px;
216 }
217
218 .openerp .filter_label, .openerp .filter_icon {
219     background: #F0F0F0;
220     border: 1px solid #999;
221     background: -moz-linear-gradient(top, #F0F0F0 0%, #C0C0C0 100%);
222     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(100%,#C0C0C0));
223     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#C0C0C0',GradientType=0 );
224 }
225 .openerp .filter_label:hover, .openerp .filter_icon:hover {
226     background: #F0F0F0;
227     background: -moz-linear-gradient(top, #F0F0F0 0%, #A1A7CE 100%);
228     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(100%,#A1A7CE));
229     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#A1A7CE',GradientType=0 );
230 }
231 .openerp .filter_label:active, .openerp .filter_icon:active {
232     background: #aaa;
233     background: -moz-linear-gradient(top, #999999 0%, #EEEEEE 100%);
234     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#EEEEEE));
235     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#EEEEEE',GradientType=0 );
236 }
237 .openerp .filter_label.enabled, .openerp .filter_icon.enabled {
238     background: #aaa;
239     filter: none;
240     -moz-box-shadow: none;
241     -webkit-box-shadow: none;
242     -o-box-shadow: none;
243     box-shadow: none;
244 }
245 .openerp .filter_icon {
246     height: 22px;
247     padding: 1px 2px 0 2px;
248     margin: 0;
249     vertical-align: bottom;
250 }
251 .openerp .filter_label {
252     font-weight: bold;
253     text-transform: uppercase;
254     text-shadow: #EEE 0 1px 0;
255     color: #4C4C4C;
256     white-space: nowrap;
257     min-height: 40px;
258     min-width: 75px;
259     padding: 2px 4px;
260     margin: 0;
261 }
262 .openerp .filter_label_group {
263     padding-right: 0.4em;
264     white-space: nowrap;
265 }
266
267 .openerp .filter_label_group button {
268     -webkit-border-radius: 0;
269     -moz-border-radius: 0;
270     border-radius: 0;
271     border-right: none;
272 }
273 .openerp .filter_label_group button:first-child {
274     -webkit-border-top-left-radius: 7px;
275     -webkit-border-bottom-left-radius: 7px;
276     -moz-border-radius-topleft: 7px;
277     -moz-border-radius-bottomleft: 7px;
278     border-top-left-radius: 7px;
279     border-bottom-left-radius: 7px;
280     border-right: none;
281 }
282 .openerp .filter_label_group button:last-child {
283     -webkit-border-top-right-radius: 7px;
284     -webkit-border-bottom-right-radius: 7px;
285     -moz-border-radius-topright: 7px;
286     -moz-border-radius-bottomright: 7px;
287     border-top-right-radius: 7px;
288     border-bottom-right-radius: 7px;
289     border-right: 1px solid #999;
290 }
291 .openerp .filter_label_group button.filter_icon img {
292     padding: 1px 8px 0 8px;
293 }
294 .openerp .filter_label_group button.filter_icon:first-child {
295     border-left: solid 1px #999;
296     margin-left: -7px;
297     -webkit-border-top-left-radius: 0;
298     -webkit-border-bottom-left-radius: 0;
299     -moz-border-radius-topleft: 0;
300     -moz-border-radius-bottomleft: 0;
301     border-top-left-radius: 0;
302     border-bottom-left-radius: 0;
303 }
304
305 .openerp .searchview_group_string {
306     display: block;
307     color: #7D7979;
308     font-weight: bold;
309     padding: 2px 0 2px 10px;
310     text-decoration: none;
311 }
312 .openerp .searchview_group_string:hover {
313     background-color: #ccc;
314 }
315 .openerp .searchview_group.folded .searchview_group_string {
316     background: url("/web/static/src/img/ui/group-folded.png") no-repeat scroll 0 50%;
317 }
318 .openerp .searchview_group.folded .searchview_group_content {
319     display: none;
320 }
321 .openerp .searchview_group.expanded .searchview_group_string {
322     background: url("/web/static/src/img/ui/group-expanded.png") no-repeat scroll 0 50%;
323 }
324 .openerp .searchview_group.expanded .searchview_group_content {
325     display: block;
326     padding-bottom:3px;
327 }
328
329
330 .openerp .searchview_extended_group {
331     padding: 3px;
332     margin: 2px;
333 }
334
335 .openerp .searchview_extended_group .oe_adv_filters_and {
336     border-bottom: 1px solid #8E8E8E;
337     text-align: center;
338     margin-top: -10px;
339 }
340 .openerp .searchview_extended_group .oe_adv_filters_and span {
341     background: #F0EEEE;
342     position: relative;
343     top: 0.5em;
344     padding: 0 1em 0 1em;
345     color: #8E8E8E;
346 }
347
348 .openerp .searchview_extended_group.last_group .oe_adv_filters_and {
349     display: none;
350 }
351
352 .openerp .oe_search-view-buttons {
353     padding: 2px 0 10px 0;
354     vertical-align:middle;
355 }
356 .openerp .oe_search-view-filters-management {
357     float: right;
358 }
359 .openerp .oe_search-view-filters-management, .openerp .oe_search-view-custom-filter-btn {
360     float:right;
361 }
362
363 .openerp .searchview_extended_add_proposition span {
364     font-size: 0.9em;
365     background: url(/web/static/src/img/icons/gtk-add.png) repeat-y;
366     padding-left: 18px;
367 }
368
369 .openerp .searchview_extended_delete_group {
370     float:right;
371     display: none;
372 }
373
374 .openerp .searchview_extended_delete_prop {
375     text-decoration: none;
376 }
377
378 .openerp .searchview_extended_delete_group span,
379 .openerp .searchview_extended_delete_prop span {
380     font-size: 0.9em;
381     background: url(/web/static/src/img/icons/gtk-close.png) repeat-y;
382     padding-left: 18px;
383 }
384 /* List */
385 .openerp table.oe-listview-content {
386     clear: right;
387     width: 100%;
388     border-spacing: 0;
389     border: 1px solid silver;
390 }
391
392 .openerp .oe-listview thead table {
393     width: 100%;
394     border:  none;
395 }
396 .openerp .oe-listview tr.odd {
397     background-color: #f3f3f3;
398 }
399 .openerp .oe-listview tbody tr:hover {
400     background-color: #ecebf2;
401 }
402 .openerp .oe-listview tbody tr:hover {
403     background-color: #eae9f0;
404 }
405 .openerp .oe-listview thead table tr,
406 .openerp .oe-listview thead table tr:hover {
407     background: none;
408 }
409
410 .openerp .oe-listview > table > tbody > tr > td,
411 .openerp .oe-listview th {
412     vertical-align: middle;
413     text-align: left;
414     padding: 1px 2px;
415 }
416
417 .openerp .oe-record-delete button,
418 .openerp button.oe-edit-row-save {
419     border: none;
420     height: 12px;
421     width: 12px;
422     background: url("/web/static/src/img/iconset-b-remove.png") no-repeat scroll center center transparent;
423     cursor: pointer;
424 }
425 .openerp button.oe-edit-row-save {
426     background-image: url('/web/static/src/img/icons/save-document.png');
427 }
428
429 /* Could use :not selectors if they were supported by MSIE8... */
430 .openerp .oe-listview > table > tbody > tr > td {
431     border-left: 1px solid #dadada; /*currently commenting to test with no vertical lines in list view*/
432 }
433 .openerp .oe-listview tbody td:first-child,
434 .openerp .oe-listview tbody td.oe-button,
435 .openerp .oe-listview tbody td.oe-button,
436 .openerp .oe-listview tbody th.oe-record-selector,
437 .openerp .oe-listview tbody td.oe-record-delete {
438     border-left: none;
439 }
440
441 .openerp .oe-listview td.oe-record-delete {
442     text-align: right;
443 }
444 .openerp .oe-listview th.oe-sortable {
445     cursor: pointer;
446     font-size: 75%;
447     text-transform: uppercase;
448     padding: 0;
449     margin: 0;
450     padding-left: 3px;
451     color: #333;
452 }
453 .openerp .oe-listview th.oe-sortable .ui-icon {
454     height: 60%;
455     margin: -6px 0 0;
456     display: inline;
457     display: inline-block;
458     vertical-align: middle;
459 }
460
461 .openerp .oe-listview > table > tbody > tr > td {
462     border-bottom: 1px solid #E3E3E3;
463 }
464
465
466 .openerp .oe-listview td.oe-actions {
467     border-bottom:none;
468 }
469
470 .openerp .oe-listview .oe-record-selector, .openerp .oe-listview .oe-record-edit-link {
471     border-bottom: 1px solid #E3E3E3;
472 }
473 .openerp .oe-listview .oe-record-edit-link {
474     cursor: pointer;
475 }
476
477 .openerp .oe-listview .oe-field-cell {
478     cursor: pointer;
479     margin-top: 0;
480     margin-bottom: 0;
481     padding-top: 3px;
482     padding-bottom: 3px;
483     font-size: 80%;
484 }
485 .openerp .oe-listview .oe-field-cell progress {
486     width: 100%;
487 }
488 .openerp .oe-listview .oe-field-cell.oe-button button,
489 .openerp .oe-listview .oe_form_button button {
490     margin: 0;
491     padding: 0;
492     border: none;
493     background: none;
494     width: 16px;
495     box-shadow: none;
496     -moz-box-shadow: none;
497     -webkit-box-shadow: none;
498 }
499 .openerp .oe-listview .oe-field-cell button:active {
500     opacity: 0.5;
501 }
502 .openerp .oe-listview .oe-field-cell button img {
503     cursor: pointer;
504 }
505 .openerp .oe-listview .oe-field-cell button img:hover {
506     opacity: 0.75;
507 }
508
509 .openerp .oe-listview .oe-field-cell .oe-listview-button-disabled img {
510     opacity: 0.5;
511 }
512
513 .openerp .oe-listview th.oe-actions {
514     text-align: left;
515     white-space: nowrap;
516 }
517 .openerp .oe-listview th.oe-list-pager {
518     text-align: right;
519     white-space: nowrap;
520 }
521 .openerp .oe-list-pager .oe-pager-state {
522     cursor: pointer;
523     font-size: 90%;
524     color: #555;
525 }
526
527 .openerp .oe_button.oe_button_pager,
528 .openerp .oe-list-pager > span,
529 .openerp .oe_form_pager > span {
530    line-height: 17px;
531    height: 17px;
532    cursor: pointer;
533    color: gray;
534    font-weight: bold;
535    vertical-align: middle;
536 }
537 .openerp .oe_button.oe_button_pager,
538 .openerp .oe_button.oe_button_pager:disabled {
539     padding: 0 3px 0 3px;
540     margin: 0;
541     height: 17px;
542 }
543 .openerp .oe-listview .oe-group-name {
544     padding-right: 1em;
545 }
546 .openerp .oe-listview .oe-group-name,
547 .openerp .oe-listview .oe-group-pagination {
548     white-space: nowrap;
549 }
550
551 .openerp .oe-listview tfoot td {
552     padding: 3px 3px 0;
553 }
554 .openerp .oe-listview .oe-list-footer {
555     text-align: center;
556     white-space: nowrap;
557     color: #444;
558     font-size: 85%;
559 }
560 .openerp .oe-listview .oe-list-footer span {
561     margin: 0 1em;
562 }
563 .openerp .oe-listview .oe-list-footer progress {
564     vertical-align:-10% !important;
565     width: 100%;
566 }
567
568 /** list rounded corners
569
570     rounded corners are a pain on tables: need to round not only table, but
571     also on the first and last children of the first and last row
572  */
573 .openerp .oe-listview table.oe-listview-content {
574     -webkit-border-radius: 4px;
575     -moz-border-radius: 4px;
576     border-radius: 4px;
577 }
578 .openerp .oe-listview table.oe-listview-content thead tr:first-child th:first-child {
579     -webkit-border-top-left-radius: 4px;
580     -moz-border-radius-topleft: 4px;
581     border-top-left-radius: 4px;
582 }
583 .openerp .oe-listview table.oe-listview-content thead tr:first-child th:last-child {
584     -webkit-border-top-right-radius: 4px;
585     -moz-border-radius-topright: 4px;
586     border-top-right-radius: 4px;
587 }
588 .openerp .oe-listview table.oe-listview-content tfoot tr:last-child th:first-child,
589 .openerp .oe-listview table.oe-listview-content tfoot tr:last-child td:first-child,
590 .openerp .oe-listview table.oe-listview-content tbody:last-child tr:last-child th:first-child {
591     -webkit-border-bottom-left-radius: 4px;
592     -moz-border-radius-bottomleft: 4px;
593     border-bottom-left-radius: 4px;
594 }
595 .openerp .oe-listview table.oe-listview-content tfoot tr:last-child th:last-child,
596 .openerp .oe-listview table.oe-listview-content tfoot tr:last-child td:last-child,
597 .openerp .oe-listview table.oe-listview-content tbody:last-child tr:last-child td:last-child {
598     -webkit-border-bottom-right-radius: 4px;
599     -moz-border-radius-bottomright: 4px;
600     border-bottom-right-radius: 4px;
601 }
602
603 /* Unedit Form */
604 .openerp .oe_form_group_cell > .oe_form_field_many2one,
605 .openerp .oe_form_group_cell > .oe_form_field_many2one input,
606 .openerp .oe_form_group_cell > .oe_form_field_char input,
607 .openerp .oe_form_group_cell > .oe_form_field_email,
608 .openerp .oe_form_group_cell > .oe_form_field_email input,
609 .openerp .oe_form_group_cell > .oe_form_field_url,
610 .openerp .oe_form_group_cell > .oe_form_field_url input,
611 .openerp .oe_form_group_cell > .oe_form_field_date input,
612 .openerp .oe_form_group_cell > .oe_form_field_float input,
613 .openerp .oe_form_group_cell > .oe_form_field_selection select {
614     width: 100%;
615 }
616
617 /* Form */
618 .openerp .oe_form_button_save_dirty {
619     display: none;
620 }
621 .openerp .oe_form_dirty > .oe_form_header > .oe_form_buttons > .oe_form_button_save {
622     color: white;
623     background: #dc5f59;
624     background: -moz-linear-gradient(#dc5f59, #b33630);
625     background: -webkit-gradient(linear, left top, left bottom, from(#dc5f59), to(#b33630));
626     background: -webkit-linear-gradient(#dc5f59, #b33630);
627     -moz-box-shadow: none;
628     -webkit-box-shadow: none;
629     -box-shadow: none;
630     font-weight: bold;
631 }
632 .openerp .oe_form_group_cell input[type="checkbox"] {
633     margin-top: 3px;
634     vertical-align: middle;
635 }
636 .openerp .oe_form_group_cell .input[type="text"] {
637     padding-bottom: 1px;
638 }
639
640 .openerp table.oe_form_group td {
641     color: #4c4c4c;
642 }
643 .openerp table.oe_form_group {
644     color: #4c4c4c;
645 }
646 .openerp fieldset.oe_group_box {
647     border: 1px solid #AAAAAA;
648     moz-border-radius: 4px;
649     -webkit-border-radius: 4px;
650     border-radius: 4px;
651     background: #F9F9F9;
652     padding: 4px;
653 }
654 .openerp fieldset.oe_group_box legend {
655     font-weight: bold;
656 }
657 .openerp .oe_form_field_translatable,
658 .openerp .oe_form_field_many2one,
659 .openerp .oe_form_field_date,
660 .openerp .oe_form_field_datetime {
661     white-space: nowrap;
662 }
663 .openerp .oe_form_field_boolean {
664     padding-top: 4px;
665 }
666 .openerp td.oe_form_group_cell.oe_form_group_nested {
667     padding: 0;
668 }
669 .openerp .required.error {
670     border: 1px solid #900;
671 }
672 .openerp .oe_form_buttons, .openerp .oe_list_buttons {
673     float: left;
674 }
675 .openerp .oe_form_pager, .openerp .oe_list_pager {
676     float: right;
677     font-size: 80%;
678     color: gray;
679     font-weight: bold;
680 }
681
682 .openerp .oe_form_pager {
683     margin-right: 3px;
684 }
685
686
687 .openerp #tiptip_content {
688     font-size: 12px;
689 }
690 .openerp .oe_tooltip_string {
691     color: #FD5;
692     font-weight: bold;
693     font-size: 13px;
694 }
695 .openerp .oe_tooltip_help {
696     white-space: pre-wrap;
697 }
698 .openerp .oe_tooltip_technical {
699     padding: 0 0 4px 0;
700     margin: 5px 0 0 15px;
701     list-style: circle;
702 }
703 .openerp .oe_tooltip_technical_title {
704     font-weight: bold;
705 }
706
707 .openerp .oe_align_left {
708     text-align: left;
709 }
710 .openerp .oe_align_right {
711     text-align: right;
712 }
713 .openerp .oe_align_center {
714     text-align: center;
715 }
716 .openerp .oe_form .oe_form_paragraph {
717     margin: 3px 0 0 0;
718     white-space: normal;
719 }
720
721 .openerp .oe_form .oe_form_paragraph.oe_multilines {
722     white-space: pre;
723 }
724
725 .openerp .oe_form_field_one2many .oe-actions h3.oe_view_title,
726 .openerp .oe_form_field_one2many_list .oe-actions h3.oe_view_title{
727     display: inline;
728     margin: 0 0.5em 0 0;
729 }
730
731 .openerp .oe_form .oe-listview th.oe-sortable .ui-icon,
732 .openerp .oe_form .oe-listview th.oe-sortable .ui-icon {
733     height: 100%;
734     margin-top: -9px;
735 }
736
737 .openerp table.oe_form_group .oe-listview-content td {
738     color: inherit;
739 }
740
741 /* Uneditable Form View */
742 .openerp .oe_form_readonly {
743
744 }
745 .openerp .oe_form_readonly .oe_form_group_cell .field_text,
746 .openerp .oe_form_readonly .field_char,
747 .openerp .oe_form_readonly .field_int,
748 .openerp .oe_form_readonly .field_float,
749 .openerp .oe_form_readonly .field_email,
750 .openerp .oe_form_readonly .field_date,
751 .openerp .oe_form_readonly .field_selection,
752 .openerp .oe_form_readonly .oe_form_field_many2one {
753     padding: 3px 2px 2px 2px;
754     background-color: white;
755     height: 17px;
756 }
757 .openerp .oe_form_readonly .oe_form_group_cell .field_text {
758     height: auto;
759 }
760 .openerp .oe_form_readonly .field_datetime {
761     padding: 1px 2px 2px 2px;
762     background-color: white;
763     height:19px;
764 }
765 .openerp .oe_form_readonly .oe_form_field_many2one div {
766     background-color:white;
767     height:18px;
768     margin-bottom:1px;
769     padding: 0px 2px 5px 2px;
770 }
771
772 .openerp .oe_form_readonly .oe_form_field_email div  {
773     background-color: white;
774     padding: 1px 2px 3px 2px;
775 }
776
777
778 .openerp .oe_form_readonly .oe_form_field_text div.field_text,
779 .openerp .oe_form_readonly .oe_form_field_text_html div.field_text_html {
780     white-space: pre-wrap;
781 }
782 .openerp .oe_form_readonly .oe_form_group_cell .field_text  {
783     min-height:100px;
784 }
785 /* Inputs */
786 .openerp .oe_form input[type="text"],
787 .openerp .oe_form input[type="password"],
788 .openerp .oe_form input[type="file"],
789 .openerp .oe_form select,
790 .openerp .oe_form textarea {
791     -moz-box-sizing: border-box;
792     -webkit-box-sizing: border-box;
793     -ms-box-sizing: border-box;
794     box-sizing: border-box;
795     padding: 0 2px;
796     margin: 0 2px;
797     border: 1px solid #999;
798     -moz-border-radius: 3px;
799     -webkit-border-radius: 3px;
800     border-radius: 3px;
801     background: white;
802     min-width: 90px;
803     color: #1f1f1f;
804 }
805
806 .openerp .oe_form .oe_form_field_many2one input,
807 .openerp .oe_form .oe_form_field_binary input,
808 .openerp .oe_form .oe_form_field_binary input,
809 .openerp .oe_form .oe_form_field_email input,
810 .openerp .oe_form .oe_form_field_url input {
811     border-right: none;
812     -webkit-border-top-right-radius: 0px;
813     -webkit-border-bottom-right-radius: 0px;
814     -moz-border-radius-topright: 0px;
815     -moz-border-radius-bottomright: 0px;
816     border-top-right-radius: 0px;
817     border-bottom-right-radius: 0px;
818 }
819 .openerp .oe_button.oe_field_button {
820     -webkit-border-top-left-radius: 0px;
821     -webkit-border-bottom-left-radius: 0px;
822     -moz-border-radius-topleft: 0px;
823     -moz-border-radius-bottomleft: 0px;
824     border-top-left-radius: 0px;
825     border-bottom-left-radius: 0px;
826     margin-right:-1px;
827     height: 22px;
828 }
829
830 .openerp .oe_form_field_email button img,
831 .openerp .oe_form_field_url button img {
832     vertical-align: top;
833 }
834 /* vertically recentering filter management select tag */
835 .openerp select.oe_search-view-filters-management { 
836     margin-top:2px;
837 }
838
839 .openerp .oe_form select{
840     padding-top: 2px;
841 }
842 .openerp .oe_form input[readonly],
843 .openerp .oe_form select[readonly],
844 .openerp .oe_form textarea[readonly],
845 .openerp .oe_form input[disabled],
846 .openerp .oe_form select[disabled],
847 .openerp .oe_form textarea[disabled]{
848     background: #E5E5E5 !important;
849     color: #666;
850 }
851 .openerp .oe_form textarea {
852     resize:vertical;
853 }
854 .openerp .oe_form input[type="text"],
855 .openerp .oe_form input[type="password"],
856 .openerp .oe_form input[type="file"],
857 .openerp .oe_form select,
858 .openerp .oe_form .oe_button {
859     height: 22px;
860 }
861
862 .openerp .oe_form input.oe_form_field_datetime {
863     min-width: 11em;
864 }
865 .openerp .oe_form .oe_form_button .oe_button {
866     color: #4c4c4c;
867     white-space: nowrap;
868     min-width: 100%;
869     width: 100%;
870 }
871 @-moz-document url-prefix() {
872     /* Strange firefox behaviour on width: 100% + white-space: nowrap */
873     .openerp .oe_form .oe_form_button .oe_button {
874         width: auto;
875     }
876 }
877 /* IE Hack - for IE < 9
878  * Avoids buttons overflow
879  * */
880 .openerp .oe_form .oe_form_button .oe_button {
881     min-width: auto\9;
882 }
883 .openerp .oe_form .button {
884     height: 22px;
885 }
886 .openerp .oe_form .oe_button span {
887     position: relative;
888     vertical-align: top;
889 }
890 .openerp .oe_input_icon {
891     cursor: pointer;
892     margin: 3px 0 0 -21px;
893     vertical-align: top;
894 }
895 .openerp .oe_datepicker_container {
896     display: none;
897 }
898 .openerp .oe_datepicker_root {
899     display: inline-block;
900 }
901 .openerp .oe_form_group_cell .oe_datepicker_root {
902     width: 100%;
903 }
904 .openerp .oe_input_icon_disabled {
905     position: absolute;
906     cursor: default;
907     opacity: 0.5;
908     filter:alpha(opacity=50);
909     right: 5px;
910     top: 3px;
911 }
912 .openerp .oe_trad_field.touched {
913     border: 1px solid green !important;
914 }
915
916 /* Widgets */
917 .openerp .oe_form_required input, .openerp .oe_form_required select, .openerp .oe_form_required textarea {
918     background-color: #D2D2FF !important;
919 }
920 .openerp .oe_form_invalid input, .openerp .oe_form_invalid select, .openerp .oe_form_invalid textarea {
921     background-color: #F66 !important;
922     border: 1px solid #D00 !important;
923 }
924
925 /* jQuery UI override */
926 .openerp .ui-widget {
927     font-size: 1em;
928 }
929 .openerp tbody.ui-widget-content {
930     margin-bottom: 10px;
931     border-spacing: 4px;
932 }
933 .openerp .ui-widget-header {
934     background: white none;
935 }
936
937 /* Sidebar */
938 .openerp .view-manager-main-table {
939     margin: 0;
940     width:100%;
941     border-collapse:collapse;
942     height:100%;
943 }
944
945 .openerp .view-manager-main-table tbody {
946     vertical-align: top;
947 }
948
949 .openerp .oe-view-manager-header {
950     overflow: auto;
951     background: url("/web/static/src/img/sep-a.gif") 0 100% repeat-x;
952     margin:6px 0 6px 2px;
953 }
954 .openerp .oe_form_group_cell .oe-view-manager-header { /* Trick: remove the background when element is in a formular */
955     background: none;
956 }
957
958 .openerp .oe-view-manager-header h2 {
959     float: left;
960 }
961
962 .openerp .oe_view_manager_menu_tips blockquote {
963     display: none;
964     font-size: 85%;
965     margin: 0;
966     background: #fff;
967     border-bottom: 1px solid #CECBCB;
968     padding: 1px 10px;
969     color: #4C4C4C;
970 }
971 .openerp .oe_view_manager_menu_tips blockquote p {
972     margin: 0;
973     padding: 6px 1px 4px;
974 }
975
976 .openerp .oe_view_manager_menu_tips blockquote div {
977     text-align: right;
978     margin-right:10px;
979 }
980
981 .openerp .oe_view_manager_menu_tips blockquote div button {
982     border: none;
983     background: none;
984     padding: 0 4px;
985     margin: 0;
986     display: inline;
987     text-decoration: underline;
988     color: inherit;
989 }
990
991 .openerp .view-manager-main-sidebar {
992     width: 180px;
993     padding: 0;
994     margin: 0;
995 }
996
997 .openerp .sidebar-main-div {
998     height: 100%;
999     border-left: 1px solid #D2CFCF;
1000 }
1001
1002 .openerp .sidebar-content {
1003     padding: 0;
1004     margin: 0;
1005     width: 180px;
1006     height: 100%;
1007     font-size: 0.9em;
1008 }
1009
1010 .openerp .closed-sidebar .sidebar-content {
1011     width: 22px;
1012 }
1013
1014 .openerp .closed-sidebar .sidebar-content {
1015     display: none;
1016 }
1017
1018 .openerp .sidebar-main-div a {
1019     color: #555;
1020     text-decoration: none;
1021 }
1022
1023 .openerp .sidebar-main-div a:hover {
1024     color: black;
1025 }
1026
1027 .openerp .oe-sidebar-attachments-toolbar {
1028     margin: 4px 0 0 4px;
1029 }
1030 .openerp .oe-sidebar-attachments-items {
1031     clear: both;
1032     padding-top: 5px !important;
1033 }
1034 .openerp .oe-sidebar-attachments-items li {
1035     position: relative;
1036     padding: 0 0 3px 10px !important;
1037 }
1038 .openerp .oe-sidebar-attachments-items li:hover {
1039     background: #ddd;
1040 }
1041 .openerp .oe-sidebar-attachments-link {
1042     display: block;
1043     margin-right: 15px;
1044     overflow: hidden;
1045 }
1046 .openerp .oe-sidebar-attachment-delete {
1047     position: absolute;
1048     right: 2px;
1049     top: 1px;
1050     overflow: hidden;
1051     width: 15px;
1052     height: 15px;
1053     padding: 1px;
1054     border-radius: 7px;
1055     -moz-border-radius: 7px;
1056     -webkit-border-radius: 7px;
1057 }
1058 .openerp .oe-sidebar-attachment-delete:hover {
1059     background-color: white;
1060 }
1061
1062 .openerp .view-manager-main-sidebar h2 {
1063     margin:0;
1064     font-size: 1.15em;
1065     color: #8E8E8E;
1066     text-shadow: white 0 1px 0;
1067     padding-left: 10px;
1068     padding-right: 21px;
1069     height: 21px;
1070
1071     background: #ffffff; /* Old browsers */
1072     background: -moz-linear-gradient(top, #ffffff 0%, #ebe9e9 100%); /* FF3.6+ */
1073     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebe9e9)); /* Chrome,Safari4+ */
1074     background: -webkit-linear-gradient(top, #ffffff 0%,#ebe9e9 100%); /* Chrome10+,Safari5.1+ */
1075     background: -o-linear-gradient(top, #ffffff 0%,#ebe9e9 100%); /* Opera11.10+ */
1076     background: -ms-linear-gradient(top, #ffffff 0%,#ebe9e9 100%); /* IE10+ */
1077     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EBE9E9',GradientType=0 ); /* IE6-9 */
1078     background: linear-gradient(top, #ffffff 0%,#ebe9e9 100%); /* W3C */
1079
1080     border: 1px solid #D2CFCF;
1081     border-right-width: 0;
1082     border-left-width: 0;
1083 }
1084 .openerp .view-manager-main-sidebar h2 {
1085     border-top-width: 0;
1086 }
1087
1088 .openerp .view-manager-main-sidebar ul {
1089     list-style-type: none;
1090     margin: 0;
1091     padding: 0;
1092     display: block;
1093 }
1094
1095 .openerp .view-manager-main-sidebar li {
1096     display: block;
1097     padding: 3px 3px 3px 10px;
1098 }
1099
1100 .openerp .toggle-sidebar {
1101     cursor: pointer;
1102     border: 1px solid #D2CFCF;
1103     border-top-width: 0;
1104     display: block;
1105     background: url(/web/static/src/img/toggle-a-bg.png);
1106     width: 21px;
1107     height: 21px;
1108     z-index: 10;
1109 }
1110 .openerp .open-sidebar .toggle-sidebar {
1111     margin-left: 158px;
1112     background-position: 21px 0;
1113     position: absolute;
1114 }
1115 .openerp .closed-sidebar .toggle-sidebar {
1116     border-left: none;
1117 }
1118 .openerp li.oe_sidebar_print {
1119     padding-left: 20px;
1120     background: 1px 3px url(/web/static/src/img/icons/gtk-print.png) no-repeat;
1121 }
1122
1123 .openerp .oe_sidebar_print ul {
1124     padding-left:8px;
1125 }
1126
1127 .openerp.kitten-mode-activated .main_table {
1128     background: url(http://placekitten.com/g/1500/800) repeat;
1129 }
1130 .openerp.kitten-mode-activated.clark-gable .main_table {
1131     background: url(http://amigrave.com/ClarkGable.jpg);
1132     background-size: 100%;
1133 }
1134
1135 .openerp.kitten-mode-activated .header {
1136     background: url(http://placekitten.com/g/211/65) repeat;
1137 }
1138
1139 .openerp.kitten-mode-activated .menu {
1140     background: #828282;
1141     background: -moz-linear-gradient(top, #828282 0%, #4D4D4D 100%);
1142     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#828282), color-stop(100%,#4D4D4D));
1143     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828282', endColorstr='#4D4D4D',GradientType=0 );
1144 }
1145 .openerp.kitten-mode-activated .menu a {
1146     background: none;
1147 }
1148 .openerp.kitten-mode-activated .menu span {
1149     background: none;
1150 }
1151 .openerp.kitten-mode-activated .sidebar-content li a,
1152 .openerp.kitten-mode-activated .oe-application .view-manager-main-content h2.oe_view_title,
1153 .openerp.kitten-mode-activated .oe-application .view-manager-main-content a.searchview_group_string,
1154 .openerp.kitten-mode-activated .oe-application .view-manager-main-content label  {
1155     color: white;
1156 }
1157 .openerp.kitten-mode-activated .menu,
1158 .openerp.kitten-mode-activated .header_corner,
1159 .openerp.kitten-mode-activated .header_title,
1160 .openerp.kitten-mode-activated .oe-application,
1161 .openerp.kitten-mode-activated .oe_footer,
1162 .openerp.kitten-mode-activated .loading,
1163 .openerp.kitten-mode-activated .ui-dialog {
1164     opacity:0.8;
1165     filter:alpha(opacity=80);
1166 }
1167 .openerp.kitten-mode-activated .header .company_logo {
1168     background: url(http://placekitten.com/g/180/46);
1169 }
1170 .openerp.kitten-mode-activated .loading {
1171     background: #828282;
1172     border-color: #828282;
1173 }
1174
1175 .openerp .oe-m2o-drop-down-button {
1176     margin-left: -24px;
1177 }
1178 .openerp .oe-m2o-drop-down-button img {
1179     margin-bottom: -4px;
1180     cursor: pointer;
1181 }
1182 .openerp .oe-m2o input  {
1183     border-right: none;
1184     margin-right: 0px !important;
1185     padding-bottom: 2px !important;
1186 }
1187 .openerp .oe-m2o-disabled-cm {
1188     color: grey;
1189 }
1190 .openerp ul[role="listbox"] li a {
1191     font-size:80%;
1192 }
1193 .parent_top {
1194     vertical-align: text-top;
1195 }
1196
1197 .openerp .oe-dialog-warning p {
1198     padding-left: 1em;
1199     font-size: 1.2em;
1200     font-weight: bold;
1201 }
1202
1203 .openerp .dhx_mini_calendar {
1204     -moz-box-shadow: none;
1205     -khtml-box-shadow: none;
1206     -webkit-box-shadow: none;
1207     box-shadow: none;
1208 }
1209 .openerp .oe-treeview-table {
1210     width: 100%;
1211     background-color : #FFFFFF;
1212     border-spacing: 0;
1213     
1214 }
1215 .openerp .oe-treeview-table tr:hover{
1216     color: blue;
1217     background-color : #D8D8D8;
1218 }
1219 .treeview-tr, .treeview-td {
1220     cursor: pointer;
1221     vertical-align: top;
1222     text-align: left;
1223     border-bottom: 1px solid #CFCCCC;
1224 }
1225 .openerp .oe-treeview-table .oe-number {
1226    text-align: right !important;
1227 }
1228 .treeview-tr span, .treeview-td span {
1229     font-size: 90%;
1230     font-weight: normal;
1231     white-space: nowrap;
1232     display: block;
1233     }
1234 .treeview-tr.oe-treeview-first {
1235     background: transparent url(/web/static/src/img/expand.gif) 0 50% no-repeat;
1236 }
1237 .oe-open .treeview-tr.oe-treeview-first {
1238     background-image: url(/web/static/src/img/collapse.gif);
1239 }
1240 .treeview-tr.oe-treeview-first span,
1241 .treeview-td.oe-treeview-first span {
1242     margin-left: 16px;
1243 }
1244
1245 .treeview-header {
1246     vertical-align: top;
1247     background-color : #D8D8D8;
1248     white-space: nowrap;
1249     text-align: left;
1250     padding: 4px 5px;
1251 }
1252 /* Shortcuts*/
1253 .oe-shortcut-toggle {
1254     height: 20px;
1255     margin-top: 3px;
1256     padding: 0;
1257     width: 24px;
1258     cursor: pointer;
1259     display: block;
1260     background: url(/web/static/src/img/add-shortcut.png) no-repeat center center;
1261     float: left;
1262 }
1263 .oe-shortcut-remove{
1264     background: url(/web/static/src/img/remove-shortcut.png) no-repeat center center;
1265 }
1266 .oe-shortcuts {
1267     position: absolute;
1268     margin: 0;
1269     padding: 6px 15px;
1270     top: 37px;
1271     left: 197px;
1272     right: 0;
1273     height: 17px;
1274     line-height: 1.2;
1275 }
1276 .oe-shortcuts ul {
1277     display: block;
1278     overflow: hidden;
1279     list-style: none;
1280     white-space: nowrap;
1281     padding: 0;
1282     margin: 0;
1283 }
1284 .oe-shortcuts li {
1285     cursor: pointer;
1286     display: -moz-inline-stack;
1287     display: inline-block;
1288     display: inline; /*IE7 */
1289     color: #fff;
1290     text-align: center;
1291     border-left: 1px solid #909090;
1292     padding: 0 4px;
1293     font-size: 80%;
1294     font-weight: normal;
1295     vertical-align: top;
1296 }
1297
1298 .oe-shortcuts li:hover {
1299     background-color: #666;
1300 }
1301 .oe-shortcuts li:first-child {
1302     border-left: none;
1303     padding-left: 0;
1304 }
1305
1306 ul.oe-arrow-list {
1307     padding-left: 1.1em;
1308     margin: 0;
1309     white-space: nowrap;
1310 }
1311 ul.oe-arrow-list li {
1312     display: inline-block;
1313     margin-left: -1em;
1314 }
1315 ul.oe-arrow-list li span {
1316     vertical-align: top;
1317     display: inline-block;
1318     border: 1em solid #DEDEDE;
1319     line-height:0em;
1320 }
1321 ul.oe-arrow-list .oe-arrow-list-before {
1322     border-left-color: rgba(0,0,0,0);
1323     border-right-width:0;
1324 }
1325 ul.oe-arrow-list .oe-arrow-list-after {
1326     border-color: rgba(0,0,0,0);
1327     border-left-color: #DEDEDE;
1328     border-right-width:0;
1329 }
1330 ul.oe-arrow-list li.oe-arrow-list-selected span {
1331     border-color: #B5B9FF;
1332 }
1333 ul.oe-arrow-list li.oe-arrow-list-selected .oe-arrow-list-before {
1334     border-left-color: rgba(0,0,0,0);
1335 }
1336 ul.oe-arrow-list li.oe-arrow-list-selected .oe-arrow-list-after {
1337     border-color: rgba(0,0,0,0);
1338     border-left-color: #B5B9FF;
1339 }
1340 .openerp ul.oe-arrow-list li:first-child span:first-child{
1341     -webkit-border-top-left-radius: 3px;
1342     -moz-border-radius-topleft: 3px;
1343     border-top-left-radius: 3px;
1344     -webkit-border-bottom-left-radius: 3px;
1345     -moz-border-radius-bottomleft: 3px;
1346     border-bottom-left-radius: 3px;
1347 }
1348 .openerp ul.oe-arrow-list li:last-child span:last-child{
1349     -webkit-border-top-right-radius: 3px;
1350     -moz-border-radius-topright: 3px;
1351     border-top-right-radius: 3px;
1352     -webkit-border-bottom-right-radius: 3px;
1353     -moz-border-radius-bottomright: 3px;
1354     border-bottom-right-radius: 3px;
1355 }
1356 .openerp .oe_view_editor {
1357     width:100%;
1358     border-collapse : collapse;
1359     margin-left: -12px;
1360     
1361     width: 100%;
1362     background-color : white;
1363     border-spacing: 0;
1364 }
1365 .openerp .oe_view_editor td{
1366     text-align: center;
1367     white-space: nowrap;
1368     border: 1px solid #D8D8D8;
1369     
1370     cursor: pointer;
1371     font-size: 90%;
1372 }
1373 .openerp .oe_view_editor_field td{
1374     border: 0px !important;
1375 }
1376
1377 .openerp .oe_view_editor tr:hover {
1378     background-color: #ecebf2;
1379 }
1380
1381
1382 /* Dialog traceback cases */
1383 .openerp .oe_error_detail{
1384     display: block;
1385 }
1386 .openerp .oe_error_send{
1387     display:block;
1388 }
1389 .openerp .oe_fielddiv{
1390     display:inline-block;
1391     width:100%;
1392 }
1393 .openerp .oe_fielddiv input[type=text],textarea{
1394     width:100%;
1395 }
1396 /* for Alignment center */
1397 .openerp .oe_centeralign{
1398     text-align:center;
1399 }
1400
1401 .openerp .oe_applications_tiles {
1402   color: #4C4C4C;
1403   text-shadow: #EEE 0 1px 0;
1404   margin: 0 20px;
1405 }
1406
1407 .openerp select.oe_search-view-filters-management {
1408     font-style: oblique;
1409     color: #999999;
1410 }
1411
1412 .openerp .oe_search-view-filters-management option,
1413 .openerp .oe_search-view-filters-management optgroup {
1414     font-style: normal;
1415     color: black;
1416 }
1417
1418
1419 /* Internet Explorer Fix */
1420 a img {
1421    border: none;
1422 }