[FIX] Fixed form layout vertical alignment
[odoo/odoo.git] / addons / web / static / src / css / base_old.css
1 .openerp {
2     padding: 0;
3     margin: 0;
4     height: 100%;
5     font-size: 80%;
6     font-family: Ubuntu, Helvetica, sans-serif;
7 }
8
9 .openerp, .openerp textarea, .openerp input, .openerp select, .openerp option,
10 .openerp button, .openerp .ui-widget {
11     font-family: Ubuntu, Helvetica, sans-serif;
12     font-size:85%;
13 }
14
15 .openerp .view-manager-main-content {
16     width: 100%;
17     padding: 0 8px 8px 8px;
18 }
19
20 .openerp .oe_form_group_cell .view-manager-main-content {
21     padding: 0;
22 }
23
24 .oe_box {
25     border: 1px solid #aaf;
26     padding: 2px;
27     margin: 2px;
28 }
29
30
31 #oe_errors pre {
32     margin: 0;
33 }
34
35 .openerp .oe-listview .oe-number {
36     text-align: right !important;
37 }
38 .oe-listview-header-columns {
39     background: #d1d1d1; /* Old browsers */
40     background: -moz-linear-gradient(top, #ffffff 0%, #d1d1d1 100%); /* FF3.6+ */
41     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#d1d1d1)); /* Chrome,Safari4+ */
42     background: -webkit-linear-gradient(top, #ffffff 0%,#d1d1d1 100%); /* Chrome10+,Safari5.1+ */
43     background: -o-linear-gradient(top, #ffffff 0%,#d1d1d1 100%); /* Opera11.10+ */
44     background: -ms-linear-gradient(top, #ffffff 0%,#d1d1d1 100%); /* IE10+ */
45     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#d1d1d1',GradientType=0 ); /* IE6-9 */
46     background: linear-gradient(top, #ffffff 0%,#d1d1d1 100%); /* W3C */
47 }
48
49 .openerp .oe_hide {
50     display: none !important;
51 }
52
53 /* STATES */
54 .openerp .on_logged,
55 .openerp .db_options_row {
56     display: none;
57 }
58
59 /* Loading */
60 .loading {
61     cursor: wait;
62 }
63 .openerp .loading {
64     display: none;
65     z-index: 100;
66     position: fixed;
67     top: 0;
68     right: 50%;
69     padding: 4px 12px;
70     background: #A61300;
71     color: white;
72     text-align: center;
73     border: 1px solid #900;
74     border-top: none;
75     -moz-border-radius-bottomright: 8px;
76     -moz-border-radius-bottomleft: 8px;
77     border-bottom-right-radius: 8px;
78     border-bottom-left-radius: 8px;
79 }
80 .openerp .oe_notification {
81     z-index: 1050;
82     display: none;
83 }
84 .openerp .oe_notification * {
85     color: white;
86 }
87
88 /* Login page */
89
90 .login {
91     padding: 0;
92     margin: 0;
93     font-family: "Lucida Grande", Helvetica, Verdana, Arial;
94     background: url("/web/static/src/img/pattern.png") repeat;
95     color: #eee;
96     font-size: 14px;
97     height: 100%;
98 }
99
100 .login ul, ol {
101     padding: 0;
102     margin: 0;
103 }
104
105 .login li {
106     list-style-type: none;
107     padding-bottom: 4px;
108 }
109
110 .login a {
111     color: #eee;
112     text-decoration: none;
113 }
114
115 .login button {
116     float: right;
117     display: inline-block;
118     cursor: pointer;
119     padding: 6px 16px;
120     font-size: 13px;
121     font-family: "Lucida Grande", Helvetica, Verdana, Arial;
122     border: 1px solid #222222;
123     color: white;
124     margin: 0;
125     background: #600606;
126     background: -moz-linear-gradient(#b92020, #600606);
127     background: -webkit-gradient(linear, left top, left bottom, from(#b92020), to(#600606));
128     background: -ms-linear-gradient(top, #b92020, #600606);
129     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b92020', endColorstr='#600606',GradientType=0 );
130     -moz-border-radius: 4px;
131     -webkit-border-radius: 4px;
132     border-radius: 4px;
133     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset;
134     -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(155, 155, 155, 0.4) inset;
135     -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset;
136     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset;
137 }
138
139 .login input, .login select {
140     width: 252px;
141     font-size: 14px;
142     font-family: "Lucida Grande", Helvetica, Verdana, Arial;
143     border: 1px solid #999999;
144     background: whitesmoke;
145     -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
146     -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
147     -box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
148     -moz-border-radius: 3px;
149     -webkit-border-radius: 3px;
150     border-radius: 3px;
151 }
152
153 .login input {
154     margin-bottom: 9px;
155     padding: 5px 6px;
156 }
157
158 .login select {
159     padding: 1px;
160 }
161
162 .login .dbpane {
163     position: fixed;
164     top: 0;
165     right: 8px;
166     padding: 5px 10px;
167     color: #eee;
168     border: solid 1px #333;
169     background: #1e1e1e;
170     background: rgba(30,30,30,0.94);
171     -moz-border-radius: 0 0 8px 8px;
172     -webkit-border-radius: 0 0 8px 8px;
173     border-radius: 0 0 8px 8px;
174 }
175
176 .login .bottom {
177     position: absolute;
178     top: 50%;
179     left: 0;
180     right: 0;
181     bottom: 0;
182     text-shadow: 0 1px 1px #999999;
183     background: #600606;
184     background: -moz-linear-gradient(#b41616, #600606);
185     background: -webkit-gradient(linear, left top, left bottom, from(#b41616), to(#600606));
186     background: -ms-linear-gradient(top, #b41616, #600606);
187     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b41616', endColorstr='#600606',GradientType=0 );
188 }
189
190 .login .pane {
191     position: absolute;
192     top: 50%;
193     left: 50%;
194     margin: -160px -166px;
195     border: solid 1px #333333;
196     background: #1e1e1e;
197     background: rgba(30,30,30,0.94);
198     padding: 22px 32px;
199     text-align: left;
200     -moz-border-radius: 8px;
201     -webkit-border-radius: 8px;
202     border-radius: 8px;
203     -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.9);
204     -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.9);
205     -box-shadow: 0 0 18px rgba(0, 0, 0, 0.9);
206 }
207
208 .login .pane h2 {
209     margin-top: 0;
210     font-size: 18px;
211 }
212
213 .login #logo {
214     position: absolute;
215     top: -70px;
216     left: 0;
217     width: 100%;
218     margin: 0 auto;
219     text-align: center;
220 }
221
222 .login .footer {
223     position: absolute;
224     bottom: -40px;
225     left: 0;
226     width: 100%;
227     text-align: center;
228 }
229
230 .login .footer a {
231     font-size: 13px;
232     margin: 0 8px;
233 }
234
235 .login .footer a:hover {
236     text-decoration: underline;
237 }
238
239 .login .openerp {
240     font-weight: bold;
241     font-family: serif;
242     font-size: 16px;
243 }
244
245 .openerp .login {
246     text-align: center;
247 }
248
249 .openerp .login .login_error_message {
250     display: none;
251     background-color: #b41616;
252     -moz-border-radius: 4px;
253     -webkit-border-radius: 4px;
254     border-radius: 4px;
255     -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
256     -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
257     -box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
258     color: #eee;
259     font-size: 14px;
260     padding: 14px 18px;
261     margin-top: 15px;
262     text-align: center;
263 }
264
265 .openerp .login.login_invalid .login_error_message {
266     display: inline-block;
267 }
268
269
270
271 /* Database */
272 .login .oe-database-manager {
273     display: none;
274     height: 100%;
275     width: 100%;
276     background-color: white;
277 }
278 .login.database_block .bottom,
279 .login.database_block .login_error_message,
280 .login.database_block .pane {
281     display: none;
282 }
283 .login.database_block .oe-database-manager {
284     display: block;
285 }
286
287 .login .database {
288     float: left;
289     width: 202px;
290     height: 100%;
291     background: #666666;
292 }
293 .login .oe_db_options {
294     margin-left: 202px;
295     color: black;
296     padding-top: 20px;
297 }
298
299 .login .database ul {
300     margin-top: 65px;
301 }
302
303 ul.db_options li {
304     padding: 5px 0 10px 5px;
305     background: #949292; /* Old browsers */
306     background: -moz-linear-gradient(top, #949292 30%, #6d6b6b 95%, #282828 100%); /* FF3.6+ */
307     background: -webkit-gradient(linear, left top, left bottom, color-stop(30%,#949292), color-stop(95%,#6d6b6b), color-stop(100%,#282828)); /* Chrome,Safari4+ */
308     background: -webkit-linear-gradient(top, #949292 30%,#6d6b6b 95%,#282828 100%); /* Chrome10+,Safari5.1+ */
309     background: -o-linear-gradient(top, #949292 30%,#6d6b6b 95%,#282828 100%); /* Opera11.10+ */
310     background: -ms-linear-gradient(top, #949292 30%,#6d6b6b 95%,#282828 100%); /* IE10+ */
311     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#949292', endColorstr='#282828',GradientType=0 ); /* IE6-9 */
312     background: linear-gradient(top, #949292 30%,#6d6b6b 95%,#282828 100%); /* W3C */
313     /* for ie9 */
314     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#949292', endColorstr='#5B5A5A',GradientType=0 ); /* IE6-9 */
315     border: none;
316     /* overriding jquery ui */
317     -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;
318     display: block;
319     font-weight: bold;
320     text-transform: uppercase;
321     margin: 1px;
322     color: #EEEEEE;
323     cursor: pointer;
324     width: 195px;
325     font-size: 12px;
326 }
327
328 .db_option_table {
329     border: 1px solid #5A5858;
330     padding: 5px;
331     -moz-border-radius: 10px;
332 }
333
334 table.db_option_table input.required {
335     background-color: #D2D2FF !important;
336 }
337
338 .db_option_table label {
339     display: block;
340     text-align: right;
341 }
342
343 .db_option_table input[type="text"],
344 .db_option_table input[type="password"],
345 .db_option_table input[type="file"],
346 .db_option_table select {
347     width: 300px;
348 }
349
350 .option_string {
351     font-weight: bold;
352     color: #555;
353     width: 100%;
354     text-align: center;
355     padding: 10px 0;
356     font-size: large;
357 }
358
359 label.error {
360     float: none;
361     color: red;
362     padding-left: .5em;
363     vertical-align: top;
364 }
365
366 /* Main*/
367 .openerp .main_table {
368     width: 100%;
369     height: 100%;
370     background: #f0eeee;
371 }
372 .openerp .oe-application {
373     height: 100%;
374 }
375 .openerp .oe-application-container {
376     width: 100%;
377     height: 100%;
378 }
379
380 /* IE Hack - for IE < 9
381  * Avoids footer to be placed statically at 100% cutting the middle of the views
382  * */
383 .openerp .oe-application-container {
384     height: auto\9;
385     min-height: 100%\9;
386 }
387
388
389 /* Main Application */
390 .openerp .oe-main-content {
391     padding: 0;
392     height: 100%;
393 }
394
395 .openerp h2.oe_view_title {
396     font-size: 110%;
397     font-weight: normal;
398     margin: 2px 0;
399     color: #252424;
400     text-shadow: white 0 1px 0;
401 }
402 .openerp div[id^="notebook"] .oe_view_title {
403     font-size:85%;
404     padding-bottom:4px;
405 }
406
407 /* View Manager */
408 .openerp .oe_vm_switch {
409     float: right;
410 }
411 .openerp .oe-view-manager-header .oe_view_title {
412     font-size:150%;
413     padding:2px 0 0 0;
414 }
415
416 /* SearchView */
417 .openerp .oe_searchview_field > div {
418     position: relative;
419     white-space: nowrap;
420 }
421 .openerp .oe_searchview_field .oe_input_icon {
422     top: auto;
423     bottom: 3px;
424 }
425
426 .openerp .filter_label, .openerp .filter_icon {
427     background: #F0F0F0;
428     border: 1px solid #999;
429     background: -moz-linear-gradient(top, #F0F0F0 0%, #C0C0C0 100%);
430     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(100%,#C0C0C0));
431     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#C0C0C0',GradientType=0 );
432 }
433 .openerp .filter_label:hover, .openerp .filter_icon:hover {
434     background: #F0F0F0;
435     background: -moz-linear-gradient(top, #F0F0F0 0%, #A1A7CE 100%);
436     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(100%,#A1A7CE));
437     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#A1A7CE',GradientType=0 );
438 }
439 .openerp .filter_label:active, .openerp .filter_icon:active {
440     background: #aaa;
441     background: -moz-linear-gradient(top, #999999 0%, #EEEEEE 100%);
442     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999999), color-stop(100%,#EEEEEE));
443     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#EEEEEE',GradientType=0 );
444 }
445 .openerp .filter_label.enabled, .openerp .filter_icon.enabled {
446     background: #aaa;
447     filter: none;
448     -moz-box-shadow: none;
449     -webkit-box-shadow: none;
450     -o-box-shadow: none;
451     box-shadow: none;
452 }
453 .openerp .filter_icon {
454     height: 22px;
455     padding: 1px 2px 0 2px;
456     margin: 0;
457     vertical-align: bottom;
458 }
459 .openerp .filter_label {
460     font-weight: bold;
461     text-transform: uppercase;
462     text-shadow: #EEE 0 1px 0;
463     color: #4C4C4C;
464     white-space: nowrap;
465     min-height: 40px;
466     min-width: 75px;
467     padding: 2px 4px;
468     margin: 0;
469 }
470 .openerp .filter_label_group {
471     padding-right: 0.4em;
472     white-space: nowrap;
473 }
474
475 .openerp .filter_label_group button {
476     -webkit-border-radius: 0;
477     -moz-border-radius: 0;
478     border-radius: 0;
479     border-right: none;
480 }
481 .openerp .filter_label_group button:first-child {
482     -webkit-border-top-left-radius: 7px;
483     -webkit-border-bottom-left-radius: 7px;
484     -moz-border-radius-topleft: 7px;
485     -moz-border-radius-bottomleft: 7px;
486     border-top-left-radius: 7px;
487     border-bottom-left-radius: 7px;
488     border-right: none;
489 }
490 .openerp .filter_label_group button:last-child {
491     -webkit-border-top-right-radius: 7px;
492     -webkit-border-bottom-right-radius: 7px;
493     -moz-border-radius-topright: 7px;
494     -moz-border-radius-bottomright: 7px;
495     border-top-right-radius: 7px;
496     border-bottom-right-radius: 7px;
497     border-right: 1px solid #999;
498 }
499 .openerp .filter_label_group button.filter_icon img {
500     padding: 1px 8px 0 8px;
501 }
502 .openerp .filter_label_group button.filter_icon:first-child {
503     border-left: solid 1px #999;
504     margin-left: -7px;
505     -webkit-border-top-left-radius: 0;
506     -webkit-border-bottom-left-radius: 0;
507     -moz-border-radius-topleft: 0;
508     -moz-border-radius-bottomleft: 0;
509     border-top-left-radius: 0;
510     border-bottom-left-radius: 0;
511 }
512
513 .openerp .searchview_group_string {
514     display: block;
515     color: #7D7979;
516     font-weight: bold;
517     padding: 2px 0 2px 10px;
518     text-decoration: none;
519 }
520 .openerp .searchview_group_string:hover {
521     background-color: #ccc;
522 }
523 .openerp .searchview_group.folded .searchview_group_string {
524     background: url("/web/static/src/img/ui/group-folded.png") no-repeat scroll 0 50%;
525 }
526 .openerp .searchview_group.folded .searchview_group_content {
527     display: none;
528 }
529 .openerp .searchview_group.expanded .searchview_group_string {
530     background: url("/web/static/src/img/ui/group-expanded.png") no-repeat scroll 0 50%;
531 }
532 .openerp .searchview_group.expanded .searchview_group_content {
533     display: block;
534     padding-bottom:3px;
535 }
536
537 .openerp .searchview_group_content .oe_form_label, .openerp .searchview_group_content .oe_form_label_help {
538     font-weight: bold;
539     color: #4c4c4c;
540 }
541
542 .openerp .oe-searchview-render-line .oe_form_label, .openerp .oe-searchview-render-line .oe_form_label_help {
543     font-weight: bold;
544     font-size: 80%;
545     white-space: nowrap;
546 }
547
548 .openerp .searchview_extended_group {
549     padding: 3px;
550     margin: 2px;
551 }
552
553 .openerp .searchview_extended_group .oe_adv_filters_and {
554     border-bottom: 1px solid #8E8E8E;
555     text-align: center;
556     margin-top: -10px;
557 }
558 .openerp .searchview_extended_group .oe_adv_filters_and span {
559     background: #F0EEEE;
560     position: relative;
561     top: 0.5em;
562     padding: 0 1em 0 1em;
563     color: #8E8E8E;
564 }
565
566 .openerp .searchview_extended_group.last_group .oe_adv_filters_and {
567     display: none;
568 }
569
570 .openerp .oe_search-view-buttons {
571     padding: 2px 0 10px 0;
572     vertical-align:middle;
573 }
574 .openerp .oe_search-view-filters-management {
575     float: right;
576 }
577 .openerp .oe_search-view-filters-management, .openerp .oe_search-view-custom-filter-btn {
578     float:right;
579 }
580
581 .openerp .searchview_extended_add_proposition span {
582     font-size: 0.9em;
583     background: url(/web/static/src/img/icons/gtk-add.png) repeat-y;
584     padding-left: 18px;
585 }
586
587 .openerp .searchview_extended_delete_group {
588     float:right;
589     display: none;
590 }
591
592 .openerp .searchview_extended_delete_prop {
593     text-decoration: none;
594 }
595
596 .openerp .searchview_extended_delete_group span,
597 .openerp .searchview_extended_delete_prop span {
598     font-size: 0.9em;
599     background: url(/web/static/src/img/icons/gtk-close.png) repeat-y;
600     padding-left: 18px;
601 }
602 /* List */
603 .openerp table.oe-listview-content {
604     clear: right;
605     width: 100%;
606     border-spacing: 0;
607     border: 1px solid silver;
608 }
609
610 .openerp .oe-listview thead table {
611     width: 100%;
612     border:  none;
613 }
614 .openerp .oe-listview tr.odd {
615     background-color: #f3f3f3;
616 }
617 .openerp .oe-listview tbody tr:hover {
618     background-color: #ecebf2;
619 }
620 .openerp .oe-listview tbody tr:hover {
621     background-color: #eae9f0;
622 }
623 .openerp .oe-listview thead table tr,
624 .openerp .oe-listview thead table tr:hover {
625     background: none;
626 }
627
628 .openerp .oe-listview > table > tbody > tr > td,
629 .openerp .oe-listview th {
630     vertical-align: middle;
631     text-align: left;
632     padding: 1px 2px;
633 }
634
635 .openerp .oe-record-delete button,
636 .openerp button.oe-edit-row-save {
637     border: none;
638     height: 12px;
639     width: 12px;
640     background: url("/web/static/src/img/iconset-b-remove.png") no-repeat scroll center center transparent;
641     cursor: pointer;
642 }
643 .openerp button.oe-edit-row-save {
644     background-image: url('/web/static/src/img/icons/save-document.png');
645 }
646
647 /* Could use :not selectors if they were supported by MSIE8... */
648 .openerp .oe-listview > table > tbody > tr > td {
649     border-left: 1px solid #dadada; /*currently commenting to test with no vertical lines in list view*/
650 }
651 .openerp .oe-listview tbody td:first-child,
652 .openerp .oe-listview tbody td.oe-button,
653 .openerp .oe-listview tbody td.oe-button,
654 .openerp .oe-listview tbody th.oe-record-selector,
655 .openerp .oe-listview tbody td.oe-record-delete {
656     border-left: none;
657 }
658
659 .openerp .oe-listview td.oe-record-delete {
660     text-align: right;
661 }
662 .openerp .oe-listview th.oe-sortable {
663     cursor: pointer;
664     font-size: 75%;
665     text-transform: uppercase;
666     padding: 0;
667     margin: 0;
668     padding-left: 3px;
669     color: #333;
670 }
671 .openerp .oe-listview th.oe-sortable .ui-icon {
672     height: 60%;
673     margin: -6px 0 0;
674     display: inline;
675     display: inline-block;
676     vertical-align: middle;
677 }
678
679 .openerp .oe-listview > table > tbody > tr > td {
680     border-bottom: 1px solid #E3E3E3;
681 }
682
683
684 .openerp .oe-listview td.oe-actions {
685     border-bottom:none;
686 }
687
688 .openerp .oe-listview .oe-record-selector, .openerp .oe-listview .oe-record-edit-link {
689     border-bottom: 1px solid #E3E3E3;
690 }
691 .openerp .oe-listview .oe-record-edit-link {
692     cursor: pointer;
693 }
694
695 .openerp .oe-listview .oe-field-cell {
696     cursor: pointer;
697     margin-top: 0;
698     margin-bottom: 0;
699     padding-top: 3px;
700     padding-bottom: 3px;
701     font-size: 80%;
702 }
703 .openerp .oe-listview .oe-field-cell progress {
704     width: 100%;
705 }
706 .openerp .oe-listview .oe-field-cell.oe-button button,
707 .openerp .oe-listview .oe_form_button button {
708     margin: 0;
709     padding: 0;
710     border: none;
711     background: none;
712     width: 16px;
713     box-shadow: none;
714     -moz-box-shadow: none;
715     -webkit-box-shadow: none;
716 }
717 .openerp .oe-listview .oe-field-cell button:active {
718     opacity: 0.5;
719 }
720 .openerp .oe-listview .oe-field-cell button img {
721     cursor: pointer;
722 }
723 .openerp .oe-listview .oe-field-cell button img:hover {
724     opacity: 0.75;
725 }
726
727 .openerp .oe-listview .oe-field-cell .oe-listview-button-disabled img {
728     opacity: 0.5;
729 }
730
731 .openerp .oe-listview th.oe-actions {
732     text-align: left;
733     white-space: nowrap;
734 }
735 .openerp .oe-listview th.oe-list-pager {
736     text-align: right;
737     white-space: nowrap;
738 }
739 .openerp .oe-list-pager .oe-pager-state {
740     cursor: pointer;
741     font-size: 90%;
742     color: #555;
743 }
744
745 .openerp .oe_button.oe_button_pager,
746 .openerp .oe-list-pager > span,
747 .openerp .oe_form_pager > span {
748    line-height: 17px;
749    height: 17px;
750    cursor: pointer;
751    color: gray;
752    font-weight: bold;
753    vertical-align: middle;
754 }
755 .openerp .oe_button.oe_button_pager,
756 .openerp .oe_button.oe_button_pager:disabled {
757     padding: 0 3px 0 3px;
758     margin: 0;
759     height: 17px;
760 }
761 .openerp .oe-listview .oe-group-name {
762     padding-right: 1em;
763 }
764 .openerp .oe-listview .oe-group-name,
765 .openerp .oe-listview .oe-group-pagination {
766     white-space: nowrap;
767 }
768
769 .openerp .oe-listview tfoot td {
770     padding: 3px 3px 0;
771 }
772 .openerp .oe-listview .oe-list-footer {
773     text-align: center;
774     white-space: nowrap;
775     color: #444;
776     font-size: 85%;
777 }
778 .openerp .oe-listview .oe-list-footer span {
779     margin: 0 1em;
780 }
781 .openerp .oe-listview .oe-list-footer progress {
782     vertical-align:-10% !important;
783     width: 100%;
784 }
785
786 /** list rounded corners
787
788     rounded corners are a pain on tables: need to round not only table, but
789     also on the first and last children of the first and last row
790  */
791 .openerp .oe-listview table.oe-listview-content {
792     -webkit-border-radius: 4px;
793     -moz-border-radius: 4px;
794     border-radius: 4px;
795 }
796 .openerp .oe-listview table.oe-listview-content thead tr:first-child th:first-child {
797     -webkit-border-top-left-radius: 4px;
798     -moz-border-radius-topleft: 4px;
799     border-top-left-radius: 4px;
800 }
801 .openerp .oe-listview table.oe-listview-content thead tr:first-child th:last-child {
802     -webkit-border-top-right-radius: 4px;
803     -moz-border-radius-topright: 4px;
804     border-top-right-radius: 4px;
805 }
806 .openerp .oe-listview table.oe-listview-content tfoot tr:last-child th:first-child,
807 .openerp .oe-listview table.oe-listview-content tfoot tr:last-child td:first-child,
808 .openerp .oe-listview table.oe-listview-content tbody:last-child tr:last-child th:first-child {
809     -webkit-border-bottom-left-radius: 4px;
810     -moz-border-radius-bottomleft: 4px;
811     border-bottom-left-radius: 4px;
812 }
813 .openerp .oe-listview table.oe-listview-content tfoot tr:last-child th:last-child,
814 .openerp .oe-listview table.oe-listview-content tfoot tr:last-child td:last-child,
815 .openerp .oe-listview table.oe-listview-content tbody:last-child tr:last-child td:last-child {
816     -webkit-border-bottom-right-radius: 4px;
817     -moz-border-radius-bottomright: 4px;
818     border-bottom-right-radius: 4px;
819 }
820
821 /* Notebook */
822 .openerp .oe_form_notebook {
823     padding: 0;
824     background: none;
825     border-width: 0;
826 }
827 .openerp .oe_form_notebook .ui-tabs-panel {
828     padding: 4px;
829     -moz-border-radius-topright: 4px;
830     -webkit-border-top-right-radius: 4px;
831     border-top-right-radius: 4px;
832 }
833 .openerp .oe_form_notebook ul.ui-tabs-nav {
834     padding-left: 0;
835     background: transparent;
836     border-width: 0;
837     border-radius: 0;
838     -moz-border-radius: 0;
839     -webkit-border-radius: 0;
840     line-height: 0.8em;
841     font-size: 95%;
842     color: #555;
843 }
844 .openerp .oe_form_notebook ul.ui-tabs-nav li {
845     font-weight: bold;
846 }
847 .openerp .oe_form_notebook .ui-tabs-panel {
848     background: #f9f9f9;
849     border-width: 1px;
850 }
851 .openerp .oe_form_notebook .ui-tabs-selected {
852     background: #f9f9f9;
853 }
854 /* Unedit Form */
855 .openerp .oe_form_group_cell > .oe_form_field_many2one,
856 .openerp .oe_form_group_cell > .oe_form_field_many2one input,
857 .openerp .oe_form_group_cell > .oe_form_field_char input,
858 .openerp .oe_form_group_cell > .oe_form_field_email,
859 .openerp .oe_form_group_cell > .oe_form_field_email input,
860 .openerp .oe_form_group_cell > .oe_form_field_url,
861 .openerp .oe_form_group_cell > .oe_form_field_url input,
862 .openerp .oe_form_group_cell > .oe_form_field_date input,
863 .openerp .oe_form_group_cell > .oe_form_field_float input,
864 .openerp .oe_form_group_cell > .oe_form_field_selection select {
865     width: 100%;
866 }
867
868 .openerp .oe_form_field_char input,
869 .openerp .oe_form_field_email input,
870 .openerp .oe_form_field_url input,
871 .openerp .oe_form_field_date input,
872 .openerp .oe_form_field_float input,
873 .openerp .oe_form_field_many2one input,
874 .openerp .oe_form_field_selection select,
875 .openerp a.oe_form_uri {
876     vertical-align: middle;
877     padding-top: 3px;
878     font-size: 90%;
879     color: #222;
880 }
881 .openerp a.oe_form_uri {
882     color: #9A0404;
883     line-height: 12px;
884 }
885
886
887
888 /* Form */
889 .openerp .oe_form_button_save_dirty {
890     display: none;
891 }
892 .openerp .oe_form_dirty > .oe_form_header > .oe_form_buttons > .oe_form_button_save {
893     color: white;
894     background: #dc5f59;
895     background: -moz-linear-gradient(#dc5f59, #b33630);
896     background: -webkit-gradient(linear, left top, left bottom, from(#dc5f59), to(#b33630));
897     background: -webkit-linear-gradient(#dc5f59, #b33630);
898     -moz-box-shadow: none;
899     -webkit-box-shadow: none;
900     -box-shadow: none;
901     font-weight: bold;
902 }
903 .openerp .oe_form_group_cell input[type="checkbox"] {
904     margin-top: 3px;
905     vertical-align: middle;
906 }
907 .openerp .oe_form_group_cell .input[type="text"] {
908     padding-bottom: 1px;
909 }
910
911 .openerp table.oe_form_group td {
912     color: #4c4c4c;
913 }
914 .openerp td.oe_form_group_cell {
915     padding: 2px;
916 }
917 .openerp table.oe_form_group {
918     color: #4c4c4c;
919 }
920 .openerp fieldset.oe_group_box {
921     border: 1px solid #AAAAAA;
922     moz-border-radius: 4px;
923     -webkit-border-radius: 4px;
924     border-radius: 4px;
925     background: #F9F9F9;
926     padding: 4px;
927 }
928 .openerp fieldset.oe_group_box legend {
929     font-weight: bold;
930 }
931 .openerp td.oe_form_group_cell {
932     padding: 2px;
933     height: 25px;
934 }
935 .openerp td.oe_form_field_translatable,
936 .openerp td.oe_form_field_many2one,
937 .openerp td.oe_form_field_date,
938 .openerp td.oe_form_field_datetime {
939     white-space: nowrap;
940 }
941 .openerp td.oe_form_field_boolean {
942     padding-top: 4px;
943 }
944 .openerp td.oe_form_group_cell.oe_form_group_nested {
945     padding: 0;
946 }
947 .openerp .required.error {
948     border: 1px solid #900;
949 }
950 .openerp .oe_form_buttons, .openerp .oe_list_buttons {
951     float: left;
952 }
953 .openerp .oe_form_pager, .openerp .oe_list_pager {
954     float: right;
955     font-size: 80%;
956     color: gray;
957     font-weight: bold;
958 }
959
960 .openerp .oe_form_pager {
961     margin-right: 3px;
962 }
963
964
965 .openerp label.oe_form_label_help, .openerp label.oe_form_label,
966 .openerp .oe_form_paragraph,
967 .openerp .oe_form_field_statusbar,
968 .openerp .oe_form input[type="text"],
969 .openerp .oe_form input[type="password"],
970 .openerp .oe_form input[type="file"],
971 .openerp .oe_form select,
972 .openerp .oe_form .oe_button,
973 .openerp .oe_form textarea {
974     font-size: 85%;
975 }
976
977 .openerp label.oe_form_label_help, .openerp label.oe_form_label {
978     display: block;
979     color: #4c4c4c;
980     font-weight: normal;
981 }
982 .openerp label.oe_form_label_help {
983     cursor: help;
984 }
985 .openerp .oe_form_group_cell  .oe_form_label, .openerp .oe_form_group_cell  .oe_form_label_help {
986     font-weight: normal;
987 }
988 .openerp #tiptip_content {
989     font-size: 12px;
990 }
991 .openerp .oe_tooltip_string {
992     color: #FD5;
993     font-weight: bold;
994     font-size: 13px;
995 }
996 .openerp .oe_tooltip_help {
997     white-space: pre-wrap;
998 }
999 .openerp .oe_tooltip_technical {
1000     padding: 0 0 4px 0;
1001     margin: 5px 0 0 15px;
1002     list-style: circle;
1003 }
1004 .openerp .oe_tooltip_technical_title {
1005     font-weight: bold;
1006 }
1007
1008 .openerp .oe_form label.oe_form_label, .openerp .oe_form label.oe_form_label_help {
1009     margin: 3px 0 0 3px;
1010     white-space: nowrap;
1011 }
1012 .openerp .oe_form .searchview_group_content label.oe_form_label, .openerp .searchview_group_content .oe_form label.oe_form_label_help { /* making a distinction between labels in search view and other labels */
1013     margin: 3px 0 0 3px;
1014 }
1015
1016 .openerp label.oe_form_label_help span {
1017     font-size: 80%;
1018     color: darkgreen;
1019     vertical-align:top;
1020     position: relative;
1021     top: -4px;
1022     padding: 0 2px;
1023 }
1024 .openerp .oe_align_left {
1025     text-align: left;
1026 }
1027 .openerp .oe_align_right {
1028     text-align: right;
1029 }
1030 .openerp .oe_align_center {
1031     text-align: center;
1032 }
1033 .openerp .oe_form .oe_form_paragraph {
1034     margin: 3px 0 0 0;
1035     white-space: normal;
1036 }
1037
1038 .openerp .oe_form .oe_form_paragraph.oe_multilines {
1039     white-space: pre;
1040 }
1041
1042 .openerp .oe_form_field_one2many .oe-actions h3.oe_view_title,
1043 .openerp .oe_form_field_one2many_list .oe-actions h3.oe_view_title{
1044     display: inline;
1045     margin: 0 0.5em 0 0;
1046 }
1047
1048 .openerp .oe_form .oe-listview th.oe-sortable .ui-icon,
1049 .openerp .oe_form .oe-listview th.oe-sortable .ui-icon {
1050     height: 100%;
1051     margin-top: -9px;
1052 }
1053
1054 .openerp table.oe_form_group .oe-listview-content td {
1055     color: inherit;
1056 }
1057
1058 /* Uneditable Form View */
1059 .openerp .oe_form_readonly {
1060
1061 }
1062 .openerp .oe_form_readonly .oe_form_group_cell .field_text,
1063 .openerp .oe_form_readonly .field_char,
1064 .openerp .oe_form_readonly .field_int,
1065 .openerp .oe_form_readonly .field_float,
1066 .openerp .oe_form_readonly .field_email,
1067 .openerp .oe_form_readonly .field_date,
1068 .openerp .oe_form_readonly .field_selection,
1069 .openerp .oe_form_readonly .oe_form_field_many2one {
1070     padding: 3px 2px 2px 2px;
1071     background-color: white;
1072     height: 17px;
1073 }
1074 .openerp .oe_form_readonly .oe_form_group_cell .field_text {
1075     height: auto;
1076 }
1077 .openerp .oe_form_readonly .field_datetime {
1078     padding: 1px 2px 2px 2px;
1079     background-color: white;
1080     height:19px;
1081 }
1082 .openerp .oe_form_readonly .oe_form_field_many2one div {
1083     background-color:white;
1084     height:18px;
1085     margin-bottom:1px;
1086     padding: 0px 2px 5px 2px;
1087 }
1088
1089 .openerp .oe_form_readonly .oe_form_field_email div  {
1090     background-color: white;
1091     padding: 1px 2px 3px 2px;
1092 }
1093
1094
1095 .openerp .oe_form_readonly .oe_form_field_text div.field_text,
1096 .openerp .oe_form_readonly .oe_form_field_text_html div.field_text_html {
1097     white-space: pre-wrap;
1098 }
1099 .openerp .oe_form_readonly .oe_form_group_cell .field_text  {
1100     min-height:100px;
1101 }
1102 /* Inputs */
1103 .openerp .oe_form input[type="text"],
1104 .openerp .oe_form input[type="password"],
1105 .openerp .oe_form input[type="file"],
1106 .openerp .oe_form select,
1107 .openerp .oe_form textarea {
1108     -moz-box-sizing: border-box;
1109     -webkit-box-sizing: border-box;
1110     -ms-box-sizing: border-box;
1111     box-sizing: border-box;
1112     padding: 0 2px;
1113     margin: 0 2px;
1114     border: 1px solid #999;
1115     -moz-border-radius: 3px;
1116     -webkit-border-radius: 3px;
1117     border-radius: 3px;
1118     background: white;
1119     min-width: 90px;
1120     color: #1f1f1f;
1121 }
1122
1123 .openerp .oe_form .oe_form_field_many2one input,
1124 .openerp .oe_form .oe_form_field_binary input,
1125 .openerp .oe_form .oe_form_field_binary input,
1126 .openerp .oe_form .oe_form_field_email input,
1127 .openerp .oe_form .oe_form_field_url input {
1128     border-right: none;
1129     -webkit-border-top-right-radius: 0px;
1130     -webkit-border-bottom-right-radius: 0px;
1131     -moz-border-radius-topright: 0px;
1132     -moz-border-radius-bottomright: 0px;
1133     border-top-right-radius: 0px;
1134     border-bottom-right-radius: 0px;
1135 }
1136 .openerp .oe_button.oe_field_button {
1137     -webkit-border-top-left-radius: 0px;
1138     -webkit-border-bottom-left-radius: 0px;
1139     -moz-border-radius-topleft: 0px;
1140     -moz-border-radius-bottomleft: 0px;
1141     border-top-left-radius: 0px;
1142     border-bottom-left-radius: 0px;
1143     margin-right:-1px;
1144     height: 22px;
1145 }
1146
1147 .openerp .oe_form_field_email button img,
1148 .openerp .oe_form_field_url button img {
1149     vertical-align: top;
1150 }
1151 /* vertically recentering filter management select tag */
1152 .openerp select.oe_search-view-filters-management { 
1153     margin-top:2px;
1154 }
1155
1156 .openerp .oe_form select{
1157     padding-top: 2px;
1158 }
1159 .openerp .oe_form input[readonly],
1160 .openerp .oe_form select[readonly],
1161 .openerp .oe_form textarea[readonly],
1162 .openerp .oe_form input[disabled],
1163 .openerp .oe_form select[disabled],
1164 .openerp .oe_form textarea[disabled]{
1165     background: #E5E5E5 !important;
1166     color: #666;
1167 }
1168 .openerp .oe_form textarea {
1169     resize:vertical;
1170 }
1171 .openerp .oe_form input[type="text"],
1172 .openerp .oe_form input[type="password"],
1173 .openerp .oe_form input[type="file"],
1174 .openerp .oe_form select,
1175 .openerp .oe_form .oe_button {
1176     height: 22px;
1177 }
1178
1179 .openerp .oe_form input.oe_form_field_datetime {
1180     min-width: 11em;
1181 }
1182 .openerp .oe_form .oe_form_button .oe_button {
1183     color: #4c4c4c;
1184     white-space: nowrap;
1185     min-width: 100%;
1186     width: 100%;
1187 }
1188 @-moz-document url-prefix() {
1189     /* Strange firefox behaviour on width: 100% + white-space: nowrap */
1190     .openerp .oe_form .oe_form_button .oe_button {
1191         width: auto;
1192     }
1193 }
1194 /* IE Hack - for IE < 9
1195  * Avoids buttons overflow
1196  * */
1197 .openerp .oe_form .oe_form_button .oe_button {
1198     min-width: auto\9;
1199 }
1200 .openerp .oe_form .button {
1201     height: 22px;
1202 }
1203 .openerp .oe_form .oe_button span {
1204     position: relative;
1205     vertical-align: top;
1206 }
1207 .openerp .oe_input_icon {
1208     cursor: pointer;
1209     margin: 3px 0 0 -21px;
1210     vertical-align: top;
1211 }
1212 .openerp .oe_datepicker_container {
1213     display: none;
1214 }
1215 .openerp .oe_datepicker_root {
1216     display: inline-block;
1217 }
1218 .openerp .oe_form_group_cell .oe_datepicker_root {
1219     width: 100%;
1220 }
1221 .openerp .oe_input_icon_disabled {
1222     position: absolute;
1223     cursor: default;
1224     opacity: 0.5;
1225     filter:alpha(opacity=50);
1226     right: 5px;
1227     top: 3px;
1228 }
1229 .openerp .oe_trad_field.touched {
1230     border: 1px solid green !important;
1231 }
1232
1233 /* http://www.quirksmode.org/dom/inputfile.html
1234  * http://stackoverflow.com/questions/2855589/replace-input-type-file-by-an-image
1235  */
1236 .openerp .oe-binary-file-set {
1237     overflow: hidden;
1238     position: relative;
1239 }
1240 .openerp input.oe-binary-file {
1241     z-index: 0;
1242     line-height: 0;
1243     font-size: 12px;
1244     position: absolute;
1245     /* Should be adjusted for all browsers */
1246     top: 1px;
1247     right: 10px;
1248     opacity: 0;
1249     filter: alpha(opacity = 0);
1250     -ms-filter: "alpha(opacity=0)";
1251     margin: 0;
1252     padding:0;
1253 }
1254
1255 /* Widgets */
1256 .openerp .oe_horizontal_separator {
1257     font-weight: bold;
1258     border: 0 solid #666;
1259     border-bottom-width: 1px;
1260     margin: 3px 4px 3px 1px;
1261     height: 17px;
1262     font-size: 95%;
1263 }
1264 .openerp .oe_horizontal_separator:empty {
1265     height: 5px;
1266 }
1267 .openerp .oe_vertical_separator {
1268     border-left: 1px solid #666;
1269     padding: 0 4px 0 4px;
1270 }
1271 .openerp td.required input, .openerp td.required select {
1272     background-color: #D2D2FF !important;
1273 }
1274 .openerp td.invalid input, .openerp td.invalid select, .openerp td.invalid textarea {
1275     background-color: #F66 !important;
1276     border: 1px solid #D00 !important;
1277 }
1278 .openerp div.oe-progressbar span {
1279     position: absolute;
1280     margin-left: 10px;
1281     margin-top: 5px;
1282     font-weight: bold;
1283 }
1284
1285 /* jQuery UI override */
1286 .openerp .ui-widget {
1287     font-size: 1em;
1288 }
1289 .openerp .oe_form_field_progressbar .ui-progressbar {
1290     height: 22px;
1291     font-size: 10px;
1292     -moz-box-sizing: border-box;
1293     -webkit-box-sizing: border-box;
1294     -ms-box-sizing: border-box;
1295     box-sizing: border-box;
1296     border: 1px solid #999;
1297     -moz-border-radius: 3px;
1298     -webkit-border-radius: 3px;
1299     border-radius: 3px;
1300     background: white;
1301     min-width: 90px;
1302 }
1303 .openerp tbody.ui-widget-content {
1304     margin-bottom: 10px;
1305     border-spacing: 4px;
1306 }
1307 .openerp .ui-widget-header {
1308     background: white none;
1309 }
1310 /* progress bars */
1311 .openerp .ui-progressbar .ui-widget-header {
1312     background: #cccccc url(/web/static/lib/jquery.ui/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
1313 }
1314
1315 /* Sidebar */
1316 .openerp .view-manager-main-table {
1317     margin: 0;
1318     width:100%;
1319     border-collapse:collapse;
1320     height:100%;
1321 }
1322
1323 .openerp .view-manager-main-table tbody {
1324     vertical-align: top;
1325 }
1326
1327 .openerp .oe-view-manager-header {
1328     overflow: auto;
1329     background: url("/web/static/src/img/sep-a.gif") 0 100% repeat-x;
1330     margin:6px 0 6px 2px;
1331 }
1332 .openerp .oe_form_group_cell .oe-view-manager-header { /* Trick: remove the background when element is in a formular */
1333     background: none;
1334 }
1335
1336 .openerp .oe-view-manager-header h2 {
1337     float: left;
1338 }
1339
1340 .openerp .oe_view_manager_menu_tips blockquote {
1341     display: none;
1342     font-size: 85%;
1343     margin: 0;
1344     background: #fff;
1345     border-bottom: 1px solid #CECBCB;
1346     padding: 1px 10px;
1347     color: #4C4C4C;
1348 }
1349 .openerp .oe_view_manager_menu_tips blockquote p {
1350     margin: 0;
1351     padding: 6px 1px 4px;
1352 }
1353
1354 .openerp .oe_view_manager_menu_tips blockquote div {
1355     text-align: right;
1356     margin-right:10px;
1357 }
1358
1359 .openerp .oe_view_manager_menu_tips blockquote div button {
1360     border: none;
1361     background: none;
1362     padding: 0 4px;
1363     margin: 0;
1364     display: inline;
1365     text-decoration: underline;
1366     color: inherit;
1367 }
1368 .openerp .oe-view-manager-logs {
1369     clear: both;
1370     background: #fff;
1371     margin: 0.25em 0;
1372     font-size: 85%;
1373     color: #4C4C4C;
1374     position: relative;
1375     overflow: hidden;
1376 }
1377 .openerp .oe-view-manager-logs ul {
1378     margin: 0;
1379     padding: 0 10px;
1380     list-style: none;
1381 }
1382 .openerp .oe-view-manager-logs li:before {
1383     content: '\2192 ';
1384 }
1385 .openerp .oe-view-manager-logs a {
1386     text-decoration: none;
1387     color: inherit;
1388 }
1389 /* only display first three log items of a folded logs list */
1390 .openerp .oe-view-manager-logs.oe-folded li:nth-child(n+4) {
1391     display: none;
1392 }
1393 /* display link to more logs if there are more logs to view and the logview is
1394    currently folded */
1395 .openerp .oe-view-manager-logs a.oe-more-logs {
1396     display: none;
1397 }
1398 .openerp .oe-view-manager-logs.oe-folded.oe-has-more a.oe-more-logs {
1399     display: block;
1400 }
1401 .openerp .oe-view-manager-logs a.oe-remove-everything {
1402     position: absolute;
1403     top: 0;
1404     right: 0;
1405     cursor: pointer;
1406 }
1407
1408 .openerp .view-manager-main-sidebar {
1409     width: 180px;
1410     padding: 0;
1411     margin: 0;
1412 }
1413
1414 .openerp .sidebar-main-div {
1415     height: 100%;
1416     border-left: 1px solid #D2CFCF;
1417 }
1418
1419 .openerp .sidebar-content {
1420     padding: 0;
1421     margin: 0;
1422     width: 180px;
1423     height: 100%;
1424     font-size: 0.9em;
1425 }
1426
1427 .openerp .closed-sidebar .sidebar-content {
1428     width: 22px;
1429 }
1430
1431 .openerp .closed-sidebar .sidebar-content {
1432     display: none;
1433 }
1434
1435 .openerp .sidebar-main-div a {
1436     color: #555;
1437     text-decoration: none;
1438 }
1439
1440 .openerp .sidebar-main-div a:hover {
1441     color: black;
1442 }
1443
1444 .openerp .oe-sidebar-attachments-toolbar {
1445     margin: 4px 0 0 4px;
1446 }
1447 .openerp .oe-sidebar-attachments-items {
1448     clear: both;
1449     padding-top: 5px !important;
1450 }
1451 .openerp .oe-sidebar-attachments-items li {
1452     position: relative;
1453     padding: 0 0 3px 10px !important;
1454 }
1455 .openerp .oe-sidebar-attachments-items li:hover {
1456     background: #ddd;
1457 }
1458 .openerp .oe-sidebar-attachments-link {
1459     display: block;
1460     margin-right: 15px;
1461     overflow: hidden;
1462 }
1463 .openerp .oe-sidebar-attachment-delete {
1464     position: absolute;
1465     right: 2px;
1466     top: 1px;
1467     overflow: hidden;
1468     width: 15px;
1469     height: 15px;
1470     padding: 1px;
1471     border-radius: 7px;
1472     -moz-border-radius: 7px;
1473     -webkit-border-radius: 7px;
1474 }
1475 .openerp .oe-sidebar-attachment-delete:hover {
1476     background-color: white;
1477 }
1478
1479 .openerp .view-manager-main-sidebar h2 {
1480     margin:0;
1481     font-size: 1.15em;
1482     color: #8E8E8E;
1483     text-shadow: white 0 1px 0;
1484     padding-left: 10px;
1485     padding-right: 21px;
1486     height: 21px;
1487
1488     background: #ffffff; /* Old browsers */
1489     background: -moz-linear-gradient(top, #ffffff 0%, #ebe9e9 100%); /* FF3.6+ */
1490     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebe9e9)); /* Chrome,Safari4+ */
1491     background: -webkit-linear-gradient(top, #ffffff 0%,#ebe9e9 100%); /* Chrome10+,Safari5.1+ */
1492     background: -o-linear-gradient(top, #ffffff 0%,#ebe9e9 100%); /* Opera11.10+ */
1493     background: -ms-linear-gradient(top, #ffffff 0%,#ebe9e9 100%); /* IE10+ */
1494     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EBE9E9',GradientType=0 ); /* IE6-9 */
1495     background: linear-gradient(top, #ffffff 0%,#ebe9e9 100%); /* W3C */
1496
1497     border: 1px solid #D2CFCF;
1498     border-right-width: 0;
1499     border-left-width: 0;
1500 }
1501 .openerp .view-manager-main-sidebar h2 {
1502     border-top-width: 0;
1503 }
1504
1505 .openerp .view-manager-main-sidebar ul {
1506     list-style-type: none;
1507     margin: 0;
1508     padding: 0;
1509     display: block;
1510 }
1511
1512 .openerp .view-manager-main-sidebar li {
1513     display: block;
1514     padding: 3px 3px 3px 10px;
1515 }
1516
1517 .openerp .toggle-sidebar {
1518     cursor: pointer;
1519     border: 1px solid #D2CFCF;
1520     border-top-width: 0;
1521     display: block;
1522     background: url(/web/static/src/img/toggle-a-bg.png);
1523     width: 21px;
1524     height: 21px;
1525     z-index: 10;
1526 }
1527 .openerp .open-sidebar .toggle-sidebar {
1528     margin-left: 158px;
1529     background-position: 21px 0;
1530     position: absolute;
1531 }
1532 .openerp .closed-sidebar .toggle-sidebar {
1533     border-left: none;
1534 }
1535 .openerp li.oe_sidebar_print {
1536     padding-left: 20px;
1537     background: 1px 3px url(/web/static/src/img/icons/gtk-print.png) no-repeat;
1538 }
1539
1540 .openerp .oe_sidebar_print ul {
1541     padding-left:8px;
1542 }
1543
1544 .openerp.kitten-mode-activated .main_table {
1545     background: url(http://placekitten.com/g/1500/800) repeat;
1546 }
1547 .openerp.kitten-mode-activated.clark-gable .main_table {
1548     background: url(http://amigrave.com/ClarkGable.jpg);
1549     background-size: 100%;
1550 }
1551
1552 .openerp.kitten-mode-activated .header {
1553     background: url(http://placekitten.com/g/211/65) repeat;
1554 }
1555
1556 .openerp.kitten-mode-activated .menu {
1557     background: #828282;
1558     background: -moz-linear-gradient(top, #828282 0%, #4D4D4D 100%);
1559     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#828282), color-stop(100%,#4D4D4D));
1560     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828282', endColorstr='#4D4D4D',GradientType=0 );
1561 }
1562 .openerp.kitten-mode-activated .menu a {
1563     background: none;
1564 }
1565 .openerp.kitten-mode-activated .menu span {
1566     background: none;
1567 }
1568 .openerp.kitten-mode-activated .sidebar-content li a,
1569 .openerp.kitten-mode-activated .oe-application .view-manager-main-content h2.oe_view_title,
1570 .openerp.kitten-mode-activated .oe-application .view-manager-main-content a.searchview_group_string,
1571 .openerp.kitten-mode-activated .oe-application .view-manager-main-content label  {
1572     color: white;
1573 }
1574 .openerp.kitten-mode-activated .menu,
1575 .openerp.kitten-mode-activated .header_corner,
1576 .openerp.kitten-mode-activated .header_title,
1577 .openerp.kitten-mode-activated .oe-application,
1578 .openerp.kitten-mode-activated .oe_footer,
1579 .openerp.kitten-mode-activated .loading,
1580 .openerp.kitten-mode-activated .ui-dialog {
1581     opacity:0.8;
1582     filter:alpha(opacity=80);
1583 }
1584 .openerp.kitten-mode-activated .header .company_logo {
1585     background: url(http://placekitten.com/g/180/46);
1586 }
1587 .openerp.kitten-mode-activated .loading {
1588     background: #828282;
1589     border-color: #828282;
1590 }
1591
1592 .openerp .oe-m2o-drop-down-button {
1593     margin-left: -24px;
1594 }
1595 .openerp .oe-m2o-drop-down-button img {
1596     margin-bottom: -4px;
1597     cursor: pointer;
1598 }
1599 .openerp .oe-m2o input  {
1600     border-right: none;
1601     margin-right: 0px !important;
1602     padding-bottom: 2px !important;
1603 }
1604 .openerp .oe-m2o-disabled-cm {
1605     color: grey;
1606 }
1607 .openerp ul[role="listbox"] li a {
1608     font-size:80%;
1609 }
1610 .parent_top {
1611     vertical-align: text-top;
1612 }
1613
1614 .openerp .oe-dialog-warning p {
1615     padding-left: 1em;
1616     font-size: 1.2em;
1617     font-weight: bold;
1618 }
1619
1620 .openerp .dhx_mini_calendar {
1621     -moz-box-shadow: none;
1622     -khtml-box-shadow: none;
1623     -webkit-box-shadow: none;
1624     box-shadow: none;
1625 }
1626 .openerp .oe-treeview-table {
1627     width: 100%;
1628     background-color : #FFFFFF;
1629     border-spacing: 0;
1630     
1631 }
1632 .openerp .oe-treeview-table tr:hover{
1633     color: blue;
1634     background-color : #D8D8D8;
1635 }
1636 .treeview-tr, .treeview-td {
1637     cursor: pointer;
1638     vertical-align: top;
1639     text-align: left;
1640     border-bottom: 1px solid #CFCCCC;
1641 }
1642 .openerp .oe-treeview-table .oe-number {
1643    text-align: right !important;
1644 }
1645 .treeview-tr span, .treeview-td span {
1646     font-size: 90%;
1647     font-weight: normal;
1648     white-space: nowrap;
1649     display: block;
1650     }
1651 .treeview-tr.oe-treeview-first {
1652     background: transparent url(/web/static/src/img/expand.gif) 0 50% no-repeat;
1653 }
1654 .oe-open .treeview-tr.oe-treeview-first {
1655     background-image: url(/web/static/src/img/collapse.gif);
1656 }
1657 .treeview-tr.oe-treeview-first span,
1658 .treeview-td.oe-treeview-first span {
1659     margin-left: 16px;
1660 }
1661
1662 .treeview-header {
1663     vertical-align: top;
1664     background-color : #D8D8D8;
1665     white-space: nowrap;
1666     text-align: left;
1667     padding: 4px 5px;
1668 }
1669 /* Shortcuts*/
1670 .oe-shortcut-toggle {
1671     height: 20px;
1672     margin-top: 3px;
1673     padding: 0;
1674     width: 24px;
1675     cursor: pointer;
1676     display: block;
1677     background: url(/web/static/src/img/add-shortcut.png) no-repeat center center;
1678     float: left;
1679 }
1680 .oe-shortcut-remove{
1681     background: url(/web/static/src/img/remove-shortcut.png) no-repeat center center;
1682 }
1683 .oe-shortcuts {
1684     position: absolute;
1685     margin: 0;
1686     padding: 6px 15px;
1687     top: 37px;
1688     left: 197px;
1689     right: 0;
1690     height: 17px;
1691     line-height: 1.2;
1692 }
1693 .oe-shortcuts ul {
1694     display: block;
1695     overflow: hidden;
1696     list-style: none;
1697     white-space: nowrap;
1698     padding: 0;
1699     margin: 0;
1700 }
1701 .oe-shortcuts li {
1702     cursor: pointer;
1703     display: -moz-inline-stack;
1704     display: inline-block;
1705     display: inline; /*IE7 */
1706     color: #fff;
1707     text-align: center;
1708     border-left: 1px solid #909090;
1709     padding: 0 4px;
1710     font-size: 80%;
1711     font-weight: normal;
1712     vertical-align: top;
1713 }
1714
1715 .oe-shortcuts li:hover {
1716     background-color: #666;
1717 }
1718 .oe-shortcuts li:first-child {
1719     border-left: none;
1720     padding-left: 0;
1721 }
1722
1723 ul.oe-arrow-list {
1724     padding-left: 1.1em;
1725     margin: 0;
1726     white-space: nowrap;
1727 }
1728 ul.oe-arrow-list li {
1729     display: inline-block;
1730     margin-left: -1em;
1731 }
1732 ul.oe-arrow-list li span {
1733     vertical-align: top;
1734     display: inline-block;
1735     border: 1em solid #DEDEDE;
1736     line-height:0em;
1737 }
1738 ul.oe-arrow-list .oe-arrow-list-before {
1739     border-left-color: rgba(0,0,0,0);
1740     border-right-width:0;
1741 }
1742 ul.oe-arrow-list .oe-arrow-list-after {
1743     border-color: rgba(0,0,0,0);
1744     border-left-color: #DEDEDE;
1745     border-right-width:0;
1746 }
1747 ul.oe-arrow-list li.oe-arrow-list-selected span {
1748     border-color: #B5B9FF;
1749 }
1750 ul.oe-arrow-list li.oe-arrow-list-selected .oe-arrow-list-before {
1751     border-left-color: rgba(0,0,0,0);
1752 }
1753 ul.oe-arrow-list li.oe-arrow-list-selected .oe-arrow-list-after {
1754     border-color: rgba(0,0,0,0);
1755     border-left-color: #B5B9FF;
1756 }
1757 .openerp ul.oe-arrow-list li:first-child span:first-child{
1758     -webkit-border-top-left-radius: 3px;
1759     -moz-border-radius-topleft: 3px;
1760     border-top-left-radius: 3px;
1761     -webkit-border-bottom-left-radius: 3px;
1762     -moz-border-radius-bottomleft: 3px;
1763     border-bottom-left-radius: 3px;
1764 }
1765 .openerp ul.oe-arrow-list li:last-child span:last-child{
1766     -webkit-border-top-right-radius: 3px;
1767     -moz-border-radius-topright: 3px;
1768     border-top-right-radius: 3px;
1769     -webkit-border-bottom-right-radius: 3px;
1770     -moz-border-radius-bottomright: 3px;
1771     border-bottom-right-radius: 3px;
1772 }
1773 .openerp .oe_view_editor {
1774     width:100%;
1775     border-collapse : collapse;
1776     margin-left: -12px;
1777     
1778     width: 100%;
1779     background-color : white;
1780     border-spacing: 0;
1781 }
1782 .openerp .oe_view_editor td{
1783     text-align: center;
1784     white-space: nowrap;
1785     border: 1px solid #D8D8D8;
1786     
1787     cursor: pointer;
1788     font-size: 90%;
1789 }
1790 .openerp .oe_view_editor_field td{
1791     border: 0px !important;
1792 }
1793
1794 .openerp .oe_view_editor tr:hover {
1795     background-color: #ecebf2;
1796 }
1797
1798
1799 /* Dialog traceback cases */
1800 .openerp .oe_error_detail{
1801     display: block;
1802 }
1803 .openerp .oe_error_send{
1804     display:block;
1805 }
1806 .openerp .oe_fielddiv{
1807     display:inline-block;
1808     width:100%;
1809 }
1810 .openerp .oe_fielddiv input[type=text],textarea{
1811     width:100%;
1812 }
1813 /* for Alignment center */
1814 .openerp .oe_centeralign{
1815     text-align:center;
1816 }
1817
1818 .openerp .oe_applications_tiles {
1819   color: #4C4C4C;
1820   text-shadow: #EEE 0 1px 0;
1821   margin: 0 20px;
1822 }
1823
1824 .openerp .oe_vm_switch {
1825     margin:2px 0 0 0;
1826 }
1827
1828 .openerp .oe_vm_switch_form,
1829 .openerp .oe_vm_switch_page,
1830 .openerp .oe_vm_switch_tree,
1831 .openerp .oe_vm_switch_list,
1832 .openerp .oe_vm_switch_graph,
1833 .openerp .oe_vm_switch_gantt,
1834 .openerp .oe_vm_switch_calendar,
1835 .openerp .oe_vm_switch_kanban,
1836 .openerp .oe_vm_switch_diagram {
1837     background: url("/web/static/src/img/views-icons-a.png") repeat-x scroll left top transparent;
1838     overflow: hidden;
1839     width: 22px;
1840     height: 21px;
1841     border: none;
1842     background-position: 0px 0px;
1843 }
1844
1845 .openerp .oe_vm_switch_form span,
1846 .openerp .oe_vm_switch_page span,
1847 .openerp .oe_vm_switch_tree span,
1848 .openerp .oe_vm_switch_list span,
1849 .openerp .oe_vm_switch_graph span,
1850 .openerp .oe_vm_switch_gantt span,
1851 .openerp .oe_vm_switch_calendar span,
1852 .openerp .oe_vm_switch_kanban span,
1853 .openerp .oe_vm_switch_diagram span {
1854     display: none;
1855 }
1856
1857 .openerp .oe_vm_switch_list {
1858     background-position: 0px 0px;
1859 }
1860 .openerp .oe_vm_switch_list:active,
1861 .openerp .oe_vm_switch_list:hover,
1862 .openerp .oe_vm_switch_list:focus,
1863 .openerp .oe_vm_switch_list[disabled="disabled"] {
1864     background-position: 0px -21px;
1865 }
1866
1867 .openerp .oe_vm_switch_tree {
1868     background-position: 0px 0px;
1869 }
1870 .openerp .oe_vm_switch_tree:active,
1871 .openerp .oe_vm_switch_tree:hover,
1872 .openerp .oe_vm_switch_tree:focus,
1873 .openerp .oe_vm_switch_tree[disabled="disabled"] {
1874     background-position: 0px -21px;
1875 }
1876
1877 .openerp .oe_vm_switch_form {
1878     background-position: -22px 0px;
1879 }
1880 .openerp .oe_vm_switch_form:active,
1881 .openerp .oe_vm_switch_form:hover,
1882 .openerp .oe_vm_switch_form:focus,
1883 .openerp .oe_vm_switch_form[disabled="disabled"] {
1884     background-position: -22px -21px;
1885 }
1886
1887 .openerp .oe_vm_switch_page {
1888     background-position: -22px 0px;
1889 }
1890 .openerp .oe_vm_switch_page:active,
1891 .openerp .oe_vm_switch_page:hover,
1892 .openerp .oe_vm_switch_page:focus,
1893 .openerp .oe_vm_switch_page[disabled="disabled"] {
1894     background-position: -22px -21px;
1895 }
1896 .openerp .oe_vm_switch_graph {
1897     background-position: -44px 0px;
1898 }
1899 .openerp .oe_vm_switch_graph:active,
1900 .openerp .oe_vm_switch_graph:hover,
1901 .openerp .oe_vm_switch_graph:focus,
1902 .openerp .oe_vm_switch_graph[disabled="disabled"] {
1903     background-position: -44px -21px;
1904 }
1905
1906 .openerp .oe_vm_switch_gantt {
1907     background-position: -66px 0px;
1908 }
1909 .openerp .oe_vm_switch_gantt:active,
1910 .openerp .oe_vm_switch_gantt:hover,
1911 .openerp .oe_vm_switch_gantt:focus,
1912 .openerp .oe_vm_switch_gantt[disabled="disabled"] {
1913     background-position: -66px -21px;
1914 }
1915
1916 .openerp .oe_vm_switch_calendar {
1917     background-position: -88px 0px;
1918 }
1919 .openerp .oe_vm_switch_calendar:active,
1920 .openerp .oe_vm_switch_calendar:hover,
1921 .openerp .oe_vm_switch_calendar:focus,
1922 .openerp .oe_vm_switch_calendar[disabled="disabled"] {
1923     background-position: -88px -21px;
1924 }
1925 .openerp .oe_vm_switch_kanban {
1926     background-position: -110px 0px;
1927 }
1928 .openerp .oe_vm_switch_kanban:active,
1929 .openerp .oe_vm_switch_kanban:hover,
1930 .openerp .oe_vm_switch_kanban:focus,
1931 .openerp .oe_vm_switch_kanban[disabled="disabled"] {
1932     background-position: -110px -21px;
1933 }
1934
1935 .openerp .oe_vm_switch_diagram {
1936     background-position: 0px 0px;
1937 }
1938 .openerp .oe_vm_switch_diagram:active,
1939 .openerp .oe_vm_switch_diagram:hover,
1940 .openerp .oe_vm_switch_diagram:focus,
1941 .openerp .oe_vm_switch_diagram[disabled="disabled"] {
1942     background-position: 0px -21px;
1943 }
1944
1945 /* Buttons */
1946 .openerp .oe_button:link,
1947 .openerp .oe_button:visited,
1948 .openerp .oe_button {
1949     display: inline-block;
1950     border: 1px solid #ababab;
1951     color: #404040;
1952     font-size: 12px;
1953     padding: 3px 10px;
1954     text-align: center;
1955     -o-background-size: 100% 100%;
1956     -moz-background-size: 100% 100%;
1957     -webkit-background-size: auto auto !important;
1958     background-size: 100% 100%;
1959     background: #d8d8d8 none;
1960     background: none, -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#d8d8d8));
1961     background: none, -webkit-linear-gradient(#efefef, #d8d8d8);
1962     background: none, -moz-linear-gradient(#efefef, #d8d8d8);
1963     background: none, -o-linear-gradient(top, #efefef, #d8d8d8);
1964     background: none, -khtml-gradient(linear, left top, left bottom, from(#efefef), to(#d8d8d8));
1965     background: -ms-linear-gradient(top, #efefef, #d8d8d8);
1966     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#d8d8d8',GradientType=0 );
1967     -moz-border-radius: 3px;
1968     -webkit-border-radius: 3px;
1969     -o-border-radius: 3px;
1970     -ms-border-radius: 3px;
1971     border-radius: 3px;
1972     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
1973     -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
1974     -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
1975     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
1976     text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
1977     -webkit-font-smoothing: antialiased;
1978     outline: none;
1979 }
1980
1981 .openerp .oe_button:hover {
1982     -o-background-size: 100% 100%;
1983     -moz-background-size: 100% 100%;
1984     -webkit-background-size: auto auto !important;
1985     background-size: 100% 100%;
1986     background: #e3e3e3 none;
1987     background: none, -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3));
1988     background: none, -webkit-linear-gradient(#f6f6f6, #e3e3e3);
1989     background: none, -moz-linear-gradient(#f6f6f6, #e3e3e3);
1990     background: none, -o-linear-gradient(top, #f6f6f6, #e3e3e3);
1991     background: none, -khtml-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3));
1992     background: -ms-linear-gradient(top, #f6f6f6, #e3e3e3);
1993     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#e3e3e3',GradientType=0 );
1994     cursor: pointer;
1995 }
1996
1997 .openerp .oe_button:focus {
1998     border: 1px solid #80bfff;
1999     -o-background-size: 100% 100%;
2000     -moz-background-size: 100% 100%;
2001     -webkit-background-size: auto auto !important;
2002     background-size: 100% 100%;
2003     background: #e3e3e3, none;
2004     background: none, -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3));
2005     background: none, -webkit-linear-gradient(#f6f6f6, #e3e3e3);
2006     background: none, -moz-linear-gradient(#f6f6f6, #e3e3e3);
2007     background: none, -o-linear-gradient(top, #f6f6f6, #e3e3e3);
2008     background: none, -khtml-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3));
2009     background: -ms-linear-gradient(top, #f6f6f6, #e3e3e3);
2010     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#e3e3e3',GradientType=0 );
2011     -moz-box-shadow: 0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, 0.8) inset;
2012     -webkit-box-shadow: 0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, 0.8) inset;
2013     -o-box-shadow: 0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, 0.8) inset;
2014     box-shadow: 0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, 0.8) inset;
2015 }
2016
2017 .openerp .oe_button:active,
2018 .openerp .oe_button.active {
2019     background: #e3e3e3;
2020     background: -moz-linear-gradient(top, #e3e3e3, #f6f6f6) #1b468f;
2021     background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#f6f6f6)) #1b468f;
2022     background: linear-gradient(top, #e3e3e3, #f6f6f6) #1b468f;
2023     background: -ms-linear-gradient(top, #e3e3e3, #f6f6f6);
2024     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e3e3', endColorstr='#f6f6f6',GradientType=0 );
2025     -moz-box-shadow: none, 0 0 0 transparent;
2026     -webkit-box-shadow: none, 0 0 0 transparent;
2027     -o-box-shadow: none, 0 0 0 transparent;
2028     box-shadow: none, 0 0 0 transparent;
2029 }
2030
2031 .openerp .oe_button.disabled,
2032 .openerp .oe_button:disabled {
2033     background: #efefef !important;
2034     border: 1px solid #d1d1d1 !important;
2035     font-size: 12px;
2036     padding: 3px 10px;
2037     -moz-box-shadow: none !important, 0 0 0 transparent;
2038     -webkit-box-shadow: none !important, 0 0 0 transparent;
2039     -o-box-shadow: none !important, 0 0 0 transparent;
2040     box-shadow: none !important, 0 0 0 transparent;
2041     color: #aaaaaa !important;
2042     cursor: default;
2043     text-shadow: 0 1px 1px white !important;
2044 }
2045
2046 .openerp select.oe_search-view-filters-management {
2047     font-style: oblique;
2048     color: #999999;
2049 }
2050
2051 .openerp .oe_search-view-filters-management option,
2052 .openerp .oe_search-view-filters-management optgroup {
2053     font-style: normal;
2054     color: black;
2055 }
2056
2057 /* Debug stuff */
2058 .openerp .oe_debug_view_log {
2059     font-size: 95%;
2060 }
2061 .openerp .oe_debug_view_log label {
2062     display: block;
2063     width: 49%;
2064     text-align: right;
2065     float: left;
2066     font-weight: bold;
2067     color: #009;
2068 }
2069 .openerp .oe_debug_view_log span {
2070     display: block;
2071     width: 49%;
2072     float: right;
2073     color: #333;
2074 }
2075
2076 /* Internet Explorer Fix */
2077 a img {
2078    border: none;
2079 }