addons/web/static/src/css/base.css

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