[FIX] in-drawer filter look in case of very long name
[odoo/odoo.git] / addons / web / static / src / css / base.css
1 @charset "utf-8";
2 @font-face {
3   font-family: "mnmliconsRegular";
4   src: url("/web/static/src/font/mnmliconsv21-webfont.eot") format("eot");
5   src: url("/web/static/src/font/mnmliconsv21-webfont.woff") format("woff");
6   src: url("/web/static/src/font/mnmliconsv21-webfont.ttf") format("truetype");
7   src: url("/web/static/src/font/mnmliconsv21-webfont.svg") format("svg") active;
8   font-weight: normal;
9   font-style: normal;
10 }
11
12 @font-face {
13   font-family: "EntypoRegular";
14   src: url("/web/static/src/font/entypo-webfont.eot") format("eot");
15   src: url("/web/static/src/font/entypo-webfont.eot?#iefix") format("embedded-opentype");
16   src: url("/web/static/src/font/entypo-webfont.woff") format("woff");
17   src: url("/web/static/src/font/entypo-webfont.ttf") format("truetype");
18   src: url("/web/static/src/font/entypo-webfont.svg") format("svg") active;
19   font-weight: normal;
20   font-style: normal;
21 }
22
23 .openerp.openerp-web-client-container {
24   height: 100%;
25   position: relative;
26 }
27
28 .openerp {
29   padding: 0;
30   margin: 0;
31   font-family: "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
32   color: #4c4c4c;
33   font-size: 13px;
34   background: white;
35   /* http://www.quirksmode.org/dom/inputfile.html
36    * http://stackoverflow.com/questions/2855589/replace-input-type-file-by-an-image
37    */
38 }
39 .openerp a {
40   text-decoration: none;
41 }
42 .openerp table {
43   padding: 0;
44   font-size: 13px;
45   border-collapse: collapse;
46 }
47 .openerp thead {
48   font-weight: bold;
49   background-color: #f0f0f0;
50 }
51 .openerp thead th {
52   border-right: 1px dotted #afafb6;
53 }
54 .openerp thead th:last-child {
55   border-right: none;
56 }
57 .openerp th, .openerp td {
58   padding: 0;
59   line-height: 18px;
60   text-align: left;
61 }
62 .openerp th {
63   font-weight: bold;
64   vertical-align: middle;
65 }
66 .openerp td {
67   vertical-align: top;
68 }
69 .openerp .zebra tbody tr:nth-child(odd) td {
70   background-color: #f0f0fa;
71   background-color: #f0f0fa;
72   background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0fa), to(#eeeef6));
73   background-image: -webkit-linear-gradient(top, #f0f0fa, #eeeef6);
74   background-image: -moz-linear-gradient(top, #f0f0fa, #eeeef6);
75   background-image: -ms-linear-gradient(top, #f0f0fa, #eeeef6);
76   background-image: -o-linear-gradient(top, #f0f0fa, #eeeef6);
77   background-image: linear-gradient(to bottom, #f0f0fa, #eeeef6);
78 }
79 .openerp .zebra tbody tr:hover td {
80   background-color: #eeeeee;
81   background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#dedede));
82   background-image: -webkit-linear-gradient(top, #eeeeee, #dedede);
83   background-image: -moz-linear-gradient(top, #eeeeee, #dedede);
84   background-image: -ms-linear-gradient(top, #eeeeee, #dedede);
85   background-image: -o-linear-gradient(top, #eeeeee, #dedede);
86   background-image: linear-gradient(to bottom, #eeeeee, #dedede);
87 }
88 .openerp .numeric {
89   text-align: right;
90   width: 82px;
91 }
92 .openerp .numeric input {
93   text-align: right;
94 }
95 .openerp ul, .openerp li, .openerp ol {
96   margin: 0;
97   padding: 0;
98 }
99 .openerp li {
100   list-style-type: none;
101 }
102 .openerp .oe_i {
103   font-family: "mnmliconsRegular" !important;
104   font-size: 21px;
105   font-weight: 300 !important;
106 }
107 .openerp .oe_e {
108   font-family: "entypoRegular" !important;
109   font-size: 34px;
110   font-weight: 300 !important;
111 }
112 .openerp .oe_left {
113   float: left;
114   margin-right: 8px;
115 }
116 .openerp .oe_right {
117   float: right;
118   margin-left: 8px;
119 }
120 .openerp .oe_clear {
121   clear: both;
122 }
123 .openerp .oe_wait {
124   cursor: wait;
125 }
126 .openerp .oe_fade {
127   color: #888888;
128 }
129 .openerp .oe_bold {
130   font-weight: bold;
131 }
132 .openerp a.button:link, .openerp a.button:visited, .openerp button, .openerp input[type='submit'] {
133   display: inline-block;
134   border: 1px solid #ababab;
135   color: #404040;
136   margin: 0;
137   padding: 4px 12px;
138   font-size: 13px;
139   text-align: center;
140   background-color: #efefef;
141   background-image: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#d8d8d8));
142   background-image: -webkit-linear-gradient(top, #efefef, #d8d8d8);
143   background-image: -moz-linear-gradient(top, #efefef, #d8d8d8);
144   background-image: -ms-linear-gradient(top, #efefef, #d8d8d8);
145   background-image: -o-linear-gradient(top, #efefef, #d8d8d8);
146   background-image: linear-gradient(to bottom, #efefef, #d8d8d8);
147   -moz-border-radius: 3px;
148   -webkit-border-radius: 3px;
149   border-radius: 3px;
150   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
151   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
152   -box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
153   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
154   -webkit-font-smoothing: antialiased;
155   outline: none;
156 }
157 .openerp a.button:hover, .openerp button:hover, .openerp input[type='submit']:hover {
158   background-color: #f6f6f6;
159   background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3));
160   background-image: -webkit-linear-gradient(top, #f6f6f6, #e3e3e3);
161   background-image: -moz-linear-gradient(top, #f6f6f6, #e3e3e3);
162   background-image: -ms-linear-gradient(top, #f6f6f6, #e3e3e3);
163   background-image: -o-linear-gradient(top, #f6f6f6, #e3e3e3);
164   background-image: linear-gradient(to bottom, #f6f6f6, #e3e3e3);
165   cursor: pointer;
166 }
167 .openerp a.button:focus, .openerp button:focus, .openerp input[type='submit']:focus {
168   border: 1px solid #80bfff;
169   background-color: #f6f6f6;
170   background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3));
171   background-image: -webkit-linear-gradient(top, #f6f6f6, #e3e3e3);
172   background-image: -moz-linear-gradient(top, #f6f6f6, #e3e3e3);
173   background-image: -ms-linear-gradient(top, #f6f6f6, #e3e3e3);
174   background-image: -o-linear-gradient(top, #f6f6f6, #e3e3e3);
175   background-image: linear-gradient(to bottom, #f6f6f6, #e3e3e3);
176   -moz-box-shadow: 0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, 0.8) inset;
177   -webkit-box-shadow: 0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, 0.8) inset;
178   -box-shadow: 0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, 0.8) inset;
179 }
180 .openerp a.button:active, .openerp a.button.active, .openerp button:active, .openerp button.active, .openerp input[type='submit']:active, .openerp input[type='submit'].active {
181   background: #e3e3e3;
182   background: -moz-linear-gradient(top, #e3e3e3, #f6f6f6) #1b468f;
183   background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#f6f6f6)) #1b468f;
184   background: linear-gradient(top, #e3e3e3, #f6f6f6) #1b468f;
185   -moz-box-shadow: none;
186   -webkit-box-shadow: none;
187   -box-shadow: none;
188 }
189 .openerp a.button.disabled, .openerp button:disabled, .openerp input[type='submit']:disabled {
190   background: #efefef !important;
191   border: 1px solid #d1d1d1 !important;
192   -moz-box-shadow: none !important;
193   -webkit-box-shadow: none !important;
194   -box-shadow: none !important;
195   color: #aaaaaa !important;
196   cursor: default;
197   text-shadow: 0 1px 1px white !important;
198 }
199 .openerp button.primary {
200   color: white;
201   background-color: #dc5f59;
202   background-image: -webkit-gradient(linear, left top, left bottom, from(#dc5f59), to(#b33630));
203   background-image: -webkit-linear-gradient(top, #dc5f59, #b33630);
204   background-image: -moz-linear-gradient(top, #dc5f59, #b33630);
205   background-image: -ms-linear-gradient(top, #dc5f59, #b33630);
206   background-image: -o-linear-gradient(top, #dc5f59, #b33630);
207   background-image: linear-gradient(to bottom, #dc5f59, #b33630);
208   -moz-box-shadow: none;
209   -webkit-box-shadow: none;
210   -box-shadow: none;
211 }
212 .openerp button.primary:hover {
213   background-color: #df6b66;
214   background-image: -webkit-gradient(linear, left top, left bottom, from(#df6b66), to(#bf3a33));
215   background-image: -webkit-linear-gradient(top, #df6b66, #bf3a33);
216   background-image: -moz-linear-gradient(top, #df6b66, #bf3a33);
217   background-image: -ms-linear-gradient(top, #df6b66, #bf3a33);
218   background-image: -o-linear-gradient(top, #df6b66, #bf3a33);
219   background-image: linear-gradient(to bottom, #df6b66, #bf3a33);
220   -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
221   -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
222   -box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
223 }
224 .openerp button.primary:active {
225   background-color: #b33630;
226   background-image: -webkit-gradient(linear, left top, left bottom, from(#b33630), to(#dc5f59));
227   background-image: -webkit-linear-gradient(top, #b33630, #dc5f59);
228   background-image: -moz-linear-gradient(top, #b33630, #dc5f59);
229   background-image: -ms-linear-gradient(top, #b33630, #dc5f59);
230   background-image: -o-linear-gradient(top, #b33630, #dc5f59);
231   background-image: linear-gradient(to bottom, #b33630, #dc5f59);
232   -moz-box-shadow: none;
233   -webkit-box-shadow: none;
234   -box-shadow: none;
235 }
236 .openerp button.following {
237   color: white;
238   width: 120px;
239   background-color: #8a89ba;
240   background-image: -webkit-gradient(linear, left top, left bottom, from(#8a89ba), to(#807fb4));
241   background-image: -webkit-linear-gradient(top, #8a89ba, #807fb4);
242   background-image: -moz-linear-gradient(top, #8a89ba, #807fb4);
243   background-image: -ms-linear-gradient(top, #8a89ba, #807fb4);
244   background-image: -o-linear-gradient(top, #8a89ba, #807fb4);
245   background-image: linear-gradient(to bottom, #8a89ba, #807fb4);
246 }
247 .openerp button.unfollow {
248   display: none;
249   color: white;
250   width: 120px;
251   background-color: #dc5f59;
252   background-image: -webkit-gradient(linear, left top, left bottom, from(#dc5f59), to(#b33630));
253   background-image: -webkit-linear-gradient(top, #dc5f59, #b33630);
254   background-image: -moz-linear-gradient(top, #dc5f59, #b33630);
255   background-image: -ms-linear-gradient(top, #dc5f59, #b33630);
256   background-image: -o-linear-gradient(top, #dc5f59, #b33630);
257   background-image: linear-gradient(to bottom, #dc5f59, #b33630);
258 }
259 .openerp .oe_loading {
260   display: none;
261   z-index: 100;
262   position: fixed;
263   top: 0;
264   right: 50%;
265   padding: 4px 12px;
266   background: #a61300;
267   color: white;
268   text-align: center;
269   border: 1px solid #990000;
270   border-top: none;
271   -moz-border-radius-bottomright: 8px;
272   -moz-border-radius-bottomleft: 8px;
273   border-bottom-right-radius: 8px;
274   border-bottom-left-radius: 8px;
275 }
276 .openerp .oe_notification {
277   z-index: 1050;
278 }
279 .openerp .oe_login {
280   background: url("/web/static/src/img/pattern.png") repeat;
281   text-align: center;
282   font-size: 14px;
283   height: 100%;
284 }
285 .openerp .oe_login li {
286   list-style-type: none;
287   padding-bottom: 4px;
288 }
289 .openerp .oe_login button {
290   float: right;
291   display: inline-block;
292   cursor: pointer;
293   padding: 6px 16px;
294   border: 1px solid #222222;
295   color: white;
296   margin: 0;
297   background-color: #b92020;
298   background-image: -webkit-gradient(linear, left top, left bottom, from(#b92020), to(#600606));
299   background-image: -webkit-linear-gradient(top, #b92020, #600606);
300   background-image: -moz-linear-gradient(top, #b92020, #600606);
301   background-image: -ms-linear-gradient(top, #b92020, #600606);
302   background-image: -o-linear-gradient(top, #b92020, #600606);
303   background-image: linear-gradient(to bottom, #b92020, #600606);
304   -moz-border-radius: 4px;
305   -webkit-border-radius: 4px;
306   border-radius: 4px;
307   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset;
308   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset;
309   -box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(155, 155, 155, 0.4) inset;
310 }
311 .openerp .oe_login input, .openerp .oe_login select {
312   width: 252px;
313   font-family: "Lucida Grande", Helvetica, Verdana, Arial;
314   border: 1px solid #999999;
315   background: whitesmoke;
316   -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
317   -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
318   -box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
319   -moz-border-radius: 3px;
320   -webkit-border-radius: 3px;
321   border-radius: 3px;
322 }
323 .openerp .oe_login input {
324   margin-bottom: 9px;
325   padding: 5px 6px;
326 }
327 .openerp .oe_login select {
328   padding: 1px;
329 }
330 .openerp .oe_login .oe_login_dbpane {
331   position: fixed;
332   top: 0;
333   right: 8px;
334   padding: 5px 10px;
335   color: #eeeeee;
336   border: solid 1px #333333;
337   background: #1e1e1e;
338   background: rgba(30, 30, 30, 0.94);
339   -moz-border-radius: 0 0 8px 8px;
340   -webkit-border-radius: 0 0 8px 8px;
341   border-radius: 0 0 8px 8px;
342 }
343 .openerp .oe_login .oe_login_dbpane input {
344   padding: 2px 4px;
345   margin: 4px 0;
346 }
347 .openerp .oe_login .oe_login_bottom {
348   position: absolute;
349   top: 50%;
350   left: 0;
351   right: 0;
352   bottom: 0;
353   text-shadow: 0 1px 1px #999999;
354   background-color: #b41616;
355   background-image: -webkit-gradient(linear, left top, left bottom, from(#b41616), to(#600606));
356   background-image: -webkit-linear-gradient(top, #b41616, #600606);
357   background-image: -moz-linear-gradient(top, #b41616, #600606);
358   background-image: -ms-linear-gradient(top, #b41616, #600606);
359   background-image: -o-linear-gradient(top, #b41616, #600606);
360   background-image: linear-gradient(to bottom, #b41616, #600606);
361 }
362 .openerp .oe_login .oe_login_pane {
363   position: absolute;
364   top: 50%;
365   left: 50%;
366   margin: -160px -166px;
367   border: solid 1px #333333;
368   background: #1e1e1e;
369   background: rgba(30, 30, 30, 0.94);
370   padding: 22px 32px;
371   color: #eeeeee;
372   text-align: left;
373   -moz-border-radius: 8px;
374   -webkit-border-radius: 8px;
375   border-radius: 8px;
376   -moz-box-shadow: 0 0 18px rgba(0, 0, 0, 0.9);
377   -webkit-box-shadow: 0 0 18px rgba(0, 0, 0, 0.9);
378   -box-shadow: 0 0 18px rgba(0, 0, 0, 0.9);
379 }
380 .openerp .oe_login .oe_login_pane h2 {
381   margin-top: 0;
382   font-size: 18px;
383 }
384 .openerp .oe_login .oe_login_logo {
385   position: absolute;
386   top: -70px;
387   left: 0;
388   width: 100%;
389   margin: 0 auto;
390   text-align: center;
391 }
392 .openerp .oe_login .oe_login_footer {
393   position: absolute;
394   bottom: -40px;
395   left: 0;
396   width: 100%;
397   text-align: center;
398 }
399 .openerp .oe_login .oe_login_footer a {
400   color: #eeeeee;
401   margin: 0 8px;
402 }
403 .openerp .oe_login .oe_login_footer a:hover {
404   text-decoration: underline;
405 }
406 .openerp .oe_login .oe_login_footer span {
407   font-weight: bold;
408   font-size: 16px;
409 }
410 .openerp .oe_login .oe_login_error_message {
411   display: none;
412   background-color: #b41616;
413   color: #eeeeee;
414   padding: 14px 18px;
415   margin-top: 15px;
416   text-align: center;
417   -moz-border-radius: 4px;
418   -webkit-border-radius: 4px;
419   border-radius: 4px;
420   -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
421   -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
422   -box-shadow: 0 1px 4px rgba(0, 0, 0, 0.8);
423 }
424 .openerp .oe_login_invalid .oe_login_error_message {
425   display: inline-block;
426 }
427 .openerp .oe_database_manager {
428   background: white;
429   color: black;
430   text-align: left;
431 }
432 .openerp .oe_database_manager .oe_database_manager_menu {
433   color: black;
434 }
435 .openerp .oe_webclient {
436   width: 100%;
437   height: 100%;
438   border-spacing: 0px;
439 }
440 .openerp .oe_content_full_screen .oe_application {
441   top: 0;
442   left: 0;
443 }
444 .openerp .oe_content_full_screen .oe_topbar, .openerp .oe_content_full_screen .oe_leftbar {
445   display: none;
446 }
447 .openerp .oe_topbar {
448   width: 100%;
449   height: 31px;
450   border-top: solid 1px #d3d3d3;
451   background-color: #646060;
452   background-image: -webkit-gradient(linear, left top, left bottom, from(#646060), to(#262626));
453   background-image: -webkit-linear-gradient(top, #646060, #262626);
454   background-image: -moz-linear-gradient(top, #646060, #262626);
455   background-image: -ms-linear-gradient(top, #646060, #262626);
456   background-image: -o-linear-gradient(top, #646060, #262626);
457   background-image: linear-gradient(to bottom, #646060, #262626);
458 }
459 .openerp .oe_topbar .oe_topbar_item li {
460   float: left;
461 }
462 .openerp .oe_topbar .oe_topbar_item li a {
463   display: block;
464   padding: 5px 10px 7px;
465   line-height: 20px;
466   height: 20px;
467   color: #eeeeee;
468   vertical-align: top;
469   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
470 }
471 .openerp .oe_topbar .oe_topbar_item li a:hover {
472   background: #303030;
473   color: white;
474   -moz-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
475   -webkit-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
476   -box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
477 }
478 .openerp .oe_topbar .oe_topbar_item .oe_active {
479   background: #303030;
480   font-weight: bold;
481   color: white;
482   -moz-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
483   -webkit-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
484   -box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
485 }
486 .openerp .oe_topbar .oe_topbar_avatar {
487   width: 24px;
488   height: 24px;
489   margin: -2px 2px 0 0;
490   -moz-border-radius: 4px;
491   -webkit-border-radius: 4px;
492   border-radius: 4px;
493 }
494 .openerp .oe_topbar .oe_topbar_avatar {
495   vertical-align: top;
496 }
497 .openerp .oe_topbar .oe_dropdown_toggle:after {
498   width: 0;
499   height: 0;
500   display: inline-block;
501   content: "&darr";
502   text-indent: -99999px;
503   vertical-align: top;
504   margin-top: 8px;
505   margin-left: 4px;
506   border-left: 4px solid transparent;
507   border-right: 4px solid transparent;
508   border-top: 4px solid white;
509   filter: alpha(opacity=50);
510   opacity: 0.5;
511 }
512 .openerp .oe_leftbar {
513   width: 220px;
514   background: #f0eeee;
515   border-right: 1px solid #afafb6;
516   text-shadow: 0 1px 1px white;
517   padding-bottom: 16px;
518 }
519 .openerp a.oe_logo {
520   width: 220px;
521   display: block;
522   text-align: center;
523   height: 70px;
524   line-height: 70px;
525 }
526 .openerp a.oe_logo img {
527   height: 40px;
528   width: 157px;
529   margin: 14px 0;
530 }
531 .openerp .oe_footer {
532   position: fixed;
533   bottom: 0;
534   padding: 4px 0;
535   background: #f0eeee;
536   width: 220px;
537   text-align: center;
538 }
539 .openerp .oe_footer a {
540   font-weight: 800;
541   font-family: serif;
542   font-size: 16px;
543   color: black;
544 }
545 .openerp .oe_footer a span {
546   color: #c81010;
547   font-style: italic;
548 }
549 .openerp .oe_user_menu {
550   float: right;
551   padding: 0;
552   margin: 0;
553 }
554 .openerp .oe_user_menu li {
555   list-style-type: none;
556   float: left;
557 }
558 .openerp .oe_user_menu .oe_dropdown {
559   position: relative;
560 }
561 .openerp .oe_user_menu .oe_dropdown_options {
562   float: left;
563   background: #333333;
564   background: rgba(37, 37, 37, 0.9);
565   display: none;
566   position: absolute;
567   top: 32px;
568   right: -1px;
569   border: 0;
570   z-index: 900;
571   margin-left: 0;
572   margin-right: 0;
573   padding: 6px 0;
574   zoom: 1;
575   border-color: #999999;
576   border-color: rgba(0, 0, 0, 0.2);
577   border-style: solid;
578   border-width: 0 1px 1px;
579   -moz-border-radius: 0 0 6px 6px;
580   -webkit-border-radius: 0 0 6px 6px;
581   border-radius: 0 0 6px 6px;
582   -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
583   -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
584   -box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
585   -webkit-background-clip: padding-box;
586   -moz-background-clip: padding-box;
587   background-clip: padding-box;
588 }
589 .openerp .oe_user_menu .oe_dropdown_options li {
590   float: none;
591   display: block;
592   background-color: none;
593 }
594 .openerp .oe_user_menu .oe_dropdown_options li a {
595   display: block;
596   padding: 4px 15px;
597   clear: both;
598   font-weight: normal;
599   line-height: 18px;
600   color: #eeeeee;
601 }
602 .openerp .oe_user_menu .oe_dropdown_options li a:hover {
603   background-color: #292929;
604   background-image: -webkit-gradient(linear, left top, left bottom, from(#292929), to(#191919));
605   background-image: -webkit-linear-gradient(top, #292929, #191919);
606   background-image: -moz-linear-gradient(top, #292929, #191919);
607   background-image: -ms-linear-gradient(top, #292929, #191919);
608   background-image: -o-linear-gradient(top, #292929, #191919);
609   background-image: linear-gradient(to bottom, #292929, #191919);
610   -moz-box-shadow: none;
611   -webkit-box-shadow: none;
612   -box-shadow: none;
613 }
614 .openerp .oe_user_menu .oe_dropdown_options li hr {
615   border-top: 1px solid #999999;
616   border-bottom: 0;
617 }
618 .openerp .oe_systray > div {
619   float: left;
620   padding: 0 4px 0 4px;
621 }
622 .openerp .oe_systray {
623   float: right;
624 }
625 .openerp .oe_systray .oe_systray_dropdown {
626   position: relative;
627 }
628 .openerp .oe_systray .oe_systray_dropdown:hover .oe_systray_dropdown_options {
629   display: block;
630 }
631 .openerp .oe_systray .oe_systray_dropdown_options {
632   background: #333333;
633   background: rgba(37, 37, 37, 0.9);
634   display: none;
635   position: absolute;
636   z-index: 900;
637   border: 0;
638   margin-left: 0;
639   margin-right: 0;
640   padding: 6px 0;
641   border-color: #999999;
642   border-color: rgba(0, 0, 0, 0.2);
643   border-style: solid;
644   border-width: 0 1px 1px;
645   -moz-border-radius: 0 0 6px 6px;
646   -webkit-border-radius: 0 0 6px 6px;
647   border-radius: 0 0 6px 6px;
648   -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
649   -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
650   -box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
651   -webkit-background-clip: padding-box;
652   -moz-background-clip: padding-box;
653   background-clip: padding-box;
654 }
655 .openerp .oe_systray .oe_systray_dropdown_options li {
656   float: none;
657   display: block;
658   background-color: none;
659 }
660 .openerp .oe_systray .oe_systray_dropdown_options li a {
661   display: block;
662   padding: 4px 15px;
663   clear: both;
664   font-weight: normal;
665   line-height: 18px;
666   color: #eeeeee;
667 }
668 .openerp .oe_systray .oe_systray_dropdown_options li a:hover {
669   background-color: #292929;
670   background-image: -webkit-gradient(linear, left top, left bottom, from(#292929), to(#191919));
671   background-image: -webkit-linear-gradient(top, #292929, #191919);
672   background-image: -moz-linear-gradient(top, #292929, #191919);
673   background-image: -ms-linear-gradient(top, #292929, #191919);
674   background-image: -o-linear-gradient(top, #292929, #191919);
675   background-image: linear-gradient(to bottom, #292929, #191919);
676   -moz-box-shadow: none;
677   -webkit-box-shadow: none;
678   -box-shadow: none;
679 }
680 .openerp .oe_menu {
681   float: left;
682   padding: 0;
683   margin: 0;
684 }
685 .openerp .oe_menu li {
686   float: left;
687 }
688 .openerp .oe_menu a {
689   display: block;
690   padding: 5px 10px 7px;
691   line-height: 20px;
692   height: 20px;
693   color: #eeeeee;
694   vertical-align: top;
695   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
696 }
697 .openerp .oe_menu a:hover {
698   background: #303030;
699   color: white;
700   -moz-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
701   -webkit-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
702   -box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
703 }
704 .openerp .oe_menu .oe_active {
705   background: #303030;
706   font-weight: bold;
707   color: white;
708   -moz-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
709   -webkit-box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
710   -box-shadow: 0 1px 2px rgba(255, 255, 255, 0.3) inset;
711 }
712 .openerp .oe_menu_more_container {
713   position: relative;
714 }
715 .openerp .oe_menu_more_container .oe_menu_more {
716   position: absolute;
717   padding: 0;
718   background-color: #646060;
719   z-index: 1;
720   border: 1px solid black;
721   border-bottom-left-radius: 5px;
722   border-bottom-right-radius: 5px;
723 }
724 .openerp .oe_menu_more_container .oe_menu_more li {
725   float: none;
726 }
727 .openerp .oe_menu_more_container .oe_menu_more li a {
728   white-space: nowrap;
729 }
730 .openerp .oe_secondary_menu_section {
731   font-weight: bold;
732   margin-left: 8px;
733   color: #8a89ba;
734 }
735 .openerp .oe_secondary_submenu {
736   padding: 2px 0 8px 0;
737   margin: 0;
738   width: 100%;
739   display: inline-block;
740 }
741 .openerp .oe_secondary_submenu > li {
742   position: relative;
743   padding: 1px 0 1px 20px;
744 }
745 .openerp .oe_secondary_submenu > li a {
746   display: block;
747   color: #4c4c4c;
748   padding: 2px 4px 2px 0;
749 }
750 .openerp .oe_secondary_submenu > li .oe_menu_label {
751   position: absolute;
752   top: 1px;
753   right: 1px;
754   font-size: 10px;
755   background: #8a89ba;
756   color: white;
757   padding: 2px 4px;
758   margin: 1px 6px 0 0;
759   border: 1px solid lightGray;
760   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
761   -moz-border-radius: 4px;
762   -webkit-border-radius: 4px;
763   border-radius: 4px;
764   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
765   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
766   -box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
767 }
768 .openerp .oe_secondary_submenu .oe_menu_counter {
769   float: right;
770   background: #8a89ba;
771   color: #eeeeee;
772   font-size: 12px;
773   border: 1px solid lightgray;
774   padding: 0px 4px 0px 4px;
775   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
776   margin: 0px;
777   -moz-border-radius: 4px;
778   -webkit-border-radius: 4px;
779   border-radius: 4px;
780 }
781 .openerp .oe_secondary_submenu .oe_active {
782   background: #8a89ba;
783   border-top: 1px solid lightGray;
784   border-bottom: 1px solid lightGray;
785   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
786   -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
787   -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
788   -box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.2);
789 }
790 .openerp .oe_secondary_submenu .oe_active a {
791   color: white;
792 }
793 .openerp .oe_secondary_submenu .oe_active .oe_menu_label {
794   background: #eeeeee;
795   color: #8a89ba;
796   text-shadow: 0 1px 1px white;
797   -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
798   -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
799   -box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
800 }
801 .openerp .oe_secondary_submenu .oe_active .oe_menu_counter {
802   background: #eeeeee;
803   color: #8a89ba;
804 }
805 .openerp .oe_secondary_submenu .oe_menu_toggler:before {
806   width: 0;
807   height: 0;
808   display: inline-block;
809   content: "&darr";
810   text-indent: -99999px;
811   vertical-align: top;
812   margin-left: -12px;
813   margin-top: 4px;
814   margin-right: 4px;
815   border-top: 4px solid transparent;
816   border-bottom: 4px solid transparent;
817   border-left: 4px solid #4c4c4c;
818   filter: alpha(opacity=50);
819   opacity: 0.5;
820 }
821 .openerp .oe_secondary_submenu .oe_menu_opened:before {
822   margin-top: 6px;
823   margin-left: -16px;
824   margin-right: 4px;
825   border-left: 4px solid transparent;
826   border-right: 4px solid transparent;
827   border-top: 4px solid #4c4c4c;
828 }
829 .openerp .oe_application {
830   width: 100%;
831 }
832 .openerp .oe_application a {
833   color: #8a89ba;
834 }
835 .openerp .oe_application a:hover {
836   text-decoration: underline;
837 }
838 .openerp .oe-view-manager-header {
839   border-top: 1px solid #cacaca;
840   border-bottom: 1px solid #cacaca;
841   background-color: #fcfcfc;
842   background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#dedede));
843   background-image: -webkit-linear-gradient(top, #fcfcfc, #dedede);
844   background-image: -moz-linear-gradient(top, #fcfcfc, #dedede);
845   background-image: -ms-linear-gradient(top, #fcfcfc, #dedede);
846   background-image: -o-linear-gradient(top, #fcfcfc, #dedede);
847   background-image: linear-gradient(to bottom, #fcfcfc, #dedede);
848   -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 0 9px rgba(0, 0, 0, 0.1);
849   -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 0 9px rgba(0, 0, 0, 0.1);
850   -box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 0 9px rgba(0, 0, 0, 0.1);
851 }
852 .openerp .oe-view-manager-header h2 {
853   float: left;
854   font-size: 18px;
855   margin: 1px 0;
856 }
857 .openerp .oe-view-manager-header h2 a {
858   color: #8a89ba;
859 }
860 .openerp .oe-view-manager-header .buttons {
861   padding-right: 8px;
862 }
863 .openerp .oe-view-manager-header .buttons li {
864   float: left;
865   margin-right: 12px;
866 }
867 .openerp .oe-view-manager-header .filter {
868   vertical-align: top;
869 }
870 .openerp .oe-view-manager-header .filter li {
871   height: 24px;
872   line-height: 24px;
873   padding: 0 8px;
874 }
875 .openerp .oe-view-manager-header .header-row {
876   height: 26px;
877   line-height: 26px;
878   margin: 8px;
879   clear: both;
880   text-shadow: 0 1px 1px white;
881 }
882 .openerp .oe-view-manager-header .header-row .dropdown-toggle:after {
883   margin-top: 7px;
884   margin-left: 6px;
885   border-top-color: #404040;
886 }
887 .openerp .oe-view-manager-header .oe_vm_switch li {
888   padding-left: 1px;
889   text-align: center;
890   width: 24px;
891   height: 24px;
892   line-height: 24px;
893 }
894 .openerp .oe-view-manager-header .pagination li {
895   height: 24px;
896   line-height: 24px;
897   padding: 0 8px;
898 }
899 .openerp .oe-view-manager-header .button-group {
900   display: inline-block;
901   border: 1px solid #ababab;
902   -moz-border-radius: 5px;
903   -webkit-border-radius: 5px;
904   border-radius: 5px;
905 }
906 .openerp .oe-view-manager-header .button-group li {
907   float: left;
908   border-right: 1px solid #ababab;
909 }
910 .openerp .oe-view-manager-header .button-group li:last-child {
911   border: none;
912 }
913 .openerp .oe-view-manager-header .button-group a {
914   color: #4c4c4c;
915 }
916 .openerp .oe-view-manager-header .button-group a:hover {
917   text-decoration: none;
918 }
919 .openerp .oe-view-manager-header .button-group .active {
920   width: 100%;
921   background: #999999;
922   -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset;
923   -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset;
924   -box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset;
925   color: white;
926   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
927 }
928 .openerp .oe_view_manager_header {
929   width: 100%;
930   border-top: 1px solid #cacaca;
931   border-bottom: 1px solid #cacaca;
932   background-color: #fcfcfc;
933   background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#dedede));
934   background-image: -webkit-linear-gradient(top, #fcfcfc, #dedede);
935   background-image: -moz-linear-gradient(top, #fcfcfc, #dedede);
936   background-image: -ms-linear-gradient(top, #fcfcfc, #dedede);
937   background-image: -o-linear-gradient(top, #fcfcfc, #dedede);
938   background-image: linear-gradient(to bottom, #fcfcfc, #dedede);
939   -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 0 9px rgba(0, 0, 0, 0.1);
940   -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 0 9px rgba(0, 0, 0, 0.1);
941   -box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4), 0 0 9px rgba(0, 0, 0, 0.1);
942 }
943 .openerp .oe_view_manager_header .oe_header_row {
944   clear: both;
945   text-shadow: 0 1px 1px white;
946 }
947 .openerp .oe_view_manager_header .oe_header_row td {
948   padding: 8px;
949 }
950 .openerp .oe_view_manager_header .oe_header_row:last-child td {
951   padding-top: 0;
952 }
953 .openerp .oe_view_manager_header .oe_header_row:first-child td {
954   padding-top: 8px;
955 }
956 .openerp .oe_view_manager_header .oe_view_manager_sidebar {
957   margin: 0px auto;
958   width: 400px;
959   text-align: center;
960 }
961 .openerp .oe_view_manager_header td {
962   line-height: 26px;
963 }
964 .openerp .oe_view_manager_header h2 {
965   font-size: 18px;
966   margin: 0;
967   float: left;
968 }
969 .openerp .oe_view_manager_header h2 a {
970   color: #8a89ba;
971 }
972 .openerp .oe_view_manager_header .oe_button_group {
973   display: inline-block;
974   border: 1px solid #ababab;
975   -moz-border-radius: 5px;
976   -webkit-border-radius: 5px;
977   border-radius: 5px;
978 }
979 .openerp .oe_view_manager_header .oe_button_group li {
980   float: left;
981   border-right: 1px solid #ababab;
982 }
983 .openerp .oe_view_manager_header .oe_button_group li:last-child {
984   border: none;
985 }
986 .openerp .oe_view_manager_header .oe_button_group a {
987   color: #4c4c4c;
988 }
989 .openerp .oe_view_manager_header .oe_button_group a:hover {
990   text-decoration: none;
991 }
992 .openerp .oe_view_manager_header .oe_button_group .active {
993   background: #999999;
994   -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset;
995   -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset;
996   -box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset;
997 }
998 .openerp .oe_view_manager_header .oe_button_group .active a {
999   color: white;
1000   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
1001 }
1002 .openerp .oe_view_manager_header .oe_view_manager_buttons {
1003   white-space: nowrap;
1004 }
1005 .openerp .oe_view_manager_body h4 {
1006   margin: 8px 0;
1007 }
1008 .openerp .oe_view_manager_pager {
1009   line-height: 26px;
1010 }
1011 .openerp .oe_pager_value {
1012   float: left;
1013   margin-right: 8px;
1014 }
1015 .openerp .oe_pager_group {
1016   float: left;
1017   height: 24px;
1018   line-height: 24px;
1019   display: inline-block;
1020   border: 1px solid #ababab;
1021   cursor: pointer;
1022   -moz-border-radius: 5px;
1023   -webkit-border-radius: 5px;
1024   border-radius: 5px;
1025 }
1026 .openerp .oe_pager_group li {
1027   height: 24px;
1028   line-height: 24px;
1029   padding: 0;
1030   float: left;
1031   border-right: 1px solid #ababab;
1032 }
1033 .openerp .oe_pager_group li:last-child {
1034   border: none;
1035 }
1036 .openerp .oe_pager_group a {
1037   color: #4c4c4c;
1038   padding: 0 8px;
1039 }
1040 .openerp .oe_pager_group a:hover {
1041   text-decoration: none;
1042 }
1043 .openerp .oe_pager_group .active {
1044   background: #999999;
1045   -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset;
1046   -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset;
1047   -box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset;
1048 }
1049 .openerp .oe_pager_group .active a {
1050   color: white;
1051   text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
1052 }
1053 .openerp .oe_view_manager_switch li {
1054   text-align: center;
1055   width: 24px;
1056   height: 24px;
1057   line-height: 16px;
1058 }
1059 .openerp .oe_view_manager_switch li a {
1060   position: relative;
1061 }
1062 .openerp .oe_view_manager_switch .oe_vm_switch_list:after, .openerp .oe_view_manager_switch .oe_vm_switch_tree:after {
1063   padding: 2px;
1064   content: "i";
1065 }
1066 .openerp .oe_view_manager_switch .oe_vm_switch_graph:after {
1067   font-family: "mnmliconsRegular" !important;
1068   font-size: 21px;
1069   font-weight: 300 !important;
1070   content: "}";
1071   top: -2px;
1072   position: relative;
1073 }
1074 .openerp .oe_view_manager_switch .oe_vm_switch_gantt:after {
1075   font-family: "mnmliconsRegular" !important;
1076   font-size: 21px;
1077   font-weight: 300 !important;
1078   content: "y";
1079   top: -2px;
1080   position: relative;
1081 }
1082 .openerp .oe_view_manager_switch .oe_vm_switch_calendar:after {
1083   content: "P";
1084 }
1085 .openerp .oe_view_manager_switch .oe_vm_switch_kanban:after {
1086   content: "k";
1087 }
1088 .openerp .oe_view_manager_switch .oe_vm_switch_diagram:after {
1089   content: "f";
1090 }
1091 .openerp .oe_form_dropdown_section {
1092   position: relative;
1093   display: inline-block;
1094 }
1095 .openerp .oe_dropdown_toggle:after {
1096   width: 0;
1097   height: 0;
1098   display: inline-block;
1099   content: "&darr";
1100   text-indent: -99999px;
1101   vertical-align: top;
1102   border-left: 4px solid transparent;
1103   border-right: 4px solid transparent;
1104   border-top: 4px solid white;
1105   filter: alpha(opacity=50);
1106   opacity: 0.5;
1107   margin-top: 7px;
1108   margin-left: 6px;
1109   border-top-color: #404040;
1110 }
1111 .openerp .oe_dropdown_menu {
1112   display: none;
1113   position: absolute;
1114   top: 28px;
1115   left: 0px;
1116   padding: 8px;
1117   border: 1px solid #afafb6;
1118   width: 120px;
1119   overflow-x: hidden;
1120   z-index: 900;
1121   text-align: left;
1122   background: white;
1123   -moz-border-radius: 3px;
1124   -webkit-border-radius: 3px;
1125   border-radius: 3px;
1126   -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
1127   -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
1128   -box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
1129 }
1130 .openerp .oe_dropdown_menu li {
1131   list-style-type: none;
1132   float: none;
1133   display: block;
1134   background-color: none;
1135 }
1136 .openerp .oe_dropdown_menu li a {
1137   display: block;
1138   padding: 3px 6px;
1139   clear: both;
1140   font-weight: normal;
1141   line-height: 14px;
1142   color: #4c4c4c;
1143   text-decoration: none;
1144   cursor: pointer;
1145 }
1146 .openerp .oe_dropdown_menu li a:hover {
1147   text-decoration: none;
1148   background-color: #f0f0fa;
1149   background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0fa), to(#eeeef6));
1150   background-image: -webkit-linear-gradient(top, #f0f0fa, #eeeef6);
1151   background-image: -moz-linear-gradient(top, #f0f0fa, #eeeef6);
1152   background-image: -ms-linear-gradient(top, #f0f0fa, #eeeef6);
1153   background-image: -o-linear-gradient(top, #f0f0fa, #eeeef6);
1154   background-image: linear-gradient(to bottom, #f0f0fa, #eeeef6);
1155   -moz-box-shadow: none;
1156   -webkit-box-shadow: none;
1157   -box-shadow: none;
1158 }
1159 .openerp .oe_sidebar {
1160   white-space: nowrap;
1161 }
1162 .openerp .oe_searchview {
1163   cursor: text;
1164   position: relative;
1165   float: right;
1166   padding-right: 20px;
1167   width: 410px;
1168   border: 1px solid #ababab;
1169   background: white;
1170   -moz-border-radius: 1em;
1171   -webkit-border-radius: 1em;
1172   border-radius: 1em;
1173   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
1174   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
1175   -box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2) inset;
1176 }
1177 .openerp .oe_searchview.oe_focused {
1178   border-color: #a6a6fe;
1179   -moz-box-shadow: 0 1px 2px #a6a6fe inset;
1180   -webkit-box-shadow: 0 1px 2px #a6a6fe inset;
1181   -box-shadow: 0 1px 2px #a6a6fe inset;
1182 }
1183 .openerp .oe_searchview .oe_searchview_clear {
1184   cursor: pointer;
1185   position: absolute;
1186   top: 0;
1187   right: 22px;
1188   width: 15px;
1189   height: 100%;
1190   background: url(../img/attachments-close.png) center center no-repeat;
1191 }
1192 .openerp .oe_searchview .oe_searchview_unfold_drawer {
1193   position: absolute;
1194   top: 0;
1195   right: 0;
1196   height: 100%;
1197   line-height: 2.5em;
1198   padding: 0 7px 0 4px;
1199   color: #cccccc;
1200   cursor: pointer;
1201 }
1202 .openerp .oe_searchview .oe_searchview_unfold_drawer:hover {
1203   color: #999999;
1204 }
1205 .openerp .oe_searchview .oe_searchview_unfold_drawer:before {
1206   content: "â—€";
1207 }
1208 .openerp .oe_searchview .oe_searchview_facets:before {
1209   color: #cccccc;
1210   font-family: "mnmliconsRegular";
1211   content: "r";
1212   font-size: 150%;
1213   padding: 0 1px 0 3px;
1214   display: inline;
1215 }
1216 .openerp .oe_searchview .oe_searchview_facets * {
1217   vertical-align: top;
1218   display: inline-block;
1219   line-height: 26px;
1220 }
1221 .openerp .oe_searchview .oe_searchview_facets .oe_searchview_input, .openerp .oe_searchview .oe_searchview_facets .oe_searchview_facet {
1222   height: 26px;
1223 }
1224 .openerp .oe_searchview .oe_searchview_facets .oe_searchview_input:focus, .openerp .oe_searchview .oe_searchview_facets .oe_searchview_facet:focus {
1225   outline: none;
1226 }
1227 .openerp .oe_searchview .oe_searchview_facets .oe_searchview_input {
1228   padding: 0 3px;
1229 }
1230 .openerp .oe_searchview .oe_searchview_facets .oe_searchview_facet {
1231   position: relative;
1232   cursor: pointer;
1233   border: 1px solid #afafb6;
1234   -moz-border-radius: 3px;
1235   -webkit-border-radius: 3px;
1236   border-radius: 3px;
1237   background: #8786b7;
1238   -webkit-font-smoothing: auto;
1239   padding-left: 1.1em;
1240   margin: 1px 0;
1241 }
1242 .openerp .oe_searchview .oe_searchview_facets .oe_searchview_facet:focus {
1243   border-color: #a6a6fe;
1244   -moz-box-shadow: 0 0 3px 1px #a6a6fe;
1245   -webkit-box-shadow: 0 0 3px 1px #a6a6fe;
1246   -box-shadow: 0 0 3px 1px #a6a6fe;
1247 }
1248 .openerp .oe_searchview .oe_searchview_facets .oe_searchview_facet .oe_facet_values {
1249   background: #f0f0fa;
1250   -moz-border-radius: 0 3px 3px 0;
1251   -webkit-border-radius: 0 3px 3px 0;
1252   border-radius: 0 3px 3px 0;
1253 }
1254 .openerp .oe_searchview .oe_searchview_facets .oe_searchview_facet .oe_facet_category, .openerp .oe_searchview .oe_searchview_facets .oe_searchview_facet .oe_facet_value {
1255   height: 24px;
1256   padding: 1px 0.1em;
1257 }
1258 .openerp .oe_searchview .oe_searchview_facets .oe_searchview_facet .oe_facet_category {
1259   color: white;
1260   text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
1261 }
1262 .openerp .oe_searchview .oe_searchview_facets .oe_searchview_facet .oe_facet_value {
1263   border-left: 1px solid #afafb6;
1264 }
1265 .openerp .oe_searchview .oe_searchview_facets .oe_searchview_facet .oe_facet_remove {
1266   position: absolute;
1267   top: 0;
1268   left: 2px;
1269   color: white;
1270 }
1271 .openerp .oe_searchview .oe_searchview_facets .oe_searchview_facet .oe_facet_remove:hover {
1272   color: #cccccc;
1273 }
1274 .openerp .oe_searchview.oe_searchview_open_drawer .oe_searchview_drawer {
1275   display: block;
1276 }
1277 .openerp .oe_searchview.oe_searchview_open_drawer .oe_searchview_unfold_drawer:before {
1278   content: "â–¼";
1279 }
1280 .openerp .oe_searchview .oe_searchview_drawer {
1281   position: absolute;
1282   z-index: 1;
1283   margin-top: 3px;
1284   top: 100%;
1285   right: 0;
1286   background-color: white;
1287   min-width: 100%;
1288   display: none;
1289   border: 1px solid #cccccc;
1290   text-align: left;
1291   padding-bottom: 0.5em;
1292   -moz-border-radius: 1em;
1293   -webkit-border-radius: 1em;
1294   border-radius: 1em;
1295 }
1296 .openerp .oe_searchview .oe_searchview_drawer > div {
1297   border-top: 1px solid #cccccc;
1298   margin: 3px 0;
1299 }
1300 .openerp .oe_searchview .oe_searchview_drawer > div:first-child {
1301   border-top: none;
1302   margin: 0;
1303 }
1304 .openerp .oe_searchview .oe_searchview_drawer h4, .openerp .oe_searchview .oe_searchview_drawer h4 * {
1305   margin: 0;
1306   cursor: pointer;
1307 }
1308 .openerp .oe_searchview .oe_searchview_drawer h4:before {
1309   content: "â–¸ ";
1310 }
1311 .openerp .oe_searchview .oe_searchview_drawer button, .openerp .oe_searchview .oe_searchview_drawer .button {
1312   border: none;
1313   background: transparent;
1314   padding: 0 2px;
1315   -moz-box-shadow: none;
1316   -webkit-box-shadow: none;
1317   -box-shadow: none;
1318   -moz-border-radius: 0;
1319   -webkit-border-radius: 0;
1320   border-radius: 0;
1321 }
1322 .openerp .oe_searchview .oe_searchview_drawer .oe_searchview_filters {
1323   display: table;
1324   width: 100%;
1325 }
1326 .openerp .oe_searchview .oe_searchview_drawer .oe_searchview_filters > div {
1327   -moz-box-sizing: border-box;
1328   -webkit-box-sizing: border-box;
1329   box-sizing: border-box;
1330   display: table-cell;
1331   width: 50%;
1332 }
1333 .openerp .oe_searchview .oe_searchview_drawer .oe_searchview_filters h3 {
1334   margin: 2px 4px 2px 8px;
1335   color: #8786b7;
1336 }
1337 .openerp .oe_searchview .oe_searchview_drawer .oe_searchview_filters ul {
1338   margin: 0 12px 3px;
1339   padding: 0;
1340   list-style: none;
1341 }
1342 .openerp .oe_searchview .oe_searchview_drawer .oe_searchview_filters li {
1343   list-style: none;
1344   padding: 3px 6px 3px 18px;
1345   line-height: 14px;
1346   color: inherit;
1347   cursor: pointer;
1348 }
1349 .openerp .oe_searchview .oe_searchview_drawer .oe_searchview_filters li.oe_selected {
1350   background: url(/web/static/src/img/icons/gtk-apply.png) left 2px no-repeat;
1351 }
1352 .openerp .oe_searchview .oe_searchview_drawer .oe_searchview_filters li:hover {
1353   background-color: #f0f0fa;
1354 }
1355 .openerp .oe_searchview .oe_searchview_drawer .oe_searchview_custom form {
1356   display: none;
1357 }
1358 .openerp .oe_searchview .oe_searchview_drawer .oe_searchview_custom form button {
1359   font-size: 1px;
1360   letter-spacing: -1px;
1361   color: transparent;
1362 }
1363 .openerp .oe_searchview .oe_searchview_drawer .oe_searchview_custom form button:before {
1364   font-family: "mnmliconsRegular";
1365   content: "S";
1366   font-size: 20px;
1367   color: #404040;
1368 }
1369 .openerp .oe_searchview .oe_searchview_drawer .oe_searchview_custom li {
1370   cursor: pointer;
1371   position: relative;
1372   line-height: 1.2em;
1373   padding: 2px 20px 2px 25px;
1374 }
1375 .openerp .oe_searchview .oe_searchview_drawer .oe_searchview_custom li.oe_searchview_custom_private {
1376   background: url(/web/static/src/img/icons/terp-locked.png) 5px center no-repeat;
1377 }
1378 .openerp .oe_searchview .oe_searchview_drawer .oe_searchview_custom li:hover {
1379   background-color: #f0f0fa;
1380 }
1381 .openerp .oe_searchview .oe_searchview_drawer .oe_searchview_custom li button {
1382   position: absolute;
1383   top: 0;
1384   right: 5px;
1385 }
1386 .openerp .oe_searchview .oe_searchview_drawer .oe_searchview_advanced form {
1387   display: none;
1388 }
1389 .openerp .oe_searchview .oe_searchview_drawer .oe_searchview_advanced button.oe_add_condition:before {
1390   content: "⊞ ";
1391 }
1392 .openerp .oe_searchview .oe_searchview_drawer .oe_searchview_advanced button.oe_apply:before {
1393   content: "âš¡ ";
1394 }
1395 .openerp .oe_searchview .oe_searchview_drawer .oe_searchview_advanced ul {
1396   list-style: none;
1397   padding: 0;
1398 }
1399 .openerp .oe_searchview .oe_searchview_drawer .oe_searchview_advanced li {
1400   list-style: none;
1401   margin: 0;
1402   white-space: nowrap;
1403 }
1404 .openerp .oe_searchview .oe_searchview_drawer .oe_opened h4:before {
1405   content: "â–¾ ";
1406 }
1407 .openerp .oe_searchview .oe_searchview_drawer .oe_opened form {
1408   display: block;
1409 }
1410 .openerp .oe_searchview .oe_searchview_drawer .oe_searchview_custom_delete, .openerp .oe_searchview .oe_searchview_drawer .searchview_extended_delete_prop {
1411   font-size: 1px;
1412   letter-spacing: -1px;
1413   color: transparent;
1414 }
1415 .openerp .oe_searchview .oe_searchview_drawer .oe_searchview_custom_delete:before, .openerp .oe_searchview .oe_searchview_drawer .searchview_extended_delete_prop:before {
1416   font-family: "mnmliconsRegular";
1417   content: "d";
1418   font-size: 20px;
1419   color: #404040;
1420 }
1421 .openerp .oe_view_nocontent > img {
1422   float: left;
1423   margin-right: 1.5em;
1424 }
1425 .openerp .oe_view_nocontent > div {
1426   overflow: hidden;
1427   padding: 6px;
1428   font-size: 125%;
1429 }
1430 .openerp .oe_view_topbar {
1431   border-bottom: 1px solid #cacaca;
1432   background-color: #fcfcfc;
1433   background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#dedede));
1434   background-image: -webkit-linear-gradient(top, #fcfcfc, #dedede);
1435   background-image: -moz-linear-gradient(top, #fcfcfc, #dedede);
1436   background-image: -ms-linear-gradient(top, #fcfcfc, #dedede);
1437   background-image: -o-linear-gradient(top, #fcfcfc, #dedede);
1438   background-image: linear-gradient(to bottom, #fcfcfc, #dedede);
1439   padding: 0 8px;
1440   line-height: 30px;
1441 }
1442 .openerp .oe_formview {
1443   background: white;
1444 }
1445 .openerp .oe_form_header {
1446   padding: 8px;
1447 }
1448 .openerp .oe_form_invalid input, .openerp .oe_form_invalid select, .openerp .oe_form_invalid textarea {
1449   background-color: #ff6666 !important;
1450   border: 1px solid #dd0000 !important;
1451 }
1452 .openerp .oe_form_button_save_dirty {
1453   color: white;
1454   background: #dc5f59;
1455   background: -moz-linear-gradient(#dc5f59, #b33630);
1456   background: -webkit-gradient(linear, left top, left bottom, from(#dc5f59), to(#b33630));
1457   background: -webkit-linear-gradient(#dc5f59, #b33630);
1458   -moz-box-shadow: none;
1459   -webkit-box-shadow: none;
1460   -box-shadow: none;
1461   font-weight: bold;
1462 }
1463 .openerp .oe_form_button_save_dirty:hover {
1464   background: #ed6f6a;
1465 }
1466 .openerp .oe_form_topbar {
1467   border-bottom: 1px solid #cacaca;
1468   background-color: #fcfcfc;
1469   background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#dedede));
1470   background-image: -webkit-linear-gradient(top, #fcfcfc, #dedede);
1471   background-image: -moz-linear-gradient(top, #fcfcfc, #dedede);
1472   background-image: -ms-linear-gradient(top, #fcfcfc, #dedede);
1473   background-image: -o-linear-gradient(top, #fcfcfc, #dedede);
1474   background-image: linear-gradient(to bottom, #fcfcfc, #dedede);
1475   padding: 0 8px;
1476   line-height: 30px;
1477 }
1478 .openerp .oe_form_topbar button {
1479   font-size: 12px;
1480   height: 24px;
1481   line-height: 24px;
1482   vertical-align: top;
1483   padding: 0 10px;
1484   margin: 3px 4px 3px 0;
1485 }
1486 .openerp .oe_form_topbar button span.i {
1487   line-height: 20px;
1488   height: 24px;
1489 }
1490 .openerp .oe_form_topbar ul {
1491   height: 30px;
1492   padding: 0;
1493   margin: 0;
1494   text-shadow: 0 1px 1px white;
1495   border-left: 1px solid #cacaca;
1496   border-right: 1px solid #cacaca;
1497 }
1498 .openerp .oe_form_topbar ul li {
1499   padding: 0;
1500   margin: 0;
1501   float: left;
1502   vertical-align: top;
1503   border-right: 1px solid #cacaca;
1504   height: 30px;
1505   padding: 0 12px;
1506 }
1507 .openerp .oe_form_topbar ul li:first-child {
1508   border-left: 1px solid #cacaca;
1509 }
1510 .openerp .oe_form_topbar ul li a {
1511   color: #4c4c4c;
1512 }
1513 .openerp .oe_form_topbar ul li a:hover {
1514   color: black;
1515 }
1516 .openerp .oe_form_topbar .oe_form_steps img {
1517   margin: 0 8px;
1518   vertical-align: top;
1519 }
1520 .openerp .oe_form_topbar .oe_form_steps li {
1521   border-right: none;
1522   padding: 0;
1523 }
1524 .openerp .oe_form_topbar .oe_form_steps li:first-child {
1525   margin-left: 12px;
1526   border-left: none;
1527 }
1528 .openerp .oe_form_topbar .oe_form_steps li:last-child {
1529   margin-right: 12px;
1530 }
1531 .openerp .oe_form_topbar .oe_form_steps_active {
1532   font-weight: bold;
1533   color: #b33630;
1534 }
1535 .openerp .oe_form_topbar.oe_form_topbar_hifirst button:first-child, .openerp button.oe_form_button_hi {
1536   color: white;
1537   background: #dc5f59;
1538   background: -moz-linear-gradient(#dc5f59, #b33630);
1539   background: -webkit-gradient(linear, left top, left bottom, from(#dc5f59), to(#b33630));
1540   background: -webkit-linear-gradient(#dc5f59, #b33630);
1541   -moz-box-shadow: none;
1542   -webkit-box-shadow: none;
1543   -box-shadow: none;
1544 }
1545 .openerp .oe_form_topbar.oe_form_topbar_hifirst button:first-child:hover, .openerp button.oe_form_button_hi:hover {
1546   background: #df6b66;
1547   background: -moz-linear-gradient(#df6b66, #bf3a33);
1548   background: -webkit-gradient(linear, left top, left bottom, from(#df6b66), to(#bf3a33));
1549   background: -webkit-linear-gradient(#df6b66, #bf3a33);
1550   -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
1551   -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
1552   -box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
1553 }
1554 .openerp .oe_application .oe_form_sheetbg {
1555   background: url(/web/static/src/img/form_sheetbg.png);
1556   padding: 8px 0;
1557   border-bottom: 1px solid #dddddd;
1558 }
1559 .openerp .oe_application .oe_form_sheet_width {
1560   min-width: 650px;
1561   max-width: 980px;
1562   margin: 0 auto;
1563 }
1564 .openerp .oe_application .oe_form_sheet {
1565   padding: 8px 8px 8px 8px;
1566   background: white;
1567   min-height: 420px;
1568   border: 1px solid #afafb6;
1569   -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
1570   -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
1571   -box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
1572 }
1573 .openerp .oe_form_autolayout .oe_button {
1574   height: 20px;
1575 }
1576 .openerp .oe_form_autolayout .oe_form_group_cell {
1577   line-height: 18px;
1578   padding: 2px;
1579   height: 20px;
1580 }
1581 .openerp .oe_form_autolayout .oe_form_group_cell > .oe_form_field_many2one,
1582 .openerp .oe_form_autolayout .oe_form_group_cell > .oe_form_field_many2one input,
1583 .openerp .oe_form_autolayout .oe_form_group_cell > .oe_form_field_char input,
1584 .openerp .oe_form_autolayout .oe_form_group_cell > .oe_form_field_text textarea,
1585 .openerp .oe_form_autolayout .oe_form_group_cell > .oe_form_field_email,
1586 .openerp .oe_form_autolayout .oe_form_group_cell > .oe_form_field_email input,
1587 .openerp .oe_form_autolayout .oe_form_group_cell > .oe_form_field_url,
1588 .openerp .oe_form_autolayout .oe_form_group_cell > .oe_form_field_url input,
1589 .openerp .oe_form_autolayout .oe_form_group_cell > .oe_form_field_float input,
1590 .openerp .oe_form_autolayout .oe_form_group_cell > .oe_form_field_selection select,
1591 .openerp .oe_form_autolayout .oe_form_group_cell > div > .oe_datepicker_root,
1592 .openerp .oe_form_autolayout .oe_form_group_cell > div > .oe_datepicker_root > input.oe_datepicker_master {
1593   width: 100%;
1594 }
1595 .openerp .oe_form_autolayout .oe_form_button.oe_button {
1596   color: #4c4c4c;
1597 }
1598 .openerp .oe_form_autolayout .oe_form_button.oe_button span {
1599   position: relative;
1600   vertical-align: top;
1601 }
1602 .openerp .oe_form_autolayout .oe_form_group_cell > .oe_form_button.oe_button {
1603   white-space: nowrap;
1604   min-width: 100%;
1605   width: 100%;
1606 }
1607 .openerp .oe_form_autolayout .oe_form_group_cell.oe_form_group_nested {
1608   padding: 0;
1609 }
1610 .openerp .oe_form .oe_form_label_help[for], .openerp .oe_form .oe_form_label[for] {
1611   white-space: nowrap;
1612   padding-right: 8px;
1613 }
1614 .openerp .oe_form .oe_form_label_help[for] span, .openerp .oe_form .oe_form_label[for] span {
1615   font-size: 80%;
1616   color: darkGreen;
1617   vertical-align: top;
1618   position: relative;
1619   top: -4px;
1620   padding: 0 2px;
1621 }
1622 .openerp .oe_form textarea {
1623   resize: vertical;
1624 }
1625 .openerp .oe_form input[type="text"],
1626 .openerp .oe_form input[type="password"],
1627 .openerp .oe_form input[type="file"],
1628 .openerp .oe_form select {
1629   height: 22px;
1630   padding-top: 2px;
1631 }
1632 .openerp .oe_form input[type="text"],
1633 .openerp .oe_form input[type="password"],
1634 .openerp .oe_form input[type="file"],
1635 .openerp .oe_form select,
1636 .openerp .oe_form textarea {
1637   -moz-box-sizing: border-box;
1638   -webkit-box-sizing: border-box;
1639   -ms-box-sizing: border-box;
1640   box-sizing: border-box;
1641   padding: 0 2px;
1642   margin: 0 2px;
1643   border: 1px solid #999999;
1644   -moz-border-radius: 3px;
1645   -webkit-border-radius: 3px;
1646   border-radius: 3px;
1647   background: white;
1648   min-width: 90px;
1649   color: #1f1f1f;
1650 }
1651 .openerp .oe_form input[readonly],
1652 .openerp .oe_form select[readonly],
1653 .openerp .oe_form textarea[readonly],
1654 .openerp .oe_form input[disabled],
1655 .openerp .oe_form select[disabled] {
1656   background: #e5e5e5 !important;
1657   color: #666666;
1658 }
1659 .openerp .oe_form textarea[disabled] {
1660   border: none;
1661   border-left: 8px solid #eeeeee;
1662   padding-left: 8px;
1663   -moz-box-shadow: none;
1664   -webkit-box-shadow: none;
1665   -box-shadow: none;
1666   -moz-border-radius: 0px;
1667   -webkit-border-radius: 0px;
1668   border-radius: 0px;
1669   color: #666666;
1670 }
1671 .openerp .oe_form .oe_form_field_many2one input,
1672 .openerp .oe_form .oe_form_field_binary input,
1673 .openerp .oe_form .oe_form_field_binary input,
1674 .openerp .oe_form .oe_form_field_email input,
1675 .openerp .oe_form .oe_form_field_url input {
1676   border-right: none;
1677   -webkit-border-top-right-radius: 0px;
1678   -webkit-border-bottom-right-radius: 0px;
1679   -moz-border-radius-topright: 0px;
1680   -moz-border-radius-bottomright: 0px;
1681   border-top-right-radius: 0px;
1682   border-bottom-right-radius: 0px;
1683 }
1684 .openerp .oe_form .oe_form_field_email button img,
1685 .openerp .oe_form .oe_form_field_url button img {
1686   vertical-align: top;
1687 }
1688 .openerp .oe_form .oe_form_field_translatable,
1689 .openerp .oe_form .oe_form_field_many2one,
1690 .openerp .oe_form .oe_form_field_date,
1691 .openerp .oe_form .oe_form_field_datetime {
1692   white-space: nowrap;
1693 }
1694 .openerp .oe_form .oe_form_field_boolean {
1695   padding-top: 4px;
1696 }
1697 .openerp .oe_form .oe_form_field_datetime input {
1698   min-width: 11em;
1699 }
1700 .openerp .oe_form .oe_form_field_many2manytags .text-wrap {
1701   width: 100% !important;
1702 }
1703 .openerp .oe_form .oe_form_field_many2manytags .text-wrap textarea {
1704   width: 100% !important;
1705 }
1706 .openerp .oe_form .oe_form_field_many2manytags .oe_form_field_many2manytags_box {
1707   border-radius: 2px;
1708   box-sizing: border-box;
1709   position: relative;
1710   float: left;
1711   border: 1px solid #9daccc;
1712   background: #e2e6f0;
1713   color: black;
1714   padding: 0px 3px 0px 3px;
1715   margin: 0 2px 2px 0;
1716   cursor: pointer;
1717   height: 16px;
1718   font: 11px "lucida grande", tahoma, verdana, arial, sans-serif;
1719 }
1720 .openerp .oe_form .oe_form_field_many2manytags .text-core .text-wrap .text-dropdown .text-list .text-suggestion em {
1721   font-style: italic;
1722   text-decoration: none;
1723 }
1724 .openerp .oe_form .oe_datepicker_container {
1725   display: none;
1726 }
1727 .openerp .oe_form .oe_datepicker_root {
1728   display: inline-block;
1729 }
1730 .openerp .oe_form .oe_form_required input, .openerp .oe_form .oe_form_required select, .openerp .oe_form .oe_form_required textarea {
1731   background-color: #d2d2ff !important;
1732 }
1733 .openerp .oe_form .oe_form_invalid input, .openerp .oe_form .oe_form_invalid select, .openerp .oe_form .oe_form_invalid textarea {
1734   background-color: #ff6666 !important;
1735   border: 1px solid #dd0000 !important;
1736 }
1737 .openerp .oe_form .oe_button.oe_field_button {
1738   -webkit-border-top-left-radius: 0px;
1739   -webkit-border-bottom-left-radius: 0px;
1740   -moz-border-radius-topleft: 0px;
1741   -moz-border-radius-bottomleft: 0px;
1742   border-top-left-radius: 0px;
1743   border-bottom-left-radius: 0px;
1744   margin-right: -1px;
1745   height: 22px;
1746 }
1747 .openerp .oe_form .oe_input_icon {
1748   cursor: pointer;
1749   margin: 3px 0 0 -21px;
1750   vertical-align: top;
1751 }
1752 .openerp .oe_form .oe_input_icon_disabled {
1753   position: absolute;
1754   cursor: default;
1755   opacity: 0.5;
1756   filter: alpha(opacity=50);
1757   right: 5px;
1758   top: 3px;
1759 }
1760 .openerp .oe_form .oe_form_button > img {
1761   vertical-align: -3px;
1762   padding: 0 2px;
1763 }
1764 .openerp .oe_form .oe-binary-file-set {
1765   overflow: hidden;
1766   position: relative;
1767   width: 45px;
1768   height: 30px;
1769 }
1770 .openerp .oe_form input.oe-binary-file {
1771   z-index: 0;
1772   line-height: 0;
1773   font-size: 12px;
1774   position: absolute;
1775   top: 1px;
1776   right: 10px;
1777   opacity: 0;
1778   filter: alpha(opacity=0);
1779   -ms-filter: "alpha(opacity=0)";
1780   margin: 0;
1781   padding: 0;
1782 }
1783 .openerp .oe_horizontal_separator {
1784   font-weight: bold;
1785   font-size: 16px;
1786   margin: 4px 0;
1787 }
1788 .openerp .oe_horizontal_separator:empty {
1789   height: 5px;
1790 }
1791 .openerp .oe_vertical_separator {
1792   border-left: 1px solid #666666;
1793   padding: 0 4px 0 4px;
1794 }
1795 .openerp .oe_form_notebook {
1796   margin: 8px 0;
1797   padding: 0 8px;
1798   list-style: none;
1799   zoom: 1;
1800 }
1801 .openerp .oe_form_notebook:before, .openerp .oe_form_notebook:after {
1802   display: table;
1803   content: "";
1804   zoom: 1;
1805 }
1806 .openerp .oe_form_notebook:after {
1807   clear: both;
1808 }
1809 .openerp .oe_form_notebook > li {
1810   float: left;
1811 }
1812 .openerp .oe_form_notebook > li > a {
1813   display: block;
1814   color: #4c4c4c;
1815 }
1816 .openerp .oe_form_notebook {
1817   border-color: #dddddd;
1818   border-style: solid;
1819   border-width: 0 0 1px;
1820 }
1821 .openerp .oe_form_notebook > li {
1822   position: relative;
1823   margin-bottom: -1px;
1824 }
1825 .openerp .oe_form_notebook > li > a {
1826   padding: 0 12px;
1827   margin-right: 2px;
1828   line-height: 30px;
1829   border: 1px solid transparent;
1830   -moz-border-radius: 4px 4px 0 0;
1831   -webkit-border-radius: 4px 4px 0 0;
1832   border-radius: 4px 4px 0 0;
1833 }
1834 .openerp .oe_form_notebook > li > a:hover {
1835   text-decoration: none;
1836   background-color: #eeeeee;
1837   border-color: #eeeeee #eeeeee #dddddd;
1838 }
1839 .openerp .oe_form_notebook > li.ui-state-active > a, .openerp .oe_form_notebook > li.ui-state-active > a:hover {
1840   background-color: white;
1841   border: 1px solid #dddddd;
1842   border-bottom-color: transparent;
1843   cursor: default;
1844 }
1845 .openerp .oe_form_notebook_page {
1846   padding: 0;
1847 }
1848 .openerp .ui-tabs-hide {
1849   display: none;
1850 }
1851 .openerp .oe_form .oe_form_field_progressbar.ui-progressbar {
1852   height: 22px;
1853   font-size: 10px;
1854   -moz-box-sizing: border-box;
1855   -webkit-box-sizing: border-box;
1856   -ms-box-sizing: border-box;
1857   box-sizing: border-box;
1858   border: 1px solid #999999;
1859   -moz-border-radius: 3px;
1860   -webkit-border-radius: 3px;
1861   border-radius: 3px;
1862   background: white;
1863   min-width: 90px;
1864 }
1865 .openerp .oe_form .oe_form_field_progressbar.ui-progressbar span {
1866   position: absolute;
1867   margin-left: 10px;
1868   font-weight: bold;
1869 }
1870 .openerp .oe_form .oe_form_field_progressbar.ui-progressbar .ui-widget-header {
1871   background: #cccccc url(/web/static/lib/jquery.ui/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
1872 }
1873 .openerp .oe_form .oe_view_manager_header2 td {
1874   padding: 0px 8px;
1875   line-height: 16px;
1876 }
1877 .openerp .oe_form .oe_view_manager_header2 td .oe_i {
1878   font-size: 13px;
1879 }
1880 .openerp .oe_form .oe_view_manager_header2 td .oe_pager_group {
1881   height: auto;
1882   line-height: 16px;
1883 }
1884 .openerp .oe_form .oe_view_manager_header2 td .oe_pager_group li {
1885   height: auto;
1886   line-height: 16px;
1887 }
1888 .openerp .oe-select-create-popup-view-form > .oe_formview > .oe_form_pager {
1889   display: none;
1890 }
1891 .openerp .oe_form .oe_form_title, .openerp .oe_form .oe_form_title input {
1892   font-size: 20px;
1893   font-weight: bold;
1894   height: 30px;
1895 }
1896 .openerp .oe_form .oe_form_group_odd_border > tbody > tr.oe_form_group_row > td.oe_form_group_cell:nth-child(odd),
1897 .openerp .oe_form .oe_form_group_label_border > tbody > tr.oe_form_group_row > td.oe_form_group_cell_label {
1898   border-right: 1px solid #dddddd;
1899 }
1900 .openerp .oe_form .oe_form_group_odd_border > tbody > tr.oe_form_group_row > td.oe_form_group_cell:nth-child(odd) label,
1901 .openerp .oe_form .oe_form_group_label_border > tbody > tr.oe_form_group_row > td.oe_form_group_cell_label label {
1902   display: block;
1903   min-width: 120px;
1904 }
1905 .openerp .oe_form .oe_form_group_odd_border > tbody > tr.oe_form_group_row > td.oe_form_group_cell,
1906 .openerp .oe_form .oe_form_group_label_border > tbody > tr.oe_form_group_row > td.oe_form_group_cell {
1907   padding: 2px 2px 2px 8px !important;
1908 }
1909 .openerp .oe-listview-content {
1910   width: 100%;
1911 }
1912 .openerp .oe-listview-content > thead {
1913   border-bottom: 2px solid #cacaca;
1914   background: #eeeeee;
1915   vertical-align: top;
1916 }
1917 .openerp .oe-listview-content > thead td, .openerp .oe-listview-content > thead th {
1918   padding: 3px 6px;
1919   line-height: 18px;
1920 }
1921 .openerp .oe-listview-content > thead th:after {
1922   content: "";
1923   float: right;
1924   margin-top: 7px;
1925   border-width: 0 4px 4px;
1926   border-style: solid;
1927   border-color: black transparent;
1928   visibility: hidden;
1929 }
1930 .openerp .oe-listview-content > thead th.sortup:after {
1931   visibility: visible;
1932   filter: alpha(opacity=60);
1933   opacity: 0.6;
1934 }
1935 .openerp .oe-listview-content > thead th.sortdown:after {
1936   border-bottom: none;
1937   border-left: 4px solid transparent;
1938   border-right: 4px solid transparent;
1939   border-top: 4px solid black;
1940   visibility: visible;
1941   -moz-box-shadow: none;
1942   -webkit-box-shadow: none;
1943   -box-shadow: none;
1944   filter: alpha(opacity=60);
1945   opacity: 0.6;
1946 }
1947 .openerp .oe-listview-content > tbody {
1948   cursor: pointer;
1949   background: white;
1950 }
1951 .openerp .oe-listview-content > tbody > tr {
1952   border-top: 1px solid #dddddd;
1953 }
1954 .openerp .oe-listview-content > tbody > tr > td, .openerp .oe-listview-content > tbody > tr > th {
1955   padding: 3px 6px;
1956   line-height: 18px;
1957 }
1958 .openerp .oe-listview-content > tbody > tr > td > button, .openerp .oe-listview-content > tbody > tr > th > button {
1959   border: none;
1960   background: transparent;
1961   padding: 0;
1962   -moz-box-shadow: none;
1963   -webkit-box-shadow: none;
1964   -box-shadow: none;
1965 }
1966 .openerp .oe-listview-content > tbody > tr > td.oe_list_checkbox:first-child, .openerp .oe-listview-content > tbody > tr th.oe_list_checkbox:first-child {
1967   width: 17px;
1968 }
1969 .openerp .oe-listview-content > tbody > tr > td.oe_list_checkbox:first-child:after, .openerp .oe-listview-content > tbody > tr th.oe_list_checkbox:first-child:after {
1970   border-width: 0;
1971 }
1972 .openerp .oe-listview-content > tbody > tr > td.oe-number {
1973   text-align: right !important;
1974 }
1975 .openerp .oe-listview-content > tbody > tr:nth-child(odd) {
1976   background-color: #f0f0fa;
1977   background-color: #f0f0fa;
1978   background-image: -webkit-gradient(linear, left top, left bottom, from(#f0f0fa), to(#eeeef6));
1979   background-image: -webkit-linear-gradient(top, #f0f0fa, #eeeef6);
1980   background-image: -moz-linear-gradient(top, #f0f0fa, #eeeef6);
1981   background-image: -ms-linear-gradient(top, #f0f0fa, #eeeef6);
1982   background-image: -o-linear-gradient(top, #f0f0fa, #eeeef6);
1983   background-image: linear-gradient(to bottom, #f0f0fa, #eeeef6);
1984 }
1985 .openerp .oe-listview-content > tfoot {
1986   border-top: 2px solid #cacaca;
1987   border-bottom: 1px solid #cacaca;
1988   background: #eeeeee;
1989   font-weight: bold;
1990 }
1991 .openerp .oe-listview-content > tbody tr:hover td, .openerp .oe-listview-content tbody tr:hover th {
1992   background-color: #eeeeee;
1993   background-image: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#dedede));
1994   background-image: -webkit-linear-gradient(top, #eeeeee, #dedede);
1995   background-image: -moz-linear-gradient(top, #eeeeee, #dedede);
1996   background-image: -ms-linear-gradient(top, #eeeeee, #dedede);
1997   background-image: -o-linear-gradient(top, #eeeeee, #dedede);
1998   background-image: linear-gradient(to bottom, #eeeeee, #dedede);
1999 }
2000 .openerp .oe-listview-content .numeric {
2001   text-align: right;
2002   width: 82px;
2003 }
2004 .openerp .oe-listview-content .numeric input {
2005   text-align: right;
2006 }
2007 .openerp .oe_kanban_group_title {
2008   margin: 1px 1px 4px;
2009   font-size: 15px;
2010   font-weight: bold;
2011   text-shadow: 0 1px 0 white;
2012 }
2013 .openerp .oe_kanban_column, .openerp .oe_kanban_group_header {
2014   width: 240px;
2015   vertical-align: top;
2016   padding: 6px 7px 6px 6px;
2017   background: #f0eeee;
2018   border-left: 1px solid #f0f8f8;
2019   border-right: 1px solid #b9b9b9;
2020 }
2021 .openerp .oe_kanban_record {
2022   position: relative;
2023   display: block;
2024   min-height: 50px;
2025   margin: 6px 0;
2026   display: block;
2027   -moz-border-radius: 4px;
2028   -webkit-border-radius: 4px;
2029   border-radius: 4px;
2030 }
2031 .openerp .oe_kanban_record:last-child {
2032   margin-bottom: 0;
2033 }
2034 .openerp .oe_kanban_record .oe_kanban_title {
2035   font-weight: bold;
2036   margin: 2px 4px;
2037 }
2038 .openerp .oe_kanban_gravatar {
2039   width: 20px;
2040   height: 20px;
2041   -moz-border-radius: 3px;
2042   -webkit-border-radius: 3px;
2043   border-radius: 3px;
2044   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
2045   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
2046   -box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
2047 }
2048 .openerp .oe_kanban_avatar_toto {
2049   height: 40px;
2050   width: 40px;
2051   border: 1px solid;
2052   border-color: #e5e5e5 #dbdbdb #d2d2d2;
2053   -moz-border-radius: 3px;
2054   -webkit-border-radius: 3px;
2055   border-radius: 3px;
2056   -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
2057   -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
2058   -box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
2059 }
2060 .openerp .oe_trad_field.touched {
2061   border: 1px solid green !important;
2062 }
2063 .openerp.oe_tooltip {
2064   font-size: 12px;
2065 }
2066 .openerp.oe_tooltip .oe_tooltip_string {
2067   color: #ffdd55;
2068   font-weight: bold;
2069   font-size: 13px;
2070 }
2071 .openerp.oe_tooltip .oe_tooltip_help {
2072   white-space: pre-wrap;
2073 }
2074 .openerp.oe_tooltip .oe_tooltip_technical {
2075   padding: 0 0 4px 0;
2076   margin: 5px 0 0 15px;
2077 }
2078 .openerp.oe_tooltip .oe_tooltip_technical li {
2079   list-style: circle;
2080 }
2081 .openerp.oe_tooltip .oe_tooltip_technical_title {
2082   font-weight: bold;
2083 }
2084 .openerp .oe_layout_debugging .oe_form_group {
2085   outline: 2px dashed green;
2086 }
2087 .openerp .oe_layout_debugging .oe_form_group_cell {
2088   outline: 1px solid blue;
2089 }
2090 .openerp .oe_layout_debugging .oe_form_group:hover, .openerp .oe_layout_debugging .oe_form_group_cell:hover {
2091   outline-color: red;
2092 }
2093 .openerp .oe_layout_debugging .oe_form_group_row_incomplete > td:last-child:after {
2094   content: "[Incomplete Row]";
2095   background: red;
2096   padding: 2px;
2097   font-weight: bold;
2098   color: white;
2099   float: right;
2100 }
2101 .openerp .oe_layout_debugging .oe_form_group_row_incomplete.oe_form_group_row_newline > td:last-child:after {
2102   content: "[newline]";
2103 }
2104 .openerp .oe_debug_view {
2105   float: left;
2106 }
2107 .openerp .oe_debug_view_log {
2108   font-size: 95%;
2109 }
2110 .openerp .oe_debug_view_log label {
2111   display: block;
2112   width: 49%;
2113   text-align: right;
2114   float: left;
2115   font-weight: bold;
2116   color: #000099;
2117 }
2118 .openerp .oe_debug_view_log span {
2119   display: block;
2120   width: 49%;
2121   float: right;
2122   color: #333333;
2123 }
2124
2125 .openerp .oe_form_field_many2one td:first-child {
2126   position: relative;
2127 }
2128 .openerp .oe_form_field_many2one span.oe-m2o-drop-down-button {
2129   position: absolute;
2130   top: 3px;
2131   right: 2px;
2132 }