css/design40/style_maroon.css

   1 /* ------------------------------------------------------------- */
   2 /* VARIABLES COLOR (variables_color_gray_standard.less) Standard Grey */
   3 /* ------------------------------------------------------------- */
   4 .bg-body {
   5   background-color: #d5aabf;
   6 }
   7 .bg-content {
   8   background-image: linear-gradient(to bottom, #f7eef2, #d5aabf);
   9 }
  10 /* ------------------------------------------------------------- */
  11 /* VARIABLES (variables.less)                                    */
  12 /* ------------------------------------------------------------- */
  13 /* ------------------------------------------------------------- */
  14 /* This CSS-Vars are just for testing                            */
  15 /* ------------------------------------------------------------- */
  16 :root {
  17   --gray-standard: #888888;
  18   --gray-superdark: #000000;
  19   --gray-verydark: #222222;
  20   --gray-darker: #444444;
  21   --gray-dark: #666666;
  22   --gray-light: #aaaaaa;
  23   --gray-lighter: #cccccc;
  24   --gray-verylight: #eeeeee;
  25   --gray-superlight: #ffffff;
  26   --color-standard: #800040;
  27   --color-superlight: #ffffff;
  28   --color-verylight: #f7eef2;
  29   --color-lighter: #e6ccd9;
  30   --color-light: #d5aabf;
  31   --color-dark: #33001a;
  32   --color-darker: #220011;
  33   --color-verydark: #110009;
  34   --color-superdark: #000000;
  35   --msg-ok-strong: #073017;
  36   --msg-ok-light: #acf5c9;
  37   --msg-error-strong: #920013;
  38   --msg-error-light: #fad4db;
  39   --msg-hint-strong: #207ea3;
  40   --msg-hint-light: #edf6fa;
  41   --msg-warning-strong: #130000;
  42   --msg-warning-light: #e6b578;
  43 }
  44 /* ------------------------------------------------------------- */
  45 /* CUSTOM VARIABLES (custom_variables.less)                      */
  46 /* ------------------------------------------------------------- */
  47 /* ------------------------------------------------------------- */
  48 /* MIXINS (mixins.less)                                          */
  49 /* ------------------------------------------------------------- */
  50 .mx-h3-caption {
  51   font-size: 11pt;
  52   font-weight: normal;
  53   color: #33001a !important;
  54   padding: 0.2em 0 0.2em 0.2em;
  55   margin: 0.1em 0 0.4em 0 ;
  56   text-align: left;
  57   letter-spacing: 0.12em;
  58 }
  59 .mx-contentbox-properties {
  60   margin: 1em 1em 1em 1.2em;
  61   padding: 0.6em 1em 1.2em 1.8em;
  62 }
  63 .mx-thead-th {
  64   color: #ffffff;
  65   background-color: #33001a;
  66   border-top: 1px solid #33001a;
  67   border-bottom: 1px solid #33001a;
  68   text-align: left ;
  69   vertical-align: top ;
  70 }
  71 .mx-button {
  72   display: inline-block;
  73   cursor: pointer ;
  74   width: auto ;
  75   padding: 0.2em 0.6em;
  76   font-size: 9pt;
  77   font-weight: normal;
  78   font-style: normal;
  79   text-align: center;
  80   border-style: solid;
  81   border-width: 1px;
  82   border-radius: 6px;
  83 }
  84 .mx-button-standard {
  85   border: 1px #220011 solid;
  86   background-color: #33001a;
  87   color: #f7eef2;
  88   text-decoration: none;
  89 }
  90 .mx-button-standard-hover-focus:hover {
  91   border: 1px #000000 solid;
  92   background-color: #220011;
  93   color: #e6ccd9;
  94   text-decoration: none;
  95 }
  96 .mx-button-standard-hover-focus:active,
  97 .mx-button-standard-hover-focus:focus {
  98   border: 1px #000000 solid;
  99   background-color: #000000;
 100   color: #e6ccd9;
 101   text-decoration: none;
 102 }
 103 .mx-button-neutral {
 104   border: 1px #800040 solid;
 105   background-color: #e6ccd9;
 106   color: #220011;
 107 }
 108 .mx-button-neutral-hover-focus:hover {
 109   border: 1px #800040 solid;
 110   background-color: #f7eef2;
 111   color: #220011;
 112   text-decoration: none;
 113 }
 114 .mx-button-neutral-hover-focus:active,
 115 .mx-button-neutral-hover-focus:focus {
 116   border: 1px #110009 solid;
 117   background-color: #800040;
 118   color: #000000;
 119   text-decoration: none;
 120 }
 121 /* ------------------------------------------------------------- */
 122 /* COMMON PROPERTIES (common.less)                               */
 123 /* ------------------------------------------------------------- */
 124 html {
 125   overflow-y: scroll;
 126 }
 127 body {
 128   padding: 0;
 129   margin: 0 ;
 130   font-size: 9pt;
 131 }
 132 div,
 133 p,
 134 span,
 135 table,
 136 th,
 137 td,
 138 input,
 139 textarea,
 140 select,
 141 button,
 142 a.button {
 143   box-sizing: border-box;
 144 }
 145 .clearfix:after {
 146   clear: both;
 147   content: ".";
 148   display: block;
 149   height: 0;
 150   visibility: hidden;
 151 }
 152 @media screen {
 153   .noscreen {
 154     display: none;
 155   }
 156 }
 157 @media print {
 158   .noprint {
 159     display: none ;
 160   }
 161 }
 162 @media handheld {
 163   .nomobile {
 164     display: none;
 165   }
 166 }
 167 a.cti_call_action {
 168   display: block;
 169   padding-left: 18px;
 170   top: 2px;
 171   vertical-align: middle;
 172   background-image: url(../image/icons/16x16/phone.png);
 173   background-repeat: no-repeat;
 174 }
 175 .interact {
 176   color: #808080;
 177 }
 178 .interact:hover {
 179   color: black;
 180 }
 181 .cursor-default {
 182   cursor: default;
 183 }
 184 .cursor-pointer {
 185   cursor: pointer;
 186 }
 187 .cursor-help {
 188   cursor: help;
 189 }
 190 .cke_contents iframe html body.cke_editable {
 191   padding: 0;
 192   margin: 0;
 193 }
 194 .top_border {
 195   border-top: solid black;
 196   border-width: 4px;
 197 }
 198 .bottom_border {
 199   border-bottom: solid black;
 200   border-width: 1px;
 201 }
 202 /* ------------------------------------------------------------- */
 203 /* SCAFFOLDING (scaffolding.less)                                */
 204 /* ------------------------------------------------------------- */
 205 body {
 206   margin: 0 ;
 207   color: #666666;
 208   font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
 209   font-size: 9pt;
 210   background-color: #d5aabf;
 211 }
 212 body #frame-header {
 213   position: fixed;
 214   top: 0;
 215   z-index: 1040;
 216 }
 217 body #menuv3:first-child {
 218   top: 0 !important;
 219 }
 220 body #menuv3 {
 221   position: fixed;
 222   z-index: 1999;
 223   top: 28px ;
 224   width: 100%;
 225   height: 32px;
 226 }
 227 body .layout-actionbar {
 228   display: block;
 229   z-index: 1030;
 230   position: fixed;
 231   float: right !important;
 232   width: auto;
 233   top: 68px ;
 234   right: 0.2em ;
 235   margin: 0 0.4em 0 0;
 236   padding: 0;
 237   background: none;
 238 }
 239 body .layout-actionbar ~ div:first {
 240   padding-top: 25px;
 241 }
 242 body .layout-actionbar > div + div {
 243   margin-left: 2px;
 244 }
 245 body #content {
 246   overflow: hidden;
 247   display: block;
 248   padding: 101px 0 0 0;
 249   margin: 0 0 1em 0;
 250   background-image: linear-gradient(to bottom, #f7eef2, #d5aabf);
 251 }
 252 body #content .wrapper {
 253   clear: both;
 254   display: block;
 255   overflow: hidden;
 256   width: 99%;
 257   height: auto;
 258 }
 259 body #content .wrapper > .col {
 260   display: block;
 261   overflow: hidden;
 262   float: left;
 263   margin-right: 1.6em;
 264 }
 265 body #content .wrapper > .col div label {
 266   font-size: 10pt;
 267   line-height: 12.6pt;
 268 }
 269 body #content .wrapper > .col p {
 270   font-size: 10pt;
 271 }
 272 body #content .wrapper > .col,
 273 body #content .wrapper > .tbl-horizontal {
 274   float: left;
 275   margin-right: 1.6em;
 276   padding-bottom: 2px ;
 277 }
 278 body #content .wrapper.center {
 279   margin: 0 auto;
 280   display: table;
 281   width: auto;
 282 }
 283 body #content .wrapper.width-moderate {
 284   width: auto;
 285 }
 286 body #content .wrapper > table.tbl-horizontal:last-child {
 287   margin-right: 0 !important ;
 288 }
 289 body .full-width {
 290   width: 100% ;
 291   padding: 0 0 1.0em 0 ;
 292   margin: 0 0 0 0;
 293 }
 294 body div.center {
 295   margin: 0 auto;
 296   display: table;
 297   width: auto;
 298 }
 299 /* ------------------------------------------------------------- */
 300 /* MAIN PROPERTIES (main.less)                                   */
 301 /* ------------------------------------------------------------- */
 302 #content > p,
 303 #content > div,
 304 #content > td,
 305 #content > th {
 306   font-size: 9pt;
 307 }
 308 #content input,
 309 #content select,
 310 #content option,
 311 #content textarea {
 312   font-size: 9pt;
 313 }
 314 h1 {
 315   display: block;
 316   text-align: left;
 317   margin: 0;
 318   font-weight: normal;
 319   font-size: 12pt;
 320   line-height: 1.2em ;
 321 }
 322 #content > h1 {
 323   position: fixed;
 324   z-index: 1020;
 325   top: 60px;
 326   width: 100%;
 327   color: #e6ccd9;
 328   background-color: #33001a;
 329   padding: 0.7em 0.5em 0.7em 1.3em;
 330 }
 331 #content .wrapper h1 {
 332   color: #000000;
 333   font-size: 13pt;
 334   margin: 0 0 0.4em 0;
 335 }
 336 body > h1 {
 337   color: #e6ccd9;
 338   background-color: #33001a;
 339   padding: 0.7em 0.5em 0.7em 1.3em;
 340 }
 341 h2 {
 342   color: #000000;
 343   font-size: 13pt;
 344   border-style: none;
 345   letter-spacing: 0.14em;
 346 }
 347 #content > h2,
 348 .admin > h2 {
 349   padding: 0.6em 0.2em ;
 350   margin: 0.6em 0 0 0 ;
 351 }
 352 #content ui-tabs-panel .wrapper > h2,
 353 .admin ui-tabs-panel .wrapper > h2 {
 354   padding: 0 0.2em 0.6em 0.2em ;
 355   margin: 0 0 0.4em 0;
 356 }
 357 #content .wrapper > h2,
 358 .admin .wrapper > h2 {
 359   padding: 2.0em 0.2em 0.6em 0.2em ;
 360   margin: 0 ;
 361   font-weight: normal;
 362   clear: both;
 363 }
 364 #content .wrapper > h2:first-child,
 365 .admin .wrapper > h2:first-child {
 366   padding-top: 0 ;
 367 }
 368 h2.confirm {
 369   color: #003c18;
 370 }
 371 h2.error {
 372   color: #ae0014;
 373 }
 374 h2.record-title {
 375   padding: 0.6em 0 0 0 !important;
 376   font-size: 13pt;
 377   color: #000000;
 378 }
 379 h2.record-title small {
 380   color: #000000;
 381   letter-spacing: 0 ;
 382 }
 383 .wrapper > h2.record-title {
 384   margin: 0em 1em 1em 0.2em !important;
 385 }
 386 .ui-tabs-panel > h2.record-title {
 387   margin: 1em 1em 0.2em 1.2em !important;
 388   padding: 0.8em 0 0 0.1em !important;
 389 }
 390 h3 {
 391   font-size: 11pt;
 392   font-weight: normal;
 393   color: #33001a !important;
 394   padding: 0.2em 0 0.2em 0.2em;
 395   margin: 0.1em 0 0.4em 0 ;
 396   text-align: left;
 397   letter-spacing: 0.12em;
 398 }
 399 h3.caption {
 400   margin: 0.6em 0 0.4em 0 !important;
 401 }
 402 #content h3 {
 403   color: #000000;
 404   padding-left: 0 ;
 405   margin: 0.8em 0 0.4em 0 ;
 406 }
 407 #content .wrapper h3 {
 408   margin-top: 1.0em ;
 409 }
 410 #content .wrapper h3:first-child {
 411   margin-top: 0 ;
 412 }
 413 #content table.tbl-horizontal > tbody > tr > th > h3,
 414 #content table.tbl-horizontal > tbody > tr > td > h3 {
 415   margin-top: 0.2em !important;
 416 }
 417 a {
 418   text-decoration: none;
 419 }
 420 a:link,
 421 a:visited,
 422 a:active {
 423   color: #33001a;
 424 }
 425 a:hover {
 426   color: #000000;
 427   text-decoration: underline;
 428 }
 429 a.selected:hover {
 430   color: #EBEBEB;
 431 }
 432 a.nomobile {
 433   background-color: transparent;
 434   border: none;
 435 }
 436 a.green {
 437   background-color: DarkGreen;
 438   color: white !important;
 439   border: none;
 440 }
 441 a.orange {
 442   background-color: #FF8000;
 443   border: none;
 444 }
 445 a.red {
 446   background-color: #FF0000;
 447   border: none;
 448 }
 449 ul,
 450 ol {
 451   font-size: 11pt;
 452 }
 453 ul li,
 454 ol li {
 455   font-size: 10pt;
 456 }
 457 .wrapper .col ul {
 458   list-style: circle outside;
 459   padding: 0 ;
 460   margin: 0 ;
 461 }
 462 .wrapper .col ul li {
 463   padding: 0 0 0 -0.6em;
 464   margin: 0 0 0 0 ;
 465 }
 466 hr {
 467   background-color: #3cff8a;
 468   border: none;
 469   height: 1px;
 470 }
 471 div.wi-smallest,
 472 span.wi-smallest,
 473 div.list.wi-smallest {
 474   width: 42px;
 475 }
 476 div.wi-verysmall,
 477 span.wi-verysmall,
 478 div.list.wi-verysmall {
 479   width: 80px;
 480 }
 481 div.wi-small,
 482 span.wi-small,
 483 div.list.wi-small {
 484   width: 128px;
 485 }
 486 div.wi-mediumsmall,
 487 span.wi-mediumsmall,
 488 div.list.wi-mediumsmall {
 489   width: 160px;
 490 }
 491 div.wi-normal,
 492 span.wi-normal,
 493 div.list.wi-normal {
 494   width: 208px;
 495 }
 496 div.wi-lightwide,
 497 span.wi-lightwide,
 498 div.list.wi-lightwide {
 499   width: 256px;
 500 }
 501 div.wi-wide,
 502 span.wi-wide,
 503 div.list.wi-wide {
 504   width: 320px;
 505 }
 506 div.wi-wider,
 507 span.wi-wider,
 508 div.list.wi-wider {
 509   width: 384px;
 510 }
 511 div.wi-verywide,
 512 span.wi-verywide,
 513 div.list.wi-verywide {
 514   width: 576px;
 515 }
 516 div.long-description,
 517 div.long-desc,
 518 div.longdescription,
 519 div.longdesc {
 520   font-size: 9pt;
 521 }
 522 div.long-description.small,
 523 div.long-desc.small,
 524 div.longdescription.small,
 525 div.longdesc.small {
 526   font-size: 9pt;
 527 }
 528 div.long-description p,
 529 div.long-desc p,
 530 div.longdescription p,
 531 div.longdesc p {
 532   margin: 0 0 0.6em 0;
 533 }
 534 div.long-description ul,
 535 div.long-desc ul,
 536 div.longdescription ul,
 537 div.longdesc ul,
 538 div.long-description ol,
 539 div.long-desc ol,
 540 div.longdescription ol,
 541 div.longdesc ol {
 542   margin-top: 0 ;
 543 }
 544 div.long-description ul li,
 545 div.long-desc ul li,
 546 div.longdescription ul li,
 547 div.longdesc ul li,
 548 div.long-description ol li,
 549 div.long-desc ol li,
 550 div.longdescription ol li,
 551 div.longdesc ol li {
 552   font-size: 9pt;
 553 }
 554 div.description {
 555   display: block;
 556   float: left ;
 557   padding: 0 0 0.6em 0 ;
 558 }
 559 div.description.wi-verysmall {
 560   width: 80px;
 561 }
 562 div.description.wi-small {
 563   width: 128px;
 564 }
 565 div.description.wi-mediumsmall {
 566   width: 160px;
 567 }
 568 div.description.wi-normal {
 569   width: 208px;
 570 }
 571 div.description.wi-wide {
 572   width: 320px;
 573 }
 574 div.description.wi-lightwide {
 575   width: 256px;
 576 }
 577 div.description.wi-wider {
 578   width: 384px;
 579 }
 580 div.description.wi-verywide {
 581   width: 576px;
 582 }
 583 div.instructions {
 584   background-color: #f7eef2;
 585   border: 1px #800040 solid;
 586   border-radius: 0.6em;
 587   max-width: 70% ;
 588   margin: 1em 1em 1em 1.2em;
 589   padding: 0.6em 1em 1.2em 1.8em;
 590   color: #4C4C4C;
 591   font-size: 80%;
 592 }
 593 div.instructions p {
 594   width: 30em;
 595 }
 596 span.label {
 597   font-size: 9pt;
 598   font-style: normal ;
 599 }
 600 span.value {
 601   color: #000 ;
 602 }
 603 .center {
 604   margin: 0 auto;
 605   width: auto;
 606 }
 607 .accent div.label {
 608   float: left ;
 609   font-size: 80% ;
 610   padding-top: 0.8em ;
 611 }
 612 .accent div.data {
 613   float: left ;
 614 }
 615 .accent div.data input[type="text"] {
 616   width: 20em !important ;
 617 }
 618 pre.filecontent {
 619   border: 1px solid blue;
 620   padding-left: 2px;
 621   padding-right: 2px;
 622 }
 623 #expand_all,
 624 .expand {
 625   cursor: pointer;
 626   display: block;
 627   max-width: 16px;
 628   max-height: 16px;
 629 }
 630 .hidden {
 631   display: none ;
 632 }
 633 .wrapper {
 634   overflow: hidden ;
 635   margin: 1em 1em 1em 1.2em;
 636   padding: 0 0 1.0em 0 ;
 637   clear: both ;
 638   display: block ;
 639   border: 1px transparent solid ;
 640   width: 98.6%;
 641 }
 642 .wrapper .wrapper {
 643   margin-left: 0 !important ;
 644 }
 645 .wrapper.test {
 646   background-color: #FFE67C ;
 647 }
 648 .wrapper .tbl-horizontal,
 649 .wrapper .tbl-plain {
 650   float: left ;
 651 }
 652 .wrapper > table.tbl-horizontal:last-child {
 653   margin-right: 0 ;
 654 }
 655 .wrapper.toggled {
 656   display: inline-block !important;
 657   width: 98.6% ;
 658 }
 659 .wrapper.toggled table.tbl-horizontal {
 660   margin-top: -1.8em;
 661 }
 662 .wrapper.toggled > .toggles {
 663   display: block ;
 664   position: relative     ;
 665   top: 0            ;
 666   margin-top: 4px          ;
 667   float: right        ;
 668   width: 100% ;
 669 }
 670 .wrapper.toggled > .toggles a.toggle {
 671   display: block;
 672   width: 100% ;
 673   height: 18px ;
 674   background-repeat: no-repeat;
 675   background-position: 50% 50%;
 676 }
 677 .wrapper.toggled > .toggles a.toggle.min,
 678 .wrapper.toggled > .toggles a.toggle.max {
 679   background-position-x: 99% ;
 680 }
 681 .wrapper.toggled > .toggles a.toggle.min {
 682   background-image: url(../image/toggle-down.png);
 683 }
 684 .wrapper.toggled > .toggles a.toggle.max {
 685   background-image: url(../image/toggle-left.png);
 686 }
 687 .wrapper.bordered {
 688   border: 1px #800040 solid;
 689   border-radius: 4px ;
 690 }
 691 .wrapper .col {
 692   float: left ;
 693 }
 694 .wrapper .col.test {
 695   background-color: #FFD7BA;
 696   border: 1px #6CF solid;
 697 }
 698 .wrapper .col.wi-small {
 699   width: 128px;
 700 }
 701 .wrapper .col.wi-mediumsmall {
 702   width: 160px;
 703 }
 704 .wrapper .col.wi-normal {
 705   width: 208px;
 706 }
 707 .wrapper .col.wi-wide {
 708   width: 320px;
 709 }
 710 .wrapper .col.wi-lightwide {
 711   width: 256px;
 712 }
 713 .wrapper .col.wi-wider {
 714   width: 384px;
 715 }
 716 .wrapper .col.wi-verywide {
 717   width: 576px;
 718 }
 719 .wrapper .col .tbl-horizontal,
 720 .wrapper .col .tbl-plain {
 721   float: none ;
 722   clear: left ;
 723 }
 724 .wrapper > p {
 725   max-width: 36.0em ;
 726   overflow: hidden ;
 727   font-size: 9pt;
 728   line-height: 140%;
 729   padding-bottom: 1.0em ;
 730 }
 731 .plus,
 732 .minus,
 733 .plus0,
 734 .plus1 {
 735   display: inline !important;
 736   clear: none;
 737 }
 738 .minus,
 739 plus0 {
 740   color: #ae0014;
 741 }
 742 .plus,
 743 .plus1 {
 744   color: #003c18;
 745 }
 746 span.unbalanced_ledger {
 747   background-color: #ffe38d;
 748 }
 749 div.dimmed-text,
 750 span.dimmed-text {
 751   color: #888888;
 752   font-style: italic;
 753 }
 754 .dunned_invoice {
 755   font-weight: bold;
 756   color: #f00;
 757 }
 758 .customer_dunning_level {
 759   font-weight: bold;
 760 }
 761 #dunning_invoice_list .direct_debit td,
 762 #dunning_invoice_list .direct_debit a {
 763   color: #888888;
 764 }
 765 #bank_transactions_proposals .invoice_number_highlight a,
 766 #bank_transactions_proposals span.invoice_number_highlight {
 767   background-color: #003c18;
 768   color: #FFFFFF;
 769 }
 770 .spacer {
 771   clear: both;
 772 }
 773 #content > p {
 774   margin: 0.6em 2em 1em 0.7em;
 775 }
 776 #content > p.message_hint {
 777   margin: 0.6em 2em 1em 1em;
 778 }
 779 /* ------------------------------------------------------------- */
 780 /* MAIN LOGIN (main_login.less)                                  */
 781 /* ------------------------------------------------------------- */
 782 div#login,
 783 div.login {
 784   margin: 0 auto;
 785   width: 100%;
 786   padding: 0 ;
 787   text-align: center ;
 788 }
 789 div#login h1,
 790 div.login h1 {
 791   text-align: center;
 792   font-size: 150%;
 793   top: 0 ;
 794   width: 100% ;
 795   display: block ;
 796   vertical-align: middle;
 797   background-color: green ;
 798   color: white ;
 799   padding: 0.8em 0 ;
 800   z-index: 10 ;
 801 }
 802 div#login #login-elements,
 803 div.login #login-elements {
 804   width: 24.0em ;
 805   margin: 0 auto ;
 806   text-align: center ;
 807   display: block ;
 808 }
 809 div#login #login-elements h3,
 810 div.login #login-elements h3 {
 811   text-align: left;
 812 }
 813 div#login #login-elements > div,
 814 div.login #login-elements > div {
 815   text-align: center ;
 816 }
 817 div#login #login-elements > div p,
 818 div.login #login-elements > div p {
 819   text-align: center;
 820 }
 821 div#login #login-elements div.logo,
 822 div.login #login-elements div.logo {
 823   width: auto;
 824   clear: both;
 825   margin: 3.0em auto 1.0em auto;
 826   padding: 2.0em 0 0 0;
 827 }
 828 div#login #login-elements form,
 829 div.login #login-elements form {
 830   margin: 0 auto ;
 831   width: 100% ;
 832 }
 833 div#login #login-elements div.separate-form,
 834 div.login #login-elements div.separate-form {
 835   background-color: #ddd ;
 836   border: 1px #888888 solid;
 837   border-radius: 0.6em;
 838   display: block ;
 839   margin: 0 auto ;
 840   width: 100% ;
 841   padding: 0 0.6em 1.0em 0.6em ;
 842 }
 843 div#login #login-elements table.login,
 844 div.login #login-elements table.login {
 845   width: auto;
 846   float: none;
 847   clear: both;
 848 }
 849 div#login #login-elements table.login input[type="submit"],
 850 div.login #login-elements table.login input[type="submit"] {
 851   margin-top: 0.2em ;
 852 }
 853 div#login #login-elements table.login caption,
 854 div.login #login-elements table.login caption {
 855   margin: 0.7em 0 0.4em 0;
 856 }
 857 div#login #login-elements .message,
 858 div.login #login-elements .message {
 859   width: 100% ;
 860   word-wrap: normal;
 861   min-width: 0;
 862 }
 863 div.logged-in {
 864   margin: 0 auto ;
 865   padding: 1.0em 0.5em 2.0em 0.5em ;
 866   width: 60.0em;
 867   min-width: 60.0em;
 868   overflow: hidden;
 869 }
 870 div.logged-in .col {
 871   width: 48%;
 872   display: inline-block;
 873   float: left;
 874 }
 875 div.logged-in .col p {
 876   font-size: 10pt ;
 877 }
 878 div.logged-in .message {
 879   width: 100% ;
 880   min-width: 100% ;
 881   max-width: 100% ;
 882 }
 883 /* ------------------------------------------------------------- */
 884 /* MENU FRAME HEADER (menu_frame_header.less)                    */
 885 /* ------------------------------------------------------------- */
 886 #frame-header {
 887   text-align: left;
 888   margin: 0;
 889   padding: 0.2em 0.6em;
 890   border: 0;
 891   overflow: hidden;
 892   height: 28px;
 893   width: 100%;
 894   display: table-cell;
 895   vertical-align: middle;
 896   border-spacing: 0;
 897   background-color: #220011;
 898   line-height: 100%;
 899   font-size: 9pt;
 900 }
 901 #frame-header span.frame-header-element {
 902   color: #f7eef2;
 903   padding-top: 0.2em;
 904 }
 905 #frame-header span.frame-header-element a:link,
 906 #frame-header span.frame-header-element a:visited,
 907 #frame-header span.frame-header-element a:hover,
 908 #frame-header span.frame-header-element a:active {
 909   text-decoration: none;
 910   border-bottom: none;
 911   color: #d5aabf;
 912 }
 913 #frame-header span.frame-header-element a:hover {
 914   color: #ffffff;
 915   text-decoration: underline;
 916   /*underline*/
 917
 918 }
 919 #frame-header span.frame-header-element span.mandate {
 920   text-transform: uppercase ;
 921   font-size: 130% ;
 922 }
 923 #frame-header span.frame-header-left,
 924 #frame-header span.frame-header-center,
 925 #frame-header span.frame-header-right {
 926   border-spacing: 0;
 927   padding: 0;
 928   vertical-align: middle;
 929   height: 100%;
 930   display: table-row;
 931 }
 932 #frame-header span.frame-header-left > span,
 933 #frame-header span.frame-header-center > span,
 934 #frame-header span.frame-header-right > span {
 935   height: 24px;
 936   margin: 0 10px;
 937   display: table-cell;
 938   vertical-align: middle;
 939 }
 940 #frame-header span.frame-header-left {
 941   float: left;
 942   padding: 0 1.0em 0 0.2em ;
 943   margin-right: 1.0em ;
 944 }
 945 #frame-header span.frame-header-left > span {
 946   padding-right: 1.0em ;
 947 }
 948 #frame-header span.frame-header-right {
 949   float: right;
 950   vertical-align: middle;
 951   padding: 0 1.2em 0 1.0em ;
 952   margin-left: 1.0em;
 953 }
 954 #frame-header span.frame-header-right > span {
 955   padding-left: 1.0em ;
 956 }
 957 #frame-header #ajax-spinner {
 958   display: none;
 959 }
 960 #frame-header div.frame-header-quicksearch {
 961   display: block;
 962   overflow: hidden;
 963   margin: 0 auto;
 964   text-align: center;
 965   width: 52%;
 966 }
 967 #frame-header div.frame-header-quicksearch span.frame-header-quicksearch input {
 968   font-size: 9pt;
 969   margin-top: 0.1em;
 970   background-color: #d5aabf;
 971   width: auto !important;
 972   min-width: 6em;
 973   max-width: 8em;
 974   padding: 0 0.2em ;
 975   border-width: 1px ;
 976   border-style: solid;
 977   border-top-color: #949494;
 978   border-right-color: #BCBCBC;
 979   border-bottom-color: #BCBCBC;
 980   border-left-color: #949494;
 981 }
 982 /* /#frame-header  */
 983 /* ------------------------------------------------------------- */
 984 /* MENU (V3) and HTML MENU (menu.less)                          */
 985 /* ------------------------------------------------------------- */
 986 #menuv3 {
 987   background-color: #e6ccd9;
 988 }
 989 #menuv3 li {
 990   display: block;
 991   position: relative;
 992   float: none;
 993   font-weight: normal !important ;
 994   font-size: 9pt;
 995   line-height: 96%;
 996   white-space: nowrap;
 997   border: 0;
 998   padding: 0;
 999   margin: 0;
