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