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