addons/web/static/src/css/base_old.css

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