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 .openerp .oe_form_button_save_dirty {
1188     display: none;
1189 }
1190 .openerp .oe_form_dirty > .oe_form_header > .oe_form_buttons > .oe_form_button_save {
1191     color: white;
1192     background: #dc5f59;
1193     background: -moz-linear-gradient(#dc5f59, #b33630);
1194     background: -webkit-gradient(linear, left top, left bottom, from(#dc5f59), to(#b33630));
1195     background: -webkit-linear-gradient(#dc5f59, #b33630);
1196     -moz-box-shadow: none;
1197     -webkit-box-shadow: none;
1198     -box-shadow: none;
1199     font-weight: bold;
1200 }
1201 .openerp .oe_form_frame_cell input[type="checkbox"] {
1202     margin-top: 3px;
1203     vertical-align: middle;
1204 }
1205 .openerp .oe_form_frame_cell .input[type="text"] {
1206     padding-bottom: 1px;
1207 }
1208
1209 .openerp table.oe_frame td {
1210     color: #4c4c4c;
1211 }
1212 .openerp td.oe_form_frame_cell {
1213     padding: 2px;
1214     position: relative;
1215 }
1216 .openerp .oe_frame.oe_forms {
1217     clear: both;
1218 }
1219 .openerp table.oe_frame {
1220     color: #4c4c4c;
1221 }
1222 .openerp fieldset.oe_group_box {
1223     border: 1px solid #AAAAAA;
1224     moz-border-radius: 4px;
1225     -webkit-border-radius: 4px;
1226     border-radius: 4px;
1227     background: #F9F9F9;
1228     padding: 4px;
1229 }
1230 .openerp fieldset.oe_group_box legend {
1231     font-weight: bold;
1232 }
1233 .openerp td.oe_form_frame_cell {
1234     padding: 2px;
1235     position: relative;
1236 }
1237 .openerp td.oe_form_field_translatable,
1238 .openerp td.oe_form_field_many2one,
1239 .openerp td.oe_form_field_date,
1240 .openerp td.oe_form_field_datetime {
1241     white-space: nowrap;
1242 }
1243 .openerp td.oe_form_field_boolean {
1244     padding-top: 4px;
1245 }
1246 .openerp td.oe_form_frame_cell.oe_form_group {
1247     padding: 0;
1248 }
1249 .openerp .required.error {
1250     border: 1px solid #900;
1251 }
1252 .openerp .oe_form_buttons, .openerp .oe_list_buttons {
1253     float: left;
1254 }
1255 .openerp .oe_form_pager, .openerp .oe_list_pager {
1256     float: right;
1257     font-size: 80%;
1258     color: gray;
1259     font-weight: bold;
1260 }
1261
1262 .openerp .oe_form_pager {
1263     margin-right: 3px;
1264 }
1265
1266
1267 .openerp label.oe_label_help, .openerp label.oe_label,
1268 .openerp .oe_form_paragraph,
1269 .openerp .oe_form_field_statusbar,
1270 .openerp .oe_forms input[type="text"],
1271 .openerp .oe_forms input[type="password"],
1272 .openerp .oe_forms input[type="file"],
1273 .openerp .oe_forms select,
1274 .openerp .oe_forms .oe_button,
1275 .openerp .oe_forms textarea {
1276     font-size: 85%;
1277 }
1278
1279 .openerp label.oe_label_help, .openerp label.oe_label {
1280     display: block;
1281     color: #4c4c4c;
1282     font-weight: normal;
1283 }
1284 .openerp label.oe_label_help {
1285     cursor: help;
1286 }
1287 .openerp .oe_form_frame_cell  .oe_label, .openerp .oe_form_frame_cell  .oe_label_help {
1288     font-weight: normal;
1289 }
1290 .openerp #tiptip_content {
1291     font-size: 12px;
1292 }
1293 .openerp .oe_tooltip_string {
1294     color: #FD5;
1295     font-weight: bold;
1296     font-size: 13px;
1297 }
1298 .openerp .oe_tooltip_help {
1299     white-space: pre-wrap;
1300 }
1301 .openerp .oe_tooltip_technical {
1302     padding: 0 0 4px 0;
1303     margin: 5px 0 0 15px;
1304     list-style: circle;
1305 }
1306 .openerp .oe_tooltip_technical_title {
1307     font-weight: bold;
1308 }
1309
1310 .openerp .oe_forms label.oe_label, .openerp .oe_forms label.oe_label_help {
1311     margin: 3px 0 0 3px;
1312     white-space: nowrap;
1313 }
1314 .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 */
1315     margin: 3px 0 0 3px;
1316 }
1317
1318 .openerp label.oe_label_help span {
1319     font-size: 80%;
1320     color: darkgreen;
1321     vertical-align:top;
1322     position: relative;
1323     top: -4px;
1324     padding: 0 2px;
1325 }
1326 .openerp .oe_align_left {
1327     text-align: left;
1328 }
1329 .openerp .oe_align_right {
1330     text-align: right;
1331 }
1332 .openerp .oe_align_center {
1333     text-align: center;
1334 }
1335 .openerp .oe_forms .oe_form_paragraph {
1336     margin: 3px 0 0 0;
1337     white-space: normal;
1338 }
1339
1340 .openerp .oe_forms .oe_form_paragraph.oe_multilines {
1341     white-space: pre;
1342 }
1343
1344 .openerp .oe_form_field_one2many .oe-actions h3.oe_view_title,
1345 .openerp .oe_form_field_one2many_list .oe-actions h3.oe_view_title{
1346     display: inline;
1347     margin: 0 0.5em 0 0;
1348 }
1349 .openerp .oe_form_field_one2many .oe-listview .oe-edit-row-save {
1350     visibility: hidden;
1351 }
1352
1353 .openerp .oe_forms .oe-listview th.oe-sortable .ui-icon,
1354 .openerp .oe_forms .oe-listview th.oe-sortable .ui-icon {
1355     height: 100%;
1356     margin-top: -9px;
1357 }
1358
1359 .openerp table.oe_frame .oe-listview-content td {
1360     color: inherit;
1361 }
1362
1363 /* Uneditable Form View */
1364 .openerp .oe_form_readonly {
1365
1366 }
1367 .openerp .oe_form_readonly .oe_form_frame_cell .field_text,
1368 .openerp .oe_form_readonly .field_char,
1369 .openerp .oe_form_readonly .field_int,
1370 .openerp .oe_form_readonly .field_float,
1371 .openerp .oe_form_readonly .field_email,
1372 .openerp .oe_form_readonly .field_date,
1373 .openerp .oe_form_readonly .field_selection,
1374 .openerp .oe_forms_readonly .oe_form_field_many2one {
1375     padding: 3px 2px 2px 2px;
1376     background-color: white;
1377     min-height: 17px;
1378 }
1379 .openerp .oe_form_readonly .oe_form_frame_cell .field_text {
1380     height: auto;
1381 }
1382 .openerp .oe_form_readonly .field_datetime {
1383     padding: 1px 2px 2px 2px;
1384     background-color: white;
1385     height:19px;
1386 }
1387 .openerp .oe_form_readonly .oe_form_field_many2one div {
1388     background-color:white;
1389     height:18px;
1390     margin-bottom:1px;
1391     padding: 0px 2px 5px 2px;
1392 }
1393
1394 .openerp .oe_form_readonly .oe_form_field_email div  {
1395     background-color: white;
1396     padding: 1px 2px 3px 2px;
1397 }
1398
1399
1400 .openerp .oe_form_readonly .oe_form_field_text div.field_text,
1401 .openerp .oe_form_readonly .oe_form_field_text_html div.field_text_html {
1402     white-space: pre-wrap;
1403 }
1404 .openerp .oe_form_readonly .oe_form_frame_cell .field_text  {
1405     min-height:100px;
1406 }
1407 /* Inputs */
1408 .openerp .oe_forms input[type="text"],
1409 .openerp .oe_forms input[type="password"],
1410 .openerp .oe_forms input[type="file"],
1411 .openerp .oe_forms select,
1412 .openerp .oe_forms textarea {
1413     -moz-box-sizing: border-box;
1414     -webkit-box-sizing: border-box;
1415     -ms-box-sizing: border-box;
1416     box-sizing: border-box;
1417     padding: 0 2px;
1418     margin: 0 2px;
1419     border: 1px solid #999;
1420     -moz-border-radius: 3px;
1421     -webkit-border-radius: 3px;
1422     border-radius: 3px;
1423     background: white;
1424     min-width: 90px;
1425     color: #1f1f1f;
1426 }
1427
1428 .openerp .oe_forms input.field_many2one,
1429 .openerp .oe_forms input.field_binary,
1430 .openerp .oe_forms input.field_binary,
1431 .openerp .oe_forms input.field_email,
1432 .openerp .oe_forms input.field_url  {
1433     border-right: none;
1434     -webkit-border-top-right-radius: 0px;
1435     -webkit-border-bottom-right-radius: 0px;
1436     -moz-border-radius-topright: 0px;
1437     -moz-border-radius-bottomright: 0px;
1438     border-top-right-radius: 0px;
1439     border-bottom-right-radius: 0px;
1440 }
1441 .openerp .oe_button.oe_field_button {
1442     -webkit-border-top-left-radius: 0px;
1443     -webkit-border-bottom-left-radius: 0px;
1444     -moz-border-radius-topleft: 0px;
1445     -moz-border-radius-bottomleft: 0px;
1446     border-top-left-radius: 0px;
1447     border-bottom-left-radius: 0px;
1448     margin-right:-1px;
1449     height: 22px;
1450 }
1451
1452 .openerp .oe_form_field_email button img,
1453 .openerp .oe_form_field_url button img {
1454     vertical-align: top;
1455 }
1456 /* vertically recentering filter management select tag */
1457 .openerp select.oe_search-view-filters-management {
1458     margin-top:2px;
1459 }
1460
1461 .openerp .oe_forms select{
1462     padding-top: 2px;
1463 }
1464 .openerp .oe_forms input[readonly],
1465 .openerp .oe_forms select[readonly],
1466 .openerp .oe_forms textarea[readonly],
1467 .openerp .oe_forms input[disabled],
1468 .openerp .oe_forms select[disabled],
1469 .openerp .oe_forms textarea[disabled]{
1470     background: #E5E5E5 !important;
1471     color: #666;
1472 }
1473 .openerp .oe_forms textarea {
1474     resize:vertical;
1475 }
1476 .openerp .oe_forms input[type="text"],
1477 .openerp .oe_forms input[type="password"],
1478 .openerp .oe_forms input[type="file"],
1479 .openerp .oe_forms select,
1480 .openerp .oe_forms .oe_button {
1481     height: 22px;
1482 }
1483
1484 .openerp .oe_forms input.field_datetime {
1485     min-width: 11em;
1486 }
1487 .openerp .oe_forms .oe_form_button .oe_button {
1488     color: #4c4c4c;
1489     white-space: nowrap;
1490     min-width: 100%;
1491     width: 100%;
1492 }
1493 @-moz-document url-prefix() {
1494     /* Strange firefox behaviour on width: 100% + white-space: nowrap */
1495     .openerp .oe_forms .oe_form_button .oe_button {
1496         width: auto;
1497     }
1498 }
1499 /* IE Hack - for IE < 9
1500  * Avoids buttons overflow
1501  * */
1502 .openerp .oe_forms .oe_form_button .oe_button {
1503     min-width: auto\9;
1504 }
1505 .openerp .oe_forms .button {
1506     height: 22px;
1507 }
1508 .openerp .oe_forms .oe_button span {
1509     position: relative;
1510     vertical-align: top;
1511 }
1512 .openerp .oe_input_icon {
1513     cursor: pointer;
1514     margin: 3px 0 0 -21px;
1515     vertical-align: top;
1516 }
1517 .openerp .oe_datepicker_container {
1518     display: none;
1519 }
1520 .openerp .oe_datepicker_root {
1521     display: inline-block;
1522 }
1523 .openerp .oe_form_frame_cell .oe_datepicker_root {
1524     width: 100%;
1525 }
1526 .openerp .oe_input_icon_disabled {
1527     position: absolute;
1528     cursor: default;
1529     opacity: 0.5;
1530     filter:alpha(opacity=50);
1531     right: 5px;
1532     top: 3px;
1533 }
1534 .openerp .oe_trad_field.touched {
1535     border: 1px solid green !important;
1536 }
1537
1538 /* http://www.quirksmode.org/dom/inputfile.html
1539  * http://stackoverflow.com/questions/2855589/replace-input-type-file-by-an-image
1540  */
1541 .openerp .oe-binary-file-set {
1542     overflow: hidden;
1543     position: relative;
1544 }
1545 .openerp input.oe-binary-file {
1546     z-index: 0;
1547     line-height: 0;
1548     font-size: 12px;
1549     position: absolute;
1550     /* Should be adjusted for all browsers */
1551     top: 1px;
1552     right: 10px;
1553     opacity: 0;
1554     filter: alpha(opacity = 0);
1555     -ms-filter: "alpha(opacity=0)";
1556     margin: 0;
1557     padding:0;
1558 }
1559
1560 /* Widgets */
1561 .openerp .separator {
1562     border: 0 solid #666;
1563 }
1564 .openerp .separator.horizontal {
1565     font-weight: bold;
1566     border-bottom-width: 1px;
1567     margin: 3px 4px 3px 1px;
1568     height: 17px;
1569     font-size: 95%;
1570 }
1571 .openerp .separator.horizontal:empty {
1572     height: 5px;
1573 }
1574 .openerp .oe_form_frame_cell.oe_form_separator_vertical {
1575     border-left: 1px solid #666;
1576 }
1577 .openerp td.required input,
1578 .openerp td.required select,
1579 .openerp td.required textarea
1580 .openerp td.required table.oe-listview-content {
1581     background-color: #D2D2FF !important;
1582 }
1583 .openerp td.invalid input, .openerp td.invalid select, .openerp td.invalid textarea {
1584     background-color: #F66 !important;
1585     border: 1px solid #D00 !important;
1586 }
1587 .openerp td.invalid table.oe-listview-content {
1588     border: 1px solid #FF6666 !important;
1589 }
1590 .openerp div.oe-progressbar span {
1591     position: absolute;
1592     margin-left: 10px;
1593     margin-top: 5px;
1594     font-weight: bold;
1595 }
1596
1597 /* jQuery UI override */
1598 .openerp .ui-widget {
1599     font-size: 1em;
1600 }
1601 .openerp .oe_form_field_progressbar .ui-progressbar {
1602     height: 22px;
1603     font-size: 10px;
1604     -moz-box-sizing: border-box;
1605     -webkit-box-sizing: border-box;
1606     -ms-box-sizing: border-box;
1607     box-sizing: border-box;
1608     border: 1px solid #999;
1609     -moz-border-radius: 3px;
1610     -webkit-border-radius: 3px;
1611     border-radius: 3px;
1612     background: white;
1613     min-width: 90px;
1614 }
1615 .openerp tbody.ui-widget-content {
1616     margin-bottom: 10px;
1617     border-spacing: 4px;
1618 }
1619 .openerp .ui-widget-header {
1620     background: white none;
1621 }
1622 /* progress bars */
1623 .openerp .ui-progressbar .ui-widget-header {
1624     background: #cccccc url(/web/static/lib/jquery.ui/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x;
1625 }
1626
1627 /* Sidebar */
1628 .openerp .view-manager-main-table {
1629     margin: 0;
1630     width:100%;
1631     border-collapse:collapse;
1632     height:100%;
1633 }
1634
1635 .openerp .view-manager-main-table tbody {
1636     vertical-align: top;
1637 }
1638
1639 .openerp .oe-view-manager-header {
1640     overflow: auto;
1641     background: url("/web/static/src/img/sep-a.gif") 0 100% repeat-x;
1642     margin:6px 0 6px 2px;
1643 }
1644 .openerp .oe_form_frame_cell .oe-view-manager-header { /* Trick: remove the background when element is in a formular */
1645     background: none;
1646 }
1647
1648 .openerp .oe-view-manager-header h2 {
1649     float: left;
1650 }
1651
1652 .openerp .oe_view_manager_menu_tips blockquote {
1653     display: none;
1654     font-size: 85%;
1655     margin: 0;
1656     background: #fff;
1657     border-bottom: 1px solid #CECBCB;
1658     padding: 1px 10px;
1659     color: #4C4C4C;
1660 }
1661 .openerp .oe_view_manager_menu_tips blockquote p {
1662     margin: 0;
1663     padding: 6px 1px 4px;
1664 }
1665
1666 .openerp .oe_view_manager_menu_tips blockquote div {
1667     text-align: right;
1668     margin-right:10px;
1669 }
1670
1671 .openerp .oe_view_manager_menu_tips blockquote div button {
1672     border: none;
1673     background: none;
1674     padding: 0 4px;
1675     margin: 0;
1676     display: inline;
1677     text-decoration: underline;
1678     color: inherit;
1679 }
1680 .openerp .oe-view-manager-logs {
1681     clear: both;
1682     background: #fff;
1683     margin: 0.25em 0;
1684     font-size: 85%;
1685     color: #4C4C4C;
1686     position: relative;
1687     overflow: hidden;
1688 }
1689 .openerp .oe-view-manager-logs ul {
1690     margin: 0;
1691     padding: 0 10px;
1692     list-style: none;
1693 }
1694 .openerp .oe-view-manager-logs li:before {
1695     content: '\2192 ';
1696 }
1697 .openerp .oe-view-manager-logs a {
1698     text-decoration: none;
1699     color: inherit;
1700 }
1701 /* only display first three log items of a folded logs list */
1702 .openerp .oe-view-manager-logs.oe-folded li:nth-child(n+4) {
1703     display: none;
1704 }
1705 /* display link to more logs if there are more logs to view and the logview is
1706    currently folded */
1707 .openerp .oe-view-manager-logs a.oe-more-logs {
1708     display: none;
1709 }
1710 .openerp .oe-view-manager-logs.oe-folded.oe-has-more a.oe-more-logs {
1711     display: block;
1712 }
1713 .openerp .oe-view-manager-logs a.oe-remove-everything {
1714     position: absolute;
1715     top: 0;
1716     right: 0;
1717     cursor: pointer;
1718 }
1719
1720 .openerp .view-manager-main-sidebar {
1721     width: 180px;
1722     padding: 0;
1723     margin: 0;
1724 }
1725
1726 .openerp .sidebar-main-div {
1727     height: 100%;
1728     border-left: 1px solid #D2CFCF;
1729 }
1730
1731 .openerp .sidebar-content {
1732     padding: 0;
1733     margin: 0;
1734     width: 180px;
1735     height: 100%;
1736     font-size: 0.9em;
1737 }
1738
1739 .openerp .closed-sidebar .sidebar-content {
1740     width: 22px;
1741 }
1742
1743 .openerp .closed-sidebar .sidebar-content {
1744     display: none;
1745 }
1746
1747 .openerp .sidebar-main-div a {
1748     color: #555;
1749     text-decoration: none;
1750 }
1751
1752 .openerp .sidebar-main-div a:hover {
1753     color: black;
1754 }
1755
1756 .openerp .oe-sidebar-attachments-toolbar {
1757     margin: 4px 0 0 4px;
1758 }
1759 .openerp .oe-sidebar-attachments-items {
1760     clear: both;
1761     padding-top: 5px !important;
1762 }
1763 .openerp .oe-sidebar-attachments-items li {
1764     position: relative;
1765     padding: 0 0 3px 10px !important;
1766 }
1767 .openerp .oe-sidebar-attachments-items li:hover {
1768     background: #ddd;
1769 }
1770 .openerp .oe-sidebar-attachments-link {
1771     display: block;
1772     margin-right: 15px;
1773     overflow: hidden;
1774 }
1775 .openerp .oe-sidebar-attachment-delete {
1776     position: absolute;
1777     right: 2px;
1778     top: 1px;
1779     overflow: hidden;
1780     width: 15px;
1781     height: 15px;
1782     padding: 1px;
1783     border-radius: 7px;
1784     -moz-border-radius: 7px;
1785     -webkit-border-radius: 7px;
1786 }
1787 .openerp .oe-sidebar-attachment-delete:hover {
1788     background-color: white;
1789 }
1790
1791 .openerp .view-manager-main-sidebar h2 {
1792     margin:0;
1793     font-size: 1.15em;
1794     color: #8E8E8E;
1795     text-shadow: white 0 1px 0;
1796     padding-left: 10px;
1797     padding-right: 21px;
1798     height: 21px;
1799
1800     background: #ffffff; /* Old browsers */
1801     background: -moz-linear-gradient(top, #ffffff 0%, #ebe9e9 100%); /* FF3.6+ */
1802     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebe9e9)); /* Chrome,Safari4+ */
1803     background: -webkit-linear-gradient(top, #ffffff 0%,#ebe9e9 100%); /* Chrome10+,Safari5.1+ */
1804     background: -o-linear-gradient(top, #ffffff 0%,#ebe9e9 100%); /* Opera11.10+ */
1805     background: -ms-linear-gradient(top, #ffffff 0%,#ebe9e9 100%); /* IE10+ */
1806     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#EBE9E9',GradientType=0 ); /* IE6-9 */
1807     background: linear-gradient(top, #ffffff 0%,#ebe9e9 100%); /* W3C */
1808
1809     border: 1px solid #D2CFCF;
1810     border-right-width: 0;
1811     border-left-width: 0;
1812 }
1813 .openerp .view-manager-main-sidebar h2 {
1814     border-top-width: 0;
1815 }
1816
1817 .openerp .view-manager-main-sidebar ul {
1818     list-style-type: none;
1819     margin: 0;
1820     padding: 0;
1821     display: block;
1822 }
1823
1824 .openerp .view-manager-main-sidebar li {
1825     display: block;
1826     padding: 3px 3px 3px 10px;
1827 }
1828
1829 .openerp .toggle-sidebar {
1830     cursor: pointer;
1831     border: 1px solid #D2CFCF;
1832     border-top-width: 0;
1833     display: block;
1834     background: url(/web/static/src/img/toggle-a-bg.png);
1835     width: 21px;
1836     height: 21px;
1837     z-index: 10;
1838 }
1839 .openerp .open-sidebar .toggle-sidebar {
1840     margin-left: 158px;
1841     background-position: 21px 0;
1842     position: absolute;
1843 }
1844 .openerp .closed-sidebar .toggle-sidebar {
1845     border-left: none;
1846 }
1847 .openerp li.oe_sidebar_print {
1848     padding-left: 20px;
1849     background: 1px 3px url(/web/static/src/img/icons/gtk-print.png) no-repeat;
1850 }
1851
1852 .openerp .oe_sidebar_print ul {
1853     padding-left:8px;
1854 }
1855
1856 .openerp.kitten-mode-activated .main_table {
1857     background: url(http://placekitten.com/g/1500/800) repeat;
1858 }
1859 .openerp.kitten-mode-activated.clark-gable .main_table {
1860     background: url(http://amigrave.com/ClarkGable.jpg);
1861     background-size: 100%;
1862 }
1863
1864 .openerp.kitten-mode-activated .header {
1865     background: url(http://placekitten.com/g/211/65) repeat;
1866 }
1867
1868 .openerp.kitten-mode-activated .secondary_menu {
1869     background: url(http://placekitten.com/g/212/100) repeat;
1870 }
1871
1872 .openerp.kitten-mode-activated .menu {
1873     background: #828282;
1874     background: -moz-linear-gradient(top, #828282 0%, #4D4D4D 100%);
1875     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#828282), color-stop(100%,#4D4D4D));
1876     filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828282', endColorstr='#4D4D4D',GradientType=0 );
1877 }
1878 .openerp.kitten-mode-activated .menu a {
1879     background: none;
1880 }
1881 .openerp.kitten-mode-activated .menu span {
1882     background: none;
1883 }
1884 .openerp.kitten-mode-activated .sidebar-content li a,
1885 .openerp.kitten-mode-activated .oe-application .view-manager-main-content h2.oe_view_title,
1886 .openerp.kitten-mode-activated .oe-application .view-manager-main-content a.searchview_group_string,
1887 .openerp.kitten-mode-activated .oe-application .view-manager-main-content label  {
1888     color: white;
1889 }
1890 .openerp.kitten-mode-activated .menu,
1891 .openerp.kitten-mode-activated .header_corner,
1892 .openerp.kitten-mode-activated .header_title,
1893 .openerp.kitten-mode-activated .secondary_menu div,
1894 .openerp.kitten-mode-activated .oe-application,
1895 .openerp.kitten-mode-activated .oe_footer,
1896 .openerp.kitten-mode-activated .loading,
1897 .openerp.kitten-mode-activated .ui-dialog {
1898     opacity:0.8;
1899     filter:alpha(opacity=80);
1900 }
1901 .openerp.kitten-mode-activated .header .company_logo {
1902     background: url(http://placekitten.com/g/180/46);
1903 }
1904 .openerp.kitten-mode-activated .loading {
1905     background: #828282;
1906     border-color: #828282;
1907 }
1908
1909 .openerp .oe-m2o-drop-down-button {
1910     margin-left: -24px;
1911 }
1912 .openerp .oe-m2o-drop-down-button img {
1913     margin-bottom: -4px;
1914     cursor: pointer;
1915 }
1916 .openerp .oe-m2o input  {
1917     border-right: none;
1918     margin-right: 0px !important;
1919     padding-bottom: 2px !important;
1920 }
1921 .openerp .oe-m2o-disabled-cm {
1922     color: grey;
1923 }
1924 .openerp ul[role="listbox"] li a {
1925     font-size:80%;
1926 }
1927 .parent_top {
1928     vertical-align: text-top;
1929 }
1930
1931 .openerp .oe-dialog-warning p {
1932     padding-left: 1em;
1933     font-size: 1.2em;
1934     font-weight: bold;
1935 }
1936
1937 .openerp .dhx_mini_calendar {
1938     -moz-box-shadow: none;
1939     -khtml-box-shadow: none;
1940     -webkit-box-shadow: none;
1941     box-shadow: none;
1942 }
1943 .openerp .oe-treeview-table {
1944     width: 100%;
1945     background-color : #FFFFFF;
1946     border-spacing: 0;
1947
1948 }
1949 .openerp .oe-treeview-table tr:hover{
1950     color: blue;
1951     background-color : #D8D8D8;
1952 }
1953 .treeview-tr, .treeview-td {
1954     cursor: pointer;
1955     vertical-align: top;
1956     text-align: left;
1957     border-bottom: 1px solid #CFCCCC;
1958 }
1959 .openerp .oe-treeview-table .oe-number {
1960    text-align: right !important;
1961 }
1962 .treeview-tr span, .treeview-td span {
1963     font-size: 90%;
1964     font-weight: normal;
1965     white-space: nowrap;
1966     display: block;
1967     }
1968 .treeview-tr.oe-treeview-first {
1969     background: transparent url(/web/static/src/img/expand.gif) 0 50% no-repeat;
1970 }
1971 .oe-open .treeview-tr.oe-treeview-first {
1972     background-image: url(/web/static/src/img/collapse.gif);
1973 }
1974 .treeview-tr.oe-treeview-first span,
1975 .treeview-td.oe-treeview-first span {
1976     margin-left: 16px;
1977 }
1978
1979 .treeview-header {
1980     vertical-align: top;
1981     background-color : #D8D8D8;
1982     white-space: nowrap;
1983     text-align: left;
1984     padding: 4px 5px;
1985 }
1986 /* Shortcuts*/
1987 .oe-shortcut-toggle {
1988     height: 20px;
1989     margin-top: 3px;
1990     padding: 0;
1991     width: 24px;
1992     cursor: pointer;
1993     display: block;
1994     background: url(/web/static/src/img/add-shortcut.png) no-repeat center center;
1995     float: left;
1996 }
1997 .oe-shortcut-remove{
1998     background: url(/web/static/src/img/remove-shortcut.png) no-repeat center center;
1999 }
2000 .oe-shortcuts {
2001     position: absolute;
2002     margin: 0;
2003     padding: 6px 15px;
2004     top: 37px;
2005     left: 197px;
2006     right: 0;
2007     height: 17px;
2008     line-height: 1.2;
2009 }
2010 .oe-shortcuts ul {
2011     display: block;
2012     overflow: hidden;
2013     list-style: none;
2014     white-space: nowrap;
2015     padding: 0;
2016     margin: 0;
2017 }
2018 .oe-shortcuts li {
2019     cursor: pointer;
2020     display: -moz-inline-stack;
2021     display: inline-block;
2022     display: inline; /*IE7 */
2023     color: #fff;
2024     text-align: center;
2025     border-left: 1px solid #909090;
2026     padding: 0 4px;
2027     font-size: 80%;
2028     font-weight: normal;
2029     vertical-align: top;
2030 }
2031
2032 .oe-shortcuts li:hover {
2033     background-color: #666;
2034 }
2035 .oe-shortcuts li:first-child {
2036     border-left: none;
2037     padding-left: 0;
2038 }
2039
2040 ul.oe-arrow-list {
2041     padding-left: 1.1em;
2042     margin: 0;
2043     white-space: nowrap;
2044 }
2045 ul.oe-arrow-list li {
2046     display: inline-block;
2047     margin-left: -1em;
2048     vertical-align: top;
2049 }
2050 ul.oe-arrow-list li span {
2051     vertical-align: top;
2052     display: inline-block;
2053     border: 1em solid #DEDEDE;
2054     line-height:0em;
2055 }
2056 ul.oe-arrow-list .oe-arrow-list-before {
2057     border-left-color: transparent;
2058     border-right-width:0;
2059 }
2060 ul.oe-arrow-list .oe-arrow-list-after {
2061     border-color: transparent;
2062     border-left-color: #DEDEDE;
2063     border-right-width:0;
2064 }
2065 ul.oe-arrow-list li.oe-arrow-list-selected span {
2066     border-color: #B5B9FF;
2067 }
2068 ul.oe-arrow-list li.oe-arrow-list-selected .oe-arrow-list-before {
2069     border-left-color: transparent;
2070 }
2071 ul.oe-arrow-list li.oe-arrow-list-selected .oe-arrow-list-after {
2072     border-color: transparent;
2073     border-left-color: #B5B9FF;
2074 }
2075 .openerp ul.oe-arrow-list li:first-child span:first-child{
2076     -webkit-border-top-left-radius: 3px;
2077     -moz-border-radius-topleft: 3px;
2078     border-top-left-radius: 3px;
2079     -webkit-border-bottom-left-radius: 3px;
2080     -moz-border-radius-bottomleft: 3px;
2081     border-bottom-left-radius: 3px;
2082 }
2083 .openerp ul.oe-arrow-list li:last-child span:last-child{
2084     -webkit-border-top-right-radius: 3px;
2085     -moz-border-radius-topright: 3px;
2086     border-top-right-radius: 3px;
2087     -webkit-border-bottom-right-radius: 3px;
2088     -moz-border-radius-bottomright: 3px;
2089     border-bottom-right-radius: 3px;
2090 }
2091 .openerp .oe_view_editor {
2092     width:100%;
2093     border-collapse : collapse;
2094     margin-left: -12px;
2095
2096     width: 100%;
2097     background-color : white;
2098     border-spacing: 0;
2099 }
2100 .openerp .oe_view_editor td{
2101     text-align: center;
2102     white-space: nowrap;
2103     border: 1px solid #D8D8D8;
2104
2105     cursor: pointer;
2106     font-size: 90%;
2107 }
2108 .openerp .oe_view_editor_field td{
2109     border: 0px !important;
2110 }
2111
2112 .openerp .oe_view_editor tr:hover {
2113     background-color: #ecebf2;
2114 }
2115
2116
2117 /* Dialog traceback cases */
2118 .openerp .oe_error_detail{
2119     display: block;
2120 }
2121 .openerp .oe_error_send{
2122     display:block;
2123 }
2124 .openerp .oe_fielddiv{
2125     display:inline-block;
2126     width:100%;
2127 }
2128 .openerp .oe_fielddiv input[type=text],textarea{
2129     width:100%;
2130 }
2131 /* for Alignment center */
2132 .openerp .oe_centeralign{
2133     text-align:center;
2134 }
2135
2136 .openerp .oe_applications_tiles {
2137   color: #4C4C4C;
2138   text-shadow: #EEE 0 1px 0;
2139   margin: 0 20px;
2140 }
2141
2142 .openerp .oe_vm_switch {
2143     margin:2px 0 0 0;
2144 }
2145
2146 .openerp .oe_vm_switch_form,
2147 .openerp .oe_vm_switch_page,
2148 .openerp .oe_vm_switch_tree,
2149 .openerp .oe_vm_switch_list,
2150 .openerp .oe_vm_switch_graph,
2151 .openerp .oe_vm_switch_gantt,
2152 .openerp .oe_vm_switch_calendar,
2153 .openerp .oe_vm_switch_kanban,
2154 .openerp .oe_vm_switch_diagram {
2155     background: url("/web/static/src/img/views-icons-a.png") repeat-x scroll left top transparent;
2156     overflow: hidden;
2157     width: 22px;
2158     height: 21px;
2159     border: none;
2160     background-position: 0px 0px;
2161 }
2162
2163 .openerp .oe_vm_switch_form span,
2164 .openerp .oe_vm_switch_page span,
2165 .openerp .oe_vm_switch_tree span,
2166 .openerp .oe_vm_switch_list span,
2167 .openerp .oe_vm_switch_graph span,
2168 .openerp .oe_vm_switch_gantt span,
2169 .openerp .oe_vm_switch_calendar span,
2170 .openerp .oe_vm_switch_kanban span,
2171 .openerp .oe_vm_switch_diagram span {
2172     display: none;
2173 }
2174
2175 .openerp .oe_vm_switch_list {
2176     background-position: 0px 0px;
2177 }
2178 .openerp .oe_vm_switch_list:active,
2179 .openerp .oe_vm_switch_list:hover,
2180 .openerp .oe_vm_switch_list:focus,
2181 .openerp .oe_vm_switch_list[disabled="disabled"] {
2182     background-position: 0px -21px;
2183 }
2184
2185 .openerp .oe_vm_switch_tree {
2186     background-position: 0px 0px;
2187 }
2188 .openerp .oe_vm_switch_tree:active,
2189 .openerp .oe_vm_switch_tree:hover,
2190 .openerp .oe_vm_switch_tree:focus,
2191 .openerp .oe_vm_switch_tree[disabled="disabled"] {
2192     background-position: 0px -21px;
2193 }
2194
2195 .openerp .oe_vm_switch_form {
2196     background-position: -22px 0px;
2197 }
2198 .openerp .oe_vm_switch_form:active,
2199 .openerp .oe_vm_switch_form:hover,
2200 .openerp .oe_vm_switch_form:focus,
2201 .openerp .oe_vm_switch_form[disabled="disabled"] {
2202     background-position: -22px -21px;
2203 }
2204
2205 .openerp .oe_vm_switch_page {
2206     background-position: -22px 0px;
2207 }
2208 .openerp .oe_vm_switch_page:active,
2209 .openerp .oe_vm_switch_page:hover,
2210 .openerp .oe_vm_switch_page:focus,
2211 .openerp .oe_vm_switch_page[disabled="disabled"] {
2212     background-position: -22px -21px;
2213 }
2214 .openerp .oe_vm_switch_graph {
2215     background-position: -44px 0px;
2216 }
2217 .openerp .oe_vm_switch_graph:active,
2218 .openerp .oe_vm_switch_graph:hover,
2219 .openerp .oe_vm_switch_graph:focus,
2220 .openerp .oe_vm_switch_graph[disabled="disabled"] {
2221     background-position: -44px -21px;
2222 }
2223
2224 .openerp .oe_vm_switch_gantt {
2225     background-position: -66px 0px;
2226 }
2227 .openerp .oe_vm_switch_gantt:active,
2228 .openerp .oe_vm_switch_gantt:hover,
2229 .openerp .oe_vm_switch_gantt:focus,
2230 .openerp .oe_vm_switch_gantt[disabled="disabled"] {
2231     background-position: -66px -21px;
2232 }
2233
2234 .openerp .oe_vm_switch_calendar {
2235     background-position: -88px 0px;
2236 }
2237 .openerp .oe_vm_switch_calendar:active,
2238 .openerp .oe_vm_switch_calendar:hover,
2239 .openerp .oe_vm_switch_calendar:focus,
2240 .openerp .oe_vm_switch_calendar[disabled="disabled"] {
2241     background-position: -88px -21px;
2242 }
2243 .openerp .oe_vm_switch_kanban {
2244     background-position: -110px 0px;
2245 }
2246 .openerp .oe_vm_switch_kanban:active,
2247 .openerp .oe_vm_switch_kanban:hover,
2248 .openerp .oe_vm_switch_kanban:focus,
2249 .openerp .oe_vm_switch_kanban[disabled="disabled"] {
2250     background-position: -110px -21px;
2251 }
2252
2253 .openerp .oe_vm_switch_diagram {
2254     background-position: 0px 0px;
2255 }
2256 .openerp .oe_vm_switch_diagram:active,
2257 .openerp .oe_vm_switch_diagram:hover,
2258 .openerp .oe_vm_switch_diagram:focus,
2259 .openerp .oe_vm_switch_diagram[disabled="disabled"] {
2260     background-position: 0px -21px;
2261 }
2262
2263 /* Buttons */
2264 .openerp .oe_button:link,
2265 .openerp .oe_button:visited,
2266 .openerp .oe_button {
2267     display: inline-block;
2268     border: 1px solid #ababab;
2269     color: #404040;
2270     font-size: 12px;
2271     padding: 3px 10px;
2272     text-align: center;
2273     -o-background-size: 100% 100%;
2274     -moz-background-size: 100% 100%;
2275     -webkit-background-size: auto auto !important;
2276     background-size: 100% 100%;
2277     background: #d8d8d8 none;
2278     background: none, -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#d8d8d8));
2279     background: none, -webkit-linear-gradient(#efefef, #d8d8d8);
2280     background: none, -moz-linear-gradient(#efefef, #d8d8d8);
2281     background: none, -o-linear-gradient(top, #efefef, #d8d8d8);
2282     background: none, -khtml-gradient(linear, left top, left bottom, from(#efefef), to(#d8d8d8));
2283     background: -ms-linear-gradient(top, #efefef, #d8d8d8);
2284     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#d8d8d8',GradientType=0 );
2285     -moz-border-radius: 3px;
2286     -webkit-border-radius: 3px;
2287     -o-border-radius: 3px;
2288     -ms-border-radius: 3px;
2289     border-radius: 3px;
2290     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
2291     -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
2292     -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
2293     box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(255, 255, 255, 0.8) inset;
2294     text-shadow: 0 1px 1px rgba(255, 255, 255, 0.5);
2295     -webkit-font-smoothing: antialiased;
2296     outline: none;
2297 }
2298
2299 .openerp .oe_button:hover {
2300     -o-background-size: 100% 100%;
2301     -moz-background-size: 100% 100%;
2302     -webkit-background-size: auto auto !important;
2303     background-size: 100% 100%;
2304     background: #e3e3e3 none;
2305     background: none, -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3));
2306     background: none, -webkit-linear-gradient(#f6f6f6, #e3e3e3);
2307     background: none, -moz-linear-gradient(#f6f6f6, #e3e3e3);
2308     background: none, -o-linear-gradient(top, #f6f6f6, #e3e3e3);
2309     background: none, -khtml-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3));
2310     background: -ms-linear-gradient(top, #f6f6f6, #e3e3e3);
2311     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#e3e3e3',GradientType=0 );
2312     cursor: pointer;
2313 }
2314
2315 .openerp .oe_button:focus {
2316     border: 1px solid #80bfff;
2317     -o-background-size: 100% 100%;
2318     -moz-background-size: 100% 100%;
2319     -webkit-background-size: auto auto !important;
2320     background-size: 100% 100%;
2321     background: #e3e3e3, none;
2322     background: none, -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3));
2323     background: none, -webkit-linear-gradient(#f6f6f6, #e3e3e3);
2324     background: none, -moz-linear-gradient(#f6f6f6, #e3e3e3);
2325     background: none, -o-linear-gradient(top, #f6f6f6, #e3e3e3);
2326     background: none, -khtml-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e3e3e3));
2327     background: -ms-linear-gradient(top, #f6f6f6, #e3e3e3);
2328     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f6f6', endColorstr='#e3e3e3',GradientType=0 );
2329     -moz-box-shadow: 0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, 0.8) inset;
2330     -webkit-box-shadow: 0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, 0.8) inset;
2331     -o-box-shadow: 0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, 0.8) inset;
2332     box-shadow: 0 0 3px #80bfff, 0 1px 1px rgba(255, 255, 255, 0.8) inset;
2333 }
2334
2335 .openerp .oe_button:active,
2336 .openerp .oe_button.active {
2337     background: #e3e3e3;
2338     background: -moz-linear-gradient(top, #e3e3e3, #f6f6f6) #1b468f;
2339     background: -webkit-gradient(linear, left top, left bottom, from(#e3e3e3), to(#f6f6f6)) #1b468f;
2340     background: linear-gradient(top, #e3e3e3, #f6f6f6) #1b468f;
2341     background: -ms-linear-gradient(top, #e3e3e3, #f6f6f6);
2342     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e3e3', endColorstr='#f6f6f6',GradientType=0 );
2343     -moz-box-shadow: none, 0 0 0 transparent;
2344     -webkit-box-shadow: none, 0 0 0 transparent;
2345     -o-box-shadow: none, 0 0 0 transparent;
2346     box-shadow: none, 0 0 0 transparent;
2347 }
2348
2349 .openerp .oe_button.disabled,
2350 .openerp .oe_button:disabled {
2351     background: #efefef !important;
2352     border: 1px solid #d1d1d1 !important;
2353     font-size: 12px;
2354     padding: 3px 10px;
2355     -moz-box-shadow: none !important, 0 0 0 transparent;
2356     -webkit-box-shadow: none !important, 0 0 0 transparent;
2357     -o-box-shadow: none !important, 0 0 0 transparent;
2358     box-shadow: none !important, 0 0 0 transparent;
2359     color: #aaaaaa !important;
2360     cursor: default;
2361     text-shadow: 0 1px 1px white !important;
2362 }
2363
2364 .openerp select.oe_search-view-filters-management {
2365     font-style: oblique;
2366     color: #999999;
2367 }
2368
2369 .openerp .oe_search-view-filters-management option,
2370 .openerp .oe_search-view-filters-management optgroup {
2371     font-style: normal;
2372     color: black;
2373 }
2374
2375 /* Debug stuff */
2376 .openerp .oe_debug_view_log {
2377     font-size: 95%;
2378 }
2379 .openerp .oe_debug_view_log label {
2380     display: block;
2381     width: 49%;
2382     text-align: right;
2383     float: left;
2384     font-weight: bold;
2385     color: #009;
2386 }
2387 .openerp .oe_debug_view_log span {
2388     display: block;
2389     width: 49%;
2390     float: right;
2391     color: #333;
2392 }
2393
2394 /* Internet Explorer Fix */
2395 a img {
2396    border: none;
2397 }