1000 }
1001 #menuv3 li:hover {
1002   cursor: pointer;
1003 }
1004 #menuv3 li a,
1005 #menuv3 li a:visited,
1006 #menuv3 li div.x,
1007 #menuv3 li div.x:visited {
1008   display: block;
1009   color: #220011;
1010   text-decoration: none;
1011 }
1012 #menuv3 > ul {
1013   list-style: none;
1014   margin: 0;
1015   padding: 0;
1016   float: left;
1017 }
1018 #menuv3 > ul > li {
1019   display: block;
1020   height: 17px;
1021   padding: 9px 0.9em 6px 0.9em;
1022   background-color: #e6ccd9;
1023   color: #220011;
1024   vertical-align: middle;
1025   /* List 2nd Level (Vertical) */
1026
1027 }
1028 #menuv3 > ul > li:hover {
1029   background-color: #d5aabf;
1030 }
1031 #menuv3 > ul > li:hover > ul {
1032   display: block;
1033   position: absolute;
1034 }
1035 #menuv3 > ul > li ul {
1036   position: relative;
1037   display: none;
1038   padding: 0 2em 2em 2em;
1039   margin: 0 -2em -2em -2.8em;
1040 }
1041 #menuv3 > ul > li ul li {
1042   border-bottom: 1px #800040 solid;
1043   padding: 0.45em 0.6em 0.58em 0.8em ;
1044 }
1045 #menuv3 > ul > li > ul {
1046   top: 32px;
1047 }
1048 #menuv3 > ul > li > ul > li {
1049   background-color: #d5aabf;
1050   padding-left: 12px ;
1051   margin-left: 1px;
1052 }
1053 #menuv3 > ul > li > ul > li div.x {
1054   background: no-repeat right url("../image/menu-arrow-to-right-5.png");
1055   padding-right: 2.0em ;
1056 }
1057 #menuv3 > ul > li > ul > li:hover {
1058   color: #110009;
1059   background-color: #e6ccd9;
1060 }
1061 #menuv3 > ul > li > ul > li:hover > ul {
1062   display: block;
1063   position: absolute;
1064 }
1065 #menuv3 > ul > li > ul > li > ul {
1066   top: 0;
1067   left: 99%;
1068   padding: 2em;
1069   margin-top: -2.06em;
1070   margin-right: -2em;
1071   margin-bottom: -2em;
1072   margin-left: -2em;
1073   list-style: none;
1074 }
1075 #menuv3 > ul > li > ul > li > ul > li {
1076   background-color: #e6ccd9;
1077 }
1078 #menuv3 > ul > li > ul > li > ul > li:hover {
1079   background-color: #d5aabf;
1080 }
1081 #menuv3 > ul > li > ul > li > ul > li:first-child {
1082   border-top: 1px #800040 solid ;
1083 }
1084 li.sub {
1085   position: relative;
1086   left: 0.2em;
1087   top: 0px;
1088   background-color: #FFFFFF;
1089 }
1090 body > #layout-split-left {
1091   display: block;
1092   position: fixed !important;
1093   top: 0 ;
1094   left: 0 ;
1095   width: 200px;
1096   height: 100%;
1097   z-index: 1;
1098   overflow: hidden   ;
1099   border-right: 1px #888888 solid;
1100   background-color: #666666;
1101 }
1102 div#layout-split-right {
1103   margin-left: 200px;
1104   padding-top: 28px;
1105   display: block;
1106   z-index: 1;
1107   overflow: hidden;
1108   min-height: 800px;
1109   height: auto;
1110 }
1111 div#layout-split-right .layout-actionbar {
1112   top: 36px;
1113 }
1114 div#layout-split-right > #content {
1115   top: 68px;
1116   padding-top: 30px;
1117 }
1118 div#layout-split-right > #content > .wrapper {
1119   padding-top: 2em ;
1120 }
1121 div#layout-split-right > #content h1 {
1122   top: 28px !important;
1123 }
1124 div#layout-split-right > #content > form > .tabwidget > ui-tabs-panel .wrapper {
1125   margin-top: 2em;
1126 }
1127 div#layout-split-right > #content > form > .tabwidget > ui-tabs-panel .tabwidget ul.ui-tabs-nav {
1128   position: relative;
1129 }
1130 div#layout-split-right > #content > form > .tabwidget > ul.ui-tabs-nav {
1131   top: 69px;
1132 }
1133 div#layout-split-right > #content > #requirement_spec_tabs.tabwidget > ul.ui-tabs-nav {
1134   top: 69px !important ;
1135 }
1136 div#layout-split-right.folded {
1137   margin-left: 40px;
1138 }
1139 div.layout-split-right.folded {
1140   margin-left: 40px;
1141 }
1142 #layout-split-left #html-menu {
1143   display: block;
1144   overflow-y: scroll;
1145   overflow-x: hidden;
1146   width: 100%;
1147   height: 100%;
1148   margin: 27px 0 0 0;
1149   padding: 0 0 150px 0;
1150   background-color: #e6ccd9;
1151   font-size: 10pt;
1152   border-bottom: 20px #800040 solid;
1153 }
1154 #layout-split-left #html-menu::-webkit-scrollbar {
1155   display: none;
1156 }
1157 #layout-split-left #html-menu > div:last-of-type {
1158   border-bottom: 1px #800040 solid;
1159 }
1160 #layout-split-left #html-menu .mi {
1161   display: block ;
1162 }
1163 #layout-split-left #html-menu .mi a {
1164   display: block;
1165   word-wrap: break-word;
1166 }
1167 #layout-split-left #html-menu .mi:first-child {
1168   border-top: 2px #800040 solid;
1169 }
1170 #layout-split-left #html-menu .mi:last-child {
1171   border-bottom: 1px #800040 solid;
1172 }
1173 #layout-split-left #html-menu .s0 {
1174   padding: 0 ;
1175   background-color: #d5aabf;
1176   color: #220011;
1177   border-top: 1px #800040 solid;
1178   font-size: 90% ;
1179   text-transform: uppercase;
1180 }
1181 #layout-split-left #html-menu .s0 a {
1182   padding: 5px 0 6px 8px ;
1183   cursor: pointer ;
1184 }
1185 #layout-split-left #html-menu .s0 a:hover,
1186 #layout-split-left #html-menu .s0 a:active {
1187   background-color: #33001a;
1188   color: #f7eef2;
1189   text-decoration: none;
1190 }
1191 #layout-split-left #html-menu .s0 a:link,
1192 #layout-split-left #html-menu .s0 a:visited {
1193   color: #220011;
1194 }
1195 #layout-split-left #html-menu .s0.menu-open {
1196   font-weight: normal;
1197   background-color: #220011;
1198   color: #e6ccd9;
1199   border-bottom: 0 ;
1200 }
1201 #layout-split-left #html-menu .s0.menu-open a {
1202   padding: 5px 0 6px 8px ;
1203   cursor: auto ;
1204 }
1205 #layout-split-left #html-menu .s0.menu-open a:hover,
1206 #layout-split-left #html-menu .s0.menu-open a:active {
1207   background-color: #220011;
1208   color: #e6ccd9;
1209   text-decoration: none;
1210 }
1211 #layout-split-left #html-menu .s0.menu-open a:link,
1212 #layout-split-left #html-menu .s0.menu-open a:visited {
1213   color: #e6ccd9;
1214 }
1215 #layout-split-left #html-menu .s1 {
1216   font-size: 80% ;
1217   padding: 0 ;
1218   background-color: #e6ccd9;
1219   border-top: 1px #800040 solid;
1220 }
1221 #layout-split-left #html-menu .s1 a {
1222   padding: 4px 0 3px 8px ;
1223 }
1224 #layout-split-left #html-menu .s1 a:hover,
1225 #layout-split-left #html-menu .s1 a:active {
1226   background-color: #d5aabf;
1227   color: #000000;
1228   text-decoration: none;
1229 }
1230 #layout-split-left #html-menu .s1 a:link,
1231 #layout-split-left #html-menu .s1 a:visited {
1232   color: #220011;
1233 }
1234 #layout-split-left #html-menu .s1.sm:after {
1235   content: "▼";
1236   color: #888888;
1237   font-size: 80% ;
1238 }
1239 #layout-split-left #html-menu .s1.sm a {
1240   display: inline-block;
1241   width: 162px;
1242   color: #220011;
1243 }
1244 #layout-split-left #html-menu .s1.sm a:hover,
1245 #layout-split-left #html-menu .s1.sm a:active {
1246   background-color: #e6ccd9;
1247   color: #220011;
1248   text-decoration: none ;
1249 }
1250 #layout-split-left #html-menu .s1.sm a:link,
1251 #layout-split-left #html-menu .s1.sm a:visited {
1252   color: #220011;
1253 }
1254 #layout-split-left #html-menu .s1.sm a.ml:link,
1255 #layout-split-left #html-menu .s1.sm a.ml:visited {
1256   color: #220011;
1257 }
1258 #layout-split-left #html-menu .s1 > .s2:last-child {
1259   border-bottom: 1px #800040 solid;
1260 }
1261 #layout-split-left #html-menu .s2 {
1262   padding: 0 ;
1263   font-size: 80% ;
1264   background-color: #e6ccd9;
1265 }
1266 #layout-split-left #html-menu .s2 a {
1267   padding: 2px 0 3px 20px ;
1268 }
1269 #layout-split-left #html-menu .s2 a:hover,
1270 #layout-split-left #html-menu .s2 a:active {
1271   background-color: #d5aabf;
1272   color: #000000;
1273   text-decoration: none;
1274 }
1275 #layout-split-left #html-menu .s2 a:link,
1276 #layout-split-left #html-menu .s2 a:visited {
1277   color: #220011;
1278 }
1279 #main_menu_div .DHTMLSuite_menuBar_top {
1280   top: 28px;
1281   height: 31px !important;
1282   padding: 0;
1283   margin: 0 ;
1284 }
1285 #main_menu_div .DHTMLSuite_menuBar_top > div {
1286   padding: 0.3em 0 0 0 ;
1287 }
1288 #main_menu_div .DHTMLSuite_menuBar_top > div .DHTMLSuite_menuItem_textContent {
1289   font-size: 90% ;
1290   padding: 0.1em 0.2em 0.2em 0.2em ;
1291 }
1292 #main_menu_div .DHTMLSuite_menuBar_top > div .DHTMLSuite_menuItem_top_arrowShowSub {
1293   margin: 0 0.2em 0.2em 0.2em ;
1294 }
1295 #main_menu_div .DHTMLSuite_menuBar_top .DHTMLSuite_menuItem_top_over,
1296 #main_menu_div .DHTMLSuite_menuBar_top .DHTMLSuite_menuItem_top_click {
1297   color: #ae0014;
1298   background-color: #ffffff;
1299 }
1300 #main_menu_div .DHTMLSuite_menuBar_top .DHTMLSuite_menuItem_top_over .DHTMLSuite_menuItem_top_arrowShowSub,
1301 #main_menu_div .DHTMLSuite_menuBar_top .DHTMLSuite_menuItem_top_click .DHTMLSuite_menuItem_top_arrowShowSub {
1302   border: none !important ;
1303 }
1304 .DHTMLSuite_menuBar_sub {
1305   width: auto !important;
1306   padding: 0.1em 0 0.4em 0.4em !important;
1307   margin: 11px 0 0 0;
1308   border-top: none;
1309   border-right: 1px solid #e6ccd9;
1310   border-bottom: 1px solid #e6ccd9;
1311   border-left: 1px solid #e6ccd9;
1312 }
1313 .DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_regular,
1314 .DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_over,
1315 .DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_click,
1316 .DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_disabled,
1317 .DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_active {
1318   clear: both;
1319   padding-left: 25px;
1320   padding-right: 0.7em;
1321   padding-top: 0.2em;
1322   padding-bottom: 0.2em;
1323   cursor: pointer;
1324   background-repeat: no-repeat;
1325   font-size: 90%;
1326 }
1327 .DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_regular .DHTMLSuite_menuItem_sub_arrowShowSub,
1328 .DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_over .DHTMLSuite_menuItem_sub_arrowShowSub,
1329 .DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_click .DHTMLSuite_menuItem_sub_arrowShowSub,
1330 .DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_disabled .DHTMLSuite_menuItem_sub_arrowShowSub,
1331 .DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_active .DHTMLSuite_menuItem_sub_arrowShowSub {
1332   right: 3px !important;
1333 }
1334 .DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_over,
1335 .DHTMLSuite_menuBar_sub .DHTMLSuite_menuItem_sub_active {
1336   color: #8d6a00;
1337   background-color: #ffffff;
1338 }
1339 /* ------------------------------------------------------------- */
1340 /* Menu Actionbar (menu_actionbar.less)                          */
1341 /* ------------------------------------------------------------- */
1342 .layout-actionbar div.layout-actionbar-separator {
1343   display: block;
1344   width: 0.6em;
1345   height: 0.6em;
1346   float: left;
1347   content: "&nbsp;";
1348   position: relative;
1349   border: none;
1350 }
1351 .layout-actionbar div.layout-actionbar-action {
1352   -webkit-touch-callout: none;
1353   -webkit-user-select: none;
1354   -khtml-user-select: none;
1355   -moz-user-select: none;
1356   -ms-user-select: none;
1357   user-select: none;
1358   height: 25px;
1359   font-size: 9pt;
1360 }
1361 .layout-actionbar div.layout-actionbar-action.layout-actionbar-action-disabled {
1362   color: #800040 !important;
1363 }
1364 .layout-actionbar div.layout-actionbar-action.layout-actionbar-action-disabled:hover {
1365   text-decoration: none !important;
1366 }
1367 .layout-actionbar > div.layout-actionbar-action {
1368   border-radius: 4px;
1369   border: 1px #33001a solid;
1370   background-color: #d5aabf;
1371   float: left;
1372   color: #33001a;
1373   z-index: 1031;
1374 }
1375 .layout-actionbar div.layout-actionbar-link,
1376 .layout-actionbar div.layout-actionbar-submit,
1377 .layout-actionbar div.layout-actionbar-scriptbutton {
1378   display: block;
1379   min-width: 90px;
1380   width: auto;
1381   box-sizing: border-box;
1382   border-width: 1px;
1383   border-style: solid;
1384   text-align: center;
1385   padding: 4px 10px;
1386   cursor: default;
1387 }
1388 .layout-actionbar div.layout-actionbar-link:focus,
1389 .layout-actionbar div.layout-actionbar-submit:focus,
1390 .layout-actionbar div.layout-actionbar-scriptbutton:focus {
1391   border-color: darkgray;
1392   background-color: #e6ccd9;
1393 }
1394 .layout-actionbar div.layout-actionbar-link:hover,
1395 .layout-actionbar div.layout-actionbar-submit:hover,
1396 .layout-actionbar div.layout-actionbar-scriptbutton:hover {
1397   border-width: 1px;
1398   border-style: solid;
1399 }
1400 .layout-actionbar .layout-actionbar-default-action {
1401   font-weight: normal;
1402 }
1403 .layout-actionbar div.layout-actionbar-combobox {
1404   position: relative;
1405   display: block;
1406   float: left;
1407   width: 110px;
1408   z-index: 1031;
1409 }
1410 .layout-actionbar div.layout-actionbar-combobox div.layout-actionbar-combobox-head {
1411   padding-right: 20px;
1412   white-space: nowrap;
1413   display: block;
1414   margin-bottom: -1px;
1415   float: right;
1416   z-index: 1033;
1417   position: relative;
1418 }
1419 .layout-actionbar div.layout-actionbar-combobox div.layout-actionbar-combobox-head > div {
1420   min-width: 90px;
1421   height: 25px;
1422   border-top-left-radius: 4px;
1423   border-bottom-left-radius: 4px;
1424   border: 1px #33001a solid;
1425   background-color: #d5aabf;
1426   color: #33001a;
1427   position: relative;
1428 }
1429 .layout-actionbar div.layout-actionbar-combobox div.layout-actionbar-combobox-head > span {
1430   display: block;
1431   position: absolute;
1432   top: 0;
1433   right: 0;
1434   width: 24px !important;
1435   height: 25px !important;
1436   border: 1px #33001a solid;
1437   border-left: none;
1438   border-top-right-radius: 4px;
1439   border-bottom-right-radius: 4px;
1440   padding: 4px;
1441   background-color: #d5aabf;
1442   background-image: url("../image/select-down.png");
1443   background-repeat: no-repeat;
1444   background-position: 5px 5px;
1445 }
1446 .layout-actionbar div.layout-actionbar-combobox div.layout-actionbar-combobox-list {
1447   position: relative;
1448   display: none;
1449   min-width: 140px;
1450   float: right;
1451   overflow: hidden;
1452   border: 1px solid #33001a;
1453   border-top-left-radius: 4px;
1454   border-bottom-left-radius: 4px;
1455   border-bottom-right-radius: 4px;
1456   z-index: 1032;
1457   top: 1px;
1458   background-color: #d5aabf;
1459 }
1460 .layout-actionbar div.layout-actionbar-combobox div.layout-actionbar-combobox-list div.layout-actionbar-action {
1461   white-space: nowrap;
1462   display: block;
1463   position: relative;
1464   width: 100%;
1465   text-align: left;
1466   padding: 0.6em 0.6em 0.6em 1.0em;
1467   border-bottom: none !important;
1468   background-color: #d5aabf;
1469   color: #33001a;
1470 }
1471 .layout-actionbar div.layout-actionbar-combobox div.layout-actionbar-combobox-list div.layout-actionbar-action:hover {
1472   color: #33001a;
1473   text-decoration: underline;
1474   background-color: #e6ccd9;
1475 }
1476 .layout-actionbar div.layout-actionbar-combobox.active div.layout-actionbar-combobox-head {
1477   height: 29px;
1478   border-bottom: none !important ;
1479 }
1480 .layout-actionbar div.layout-actionbar-combobox.active div.layout-actionbar-combobox-head div {
1481   border-bottom-left-radius: 0 !important;
1482   border-bottom: none;
1483   height: 30px ;
1484 }
1485 .layout-actionbar div.layout-actionbar-combobox.active div.layout-actionbar-combobox-head span {
1486   border-bottom-right-radius: 0 !important;
1487   border-bottom: none;
1488   height: 30px !important ;
1489 }
1490 .layout-actionbar div.layout-actionbar-combobox.active div.layout-actionbar-combobox-list {
1491   display: inline-table;
1492   border-top-right-radius: 0 !important;
1493 }
1494 .layout-actionbar div.layout-actionbar-combobox.active div.layout-actionbar-combobox-list div.layout-actionbar-action {
1495   border: none !important;
1496 }
1497 /* ------------------------------------------------------------- */
1498 /* MESSAGES (messages.less)                                      */
1499 /* ------------------------------------------------------------- */
1500 .mx-message {
1501   display: block;
1502   overflow: hidden;
1503   overflow-x: auto;
1504   clear: both ;
1505   width: auto;
1506   min-width: 60em;
1507   max-width: 40em;
1508   padding: 0.6em 0.8em ;
1509   font-size: 9pt;
1510   font-weight: normal;
1511   line-height: 110% ;
1512   text-align: left;
1513   white-space: normal;
1514   border-radius: 0.6em;
1515   border-style: solid;
1516   border-width: 1px;
1517 }
1518 .flash_message,
1519 .message,
1520 .flash_message_error,
1521 .message_error,
1522 .flash_message_ok,
1523 .message_ok,
1524 .flash_message_hint,
1525 .message_hint,
1526 .flash_message_warning,
1527 .message_warning,
1528 .flash_message_info,
1529 .message_info {
1530   display: block;
1531   overflow: hidden;
1532   overflow-x: auto;
1533   clear: both ;
1534   width: auto;
1535   min-width: 60em;
1536   max-width: 40em;
1537   padding: 0.6em 0.8em ;
1538   font-size: 9pt;
1539   font-weight: normal;
1540   line-height: 110% ;
1541   text-align: left;
1542   white-space: normal;
1543   border-radius: 0.6em;
1544   border-style: solid;
1545   border-width: 1px;
1546 }
1547 .message_error > .message_error,
1548 .message_warning > .message_error,
1549 .message_hint > .message_error,
1550 .message_info > .message_error,
1551 .message_ok > .message_error,
1552 .message_error > .message_warning,
1553 .message_warning > .message_warning,
1554 .message_hint > .message_warning,
1555 .message_info > .message_warning,
1556 .message_ok > .message_warning,
1557 .message_error > .message_hint,
1558 .message_warning > .message_hint,
1559 .message_hint > .message_hint,
1560 .message_info > .message_hint,
1561 .message_ok > .message_hint,
1562 .message_error > .message_info,
1563 .message_warning > .message_info,
1564 .message_hint > .message_info,
1565 .message_info > .message_info,
1566 .message_ok > .message_info,
1567 .message_error > .message_ok,
1568 .message_warning > .message_ok,
1569 .message_hint > .message_ok,
1570 .message_info > .message_ok,
1571 .message_ok > .message_ok {
1572   display: none;
1573 }
1574 .message_error {
1575   color: #ae0014;
1576   background-color: #ffaeb7;
1577   border-color: 1px solid #ae0014;
1578 }
1579 .message_error h4 {
1580   color: #ae0014;
1581 }
1582 .message_error p {
1583   color: #ae0014;
1584 }
1585 .message_warning {
1586   color: #8d6a00;
1587   background-color: #ffe38d;
1588   border-color: 1px solid #8d6a00;
1589 }
1590 .message_hint,
1591 .message_info {
1592   color: #209ec8;
1593   background-color: #ebf8fc;
1594   border-color: 1px solid #209ec8;
1595 }
1596 .message_hint h4,
1597 .message_info h4 {
1598   color: #209ec8;
1599 }
1600 .message_hint p,
1601 .message_info p {
1602   color: #209ec8;
1603 }
1604 .message_ok {
1605   color: #003c18;
1606   background-color: #3cff8a;
1607   border-color: 1px solid #003c18;
1608 }
1609 .message.attention {
1610   font-size: 9pt;
1611   border-color: 1px solid #8d6a00;
1612   background-color: #ffe38d;
1613 }
1614 .message.attention h4 {
1615   color: #8d6a00;
1616 }
1617 .message.attention p {
1618   color: #8d6a00;
1619 }
1620 .message h4 {
1621   font-weight: bold;
1622   font-size: 110%;
1623   margin: 0.4em 1.0em 0.2em 0 ;
1624   padding: 0;
1625 }
1626 .message p {
1627   margin: 0 1.0em 0.6em 0 ;
1628   padding: 0;
1629 }
1630 #content > form > .message,
1631 #content > form > .ui-tabs > .ui-tabs-panel > .message {
1632   margin: 1.2em 0 1.2em 1.2em;
1633 }
1634 #content > form > .message.message_ok,
1635 #content > form > .ui-tabs > .ui-tabs-panel > .message.message_ok,
1636 #content > form > .message.message_info,
1637 #content > form > .ui-tabs > .ui-tabs-panel > .message.message_info,
1638 #content > form > .message.message_hint,
1639 #content > form > .ui-tabs > .ui-tabs-panel > .message.message_hint,
1640 #content > form > .message.message_error,
1641 #content > form > .ui-tabs > .ui-tabs-panel > .message.message_error,
1642 #content > form > .message.message_warning,
1643 #content > form > .ui-tabs > .ui-tabs-panel > .message.message_warning {
1644   margin-left: 1.2em;
1645 }
1646 #content > p.message_ok,
1647 #content > p.message_info,
1648 #content > p.message_hint,
1649 #content > p.message_error,
1650 #content > p.message_warning {
1651   margin-left: 1.2em;
1652 }
1653 #content > .message_ok,
1654 #content > .message_info,
1655 #content > .message_hint,
1656 #content > .message_error,
1657 #content > .message_warning {
1658   margin: 1.2em 0 1.2em 1.2em;
1659 }
1660 .wrapper > .message,
1661 .wrapper > .message_ok,
1662 .wrapper > .message_info,
1663 .wrapper > .message_hint,
1664 .wrapper > .message_error,
1665 .wrapper > .message_warning {
1666   margin: 0 0 0.4em 0;
1667 }
1668 p.message,
1669 p.message_error,
1670 p.message_warning,
1671 p.message_hint,
1672 p.message_info,
1673 p.message_ok {
1674   padding-bottom: 0.4em ;
1675 }
1676 body > div.login .message {
1677   width: 100% ;
1678   text-align: center ;
1679   margin: 0 auto 1.0em auto ;
1680 }
1681 .flash_message.flash_message_error {
1682   background-color: #ffaeb7;
1683   border-color: 1px solid #ae0014;
1684   color: #ae0014;
1685 }
1686 .flash_message.flash_message_error a.button.wi-tiny,
1687 .flash_message.flash_message_error a.icon-close {
1688   border: 1px solid #ae0014 !important;
1689   color: #ae0014;
1690 }
1691 .flash_message.flash_message_ok {
1692   background-color: #3cff8a;
1693   border: 1px solid #003c18;
1694   color: #003c18;
1695 }
1696 .flash_message.flash_message_ok a.button.wi-tiny,
1697 .flash_message.flash_message_ok a.icon-close {
1698   border: 1px solid #003c18;
1699   color: #003c18;
1700 }
1701 .flash_message.flash_message_warning {
1702   background-color: #ffe38d;
1703   border-color: 1px solid #8d6a00;
1704   color: #8d6a00;
1705 }
1706 .flash_message.flash_message_warning a.button.wi-tiny,
1707 .flash_message.flash_message_warning a.icon-close {
1708   border: 1px solid #8d6a00;
1709   color: #8d6a00;
1710 }
1711 .flash_message.flash_message_info {
1712   background-color: #ebf8fc;
1713   border: 1px solid #209ec8;
1714   color: #209ec8;
1715 }
1716 .flash_message.flash_message_info a.button.wi-tiny,
1717 .flash_message.flash_message_info a.icon-close {
1718   border: 1px solid #209ec8;
1719   color: #209ec8;
1720 }
1721 .flash_message .flash_title {
1722   font-weight: bold;
1723   float: left;
1724   display: block ;
1725   padding-right: 1.0em ;
1726 }
1727 .flash_message .flash_notification {
1728   float: left;
1729   display: block ;
1730 }
1731 .flash_message a.button.wi-tiny {
1732   font-size: 76% ;
1733   padding: 0 0.2em 0 0.2em ;
1734   margin: 0 0.4em 0 0.4em  ;
1735   width: auto ;
1736   background-color: transparent;
1737 }
1738 .flash_message div.button-container,
1739 .flash_message div.icon-container {
1740   overflow: hidden ;
1741   width: 12% ;
1742   float: right ;
1743 }
1744 .flash_message div.button-container a.icon-close,
1745 .flash_message div.icon-container a.icon-close {
1746   font-size: 76% ;
1747   float: right ;
1748   border-width: 1px ;
1749   border-style: solid ;
1750   padding: 0 3px ;
1751   border-radius: 3px;
1752 }
1753 .flash_message div.button-container span.display,
1754 .flash_message div.icon-container span.display {
1755   float: right !important;
1756   display: block;
1757   width: auto ;
1758   text-align: right ;
1759   margin: 0 ;
1760   padding: 0;
1761 }
1762 .flash_message div.message-container {
1763   overflow: hidden ;
1764   width: 86% ;
1765   float: left ;
1766 }
1767 .flash_message div.message-container > span.flash_title {
1768   display: block;
1769   float: left ;
1770   width: auto ;
1771 }
1772 .flash_message div.message-container > div.flash_notification {
1773   display: block;
1774   float: left ;
1775   max-width: 80% ;
1776   width: auto ;
1777 }
1778 .flash_message div.message-container > div.flash_notification span.content {
1779   float: left ;
1780   display: block;
1781   width: 100% ;
1782 }
1783 .flash_message div.message-container > div.flash_notification div.detail {
1784   display: block;
1785   clear: both ;
1786   padding-top: 0.9em ;
1787 }
1788 .flash_message div.message-container > div.flash_notification div.detail span {
1789   display: block;
1790   width: 94%;
1791   float: right;
1792 }
1793 .flash_message div.message-container > div.flash_notification div.detail a.button.wi-tiny {
1794   display: block ;
1795   float: left ;
1796   margin-left: 0 ;
1797 }
1798 .wrapper .flash_message {
1799   margin: 0 0 0.4em 0;
1800 }
1801 .wrapper .flash_message_error,
1802 .wrapper .flash_message_ok,
1803 .wrapper .flash_message_warning,
1804 .wrapper .flash_message_info {
1805   margin: 0 0 0.4em 0;
1806 }
1807 #content > form > .flash_message,
1808 #content > form > .flash_message_error,
1809 #content > form > .flash_message_ok,
1810 #content > form > .flash_message_warning,
1811 #content > form > .flash_message_info {
1812   margin: 48px 0 0 1.2em;
1813 }
1814 #content > .flash_message,
1815 #content > .flash_message_error,
1816 #content > .flash_message_ok,
1817 #content > .flash_message_warning,
1818 #content > .flash_message_info {
1819   margin: 24px 0 0 1.2em;
1820 }
1821 /* ------------------------------------------------------------- */
1822 /* tables (tables.less)                                          */
1823 /* ------------------------------------------------------------- */
1824 table {
1825   table-layout: auto ;
1826   border-spacing: 1px ;
1827 }
1828 table td,
1829 table th {
1830   text-align: left ;
1831   vertical-align: top ;
1832   font-weight: normal ;
1833 }
1834 table td.right,
1835 table th.right {
1836   text-align: right  !important ;
1837 }
1838 table td.center,
1839 table th.center {
1840   text-align: center !important ;
1841 }
1842 table td.center input,
1843 table th.center input {
1844   float: none   !important ;
1845 }
1846 table td.numeric,
1847 table th.numeric {
1848   text-align: right  !important ;
1849 }
1850 table td.numeric-centered,
1851 table th.numeric-centered {
1852   text-align: center !important ;
1853 }
1854 table td.date,
1855 table th.date {
1856   text-align: right  !important ;
1857 }
1858 table td.button,
1859 table th.button {
1860   text-align: center !important ;
1861 }
1862 table td.img,
1863 table th.img {
1864   text-align: center !important ;
1865 }
1866 table td.top,
1867 table th.top {
1868   vertical-align: top    !important ;
1869 }
1870 table td.long-desc,
1871 table th.long-desc,
1872 table td.long-description,
1873 table th.long-description,
1874 table td.longdesc,
1875 table th.longdesc,
1876 table td.longdescription,
1877 table th.longdescription,
1878 table td div.description,
1879 table th div.description {
1880   font-size: 80% ;
1881   color: #220011;
1882 }
1883 table td.highlight,
1884 table th.highlight {
1885   background-color: #b4f4fe;
1886 }
1887 table td h3,
1888 table th h3,
1889 table td h4,
1890 table th h4 {
1891   margin: 0 !important ;
1892   padding: 0.8em 0 0.2em 0 !important ;
1893 }
1894 table td > a,
1895 table th > a {
1896   display: block ;
1897 }
1898 table td img,
1899 table th img {
1900   display: inline ;
1901   vertical-align: top    ;
1902 }
1903 table td + a img,
1904 table th + a img,
1905 table td + img,
1906 table th + img {
1907   float: left   ;
1908 }
1909 table td ~ a img,
1910 table th ~ a img,
1911 table td ~ img,
1912 table th ~ img {
1913   float: right  ;
1914 }
1915 table td div.description,
1916 table th div.description {
1917   float: none ;
1918   clear: both ;
1919 }
1920 table td > input + div.description,
1921 table th > input + div.description,
1922 table td > select + div.description,
1923 table th > select + div.description {
1924   margin-top: 0.4em ;
1925 }
1926 table td span.label,
1927 table th span.label {
1928   display: block ;
1929   padding: 0 0 0.5em 0 ;
1930   color: #33001a;
1931 }
1932 table td span.below,
1933 table th span.below {
1934   overflow: hidden ;
1935   display: block ;
1936 }
1937 table td span.below input,
1938 table th span.below input {
1939   margin: 0.6em 0 0 0 !important ;
1940 }
1941 table td span.below input[type="checkbox"],
1942 table th span.below input[type="checkbox"] {
1943   padding: 0.6em 0.6em 0 0 ;
1944 }
1945 table td span.above,
1946 table th span.above {
1947   overflow: hidden ;
1948   display: block ;
1949   margin-bottom: 0.4em ;
1950   padding: 0.3em 0.3em 0 0 !important ;
1951 }
1952 table td + input.below,
1953 table th + input.below {
1954   margin: 0 !important;
1955 }
1956 table td input.below,
1957 table th input.below,
1958 table td select.below,
1959 table th select.below {
1960   display: block ;
1961   clear: left ;
1962   float: none ;
1963   overflow: hidden ;
1964   margin: 0.3em 0 0 0 ;
1965 }
1966 table td textarea,
1967 table th textarea {
1968   margin: -0.14em 0em;
1969 }
1970 table th {
1971   white-space: normal !important ;
1972 }
1973 table td {
1974   color: #110009;
1975 }
1976 table tr.header-caption th {
1977   vertical-align: bottom ;
1978 }
1979 table tr.separator th,
1980 table tr.separator td {
1981   padding-bottom: 3.0em ;
1982 }
1983 table tr.separator.below th,
1984 table tr.separator.below td {
1985   padding-bottom: 3.0em ;
1986 }
1987 table tr.separator.above th,
1988 table tr.separator.above td {
1989   padding-top: 3.0em ;
1990   padding-bottom: 0   ;
1991 }
1992 table tr.total-sub {
1993   height: 2.0em ;
1994 }
1995 table tr.total-sub td {
1996   border-top: 1px solid #33001a;
1997   border-bottom: 2px solid #33001a;
1998   font-weight: bold ;
1999   color: #110009;
2000 }
2001 table tr.heading th {
2002   font-size: 120% ;
2003   border-top: 1px #33001a solid;
2004 }
2005 table caption,
2006 table th.caption {
2007   font-size: 11pt;
2008   font-weight: normal;
2009   color: #33001a !important;
2010   padding: 0.2em 0 0.2em 0.2em;
2011   margin: 0.1em 0 0.4em 0 ;
2012   text-align: left;
2013   letter-spacing: 0.12em;
2014   white-space: nowrap ;
2015 }
2016 table caption small,
2017 table th.caption small {
2018   font-size: 10pt;
2019 }
2020 table thead th {
2021   color: #ffffff;
2022   background-color: #33001a;
2023   border-top: 1px solid #33001a;
2024   border-bottom: 1px solid #33001a;
2025   text-align: left ;
2026   vertical-align: top ;
2027 }
2028 table thead th a img {
2029   vertical-align: middle ;
2030   padding: 0 ;
2031   margin: 0 ;
2032 }
2033 table tfoot tr th,
2034 table tfoot tr td {
2035   vertical-align: middle ;
2036   border-bottom: #33001a 2px solid;
2037   height: 1.8em ;
2038 }
2039 table tfoot tr td {
2040   font-weight: bold ;
2041   color: #000000;
2042 }
2043 table tfoot tr th {
2044   font-weight: normal ;
2045   color: #000000;
2046 }
2047 table tfoot tr:first td,
2048 table tfoot tr:first th {
2049   border-top: #33001a 2px solid;
2050 }
2051 table tfoot tr.blank {
2052   border: none !important ;
2053 }
2054 table tfoot tr.blank th,
2055 table tfoot tr.blank td {
2056   border: none !important ;
2057 }
2058 table tfoot.blank tr {
2059   border: none !important ;
2060 }
2061 table tfoot.blank tr:first-child th,
2062 table tfoot.blank tr:first-child td {
2063   border-top: 1px solid #33001a !important;
2064 }
2065 table tfoot.blank tr th,
2066 table tfoot.blank tr td {
2067   border: none !important ;
2068 }
2069 table colgroup col.right {
2070   text-align: right  ;
2071 }
2072 table colgroup col.center {
2073   text-align: center ;
2074 }
2075 table colgroup col.long-desc {
2076   font-size: 70%    ;
2077 }
2078 table colgroup col.wi-smallest {
2079   width: 42px;
2080 }
2081 table colgroup col.wi-verysmall {
2082   width: 80px;
2083 }
2084 table colgroup col.wi-small {
2085   width: 128px;
2086 }
2087 table colgroup col.wi-mediumsmall {
2088   width: 160px;
2089 }
2090 table colgroup col.wi-normal {
2091   width: 208px;
2092 }
2093 table colgroup col.wi-lightwide {
2094   width: 256px;
2095 }
2096 table colgroup col.wi-wide {
2097   width: 320px;
2098 }
2099 table colgroup col.wi-wider {
2100   width: 384px;
2101 }
2102 table colgroup col.wi-verywide {
2103   width: 576px;
2104 }
2105 table.tbl-horizontal,
2106 table.tbl-plain,
2107 table.tbl-list,
2108 table.tbl-list-plain {
2109   margin-bottom: 0.6em ;
2110   border-collapse: collapse ;
2111   border: none ;
2112 }
2113 table.tbl-horizontal tr td > span,
2114 table.tbl-plain tr td > span,
2115 table.tbl-list tr td > span,
2116 table.tbl-list-plain tr td > span {
2117   padding: 0.3em 0.3em 0.6em 0.3em ;
2118 }
2119 table.tbl-plain tbody td a,
2120 table.tbl-list tbody td a,
2121 table.tbl-list-plain tbody td a {
2122   display: inline-block !important;
2123 }
2124 table.tbl-list {
2125   border-spacing: 1px ;
2126   border-collapse: collapse ;
2127   margin: 0 0 1.0em 0 ;
2128 }
2129 table.tbl-list > caption {
2130   margin: 0.1em 0 0.0em 0 ;
2131 }
2132 table.tbl-list td,
2133 table.tbl-list th {
2134   padding: 0.2em 0.4em ;
2135   white-space: normal ;
2136   vertical-align: middle ;
2137 }
2138 table.tbl-list > thead > tr th:first-child,
2139 table.tbl-list > tbody > tr th:first-child,
2140 table.tbl-list > tfoot > tr td:first-child {
2141   padding-left: 0.8em !important ;
2142 }
2143 table.tbl-list thead {
2144   display: table-header-group;
2145 }
2146 table.tbl-list thead tr {
2147   height: 2.2em ;
2148 }
2149 table.tbl-list thead tr th {
2150   color: #ffffff;
2151   background-color: #33001a;
2152   border-top: 1px solid #33001a;
2153   border-bottom: 1px solid #33001a;
2154   text-align: left ;
2155   vertical-align: top ;
2156 }
2157 table.tbl-list thead tr th.nowrap {
2158   white-space: nowrap !important ;
2159 }
2160 table.tbl-list thead tr th > a {
2161   display: block ;
2162 }
2163 table.tbl-list thead tr th > a:link,
2164 table.tbl-list thead tr th > a:visited {
2165   color: #e6ccd9;
2166   text-decoration: none ;
2167 }
2168 table.tbl-list thead tr th > a:hover {
2169   color: #e6ccd9;
2170   text-decoration: underline ;
2171 }
2172 table.tbl-list thead tr th > a:active,
2173 table.tbl-list thead tr th > a:focus {
2174   color: #e6ccd9;
2175   text-decoration: underline ;
2176 }
2177 table.tbl-list thead tr th label {
2178   color: #e6ccd9;
2179 }
2180 table.tbl-list thead tr th label:hover {
2181   text-decoration: underline ;
2182 }
2183 table.tbl-list thead.links-condensed tr th a {
2184   display: inline ;
2185 }
2186 table.tbl-list tbody {
2187   border-bottom: #33001a 1px solid;
2188   display: table-row-group;
2189 }
2190 table.tbl-list tbody tr:nth-child(odd) {
2191   background-color: #f7eef2;
2192 }
2193 table.tbl-list tbody tr:nth-child(even) {
2194   background-color: #e6ccd9;
2195 }
2196 table.tbl-list tbody > tr:last-child > td {
2197   border-bottom: 1px #33001a solid !important;
2198 }
2199 table.tbl-list tbody tr:hover {
2200   background-color: #ffffff;
2201 }
2202 table.tbl-list tbody tr.listrow_error {
2203   background-color: #ffaeb7 !important;
2204 }
2205 table.tbl-list tbody td,
2206 table.tbl-list tbody th {
2207   color: #33001a;
2208 }
2209 table.tbl-list tbody td a,
2210 table.tbl-list tbody th a,
2211 table.tbl-list tbody td a:link,
2212 table.tbl-list tbody th a:link,
2213 table.tbl-list tbody td a:visited,
2214 table.tbl-list tbody th a:visited {
2215   color: #800040;
2216 }
2217 table.tbl-list tfoot {
2218   display: table-footer-group;
2219 }
2220 table.tbl-horizontal th,
2221 table.tbl-horizontal td {
2222   background: none ;
2223   padding-top: 0.3em ;
2224   padding-right: 0.2em ;
2225   padding-bottom: 0.2em ;
2226   padding-left: 0.3em ;
2227 }
2228 table.tbl-horizontal th > input[type="checkbox"],
2229 table.tbl-horizontal td > input[type="checkbox"],
2230 table.tbl-horizontal th > input[type="radio"],
2231 table.tbl-horizontal td > input[type="radio"] {
2232   margin: 0.2em 0.3em 0 0 !important ;
2233 }
2234 table.tbl-horizontal th > input,
2235 table.tbl-horizontal td > input,
2236 table.tbl-horizontal th > select,
2237 table.tbl-horizontal td > select {
2238   margin: -0.3em 1px 0 0;
2239 }
2240 table.tbl-horizontal th > input.addition,
2241 table.tbl-horizontal td > input.addition,
2242 table.tbl-horizontal th > select.addition,
2243 table.tbl-horizontal td > select.addition {
2244   margin-top: 0.3em !important ;
2245 }
2246 table.tbl-horizontal th .label-above,
2247 table.tbl-horizontal td .label-above {
2248   display: block ;
2249   clear: both ;
2250   overflow: hidden ;
2251   margin-top: -0.5em;
2252 }
2253 table.tbl-horizontal th.single-col,
2254 table.tbl-horizontal td.single-col {
2255   padding-top: 0 ;
2256   padding-bottom: 0 ;
2257 }
2258 table.tbl-horizontal th {
2259   color: #33001a;
2260 }
2261 table.tbl-horizontal th > a:link,
2262 table.tbl-horizontal th > a:visited {
2263   text-decoration: none ;
2264   color: #000000;
2265 }
2266 table.tbl-horizontal th > a:hover,
2267 table.tbl-horizontal th > a:active {
2268   text-decoration: underline ;
2269 }
2270 table.tbl-horizontal th h4 {
2271   margin: 0 ;
2272   padding: 0 ;
2273 }
2274 table.tbl-horizontal td > span {
2275   padding: 0 ;
2276   margin: 0 ;
2277 }
2278 table.tbl-horizontal td > span.wi-smallest {
2279   width: 42px;
2280 }
2281 table.tbl-horizontal td > span.wi-verysmall {
2282   width: 80px;
2283 }
2284 table.tbl-horizontal td > span.wi-small {
2285   width: 92px;
2286 }
2287 table.tbl-horizontal td > span.wi-mediumsmall {
2288   width: 124px;
2289 }
2290 table.tbl-horizontal td > span.wi-normal {
2291   width: 172px;
2292 }
2293 table.tbl-horizontal td > span.wi-lightwide {
2294   width: 220px;
2295 }
2296 table.tbl-horizontal td > span.wi-wide {
2297   width: 284px;
2298 }
2299 table.tbl-horizontal td > span.wi-wider {
2300   width: 348px !important;
2301 }
2302 table.tbl-horizontal td > span.wi-verywide {
2303   width: 540px;
2304 }
2305 table.tbl-horizontal td > span.data,
2306 table.tbl-horizontal td > span.plain-data {
2307   margin-top: -0.2em;
2308   display: block ;
2309 }
2310 table.tbl-horizontal td > span.label {
2311   color: #33001a;
2312   padding: 0 0.3em 0.5em 0 !important ;
2313 }
2314 table.tbl-horizontal td > span.button-inline {
2315   margin: 0 !important ;
2316   padding: 0.3em 0 0 0 ;
2317   clear: both ;
2318   display: inline-block;
2319   vertical-align: middle ;
2320 }
2321 table.tbl-horizontal td > span.button-inline input.button,
2322 table.tbl-horizontal td > span.button-inline input[type="button"],
2323 table.tbl-horizontal td > span.button-inline button,
2324 table.tbl-horizontal td > span.button-inline a.button {
2325   float: left ;
2326   margin: 0 0.3em 0 0 !important ;
2327 }
2328 table.tbl-horizontal td > span.customer_vendor_picker {
2329   padding: 0 !important ;
2330   margin: 0 !important ;
2331   display: inline-block;
2332 }
2333 table.tbl-horizontal td > span.project_picker {
2334   margin: -0.3em 0 0 0;
2335 }
2336 table.tbl-horizontal td > span.switch-form-element {
2337   padding: 0 !important ;
2338   margin: -0.3em 1px 0 0 !important;
2339 }
2340 table.tbl-horizontal td > div.data {
2341   padding: 0.1363em 0 ;
2342 }
2343 table.tbl-horizontal td .plus1 {
2344   display: inline-block;
2345   padding: 0 ;
2346 }
2347 table.tbl-horizontal td > .condensed {
2348   padding: 0 !important ;
2349   margin: 0 ;
2350 }
2351 table.tbl-horizontal td > .condensed input,
2352 table.tbl-horizontal td > .condensed select {
2353   margin-top: 0.2em ;
2354 }
2355 table.tbl-horizontal td > span.wi-small-wide {
2356   margin: 0 24px 0 0 ;
2357   display: block ;
2358 }
2359 table.tbl-horizontal thead th {
2360   font-size: 11pt;
2361   font-weight: normal;
2362   color: #33001a !important;
2363   padding: 0.2em 0 0.2em 0.2em;
2364   margin: 0.1em 0 0.4em 0 ;
2365   text-align: left;
2366   letter-spacing: 0.12em;
2367   border: none ;
2368 }
2369 table.tbl-horizontal.zebra tbody tr:nth-child(odd) {
2370   background-color: #f7eef2;
2371 }
2372 table.tbl-horizontal.zebra tbody tr:nth-child(odd) th {
2373   background-color: #f7eef2;
2374 }
2375 table.tbl-horizontal.zebra tbody tr:nth-child(even) {
2376   background-color: #e6ccd9;
2377 }
2378 table.tbl-horizontal.zebra tbody tr:nth-child(even) th {
2379   background-color: #e6ccd9;
2380 }
2381 table.tbl-horizontal.checkered {
2382   border-collapse: collapse ;
2383 }
2384 table.tbl-horizontal.checkered tbody tr {
2385   background-color: #e6ccd9;
2386 }
2387 table.tbl-horizontal.checkered tbody tr td,
2388 table.tbl-horizontal.checkered tbody tr th {
2389   border-color: #33001a;
2390   border-width: 1px ;
2391   border-style: solid ;
2392   padding: 0.3em 0.6em ;
2393 }
2394 table.tbl-horizontal.expanded th.caption {
2395   padding-top: 1.2em ;
2396   padding-bottom: 0.6em ;
2397 }
2398 table.tbl-list-plain caption,
2399 table.tbl-plain caption,
2400 table.tbl-list-plain th.caption,
2401 table.tbl-plain th.caption {
2402   font-size: 120% !important ;
2403   margin: 0;
2404   padding: 0.6em 0 0.2em 0;
2405 }
2406 table.tbl-list-plain thead th,
2407 table.tbl-plain thead th,
2408 table.tbl-list-plain tbody th,
2409 table.tbl-plain tbody th,
2410 table.tbl-list-plain thead td,
2411 table.tbl-plain thead td,
2412 table.tbl-list-plain tbody td,
2413 table.tbl-plain tbody td {
2414   padding: 3px 0.3em 4px 0.3em !important ;
2415 }
2416 table.tbl-list-plain thead th,
2417 table.tbl-plain thead th {
2418   color: #ffffff;
2419   background-color: #33001a;
2420   border-top: 1px solid #33001a;
2421   border-bottom: 1px solid #33001a;
2422   text-align: left ;
2423   vertical-align: top ;
2424 }
2425 table.tbl-list-plain tr th,
2426 table.tbl-plain tr th,
2427 table.tbl-list-plain tr td,
2428 table.tbl-plain tr td {
2429   padding: 0.3em inherit 0.3em 0.3em ;
2430 }
2431 table.tbl-list-plain.condensed caption,
2432 table.tbl-plain.condensed caption {
2433   padding-left: 0 ;
2434 }
2435 table.tbl-list-plain.condensed td,
2436 table.tbl-plain.condensed td,
2437 table.tbl-list-plain.condensed th,
2438 table.tbl-plain.condensed th {
2439   padding-right: 7px ;
2440   padding-left: 1px ;
2441 }
2442 table.tbl-list-plain.lined tr,
2443 table.tbl-plain.lined tr {
2444   border-bottom: 1px #33001a solid;
2445 }
2446 table.tbl-list-plain.lined tr > th,
2447 table.tbl-plain.lined tr > th,
2448 table.tbl-list-plain.lined tr > th,
2449 table.tbl-plain.lined tr > th {
2450   vertical-align: middle !important ;
2451 }
2452 table.tbl-list-plain thead th {
2453   border-top: 1px #33001a solid !important;
2454   border-bottom: 1px #33001a solid;
2455   font-weight: bold ;
2456 }
2457 table.tbl-list-plain tbody td,
2458 table.tbl-list-plain tbody th {
2459   border-bottom: 1px #33001a solid;
2460 }
2461 table.tbl-dialog th,
2462 table.tbl-dialog td {
2463   background-color: #eeeeee;
2464 }
2465 table.tbl-dialog th {
2466   color: #ffffff;
2467   font-size: 11pt;
2468   vertical-align: top ;
2469 }
2470 table.clear {
2471   float: none ;
2472   clear: both ;
2473 }
2474 table.test th,
2475 table.test-plain th {
2476   background-color: #b3b3b3 ;
2477   color: #110009;
2478   font-weight: normal ;
2479 }
2480 table.test th.caption,
2481 table.test-plain th.caption {
2482   background-color: #b3b3b3 ;
2483 }
2484 table.test td,
2485 table.test-plain td {
2486   background-color: #cfcdd2 ;
2487 }
2488 table.test td.longdesc,
2489 table.test-plain td.longdesc,
2490 table.test td.longdescription,
2491 table.test-plain td.longdescription,
2492 table.test td.long-desc,
2493 table.test-plain td.long-desc,
2494 table.test td.long-description,
2495 table.test-plain td.long-description {
2496   border: 1px solid green !important ;
2497 }
2498 table.test table,
2499 table.test-plain table {
2500   border: 1px #0000ff solid ;
2501   border-collapse: collapse ;
2502 }
2503 table.test table td,
2504 table.test-plain table td,
2505 table.test table th,
2506 table.test-plain table th {
2507   border: 1px #c20d18 dotted !important ;
2508 }
2509 table.test th {
2510   border: 1px #666666 solid !important;
2511   background-color: #b3b3b3 ;
2512   color: #000 ;
2513   font-weight: normal ;
2514 }
2515 table.test th.caption {
2516   background-color: transparent;
2517 }
2518 table.test td {
2519   border: 1px #000 solid ;
2520   background-color: #cfcdd2 ;
2521 }
2522 table.test td.longdesc,
2523 table.test td.longdescription,
2524 table.test td.long-desc,
2525 table.test td.long-description {
2526   border: 1px solid green !important ;
2527 }
2528 table.test table {
2529   border: 2px #0000ff solid ;
2530   border-collapse: collapse ;
2531 }
2532 table.test table td,
2533 table.test table th {
2534   border: 1px #c20d18 dotted !important ;
2535 }
2536 table.wi-smallest,
2537 table colgroup col.wi-smallest {
2538   width: 42px;
2539 }
2540 table.wi-verysmall,
2541 table colgroup col.wi-verysmall {
2542   width: 80px;
2543 }
2544 table.wi-small,
2545 table colgroup col.wi-small {
2546   width: 128px;
2547 }
2548 table.wi-mediumsmall,
2549 table colgroup col.wi-mediumsmall {
2550   width: 160px;
2551 }
2552 table.wi-normal,
2553 table colgroup col.wi-normal {
2554   width: 208px;
2555 }
2556 table.wi-lightwide,
2557 table colgroup col.wi-lightwide {
2558   width: 256px;
2559 }
2560 table.wi-wide,
2561 table colgroup col.wi-wide {
2562   width: 320px;
2563 }
2564 table.wi-wider,
2565 table colgroup col.wi-wider {
2566   width: 384px;
2567 }
2568 table.wi-verywide,
2569 table colgroup col.wi-verywide {
2570   width: 576px;
2571 }
2572 table.wi-small-small,
2573 table colgroup col.wi-small-small {
2574   width: 256px;
2575 }
2576 table.wi-small-mediumsmall,
2577 table colgroup col.wi-small-mediumsmall {
2578   width: 288px;
2579 }
2580 table.wi-small-normal,
2581 table colgroup col.wi-small-normal {
2582   width: 336px;
2583 }
2584 table.wi-small-lightwide,
2585 table colgroup col.wi-small-lightwide {
2586   width: 384px;
2587 }
2588 table.wi-small-wide,
2589 table colgroup col.wi-small-wide {
2590   width: 484px;
2591 }
2592 table.wi-small-wider,
2593 table colgroup col.wi-small-wider {
2594   width: 512px;
2595 }
2596 table.wi-small-verywide,
2597 table colgroup col.wi-small-verywide {
2598   width: 704px;
2599 }
2600 table.wi-mediumsmall-small,
2601 table colgroup col.wi-mediumsmall-small {
2602   width: 416px;
2603 }
2604 table.wi-mediumsmall-mediumsmall,
2605 table colgroup col.wi-mediumsmall-mediumsmall {
2606   width: 320px;
2607 }
2608 table.wi-mediumsmall-normal,
2609 table colgroup col.wi-mediumsmall-normal {
2610   width: 368px;
2611 }
2612 table.wi-mediumsmall-lightwide,
2613 table colgroup col.wi-mediumsmall-lightwide {
2614   width: 416px;
2615 }
2616 table.wi-mediumsmall-wide,
2617 table colgroup col.wi-mediumsmall-wide {
2618   width: 480px;
2619 }
2620 table.wi-mediumsmall-wider,
2621 table colgroup col.wi-mediumsmall-wider {
2622   width: 544px;
2623 }
2624 table.wi-mediumsmall-verywide,
2625 table colgroup col.wi-mediumsmall-verywide {
2626   width: 736px;
2627 }
2628 table.wi-normal-small,
2629 table colgroup col.wi-normal-small {
2630   width: 336px;
2631 }
2632 table.wi-normal-mediumsmall,
2633 table colgroup col.wi-normal-mediumsmall {
2634   width: 368px;
2635 }
2636 table.wi-normal-normal,
2637 table colgroup col.wi-normal-normal {
2638   width: 416px;
2639 }
2640 table.wi-normal-lightwide,
2641 table colgroup col.wi-normal-lightwide {
2642   width: 464px;
2643 }
2644 table.wi-normal-wide,
2645 table colgroup col.wi-normal-wide {
2646   width: 528px;
2647 }
2648 table.wi-normal-wider,
2649 table colgroup col.wi-normal-wider {
2650   width: 592px;
2651 }
2652 table.wi-normal-verywide,
2653 table colgroup col.wi-normal-verywide {
2654   width: 784px;
2655 }
2656 table.wi-lightwide-small,
2657 table colgroup col.wi-lightwide-small {
2658   width: 384px;
2659 }
2660 table.wi-lightwide-mediumsmall,
2661 table colgroup col.wi-lightwide-mediumsmall {
2662   width: 416px;
2663 }
2664 table.wi-lightwide-normal,
2665 table colgroup col.wi-lightwide-normal {
2666   width: 464px;
2667 }
2668 table.wi-lightwide-lightwide,
2669 table colgroup col.wi-lightwide-lightwide {
2670   width: 512px;
2671 }
2672 table.wi-lightwide-wide,
2673 table colgroup col.wi-lightwide-wide {
2674   width: 576px;
2675 }
2676 table.wi-lightwide-wider,
2677 table colgroup col.wi-lightwide-wider {
2678   width: 640px;
2679 }
2680 table.wi-lightwide-verywide,
2681 table colgroup col.wi-lightwide-verywide {
2682   width: 832px;
2683 }
2684 table.width-full,
2685 table.full-width,
2686 table.wi-full {
2687   width: 100% ;
2688 }
2689 table.width-moderate,
2690 table.moderate-width,
2691 table.wi-moderate {
2692   width: auto ;
2693 }
2694 table.width-moderate td,
2695 table.moderate-width td,
2696 table.wi-moderate td,
2697 table.width-moderate th,
2698 table.moderate-width th,
2699 table.wi-moderate th {
2700   padding-left: 0.6em ;
2701   padding-right: 1.2em ;
2702 }
2703 div.wrapper table.tbl-list tr,
2704 div.cols table.tbl-list tr {
2705   border-left: 1px solid #33001a;
2706   border-right: 1px solid #33001a;
2707 }
2708 #content .ui-tabs-panel > table.tbl-list caption {
2709   margin-left: 0.3em ;
2710 }
2711 #content .ui-tabs-panel > table.tbl-list caption {
2712   margin-left: 0.3em ;
2713 }
2714 #content > table.tbl-plain,
2715 #content > table.tbl-list-plain {
2716   margin-top: 1.0em ;
2717 }
2718 span.sort {
2719   display: inline-block;
2720   height: 100% ;
2721   vertical-align: top;
2722   padding-top: 6px;
2723 }
2724 span.sort_symbol {
2725   display: inline-block;
2726   width: 10px ;
2727   padding: 0 ;
2728   margin: 0 10px 0 0 ;
2729 }
2730 span.sort_symbol a {
2731   display: block ;
2732   width: 8px ;
2733   height: 8px ;
2734   font-size: 7pt ;
2735   padding: 0 0 3px 0 ;
2736   margin: 0 ;
2737   text-align: center ;
2738   clear: both ;
2739   float: none ;
2740   vertical-align: top ;
2741 }
2742 span.sort_symbol a.ascending {
2743   border-top: 1px #33001a solid;
2744   border-right: 1px #33001a solid;
2745   border-left: 1px #33001a solid;
2746 }
2747 span.sort_symbol a.descending {
2748   border-right: 1px #33001a solid;
2749   border-bottom: 1px #33001a solid;
2750   border-left: 1px #33001a solid;
2751 }
2752 span.sort_symbol a.active {
2753   color: #ffffff ;
2754 }
2755 span.sort_symbol a:link,
2756 span.sort_symbol a:visited {
2757   color: #d5aabf;
2758 }
2759 table#report_table_id.tbl-list > tbody > tr > td {
2760   vertical-align: top ;
2761 }
2762 table#konten-plan tbody tr td:first-child {
2763   text-align: right !important;
2764 }
2765 table#konten-plan tbody tr.heading td {
2766   font-size: 14pt;
2767   border-top: 1px #999 solid;
2768 }
2769 table#konten-plan tr:first-child.heading td {
2770   border: none;
2771 }
2772 table#eurtable {
2773   border-collapse: collapse;
2774   width: 100%;
2775 }
2776 table tr.chart {
2777   border: 0;
2778 }
2779 table td.chartname {
2780   padding-left: 50px;
2781 }
2782 table tr.chartrow {
2783   font-size: 75%;
2784 }
2785 table .guv_row_background {
2786   background: #f0f0f0;
2787 }
2788 table .tr_error {
2789   background-color: #ffc9c9;
2790 }
2791 /* ------------------------------------------------------------- */
2792 /* LISTS (lists.less)                                            */
2793 /* ------------------------------------------------------------- */
2794 ul {
2795   list-style-type: disc;
2796   list-style-position: outside;
2797   list-style-image: none;
2798   padding: 0 0 0 1.4em;
2799   margin: 0.4em 0 0.4em 0;
2800 }
2801 ul.footnotes {
2802   list-style-type: none !important ;
2803   list-style-position: outside ;
2804   margin: 1.0em 0 0 1.8em !important ;
2805 }
2806 ul.footnotes li sup {
2807   display: inline-block;
2808   margin: 0 0.6em 0 -2.6em;
2809   padding: 0;
2810 }
2811 ul.footnotes li > ul {
2812   position: relative;
2813   list-style-type: circle ;
2814   list-style-position: outside ;
2815   margin: 0.3em 0 0.3em 1.4em !important ;
2816 }
2817 ul li ul {
2818   list-style-type: circle ;
2819   list-style-position: outside ;
2820 }
2821 div.table {
2822   margin-bottom: 1.0em ;
2823 }
2824 div.table.col {
2825   float: left ;
2826   margin-right: 1.6em ;
2827 }
2828 div.table div.caption {
2829   clear: left ;
2830   display: block ;
2831   font-weight: bold ;
2832   color: #33001a;
2833 }
2834 div.table div.field {
2835   clear: left ;
2836   display: block ;
2837   overflow: hidden ;
2838   margin-right: 2.0em ;
2839 }
2840 div.table div.field span.label {
2841   display: inline-block;
2842   float: left ;
2843   min-width: 12em;
2844   width: auto;
2845 }
2846 div.table div.field span.value {
2847   display: inline-block;
2848   float: left ;
2849   min-width: 12em;
2850   width: auto;
2851 }
2852 div.list {
2853   font-size: 10pt;
2854   color: #110009;
2855 }
2856 div.list.col {
2857   float: left ;
2858   margin-right: 2.6em !important ;
2859   width: auto ;
2860   min-width: 110px ;
2861 }
2862 div.list h4 {
2863   padding: 0.6em 0 0.2em 0.0em !important ;
2864   margin: 0.2em 0 0 0 ;
2865   font-weight: normal;
2866   font-size: 11pt;
2867   font-family: "Helvetica Neue", Helvetica, Arial;
2868   color: #33001a;
2869 }
2870 div.list > p,
2871 div.list > div {
2872   padding: 0.2em 0 0.2em 0 !important ;
2873   margin: 0 !important ;
2874   white-space: normal ;
2875 }
2876 div.list > p > input[type="checkbox"],
2877 div.list > div > input[type="checkbox"],
2878 div.list > p > input[type="radio"],
2879 div.list > div > input[type="radio"] {
2880   padding: 0 ;
2881   margin: 0.3em 0.3em 0 0 ;
2882   float: left ;
2883 }
2884 div.list > p label,
2885 div.list > div label {
2886   width: auto ;
2887   float: left ;
2888 }
2889 div.list > p {
2890   overflow: hidden ;
2891 }
2892 div.list > input[type="checkbox"] {
2893   clear: both;
2894   float: left;
2895   margin-right: 0.4em ;
2896 }
2897 div.list > label {
2898   width: 82% ;
2899 }
2900 div.list div {
2901   clear: left;
2902 }
2903 div.list > div.no-rows > input[type="checkbox"],
2904 div.list > div.no-rows > input[type="radio"] {
2905   padding: 0 ;
2906   margin: 0.3em 0.3em 0 0 ;
2907   clear: left ;
2908 }
2909 div.list > div.no-rows label {
2910   width: 82% ;
2911   float: left ;
2912 }
2913 div.list-table-with-separate-total-table div.full-width {
2914   padding-bottom: 0 ;
2915   margin-bottom: 0 ;
2916 }
2917 div.list-table-with-separate-total-table div.full-width .tbl-list {
2918   margin-bottom: 0 ;
2919 }
2920 div.list-table-with-separate-total-table div.list-total {
2921   width: 100% ;
2922   margin: 0 ;
2923   padding: 0 ;
2924   overflow: hidden ;
2925 }
2926 div.list-table-with-separate-total-table div.list-total table.footer-only {
2927   margin: 0 ;
2928   padding: 0 ;
2929 }
2930 div.list-table-with-separate-total-table div.list-total table.footer-only.right {
2931   float: right ;
2932 }
2933 /* ------------------------------------------------------------- */
2934 /* FORM ELEMENTS (forms.less)                                    */
2935 /* ------------------------------------------------------------- */
2936 /* forms.less */
2937 form {
2938   display: table;
2939   width: 100%;
2940   text-align: left;
2941   margin: 0 auto 0 auto;
2942 }
2943 form.box {
2944   display: block;
2945   overflow: hidden ;
2946   padding: 0 0 1.6em 0 ;
2947 }
2948 input,
2949 textarea,
2950 select {
2951   font-family: Verdana, "Helvetica Neue", Helvetica, Arial, sans-serif;
2952   padding: 0.2em 0.2em 0.2em 0.6em;
2953   border: 1px;
2954   border-color: darkgray lightgray lightgray;
2955   border-style: solid;
2956   outline: none;
2957   background-color: #fff ;
2958 }
2959 input[type="text"].accent,
2960 textarea[type="text"].accent,
2961 select[type="text"].accent {
2962   font-weight: bold ;
2963   font-size: 130% !important ;
2964   padding: 0.6em auto !important ;
2965 }
2966 textarea {
2967   resize: vertical;
2968 }
2969 input[type="text"]:focus,
2970 input[type="password"]:focus,
2971 textarea:focus,
2972 select:focus,
2973 input[type="text"]:active,
2974 input[type="password"]:active,
2975 textarea:active,
2976 select:active {
2977   background-color: #d5aabf;
2978   border: 1px 1px #110009 solid solid;
2979   color: #220011;
2980 }
2981 select.helper {
2982   background-color: #ffffff;
2983 }
2984 select > option {
2985   padding-left: 0.6em ;
2986 }
2987 input[type="file"] {
2988   padding: 0.8em;
2989   background-color: #cccccc;
2990   color: #666666;
2991   border: 1px #666666 solid;
2992 }
2993 input[type="file"] button,
2994 input[type="file"] input[type="button"] {
2995   background-color: #A3FFA8;
2996 }
2997 label {
2998   cursor: pointer;
2999   vertical-align: top;
3000   display: inline-block;
3001   width: 88% ;
3002   color: #220011;
3003 }
3004 label:link,
3005 label:visited {
3006   text-decoration: none ;
3007 }
3008 label:hover {
3009   text-decoration: underline ;
3010 }
3011 fieldset {
3012   margin-top: 15px;
3013   color: black;
3014   font-weight: normal;
3015   font-size: 14pt;
3016   text-transform: uppercase;
3017   border-color: grey;
3018   border-width: 1px ;
3019   margin: 0.4em 0.6em 1.4em 0.6em;
3020 }
3021 fieldset h4 {
3022   font-weight: normal ;
3023   font-size: 11pt;
3024   margin: 0;
3025   padding: 0 0 0.2em 0;
3026 }
3027 input[type="text"].wi-smallest,
3028 input[type="password"].wi-smallest {
3029   width: 42px;
3030 }
3031 input[type="text"].wi-verysmall,
3032 input[type="password"].wi-verysmall {
3033   width: 80px;
3034 }
3035 input[type="text"].wi-small,
3036 input[type="password"].wi-small {
3037   width: 92px;
3038 }
3039 input[type="text"].wi-mediumsmall,
3040 input[type="password"].wi-mediumsmall {
3041   width: 124px;
3042 }
3043 input[type="text"].wi-normal,
3044 input[type="password"].wi-normal {
3045   width: 172px;
3046 }
3047 input[type="text"].wi-lightwide,
3048 input[type="password"].wi-lightwide {
3049   width: 220px;
3050 }
3051 input[type="text"].wi-wide,
3052 input[type="password"].wi-wide {
3053   width: 284px;
3054 }
3055 input[type="text"].wi-wider,
3056 input[type="password"].wi-wider {
3057   min-width: 348px;
3058 }
3059 input[type="text"].wi-verywide,
3060 input[type="password"].wi-verywide {
3061   min-width: 540px;
3062 }
3063 input[type="text"].wi-date,
3064 input[type="password"].wi-date {
3065   width: 92px;
3066 }
3067 input[type="text"].wi-number,
3068 input[type="password"].wi-number {
3069   width: 92px;
3070 }
3071 input[type="text"].wi-tinynumber,
3072 input[type="password"].wi-tinynumber {
3073   width: 80px;
3074 }
3075 input[type="text"].wi-largenumber,
3076 input[type="password"].wi-largenumber {
3077   width: 124px;
3078 }
3079 input[type="text"].wi-lightwide--verysmall,
3080 input[type="password"].wi-lightwide--verysmall {
3081   width: 139px;
3082 }
3083 input[type="text"].wi-wide--verysmall,
3084 input[type="password"].wi-wide--verysmall {
3085   width: 203px !important;
3086 }
3087 input .fixed_width {
3088   width: 250px;
3089 }
3090 select.wi-smallest {
3091   width: 42px;
3092 }
3093 select.wi-verysmall {
3094   width: 80px;
3095 }
3096 select.wi-small {
3097   width: 92px;
3098 }
3099 select.wi-mediumsmall {
3100   width: 124px;
3101 }
3102 select.wi-normal {
3103   width: 172px;
3104 }
3105 select.wi-lightwide {
3106   width: 220px;
3107 }
3108 select.wi-wide {
3109   width: 284px;
3110 }
3111 select.wi-wider {
3112   min-width: 348px;
3113 }
3114 select.wi-verywide {
3115   min-width: 540px;
3116 }
3117 select.wi-full {
3118   width: 100%                   ;
3119 }
3120 select.wi-small-normal {
3121   width: 300px;
3122 }
3123 select.wi-small-lightwide {
3124   width: 348px;
3125 }
3126 select.wi-small-wide {
3127   width: 412px;
3128 }
3129 select.wi-small-wider {
3130   width: 476px;
3131 }
3132 select.wi-small-verywide {
3133   width: 668px;
3134 }
3135 select.wi-mediumsmall-normal {
3136   width: 332px;
3137 }
3138 select.wi-mediumsmall-lightwide {
3139   width: 380px;
3140 }
3141 select.wi-mediumsmall-wide {
3142   width: 444px;
3143 }
3144 select.wi-mediumsmall-wider {
3145   width: 508px;
3146 }
3147 select.wi-mediumsmall-verywide {
3148   width: 700px;
3149 }
3150 select.wi-normal-normal {
3151   width: 380px;
3152 }
3153 select.wi-normal-lightwide {
3154   width: 428px;
3155 }
3156 select.wi-normal-wide {
3157   width: 492px;
3158 }
3159 select.wi-normal-wider {
3160   width: 556px;
3161 }
3162 select.wi-normal-verywide {
3163   width: 748px;
3164 }
3165 select.wi-lightwide-normal {
3166   width: 428px;
3167 }
3168 select.wi-lightwide-lightwide {
3169   width: 476px;
3170 }
3171 select.wi-lightwide-wide {
3172   width: 540px;
3173 }
3174 select.wi-lightwide-wider {
3175   width: 604px;
3176 }
3177 select.wi-lightwide-verywide {
3178   width: 796px;
3179 }
3180 select.wi-wide-normal {
3181   width: 492px;
3182 }
3183 select.wi-wide-lightwide {
3184   width: 540px;
3185 }
3186 select.wi-wide-wide {
3187   width: 604px;
3188 }
3189 select.wi-wide-wider {
3190   width: 668px;
3191 }
3192 select.wi-wide-verywide {
3193   width: 860px;
3194 }
3195 textarea.wi-smallest {
3196   width: 172px;
3197 }
3198 textarea.wi-verysmall {
3199   width: 172px;
3200 }
3201 textarea.wi-small {
3202   width: 172px;
3203 }
3204 textarea.wi-mediumsmall {
3205   width: 172px;
3206 }
3207 textarea.wi-normal {
3208   width: 172px;
3209 }
3210 textarea.wi-lightwide {
3211   min-width: 220px;
3212 }
3213 textarea.wi-wide {
3214   min-width: 284px;
3215 }
3216 textarea.wi-wide.strict {
3217   max-width: 284px !important;
3218 }
3219 textarea.wi-wider {
3220   min-width: 348px;
3221 }
3222 textarea.wi-verywide {
3223   min-width: 540px;
3224 }
3225 textarea.wi-full {
3226   width: 100%                  ;
3227 }
3228 textarea.wi-small-small {
3229   width: 220px;
3230 }
3231 textarea.wi-small-mediumsmall {
3232   width: 252px;
3233   margin: 0 30px 0 0 ;
3234 }
3235 textarea.wi-small-normal {
3236   width: 300px;
3237 }
3238 textarea.wi-small-lightwide {
3239   width: 348px;
3240 }
3241 textarea.wi-small-wide {
3242   width: 412px;
3243 }
3244 textarea.wi-small-wider {
3245   width: 476px;
3246 }
3247 textarea.wi-small-verywide {
3248   width: 668px;
3249 }
3250 textarea.wi-mediumsmall-small {
3251   width: 252px;
3252 }
3253 textarea.wi-mediumsmall-mediumsmall {
3254   width: 284px;
3255 }
3256 textarea.wi-mediumsmall-normal {
3257   width: 332px;
3258 }
3259 textarea.wi-mediumsmall-lightwide {
3260   width: 380px;
3261 }
3262 textarea.wi-mediumsmall-wide {
3263   width: 444px;
3264 }
3265 textarea.wi-mediumsmall-wider {
3266   width: 508px;
3267 }
3268 textarea.wi-mediumsmall-verywide {
3269   width: 700px;
3270 }
3271 textarea.wi-normal-small {
3272   width: 300px;
3273 }
3274 textarea.wi-normal-mediumsmall {
3275   width: 332px;
3276 }
3277 textarea.wi-normal-normal {
3278   width: 380px;
3279 }
3280 textarea.wi-normal-lightwide {
3281   width: 428px;
3282 }
3283 textarea.wi-normal-wide {
3284   width: 492px;
3285 }
3286 textarea.wi-normal-wider {
3287   width: 556px;
3288 }
3289 textarea.wi-normal-verywide {
3290   width: 748px;
3291 }
3292 textarea.wi-lightwide-small {
3293   width: 348px;
3294 }
3295 textarea.wi-lightwide-mediumsmall {
3296   width: 380px;
3297 }
3298 textarea.wi-lightwide-normal {
3299   width: 428px;
3300 }
3301 textarea.wi-lightwide-lightwide {
3302   width: 476px;
3303 }
3304 textarea.wi-lightwide-wide {
3305   width: 540px;
3306 }
3307 textarea.wi-lightwide-wider {
3308   width: 604px;
3309 }
3310 textarea.wi-lightwide-verywide {
3311   width: 796px;
3312 }
3313 textarea.wi-wide-small {
3314   width: 412px;
3315 }
3316 textarea.wi-wide-mediumsmall {
3317   width: 444px;
3318 }
3319 textarea.wi-wide-normal {
3320   width: 492px;
3321 }
3322 textarea.wi-wide-lightwide {
3323   width: 604px;
3324 }
3325 textarea.wi-wide-wide {
3326   width: 604px;
3327 }
3328 textarea.wi-wide-wider {
3329   width: 668px;
3330 }
3331 textarea.wi-wide-verywide {
3332   width: 860px;
3333 }
3334 td.wi-date > input[type="text"],
3335 th.wi-date > input[type="text"] {
3336   width: 92px;
3337 }
3338 td.wi-lightwide > textarea,
3339 th.wi-lightwide > textarea {
3340   width: 284px;
3341 }
3342 td.wi-wide > textarea,
3343 th.wi-wide > textarea {
3344   width: 284px;
3345 }
3346 td.wi-small-verywide > textarea,
3347 th.wi-small-verywide > textarea {
3348   width: 668px;
3349 }
3350 th.wi-lightwide textarea,
3351 td.wi-lightwide textarea,
3352 th.wi-lightwide input[type="text"],
3353 td.wi-lightwide input[type="text"],
3354 th.wi-lightwide div.cke_editable,
3355 td.wi-lightwide div.cke_editable,
3356 th.wi-lightwide input#order_vendor_id_name,
3357 td.wi-lightwide input#order_vendor_id_name {
3358   width: 220px;
3359 }
3360 th.wi-wide textarea,
3361 td.wi-wide textarea,
3362 th.wi-wide input[type="text"],
3363 td.wi-wide input[type="text"],
3364 th.wi-wide div.cke_editable,
3365 td.wi-wide div.cke_editable,
3366 th.wi-wide input#order_vendor_id_name,
3367 td.wi-wide input#order_vendor_id_name {
3368   width: 284px;
3369 }
3370 span.wi-smallest {
3371   padding: 0 ;
3372 }
3373 span.wi-smallest textarea,
3374 span.wi-smallest div.cke_editable {
3375   width: 172px;
3376 }
3377 span.wi-verysmall {
3378   padding: 0 ;
3379 }
3380 span.wi-verysmall textarea,
3381 span.wi-verysmall div.cke_editable {
3382   width: 172px;
3383 }
3384 span.wi-small {
3385   padding: 0 ;
3386 }
3387 span.wi-small textarea,
3388 span.wi-small div.cke_editable {
3389   width: 172px;
3390 }
3391 span.wi-mediumsmall {
3392   padding: 0 ;
3393 }
3394 span.wi-mediumsmall textarea,
3395 span.wi-mediumsmall div.cke_editable {
3396   width: 172px;
3397 }
3398 span.wi-normal {
3399   padding: 0 ;
3400 }
3401 span.wi-normal textarea,
3402 span.wi-normal div.cke_editable {
3403   width: 172px;
3404 }
3405 span.wi-lightwide {
3406   padding: 0 ;
3407 }
3408 span.wi-lightwide textarea,
3409 span.wi-lightwide div.cke_editable {
3410   width: 220px;
3411 }
3412 span.wi-wide {
3413   padding: 0 ;
3414 }
3415 span.wi-wide textarea,
3416 span.wi-wide > div.cke_editable {
3417   width: 284px !important;
3418 }
3419 span.wi-wide.strict {
3420   max-width: 284px !important;
3421 }
3422 span.wi-wider {
3423   padding: 0 ;
3424 }
3425 span.wi-wider textarea,
3426 span.wi-wider div.cke_editable {
3427   width: 348px;
3428 }
3429 span.wi-verywide {
3430   padding: 0 ;
3431 }
3432 span.wi-verywide textarea,
3433 span.wi-verywide div.cke_editable {
3434   min-width: 540px;
3435 }
3436 span.wi-full {
3437   padding: 0 ;
3438 }
3439 span.wi-full textarea,
3440 span.wi-full div.cke_editable {
3441   width: 100%                     ;
3442 }
3443 span.wi-small-small {
3444   padding: 0 ;
3445 }
3446 span.wi-small-small textarea,
3447 span.wi-small-small div.cke_editable {
3448   width: 220px;
3449 }
3450 span.wi-small-mediumsmall {
3451   padding: 0 ;
3452 }
3453 span.wi-small-mediumsmall textarea,
3454 span.wi-small-mediumsmall div.cke_editable {
3455   width: 252px;
3456   margin: 0 30px 0 0 ;
3457 }
3458 span.wi-small-normal {
3459   padding: 0 ;
3460 }
3461 span.wi-small-normal textarea,
3462 span.wi-small-normal div.cke_editable {
3463   width: 300px;
3464 }
3465 span.wi-small-lightwide {
3466   padding: 0 ;
3467 }
3468 span.wi-small-lightwide textarea,
3469 span.wi-small-lightwide div.cke_editable {
3470   width: 348px;
3471 }
3472 span.wi-small-wide {
3473   padding: 0 ;
3474 }
3475 span.wi-small-wide textarea,
3476 span.wi-small-wide div.cke_editable {
3477   width: 412px;
3478 }
3479 span.wi-small-wider {
3480   padding: 0 ;
3481 }
3482 span.wi-small-wider textarea,
3483 span.wi-small-wider div.cke_editable {
3484   width: 476px;
3485 }
3486 span.wi-small-verywide {
3487   padding: 0 ;
3488 }
3489 span.wi-small-verywide textarea,
3490 span.wi-small-verywide div.cke_editable {
3491   width: 668px;
3492 }
3493 span.wi-mediumsmall-small {
3494   padding: 0 ;
3495 }
3496 span.wi-mediumsmall-small textarea,
3497 span.wi-mediumsmall-small div.cke_editable {
3498   width: 252px;
3499 }
3500 span.wi-mediumsmall-mediumsmall {
3501   padding: 0 ;
3502 }
3503 span.wi-mediumsmall-mediumsmall textarea,
3504 span.wi-mediumsmall-mediumsmall div.cke_editable {
3505   width: 284px;
3506 }
3507 span.wi-mediumsmall-normal {
3508   padding: 0 ;
3509 }
3510 span.wi-mediumsmall-normal textarea,
3511 span.wi-mediumsmall-normal div.cke_editable {
3512   width: 332px;
3513 }
3514 span.wi-mediumsmall-lightwide {
3515   padding: 0 ;
3516 }
3517 span.wi-mediumsmall-lightwide textarea,
3518 span.wi-mediumsmall-lightwide div.cke_editable {
3519   width: 380px;
3520 }
3521 span.wi-mediumsmall-wide {
3522   padding: 0 ;
3523 }
3524 span.wi-mediumsmall-wide textarea,
3525 span.wi-mediumsmall-wide.wi-mediumsmall-wide > div.cke_editable {
3526   width: 444px !important;
3527 }
3528 span.wi-mediumsmall-wider {
3529   padding: 0 ;
3530 }
3531 span.wi-mediumsmall-wider textarea,
3532 span.wi-mediumsmall-wider div.cke_editable {
3533   width: 508px;
3534 }
3535 span.wi-mediumsmall-verywide {
3536   padding: 0 ;
3537 }
3538 span.wi-mediumsmall-verywide textarea,
3539 span.wi-mediumsmall-verywide div.cke_editable {
3540   width: 700px;
3541 }
3542 span.wi-normal-small {
3543   padding: 0 ;
3544 }
3545 span.wi-normal-small textarea,
3546 span.wi-normal-small div.cke_editable {
3547   width: 300px;
3548 }
3549 span.wi-normal-mediumsmall {
3550   padding: 0 ;
3551 }
3552 span.wi-normal-mediumsmall textarea,
3553 span.wi-normal-mediumsmall div.cke_editable {
3554   width: 332px;
3555 }
3556 span.wi-normal-normal {
3557   padding: 0 ;
3558 }
3559 span.wi-normal-normal textarea,
3560 span.wi-normal-normal div.cke_editable {
3561   width: 380px;
3562 }
3563 span.wi-normal-lightwide {
3564   padding: 0 ;
3565 }
3566 span.wi-normal-lightwide textarea,
3567 span.wi-normal-lightwide div.cke_editable {
3568   width: 428px;
3569 }
3570 span.wi-normal-wide {
3571   padding: 0 ;
3572 }
3573 span.wi-normal-wide textarea,
3574 span.wi-normal-wide div.cke_editable {
3575   width: 492px;
3576 }
3577 span.wi-normal-wider {
3578   padding: 0 ;
3579 }
3580 span.wi-normal-wider textarea,
3581 span.wi-normal-wider div.cke_editable {
3582   width: 556px;
3583 }
3584 span.wi-normal-verywide {
3585   padding: 0 ;
3586 }
3587 span.wi-normal-verywide textarea,
3588 span.wi-normal-verywide div.cke_editable {
3589   width: 748px;
3590 }
3591 span.wi-lightwide-small {
3592   padding: 0 ;
3593 }
3594 span.wi-lightwide-small textarea,
3595 span.wi-lightwide-small div.cke_editable {
3596   width: 348px;
3597 }
3598 span.wi-lightwide-mediumsmall {
3599   padding: 0 ;
3600 }
3601 span.wi-lightwide-mediumsmall textarea,
3602 span.wi-lightwide-mediumsmall div.cke_editable {
3603   width: 380px;
3604 }
3605 span.wi-lightwide-normal {
3606   padding: 0 ;
3607 }
3608 span.wi-lightwide-normal textarea,
3609 span.wi-lightwide-normal div.cke_editable {
3610   width: 428px;
3611 }
3612 span.wi-lightwide-lightwide {
3613   padding: 0 ;
3614 }
3615 span.wi-lightwide-lightwide textarea,
3616 span.wi-lightwide-lightwide div.cke_editable {
3617   width: 476px;
3618 }
3619 span.wi-lightwide-wide {
3620   padding: 0 ;
3621 }
3622 span.wi-lightwide-wide textarea,
3623 span.wi-lightwide-wide div.cke_editable {
3624   width: 540px;
3625 }
3626 span.wi-lightwide-wider {
3627   padding: 0 ;
3628 }
3629 span.wi-lightwide-wider textarea,
3630 span.wi-lightwide-wider div.cke_editable {
3631   width: 604px;
3632 }
3633 span.wi-lightwide-verywide {
3634   padding: 0 ;
3635 }
3636 span.wi-lightwide-verywide textarea,
3637 span.wi-lightwide-verywide div.cke_editable {
3638   width: 796px;
3639 }
3640 span.wi-wide-small {
3641   padding: 0 ;
3642 }
3643 span.wi-wide-small textarea,
3644 span.wi-wide-small div.cke_editable {
3645   width: 412px;
3646 }
3647 span.wi-wide-mediumsmall {
3648   padding: 0 ;
3649 }
3650 span.wi-wide-mediumsmall textarea,
3651 span.wi-wide-mediumsmall div.cke_editable {
3652   width: 444px;
3653 }
3654 span.wi-wide-normal {
3655   padding: 0 ;
3656 }
3657 span.wi-wide-normal textarea,
3658 span.wi-wide-normal div.cke_editable {
3659   width: 492px;
3660 }
3661 span.wi-wide-lightwide {
3662   padding: 0 ;
3663 }
3664 span.wi-wide-lightwide textarea,
3665 span.wi-wide-lightwide div.cke_editable {
3666   width: 604px;
3667 }
3668 span.wi-wide-wide {
3669   padding: 0 ;
3670 }
3671 span.wi-wide-wide textarea,
3672 span.wi-wide-wide div.cke_editable {
3673   width: 604px;
3674 }
3675 span.wi-wide-wider {
3676   padding: 0 ;
3677 }
3678 span.wi-wide-wider textarea,
3679 span.wi-wide-wider div.cke_editable {
3680   width: 668px;
3681 }
3682 span.wi-wide-verywide {
3683   padding: 0 ;
3684 }
3685 span.wi-wide-verywide textarea,
3686 span.wi-wide-verywide div.cke_editable {
3687   width: 860px;
3688 }
3689 th.wi-smallest input[type="text"],
3690 td.wi-smallest input[type="text"],
3691 th.wi-smallest select,
3692 td.wi-smallest select {
3693   width: 42px;
3694 }
3695 th.wi-verysmall input[type="text"],
3696 td.wi-verysmall input[type="text"],
3697 th.wi-verysmall select,
3698 td.wi-verysmall select {
3699   width: 80px;
3700 }
3701 th.wi-small input[type="text"],
3702 td.wi-small input[type="text"],
3703 th.wi-small select,
3704 td.wi-small select {
3705   width: 92px;
3706 }
3707 th.wi-mediumsmall input[type="text"],
3708 td.wi-mediumsmall input[type="text"],
3709 th.wi-mediumsmall select,
3710 td.wi-mediumsmall select {
3711   width: 124px;
3712 }
3713 th.wi-normal input[type="text"],
3714 td.wi-normal input[type="text"],
3715 th.wi-normal select,
3716 td.wi-normal select,
3717 th.wi-normal textarea,
3718 td.wi-normal textarea,
3719 th.wi-normal div.cke_editable,
3720 td.wi-normal div.cke_editable {
3721   width: 172px;
3722 }
3723 th.wi-lightwide input[type="text"],
3724 td.wi-lightwide input[type="text"],
3725 th.wi-lightwide select,
3726 td.wi-lightwide select,
3727 th.wi-lightwide textarea,
3728 td.wi-lightwide textarea,
3729 th.wi-lightwide div.cke_editable,
3730 td.wi-lightwide div.cke_editable {
3731   width: 220px;
3732 }
3733 th.wi-wide input[type="text"],
3734 td.wi-wide input[type="text"],
3735 th.wi-wide select,
3736 td.wi-wide select,
3737 th.wi-wide textarea,
3738 td.wi-wide textarea,
3739 th.wi-wide div.cke_editable,
3740 td.wi-wide div.cke_editable {
3741   width: 284px !important;
3742 }
3743 th.wi-wide.strict input[type="text"],
3744 td.wi-wide.strict input[type="text"],
3745 th.wi-wide.strict select,
3746 td.wi-wide.strict select,
3747 th.wi-wide.strict textarea,
3748 td.wi-wide.strict textarea,
3749 th.wi-wide.strict div.cke_editable,
3750 td.wi-wide.strict div.cke_editable {
3751   max-width: 284px !important;
3752 }
3753 th.wi-wider input[type="text"],
3754 td.wi-wider input[type="text"],
3755 th.wi-wider select,
3756 td.wi-wider select,
3757 th.wi-wider textarea,
3758 td.wi-wider textarea,
3759 th.wi-wider div.cke_editable,
3760 td.wi-wider div.cke_editable {
3761   width: 348px !important;
3762 }
3763 th.wi-verywide input[type="text"],
3764 td.wi-verywide input[type="text"],
3765 th.wi-verywide select,
3766 td.wi-verywide select,
3767 th.wi-verywide textarea,
3768 td.wi-verywide textarea,
3769 th.wi-verywide div.cke_editable,
3770 td.wi-verywide div.cke_editable {
3771   min-width: 540px;
3772 }
3773 th.wi-full input[type="text"],
3774 td.wi-full input[type="text"],
3775 th.wi-full select,
3776 td.wi-full select,
3777 th.wi-full textarea,
3778 td.wi-full textarea,
3779 th.wi-full div.cke_editable,
3780 td.wi-full div.cke_editable {
3781   width: 100% ;
3782 }
3783 th.wi-mediumsmall-wide input[type="text"],
3784 td.wi-mediumsmall-wide input[type="text"],
3785 th.wi-mediumsmall-wide select,
3786 td.wi-mediumsmall-wide select,
3787 th.wi-mediumsmall-wide textarea,
3788 td.wi-mediumsmall-wide textarea,
3789 th.wi-mediumsmall-wide div.cke_editable,
3790 td.wi-mediumsmall-wide div.cke_editable {
3791   width: 444px;
3792 }
3793 th.wi-small-mediumsmall input[type="text"],
3794 td.wi-small-mediumsmall input[type="text"],
3795 th.wi-small-mediumsmall select,
3796 td.wi-small-mediumsmall select,
3797 th.wi-small-mediumsmall textarea,
3798 td.wi-small-mediumsmall textarea,
3799 th.wi-small-mediumsmall div.cke_editable,
3800 td.wi-small-mediumsmall div.cke_editable {
3801   width: 252px;
3802 }
3803 th.wi-mediumsmall-lightwide input[type="text"],
3804 td.wi-mediumsmall-lightwide input[type="text"],
3805 th.wi-mediumsmall-lightwide select,
3806 td.wi-mediumsmall-lightwide select,
3807 th.wi-mediumsmall-lightwide textarea,
3808 td.wi-mediumsmall-lightwide textarea,
3809 th.wi-mediumsmall-lightwide div.cke_editable,
3810 td.wi-mediumsmall-lightwide div.cke_editable {
3811   width: 380px;
3812 }
3813 th.below input[type="text"],
3814 td.below input[type="text"],
3815 th.below select,
3816 td.below select,
3817 th.below textarea,
3818 td.below textarea,
3819 th.below div.cke_editable,
3820 td.below div.cke_editable {
3821   clear: both;
3822   margin-top: 0.4em  ;
3823 }
3824 td.wi-lightwide > span.customer_vendor_picker > input {
3825   width: 220px;
3826 }
3827 td.wi-wide > span.customer_vendor_picker > input {
3828   width: 284px;
3829 }
3830 td.wi-wider > span.customer_vendor_picker > input {
3831   width: 348px;
3832 }
3833 input.number,
3834 select.number {
3835   text-align: right ;
3836 }
3837 input.numeric,
3838 select.numeric {
3839   text-align: right ;
3840 }
3841 input.right,
3842 select.right {
3843   text-align: right ;
3844 }
3845 input[type=text].emphasized {
3846   word-wrap: break-word;
3847   word-break: break-all;
3848   height: auto;
3849   overflow: hidden ;
3850 }
3851 td img.ui-datepicker-trigger {
3852   vertical-align: middle ;
3853   padding: 0 0.2em ;
3854 }
3855 td div.rowspan-table {
3856   display: table-row;
3857   float: left;
3858   margin: 0.8em 2.8em 0.8em 0 ;
3859 }
3860 td div.rowspan-table div.label-n-value {
3861   display: table-cell;
3862   vertical-align: middle;
3863   height: 1.6em !important ;
3864   float: left;
3865   padding: 0 2.0em 0 0 ;
3866 }
3867 td div.rowspan-table div.label-n-value b {
3868   font-weight: normal;
3869   padding: 0 0 0 0 ;
3870 }
3871 table td > span.data {
3872   display: block;
3873   overflow: hidden ;
3874   height: 15.299999999999999pt;
3875   font-size: 9pt;
3876   color: #220011;
3877   border: 1px #800040 solid;
3878   margin: 0 ;
3879   line-height: 120%;
3880 }
3881 table td > span.data.below {
3882   margin-top: 0.2em;
3883 }
3884 table td > span.data.numeric,
3885 table td > span.data.right {
3886   text-align: right;
3887 }
3888 table td > span.data.wi-smallest {
3889   width: 42px;
3890 }
3891 table td > span.data.wi-verysmall {
3892   width: 80px;
3893 }
3894 table td > span.data.wi-small {
3895   width: 92px;
3896 }
3897 table td > span.data.wi-mediumsmall {
3898   width: 124px;
3899 }
3900 table td > span.data.wi-normal {
3901   width: 172px;
3902 }
3903 table td > span.data.wi-lightwide {
3904   width: 220px;
3905 }
3906 table td > span.data.wi-wide {
3907   width: 284px;
3908 }
3909 table td > span.data.numeric {
3910   text-align: right ;
3911 }
3912 table td > span.data.right {
3913   text-align: right ;
3914 }
3915 div.boxes {
3916   margin: 0 0 0.9em 0 ;
3917   overflow: hidden ;
3918   max-width: 800px ;
3919 }
3920 div.boxes h3 {
3921   padding: 0.2em 0 0.2em 0.0em;
3922 }
3923 div.boxes h3 label {
3924   float: left;
3925   width: 88% ;
3926   font-size: 13pt;
3927   padding: 0 0 0.6em 0.2em ;
3928   line-height: 1.2em ;
3929 }
3930 div.boxes > div {
3931   clear: both;
3932   margin: 0 0 0.6em 0 ;
3933   padding: 0;
3934   display: block ;
3935   overflow: hidden ;
3936 }
3937 div.boxes > div label {
3938   float: left;
3939   width: 88% ;
3940 }
3941 div.boxes > div input[type="checkbox"],
3942 div.boxes > div input[type="radio"] {
3943   float: left;
3944   margin-right: 0.6em ;
3945 }
3946 td.horizontal input[type="radio"],
3947 td.horizontal input[type="checkbox"] {
3948   float: left !important;
3949   clear: none !important;
3950   width: auto;
3951 }
3952 td.horizontal label {
3953   width: auto !important;
3954   margin-right: 2.0em ;
3955   float: left !important;
3956   clear: none !important;
3957 }
3958 table.tbl-horizontal th label,
3959 table.tbl-list th label,
3960 table.tbl-plain th label {
3961   display: inline-block;
3962 }
3963 table.tbl-horizontal td input[type="radio"],
3964 table.tbl-list td input[type="radio"],
3965 table.tbl-plain td input[type="radio"],
3966 table.tbl-horizontal td input[type="checkbox"],
3967 table.tbl-list td input[type="checkbox"],
3968 table.tbl-plain td input[type="checkbox"] {
3969   float: left;
3970   clear: left;
3971 }
3972 table.tbl-horizontal td input[type="radio"] ~ label,
3973 table.tbl-list td input[type="radio"] ~ label,
3974 table.tbl-plain td input[type="radio"] ~ label,
3975 table.tbl-horizontal td input[type="checkbox"] ~ label,
3976 table.tbl-list td input[type="checkbox"] ~ label,
3977 table.tbl-plain td input[type="checkbox"] ~ label {
3978   float: left;
3979   width: auto;
3980   margin-left: 0.2em ;
3981   line-height: 1.4em ;
3982 }
3983 table.tbl-horizontal td span.wi-date,
3984 table.tbl-list td span.wi-date,
3985 table.tbl-plain td span.wi-date {
3986   padding: 0 ;
3987 }
3988 table.tbl-horizontal td span.wi-date input[type="text"],
3989 table.tbl-list td span.wi-date input[type="text"],
3990 table.tbl-plain td span.wi-date input[type="text"],
3991 table.tbl-horizontal td span.wi-date input[type="date"],
3992 table.tbl-list td span.wi-date input[type="date"],
3993 table.tbl-plain td span.wi-date input[type="date"] {
3994   width: 92px;
3995 }
3996 div.fake-textarea {
3997   width: 220px;
3998   height: 150px;
3999   background-color: white;
4000   overflow: auto;
4001   border: 1px #999999 solid;
4002 }
4003 div.fake-textarea.fake-wi-wide {
4004   width: 284px;
4005 }
4006 div.admin form {
4007   font-size: 10pt;
4008 }
4009 div.admin form input[type="checkbox"] {
4010   margin: 0.2em 0.6em 0.3em 0 ;
4011   float: left;
4012 }
4013 div.admin form h3 {
4014   margin: 1.2em 0 0.6em 0 ;
4015   display: block;
4016 }
4017 .ms2side {
4018   display: block;
4019   overflow: hidden;
4020 }
4021 .ms2side p {
4022   margin: 0 0 0.4em 0 ;
4023 }
4024 .ms2side .ms2side__div .ms2side__header {
4025   width: 12.0em ;
4026   height: 2.2em ;
4027   display: table-cell;
4028   vertical-align: bottom;
4029 }
4030 .ms2side .ms2side__div .ms2side__options > p.ms2side__hide,
4031 .ms2side .ms2side__div .ms2side__updown > p.ms2side__hide {
4032   cursor: default;
4033   color: #9e9e9e;
4034   border: 1px solid grey;
4035   background-color: #D4D4D4 !important;
4036 }
4037 .frame-header-quicksearch input::placeholder {
4038   color: #666666;
4039 }
4040 #content input::placeholder {
4041   color: #999 ;
4042 }
4043 span.customer_vendor_picker {
4044   padding: 0 ;
4045 }
4046 input#vendor_id_name.ui-autocomplete-input,
4047 input#customer_id_name.ui-autocomplete-input {
4048   margin: 0 ;
4049 }
4050 input#vendor_id_name.ui-autocomplete-input.wi-wide,
4051 input#customer_id_name.ui-autocomplete-input.wi-wide {
4052   width: 284px;
4053 }
4054 table td span.project_picker {
4055   padding: 0 !important;
4056 }
4057 /* ------------------------------------------------------------- */
4058 /* BUTTONS (buttons.less)                                        */
4059 /* ------------------------------------------------------------- */
4060 input[type="button"],
4061 input[type="submit"],
4062 input[type="reset"],
4063 button {
4064   display: inline-block;
4065   cursor: pointer ;
4066   width: auto ;
4067   padding: 0.2em 0.6em;
4068   font-size: 9pt;
4069   font-weight: normal;
4070   font-style: normal;
4071   text-align: center;
4072   border-style: solid;
4073   border-width: 1px;
4074   border-radius: 6px;
4075 }
4076 input[type="button"].clear,
4077 input[type="submit"].clear,
4078 input[type="reset"].clear,
4079 button.clear {
4080   clear: left;
4081 }
4082 input[type="button"].wi-verysmall,
4083 input[type="submit"].wi-verysmall,
4084 input[type="reset"].wi-verysmall,
4085 button.wi-verysmall {
4086   min-width: 80px;
4087 }
4088 input[type="button"].wi-small,
4089 input[type="submit"].wi-small,
4090 input[type="reset"].wi-small,
4091 button.wi-small {
4092   min-width: 92px;
4093 }
4094 input[type="button"].wi-mediumsmall,
4095 input[type="submit"].wi-mediumsmall,
4096 input[type="reset"].wi-mediumsmall,
4097 button.wi-mediumsmall {
4098   min-width: 124px;
4099 }
4100 input[type="button"].wi-normal,
4101 input[type="submit"].wi-normal,
4102 input[type="reset"].wi-normal,
4103 button.wi-normal {
4104   min-width: 172px;
4105 }
4106 input[type="button"].wi-lightwide,
4107 input[type="submit"].wi-lightwide,
4108 input[type="reset"].wi-lightwide,
4109 button.wi-lightwide {
4110   width: 220px;
4111 }
4112 input[type="button"].wi-wide,
4113 input[type="submit"].wi-wide,
4114 input[type="reset"].wi-wide,
4115 button.wi-wide {
4116   width: 284px;
4117 }
4118 input[type="button"].wi-wider,
4119 input[type="submit"].wi-wider,
4120 input[type="reset"].wi-wider,
4121 button.wi-wider {
4122   width: 348px;
4123 }
4124 input[type="button"].wi-verywide,
4125 input[type="submit"].wi-verywide,
4126 input[type="reset"].wi-verywide,
4127 button.wi-verywide {
4128   width: 540px;
4129 }
4130 input[type="button"].wi-tiny,
4131 input[type="submit"].wi-tiny,
4132 input[type="reset"].wi-tiny,
4133 button.wi-tiny {
4134   width: auto ;
4135   padding: 0.16em 0.2em 0.1em 0.2em;
4136   margin: -0.3em 0 0 0.2em;
4137   display: inline-block;
4138   font-size: 84% ;
4139   min-height: 23px;
4140   max-height: 23px;
4141 }
4142 input[type="button"].wi-verytiny,
4143 input[type="submit"].wi-verytiny,
4144 input[type="reset"].wi-verytiny,
4145 button.wi-verytiny {
4146   font-size: 8pt !important;
4147   padding: 0.0em 0.3em 0.1em 0.3em;
4148   display: inline-block;
4149   min-height: 17px;
4150   max-height: 17px;
4151 }
4152 button.icon {
4153   padding: 0 ;
4154   margin: 0 ;
4155   background: none !important;
4156   border: 0 !important;
4157   display: inline-block;
4158 }
4159 button.icon img {
4160   vertical-align: middle ;
4161 }
4162 input[type="submit"],
4163 input[type="button"],
4164 input[type="button"].button,
4165 button[type="submit"],
4166 button[type="button"] {
4167   color: #f7eef2;
4168   background-color: #33001a;
4169   border: 1px #220011 solid;
4170 }
4171 input[type="submit"]:hover,
4172 input[type="button"]:hover,
4173 input[type="button"].button:hover,
4174 button[type="submit"]:hover,
4175 button[type="button"]:hover {
4176   color: #e6ccd9;
4177   background-color: #220011;
4178   border: 1px #000000 solid;
4179 }
4180 input[type="submit"]:active,
4181 input[type="button"]:active,
4182 input[type="button"].button:active,
4183 button[type="submit"]:active,
4184 button[type="button"]:active,
4185 input[type="submit"]:focus,
4186 input[type="button"]:focus,
4187 input[type="button"].button:focus,
4188 button[type="submit"]:focus,
4189 button[type="button"]:focus {
4190   color: #e6ccd9;
4191   background-color: #000000;
4192   border: 1px #000000 solid;
4193 }
4194 input[type="button"].neutral,
4195 input[type="submit"].neutral,
4196 input[type="reset"],
4197 input[type="reset"].neutral,
4198 button.neutral,
4199 button[type="reset"] {
4200   color: #220011;
4201   background-color: #e6ccd9;
4202   border: 1px #800040 solid;
4203 }
4204 input[type="button"].neutral:hover,
4205 input[type="submit"].neutral:hover,
4206 input[type="reset"]:hover,
4207 input[type="reset"].neutral:hover,
4208 button.neutral:hover,
4209 button[type="reset"]:hover {
4210   color: #220011;
4211   background-color: #f7eef2;
4212   border: 1px #800040 solid;
4213 }
4214 input[type="button"].neutral:active,
4215 input[type="submit"].neutral:active,
4216 input[type="reset"]:active,
4217 input[type="reset"].neutral:active,
4218 button.neutral:active,
4219 button[type="reset"]:active,
4220 input[type="button"].neutral:focus,
4221 input[type="submit"].neutral:focus,
4222 input[type="reset"]:focus,
4223 input[type="reset"].neutral:focus,
4224 button.neutral:focus,
4225 button[type="reset"]:focus {
4226   color: #000000;
4227   background-color: #800040;
4228   border: 1px #110009 solid;
4229 }
4230 input[type="button"].neutral.positions,
4231 input[type="submit"].neutral.positions,
4232 input[type="reset"].positions,
4233 input[type="reset"].neutral.positions,
4234 button.neutral.positions,
4235 button[type="reset"].positions {
4236   padding-right: 1.2em ;
4237 }
4238 input[type="button"].below {
4239   clear: both !important;
4240   float: none;
4241   overflow: hidden ;
4242 }
4243 a.button {
4244   display: inline-block;
4245   cursor: pointer ;
4246   width: auto ;
4247   padding: 0.2em 0.6em;
4248   font-size: 9pt;
4249   font-weight: normal;
4250   font-style: normal;
4251   text-align: center;
4252   border-style: solid;
4253   border-width: 1px;
4254   border-radius: 6px;
4255   border: 1px #220011 solid;
4256   background-color: #33001a;
4257   color: #f7eef2;
4258   text-decoration: none;
4259 }
4260 a.button.below {
4261   clear: both !important;
4262 }
4263 a.button:hover {
4264   border: 1px #000000 solid;
4265   background-color: #220011;
4266   color: #e6ccd9;
4267   text-decoration: none;
4268 }
4269 a.button:active,
4270 a.button:focus {
4271   border: 1px #000000 solid;
4272   background-color: #000000;
4273   color: #e6ccd9;
4274   text-decoration: none;
4275 }
4276 a.button.neutral:link,
4277 a.button.neutral:visited {
4278   border: 1px #800040 solid;
4279   background-color: #e6ccd9;
4280   color: #220011;
4281 }
4282 a.button.neutral:hover {
4283   border: 1px #800040 solid;
4284   background-color: #f7eef2;
4285   color: #220011;
4286   text-decoration: none;
4287 }
4288 a.button.neutral:active,
4289 a.button.neutral:focus {
4290   border: 1px #110009 solid;
4291   background-color: #800040;
4292   color: #000000;
4293   text-decoration: none;
4294 }
4295 a.button.wi-smallest {
4296   width: 42px;
4297 }
4298 a.button.wi-verysmall {
4299   width: 80px;
4300 }
4301 a.button.wi-small {
4302   width: 92px;
4303 }
4304 a.button.wi-mediumsmall {
4305   width: 124px;
4306 }
4307 a.button.wi-normal {
4308   width: 172px;
4309 }
4310 a.button.wi-lightwide {
4311   width: 220px;
4312 }
4313 a.button.wi-wide {
4314   width: 284px;
4315 }
4316 a.button.wi-wider {
4317   min-width: 348px;
4318 }
4319 a.button.wi-verywide {
4320   min-width: 540px;
4321 }
4322 a.button.wi-tiny {
4323   display: inline-block;
4324   width: auto ;
4325   padding: 0.16em 0.2em 0.1em 0.2em;
4326   margin: -0.3em 0 0 0.2em;
4327   font-size: 84% ;
4328 }
4329 a.button.toggle {
4330   background-color: #f7eef2 !important;
4331 }
4332 a.button.toggle.off::after {
4333   content: " ▸";
4334   padding-right: 1.0em;
4335 }
4336 a.button.toggle.on::after {
4337   content: " ▾";
4338   padding-right: 1.0em;
4339 }
4340 a.button.toggle.with-panel {
4341   margin-bottom: 0 ;
4342   border-bottom: none;
4343   border-bottom-left-radius: 0px ;
4344   border-bottom-right-radius: 0px ;
4345 }
4346 a.button.toggle.with-panel:hover {
4347   border-top: 1px #800040 solid !important;
4348   border-right: 1px #800040 solid !important;
4349   border-bottom: 0 !important;
4350   border-left: 1px #800040 solid !important;
4351 }
4352 a.button.toggle:hover {
4353   background-color: #e6ccd9 !important;
4354   border: 1px #800040 solid !important;
4355   color: #220011;
4356   text-decoration: none;
4357 }
4358 #content label.button {
4359   display: inline-block;
4360   cursor: pointer ;
4361   width: auto ;
4362   padding: 0.2em 0.6em;
4363   font-size: 9pt;
4364   font-weight: normal;
4365   font-style: normal;
4366   text-align: center;
4367   border-style: solid;
4368   border-width: 1px;
4369   border-radius: 6px;
4370   border: 1px #220011 solid;
4371   background-color: #33001a;
4372   color: #f7eef2;
4373   text-decoration: none;
4374 }
4375 #content label.button:hover {
4376   border: 1px #000000 solid;
4377   background-color: #220011;
4378   color: #e6ccd9;
4379   text-decoration: none;
4380 }
4381 #content label.button:active,
4382 #content label.button:focus {
4383   border: 1px #000000 solid;
4384   background-color: #000000;
4385   color: #e6ccd9;
4386   text-decoration: none;
4387 }
4388 #content label.button.neutral {
4389   border: 1px #800040 solid;
4390   background-color: #e6ccd9;
4391   color: #220011;
4392 }
4393 #content label.button.neutral:hover {
4394   border: 1px #800040 solid;
4395   background-color: #f7eef2;
4396   color: #220011;
4397   text-decoration: none;
4398 }
4399 #content label.button.neutral:active,
4400 #content label.button.neutral:focus {
4401   border: 1px #110009 solid;
4402   background-color: #800040;
4403   color: #000000;
4404   text-decoration: none;
4405 }
4406 div.buttons {
4407   padding: 1.0em ;
4408   clear: left ;
4409   display: block;
4410 }
4411 div.buttons.positions {
4412   margin: 0 0 -1.7em 26em;
4413   padding: 0em;
4414 }
4415 div.buttons.below {
4416   padding: 0 ;
4417   margin: 0 ;
4418 }
4419 .col > .buttons,
4420 .wrapper * .buttons {
4421   padding: 1.0em 1.0em 1.0em 0 !important;
4422 }
4423 .button-image {
4424   display: inline-block;
4425 }
4426 td .button-image,
4427 th .button-image {
4428   vertical-align: middle;
4429 }
4430 input[type="button"].button-image.delete {
4431   background-image: url("image/cross.png");
4432   background-repeat: no-repeat;
4433   background-position: 0 0;
4434   color: #fff;
4435   background-color: transparent;
4436   border-color: none;
4437   border-width: 0;
4438 }
4439 /* ------------------------------------------------------------- */
4440 /* CONTROL PANELS (control_panels.less)                          */
4441 /* ------------------------------------------------------------- */
4442 .control-panel {
4443   border: 1px #800040 solid;
4444   background-color: #f7eef2;
4445   background: linear-gradient(to top, #d5aabf, #f7eef2);
4446   border-radius: 0.6em;
4447   overflow: hidden ;
4448 }
4449 .form-addition {
4450   padding: 0.8em 1em 1.4em 1.2em;
4451   margin: 1em 1em 1em 1.2em !important;
4452   width: auto !important ;
4453   display: inline-block;
4454 }
4455 .form-addition h3 {
4456   margin: 0.3em 0 0.1em 0 !important;
4457   padding: 0 ;
4458 }
4459 .form-addition h4 {
4460   color: #33001a !important;
4461   font-size: 11pt;
4462   font-weight: normal;
4463   font-style: normal;
4464 }
4465 .form-addition div.list {
4466   margin-top: 0.2em !important ;
4467 }
4468 .select-item {
4469   display: inline-block;
4470   width: auto ;
4471   height: auto;
4472   padding: 0.6em 1em 0.6em 0.8em;
4473   margin: 1em 1em 1em 1.2em;
4474   color: #33001a;
4475   font-size: 9pt;
4476   border: 1px #800040 solid;
4477   border-radius: 0.6em;
4478   background-color: #f7eef2;
4479   background: linear-gradient(to top, #d5aabf, #f7eef2);
4480 }
4481 .select-item input,
4482 .select-item select {
4483   margin-left: 0.6em ;
4484 }
4485 .select-item span.label {
4486   float: left ;
4487   color: #33001a;
4488 }
4489 .select-item table {
4490   margin: 0 ;
4491 }
4492 .select-item table td,
4493 .select-item table th {
4494   color: #33001a;
4495 }
4496 .select-item .floating-boxes {
4497   display: table ;
4498   margin: 0.4em 0 0.8em 0 ;
4499 }
4500 .select-item .floating-boxes .floating-box {
4501   display: table-cell;
4502   float: left ;
4503   font-size: 9pt;
4504   height: 1.9em ;
4505   vertical-align: middle;
4506   padding: 0 2.0em 0 0 ;
4507 }
4508 .select-item .floating-boxes .floating-box .button,
4509 .select-item .floating-boxes .floating-box button {
4510   margin: 0 ;
4511 }
4512 .select-item .floating-boxes .floating-box label,
4513 .select-item .floating-boxes .floating-box span.label {
4514   width: auto;
4515   display: inline-block;
4516   height: 160%;
4517 }
4518 .select-item .floating-boxes .floating-box input[type="checkbox"] {
4519   margin: 0 0.4em 0 0 ;
4520 }
4521 .select-item .floating-boxes .floating-box select {
4522   margin: -0.3em 0 0 0;
4523 }
4524 .ui-tabs-panel > .select-item {
4525   margin: 1em 1em 1em 1.2em;
4526   vertical-align: top ;
4527 }
4528 .wrapper > .select-item {
4529   margin: 0.8em 0 1.0em 0 ;
4530 }
4531 .toggle_panel.control-panel {
4532   border: none !important;
4533   background: none !important;
4534   border-radius: 0 !important;
4535   overflow: visible !important;
4536 }
4537 .toggle_panel > a.button.toggle {
4538   padding: 0.2em 0 0.2em 1.4em;
4539 }
4540 .toggle_panel > a.button.toggle:hover {
4541   background-color: #f7eef2 !important;
4542   text-decoration: underline ;
4543 }
4544 .toggle_panel span.summary {
4545   font-size: 10pt;
4546   padding-left: 2.0em;
4547   color: #33001a;
4548 }
4549 .toggle_panel .toggle_panel_block {
4550   display: block;
4551   overflow: hidden;
4552   padding: 1.2em 1em 0.8em 0.9em;
4553   margin: 2em 1em 0em 0;
4554   background-color: #f7eef2;
4555   border: 1px #800040 solid;
4556   border-bottom-left-radius: 0.6em;
4557   border-bottom-right-radius: 0.6em;
4558   border-top-right-radius: 0.6em;
4559   margin-top: -1px;
4560 }
4561 .toggle_panel .toggle_panel_block .buttons {
4562   clear: left ;
4563   padding: 0 !important;
4564   margin: 0;
4565 }
4566 #content .input-panel {
4567   display: inline-block;
4568   overflow: hidden;
4569   padding: 1.2em 1em 0.8em 0.9em;
4570   margin: 0 0 0.4em 0;
4571   background-color: #f7eef2;
4572   border: 1px #800040 solid;
4573   border-radius: 0.6em;
4574   width: auto ;
4575   min-width: 30% ;
4576 }
4577 #content .input-panel > h3 {
4578   margin-top: 0 ;
4579 }
4580 #content .input-panel p {
4581   font-size: 9pt;
4582   margin: 0 0 0.4em 0 ;
4583 }
4584 .paginate {
4585   display: inline-block;
4586   width: auto ;
4587   height: auto;
4588   padding: 0;
4589   margin: 1em 1em 1em 1.2em;
4590   border: 1px #800040 solid;
4591   border-radius: 0.6em;
4592   background-color: #f7eef2;
4593   color: #33001a;
4594 }
4595 .paginate > a,
4596 .paginate > span {
4597   padding: 0.4em 0.6em !important;
4598   margin-top: -1px;
4599 }
4600 .paginate .paginate-prev {
4601   display: inline-block;
4602 }
4603 .paginate .paginate-prev::before {
4604   content: "◄";
4605 }
4606 .paginate .paginate-prev:hover {
4607   border-bottom-left-radius: 0.6em;
4608   border-top-left-radius: 0.6em;
4609 }
4610 .paginate .paginate-next {
4611   display: inline-block;
4612 }
4613 .paginate .paginate-next::after {
4614   content: "►";
4615 }
4616 .paginate .paginate-next:hover {
4617   border-bottom-right-radius: 0.6em;
4618   border-top-right-radius: 0.6em;
4619 }
4620 .paginate .paginate-page {
4621   display: inline-block;
4622   padding: 0 ;
4623 }
4624 .paginate span.paginate-page {
4625   background-color: #220011;
4626   color: #e6ccd9;
4627 }
4628 .paginate a:hover,
4629 .paginate a:active {
4630   background-color: #000000;
4631   color: #d5aabf;
4632   text-decoration: none;
4633 }
4634 table.jump-to {
4635   border: 1px #800040 solid;
4636   border-radius: 0.6em;
4637   background-color: #f7eef2;
4638   margin: 0.8em 2.0em 0 1.2em !important;
4639 }
4640 table.jump-to.right {
4641   float: right;
4642 }
4643 div.float-cells-table {
4644   display: block ;
4645   width: 100% ;
4646   overflow: hidden;
4647   font-size: 80% ;
4648 }
4649 div.float-cells-table div.caption {
4650   float: left;
4651   display: block;
4652   width: auto:
4653     padding: 0 2.0em 0 0;
4654   margin: 0;
4655 }
4656 div.float-cells-table div.cells {
4657   float: left;
4658   display: block;
4659   overflow: hidden;
4660   width: 100%;
4661   background-color: #F66;
4662 }
4663 div.float-cells-table div.cells div.cell {
4664   float: left;
4665   padding: 0 2.0em 0 0;
4666   border-right: 1px #fff solid;
4667   background-color: #FC6;
4668 }
4669 /* ------------------------------------------------------------- */
4670 /* REQUIREMENT SPEC (requirement_spec.less)                      */
4671 /* ------------------------------------------------------------- */
4672 #requirement_spec_version {
4673   padding: 0.6em 1em 1.2em 1.8em;
4674   letter-spacing: 0.16em ;
4675   font-size: 110% ;
4676 }
4677 #column-container {
4678   padding-left: 0;
4679   padding-right: 0;
4680   margin-left: 0;
4681   margin-top: 0.2em ;
4682   margin-right: 0;
4683   overflow: hidden ;
4684 }
4685 #column-container #tree-column {
4686   float: left;
4687   width: 30em;
4688   padding: 0.3em 1.2em 2.0em 0.8em;
4689   border-right: 1px #000 solid;
4690   background-color: none;
4691 }
4692 #column-container #tree-column .jstree > ul {
4693   width: 342px;
4694   overflow-x: hidden;
4695 }
4696 #column-container #tree-column .jstree ul li {
4697   line-height: 1.8em;
4698   padding: 0 ;
4699   font-size: 10pt;
4700 }
4701 #column-container #tree-column .jstree ul li a {
4702   border-bottom: none;
4703   width: 98% ;
4704 }
4705 #column-container #tree-column #tree li.flagged > a > ins {
4706   background-image: url("../image/flag-red.png") !important;
4707   background-position: 0;
4708 }
4709 #column-container #content-column {
4710   float: left;
4711   width: 58em;
4712   padding-left: 3.0em;
4713   background-color: none;
4714 }
4715 #column-container #content-column #column-content .section {
4716   border-left: 0;
4717   margin-left: 0;
4718 }
4719 #column-container #content-column #column-content .section .section-header {
4720   display: block ;
4721   overflow: hidden;
4722   width: 90% ;
4723 }
4724 #column-container #content-column #column-content .section .section-header h3 {
4725   font-size: 140%;
4726   letter-spacing: 0.16em;
4727 }
4728 #column-container #content-column #column-content .section .section-header h3 span.label {
4729   font-size: 90% ;
4730   font-weight: bold;
4731   letter-spacing: 0.1em;
4732   color: #33001a;
4733 }
4734 #column-container #content-column #column-content .section .section-header .section-description {
4735   margin-bottom: 15px;
4736   margin-left: 0;
4737 }
4738 #column-container #content-column #column-content .section .section-header .section-description div {
4739   padding: 0.3em 0 0.4em 0;
4740 }
4741 #column-container #content-column #column-content .section .section-header .section-description div .section-description-heading {
4742   font-weight: normal;
4743   font-size: 100% ;
4744   /* margin:       0 0 1.2em 0; */
4745
4746   padding: 0 0 0.0em 0;
4747   display: block;
4748 }
4749 #column-container #content-column #column-content .section .section-header .section-description div span.label {
4750   font-size: 90%;
4751 }
4752 #column-container #content-column #column-content .section .section-header .section-description div p {
4753   color: #000;
4754   font-size: 106%;
4755   line-height: 1.5em;
4756   margin: 0 0 0.3em 0;
4757 }
4758 #column-container #content-column #column-content .section .section-header .section-context-menu h3 {
4759   background-color: #000;
4760   color: #000 !important ;
4761 }
4762 #column-container #content-column #column-content .section .section-header .section-context-menu h3 span.label {
4763   font-weight: normal;
4764 }
4765 #column-container #content-column #column-content .section .section-header #section-list-empty {
4766   border: 1px #0C42FF solid ;
4767   background-color: #BBCDFF ;
4768   padding: 0.6em ;
4769 }
4770 #column-container #content-column #column-content .function-block {
4771   border-top: 1px solid #bbb;
4772   margin: 0 ;
4773   padding: 0.8em 0 1.8em 0 ;
4774   overflow: hidden;
4775   display: block;
4776   clear: both;
4777   float: none;
4778   width: 48em;
4779 }
4780 #column-container #content-column #column-content .function-block .function-block-content {
4781   overflow: hidden ;
4782   padding: 0 0 0 0.6em;
4783 }
4784 #column-container #content-column #column-content .function-block .function-block-content .function-block-header {
4785   clear: both;
4786   overflow: hidden;
4787 }
4788 #column-container #content-column #column-content .function-block .function-block-content .function-block-header .function-block-number {
4789   font-weight: normal;
4790   width: 5.0em ;
4791   display: block;
4792   float: left;
4793 }
4794 #column-container #content-column #column-content .function-block .function-block-content .function-block-header .function-block-desc {
4795   display: inline-block;
4796   overflow: hidden;
4797   float: left;
4798   width: 80%;
4799   padding-bottom: 1.0em ;
4800   font-weight: normal;
4801 }
4802 #column-container #content-column #column-content .function-block .function-block-content .function-block-header .function-block-desc p {
4803   margin: 0 0 0.6em 0;
4804   padding: 0 ;
4805 }
4806 #column-container #content-column #column-content .function-block .function-block-content .function-block-header .function-block-desc p:first-child {
4807   font-weight: bold ;
4808 }
4809 #column-container #content-column #column-content .function-block .function-block-content .function-block-properties {
4810   display: block ;
4811   margin: 0 0 0 5.6em;
4812   padding: 0 ;
4813   overflow: hidden;
4814   clear: both;
4815   font-size: 9pt;
4816 }
4817 #column-container #content-column #column-content .function-block .function-block-content .function-block-properties span.label,
4818 #column-container #content-column #column-content .function-block .function-block-content .function-block-properties span.value {
4819   float: left;
4820 }
4821 #column-container #content-column #column-content .function-block .function-block-content .function-block-properties span.label {
4822   width: 110px ;
4823 }
4824 #column-container #content-column #column-content .function-block .function-block-content .function-block-properties span.value {
4825   width: 200px;
4826   padding: 0 30px 0 0;
4827   margin: 0;
4828 }
4829 #column-container #content-column #column-content .function-block .sub-function-block-container {
4830   margin: 1.8em 0 0 5.1em;
4831   display: block;
4832 }
4833 #column-container #content-column #column-content .function-block .sub-function-block-container .sub-function-block-header {
4834   border-top: 1px solid #ccc;
4835   padding: 0.4em 0 0.4em 0.6em ;
4836   font-size: 86% ;
4837   letter-spacing: 0.2em;
4838 }
4839 #column-container #content-column #column-content .function-block .sub-function-block-container .sub-function-block {
4840   border-top: 1px solid #ccc;
4841   margin: 0.2em 0 0.2em 0;
4842   padding: 0.2em 0 0.4em 0 ;
4843 }
4844 #column-container #content-column #column-content .function-block .sub-function-block-container .sub-function-block .sub-function-block-content {
4845   margin: 0.2em 0 0.2em 0;
4846   padding: 0.2em 0.6em 0.4em 0.6em;
4847 }
4848 #column-container #content-column #column-content .function-block .sub-function-block-container .sub-function-block .sub-function-block-content .sub-function-block-header {
4849   font-weight: normal;
4850   font-size: 120% ;
4851   color: #666666;
4852   margin-top: 1.0em ;
4853 }
4854 #column-container #content-column #column-content .function-block-form > div {
4855   padding: 0.4em;
4856 }
4857 #column-container #content-column #column-content .section.flagged .section-description,
4858 #column-container #content-column #column-content .function-block.flagged,
4859 #column-container #content-column #column-content .sub-function-block.flagged {
4860   background-color: #ebf8fc;
4861 }
4862 #column-container #content-column #column-content .section.flagged .section-description > .section-description-heading,
4863 #column-container #content-column #column-content .function-block.flagged > .function-block-content > div > .function-block-number,
4864 #column-container #content-column #column-content .sub-function-block.flagged > .sub-function-block-content > div > .function-block-number {
4865   color: #209ec8;
4866 }
4867 #column-container #content-column #column-content .section.selected,
4868 #column-container #content-column #column-content .function-block.selected,
4869 #column-container #content-column #column-content .sub-function-block.selected {
4870   margin-left: -3px;
4871   border-left: 3px solid #24D115;
4872 }
4873 .section-empty-description {
4874   color: #bbb;
4875 }
4876 .context-menu-item.icon-flag {
4877   background-image: url("../image/flag-red.png");
4878 }
4879 .context-menu-item.icon-close {
4880   background-image: url("../image/document-close.png");
4881 }
4882 .context-menu-item.icon-save {
4883   background-image: url("../image/document-save.png");
4884 }
4885 .context-menu-item.icon-revert {
4886   background-image: url("../image/edit-undo.png");
4887 }
4888 .context-menu-item.icon-pdf {
4889   background-image: url("../image/application-pdf.png");
4890 }
4891 .context-menu-item.icon-html {
4892   background-image: url("../image/text-html.png");
4893 }
4894 .context-menu-item.icon-add-picture {
4895   background-image: url("../image/add-picture.png");
4896 }
4897 .context-menu-item.icon-download {
4898   background-image: url("../image/download.png");
4899 }
4900 .context-menu-item.icon-renumber {
4901   background-image: url("../image/format-list-ordered.png");
4902 }
4903 #requirement_spec_tabs #function-blocks-tab {
4904   margin-top: 1.4em ;
4905 }
4906 .requirement-spec-text-block {
4907   border-left: 0;
4908   margin-left: 3px;
4909   margin-top: 10px;
4910 }
4911 .requirement-spec-text-block > h2 {
4912   margin-top: 0px;
4913 }
4914 .requirement-spec-text-block.flagged > h2 {
4915   color: #fff;
4916 }
4917 .requirement-spec-text-block.selected {
4918   border-left: 3px solid #cbb120;
4919   margin-left: 0;
4920 }
4921 .requirement-spec-text-block-picture-thumbnail {
4922   border-radius: 5px;
4923   border: 2px solid #ebebeb;
4924   float: left;
4925   margin-right: 20px;
4926   padding: 5px;
4927   text-align: center;
4928   width: 130px;
4929 }
4930 .requirement-spec-text-block-picture-thumbnail-img-container {
4931   height: 64px;
4932   margin: auto;
4933   padding: 0;
4934   width: 64px;
4935 }
4936 .requirement-spec-text-block-picture-thumbnail.selected {
4937   border: 2px solid #cbb120;
4938 }
4939 #time_cost_estimate p {
4940   margin-top: 0;
4941   margin-bottom: 0;
4942 }
4943 #time_cost_estimate table tbody tr td {
4944   vertical-align: top ;
4945 }
4946 #time_cost_estimate table tbody tr td:first-child {
4947   width: 66% ;
4948 }
4949 #time_cost_estimate table tbody tr.section th {
4950   line-height: 2.2em ;
4951   background-color: #800040;
4952   color: #000000;
4953 }
4954 #time_cost_estimate table tbody tr.section th b {
4955   font-size: 116% ;
4956 }
4957 #time_cost_estimate table tbody tr.subtotal td,
4958 #time_cost_estimate table tbody tr.subtotal th {
4959   font-weight: bold ;
4960   background-color: #888888;
4961   border-top: 1px #000000 solid;
4962   border-bottom: 1px #000000 solid;
4963   text-align: right;
4964 }
4965 div.function-block * table.tbl-horizontal td {
4966   font-size: 66% !important ;
4967 }
4968 .jstree-requirement-spec .jstree-clicked {
4969   background: #cccccc !important;
4970   border: 0 !important;
4971 }
4972 /* ------------------------------------------------------------- */
4973 /* SPECIALS (specials.less)                                      */
4974 /* ------------------------------------------------------------- */
4975 #tbl-accounts {
4976   border-width: 0;
4977 }
4978 #tbl-accounts tbody tr.heading.heading th {
4979   border-top: 1px #999 solid;
4980 }
4981 #tbl-accounts tbody tr.heading.heading th.numeric {
4982   padding-right: 20px;
4983   padding-left: 10px;
4984 }
4985 #tbl-accounts tbody tr.heading.th1 {
4986   font-size: 14pt;
4987 }
4988 #tbl-accounts tbody tr.heading.th1 th {
4989   padding: 1.0em 0 0.4em 0 ;
4990 }
4991 #tbl-accounts tbody tr.heading.th2 {
4992   font-size: 11pt;
4993 }
4994 #tbl-accounts tbody tr.heading.th2 th {
4995   padding: 1.0em 0 0.4em 0 ;
4996 }
4997 #tbl-accounts tbody tr.heading.th3 {
4998   font-size: 10pt;
4999 }
5000 #tbl-accounts tbody tr.heading.th3 th {
5001   padding: 1.0em 0 0.4em 0 ;
5002 }
5003 #tbl-accounts tbody td:first-child {
5004   text-align: right !important;
5005 }
5006 #tbl-accounts tbody tr.ajax-account-details td {
5007   padding: 0.8em 0 1.0em 4.0em ;
5008 }
5009 td.row-position-detail {
5010   padding: 0 0 0.2em 0.4em !important;
5011 }
5012 td.row-position-detail div.table {
5013   display: table;
5014 }
5015 td.row-position-detail div.table div.field {
5016   display: table-row;
5017   padding: 0.1em 0 ;
5018   height: 2.0em !important;
5019 }
5020 td.row-position-detail div.table div.field span.label {
5021   width: 10.0em;
5022   height: 2.0em !important;
5023   vertical-align: middle;
5024   display: table-cell;
5025   padding: 0.3em 0 0 0;
5026 }
5027 td.row-position-detail div.table div.field span.value {
5028   height: 2.0em ;
5029 }
5030 td.row-position-detail div.table div.field span.value span.data {
5031   padding: 0.3em 0 0.2em 0.5em !important;
5032   display: block;
5033 }
5034 table#display_row tbody tr td a.row-position {
5035   float: left;
5036   padding: 0.6em 0.2em 0 0 ;
5037 }
5038 table#display_row tbody tr td input.row-position {
5039   float: left;
5040 }
5041 /* ------------------------------------------------------------- */
5042 /* JQUERY UI (jquery-ui.less)                                    */
5043 /* ------------------------------------------------------------- */
5044 .ui-helper-hidden {
5045   display: none;
5046 }
5047 .ui-helper-hidden-accessible {
5048   border: 0;
5049   clip: rect(0 0 0 0);
5050   height: 1px;
5051   margin: -1px;
5052   overflow: hidden;
5053   padding: 0;
5054   position: absolute;
5055   width: 1px;
5056 }
5057 .ui-helper-reset {
5058   margin: 0;
5059   padding: 0;
5060   border: 0;
5061   outline: 0;
5062   line-height: 1.3;
5063   text-decoration: none;
5064   font-size: 11pt;
5065   list-style: none;
5066 }
5067 .ui-helper-clearfix:before,
5068 .ui-helper-clearfix:after {
5069   content: "";
5070   display: table;
5071   border-collapse: collapse;
5072 }
5073 .ui-helper-clearfix:after {
5074   clear: both;
5075 }
5076 .ui-helper-clearfix {
5077   min-height: 0;
5078 }
5079 .ui-helper-zfix {
5080   width: 100%;
5081   height: 100%;
5082   top: 0;
5083   left: 0;
5084   position: absolute;
5085   opacity: 0;
5086 }
5087 .ui-front {
5088   z-index: 100;
5089 }
5090 .ui-state-disabled {
5091   cursor: default !important;
5092 }
5093 .ui-icon {
5094   display: block;
5095   text-indent: -99999px;
5096   overflow: hidden;
5097   background-repeat: no-repeat;
5098 }
5099 .ui-widget-overlay {
5100   position: fixed;
5101   top: 0;
5102   left: 0;
5103   width: 100%;
5104   height: 100%;
5105 }
5106 .ui-resizable {
5107   position: relative;
5108 }
5109 .ui-resizable-handle {
5110   position: absolute;
5111   font-size: 0.1px;
5112   display: block;
5113 }
5114 .ui-resizable-disabled .ui-resizable-handle,
5115 .ui-resizable-autohide .ui-resizable-handle {
5116   display: none;
5117 }
5118 .ui-resizable-n {
5119   cursor: n-resize;
5120   height: 7px;
5121   width: 100%;
5122   top: -5px;
5123   left: 0;
5124 }
5125 .ui-resizable-s {
5126   cursor: s-resize;
5127   height: 7px;
5128   width: 100%;
5129   bottom: -5px;
5130   left: 0;
5131 }
5132 .ui-resizable-e {
5133   cursor: e-resize;
5134   width: 7px;
5135   right: -5px;
5136   top: 0;
5137   height: 100%;
5138 }
5139 .ui-resizable-w {
5140   cursor: w-resize;
5141   width: 7px;
5142   left: -5px;
5143   top: 0;
5144   height: 100%;
5145 }
5146 .ui-resizable-se {
5147   cursor: se-resize;
5148   width: 12px;
5149   height: 12px;
5150   right: 1px;
5151   bottom: 1px;
5152 }
5153 .ui-resizable-sw {
5154   cursor: sw-resize;
5155   width: 9px;
5156   height: 9px;
5157   left: -5px;
5158   bottom: -5px;
5159 }
5160 .ui-resizable-nw {
5161   cursor: nw-resize;
5162   width: 9px;
5163   height: 9px;
5164   left: -5px;
5165   top: -5px;
5166 }
5167 .ui-resizable-ne {
5168   cursor: ne-resize;
5169   width: 9px;
5170   height: 9px;
5171   right: -5px;
5172   top: -5px;
5173 }
5174 .ui-selectable-helper {
5175   position: absolute;
5176   z-index: 100;
5177   border: 1px dotted black;
5178 }
5179 .ui-accordion .ui-accordion-header {
5180   display: block;
5181   cursor: pointer;
5182   position: relative;
5183   margin-top: 2px;
5184   padding: .5em .5em .5em .7em;
5185   min-height: 0;
5186 }
5187 .ui-accordion .ui-accordion-header .ui-accordion-header-icon {
5188   position: absolute;
5189   left: .5em;
5190   top: 50%;
5191   margin-top: -8px;
5192 }
5193 .ui-accordion .ui-accordion-content {
5194   padding: 1em 2.2em;
5195   border-top: 0;
5196   overflow: auto;
5197 }
5198 .ui-accordion .ui-accordion-icons {
5199   padding-left: 2.2em;
5200 }
5201 .ui-accordion .ui-accordion-icons .ui-accordion-icons {
5202   padding-left: 2.2em;
5203 }
5204 .ui-accordion .ui-accordion-noicons {
5205   padding-left: .7em;
5206 }
5207 .ui-autocomplete {
5208   position: absolute;
5209   top: 0;
5210   left: 0;
5211   cursor: default;
5212 }
5213 .ui-autocomplete .ui-menu-item a:hover {
5214   background-color: #33001a;
5215   color: #fff ;
5216 }
5217 .ui-button {
5218   display: inline-block;
5219   position: relative;
5220   padding: 0;
5221   line-height: normal;
5222   margin-right: .1em;
5223   cursor: pointer;
5224   vertical-align: middle;
5225   text-align: center;
5226   overflow: visible;
5227 }
5228 .ui-button:link,
5229 .ui-button:visited,
5230 .ui-button:hover,
5231 .ui-button:active {
5232   text-decoration: none;
5233 }
5234 .ui-button-icon-only {
5235   width: 2.2em;
5236 }
5237 button.ui-button-icon-only {
5238   width: 2.4em;
5239 }
5240 .ui-button-icons-only {
5241   width: 3.4em;
5242 }
5243 button.ui-button-icons-only {
5244   width: 3.7em;
5245 }
5246 .ui-button .ui-button-text {
5247   display: block;
5248   line-height: normal;
5249 }
5250 .ui-button-text-only .ui-button-text {
5251   padding: .4em 1em;
5252 }
5253 .ui-button-icon-only .ui-button-text,
5254 .ui-button-icons-only .ui-button-text {
5255   padding: .4em;
5256   text-indent: -9999999px;
5257 }
5258 .ui-button-text-icon-primary .ui-button-text,
5259 .ui-button-text-icons .ui-button-text {
5260   padding: .4em 1em .4em 2.1em;
5261 }
5262 .ui-button-text-icon-secondary .ui-button-text,
5263 .ui-button-text-icons .ui-button-text {
5264   padding: .4em 2.1em .4em 1em;
5265 }
5266 .ui-button-text-icons .ui-button-text {
5267   padding-left: 2.1em;
5268   padding-right: 2.1em;
5269 }
5270 input.ui-button {
5271   padding: .4em 1em;
5272 }
5273 .ui-button-icon-only .ui-icon,
5274 .ui-button-text-icon-primary .ui-icon,
5275 .ui-button-text-icon-secondary .ui-icon,
5276 .ui-button-text-icons .ui-icon,
5277 .ui-button-icons-only .ui-icon {
5278   position: absolute;
5279   top: 50%;
5280   margin-top: -8px;
5281 }
5282 .ui-button-icon-only .ui-icon {
5283   left: 50%;
5284   margin-left: -8px;
5285 }
5286 .ui-button-text-icon-primary .ui-button-icon-primary,
5287 .ui-button-text-icons .ui-button-icon-primary,
5288 .ui-button-icons-only .ui-button-icon-primary {
5289   left: .5em;
5290 }
5291 .ui-button-text-icon-secondary .ui-button-icon-secondary,
5292 .ui-button-text-icons .ui-button-icon-secondary,
5293 .ui-button-icons-only .ui-button-icon-secondary {
5294   right: .5em;
5295 }
5296 .ui-buttonset {
5297   margin-right: 7px;
5298 }
5299 .ui-buttonset .ui-button {
5300   margin-left: 0;
5301   margin-right: -0.3em;
5302 }
5303 input.ui-button::-moz-focus-inner,
5304 button.ui-button::-moz-focus-inner {
5305   border: 0;
5306   padding: 0;
5307 }
5308 .ui-datepicker {
5309   width: 17em;
5310   padding: .2em .2em 0;
5311   display: none;
5312 }
5313 .ui-datepicker.ui-widget-content {
5314   background-color: #ffffff;
5315   border: 1px #800040 solid;
5316 }
5317 .ui-datepicker .ui-datepicker-header {
5318   position: relative;
5319   padding: 0.2em 0;
5320 }
5321 .ui-datepicker .ui-datepicker-header.ui-datepicker-prev,
5322 .ui-datepicker .ui-datepicker-header.ui-datepicker-next {
5323   position: absolute;
5324   top: 2px;
5325   width: 1.8em;
5326   height: 1.8em;
5327 }
5328 .ui-datepicker .ui-datepicker-header.ui-datepicker-prev-hover,
5329 .ui-datepicker .ui-datepicker-header.ui-datepicker-next-hover {
5330   top: 1px;
5331 }
5332 .ui-datepicker .ui-datepicker-header.ui-datepicker-prev span,
5333 .ui-datepicker .ui-datepicker-header.ui-datepicker-next span {
5334   display: block;
5335   position: absolute;
5336   left: 50%;
5337   margin-left: -8px;
5338   top: 50%;
5339   margin-top: -8px;
5340 }
5341 .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
5342   float: left;
5343   left: 2px;
5344 }
5345 .ui-datepicker .ui-datepicker-header .ui-datepicker-prev-hover {
5346   left: 1px;
5347   background-position: 25% 25% ;
5348 }
5349 .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
5350   float: right ;
5351   right: 2px;
5352 }
5353 .ui-datepicker .ui-datepicker-header .ui-datepicker-next-hover {
5354   right: 1px;
5355   background-position: 25% 25% ;
5356 }
5357 .ui-datepicker .ui-datepicker-header .ui-datepicker-title {
5358   margin: 0 2.3em;
5359   line-height: 1.8em;
5360   text-align: center;
5361 }
5362 .ui-datepicker .ui-datepicker-header .ui-datepicker-title select {
5363   margin: 1px 0;
5364 }
5365 .ui-datepicker .ui-datepicker-header .ui-datepicker-title select.ui-datepicker-month {
5366   margin-right: 0.2em ;
5367 }
5368 .ui-datepicker .ui-datepicker-header select.ui-datepicker-month-year {
5369   width: 100%;
5370 }
5371 .ui-datepicker .ui-datepicker-header select.ui-datepicker-month,
5372 .ui-datepicker .ui-datepicker-header select.ui-datepicker-year {
5373   width: 49%;
5374 }
5375 .ui-datepicker .ui-datepicker-header.ui-corner-all {
5376   cursor: pointer ;
5377 }
5378 .ui-datepicker .ui-datepicker-header.ui-corner-all.ui-state-hover {
5379   border: none !important ;
5380   curser: pointer ;
5381 }
5382 .ui-datepicker .ui-datepicker-header.ui-widget-header .ui-icon {
5383   background-image: url(ui-lightness/images/ui-icons_222222_256x240.png);
5384 }
5385 .ui-datepicker .ui-datepicker-header.ui-widget-header .ui-state-hover .ui-icon {
5386   background-image: url(ui-lightness/images/ui-icons_ef8c08_256x240.png);
5387 }
5388 .ui-datepicker table {
5389   width: 100%;
5390   font-size: 9pt;
5391   border-collapse: collapse;
5392   margin: 0 0 0.4em;
5393 }
5394 .ui-datepicker table th {
5395   padding: 0.7em 0.3em;
5396   text-align: center;
5397   font-weight: bold;
5398   border: 0;
5399 }
5400 .ui-datepicker table td {
5401   border: 0;
5402   padding: 1px;
5403 }
5404 .ui-datepicker table td span,
5405 .ui-datepicker table td a {
5406   display: block;
5407   padding: 0.2em;
5408   text-align: right;
5409   text-decoration: none;
5410 }
5411 .ui-datepicker table td a.ui-state-hover {
5412   color: #ffffff ;
5413   background-color: #220011;
5414 }
5415 .ui-datepicker table.ui-datepicker-calendar .ui-state-highlight {
5416   color: #ffffff ;
5417   background-color: #220011;
5418   border: 1px #888888 solid;
5419 }
5420 .ui-datepicker table.ui-datepicker-calendar td a.ui-state-default {
5421   color: #33001a;
5422 }
5423 .ui-datepicker table.ui-datepicker-calendar td a.ui-state-hover {
5424   color: #ffffff ;
5425   background-color: #000000;
5426   border: #000000 ;
5427 }
5428 .ui-datepicker table.ui-datepicker-calendar td a.ui-state-active {
5429   border: 1px solid #33001a;
5430   background-color: #33001a;
5431   color: #f7eef2;
5432 }
5433 .ui-datepicker .ui-datepicker-buttonpane {
5434   background-image: none;
5435   margin: 0.7em 0 0 0;
5436   padding: 0 0.2em;
5437   border-left: 0;
5438   border-right: 0;
5439   border-bottom: 0;
5440 }
5441 .ui-datepicker .ui-datepicker-buttonpane button {
5442   float: right;
5443   margin: .5em .2em .4em;
5444   cursor: pointer;
5445   padding: .2em .6em .3em .6em;
5446   width: auto;
5447   overflow: visible;
5448 }
5449 .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
5450   float: left;
5451 }
5452 .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current,
5453 .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-close {
5454   border: 1px #800040 solid;
5455   background-color: #e6ccd9;
5456   color: #220011;
5457   font-weight: normal ;
5458 }
5459 .ui-datepicker.ui-datepicker-multi {
5460   width: auto;
5461 }
5462 .ui-datepicker.ui-datepicker-multi .ui-datepicker-group {
5463   float: left;
5464 }
5465 .ui-datepicker.ui-datepicker-multi .ui-datepicker-group table {
5466   width: 95%;
5467   margin: 0 auto .4em;
5468 }
5469 .ui-datepicker.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
5470 .ui-datepicker.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
5471   border-left-width: 0;
5472 }
5473 .ui-datepicker.ui-datepicker-multi .ui-datepicker-buttonpane {
5474   clear: left;
5475 }
5476 .ui-datepicker-multi-2 .ui-datepicker-group {
5477   width: 50%;
5478 }
5479 .ui-datepicker-multi-3 .ui-datepicker-group {
5480   width: 33.3%;
5481 }
5482 .ui-datepicker-multi-4 .ui-datepicker-group {
5483   width: 25%;
5484 }
5485 .ui-datepicker-row-break {
5486   clear: both;
5487   width: 100%;
5488   font-size: 0;
5489 }
5490 img.ui-datepicker-trigger {
5491   vertical-align: middle;
5492   margin-left: 0.2em ;
5493 }
5494 .ui-dialog {
5495   z-index: 8001 ;
5496   position: absolute;
5497   top: 0;
5498   left: 0;
5499   outline: 0;
5500   border: 1px #800040 solid;
5501   border-radius: 0.6em;
5502 }
5503 .ui-dialog .ui-dialog-titlebar {
5504   padding: 0.4em 1.0em;
5505   border: none;
5506   background-color: #33001a !important;
5507   color: #e6ccd9 !important;
5508   font-weight: normal;
5509   position: relative;
5510   text-align: left;
5511   font-size: 13pt;
5512 }
5513 .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
5514   float: left;
5515   white-space: nowrap;
5516   overflow: hidden;
5517   text-overflow: ellipsis;
5518   display: block;
5519 }
5520 .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close {
5521   position: absolute;
5522   right: 0.3em;
5523   top: 0;
5524   width: 21px;
5525   margin: 5px 0 0 0;
5526   padding: 1px;
5527   height: 20px;
5528 }
5529 .ui-dialog .ui-dialog-content {
5530   position: relative;
5531   border: 0;
5532   padding: 0.5em 1em;
5533   background-color: #f7eef2 !important;
5534   background: linear-gradient(to bottom, #f7eef2, #d5aabf) !important;
5535   overflow: auto;
5536 }
5537 .ui-dialog .ui-dialog-buttonpane {
5538   text-align: left;
5539   border-width: 1px 0 0 0;
5540   background-image: none;
5541   margin-top: 0.5em;
5542   padding: 0.3em 1em 0.5em 0.4em;
5543 }
5544 .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
5545   float: right;
5546 }
5547 .ui-dialog .ui-dialog-buttonpane button {
5548   margin: .5em .4em .5em 0;
5549   cursor: pointer;
5550 }
5551 .ui-dialog .ui-resizable-se {
5552   width: 12px;
5553   height: 12px;
5554   right: -5px;
5555   bottom: -5px;
5556   background-position: 16px 16px;
5557 }
5558 .ui-dialog.ui-draggable .ui-dialog-titlebar {
5559   cursor: move;
5560 }
5561 .ui-menu {
5562   list-style: none;
5563   padding: 2px;
5564   margin: 0;
5565   display: block;
5566   outline: none;
5567   display: inline-table;
5568   border-collapse: collapse ;
5569 }
5570 .ui-menu.ui-widget-content {
5571   border: 1px #800040 solid;
5572 }
5573 .ui-menu .ui-menu-item {
5574   margin: 0;
5575   padding: 0;
5576   width: 100%;
5577   background-color: #e6ccd9;
5578   border-bottom: 1px #800040 solid;
5579 }
5580 .ui-menu .ui-menu-item a {
5581   text-decoration: none;
5582   display: block;
5583   padding: 2px .4em;
5584   line-height: 1.5;
5585   min-height: 0;
5586   font-weight: normal;
5587   background: none ;
5588   border: 0 ;
5589 }
5590 .ui-menu .ui-menu-item a.ui-state-focus,
5591 .ui-menu .ui-menu-item a.ui-state-active {
5592   font-weight: normal;
5593   margin: -1px;
5594 }
5595 .ui-menu .ui-menu-divider {
5596   margin: 5px -2px 5px -2px;
5597   height: 0;
5598   font-size: 0;
5599   line-height: 0;
5600   border-width: 1px 0 0 0;
5601 }
5602 .ui-menu .ui-state-disabled {
5603   font-weight: normal;
5604   margin: .4em 0 .2em;
5605   line-height: 1.5;
5606 }
5607 .ui-menu .ui-state-disabled a {
5608   cursor: default;
5609 }
5610 .ui-menu .ui-menu {
5611   margin-top: -3px;
5612   position: absolute;
5613 }
5614 .ui-menu.ui-menu-icons {
5615   position: relative;
5616 }
5617 .ui-menu.ui-menu-icons .ui-menu-item a {
5618   position: relative;
5619   padding-left: 2em;
5620 }
5621 .ui-menu .ui-icon {
5622   position: absolute;
5623   top: .2em;
5624   left: .2em;
5625 }
5626 .ui-menu .ui-menu-icon {
5627   position: static;
5628   float: right;
5629 }
5630 .ui-progressbar {
5631   height: 2em;
5632   text-align: left;
5633   overflow: hidden;
5634 }
5635 .ui-progressbar .ui-progressbar-value {
5636   margin: -1px;
5637   height: 100%;
5638 }
5639 .ui-progressbar .ui-progressbar-overlay {
5640   background: url("ui-lightness/images/animated-overlay.gif");
5641   height: 100%;
5642   filter: alpha(opacity=25);
5643   opacity: 0.25;
5644 }
5645 .ui-progressbar .ui-progressbar-indeterminate .ui-progressbar-value {
5646   background-image: none;
5647 }
5648 .ui-slider {
5649   position: relative;
5650   text-align: left;
5651 }
5652 .ui-slider .ui-slider-handle {
5653   position: absolute;
5654   z-index: 2;
5655   width: 1.2em;
5656   height: 1.2em;
5657   cursor: default;
5658 }
5659 .ui-slider .ui-slider-range {
5660   position: absolute;
5661   z-index: 1;
5662   display: block;
5663   border: 0;
5664   background-position: 0 0;
5665 }
5666 .ui-slider.ui-state-disabled .ui-slider-handle,
5667 .ui-slider.ui-state-disabled .ui-slider-range {
5668   filter: inherit;
5669 }
5670 .ui-slider-horizontal {
5671   height: .8em;
5672 }
5673 .ui-slider-horizontal .ui-slider-handle {
5674   top: -0.3em;
5675   margin-left: -0.6em;
5676 }
5677 .ui-slider-horizontal .ui-slider-range {
5678   top: 0;
5679   height: 100%;
5680 }
5681 .ui-slider-horizontal .ui-slider-range-min {
5682   left: 0;
5683 }
5684 .ui-slider-horizontal .ui-slider-range-max {
5685   right: 0;
5686 }
5687 .ui-slider-vertical {
5688   width: .8em;
5689   height: 100px;
5690 }
5691 .ui-slider-vertical .ui-slider-handle {
5692   left: -0.3em;
5693   margin-left: 0;
5694   margin-bottom: -0.6em;
5695 }
5696 .ui-slider-vertical .ui-slider-range {
5697   left: 0;
5698   width: 100%;
5699 }
5700 .ui-slider-vertical .ui-slider-range-min {
5701   bottom: 0;
5702 }
5703 .ui-slider-vertical .ui-slider-range-max {
5704   top: 0;
5705 }
5706 .ui-spinner {
5707   position: relative;
5708   display: inline-block;
5709   overflow: hidden;
5710   padding: 0;
5711   vertical-align: middle;
5712 }
5713 .ui-spinner .ui-spinner-input {
5714   border: none;
5715   background: none;
5716   color: inherit;
5717   padding: 0;
5718   margin: .2em 0;
5719   vertical-align: middle;
5720   margin-left: .4em;
5721   margin-right: 22px;
5722 }
5723 .ui-spinner .ui-spinner-button {
5724   width: 16px;
5725   height: 50%;
5726   padding: 0;
5727   margin: 0;
5728   text-align: center;
5729   position: absolute;
5730   cursor: default;
5731   display: block;
5732   overflow: hidden;
5733   right: 0;
5734 }
5735 .ui-spinner a.ui-spinner-button {
5736   border-top: none;
5737   border-bottom: none;
5738   border-right: none;
5739 }
5740 .ui-spinner .ui-icon {
5741   position: absolute;
5742   margin-top: -8px;
5743   top: 50%;
5744   left: 0;
5745 }
5746 .ui-spinner .ui-spinner-up {
5747   top: 0;
5748 }
5749 .ui-spinner .ui-spinner-down {
5750   bottom: 0;
5751 }
5752 .ui-spinner .ui-spinner .ui-icon-triangle-1-s {
5753   background-position: -65px -16px;
5754 }
5755 .ui-tabs {
5756   position: relative;
5757   padding: .2em;
5758 }
5759 .ui-tabs .ui-tabs-nav {
5760   margin: 0;
5761   padding: .2em .2em 0;
5762 }
5763 .ui-tabs .ui-tabs-nav li {
5764   list-style: none;
5765   float: left;
5766   position: relative;
5767   top: 0;
5768   margin: 1px .2em 0 0;
5769   border-bottom-width: 0;
5770   padding: 0;
5771   white-space: nowrap;
5772 }
5773 .ui-tabs .ui-tabs-nav li a {
5774   float: left;
5775   padding: .5em 1em;
5776   text-decoration: none;
5777   cursor: pointer;
5778 }
5779 .ui-tabs .ui-tabs-nav li .ui-tabs-active {
5780   margin-bottom: -1px;
5781   padding-bottom: 1px;
5782 }
5783 .ui-tabs .ui-tabs-nav li .ui-tabs-active a,
5784 .ui-tabs .ui-tabs-nav li .ui-state-disabled a,
5785 .ui-tabs .ui-tabs-nav li .ui-tabs-loading a {
5786   cursor: text;
5787   outline: 0 ;
5788 }
5789 .ui-tabs .ui-tabs-panel {
5790   display: block;
5791   border-width: 0;
5792   padding: 0.4em 0 1.0em 0;
5793 }
5794 .ui-tabs .ui-tabs-nav li a,
5795 .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a {
5796   cursor: pointer;
5797 }
5798 .ui-tooltip {
5799   padding: 8px;
5800   position: absolute;
5801   z-index: 9999;
5802   max-width: 300px;
5803   -webkit-box-shadow: 0 0 5px #aaa;
5804   box-shadow: 0 0 5px #aaa;
5805   background-color: #800040 !important;
5806 }
5807 body .ui-tooltip {
5808   border-width: 2px;
5809 }
5810 .ui-widget .ui-widget-header {
5811   background: none;
5812   color: #ffffff;
5813   font-weight: bold;
5814 }
5815 .ui-widget .ui-widget-header a {
5816   color: #ffffff;
5817 }
5818 .ui-widget .ui-widget-content {
5819   border: none;
5820   background: none ;
5821 }
5822 .ui-widget .ui-widget {
5823   font-size: 10pt;
5824 }
5825 .ui-state-default .ui-icon,
5826 .ui-state-hover .ui-icon,
5827 .ui-state-focus .ui-icon,
5828 .ui-state-active .ui-icon {
5829   background-image: url(ui-lightness/images/ui-icons_777777_256x240.png) !important;
5830 }
5831 .ui-state-default {
5832   border: 1px solid #cccccc;
5833   background: none ;
5834   font-weight: bold;
5835   color: #220011;
5836 }
5837 .ui-state-default a,
5838 .ui-state-default a:link,
5839 .ui-state-default a:visited {
5840   color: #1c94c4;
5841   text-decoration: none;
5842 }
5843 .ui-state-hover,
5844 .ui-state-focus {
5845   background: none ;
5846   font-weight: bold;
5847   color: #c77405;
5848 }
5849 .ui-state-hover a,
5850 .ui-state-focus a,
5851 .ui-state-hover a:hover,
5852 .ui-state-focus a:hover,
5853 .ui-state-hover a:link,
5854 .ui-state-focus a:link,
5855 .ui-state-hover a:visited,
5856 .ui-state-focus a:visited {
5857   color: #000;
5858   text-decoration: underline;
5859 }
5860 .ui-state-active {
5861   border: 1px solid #fbd850;
5862   background: none ;
5863   font-weight: bold;
5864   color: #eb8f00;
5865 }
5866 .ui-state-active a,
5867 .ui-state-active a:link,
5868 .ui-state-active a:visited {
5869   color: #eb8f00;
5870   text-decoration: none;
5871 }
5872 .ui-state-highlight {
5873   border: 1px solid #fed22f;
5874   background: none ;
5875   color: #363636;
5876 }
5877 .ui-state-highlight a {
5878   color: #363636;
5879 }
5880 .ui-state-error {
5881   border: 1px solid #cd0a0a;
5882   background: none ;
5883   color: #ffffff;
5884 }
5885 .ui-state-error a {
5886   color: #ffffff;
5887 }
5888 .ui-state-error-text {
5889   color: #ffffff;
5890 }
5891 .ui-priority-primary {
5892   font-weight: bold;
5893 }
5894 .ui-priority-secondary {
5895   opacity: .7;
5896   filter: alpha(opacity=70);
5897   font-weight: normal;
5898 }
5899 .ui-state-disabled {
5900   opacity: .35;
5901   filter: alpha(opacity=35);
5902   background-image: none;
5903 }
5904 .ui-state-disabled .ui-icon {
5905   filter: alpha(opacity=35);
5906 }
5907 .ui-icon {
5908   width: 16px;
5909   height: 16px;
5910 }
5911 .ui-icon,
5912 .ui-widget-content .ui-icon {
5913   background-image: url(ui-lightness/images/ui-icons_222222_256x240.png);
5914 }
5915 .ui-widget-header .ui-icon {
5916   background-image: url(ui-lightness/images/ui-icons_ffffff_256x240.png);
5917 }
5918 .ui-state-default .ui-icon {
5919   background-image: url(ui-lightness/images/ui-icons_ef8c08_256x240.png);
5920 }
5921 .ui-state-hover .ui-icon,
5922 .ui-state-focus .ui-icon {
5923   background-image: url(ui-lightness/images/ui-icons_ef8c08_256x240.png);
5924 }
5925 .ui-state-active .ui-icon {
5926   background-image: url(ui-lightness/images/ui-icons_ef8c08_256x240.png);
5927 }
5928 .ui-state-highlight .ui-icon {
5929   background-image: url(ui-lightness/images/ui-icons_228ef1_256x240.png);
5930 }
5931 .ui-state-error .ui-icon,
5932 .ui-state-error-text .ui-icon {
5933   background-image: url(ui-lightness/images/ui-icons_ffd27a_256x240.png);
5934 }
5935 .ui-icon-blank {
5936   background-position: 16px 16px;
5937 }
5938 .ui-icon-carat-1-n {
5939   background-position: 0 0;
5940 }
5941 .ui-icon-carat-1-ne {
5942   background-position: -16px 0;
5943 }
5944 .ui-icon-carat-1-e {
5945   background-position: -32px 0;
5946 }
5947 .ui-icon-carat-1-se {
5948   background-position: -48px 0;
5949 }
5950 .ui-icon-carat-1-s {
5951   background-position: -64px 0;
5952 }
5953 .ui-icon-carat-1-sw {
5954   background-position: -80px 0;
5955 }
5956 .ui-icon-carat-1-w {
5957   background-position: -96px 0;
5958 }
5959 .ui-icon-carat-1-nw {
5960   background-position: -112px 0;
5961 }
5962 .ui-icon-carat-2-n-s {
5963   background-position: -128px 0;
5964 }
5965 .ui-icon-carat-2-e-w {
5966   background-position: -144px 0;
5967 }
5968 .ui-icon-triangle-1-n {
5969   background-position: 0 -16px;
5970 }
5971 .ui-icon-triangle-1-ne {
5972   background-position: -16px -16px;
5973 }
5974 .ui-icon-triangle-1-e {
5975   background-position: -32px -16px;
5976 }
5977 .ui-icon-triangle-1-se {
5978   background-position: -48px -16px;
5979 }
5980 .ui-icon-triangle-1-s {
5981   background-position: -64px -16px;
5982 }
5983 .ui-icon-triangle-1-sw {
5984   background-position: -80px -16px;
5985 }
5986 .ui-icon-triangle-1-w {
5987   background-position: -96px -16px;
5988 }
5989 .ui-icon-triangle-1-nw {
5990   background-position: -112px -16px;
5991 }
5992 .ui-icon-triangle-2-n-s {
5993   background-position: -128px -16px;
5994 }
5995 .ui-icon-triangle-2-e-w {
5996   background-position: -144px -16px;
5997 }
5998 .ui-icon-arrow-1-n {
5999   background-position: 0 -32px;
6000 }
6001 .ui-icon-arrow-1-ne {
6002   background-position: -16px -32px;
6003 }
6004 .ui-icon-arrow-1-e {
6005   background-position: -32px -32px;
6006 }
6007 .ui-icon-arrow-1-se {
6008   background-position: -48px -32px;
6009 }
6010 .ui-icon-arrow-1-s {
6011   background-position: -64px -32px;
6012 }
6013 .ui-icon-arrow-1-sw {
6014   background-position: -80px -32px;
6015 }
6016 .ui-icon-arrow-1-w {
6017   background-position: -96px -32px;
6018 }
6019 .ui-icon-arrow-1-nw {
6020   background-position: -112px -32px;
6021 }
6022 .ui-icon-arrow-2-n-s {
6023   background-position: -128px -32px;
6024 }
6025 .ui-icon-arrow-2-ne-sw {
6026   background-position: -144px -32px;
6027 }
6028 .ui-icon-arrow-2-e-w {
6029   background-position: -160px -32px;
6030 }
6031 .ui-icon-arrow-2-se-nw {
6032   background-position: -176px -32px;
6033 }
6034 .ui-icon-arrowstop-1-n {
6035   background-position: -192px -32px;
6036 }
6037 .ui-icon-arrowstop-1-e {
6038   background-position: -208px -32px;
6039 }
6040 .ui-icon-arrowstop-1-s {
6041   background-position: -224px -32px;
6042 }
6043 .ui-icon-arrowstop-1-w {
6044   background-position: -240px -32px;
6045 }
6046 .ui-icon-arrowthick-1-n {
6047   background-position: 0 -48px;
6048 }
6049 .ui-icon-arrowthick-1-ne {
6050   background-position: -16px -48px;
6051 }
6052 .ui-icon-arrowthick-1-e {
6053   background-position: -32px -48px;
6054 }
6055 .ui-icon-arrowthick-1-se {
6056   background-position: -48px -48px;
6057 }
6058 .ui-icon-arrowthick-1-s {
6059   background-position: -64px -48px;
6060 }
6061 .ui-icon-arrowthick-1-sw {
6062   background-position: -80px -48px;
6063 }
6064 .ui-icon-arrowthick-1-w {
6065   background-position: -96px -48px;
6066 }
6067 .ui-icon-arrowthick-1-nw {
6068   background-position: -112px -48px;
6069 }
6070 .ui-icon-arrowthick-2-n-s {
6071   background-position: -128px -48px;
6072 }
6073 .ui-icon-arrowthick-2-ne-sw {
6074   background-position: -144px -48px;
6075 }
6076 .ui-icon-arrowthick-2-e-w {
6077   background-position: -160px -48px;
6078 }
6079 .ui-icon-arrowthick-2-se-nw {
6080   background-position: -176px -48px;
6081 }
6082 .ui-icon-arrowthickstop-1-n {
6083   background-position: -192px -48px;
6084 }
6085 .ui-icon-arrowthickstop-1-e {
6086   background-position: -208px -48px;
6087 }
6088 .ui-icon-arrowthickstop-1-s {
6089   background-position: -224px -48px;
6090 }
6091 .ui-icon-arrowthickstop-1-w {
6092   background-position: -240px -48px;
6093 }
6094 .ui-icon-arrowreturnthick-1-w {
6095   background-position: 0 -64px;
6096 }
6097 .ui-icon-arrowreturnthick-1-n {
6098   background-position: -16px -64px;
6099 }
6100 .ui-icon-arrowreturnthick-1-e {
6101   background-position: -32px -64px;
6102 }
6103 .ui-icon-arrowreturnthick-1-s {
6104   background-position: -48px -64px;
6105 }
6106 .ui-icon-arrowreturn-1-w {
6107   background-position: -64px -64px;
6108 }
6109 .ui-icon-arrowreturn-1-n {
6110   background-position: -80px -64px;
6111 }
6112 .ui-icon-arrowreturn-1-e {
6113   background-position: -96px -64px;
6114 }
6115 .ui-icon-arrowreturn-1-s {
6116   background-position: -112px -64px;
6117 }
6118 .ui-icon-arrowrefresh-1-w {
6119   background-position: -128px -64px;
6120 }
6121 .ui-icon-arrowrefresh-1-n {
6122   background-position: -144px -64px;
6123 }
6124 .ui-icon-arrowrefresh-1-e {
6125   background-position: -160px -64px;
6126 }
6127 .ui-icon-arrowrefresh-1-s {
6128   background-position: -176px -64px;
6129 }
6130 .ui-icon-arrow-4 {
6131   background-position: 0 -80px;
6132 }
6133 .ui-icon-arrow-4-diag {
6134   background-position: -16px -80px;
6135 }
6136 .ui-icon-extlink {
6137   background-position: -32px -80px;
6138 }
6139 .ui-icon-newwin {
6140   background-position: -48px -80px;
6141 }
6142 .ui-icon-refresh {
6143   background-position: -64px -80px;
6144 }
6145 .ui-icon-shuffle {
6146   background-position: -80px -80px;
6147 }
6148 .ui-icon-transfer-e-w {
6149   background-position: -96px -80px;
6150 }
6151 .ui-icon-transferthick-e-w {
6152   background-position: -112px -80px;
6153 }
6154 .ui-icon-folder-collapsed {
6155   background-position: 0 -96px;
6156 }
6157 .ui-icon-folder-open {
6158   background-position: -16px -96px;
6159 }
6160 .ui-icon-document {
6161   background-position: -32px -96px;
6162 }
6163 .ui-icon-document-b {
6164   background-position: -48px -96px;
6165 }
6166 .ui-icon-note {
6167   background-position: -64px -96px;
6168 }
6169 .ui-icon-mail-closed {
6170   background-position: -80px -96px;
6171 }
6172 .ui-icon-mail-open {
6173   background-position: -96px -96px;
6174 }
6175 .ui-icon-suitcase {
6176   background-position: -112px -96px;
6177 }
6178 .ui-icon-comment {
6179   background-position: -128px -96px;
6180 }
6181 .ui-icon-person {
6182   background-position: -144px -96px;
6183 }
6184 .ui-icon-print {
6185   background-position: -160px -96px;
6186 }
6187 .ui-icon-trash {
6188   background-position: -176px -96px;
6189 }
6190 .ui-icon-locked {
6191   background-position: -192px -96px;
6192 }
6193 .ui-icon-unlocked {
6194   background-position: -208px -96px;
6195 }
6196 .ui-icon-bookmark {
6197   background-position: -224px -96px;
6198 }
6199 .ui-icon-tag {
6200   background-position: -240px -96px;
6201 }
6202 .ui-icon-home {
6203   background-position: 0 -112px;
6204 }
6205 .ui-icon-flag {
6206   background-position: -16px -112px;
6207 }
6208 .ui-icon-calendar {
6209   background-position: -32px -112px;
6210 }
6211 .ui-icon-cart {
6212   background-position: -48px -112px;
6213 }
6214 .ui-icon-pencil {
6215   background-position: -64px -112px;
6216 }
6217 .ui-icon-clock {
6218   background-position: -80px -112px;
6219 }
6220 .ui-icon-disk {
6221   background-position: -96px -112px;
6222 }
6223 .ui-icon-calculator {
6224   background-position: -112px -112px;
6225 }
6226 .ui-icon-zoomin {
6227   background-position: -128px -112px;
6228 }
6229 .ui-icon-zoomout {
6230   background-position: -144px -112px;
6231 }
6232 .ui-icon-search {
6233   background-position: -160px -112px;
6234 }
6235 .ui-icon-wrench {
6236   background-position: -176px -112px;
6237 }
6238 .ui-icon-gear {
6239   background-position: -192px -112px;
6240 }
6241 .ui-icon-heart {
6242   background-position: -208px -112px;
6243 }
6244 .ui-icon-star {
6245   background-position: -224px -112px;
6246 }
6247 .ui-icon-link {
6248   background-position: -240px -112px;
6249 }
6250 .ui-icon-cancel {
6251   background-position: 0 -128px;
6252 }
6253 .ui-icon-plus {
6254   background-position: -16px -128px;
6255 }
6256 .ui-icon-plusthick {
6257   background-position: -32px -128px;
6258 }
6259 .ui-icon-minus {
6260   background-position: -48px -128px;
6261 }
6262 .ui-icon-minusthick {
6263   background-position: -64px -128px;
6264 }
6265 .ui-icon-close {
6266   background-position: -80px -128px;
6267 }
6268 .ui-icon-closethick {
6269   background-position: -96px -128px;
6270 }
6271 .ui-icon-key {
6272   background-position: -112px -128px;
6273 }
6274 .ui-icon-lightbulb {
6275   background-position: -128px -128px;
6276 }
6277 .ui-icon-scissors {
6278   background-position: -144px -128px;
6279 }
6280 .ui-icon-clipboard {
6281   background-position: -160px -128px;
6282 }
6283 .ui-icon-copy {
6284   background-position: -176px -128px;
6285 }
6286 .ui-icon-contact {
6287   background-position: -192px -128px;
6288 }
6289 .ui-icon-image {
6290   background-position: -208px -128px;
6291 }
6292 .ui-icon-video {
6293   background-position: -224px -128px;
6294 }
6295 .ui-icon-script {
6296   background-position: -240px -128px;
6297 }
6298 .ui-icon-alert {
6299   background-position: 0 -144px;
6300 }
6301 .ui-icon-info {
6302   background-position: -16px -144px;
6303 }
6304 .ui-icon-notice {
6305   background-position: -32px -144px;
6306 }
6307 .ui-icon-help {
6308   background-position: -48px -144px;
6309 }
6310 .ui-icon-check {
6311   background-position: -64px -144px;
6312 }
6313 .ui-icon-bullet {
6314   background-position: -80px -144px;
6315 }
6316 .ui-icon-radio-on {
6317   background-position: -96px -144px;
6318 }
6319 .ui-icon-radio-off {
6320   background-position: -112px -144px;
6321 }
6322 .ui-icon-pin-w {
6323   background-position: -128px -144px;
6324 }
6325 .ui-icon-pin-s {
6326   background-position: -144px -144px;
6327 }
6328 .ui-icon-play {
6329   background-position: 0 -160px;
6330 }
6331 .ui-icon-pause {
6332   background-position: -16px -160px;
6333 }
6334 .ui-icon-seek-next {
6335   background-position: -32px -160px;
6336 }
6337 .ui-icon-seek-prev {
6338   background-position: -48px -160px;
6339 }
6340 .ui-icon-seek-end {
6341   background-position: -64px -160px;
6342 }
6343 .ui-icon-seek-start {
6344   background-position: -80px -160px;
6345 }
6346 .ui-icon-seek-first {
6347   background-position: -80px -160px;
6348 }
6349 .ui-icon-stop {
6350   background-position: -96px -160px;
6351 }
6352 .ui-icon-eject {
6353   background-position: -112px -160px;
6354 }
6355 .ui-icon-volume-off {
6356   background-position: -128px -160px;
6357 }
6358 .ui-icon-volume-on {
6359   background-position: -144px -160px;
6360 }
6361 .ui-icon-power {
6362   background-position: 0 -176px;
6363 }
6364 .ui-icon-signal-diag {
6365   background-position: -16px -176px;
6366 }
6367 .ui-icon-signal {
6368   background-position: -32px -176px;
6369 }
6370 .ui-icon-battery-0 {
6371   background-position: -48px -176px;
6372 }
6373 .ui-icon-battery-1 {
6374   background-position: -64px -176px;
6375 }
6376 .ui-icon-battery-2 {
6377   background-position: -80px -176px;
6378 }
6379 .ui-icon-battery-3 {
6380   background-position: -96px -176px;
6381 }
6382 .ui-icon-circle-plus {
6383   background-position: 0 -192px;
6384 }
6385 .ui-icon-circle-minus {
6386   background-position: -16px -192px;
6387 }
6388 .ui-icon-circle-close {
6389   background-position: -32px -192px;
6390 }
6391 .ui-icon-circle-triangle-e {
6392   background-position: -48px -192px;
6393 }
6394 .ui-icon-circle-triangle-s {
6395   background-position: -64px -192px;
6396 }
6397 .ui-icon-circle-triangle-w {
6398   background-position: -80px -192px;
6399 }
6400 .ui-icon-circle-triangle-n {
6401   background-position: -96px -192px;
6402 }
6403 .ui-icon-circle-arrow-e {
6404   background-position: -112px -192px;
6405 }
6406 .ui-icon-circle-arrow-s {
6407   background-position: -128px -192px;
6408 }
6409 .ui-icon-circle-arrow-w {
6410   background-position: -144px -192px;
6411 }
6412 .ui-icon-circle-arrow-n {
6413   background-position: -160px -192px;
6414 }
6415 .ui-icon-circle-zoomin {
6416   background-position: -176px -192px;
6417 }
6418 .ui-icon-circle-zoomout {
6419   background-position: -192px -192px;
6420 }
6421 .ui-icon-circle-check {
6422   background-position: -208px -192px;
6423 }
6424 .ui-icon-circlesmall-plus {
6425   background-position: 0 -208px;
6426 }
6427 .ui-icon-circlesmall-minus {
6428   background-position: -16px -208px;
6429 }
6430 .ui-icon-circlesmall-close {
6431   background-position: -32px -208px;
6432 }
6433 .ui-icon-squaresmall-plus {
6434   background-position: -48px -208px;
6435 }
6436 .ui-icon-squaresmall-minus {
6437   background-position: -64px -208px;
6438 }
6439 .ui-icon-squaresmall-close {
6440   background-position: -80px -208px;
6441 }
6442 .ui-icon-grip-dotted-vertical {
6443   background-position: 0 -224px;
6444 }
6445 .ui-icon-grip-dotted-horizontal {
6446   background-position: -16px -224px;
6447 }
6448 .ui-icon-grip-solid-vertical {
6449   background-position: -32px -224px;
6450 }
6451 .ui-icon-grip-solid-horizontal {
6452   background-position: -48px -224px;
6453 }
6454 .ui-icon-gripsmall-diagonal-se {
6455   background-position: -64px -224px;
6456 }
6457 .ui-icon-grip-diagonal-se {
6458   background-position: -80px -224px;
6459 }
6460 .ui-widget-overlay {
6461   background: #666666 ;
6462   opacity: .5;
6463   filter: alpha(opacity=50);
6464 }
6465 .ui-widget-shadow {
6466   margin: -5px 0 0 -5px;
6467   padding: 5px;
6468   background: #000000 ;
6469   opacity: .2;
6470   filter: alpha(opacity=20);
6471   border-radius: 0.6em;
6472 }
6473 .chart_picker,
6474 .part_picker {
6475   display: inline-block;
6476 }
6477 .chart_picker:before,
6478 .part_picker:before {
6479   display: inline-block;
6480   vertical-align: middle;
6481   height: 100%;
6482 }
6483 span.chart_picker,
6484 span.part_picker {
6485   white-space: nowrap ;
6486   padding-top: 0 !important;
6487   padding-bottom: 0 !important;
6488 }
6489 span.chart_picker input,
6490 span.part_picker input {
6491   box-sizing: border-box;
6492   -moz-box-sizing: border-box;
6493   -webkit-box-sizing: border-box;
6494 }
6495 div.part_picker_part,
6496 div.chart_picker_chart {
6497   padding: 5px;
6498   margin: 5px;
6499   border: 1px;
6500   border-color: darkgray;
6501   border-style: solid;
6502   -webkit-border-radius: 4px;
6503   -moz-border-radius: 4px;
6504   border-radius: 4px;
6505   background-color: white;
6506   cursor: pointer;
6507 }
6508 div.part_picker_part:hover,
6509 div.chart_picker_chart:hover {
6510   color: #000;
6511   text-decoration: underline;
6512 }
6513 span.customer_vendor_picker {
6514   margin: 0 !important;
6515   padding: 0 !important;
6516 }
6517 .customer-vendor-picker-undefined,
6518 .chartpicker-undefined,
6519 .projectpicker-undefined,
6520 .partpicker-undefined {
6521   color: red;
6522   font-style: italic;
6523 }
6524 /* ------------------------------------------------------------- */
6525 /* Jquery-Autocomplete (jquery.autocomplete.less)                */
6526 /* ------------------------------------------------------------- */
6527 .ac_results {
6528   padding: 0px;
6529   border: 1px solid black;
6530   background-color: white;
6531   overflow: hidden;
6532   z-index: 99999;
6533 }
6534 .ac_results ul {
6535   width: 100%;
6536   list-style-position: outside;
6537   list-style: none;
6538   padding: 0;
6539   margin: 0;
6540 }
6541 .ac_results li {
6542   margin: 0px;
6543   padding: 2px 5px;
6544   cursor: default;
6545   display: block;
6546   font: menu;
6547   font-size: 11pt;
6548   /*hps: vorher 12px */
6549
6550   line-height: 16px;
6551   overflow: hidden;
6552 }
6553 .ac_odd {
6554   background-color: #eee;
6555 }
6556 .ac_over {
6557   background-color: #0A246A;
6558   color: white;
6559 }
6560 /* ------------------------------------------------------------- */
6561 /* JQUERY MULTISELECT2SIDE (jquery.multiselect2side.less)        */
6562 /* ------------------------------------------------------------- */
6563 .ms2side__div {
6564   clear: left;
6565   width: 100%;
6566   padding: 1px;
6567   float: left;
6568   background: url('') repeat-x;
6569 }
6570 .ms2side__select {
6571   float: left;
6572 }
6573 /* siehe H3 */
6574 .ms2side__header {
6575   color: #666;
6576   /* hps */
6577
6578   font-size: 9pt;
6579   line-height: 1.0em;
6580   padding: 0 0 0.3em 0;
6581   display: block;
6582 }
6583 .ms2side__options,
6584 .ms2side__updown {
6585   float: left;
6586   font-size: 10pt;
6587   margin: 0;
6588   padding: 0 8px;
6589   width: 40px;
6590   color: black;
6591   text-align: center;
6592   overflow: hidden;
6593 }
6594 .ms2side__options {
6595   padding-top: 1.0em !important;
6596 }
6597 .ms2side__updown {
6598   font-size: 10pt;
6599 }
6600 .ms2side__options p,
6601 .ms2side__updown p {
6602   margin: 2px 0;
6603   padding: 0;
6604   cursor: pointer;
6605   border: 1px solid black;
6606   width: auto !important;
6607   /* hps */
6608
6609   background-color: #e6ccd9;
6610   /* hps */
6611
6612   color: #220011;
6613   /* hps */
6614
6615   border-color: 1px #800040 solid;
6616   /* hps */
6617
6618   border-radius: 3px;
6619   /* hps */
6620
6621 }
6622 .ms2side__options p.ms2side_hover,
6623 .ms2side__updown p.ms2side_hover {
6624   background-color: #3C3C3B;
6625   /* hps */
6626
6627   border-color: #000000;
6628   color: #ffffff ;
6629   cursor: pointer;
6630 }
6631 .ms2side__options > p.ms2side__hide,
6632 .ms2side__updown > p.ms2side__hide {
6633   cursor: default;
6634   color: #9e9e9e;
6635   border: 1px solid grey;
6636   background-color: #D4D4D4 !important;
6637 }
6638 .ms2side__div select {
6639   width: 12.0em;
6640   /*hps:400px*/
6641
6642   float: left;
6643 }
6644 /* ------------------------------------------------------------- */
6645 /* JQUERY TOOLTIPSTER (jquery.tooltipster.less)                  */
6646 /* ------------------------------------------------------------- */
6647 /* This is the default Tooltipster theme */
6648 /* (feel free to modify or duplicate and create multiple themes!): */
6649 .tooltipster-default {
6650   border-radius: 0.6em;
6651   border: 2px solid #000;
6652   background-color: #800040;
6653   color: #fff;
6654   max-width: 400px ;
6655   /* Use this next selector to style things like font-size and line-height: */
6656
6657   /* These next classes handle the styles for the little arrow attached to the tooltip. */
6658
6659   /* By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
6660
6661 }
6662 .tooltipster-default .tooltipster-content {
6663   font-size: 10pt;
6664   line-height: 16px;
6665   padding: 1.2em 1.0em 1.2em 1.4em;
6666   overflow: hidden;
6667   background-color: #800040;
6668 }
6669 .tooltipster-default .tooltipster-arrow {
6670   display: block;
6671   text-align: center;
6672   width: 100%;
6673   height: 100%;
6674   position: absolute;
6675   top: 0;
6676   left: 0;
6677   z-index: -1;
6678   /* This next selector defines the color of the border on the outside of the arrow. */
6679
6680   /* This will automatically match the color and size of the border set on the main tooltip styles. */
6681
6682   /* Set display: none; if you would like a border around the tooltip but no border around the arrow */
6683
6684 }
6685 /* If you're using the icon option, use this next selector to style them */
6686 .tooltipster-icon {
6687   cursor: help;
6688   margin-left: 4px;
6689 }
6690 /* This is the base styling required to make all Tooltipsters work */
6691 .tooltipster-base {
6692   padding: 0;
6693   font-size: 0;
6694   line-height: 0;
6695   position: absolute;
6696   left: 0;
6697   top: 0;
6698   z-index: 9999999;
6699   pointer-events: none;
6700   width: auto;
6701   max-width: 400px ;
6702   overflow: visible;
6703 }
6704 .tooltipster-base .tooltipster-content {
6705   overflow: hidden;
6706 }
6707 .tooltipster-arrow span,
6708 .tooltipster-arrow-border {
6709   display: block;
6710   width: 0;
6711   height: 0;
6712   position: absolute;
6713 }
6714 .tooltipster-arrow-top span,
6715 .tooltipster-arrow-top-right span,
6716 .tooltipster-arrow-top-left span {
6717   border-left: 8px solid transparent !important;
6718   border-right: 8px solid transparent !important;
6719   border-top: 8px solid;
6720   bottom: -7px;
6721 }
6722 .tooltipster-arrow-top .tooltipster-arrow-border,
6723 .tooltipster-arrow-top-right .tooltipster-arrow-border,
6724 .tooltipster-arrow-top-left .tooltipster-arrow-border {
6725   border-left: 9px solid transparent !important;
6726   border-right: 9px solid transparent !important;
6727   border-top: 9px solid;
6728   bottom: -7px;
6729 }
6730 .tooltipster-arrow-bottom span,
6731 .tooltipster-arrow-bottom-right span,
6732 .tooltipster-arrow-bottom-left span {
6733   border-left: 8px solid transparent !important;
6734   border-right: 8px solid transparent !important;
6735   border-bottom: 8px solid;
6736   top: -7px;
6737 }
6738 .tooltipster-arrow-bottom .tooltipster-arrow-border,
6739 .tooltipster-arrow-bottom-right .tooltipster-arrow-border,
6740 .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
6741   border-left: 9px solid transparent !important;
6742   border-right: 9px solid transparent !important;
6743   border-bottom: 9px solid;
6744   top: -7px;
6745 }
6746 .tooltipster-arrow-top span,
6747 .tooltipster-arrow-top .tooltipster-arrow-border,
6748 .tooltipster-arrow-bottom span,
6749 .tooltipster-arrow-bottom .tooltipster-arrow-border {
6750   left: 0;
6751   right: 0;
6752   margin: 0 auto;
6753 }
6754 .tooltipster-arrow-top-left span,
6755 .tooltipster-arrow-bottom-left span {
6756   left: 6px;
6757 }
6758 .tooltipster-arrow-top-left .tooltipster-arrow-border,
6759 .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
6760   left: 5px;
6761 }
6762 .tooltipster-arrow-top-right span,
6763 .tooltipster-arrow-bottom-right span {
6764   right: 6px;
6765 }
6766 .tooltipster-arrow-top-right .tooltipster-arrow-border,
6767 .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
6768   right: 5px;
6769 }
6770 .tooltipster-arrow-left span,
6771 .tooltipster-arrow-left .tooltipster-arrow-border {
6772   border-top: 8px solid transparent !important;
6773   border-bottom: 8px solid transparent !important;
6774   border-left: 8px solid;
6775   top: 50%;
6776   margin-top: -7px;
6777   right: -7px;
6778 }
6779 .tooltipster-arrow-left .tooltipster-arrow-border {
6780   border-top: 9px solid transparent !important;
6781   border-bottom: 9px solid transparent !important;
6782   border-left: 9px solid;
6783   margin-top: -8px;
6784 }
6785 .tooltipster-arrow-right span,
6786 .tooltipster-arrow-right .tooltipster-arrow-border {
6787   border-top: 8px solid transparent !important;
6788   border-bottom: 8px solid transparent !important;
6789   border-right: 8px solid;
6790   top: 50%;
6791   margin-top: -7px;
6792   left: -7px;
6793 }
6794 .tooltipster-arrow-right .tooltipster-arrow-border {
6795   border-top: 9px solid transparent !important;
6796   border-bottom: 9px solid transparent !important;
6797   border-right: 9px solid;
6798   margin-top: -8px;
6799 }
6800 /* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
6801 .tooltipster-fade {
6802   opacity: 0;
6803   -webkit-transition-property: opacity;
6804   -moz-transition-property: opacity;
6805   -o-transition-property: opacity;
6806   -ms-transition-property: opacity;
6807   transition-property: opacity;
6808 }
6809 .tooltipster-fade-show {
6810   opacity: 1;
6811 }
6812 .tooltipster-grow {
6813   -webkit-transform: scale(0, 0);
6814   -moz-transform: scale(0, 0);
6815   -o-transform: scale(0, 0);
6816   -ms-transform: scale(0, 0);
6817   transform: scale(0, 0);
6818   -webkit-transition-property: -webkit-transform;
6819   -moz-transition-property: -moz-transform;
6820   -o-transition-property: -o-transform;
6821   -ms-transition-property: -ms-transform;
6822   transition-property: transform;
6823   -webkit-backface-visibility: hidden;
6824 }
6825 .tooltipster-grow-show {
6826   -webkit-transform: scale(1, 1);
6827   -moz-transform: scale(1, 1);
6828   -o-transform: scale(1, 1);
6829   -ms-transform: scale(1, 1);
6830   transform: scale(1, 1);
6831   -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
6832   -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
6833   -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
6834   -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
6835   -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
6836   transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
6837 }
6838 .tooltipster-swing {
6839   opacity: 0;
6840   -webkit-transform: rotateZ(4deg);
6841   -moz-transform: rotateZ(4deg);
6842   -o-transform: rotateZ(4deg);
6843   -ms-transform: rotateZ(4deg);
6844   transform: rotateZ(4deg);
6845   -webkit-transition-property: -webkit-transform, opacity;
6846   -moz-transition-property: -moz-transform;
6847   -o-transition-property: -o-transform;
6848   -ms-transition-property: -ms-transform;
6849   transition-property: transform;
6850 }
6851 .tooltipster-swing-show {
6852   opacity: 1;
6853   -webkit-transform: rotateZ(0deg);
6854   -moz-transform: rotateZ(0deg);
6855   -o-transform: rotateZ(0deg);
6856   -ms-transform: rotateZ(0deg);
6857   transform: rotateZ(0deg);
6858   -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
6859   -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
6860   -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
6861   -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
6862   -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
6863   transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
6864 }
6865 .tooltipster-fall {
6866   top: 0;
6867   -webkit-transition-property: top;
6868   -moz-transition-property: top;
6869   -o-transition-property: top;
6870   -ms-transition-property: top;
6871   transition-property: top;
6872   -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
6873   -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
6874   -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
6875   -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
6876   -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
6877   transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
6878 }
6879 .tooltipster-fall.tooltipster-dying {
6880   -webkit-transition-property: all;
6881   -moz-transition-property: all;
6882   -o-transition-property: all;
6883   -ms-transition-property: all;
6884   transition-property: all;
6885   top: 0px !important;
6886   opacity: 0;
6887 }
6888 .tooltipster-slide {
6889   left: -40px;
6890   -webkit-transition-property: left;
6891   -moz-transition-property: left;
6892   -o-transition-property: left;
6893   -ms-transition-property: left;
6894   transition-property: left;
6895   -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
6896   -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
6897   -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
6898   -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
6899   -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
6900   transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
6901 }
6902 .tooltipster-slide.tooltipster-dying {
6903   -webkit-transition-property: all;
6904   -moz-transition-property: all;
6905   -o-transition-property: all;
6906   -ms-transition-property: all;
6907   transition-property: all;
6908   left: 0px !important;
6909   opacity: 0;
6910 }
6911 /* CSS transition for when contenting is changing in a tooltip that is still open. */
6912 /* The only properties that will NOT transition are: width, height, top, and left */
6913 .tooltipster-content-changing {
6914   opacity: 0.5;
6915   -webkit-transform: scale(1.1, 1.1);
6916   -moz-transform: scale(1.1, 1.1);
6917   -o-transform: scale(1.1, 1.1);
6918   -ms-transform: scale(1.1, 1.1);
6919   transform: scale(1.1, 1.1);
6920 }
6921 .tooltipster-light {
6922   border-radius: 0.6em;
6923   border: 1px solid #e6ccd9;
6924   background-color: #800040;
6925   color: #f7eef2;
6926 }
6927 .tooltipster-light .tooltipster-content {
6928   font-size: 9pt;
6929   line-height: 16px;
6930   background-color: #800040;
6931   padding: 1.0em 1.4em;
6932 }
6933 /* ------------------------------------------------------------- */
6934 /* JQUERY CHART-PICKER (jquery.chartpicker.less)                 */
6935 /* ------------------------------------------------------------- */
6936 div.cpc_block,
6937 div.ppp_block {
6938   overflow: hidden;
6939   float: left;
6940   width: 350px;
6941 }
6942 div.ppp_block span.ppp_block_number {
6943   float: left;
6944 }
6945 div.ppp_block span.ppp_block_description {
6946   float: right;
6947   margin-left: 1em;
6948   font-weight: bold;
6949 }
6950 div.cpc_block span.cpc_block_number {
6951   float: left;
6952 }
6953 div.cpc_block span.cpc_block_description {
6954   float: left;
6955   margin-left: 1em;
6956   font-weight: bold;
6957 }
6958 div.cpc_block span.cpc_block_balance {
6959   float: right;
6960 }
6961 div.cpc_block span.cpc_line_balance {
6962   display: none;
6963 }
6964 div.ppp_line span.ppp_block_description {
6965   margin-left: 1em;
6966   font-weight: bold;
6967 }
6968 div.cpc_line span.cpc_block_description {
6969   margin-left: 1em;
6970   font-weight: bold;
6971 }
6972 div.cpc_line span.cpc_block_second_row {
6973   display: none;
6974 }
6975 .customer-vendor-picker-undefined,
6976 .chartpicker-undefined,
6977 .projectpicker-undefined,
6978 .partpicker-undefined {
6979   color: red;
6980   font-style: italic;
6981 }
6982 span.cpc_popup_button,
6983 span.ppp_popup_button {
6984   display: inline-block;
6985   vertical-align: middle;
6986   margin-left: -24px;
6987   height: 20px;
6988   width: 20px;
6989   cursor: pointer;
6990   background: url("../image/search.svg") no-repeat center right;
6991   background-size: contain;
6992 }
6993 /* ------------------------------------------------------------- */
6994 /* MAIN OVERRIDES (main_overrides.less)                          */
6995 /* ------------------------------------------------------------- */
6996 .wrapper > .buttons {
6997   padding-left: 0 !important;
6998 }
6999 .wrapper .select-item,
7000 .wrapper .form-addition,
7001 .wrapper .input-panel {
7002   margin-left: 0 !important;
7003 }
7004 .wrapper > .col {
7005   margin-right: 1.6em ;
7006 }
7007 .wrapper > .col > .tbl-horizontal {
7008   margin-right: 0 !important ;
7009 }
7010 .wrapper .tbl-list caption {
7011   padding-left: 0 ;
7012 }
7013 #content .ui-tabs-panel div.wrapper:first-child {
7014   margin-top: 3.0em ;
7015 }
7016 .ui-tabs-panel > div.select-item {
7017   margin: 1.8em 2em 0.8em 1.2em !important;
7018 }
7019 .ui-tabs-panel > div.form-addition {
7020   margin-left: 0 !important ;
7021 }
7022 .ui-dialog-content {
7023   background: #ffffff;
7024 }
7025 .ui-widget-content {
7026   background: transparent;
7027 }
7028 .ui-dialog-content .select-item,
7029 .ui-widget-content .select-item {
7030   margin: 1em 1em 1.0em 0;
7031 }
7032 .ui-dialog-content .buttons,
7033 .ui-widget-content .buttons {
7034   padding: 1.0em 1.0em 1.0em 0;
7035 }
7036 /* ------------------------------------------------------------- */
7037 /* JQUERY-UI OVERRIDES (jquery-ui_overrides.less)                */
7038 /* ------------------------------------------------------------- */
7039 .tabwidget {
7040   width: 100%;
7041   overflow: hidden;
7042   position: relative;
7043   zoom: 1;
7044   padding: 0 !important;
7045   border: 0;
7046   color: #220011;
7047   background: transparent;
7048 }
7049 .tabwidget > ul {
7050   display: block;
7051   list-style: none;
7052   outline: 0;
7053   padding: 0.2em 0.2em 0 0;
7054   margin: 0;
7055   font-size: 11pt;
7056   font-weight: bold;
7057   line-height: 1.3;
7058   text-decoration: none;
7059 }
7060 .tabwidget > ul li {
7061   position: relative;
7062   top: 1px;
7063   float: left;
7064   list-style: none;
7065   margin: 1px 0.2em 0 0;
7066   padding: 0;
7067   white-space: nowrap;
7068   border-bottom: 0 !important;
7069   border-top-right-radius: 4px;
7070   border-top-left-radius: 4px;
7071   border: 1px solid #cccccc;
7072   background-color: #ffffff;
7073   color: #220011;
7074   font-size: 9pt;
7075   font-weight: bold;
7076 }
7077 .tabwidget > ul li.ui-tabs-selected {
7078   margin-bottom: 0;
7079   padding-bottom: 1px;
7080 }
7081 .tabwidget > ul li.ui-tabs-selected a {
7082   cursor: pointer;
7083 }
7084 .tabwidget > ul li a {
7085   float: left;
7086   padding: 0.2em 0.7em;
7087   text-decoration: none;
7088   cursor: pointer;
7089 }
7090 .tabwidget > ul li.ui-state-default {
7091   margin: 0 0 0 0.6em;
7092   background: #ffffff;
7093   color: #220011;
7094   border: 1px #800040 solid;
7095   font-weight: normal;
7096 }
7097 .tabwidget > ul li.ui-state-default a,
7098 .tabwidget > ul li.ui-state-default a:link {
7099   color: #220011;
7100 }
7101 .tabwidget > ul li.ui-state-hover {
7102   color: #220011;
7103   background-color: #e6ccd9;
7104 }
7105 .tabwidget > ul li.ui-state-active {
7106   color: #220011;
7107   background-color: #f1e4eb;
7108 }
7109 .tabwidget > ul li.ui-state-active a,
7110 .tabwidget > ul li.ui-state-active a:link,
7111 .tabwidget > ul li.ui-state-active a:visited {
7112   color: #220011;
7113   outline: 0 ;
7114 }
7115 .tabwidget > ul li.ui-state-active.ui-state-hover {
7116   color: #220011;
7117 }
7118 .tabwidget > ul li.ui-state-disabled a {
7119   cursor: text;
7120   outline: 0 ;
7121 }
7122 .tabwidget > ul li.ui-state-processing a {
7123   cursor: text;
7124 }
7125 .tabwidget > ul li.ui-state-loading a {
7126   outline: 0 ;
7127 }
7128 .tabwidget > ul.ui-tabs-nav {
7129   position: fixed;
7130   top: 100px;
7131   width: 100%;
7132   z-index: 1029;
7133   margin: 0 0.4em 0.6em 0;
7134   padding: 0.4em 0.2em 0 0.7em;
7135   background-color: #ffffff;
7136   border-bottom: 1px #800040 solid !important;
7137 }
7138 .tabwidget > ul.ui-tabs-nav li {
7139   margin: 1px 0.2em 0 0;
7140 }
7141 .tabwidget > ul.ui-tabs-nav li a {
7142   padding: 0.2em 0.7em;
7143 }
7144 .tabwidget > ul.ui-tabs-nav li.ui-tabs-active {
7145   border-bottom: 1px #f1e4eb solid !important;
7146   margin-bottom: -1px;
7147   padding-bottom: 0;
7148 }
7149 .tabwidget.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
7150   cursor: pointer;
7151 }
7152 .tabwidget > div {
7153   display: none;
7154   padding-top: 1.8em !important;
7155   border-bottom: none;
7156   width: 100%;
7157   height: 100%;
7158   min-height: 400px;
7159   overflow: hidden ;
7160 }
7161 .tabwidget > div.ui-tabs-panel {
7162   width: 100%;
7163   overflow: hidden;
7164   display: block;
7165 }
7166 .tabwidget > div.ui-tabs-panel > .tabwidget {
7167   position: relative ;
7168 }
7169 .tabwidget > div.ui-tabs-panel > .tabwidget > .ui-tabs-nav {
7170   position: relative ;
7171   top: auto;
7172   background-color: transparent;
7173 }
7174 .tabwidget > div.ui-tabs-panel > .tabwidget > .ui-tabs-panel {
7175   background-color: #ffffff;
7176   background-color: transparent ;
7177   position: relative ;
7178   top: auto;
7179   padding-top: 0 !important ;
7180 }
7181 .tabwidget > div.ui-tabs-panel.ui-widget-content {
7182   border: 0 ;
7183 }
7184 .ui-autocomplete {
7185   z-index: 9000 ;
7186 }
7187 .ui-autocomplete li a {
7188   display: block ;
7189   font-size: 80% ;
7190   padding-top: 0.4em !important;
7191   padding-bottom: 0.4em !important;
7192 }
7193 .ui-autocomplete li a:hover {
7194   background-color: #C9C9C9;
7195   border: none ;
7196   color: #000 ;
7197 }
7198 /*
7199 .ui-datepicker-calendar  {
7200   .ui-state-highlight{
7201     color: #ffffff ;
7202     background-color: @gray-standard;
7203     border: 1px @gray-standard solid
7204   }
7205   // Days
7206   td a {
7207     &.ui-state-default {
7208       color: @brand-dark;
7209     }
7210     &.ui-state-hover {
7211       color: #ffffff ;
7212       background-color: #000000;
7213       border: #000000 ;
7214     }
7215     &.ui-state-active {
7216       border: 1px solid @brand-dark;
7217       background-color: @brand-dark;
7218       color: @brand-verylight;
7219     }
7220
7221   }
7222
7223 } // /.ui-datepicker-calendar
7224 */
7225 .cke_editable {
7226   background-color: white;
7227   padding: 6px;
7228   border-top: 1px #999 solid;
7229   border-right: 1px #ddd solid;
7230   border-left: 1px #ddd solid;
7231   overflow: auto ;
7232   font-size: 11pt ;
7233   min-width: 220px;
7234   min-height: 4.0em ;
7235 }
7236 .cke_editable:focus {
7237   outline: none ;
7238   background-color: #d5aabf;
7239   border: 1px 1px #110009 solid solid;
7240 }
7241 .cke_editable p {
7242   font-size: 10pt !important;
7243   padding: 0  ;
7244   margin: 0 0 0.4em 0 ;
7245   font-weight: normal;
7246 }
7247 div.cke_editable.wi-small-wide {
7248   margin-right: 24px !important ;
7249 }
7250 body > .ui-dialog > .ui-dialog-content > p > .cke_editable {
7251   border: 1px #dcdcdc solid !important;
7252   padding: 0.4em;
7253   margin: 0;
7254   font-size: 100%;
7255   width: 100% !important;
7256 }
7257 a.no-underlined-links,
7258 a.no-underlined-links:visited,
7259 a.no-underlined-links:hover {
7260   text-decoration: none !important;
7261   background-color: transparent !important;
7262   border: none;
7263 }
7264 a.no-underlined-links:hover {
7265   background: none;
7266 }
7267 body + #menuv3 {
7268   top: 0 important;
7269 }
7270 body div.admin {
7271   padding: 60px 0 0 0 ;
7272   background-image: linear-gradient(to bottom, #f7eef2, #d5aabf);
7273 }
7274 body div.admin h1 {
7275   background-color: #fe5f14 !important;
7276   color: #ffffff;
7277   top: 30px ;
7278   position: fixed;
7279   width: 100% ;
7280   padding: 0.6em 0.5em 0.5em 0.6em;
7281   z-index: 1000;
7282 }
7283 body div.admin h1 + .wrapper {
7284   padding-top: 1.2em;
7285 }
7286 body div.admin .logo {
7287   width: auto;
7288   clear: both;
7289   margin: 3.0em auto 1.0em auto;
7290   padding: 2.0em 0 0 0;
7291 }
7292 body div.admin .separate-form {
7293   background-color: #ddd ;
7294   border: 1px #888888 solid;
7295   border-radius: 0.6em;
7296   display: block ;
7297   width: 24.0em;
7298   margin: 0 auto ;
7299   padding: 0.7em 0.6em 1.0em 0.6em ;
7300 }
7301 body div.admin .tabwidget {
7302   padding: 2.4em 0 0 0 !important;
7303 }
7304 body div.admin .tabwidget .ui-tabs-nav {
7305   top: 66px;
7306 }
7307 body div.admin .tabwidget .ui-tabs-panel {
7308   padding: 2.0em 1.0em 1.0em 1.0em ;
7309   overflow: hidden;
7310   height: auto;
7311   min-height: 300px ;
7312 }
7313 body div.admin > form {
7314   display: block ;
7315   margin-top: 1px ;
7316   padding-top: 1.2em ;
7317 }
7318 /* ------------------------------------------------------------- */
7319 /* RESPONSIVE (responsive.less)                          */
7320 /* ------------------------------------------------------------- */
7321 @media screen and (max-device-width: 479px) {
7322
7323 }
7324 @media screen and (min-device-width: 480px) and (max-device-width: 767px) {
7325   body #content .tbl-horizontal th {
7326     width: 208px;
7327     background-color: #D6EEBF;
7328   }
7329   body #content .tbl-horizontal th .colgroup col {
7330     width: 256px;
7331   }
7332   body #content .tbl-horizontal th.wi-smallest {
7333     width: 208px;
7334   }
7335   body #content .tbl-horizontal th.wi-verysmall {
7336     width: 208px;
7337   }
7338   body #content .tbl-horizontal th.wi-small {
7339     width: 208px;
7340   }
7341   body #content .tbl-horizontal th.wi-mediumsmall {
7342     width: 208px;
7343   }
7344   body #content .tbl-horizontal th.wi-normal {
7345     width: 208px;
7346   }
7347   body #content .tbl-horizontal th.wi-lightwide {
7348     width: 208px;
7349   }
7350   body #content .tbl-horizontal th.wi-wide {
7351     width: 208px;
7352   }
7353   body #content .tbl-horizontal th.wi-wider {
7354     width: 208px;
7355   }
7356   body #content .tbl-horizontal th.wi-verywide {
7357     width: 208px;
7358   }
7359 }
7360 @media screen and (max-device-width: 1024px) {
7361   body #content .tbl-horizontal th {
7362     width: 256px;
7363   }
7364   body #content .tbl-horizontal th.wi-smallest {
7365     width: 208px;
7366   }
7367   body #content .tbl-horizontal th.wi-verysmall {
7368     width: 208px;
7369   }
7370   body #content .tbl-horizontal th.wi-small {
7371     width: 208px;
7372   }
7373   body #content .tbl-horizontal th.wi-mediumsmall {
7374     width: 208px;
7375   }
7376   body #content .tbl-horizontal th.wi-normal {
7377     width: 208px;
7378   }
7379   body #content .tbl-horizontal th.wi-lightwide {
7380     width: 208px;
7381   }
7382   body #content .tbl-horizontal th.wi-wide {
7383     width: 208px;
7384   }
7385   body #content .tbl-horizontal th.wi-wider {
7386     width: 208px;
7387   }
7388   body #content .tbl-horizontal th.wi-verywide {
7389     width: 208px;
7390   }
7391 }
7392 @media screen and (min-device-width: 768px) and (max-device-width: 1023px) {
7393   .tbl-horizontal th {
7394     width: 208px;
7395   }
7396   .tbl-horizontal th.wi-smallest {
7397     width: 208px;
7398   }
7399   .tbl-horizontal th.wi-verysmall {
7400     width: 208px;
7401   }
7402   .tbl-horizontal th.wi-small {
7403     width: 208px;
7404   }
7405   .tbl-horizontal th.wi-mediumsmall {
7406     width: 208px;
7407   }
7408   .tbl-horizontal th.wi-normal {
7409     width: 208px;
7410   }
7411   .tbl-horizontal th.wi-lightwide {
7412     width: 208px;
7413   }
7414   .tbl-horizontal th.wi-wide {
7415     width: 208px;
7416   }
7417   .tbl-horizontal th.wi-wider {
7418     width: 208px;
7419   }
7420   .tbl-horizontal th.wi-verywide {
7421     width: 208px;
7422   }
7423 }
7424 @media screen and (max-device-width: 1024px) {
7425   .tbl-horizontal th {
7426     width: 208px;
7427   }
7428   .tbl-horizontal th.wi-smallest {
7429     width: 208px;
7430   }
7431   .tbl-horizontal th.wi-verysmall {
7432     width: 208px;
7433   }
7434   .tbl-horizontal th.wi-small {
7435     width: 208px;
7436   }
7437   .tbl-horizontal th.wi-mediumsmall {
7438     width: 208px;
7439   }
7440   .tbl-horizontal th.wi-normal {
7441     width: 208px;
7442   }
7443   .tbl-horizontal th.wi-lightwide {
7444     width: 208px;
7445   }
7446   .tbl-horizontal th.wi-wide {
7447     width: 208px;
7448   }
7449   .tbl-horizontal th.wi-wider {
7450     width: 208px;
7451   }
7452   .tbl-horizontal th.wi-verywide {
7453     width: 208px;
7454   }
7455 }
7456 @media screen and (min-device-width: 1110px) {
7457
7458 }
7459 /* ------------------------------------------------------------- */
7460 /* PRINT (print.less)                                            */
7461 /* ------------------------------------------------------------- */
7462 @media print {
7463   body {
7464     margin-left: 1.4em ;
7465   }
7466   #menuv3,
7467   #html-menu,
7468   #frame-header,
7469   #main_menu_div,
7470   #js-header,
7471   body > #layout-split-left,
7472   #tree-column,
7473   ul.ui-tabs-nav,
7474   div.layout-actionbar,
7475   .control-panel {
7476     display: none;
7477   }
7478   body > #layout-split-right {
7479     margin-left: 0;
7480   }
7481   #content {
7482     padding: 1.0em 0 0 0 !important ;
7483     margin: 0 ;
7484   }
7485   #content td,
7486   #content p,
7487   #content div,
7488   #content span,
7489   #content input,
7490   #content textarea,
7491   #content select,
7492   #content option {
7493     font-size: 7pt !important;
7494   }
7495   #content > h1 {
7496     color: #222222;
7497     padding: 0 0 0 0 ;
7498     top: 0 ;
7499     position: absolute ;
7500   }
7501   #content wrapper {
7502     margin: 0.4em 1em 1em 1.2em;
7503     padding: 0 0 0.4em 0;
7504   }
7505   #content caption,
7506   #content th.caption,
7507   #content td.caption {
7508     font-size: 9pt;
7509     font-weight: bold;
7510     padding: 0.1em 0 0.1em 0.2em;
7511     margin: 0.1em 0 0.1em 0 ;
7512   }
7513   #content .tbl-horizontal tbody tr td,
7514   #content .tbl-horizontal tbody tr th {
7515     border-color: #33001a;
7516     border-width: 0.3pt !important;
7517     border-style: solid ;
7518     padding: 0.3em 0.6em ;
7519   }
7520   #content .tbl-horizontal tbody tr th,
7521   #content .tbl-horizontal tbody tr span.label {
7522     font-size: 6pt !important;
7523   }
7524   #content .tbl-list {
7525     margin-top: 1.2em ;
7526     width: 98% !important ;
7527   }
7528   #content .tbl-list thead {
7529     display: table-header-group;
7530     overflow: hidden ;
7531   }
7532   #content .tbl-list thead tr th {
7533     font-size: 70% ;
7534   }
7535   #content .tbl-list tbody tr {
7536     border-bottom: 1px #000 solid !important;
7537   }
7538   #content .tbl-list tbody tr:nth-child(odd) {
7539     background-color: none;
7540   }
7541   #content .tbl-list tbody tr:nth-child(even) {
7542     background-color: none;
7543   }
7544   #content .tbl-list tbody tr td {
7545     border-bottom: 1px #000 solid !important;
7546     vertical-align: top !important ;
7547   }
7548   #content col.wi-smallest {
7549     width: 25px !important;
7550   }
7551   #content col.wi-verysmall {
7552     width: 48px !important;
7553   }
7554   #content col.wi-small {
7555     width: 77px !important;
7556   }
7557   #content col.wi-mediumsmall {
7558     width: 96px !important;
7559   }
7560   #content col.wi-normal {
7561     width: 125px !important;
7562   }
7563   #content col.wi-lightwide {
7564     width: 154px !important;
7565   }
7566   #content col.wi-wide {
7567     width: 192px !important;
7568   }
7569   #content col.wi-wider {
7570     width: 230px !important;
7571   }
7572   #content col.wi-verywide {
7573     width: 346px !important;
7574   }
7575   #content input[type="text"],
7576   #content input[type="customer"],
7577   #content input.numeric,
7578   #content textarea,
7579   #content select,
7580   #content span.data,
7581   #content select,
7582   #content textarea {
7583     width: auto !important;
7584     appearance: none;
7585     -webkit-appearance: none;
7586     -moz-appearance: none;
7587     border: none;
7588     color: #000 !important ;
7589     background-color: none !important;
7590     background: none !important;
7591     /* rest needed for Firefox: */
7592
7593     overflow: hidden;
7594   }
7595   #content textarea {
7596     height: auto !important ;
7597     min-height: 3.6em ;
7598     overflow-y: auto !important;
7599     min-width: 16em ;
7600     width: 100% !important;
7601     padding: 0 ;
7602     resize: vertical;
7603   }
7604   #content table.tbl-list td textarea {
7605     min-height: 4.2em !important;
7606   }
7607   #content table.tbl-list td input {
7608     padding-left: 0 !important;
7609   }
7610   #content span.data {
7611     width: auto;
7612     border: none ;
7613   }
7614   #content input.wi-date {
7615     align: left !important;
7616     padding: 0 !important;
7617   }
7618   #content select {
7619     padding: 0 0 0.4em 0.2em !important;
7620   }
7621   #content div.cke_editable {
7622     min-height: 1.8em  !important;
7623     height: auto !important;
7624     border: none;
7625     overflow: hidden !important;
7626   }
7627   #content a.button-image,
7628   #content a.button,
7629   #content input[type="button"],
7630   #content input.neutral,
7631   #content td img {
7632     display: none ;
7633   }
7634   #content input.wi-smallest,
7635   #content select.wi-smallest {
7636     width: 25px !important;
7637   }
7638   #content input.wi-verysmall,
7639   #content select.wi-verysmall {
7640     width: 48px !important;
7641   }
7642   #content input.wi-small,
7643   #content select.wi-small {
7644     width: 55px !important;
7645   }
7646   #content input.wi-mediumsmall,
7647   #content select.wi-mediumsmall {
7648     width: 74px !important;
7649   }
7650   #content input.wi-normal,
7651   #content select.wi-normal {
7652     width: 103px !important;
7653   }
7654   #content input.wi-lightwide,
7655   #content select.wi-lightwide {
7656     width: 132px !important;
7657   }
7658   #content input.wi-wide,
7659   #content select.wi-wide {
7660     width: 170px !important;
7661   }
7662   #content input.wi-wider,
7663   #content select.wi-wider {
7664     width: 209px !important;
7665   }
7666   #content input.wi-verywide,
7667   #content select.wi-verywide {
7668     width: 324px !important;
7669   }
7670 }
7671 /* ------------------------------------------------------------- */
7672 /* CUSTOM LESS STUFF (custom.less)                               */
7673 /* ------------------------------------------------------------- */
7674 /* ------------------------------------------------------------- */
7675 /* DEVELOPING (developing.less)                                  */
7676 /* ------------------------------------------------------------- */
7677 body.developing > header {
7678   background-color: #33001a;
7679   display: block;
7680   overflow: hidden;
7681 }
7682 body.developing > header h1 {
7683   float: left;
7684   color: #e6ccd9;
7685   padding: 1.0em;
7686 }
7687 body.developing > header nav {
7688   float: right;
7689   padding: 1.0em;
7690 }
7691 body.developing > header nav a:link,
7692 body.developing > header nav a:visited {
7693   color: white ;
7694 }
7695 body.developing .wrapper p,
7696 body.developing .wrapper ul,
7697 body.developing .wrapper ol,
7698 body.developing .wrapper li,
7699 body.developing .wrapper h2,
7700 body.developing .wrapper h3,
7701 body.developing .wrapper h4 {
7702   clear: both;
7703   width: 60.0em;
7704   max-width: 60em;
7705 }
7706 body.developing > p,
7707 body.developing > h2,
7708 body.developing > h3,
7709 body.developing > h4 {
7710   margin-left: 0.8em ;
7711 }
7712 body.developing h2,
7713 body.developing h3,
7714 body.developing h4 {
7715   font-weight: bold ;
7716   color: #000 !important;
7717   clear: left;
7718   padding-left: 0 !important;
7719 }
7720 body.developing h2 {
7721   font-size: 130%;
7722 }
7723 body.developing h3 {
7724   font-size: 120%;
7725 }
7726 body.developing h4 {
7727   font-size: 110%;
7728 }
7729 body.developing pre {
7730   margin: 0 0 1.0em 0 ;
7731   padding: 0.6em ;
7732   border: 1px #000 solid ;
7733   background-color: #ddd ;
7734   display: inline-block;
7735   clear: both;
7736 }
7737 body.developing pre code {
7738   padding: 0 ;
7739 }
7740 body.developing div.code-highlighted {
7741   margin: 0 0 1.0em 0 ;
7742   padding: 0.6em ;
7743   border: 1px #000 solid ;
7744   background-color: #ddd ;
7745   display: inline-block;
7746 }
7747 body.developing p.picture {
7748   background-color: #fff;
7749   padding: 0.8em;
7750   border: 1px #888888 solid;
7751   display: inline-block;
7752   width: auto;
7753 }
7754 body.developing .wrapper .tbl-horizontal {
7755   border: 1px black solid !important;
7756   border-collapse: collapse;
7757 }
7758 body.developing .wrapper .tbl-horizontal tbody {
7759   border-top: none;
7760 }
7761 body.developing .wrapper .tbl-horizontal caption,
7762 body.developing .wrapper .tbl-horizontal th {
7763   padding-left: 0.6em ;
7764 }
7765 body.developing .wrapper .tbl-horizontal th.caption {
7766   border-top: none;
7767   border-bottom: none;
7768 }
7769 body.developing .wrapper .tbl-horizontal.test th,
7770 body.developing .wrapper .tbl-horizontal.test-plain th {
7771   padding-left: 0.3em;
7772 }
7773 body.developing .wrapper .tbl-horizontal.test td,
7774 body.developing .wrapper .tbl-horizontal.test-plain td {
7775   display: block;
7776   overflow: visible;
7777   border-bottom: 1px #666666 solid;
7778 }
7779 body.developing .wrapper .tbl-horizontal.test tr:last-child td,
7780 body.developing .wrapper .tbl-horizontal.test-plain tr:last-child td {
7781   border: none ;
7782 }
7783 body.developing .wrapper.clear .tbl-horizontal {
7784   clear: both ;
7785 }
7786 body.developing .wrapper table.tbl-list > thead > tr th:first-child,
7787 body.developing .wrapper table.tbl-list > tbody > tr td:first-child {
7788   padding-left: 0 !important;
7789 }
7790 body.developing .wrapper div.test-box {
7791   font-size: 80% ;
7792   overflow: visible;
7793   padding: 0.3em 0.5em ;
7794   background-color: #9D9E9D;
7795   float: left;
7796   border: 1px #000 dotted ;
7797 }
7798 body.developing input[type="submit"],
7799 body.developing input[type="button"],
7800 body.developing input[type="button"].button,
7801 body.developing button[type="submit"],
7802 body.developing button[type="button"],
7803 body.developing a.button {
7804   color: #f7eef2;
7805   background-color: #33001a;
7806   border: 1px #220011 solid;
7807 }
7808 body.developing input[type="submit"].hover,
7809 body.developing input[type="button"].hover,
7810 body.developing input[type="button"].button.hover,
7811 body.developing button[type="submit"].hover,
7812 body.developing button[type="button"].hover,
7813 body.developing a.button.hover {
7814   color: #e6ccd9;
7815   background-color: #220011;
7816   border: 1px #000000 solid;
7817 }
7818 body.developing input[type="submit"].active,
7819 body.developing input[type="button"].active,
7820 body.developing input[type="button"].button.active,
7821 body.developing button[type="submit"].active,
7822 body.developing button[type="button"].active,
7823 body.developing a.button.active {
7824   color: #e6ccd9;
7825   background-color: #000000;
7826   border: 1px #000000 solid;
7827 }
7828 body.developing input[type="button"].neutral,
7829 body.developing input[type="submit"].neutral,
7830 body.developing input[type="reset"],
7831 body.developing input[type="reset"].neutral,
7832 body.developing button.neutral,
7833 body.developing button[type="reset"] {
7834   color: #220011;
7835   background-color: #e6ccd9;
7836   border: 1px #800040 solid;
7837 }
7838 body.developing input[type="button"].neutral.neutral-hover,
7839 body.developing input[type="submit"].neutral.neutral-hover,
7840 body.developing input[type="reset"].neutral-hover,
7841 body.developing input[type="reset"].neutral.neutral-hover,
7842 body.developing button.neutral.neutral-hover,
7843 body.developing button[type="reset"].neutral-hover {
7844   color: #220011;
7845   background-color: #f7eef2;
7846   border: 1px #800040 solid;
7847 }
7848 body.developing input[type="button"].neutral.neutral-active,
7849 body.developing input[type="submit"].neutral.neutral-active,
7850 body.developing input[type="reset"].neutral-active,
7851 body.developing input[type="reset"].neutral.neutral-active,
7852 body.developing button.neutral.neutral-active,
7853 body.developing button[type="reset"].neutral-active,
7854 body.developing input[type="button"].neutral.neutral-focus,
7855 body.developing input[type="submit"].neutral.neutral-focus,
7856 body.developing input[type="reset"].neutral-focus,
7857 body.developing input[type="reset"].neutral.neutral-focus,
7858 body.developing button.neutral.neutral-focus,
7859 body.developing button[type="reset"].neutral-focus {
7860   color: #000000;
7861   background-color: #800040;
7862   border: 1px #110009 solid;
7863 }
7864 /* ------------------------------------------------------------- */
7865 /* ICONS 16 (icons16.less)                                    */
7866 /* ------------------------------------------------------------- */
7867 .icon16 {
7868   background: url(../image/maps/icons16.png) 16px 0px no-repeat;
7869   padding: 0;
7870   width: 16px;
7871   height: 16px;
7872 }
7873 .icon16.admin {
7874   background-position: 0px 0px;
7875 }
7876 .icon16.ap {
7877   background-position: -16px 0px;
7878 }
7879 .icon16.ap_aging {
7880   background-position: -32px 0px;
7881 }
7882 .icon16.ap_report {
7883   background-position: -48px 0px;
7884 }
7885 .icon16.ap_transaction_add {
7886   background-position: -64px 0px;
7887 }
7888 .icon16.appointment {
7889   background-position: -80px 0px;
7890 }
7891 .icon16.ar {
7892   background-position: -96px 0px;
7893 }
7894 .icon16.ar_aging {
7895   background-position: -112px 0px;
7896 }
7897 .icon16.ar_report {
7898   background-position: -128px 0px;
7899 }
7900 .icon16.ar_transaction_add {
7901   background-position: -144px 0px;
7902 }
7903 .icon16.assembly_add {
7904   background-position: -160px 0px;
7905 }
7906 .icon16.assembly_produce {
7907   background-position: -176px 0px;
7908 }
7909 .icon16.assembly_report {
7910   background-position: -192px 0px;
7911 }
7912 .icon16.balance_sheet {
7913   background-position: -208px 0px;
7914 }
7915 .icon16.cash {
7916   background-position: -224px 0px;
7917 }
7918 .icon16.cash_report {
7919   background-position: -240px 0px;
7920 }
7921 .icon16.chart_of_accounts {
7922   background-position: -256px 0px;
7923 }
7924 .icon16.contact {
7925   background-position: -272px 0px;
7926 }
7927 .icon16.credit_note_add {
7928   background-position: -288px 0px;
7929 }
7930 .icon16.crm {
7931   background-position: -304px 0px;
7932 }
7933 .icon16.customer {
7934   background-position: -320px 0px;
7935 }
7936 .icon16.customer_add {
7937   background-position: -336px 0px;
7938 }
7939 .icon16.customer_report {
7940   background-position: -352px 0px;
7941 }
7942 .icon16.datev {
7943   background-position: -368px 0px;
7944 }
7945 .icon16.delivery_order_add {
7946   background-position: -384px 0px;
7947 }
7948 .icon16.delivery_order_report {
7949   background-position: -400px 0px;
7950 }
7951 .icon16.document_template {
7952   background-position: -416px 0px;
7953 }
7954 .icon16.dunning_add {
7955   background-position: -432px 0px;
7956 }
7957 .icon16.dunnings_report {
7958   background-position: -448px 0px;
7959 }
7960 .icon16.email {
7961   background-position: -464px 0px;
7962 }
7963 .icon16.follow_up {
7964   background-position: -480px 0px;
7965 }
7966 .icon16.gl {
7967   background-position: -496px 0px;
7968 }
7969 .icon16.gl_report {
7970   background-position: -512px 0px;
7971 }
7972 .icon16.help {
7973   background-position: -528px 0px;
7974 }
7975 .icon16.income_statement {
7976   background-position: -544px 0px;
7977 }
7978 .icon16.invoices_report {
7979   background-position: -560px 0px;
7980 }
7981 .icon16.journal {
7982   background-position: -576px 0px;
7983 }
7984 .icon16.knowledge {
7985   background-position: -592px 0px;
7986 }
7987 .icon16.label {
7988   background-position: -608px 0px;
7989 }
7990 .icon16.license_add {
7991   background-position: -624px 0px;
7992 }
7993 .icon16.license_report {
7994   background-position: -640px 0px;
7995 }
7996 .icon16.logout {
7997   background-position: -656px 0px;
7998 }
7999 .icon16.master_data {
8000   background-position: -672px 0px;
8001 }
8002 .icon16.master_data_report {
8003   background-position: -688px 0px;
8004 }
8005 .icon16.mdi_text_editor {
8006   background-position: -704px 0px;
8007 }
8008 .icon16.memo {
8009   background-position: -720px 0px;
8010 }
8011 .icon16.message {
8012   background-position: -736px 0px;
8013 }
8014 .icon16.opportunity {
8015   background-position: -752px 0px;
8016 }
8017 .icon16.package_lists {
8018   background-position: -768px 0px;
8019 }
8020 .icon16.part_add {
8021   background-position: -784px 0px;
8022 }
8023 .icon16.part_report {
8024   background-position: -800px 0px;
8025 }
8026 .icon16.payment {
8027   background-position: -816px 0px;
8028 }
8029 .icon16.payment_report {
8030   background-position: -832px 0px;
8031 }
8032 .icon16.phone {
8033   background-position: -848px 0px;
8034 }
8035 .icon16.preferences {
8036   background-position: -864px 0px;
8037 }
8038 .icon16.prices_update {
8039   background-position: -880px 0px;
8040 }
8041 .icon16.printing {
8042   background-position: -896px 0px;
8043 }
8044 .icon16.program {
8045   background-position: -912px 0px;
8046 }
8047 .icon16.project_add {
8048   background-position: -928px 0px;
8049 }
8050 .icon16.project_report {
8051   background-position: -944px 0px;
8052 }
8053 .icon16.project_transaction_report {
8054   background-position: -960px 0px;
8055 }
8056 .icon16.purchase_order_add {
8057   background-position: -976px 0px;
8058 }
8059 .icon16.purchase_order_printing {
8060   background-position: -992px 0px;
8061 }
8062 .icon16.purchase_order_report {
8063   background-position: -1008px 0px;
8064 }
8065 .icon16.quotation_add {
8066   background-position: -1024px 0px;
8067 }
8068 .icon16.quotation_printing {
8069   background-position: -1040px 0px;
8070 }
8071 .icon16.receipt {
8072   background-position: -1056px 0px;
8073 }
8074 .icon16.receipt_printing {
8075   background-position: -1072px 0px;
8076 }
8077 .icon16.receipt_report {
8078   background-position: -1088px 0px;
8079 }
8080 .icon16.reconcilliation {
8081   background-position: -1104px 0px;
8082 }
8083 .icon16.report {
8084   background-position: -1120px 0px;
8085 }
8086 .icon16.report_quotations {
8087   background-position: -1136px 0px;
8088 }
8089 .icon16.report_sales_orders {
8090   background-position: -1152px 0px;
8091 }
8092 .icon16.rfq_add {
8093   background-position: -1168px 0px;
8094 }
8095 .icon16.rfq_printing {
8096   background-position: -1184px 0px;
8097 }
8098 .icon16.rfq_report {
8099   background-position: -1200px 0px;
8100 }
8101 .icon16.sales_invoice_add {
8102   background-position: -1216px 0px;
8103 }
8104 .icon16.sales_invoice_printing {
8105   background-position: -1232px 0px;
8106 }
8107 .icon16.sales_order_add {
8108   background-position: -1248px 0px;
8109 }
8110 .icon16.sales_order_printing {
8111   background-position: -1264px 0px;
8112 }
8113 .icon16.search {
8114   background-position: -1280px 0px;
8115 }
8116 .icon16.service {
8117   background-position: -1296px 0px;
8118 }
8119 .icon16.service_add {
8120   background-position: -1312px 0px;
8121 }
8122 .icon16.service_report {
8123   background-position: -1328px 0px;
8124 }
8125 .icon16.status {
8126   background-position: -1344px 0px;
8127 }
8128 .icon16.system {
8129   background-position: -1360px 0px;
8130 }
8131 .icon16.transaction_add {
8132   background-position: -1376px 0px;
8133 }
8134 .icon16.user {
8135   background-position: -1392px 0px;
8136 }
8137 .icon16.user_group {
8138   background-position: -1408px 0px;
8139 }
8140 .icon16.ustva {
8141   background-position: -1424px 0px;
8142 }
8143 .icon16.vendor {
8144   background-position: -1440px 0px;
8145 }
8146 .icon16.vendor_add {
8147   background-position: -1456px 0px;
8148 }
8149 .icon16.vendor_report {
8150   background-position: -1472px 0px;
8151 }
8152 .icon16.version {
8153   background-position: -1488px 0px;
8154 }
8155 .icon16.warehouse {
8156   background-position: -1504px 0px;
8157 }
8158 .icon16.window_new {
8159   background-position: -1520px 0px;
8160 }