1 /* Stylesheet for kivitendo
2 * Name: lx-office-erp.css*/
4 /* The look of links */
5 A:link { color: mediumblue; text-decoration: none; }
6 A:visited { color: mediumblue; text-decoration: none; }
7 A:active { color: black; text-decoration: none; }
8 A:hover { color: black;
9 background-color: lemonchiffon;
10 text-decoration: none;
13 transition: background-color 0.2s;
14 -moz-transition: background-color 0.2s;
15 -webkit-transition: background-color 0.2s;
18 input, textarea, select {
20 border-color: darkgray lightgray lightgray;
23 background-color: white;
27 -moz-appearance: none;
28 -webkit-appearance: none;
31 background: white url('../../image/select-down.png') no-repeat scroll right center;
35 input:focus, textarea:focus, select:focus {
36 background-color: whitesmoke;
38 border-color: gray lightgray lightgray;
42 input:hover, textarea:hover, select:hover {
43 border-color: dimgray darkgray darkgray;
49 input[type="button"]:focus,
50 input[type="submit"]:focus,
53 border-color: darkgray;
56 -webkit-border-radius: 2px;
57 -moz-border-radius: 2px;
59 background-color: whitesmoke;
63 input[type="button"]:hover:enabled,
64 input[type="submit"]:hover:enabled {
66 background-color: lightgray;
69 -webkit-border-radius: 2px;
70 -moz-border-radius: 2px;
79 font-family: Verdana, Arial, Helvetica, sans-serif;
81 background-color: white;
82 background-image: url("../../image/fade.png"); background-repeat:repeat-x;
88 font-family: Verdana, Arial, Helvetica, sans-serif;
98 font-family: Verdana, Arial, Helvetica, sans-serif;
103 /* login and admin */
105 font-family: Verdana, Arial, Helvetica, sans-serif;
109 height: auto !important;
119 background-color: #efedde;
134 .message_error_login {
136 border: 1px solid #8b0000;
137 background-color: #ffcccc;
142 background-color: #ADFFB6;
151 background-color: #FFAAAA;
160 background-color: #FFFE66;
167 .message_error_label {
169 background-color: #FEE;
180 background-color: rgb(236,233,216);
192 background-image: url("../../image/fade2.png");
193 background-repeat:repeat-x;
199 background-image: url("../../image/fade2.png");
200 background-repeat:repeat-x;
205 .listheading, .listheading th, #content h2 {
213 background-image: url("../../image/fade.png");
218 .listheadingcontent {
226 .accountlistheading {
231 background-color:rgb(133,132,129);
237 text-decoration: underline;
251 .listrow1, .listrow:nth-child(even) { background-color: rgb(208,207,201); color: black; vertical-align: top; }
252 .listrow0, .listrow:nth-child(odd) { background-color: rgb(236,233,216); color: black; vertical-align: top; }
253 .listrowempty { background-color: rgb(255,255,255); color: black; vertical-align: top; }
254 .listrow_error1, .listrow_error:nth-child(even) { background-color: #F6CECE; color: black; vertical-align: top; }
255 .listrow_error0, .listrow_error:nth-child(odd) { background-color: #F5A9A9; color: black; vertical-align: top; }
257 .greenrow1 { background-color: rgb(0,250,0); color: black; vertical-align: top; }
258 .greenrow0 { background-color: rgb(0,255,0); color: black; vertical-align: top; }
260 .listsubtotal { background-color: rgb(236,233,216); color: black; font-weight: bolder;}
262 .listtotal, .listtotal td { background-color: rgb(236,233,216); color: black; font-weight: bolder;}
264 /* Verkaufsbericht */
265 .listmainsortheader { background-color: rgb(236,233,216); color: red; font-weight: bolder; padding-left: 10px; padding-top: 0px;}
266 .listmainsortsubtotal { background-color: rgb(236,233,216); color: red; font-weight: bolder; padding-left: 10px;}
267 .listsubsortheader { background-color: rgb(236,233,216); color: green; font-weight: bolder; padding-left: 20px}
268 .listsubsortsubtotal { background-color: rgb(236,233,216); color: green; font-weight: bolder; padding-left: 20px}
269 .listsortdescription { background-color: rgb(236,233,216); color: black; font-weight: normal; padding-left: 30px}
273 font-family: Verdana, Arial, Helvetica, sans-serif;
277 font-family: Verdana, Arial, Helvetica, sans-serif;
281 .plus0 { /* font color for negative numbers */
305 border: 1px solid blue;
315 background-color: #ffa0a0;
318 .flash_message_error {
319 background-color:#FFD6D6;
320 border: 1px solid #AE0014;
326 .flash_message_warning {
327 background-color:#FFE8C7;
328 border: 1px solid #FF6600;
334 .flash_message_info {
335 background-color:#DCF2FF;
336 border: 1px solid #4690FF;
346 /* Kontenliste Styles */
349 background-color: rgb(208,207,201);
355 background-color: rgb(236,233,216);
365 .coa_details_header {
373 .coa_details_header2 {
394 .customer-vendor-picker-undefined,
395 .chartpicker-undefined,
396 .projectpicker-undefined,
397 .partpicker-undefined {
401 div.part_picker_part,
402 div.chart_picker_chart {
406 border-color: darkgray;
408 -webkit-border-radius: 2px;
409 -moz-border-radius: 2px;
411 background-color: whitesmoke;
414 div.part_picker_part:hover,
415 div.chart_picker_chart:hover {
416 background-color: lightgray;
426 span.cpc_popup_button,
427 span.ppp_popup_button {
428 display: inline-block;
437 td span.cpc_popup_button,
438 th span.cpc_popup_button,
439 td span.ppp_popup_button,
440 th span.ppp_popup_button {
445 span.chart_picker input,
446 span.part_picker input {
448 background: white url("../../image/search.svg") no-repeat center right;
449 background-size: contain;
450 box-sizing: padding-box;
451 -moz-box-sizing: padding-box;
452 -webkit-box-sizing: padding-box;
455 td span.chart_picker input,
456 th span.chart_picker input,
457 td span.part_picker input,
458 th span.part_picker input {
464 /* white-space: nowrap;*/
467 div.ppp_block span.ppp_block_number,
468 div.cpc_block span.cpc_block_number
472 div.ppp_block span.ppp_block_description {
476 div.cpc_block span.cpc_block_description {
481 div.ppp_line span.ppp_block_description,
482 div.cpc_line span.cpc_block_description
487 div.ppp_line span.ppp_block_sellprice {
490 div.cpc_block span.cpc_block_balance {
493 div.cpc_block span.cpc_line_balance {
496 div.cpc_line span.cpc_block_second_row {
499 div.cpc_block span.cpc_block_second_row {
501 span.toggle_selected {
508 .customer_dunning_level {
512 background-color: DarkGreen;
513 color: white !important;
517 background-color:#FF8000;
521 background-color:#FF0000;
525 #expand_all, .expand {
532 /* Bank transactions */
533 #bank_transactions_proposals .invoice_number_highlight a,
534 #bank_transactions_proposals span.invoice_number_highlight {
535 background-color: #006400;
540 /* actionbar styling */
541 div.layout-actionbar {
546 /* background-color: whitesmoke; */
549 div.layout-actionbar-action {
550 -webkit-touch-callout: none; /* iOS Safari */
551 -webkit-user-select: none; /* Chrome/Safari/Opera */
552 -khtml-user-select: none; /* Konqueror */
553 -moz-user-select: none; /* Firefox */
554 -ms-user-select: none; /* Internet Explorer/Edge */
555 user-select: none; /* don't select text on double click */
556 transition: background-color 0s;
557 -moz-transition: background-color 0s;
558 -webkit-transition: background-color 0s;
561 div.layout-actionbar ~ div {
565 div.layout-actionbar-separator {
566 display: inline-block;
570 div.layout-actionbar div.layout-actionbar-submit,
571 div.layout-actionbar div.layout-actionbar-scriptbutton,
572 div.layout-actionbar div.layout-actionbar-submit:focus,
573 div.layout-actionbar div.layout-actionbar-scriptbutton:focus {
574 display: inline-block;
576 box-sizing: border-box;
579 border-color: darkgray;
582 -webkit-border-radius: 2px;
583 -moz-border-radius: 2px;
585 background-color: whitesmoke;
589 div.layout-actionbar div.layout-actionbar-submit:hover,
590 div.layout-actionbar div.layout-actionbar-scriptbutton:hover {
592 background-color: lightgray;
595 -webkit-border-radius: 2px;
596 -moz-border-radius: 2px;
600 div.layout-actionbar div.layout-actionbar-action-disabled,
601 div.layout-actionbar div.layout-actionbar-action-disabled:hover {
603 background-color: whitesmoke;
604 border-color: lightgray;
607 div.layout-actionbar-combobox {
609 display: inline-block;
612 div.layout-actionbar-combobox div.layout-actionbar-combobox-head div {
616 div.layout-actionbar-combobox div.layout-actionbar-combobox-head span {
617 display: inline-block;
618 border-width: 1px 1px 1px 1px;
620 border-color: darkgray;
627 -webkit-border-top-right-radius: 2px;
628 -webkit-border-bottom-right-radius: 2px;
629 -moz-border-radius-topright: 2px;
630 -moz-border-radius-bottomright: 2px;
631 border-top-right-radius: 2px;
632 border-bottom-right-radius: 2px;
633 background-color: whitesmoke;
636 div.layout-actionbar-combobox div.layout-actionbar-combobox-head span:hover {
637 background-color: lightgray;
640 div.layout-actionbar-combobox div.layout-actionbar-combobox-head span:after {
648 border-width: 3px 3px 0 3px;
650 border-color: black transparent;
653 div.layout-actionbar-combobox.active div.layout-actionbar-combobox-head span:after {
654 border-width: 0 3px 3px 3px;
658 div.layout-actionbar-combobox div.layout-actionbar-combobox-head {
664 div.layout-actionbar-combobox div.layout-actionbar-combobox-list {
670 div.layout-actionbar-combobox.active div.layout-actionbar-combobox-list {
671 display: inline-block;
675 div.layout-actionbar-combobox-list div.layout-actionbar-action {