2 if (!defined(
'ISLOADEDBYSTEELSHEET')) {
3 die(
'Must be call by steelsheet');
14 --colorbackhmenu1: rgb(<?php print $colorbackhmenu1; ?>);
15 --colorbackvmenu1: rgb(<?php print $colorbackvmenu1; ?>);
16 --colorbacktitle1: rgb(<?php print $colorbacktitle1; ?>);
17 --colorbacktabcard1: rgb(<?php print $colorbacktabcard1; ?>);
18 --colorbacktabactive: rgb(<?php print $colorbacktabactive; ?>);
19 --colorbacklineimpair1: rgb(<?php print $colorbacklineimpair1; ?>);
20 --colorbacklineimpair2: rgb(<?php print $colorbacklineimpair2; ?>);
21 --colorbacklinepair1: rgb(<?php print $colorbacklinepair1; ?>);
22 --colorbacklinepair2: rgb(<?php print $colorbacklinepair2; ?>);
23 --colorbacklinepairhover: rgb(<?php print $colorbacklinepairhover; ?>);
24 --colorbacklinepairchecked: rgb(<?php print $colorbacklinepairchecked; ?>);
25 --colorbacklinebreak: rgb(<?php print $colorbacklinebreak; ?>);
26 --colorbackbody: rgb(<?php print $colorbackbody; ?>);
27 --colorbackmobilemenu: #f8f8f8;
28 --colorbackgrey: #f0f0f0;
29 --colortexttitlenotab: rgb(<?php print $colortexttitlenotab; ?>);
30 --colortexttitlenotab2: rgb(<?php print $colortexttitlenotab2; ?>);
31 --colortexttitle: rgba(<?php print $colortexttitle; ?>, 0.9);
32 --colortexttitlelink: rgba(<?php print $colortexttitlelink; ?>, 0.9);
33 --colortext: rgb(<?php print $colortext; ?>);
34 --colortextlink: rgb(<?php print $colortextlink; ?>);
35 --colortextbackhmenu: #<?php print $colortextbackhmenu; ?>;
36 --colortextbackvmenu: #<?php print $colortextbackvmenu; ?>;
37 --colortopbordertitle1: rgb(<?php print $colortopbordertitle1; ?>);
38 --listetotal: #888888;
39 --inputbackgroundcolor: #FFF;
40 --inputbackgroundcolordisabled: #eee;
41 --inputcolordisabled: rgb(80, 80, 80);
42 --inputbordercolor: rgba(0,0,0,.15);
43 --tooltipbgcolor: <?php print $toolTipBgColor; ?>;
44 --tooltipfontcolor : <?php print $toolTipFontColor; ?>;
45 --oddevencolor: #202020;
46 --colorboxstatsborder: #e0e0e0;
47 --dolgraphbg: rgba(255,255,255,0);
48 --fieldrequiredcolor: #400030;
49 --colortextbacktab: #<?php print $colortextbacktab; ?>;
50 --colorboxiconbg: #eee;
52 --tableforfieldcolor:#888;
53 --amountremaintopaycolor:#880000;
54 --amountpaymentcomplete:#008800;
55 --amountremaintopaybackcolor:none;
56 --productlinestockod: #002200;
57 --productlinestocktoolow: #884400;
58 --infoboxmoduleenabledbgcolor : linear-gradient(0.4turn, #fff, #fff, #fff, #e4efe8);
59 --tablevalidbgcolor: rgb(252, 248, 227);
65 if (!empty($conf->global->THEME_DARKMODEENABLED)) {
66 print
"/* For dark mode */\n";
67 if ($conf->global->THEME_DARKMODEENABLED != 2) {
68 print
"@media (prefers-color-scheme: dark) {";
70 print
"@media not print {";
73 --colorbackhmenu1: #3d3e40;
74 --colorbackvmenu1: #2b2c2e;
75 --colorbacktitle1: #2b2d2f;
76 --colorbacktabcard1: #1d1e20; /* Must be same than colorbackbody */
77 --colorbacktabactive: rgb(220,220,220);
78 --colorbacklineimpair1: #38393d;
79 --colorbacklineimpair2: #2b2d2f;
80 --colorbacklinepair1: #38393d;
81 --colorbacklinepair2: #2b2d2f;
82 --colorbacklinepairhover: #2b2d2f;
83 --colorbacklinepairchecked: #0e5ccd;
84 --colorbackbody: #1d1e20;
85 --colorbackmobilemenu: #080808;
86 --colorbackgrey: #0f0f0f;
87 --tooltipbgcolor: #2b2d2f;
88 --colortexttitlenotab: rgb(220,220,220);
89 --colortexttitlenotab2: rgb(220,220,220);
90 --colortexttitle: rgb(220,220,220);
91 --colortext: rgb(220,220,220);
92 --colortextlink: #4390dc;
93 --colortexttitlelink: #4390dc;
94 --colortextbackhmenu: rgb(220,220,220);
95 --colortextbackvmenu: rgb(220,220,220);
96 --tooltipfontcolor : rgb(220,220,220);
97 --listetotal: rgb(245, 83, 158);
98 --inputbackgroundcolor: rgb(70, 70, 70);
99 --inputbackgroundcolordisabled: rgb(60, 60, 60);
100 --inputcolordisabled: rgb(140, 140, 140);
101 --inputbordercolor: rgb(220,220,220);
102 --oddevencolor: rgb(220,220,220);
103 --colorboxstatsborder: rgb(65,100,138);
104 --dolgraphbg: #1d1e20;
105 --fieldrequiredcolor: rgb(250,183,59);
106 --colortextbacktab: rgb(220,220,220);
107 --colorboxiconbg: rgb(36,38,39);
108 --refidnocolor: rgb(220,220,220);
109 --tableforfieldcolor:rgb(220,220,220);
110 --amountremaintopaycolor:rgb(252,84,91);
111 --amountpaymentcomplete:rgb(101,184,77);
112 --amountremaintopaybackcolor:rbg(245,130,46);
113 --infoboxmoduleenabledbgcolor : linear-gradient(0.4turn, #000, #000, #000, #274231);
114 --tablevalidbgcolor: rgb(80, 64, 33);
127 <?php
if (
GETPOST(
'optioncss',
'aZ09') ==
'print') { ?>
128 background-color: #FFFFFF;
130 font-size: <?php print is_numeric($fontsize) ? $fontsize.
'px' : $fontsize; ?>;
132 font-family: <?php print $fontlist ?>;
138 background-color: var(--colorbackbody);
139 <?php print
'direction: '.$langs->trans(
"DIRECTION").
";\n"; ?>
143 .sensiblehtmlcontent * {
147 .thumbstat { font-weight: bold !important; }
148 th a { font-weight: <?php echo ($useboldtitle ?
'bold' :
'normal'); ?> !important; }
149 a.tab { font-weight: 500 !important; }
151 a:link, a:visited, a:hover, a:active, .classlink { color: var(--colortextlink); text-decoration: none; }
152 a:hover { text-decoration: underline; color: var(--colortextlink); }
153 a.commonlink { color: var(--colortextlink) !important; text-decoration: none; }
155 th.liste_titre a div div:hover, th.liste_titre_sel a div div:hover { text-decoration: underline; }
156 tr.liste_titre th.liste_titre_sel:not(.maxwidthsearch), tr.liste_titre td.liste_titre_sel:not(.maxwidthsearch),
157 tr.liste_titre th.liste_titre:not(.maxwidthsearch), tr.liste_titre td.liste_titre:not(.maxwidthsearch) { opacity: 0.8; }
159 tr.liste_titre_filter th.liste_titre { text-align: unset; }
164 select.vmenusearchselectcombo {
165 background-color: unset;
168 table.liste th.wrapcolumntitle.liste_titre:not(.maxwidthsearch), table.liste td.wrapcolumntitle.liste_titre:not(.maxwidthsearch),
169 table.liste th.wrapcolumntitle.liste_titre_sel:not(.maxwidthsearch), table.liste td.wrapcolumntitle.liste_titre_sel:not(.maxwidthsearch) {
173 text-overflow: ellipsis;
175 th.wrapcolumntitle dl dt a span.fas.fa-list {
177 vertical-align: bottom;
194 .liste_titre input[
name=search_month] {
198 select#date_startday, select#date_startmonth, select#date_endday, select#date_endmonth, select#reday, select#remonth,
199 input, input.flat, form.flat select, select, select.flat, .dataTables_length label select {
202 input, input.flat, textarea, textarea.flat, form.flat select, select, select.flat, .dataTables_length label select {
203 color: var(--colortext);
205 font-family: <?php print $fontlist ?>;
207 margin: 0px 0px 0px 0px;
208 background-color: var(--inputbackgroundcolor);
209 <?php
if (empty($conf->global->THEME_ADD_BACKGROUND_ON_INPUT)) { ?>
210 border<?php echo empty($conf->global->THEME_SHOW_BORDER_ON_INPUT) ?
'-bottom' :
''; ?>: solid 1px var(--inputbordercolor);
214 .liste_titre input, .liste_titre select {
216 border<?php echo empty($conf->global->THEME_SHOW_BORDER_ON_INPUT) ?
'-bottom' :
''; ?>: solid 1px var(--inputbordercolor);
219 .pageplusone, .divadvancedsearchfieldcompinput,
220 div.tabBar input, div.tabBar input.flat, div.tabBar textarea, div.tabBar textarea.flat, div.tabBar form.flat select, div.tabBar select, div.tabBar select.flat, div.tabBar .dataTables_length label select
222 border<?php echo empty($conf->global->THEME_SHOW_BORDER_ON_INPUT) ?
'-bottom' :
''; ?>: solid 1px var(--inputbordercolor);
224 if (!empty($conf->global->THEME_ADD_BACKGROUND_ON_INPUT)) { ?>
225 background-color: #f8f8fa;
226 border-bottom-left-radius: 0;
227 border-bottom-right-radius: 0;
232 .divadvancedsearchfieldcompinput {
234 border-bottom: solid 1px var(--inputbordercolor);
237 input[
name=duration_value], input[
name=durationhour]
239 margin-right: 4px !important;
241 input[
type=submit], input[
type=submit]:hover {
244 input[
type=checkbox], input[
type=radio] {
252 .tableforfield input, .refidno input {
266 #mainbody input.button:not(.buttongen):not(.bordertransp), #mainbody a.button:not(.buttongen):not(.bordertransp) {
267 background: var(--butactionbg);
268 color: var(--textbutaction);
270 border-collapse: collapse;
273 #mainbody span.websitetools input.button:not(.buttongen):not(.bordertransp) {
274 color: #000 !important;
276 #mainbody input.buttongen, #mainbody button.buttongen {
280 -webkit-box-shadow: 0px 0px 6px 1px rgb(50 50 50 / 40%), 0px 0px 0px rgb(60 60 60 / 10%);
281 box-shadow: 0px 0px 6px 1px rgb(50 50 50 / 40%), 0px 0px 0px rgb(60 60 60 / 10%);
287 input.button.massactionconfirmed {
291 input:invalid, select:invalid, input.--error , select.--error {
292 border-color: #ea1212;
295 section.setupsection {
297 background-color: var(--colorbackgrey);
301 .field-error-icon { color: #ea1212 !important; }
304 div.tabBar textarea:focus {
305 border: 1px solid #aaa !important;
307 input:focus:not(.
button):not(.buttonwebsite):not(.buttonreset):not(.select2-search__field):not(#top-bookmark-search-input):not(.search_component_input):not(.input-nobottom),
308 select:focus, .select2-container--open [aria-expanded=
"false"].select2-selection--single {
309 border-bottom: 1px solid #666 !important;
310 border-bottom-left-radius: 0 !important;
311 border-bottom-right-radius: 0 !important;
313 textarea.cke_source:focus
322 border-top: solid 1px var(--inputbordercolor);
323 border-left: solid 1px var(--inputbordercolor);
324 border-right: solid 1px var(--inputbordercolor);
325 border-bottom: solid 1px var(--inputbordercolor);
332 input.removedassigned {
333 padding: 2px !important;
334 vertical-align: text-bottom;
338 padding-left: 0px !important;
339 padding-right: 0px !important;
342 vertical-align: middle;
344 input.buttonpayment,
button.buttonpayment, div.buttonpayment {
349 background-image: none;
355 background-color: #9999bb;
357 box-shadow: 1px 1px 4px #bbb;
366 .nofocusvisible:focus-visible {
370 div.buttonpayment input:focus {
373 .buttonpaymentsmall {
378 div.buttonpayment input {
379 background-color: unset;
381 border-bottom: unset;
383 text-transform: uppercase;
386 input.buttonpaymentcb {
387 background-image: url(<?php echo
dol_buildpath($path.
'/theme/common/credit_card.png', 1) ?>);
388 background-size: 26px;
389 background-repeat: no-repeat;
392 input.buttonpaymentcheque {
393 background-image: url(<?php echo
dol_buildpath($path.
'/theme/common/cheque.png', 1) ?>);
394 background-size: 24px;
395 background-repeat: no-repeat;
398 input.buttonpaymentpaypal {
399 background-image: url(<?php echo
dol_buildpath($path.
'/paypal/img/object_paypal.png', 1) ?>);
400 background-repeat: no-repeat;
403 input.buttonpaymentpaybox {
404 background-image: url(<?php echo
dol_buildpath($path.
'/paybox/img/object_paybox.png', 1) ?>);
405 background-repeat: no-repeat;
408 input.buttonpaymentstripe {
409 background-image: url(<?php echo
dol_buildpath($path.
'/stripe/img/object_stripe.png', 1) ?>);
410 background-repeat: no-repeat;
413 .logopublicpayment #dolpaymentlogo {
416 image-rendering: -webkit-optimize-contrast;
422 background-color: transparent;
423 color: var(--colortext) !important;
424 border: 2px solid var( --butactionbg) !important;
425 margin: 0 0.45em !important;
428 span.userimg.notfirst {
433 span.timesheetalreadyrecorded input {
435 border-bottom: solid 1px rgba(0,0,0,0.4);
436 margin-right: 1px !important;
438 td.onholidaymorning, td.onholidayafternoon {
439 background-color: #fdf6f2;
442 background-color: #f4eede;
444 td.onholidayallday:not(.weekend) input {
445 background-color: #f8f7f0;
448 background-color: #eee;
451 background-color: #f8f8f8;
462 border-right: 1px solid #ccc;
465 td.amount, span.amount, div.amount, b.amount {
471 select.flat, form.flat select, .pageplusone {
480 .paginationlastpage a {
485 filter: saturate(0.8);
489 color: var(--colortextlink);
491 .optiongrey, .opacitymedium {
494 .opacitymediumbycolor {
495 color: rgba(0, 0, 0, 0.4);
507 color: var(--colorwhite);
510 color: #888 !important;
513 color: var(--colorblack);
516 font-size: unset !important;
519 transform: scale(1, -1);
522 transform: scale(-1, 1);
525 select:invalid, select.--error {
528 input:disabled, textarea:disabled, select[disabled=
'disabled']
530 background: var(--inputbackgroundcolordisabled);
531 color: var(--inputcolordisabled);
535 box-shadow: none !important;
538 padding: 0px !important;
539 border: 0px !important;
540 vertical-align: text-bottom;
543 background-color: transparent;
545 <?php
if (empty($conf->global->THEME_SHOW_BORDER_ON_INPUT)) { ?>
550 border<?php echo empty($conf->global->THEME_SHOW_BORDER_ON_INPUT) ?
'-bottom' :
''; ?>: solid 1px var(--inputbordercolor);
552 input[
type=checkbox] { background-color: transparent; border: none; box-shadow: none; }
553 input[
type=radio] { background-color: transparent; border: none; box-shadow: none; }
554 input[
type=image] { background-color: transparent; border: none; box-shadow: none; }
555 input:-webkit-autofill {
556 background-color: #FDFFF0 !important;
557 background-image:none !important;
558 -webkit-box-shadow: 0 0 0 50px #FDFFF0 inset;
562 .placeholder { color: #ccc; }
563 ::-webkit-input-placeholder { color: #ccc; }
564 input:-moz-placeholder { color: #ccc; }
566 input[
name=
price], input[
name=weight], input[
name=volume], input[
name=surface], input[
name=sizeheight], input[
name=net_measure], select[
name=incoterm_id] { margin-right: 6px; }
568 border: 1px solid #aaa !important;
569 padding-
inline-
start: 2em;
570 padding-
inline-end: 2em;
571 min-
inline-size:
auto;
573 #div_container_exportoptions fieldset, #div_container_sub_exportoptions fieldset {
574 border: 1px solid #ccc !important;
576 .legendforfieldsetstep { padding-bottom: 10px; }
577 input#onlinepaymenturl, input#directdownloadlink {
581 .formconsumeproduce {
583 padding: 20px 0px 0px 0px;
587 div#moretabsList, div#moretabsListaction {
591 hr { border: 0; border-top: 1px solid #ccc; }
592 .tabBar hr { margin-top: 20px; margin-bottom: 17px; }
595 table.tableforfield .button:not(.bordertransp):not(.buttonpayment),
596 table.tableforfield .buttonDelete:not(.bordertransp):not(.buttonpayment) {
601 .button:not(.bordertransp):not(.buttonpayment),
602 .buttonDelete:not(.bordertransp):not(.buttonpayment) {
607 font-family: <?php print $fontlist ?>;
608 display:
inline-block;
613 text-decoration: none !important;
614 background-color: #f5f5f5;
615 background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
616 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
617 background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
618 background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
619 background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
620 background-repeat: repeat-x;
621 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
622 border: 1px solid
#aaa;
623 -webkit-border-radius: 2px;
627 text-transform: uppercase;
630 .valuefield .button, .valuefieldcreate .button, .refidno .button:not(.smallpaddingimp) {
631 margin-top: 0 !important;
632 margin-bottom: 0 !important;
633 font-size: 0.85em !important;
634 padding: 5px !important;
636 .button:focus, .buttonDelete:focus {
637 -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 60, 0.2), 0px 0px 0px rgba(60,60,60,0.1);
638 box-shadow: 0px 0px 5px 1px rgba(0, 0, 60, 0.2), 0px 0px 0px rgba(60,60,60,0.1);
640 .button:hover:not(.nohover), .buttonDelete:hover:not(.nohover) {
642 -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2), 0px 0px 0px rgba(60,60,60,0.1);
643 box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2), 0px 0px 0px rgba(60,60,60,0.1);
645 .button:disabled, .buttonDelete:disabled, .button.disabled, .buttonDelete.disabled {
648 -webkit-box-shadow: none;
650 text-decoration: none;
653 pointer-events: none;
657 -webkit-box-shadow: none;
659 .button_search, .button_removefilter {
661 background-color: unset;
663 .button_search:hover, .button_removefilter:hover {
673 div.float, span.floatleft
675 float:<?php print $left; ?>;
679 float:<?php print $right; ?>;
687 display:
inline-block;
691 display:
inline-block !important;
696 button[
name=
'button_search_x'] span.fa.fa-search {
699 button[
name=
'button_removefilter_x'] span.fa.fa-
remove {
707 padding-<?php echo $left; ?>: 3px;
714 -webkit-box-shadow: none !important;
715 box-shadow: none !important;
716 -webkit-border-radius:0px !important;
717 border-radius:0px !important;
727 vertical-align: middle;
730 vertical-align: bottom;
733 vertical-align: text-bottom;
739 width: 100% !important;
741 .centpercentwithout1imp {
742 width: calc(100% - 1px) !important;
744 .centpercentwithoutmenu {
745 width: calc(100% - 200px);
747 .quatrevingtpercent, .inputsearch {
750 .maxquatrevingtpercent {
756 .quatrevingtquinzepercent {
759 .quatrevingtpercentminusx {
760 width: calc(80% - 52px);
762 textarea.centpercent {
775 .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
778 .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
785 transform: scaleX(-1) translate(<?php print ($left == 'left' ? '' : '-'); ?>2px, 0);
788 transform: rotate(90deg) translate(0, <?php print ($left ==
'left' ?
'' :
'-'); ?>2px);
795 text-align: center !important;
807 text-align: <?php print $left; ?>;
810 text-align: <?php print $right; ?>;
816 float: left!important;
819 float: right!important;
822 white-space: <?php print ($dol_optimize_smallscreen ?
'normal' :
'nowrap'); ?>;
824 .nowraponsmartphone {
825 white-space: <?php print ($dol_optimize_smallscreen ?
'nowrap' :
'normal'); ?>;
828 white-space: <?php print ($dol_optimize_smallscreen ?
'normal' :
'nowrap'); ?>;
830 .liste_titre .nowrap {
837 white-space: normal !important;
840 word-wrap:
break-word;
843 word-
break:
break-word;
846 word-
break:
break-word;
849 word-
break:
break-all;
855 font-weight: bold !important;
858 font-weight: normal !important;
861 text-transform: uppercase;
864 text-decoration: none;
867 text-decoration: none !important;
879 padding-left: 0 !important;
882 padding-right: 0 !important;
885 padding-<?php print $left; ?>: 4px;
888 padding-<?php print $left; ?>: 4px !important;
891 padding-<?php print $left; ?>: 2px;
894 padding-<?php print $left; ?>: 2px !important;
897 padding-<?php print $right; ?>: 4px;
900 padding-<?php print $right; ?>: 4px !important;
903 padding-<?php print $right; ?>: 2px;
906 padding-<?php print $right; ?>: 2px !important;
921 margin-<?php print $left; ?>: 2px;
924 margin-<?php print $right; ?>: 2px;
927 margin-<?php print $left; ?>: unset;
930 margin-<?php print $right; ?>: unset;
933 width: unset !important;
941 .classfortooltiponclick .fa-question-circle {
954 background-color: #fff;
956 .nobackground, .nobackground tr {
957 background: unset !important;
959 .checkboxattachfilelabel {
964 border: 1px solid #888 !important;
967 color : <?php print $textWarning; ?>
981 background-color: #f0f0f8;
984 div.urllink, div.urllink a {
985 color: #339 !important;
988 i.fa-mars::before, i.fa-venus::before, i.fa-genderless::before, i.fa-transgender::before {
989 color: #888 !important;
991 padding-<?php echo $left; ?>: 3px;
993 .stockmovemententry {
995 transform: rotate(0.25turn);
1000 transform: rotate(0.3turn);
1007 body[
class*=
"colorblind-"] .text-warning{
1008 color : <?php print $colorblind_deuteranopes_textWarning; ?>
1011 color : <?php print $textSuccess; ?>
1013 body[
class*=
"colorblind-"] .text-success{
1014 color : <?php print $colorblind_deuteranopes_textSuccess; ?>
1018 color : <?php print $textDanger; ?>
1021 .editfielda span.fa-pencil-alt, .editfielda span.fa-pencil-ruler, .editfielda span.fa-trash, .editfielda span.fa-crop,
1023 color: #ccc !important;
1025 .editfielda span.fa-pencil-alt:hover, .editfielda span.fa-pencil-ruler:hover, .editfielda span.fa-trash:hover, .editfielda span.fa-crop:hover,
1026 .editfieldlang:hover {
1027 color: var(--colortexttitle) !important;
1029 a.editfielda.nohover *:hover:before {
1030 color: #ccc !important;
1037 float: none !important;
1040 span.fa.fa-plus-circle.paddingleft {
1043 padding-bottom: 2px;
1046 .size15x { font-size: 1.5em !important; }
1047 .fa-toggle-on, .fa-toggle-off, .size2x { font-size: 2em; }
1048 .websiteselectionsection .fa-toggle-on, .websiteselectionsection .fa-toggle-off,
1049 .asetresetmodule .fa-toggle-on, .asetresetmodule .fa-toggle-off,
1050 .tdwebsitesearchresult .fa-toggle-on, .tdwebsitesearchresult .fa-toggle-off
1052 font-size: 1.5em; vertical-align: text-bottom;
1057 white-space: nowrap;
1058 vertical-align: middle;
1059 text-overflow: ellipsis;
1065 <?php include
dol_buildpath($path.
'/theme/'.$theme.
'/badges.inc.php', 0); ?>
1069 border-right: 1px solid #DDD;
1073 border-left: 1px solid #DDD;
1078 #formuserfile input[type='file'] {
1089 #formuserfile_link {
1092 #formuserfile_link input[type='text'] {
1095 .listofinvoicetype {
1097 vertical-align: middle;
1099 .divsocialnetwork:not(:last-child) {
1100 padding-<?php print $right; ?>: 20px;
1102 div.divsearchfield {
1104 display:
inline-block;
1105 margin-<?php print $right; ?>: 12px;
1106 margin-<?php print $left; ?>: 2px;
1112 background-color: rgba(0, 0, 0, 0.08);
1116 .divsearchfieldfilter {
1117 text-overflow: clip;
1119 padding-bottom: 5px;
1123 .divadvancedsearchfield:first-child {
1126 .divadvancedsearchfield {
1129 padding-right: 15px;
1130 padding-bottom: 2px;
1133 .divadvancedsearchfield span.select2.select2-container.select2-container--
default {
1136 .search_component_params {
1138 -webkit-flex-flow: row wrap;
1139 flex-flow: row wrap;
1142 padding-bottom: 3px;
1143 padding-<?php echo $left; ?>: 0;
1144 padding-<?php echo $right; ?>: 0;
1145 border-bottom: solid 1px var(--inputbordercolor);
1149 .search_component_searchtext {
1152 .search_component_params_text, .search_component_params_text:focus {
1153 border-bottom: none;
1155 margin: 0 !important;
1161 padding-bottom: 3px;
1168 display:
inline-block;
1185 .a-filter, .a-mesure {
1186 border-radius: 50px;
1187 background: var(--colortexttitlenotab);
1189 padding: 8px 10px 8px 6px;
1197 .a-filter:before, .a-mesure:before {
1198 font-family:
"Font Awesome 5 Free";
1203 .a-filter-disabled, .a-mesure-disabled {
1204 border-radius: 50px;
1205 background: var(--colorbacktitle1);
1218 top:calc(50% - 200px);
1219 left:calc(50% - 250px);
1223 border: 1px solid #bbb;
1224 box-shadow: 2px 2px 20px #ddd;
1234 div.div-
for-modal-topright {
1242 border: 1px solid #bbb;
1243 box-shadow: 2px 2px 20px #ddd;
1250 if ($conf->browser->layout ==
'phone') {
1252 .divsearchfieldfilter {
1253 white-space: nowrap;
1256 div.confirmmessage {
1267 list-style-
type: none;
1274 padding-bottom: 4px;
1278 padding-bottom: 10px;
1283 vertical-align: middle;
1285 select.flat.selectlimit {
1288 border-bottom: 1px solid var(--inputbordercolor);
1289 border-bottom-left-radius: 0;
1290 border-bottom-right-radius: 0;
1292 .selectlimit, .marginrightonly {
1293 margin-<?php echo $right; ?>: 10px !important;
1296 margin-<?php echo $left; ?>: 10px !important;
1298 .marginleftonlyshort {
1299 margin-<?php echo $left; ?>: 4px !important;
1302 margin-<?php echo $left; ?>: 0px !important;
1305 margin-top: 10px !important;
1307 .margintoponlyshort {
1308 margin-top: 3px !important;
1311 margin-bottom: 10px !important;
1313 .marginbottomonlyshort {
1314 margin-bottom: 3px !important;
1317 margin-top: 0 !important;
1320 margin-bottom: 0 !important;
1322 .selectlimit, .selectlimit:focus {
1323 border-left: none !important;
1324 border-top: none !important;
1325 border-right: none !important;
1328 .strikefordisabled {
1329 text-decoration: line-through;
1336 text-overflow: unset;
1341 text-overflow: ellipsis;
1342 white-space: nowrap;
1346 text-overflow: ellipsis;
1351 text-overflow: ellipsis;
1352 white-space: nowrap;
1357 text-overflow: ellipsis;
1358 white-space: nowrap;
1363 text-overflow: ellipsis;
1364 white-space: nowrap;
1366 .tdoverflowmax80imp {
1367 max-width: 80px !important;
1369 text-overflow: ellipsis;
1370 white-space: nowrap;
1375 text-overflow: ellipsis;
1376 white-space: nowrap;
1378 .tdoverflowmax100imp {
1379 max-width: 100px !important;
1381 text-overflow: ellipsis;
1382 white-space: nowrap;
1387 text-overflow: ellipsis;
1388 white-space: nowrap;
1393 text-overflow: ellipsis;
1394 white-space: nowrap;
1399 text-overflow: ellipsis;
1400 white-space: nowrap;
1405 text-overflow: ellipsis;
1406 white-space: nowrap;
1411 text-overflow: ellipsis;
1412 white-space: nowrap;
1417 text-overflow: ellipsis;
1418 white-space: nowrap;
1423 text-overflow: ellipsis;
1424 white-space: nowrap;
1430 .divintowithtwolinesmax {
1432 display: -webkit-box;
1433 -webkit-box-orient: vertical;
1434 -webkit-line-clamp: 2;
1438 display: -webkit-box;
1439 -webkit-box-orient: vertical;
1440 -webkit-line-clamp: 2;
1442 height:
auto !important;
1445 display: -webkit-box;
1446 -webkit-box-orient: vertical;
1447 -webkit-line-clamp: 10;
1451 .tablelistofcalendars {
1452 margin-top: 25px !important;
1459 table.paymenttable td.amountpaymentcomplete, table.paymenttable td.amountremaintopay, table.paymenttable td.amountremaintopayback {
1461 padding-bottom: 0px;
1463 .amountalreadypaid {
1465 .amountpaymentcomplete {
1466 color: var(--amountpaymentcomplete);
1470 .amountremaintopay {
1471 color: var(--amountremaintopaycolor);
1475 .amountremaintopayback {
1476 color: var(--amountremaintopaybackcolor);
1480 .amountpaymentneutral {
1485 .onlinepaymentbody .amountpaymentcomplete {
1486 background-color: var(--amountpaymentcomplete);
1494 margin-bottom: 12px;
1496 #builddoc_form ~ .showlinkedobjectblock {
1501 .moduledesclong p img, .moduledesclong p a img {
1502 max-width: 90% !important;
1503 height:
auto !important;
1507 border: 1px solid #ccc;
1508 box-shadow: 1px 1px 25px #aaa;
1509 max-width: calc(100% - 56px);
1511 .fa-file-text-o, .fa-file-
code-o, .fa-file-powerpoint-o, .fa-file-excel-o, .fa-file-word-o, .fa-file-o, .fa-file-image-o, .fa-file-video-o, .fa-file-audio-o, .fa-file-archive-o, .fa-file-pdf-o {
1527 .div-table-responsive, .div-table-responsive-no-min {
1531 .div-table-responsive {
1535 div.fiche>form>div.div-table-responsive, div.fiche>form>div.div-table-responsive-no-min {
1538 div.fiche>form>div.div-table-responsive {
1541 div.fiche>div.tabBar>form>div.div-table-responsive {
1549 <?php
if (in_array($conf->browser->name, array(
'chrome',
'firefox'))) {
1550 echo
'display: inline-flex;'.
"\n";
1552 flex-flow: row wrap;
1553 justify-content: flex-
start;
1563 .thumbstat, .thumbstat150 {
1564 <?php
if ($conf->browser->name ==
'ie') { ?>
1574 select.selectarrowonleft {
1577 select.selectarrowonleft option {
1581 table[summary=
"list_of_modules"] .fa-cog {
1585 .linkedcol-element {
1589 white-space: nowrap;
1597 maxscreenheightless200 {
1598 max-height: <?php echo isset($_SESSION[
'dol_screenheight']) ? max(500, (
int) $_SESSION[
'dol_screenheight'] - 200) : 700; ?>px;
1600 .maxscreenheightless300 {
1601 max-height: <?php echo isset($_SESSION[
'dol_screenheight']) ? max(400, (
int) $_SESSION[
'dol_screenheight'] - 300) : 700; ?>px;
1611 .clearboth { clear:both; }
1613 .hideobject { display: none; }
1614 .minwidth25 { min-width: 25px; }
1615 .minwidth50 { min-width: 50px; }
1616 .minwidth75 { min-width: 75px; }
1618 @media only screen and (min-width: <?php echo empty($conf->global->THEME_ELDY_WITDHOFFSET_FOR_REDUC3) ? round($nbtopmenuentries * 47, 0) + 130 : $conf->global->THEME_ELDY_WITDHOFFSET_FOR_REDUC3; ?>px)
1620 .width20 { width: 20px; }
1621 .width25 { width: 25px; }
1622 .width50 { width: 50px; }
1623 .width75 { width: 75px; }
1624 .width100 { width: 100px; }
1625 .width200 { width: 200px; }
1626 .minwidth100 { min-width: 100px; }
1627 .minwidth150 { min-width: 150px; }
1628 .minwidth200 { min-width: 200px; }
1629 .minwidth250 { min-width: 250px; }
1630 .minwidth300 { min-width: 300px; }
1631 .minwidth400 { min-width: 400px; }
1632 .minwidth500 { min-width: 500px; }
1633 .minwidth50imp { min-width: 50px !important; }
1634 .minwidth75imp { min-width: 75px !important; }
1635 .minwidth100imp { min-width: 100px !important; }
1636 .minwidth200imp { min-width: 200px !important; }
1637 .minwidth250imp { min-width: 250px !important; }
1638 .minwidth300imp { min-width: 300px !important; }
1639 .minwidth400imp { min-width: 400px !important; }
1640 .minwidth500imp { min-width: 500px !important; }
1642 .widthauto { width:
auto; }
1643 .width20 { width: 20px; }
1644 .width25 { width: 25px; }
1645 .width40 { width: 40px; }
1646 .width50 { width: 50px; }
1647 .width75 { width: 75px; }
1648 .width100 { width: 100px; }
1649 .width125 { width: 125px; }
1650 .width150 { width: 150px; }
1651 .width200 { width: 200px; }
1652 .width250 { width: 250px; }
1653 .width300 { width: 300px; }
1654 .width400 { width: 400px; }
1655 .width500 { width: 500px; }
1656 .maxwidth25 { max-width: 25px; }
1657 .maxwidth40 { max-width: 40px; }
1658 .maxwidth50 { max-width: 50px; }
1659 .maxwidth75 { max-width: 75px; }
1660 .maxwidthdate { max-width: 85px; }
1661 .maxwidth100 { max-width: 100px; }
1662 .maxwidth125 { max-width: 125px; }
1663 .maxwidth150 { max-width: 150px; }
1664 .maxwidth200 { max-width: 200px; }
1665 .maxwidth250 { max-width: 250px; }
1666 .maxwidth300 { max-width: 300px; }
1667 .maxwidth400 { max-width: 400px; }
1668 .maxwidth500 { max-width: 500px; }
1669 .maxwidth750 { max-width: 750px; }
1670 .maxwidth1000 { max-width: 1000px; }
1671 .maxwidth50imp { max-width: 50px !important; }
1672 .maxwidth75imp { max-width: 75px !important; }
1674 .minwidth100onall { min-width: 100px !important; }
1675 .minwidth200onall { min-width: 200px !important; }
1676 .minwidth250onall { min-width: 250px !important; }
1678 .minheight20 { min-height: 20px; }
1679 .minheight30 { min-height: 30px; }
1680 .minheight40 { min-height: 40px; }
1681 .titlefieldcreate { width: 20%; }
1682 .titlefield { min-width: 250px; width: 25%; }
1683 .titlefieldmiddle { width: 45%; }
1684 .titlefieldmax45 { max-width: 45%; }
1685 .imgmaxwidth180 { max-width: 180px; }
1686 .imgmaxheight50 { max-height: 50px; }
1688 .width20p { width:20%; }
1689 .width25p { width:25%; }
1690 .width40p { width:40%; }
1691 .width50p { width:50%; }
1692 .width60p { width:60%; }
1693 .width75p { width:75%; }
1694 .width80p { width:80%; }
1695 .width100p { width:100%; }
1699 @media only screen and (max-width: 1400px)
1702 .titlefieldcreate { width: 30% !important; }
1703 .minwidth50imp { min-width: 50px !important; }
1704 .minwidth75imp { min-width: 75px !important; }
1705 .minwidth100imp { min-width: 100px !important; }
1706 .minwidth125imp { min-width: 125px !important; }
1707 .minwidth150imp { min-width: 150px !important; }
1708 .minwidth200imp { min-width: 200px !important; }
1709 .minwidth250imp { min-width: 250px !important; }
1710 .minwidth300imp { min-width: 300px !important; }
1711 .minwidth400imp { min-width: 300px !important; }
1712 .minwidth500imp { min-width: 300px !important; }
1714 .linkedcol-element {
1720 @media only screen and (max-width: 1000px)
1722 .maxwidthonsmartphone { max-width: 100px; }
1723 .minwidth50imp { min-width: 50px !important; }
1724 .minwidth75imp { min-width: 75px !important; }
1725 .minwidth100imp { min-width: 100px !important; }
1726 .minwidth125imp { min-width: 125px !important; }
1727 .minwidth150imp { min-width: 110px !important; }
1728 .minwidth200imp { min-width: 110px !important; }
1729 .minwidth250imp { min-width: 115px !important; }
1730 .minwidth300imp { min-width: 120px !important; }
1731 .minwidth400imp { min-width: 150px !important; }
1732 .minwidth500imp { min-width: 250px !important; }
1735 select.widthcentpercentminusx, span.widthcentpercentminusx:not(.select2-selection), input.widthcentpercentminusx {
1736 width: calc(100% - 52px) !important;
1737 display:
inline-block;
1739 select.widthcentpercentminusxx, span.widthcentpercentminusxx:not(.select2-selection), input.widthcentpercentminusxx {
1740 width: calc(100% - 70px) !important;
1741 display:
inline-block;
1746 @media only screen and (max-width: 767px)
1749 font-size: <?php print is_numeric($fontsize) ? ($fontsize + 3).
'px' : $fontsize; ?> !important;
1751 .divadvancedsearchfield {
1757 padding-right: 10px !important;
1760 .hideonsmartphone { display: none; }
1761 .hideonsmartphoneimp { display: none !important; }
1763 .margintoponsmartphone { margin-top: 6px; }
1766 margin-<?php echo $left; ?>: 0 !important;
1768 div.fiche>table.table-fiche-title {
1769 margin-top: 7px !important;
1770 margin-bottom: 15px !important;
1773 select.minwidth100imp, select.minwidth100, select.minwidth200, select.minwidth200imp, select.minwidth300 {
1774 width: calc(100% - 40px) !important;
1776 display:
inline-block;
1778 select.widthcentpercentminusxx, span.widthcentpercentminusxx:not(.select2-selection), input.widthcentpercentminusxx {
1779 width: calc(100% - 70px) !important;
1780 display:
inline-block;
1783 input.maxwidthinputfileonsmartphone {
1787 input.buttonpayment,
button.buttonpayment, div.buttonpayment {
1791 .smallonsmartphone {
1795 .nopaddingtoponsmartphone {
1796 padding-top: 0 !important;
1798 .nopaddingbottomonsmartphone {
1799 padding-bottom: 0 !important;
1804 @media only screen and (max-width: 570px)
1807 margin: 3px 2px 3px 2px !important;
1810 font-size: <?php print is_numeric($fontsize) ? ($fontsize + 3).
'px' : $fontsize; ?> !important;
1813 div#login_left, div#login_right {
1814 min-width: 150px !important;
1815 max-width: 200px !important;
1816 padding-left: 5px !important;
1817 padding-right: 5px !important;
1821 height: 64px !important;
1824 .divmainbodylarge { margin-left: 10px !important; margin-right: 10px !important; }
1826 .tdoverflowonsmartphone {
1829 text-overflow: ellipsis;
1830 white-space: nowrap;
1832 .tdoverflowmax100onsmartphone {
1835 text-overflow: ellipsis;
1836 white-space: nowrap;
1838 .tdoverflowmax150onsmartphone {
1841 text-overflow: ellipsis;
1842 white-space: nowrap;
1844 .border tbody tr, .border tbody tr td, div.tabBar table.border tr, div.tabBar table.border tr td, div.tabBar div.border .table-border-row, div.tabBar div.border .table-key-border-col, div.tabBar div.border .table-val-border-col {
1845 height: 40px !important;
1848 div.tabs div.tab a.tab {
1851 text-overflow: ellipsis;
1852 white-space: nowrap;
1855 .quatrevingtpercent, .inputsearch {
1861 padding-bottom: 5px;
1864 .login_table .tdinputlogin {
1865 min-width: unset !important;
1867 input, input[
type=text], input[
type=password], select, textarea {
1870 .trinputlogin input[
type=text], input[
type=password] {
1873 .vmenu .searchform input {
1877 .noenlargeonsmartphone { width : 50px !important; display:
inline !important; }
1878 .maxwidthonsmartphone, #search_newcompany.ui-autocomplete-input { max-width: 100px; }
1879 .maxwidth50onsmartphone { max-width: 40px; }
1880 .maxwidth75onsmartphone { max-width: 50px; }
1881 .maxwidth100onsmartphone { max-width: 70px; }
1882 .maxwidth125onsmartphone { max-width: 100px; }
1883 .maxwidth150onsmartphone { max-width: 120px; }
1884 .maxwidth150onsmartphoneimp { max-width: 120px !important; }
1885 .maxwidth200onsmartphone { max-width: 200px; }
1886 .maxwidth250onsmartphone { max-width: 250px; }
1887 .maxwidth300onsmartphone { max-width: 300px; }
1888 .maxwidth400onsmartphone { max-width: 400px; }
1889 .minwidth50imp { min-width: 50px !important; }
1890 .minwidth75imp { min-width: 75px !important; }
1891 .minwidth100imp { min-width: 100px !important; }
1892 .minwidth125imp { min-width: 125px !important; }
1893 .minwidth150imp { min-width: 110px !important; }
1894 .minwidth200imp { min-width: 110px !important; }
1895 .minwidth250imp { min-width: 115px !important; }
1896 .minwidth300imp { min-width: 120px !important; }
1897 .minwidth400imp { min-width: 150px !important; }
1898 .minwidth500imp { min-width: 250px !important; }
1899 .titlefield { width:
auto; min-width: unset; }
1900 .titlefieldcreate { width:
auto; }
1904 width: <?php print
dol_size(300,
'width'); ?>px;
1914 padding-<?php echo $right; ?>: 5px;
1915 padding-bottom: 5px;
1917 img.photoref, div.photoref {
1918 border: 1px solid rgba(0, 0, 0, 0.2);
1920 -webkit-box-shadow: none;
1924 object-fit: contain;
1928 padding-right: 10px;
1932 padding-right: 3px !important;
1935 padding-right: 3px !important;
1945 input.buttonpayment {
1949 .linkobject { cursor: pointer; }
1951 table.tableforfield tr:not(.liste_titre)>td:first-of-
type, tr.trforfield:not(.liste_titre)>td:first-of-
type, div.tableforfield div.tagtr:not(.liste_titre)>div.tagtd:first-of-
type {
1952 color: var(--tableforfieldcolor);
1955 <?php
if (
GETPOST(
'optioncss',
'aZ09') ==
'print') { ?>
1956 .hideonprint { display: none !important; }
1971 white-space: nowrap;
1982 table-layout: fixed;
1984 #id-right, #id-left {
1985 display: table-cell;
1987 vertical-align: top;
1991 padding-bottom: 5px;
1999 background: var(--colorbackbody);
2000 padding-bottom: 20px;
2002 .bodyforlist #
id-right {
2003 padding-bottom: 4px;
2008 .classforhorizontalscrolloftabs #
id-container {
2011 .classforhorizontalscrolloftabs .side-nav {
2015 .classforhorizontalscrolloftabs #
id-right {
2016 width: calc(100% - 210px);
2017 display:
inline-block;
2036 <?php
if (empty($conf->global->THEME_DISABLE_STICKY_TOPMENU)) { ?>
2044 @media screen and (prefers-color-scheme: dark) {
2046 border-bottom: 1px solid #888;
2053 display: table-cell;
2054 border-<?php echo $right; ?>: 1px solid #E0E0E0;
2055 box-shadow: 3px 0 6px -2px #eee;
2056 background: var(--colorbackvmenu1);
2057 transition: left 0.5s ease;
2060 .side-nav, .login_block {
2061 transition: left 0.5s ease;
2066 border-bottom: 0 !important;
2068 .menulogocontainer {
2069 margin: <?php echo $disableimages ?
'0' :
'6'; ?>px;
2073 height: <?php echo $disableimages ?
'18' :
'35'; ?>px;
2076 vertical-align: middle;
2078 .backgroundforcompanylogo {
2079 background-color: rgba(255,255,255,0.2);
2082 .menulogocontainer img.mycompany {
2083 object-fit: contain;
2086 image-rendering: -webkit-optimize-contrast;
2088 #mainmenutd_companylogo::after, #mainmenutd_menu::after {
2089 content: unset !important;
2091 li#mainmenutd_companylogo .tmenucenter {
2094 li#mainmenutd_companylogo {
2095 min-width: unset !important;
2097 <?php
if ($disableimages) { ?>
2098 li#mainmenutd_home {
2099 min-width: unset !important;
2101 li#mainmenutd_home .tmenucenter {
2106 div.blockvmenupair, div.blockvmenuimpair {
2107 border-top: none !important;
2108 border-left: none !important;
2109 border-right: none !important;
2110 border-bottom: 1px solid #eaeaea;
2111 padding-left: 0 !important;
2113 div.blockvmenuend, div.blockvmenubookmarks {
2114 border: none !important;
2115 padding-left: 0 !important;
2117 div.vmenu, td.vmenu {
2118 padding-right: 10px !important;
2120 .blockvmenu .menu_titre {
2135 .menuhider { display: none !important; }
2139 @media only screen and (max-width: <?php echo empty($conf->global->THEME_ELDY_WITDHOFFSET_FOR_REDUC3) ? round($nbtopmenuentries * 47, 0) + 130 : $conf->global->THEME_ELDY_WITDHOFFSET_FOR_REDUC3; ?>px)
2142 body.sidebar-collapse .side-nav {
2147 .classforhorizontalscrolloftabs #
id-right {
2153 body.sidebar-collapse .login_block {
2157 .menuhider { display: block !important; }
2158 .dropdown-
user-image { display: none; }
2159 .user-header { height:
auto !important; color: var(--colorbackbody); }
2165 border-bottom: 1px solid #BBB;
2168 padding-right: 20px;
2174 border-bottom: 0 !important;
2176 div.blockvmenupair, div.blockvmenuimpair, div.blockvmenubookmarks, div.blockvmenuend {
2177 border-top: none !important;
2178 border-left: none !important;
2179 border-right: none !important;
2180 border-bottom: 1px solid #eaeaea;
2181 padding-left: 0 !important;
2183 div.vmenu, td.vmenu {
2184 padding-right: 6px !important;
2187 margin-<?php print $left; ?>: 9px !important;
2188 margin-<?php print $right; ?>: 10px !important;
2191 .pagination .fa-chevron-left, .pagination .fa-chevron-right {
2196 @media only screen and (min-width: 768px) and (max-width: <?php echo empty($conf->global->THEME_ELDY_WITDHOFFSET_FOR_REDUC3) ? round($nbtopmenuentries * 47, 0) + 130 : $conf->global->THEME_ELDY_WITDHOFFSET_FOR_REDUC3; ?>px)
2199 margin-<?php print $left; ?>: 13px !important;
2200 margin-<?php print $right; ?>: 14px !important;
2206 margin-<?php print $left; ?>: <?php print (
GETPOST(
'optioncss',
'aZ09') ==
'print' ? 6 : (empty($conf->dol_optimize_smallscreen) ?
'40' :
'6')); ?>px;
2207 margin-<?php print $right; ?>: <?php print (
GETPOST(
'optioncss',
'aZ09') ==
'print' ? 6 : (empty($conf->dol_optimize_smallscreen) ?
'36' :
'6')); ?>px;
2208 <?php
if (!empty($dol_hide_leftmenu)) {
2209 print
'margin-bottom: 12px;'.
"\n";
2211 <?php
if (!empty($dol_hide_leftmenu)) {
2212 print
'margin-top: 12px;'.
"\n";
2215 body.onlinepaymentbody div.fiche {
2216 margin: 20px !important;
2218 div.fiche>table:first-child {
2219 margin-bottom: 15px;
2221 div.fiche>table.table-fiche-title {
2222 margin-bottom: 12px;
2228 div.fichecenterbis {
2231 div.fichethirdleft {
2232 <?php
if ($conf->browser->layout !=
'phone') {
2233 print
"float: ".$left.
";\n";
2235 <?php
if ($conf->browser->layout !=
'phone') {
2236 print
"width: calc(50% - 14px);\n";
2238 <?php
if ($conf->browser->layout ==
'phone') {
2239 print
"padding-bottom: 6px;\n";
2242 div.fichetwothirdright {
2243 <?php
if ($conf->browser->layout !=
'phone') {
2244 print
"float: ".$right.
";\n";
2246 <?php
if ($conf->browser->layout !=
'phone') {
2247 print
"width: calc(50% - 14px);\n";
2249 <?php
if ($conf->browser->layout ==
'phone') {
2250 print
"padding-bottom: 6px\n";
2254 <?php
if ($conf->browser->layout !=
'phone') {
2255 print
"float: ".$left.
";\n";
2257 <?php
if ($conf->browser->layout !=
'phone') {
2258 print
"width: calc(50% - 14px);\n";
2261 div.fichehalfright {
2262 <?php
if ($conf->browser->layout !=
'phone') {
2263 print
"float: ".$right.
";\n";
2265 <?php
if ($conf->browser->layout !=
'phone') {
2266 print
"width: calc(50% - 14px);\n";
2269 div.fichehalfright {
2270 <?php
if ($conf->browser->layout ==
'phone') {
2271 print
"margin-top: 10px;\n";
2284 @media only screen and (max-width: 1000px)
2287 margin-<?php print $left; ?>: <?php print (
GETPOST(
'optioncss',
'aZ09') ==
'print' ? 6 : ($dol_hide_leftmenu ?
'6' :
'20')); ?>px;
2288 margin-<?php print $right; ?>: <?php print (
GETPOST(
'optioncss',
'aZ09') ==
'print' ? 8 : 6); ?>px;
2294 div.fichecenterbis {
2297 div.fichethirdleft {
2300 padding-bottom: 6px;
2302 div.fichetwothirdright {
2305 padding-bottom: 6px;
2311 div.fichehalfright {
2315 div.fichehalfright {
2318 div.firstcolumn div.box {
2321 div.secondcolumn div.box {
2327 @media only screen and (max-width: 1499px)
2329 div.fichehalfleft-lg {
2333 div.fichehalfright-lg {
2338 .fichehalfright-lg .fichehalfright {
2344 div.fichehalfright tr.liste_titre:first-child td table.nobordernopadding td {
2348 padding: 0 !important;
2356 td.nobordernopadding.widthpictotitle.col-picto {
2360 .table-list-of-attached-files .col-picto, .table-list-of-links .col-picto {
2361 opacity: 0.7 !important;
2365 .table-list-of-attached-files .col-picto .widthpictotitle, .table-list-of-links .col-picto .widthpictotitle {
2382 margin-<?php echo $right; ?>: 8px;
2395 vertical-align: middle;
2398 .pictowarning, .pictoerror, .pictopreview, .pictonopreview, .picto.error {
2399 padding-<?php echo $left; ?>: 3px;
2403 color: <?php echo $badgeWarning ?>;
2406 color: <?php echo $badgeDanger ?>;
2414 .fiche .arearef img.pictoedit, .fiche .arearef span.pictoedit,
2415 .fiche .fichecenter img.pictoedit, .fiche .fichecenter span.pictoedit,
2416 .tagtdnote span.pictoedit {
2420 text-align: <?php echo $left; ?>;
2426 padding-left: 1px !important;
2429 padding-bottom: 1px;
2435 padding-bottom: 10px;
2437 div.attachareaformuserfileecm {
2439 padding-bottom: 6px;
2444 margin-bottom: 10px;
2445 padding-bottom: 10px;
2447 div.arearefnobottom {
2449 padding-bottom: 4px;
2454 div.divphotoref:last-child {
2455 padding-<?php echo $right; ?>: 30px;
2458 padding-bottom: 10px;
2470 margin-bottom: 10px;
2477 vertical-align: text-bottom;
2483 vertical-align: text-bottom;
2485 img.photoref, div.photoref {
2487 -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
2488 box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
2492 object-fit: contain;
2494 img.photokanban, div.photokanban {
2498 vertical-align: middle;
2500 div.photoref .fa, div.photoref .fas, div.photoref .far {
2504 object-fit: contain;
2508 vertical-align:middle;
2511 .difforspanimgright {
2512 display: table-cell;
2513 padding-right: 10px;
2515 img.photorefnoborder {
2519 object-fit: contain;
2520 border: 1px solid #AAA;
2521 border-radius: 100px;
2526 border-bottom: <?php echo $borderwidth ?>px solid var(--colortopbordertitle1);
2529 .trextrafieldseparator td, .trextrafields_collapse_last td {
2535 margin: 0 !important;
2536 padding-bottom: 0 !important;
2544 <?php
if (
GETPOST(
'optioncss',
'aZ09') ==
'print') { ?>
2547 background: var(--colorbackhmenu1);
2554 <?php
if (
GETPOST(
'optioncss',
'aZ09') ==
'print') { ?>
2557 padding-<?php echo $right; ?>: <?php echo ($maxwidthloginblock - 10); ?>px;
2560 -webkit-touch-callout: none;
2561 -webkit-
user-select: none;
2562 -khtml-
user-select: none;
2563 -moz-
user-select: none;
2564 -ms-
user-select: none;
2572 <?php
if ($disableimages) { ?>
2578 <?php
if (
GETPOST(
'optioncss',
'aZ09') ==
'print') { ?>
2583 white-space: nowrap;
2585 border-<?php print $left; ?>: 0px;
2586 border-<?php print $right; ?>: 0px;
2587 padding: 0px 0px 0px 0px;
2588 margin: 0px 0px 0px 0px;
2590 font-weight: normal;
2592 text-decoration: none;
2595 div.tmenudisabled, a.tmenudisabled {
2598 a.tmenu, a.tmenusel, a.tmenudisabled {
2601 a.tmenudisabled:link, a.tmenudisabled:visited, a.tmenudisabled:hover, a.tmenudisabled:active {
2602 padding: 0px 5px 0px 5px;
2603 white-space: nowrap;
2604 color: var(--colortextbackhmenu);
2605 text-decoration: none;
2606 cursor: not-allowed;
2608 span.mainmenuaspan.tmenudisabled {
2609 color: var(--colortextbackhmenu);
2611 cursor: not-allowed;
2616 text-decoration: none !important;
2620 a.tmenu:link, a.tmenu:visited, a.tmenu:hover, a.tmenu:active {
2621 padding: 0px 2px 0px 2px;
2622 margin: 0px 0px 0px 0px;
2623 white-space: nowrap;
2624 color: var(--colortextbackhmenu);
2625 text-decoration: none;
2627 a.tmenusel:link, a.tmenusel:visited, a.tmenusel:hover, a.tmenusel:active {
2628 padding: 0px 2px 0px 2px;
2629 margin: 0px 0px 0px 0px;
2630 white-space: nowrap;
2631 color: var(--colortextbackhmenu);
2632 text-decoration: none !important;
2637 padding: 0px 0px 0px 0px;
2638 margin: 0px 0px 0px 0px;
2644 li.tmenu, li.tmenusel {
2645 <?php print $minwidthtmenu ?
'min-width: '.$minwidthtmenu.
'px;' :
''; ?>
2647 vertical-align: bottom;
2648 <?php
if (empty($conf->global->MAIN_MENU_INVERT)) { ?>
2649 float: <?php print $left; ?>;
2655 font-weight: normal;
2657 li.menuhider:hover {
2658 background-image: none !important;
2661 li.tmenusel::after, li.tmenu:hover::after{
2666 left: calc(50% - 6px);
2669 border-style: solid;
2670 border-width: 0px 6px 5px 6px;
2671 border-color: transparent transparent #ffffff transparent;
2674 .tmenuend .tmenuleft { width: 0px; }
2675 .tmenuend { display: none; }
2678 float: <?php print $left; ?>;
2680 <?php
if (empty($conf->dol_optimize_smallscreen)) { ?>
2683 <?php
if ($disableimages) { ?>
2686 height: <?php print $heightmenu; ?>px;
2693 <?php
if ($disableimages) { ?>
2698 height: <?php print $heightmenu; ?>px;
2708 padding-bottom: 4px;
2710 text-overflow: ellipsis;
2715 padding-<?php print $left; ?>: 2px;
2716 padding-<?php print $right; ?>: 2px;
2717 font-family: Roboto,<?php echo $fontlist; ?>;
2723 background-repeat:no-repeat;
2725 height: <?php echo ($heightmenu - 22); ?>px;
2730 a.tmenuimage:focus, .mainmenu.topmenuimage:focus {
2740 <?php print $disableimages ?
'' :
'top: 10px'; ?>
2742 #mainmenutd_menu a.tmenuimage {
2750 text-decoration: none;
2756 <?php
if (in_array(
getDolGlobalInt(
'THEME_TOPMENU_DISABLE_IMAGE'), array(2, 3, 4))) { ?>
2757 .tmenulabel:not(.menuhider), .tmenulabel:not(.menuhider)::before {
2761 a.tmenuimage:not(.menuhider), a.tmenuimage:not(.menuhider)::before,
2762 div.tmenuimage:not(.menuhider), div.tmenuimage:not(.menuhider)::before,
2763 span.tmenuimage:not(.menuhider), span.tmenuimage:not(.menuhider)::before {
2765 margin-top: 8px !important;
2770 .tmenudiv:hover .tmenulabel:not(.menuhider), .tmenudiv:hover .tmenulabel:not(.menuhider)::before {
2774 text-overflow: ellipsis;
2778 display: initial !important;
2779 line-height: 0.6em !important;
2780 height: 1em !important;
2782 text-overflow: ellipsis;
2783 color: var(--colortextbackhmenu);
2787 .tmenudiv:hover .tmenuimage:not(.menuhider), .tmenudiv:hover .tmenuimage:not(.menuhider)::before {
2790 margin-top: 0px !important;
2795 li.tmenu:hover .tmenulabel:not(.menuhider), li.tmenu:hover .tmenulabel:not(.menuhider)::before {
2796 display: initial !important;
2798 li.tmenu:hover .tmenuimage:not(.menuhider), li.tmenu:hover .tmenuimage:not(.menuhider):before {
2799 font-size: 1.1em !important;
2800 margin-top: 0px !important;
2808 <?php
if (empty($dol_hide_topmenu)) { ?>
2809 <?php include
dol_buildpath($path.
'/theme/'.$theme.
'/main_menu_fa_icons.inc.php', 0); ?>
2814 $moduletomainmenu = array(
2815 'user'=>
'',
'syslog'=>
'',
'societe'=>
'companies',
'projet'=>
'project',
'propale'=>
'commercial',
'commande'=>
'commercial',
2816 'produit'=>
'products',
'service'=>
'products',
'stock'=>
'products',
2817 'don'=>
'accountancy',
'tax'=>
'accountancy',
'banque'=>
'accountancy',
'facture'=>
'accountancy',
'compta'=>
'accountancy',
'accounting'=>
'accountancy',
'adherent'=>
'members',
'import'=>
'tools',
'export'=>
'tools',
'mailing'=>
'tools',
2818 'contrat'=>
'commercial',
'ficheinter'=>
'commercial',
'ticket'=>
'ticket',
'deplacement'=>
'commercial',
2819 'fournisseur'=>
'companies',
2820 'barcode'=>
'',
'fckeditor'=>
'',
'categorie'=>
'',
2822 $mainmenuused =
'home';
2823 foreach ($conf->modules as $val) {
2824 $mainmenuused .=
','.(isset($moduletomainmenu[$val]) ? $moduletomainmenu[$val] : $val);
2826 $mainmenuusedarray = array_unique(explode(
',', $mainmenuused));
2830 $divalreadydefined = array(
'home',
'companies',
'products',
'mrp',
'commercial',
'externalsite',
'accountancy',
'project',
'tools',
'members',
'agenda',
'ftp',
'holiday',
'hrm',
'bookmark',
'cashdesk',
'takepos',
'ecm',
'geoipmaxmind',
'gravatar',
'clicktodial',
'paypal',
'stripe',
'webservices',
'website');
2832 $divnotrequired = array(
'multicurrency',
'salaries',
'ticket',
'margin',
'opensurvey',
'paybox',
'expensereport',
'incoterm',
'prelevement',
'propal',
'workflow',
'notification',
'supplier_proposal',
'cron',
'product',
'productbatch',
'expedition');
2833 foreach ($mainmenuusedarray as $val) {
2834 if (empty($val) || in_array($val, $divalreadydefined)) {
2837 if (in_array($val, $divnotrequired)) {
2843 $found = 0; $url =
'';
2844 foreach ($conf->file->dol_document_root as $dirroot) {
2845 if (file_exists($dirroot.
"/".$val.
"/img/".$val.
".png")) {
2853 if (!defined(
'DISABLE_FONT_AWSOME')) {
2854 print
"/* A mainmenu entry was found but img file ".$val.
".png not found (check /".$val.
"/img/".$val.
".png), so we use a generic one. */\n";
2855 print
"/* Overwrite this definition in your own css with a different content to use your own font awesome icon. */\n";
2856 print
'div.mainmenu.'.$val.
'::before {
2860 print
"/* A mainmenu entry was found but img file ".$val.
".png not found (check /".$val.
"/img/".$val.
".png), so we use a generic one */\n";
2861 $url =
dol_buildpath($path.
'/theme/'.$theme.
'/img/menus/generic'.(min($generic, 4)).
"_over.png", 1);
2862 print
"div.mainmenu.".$val.
" {\n";
2863 print
" background-image: url(".$url.
");\n";
2864 print
" background-position-y: 3px;\n";
2869 print
"div.mainmenu.".$val.
" {\n";
2870 print
" background-image: url(".$url.
");\n";
2871 print
" background-position-y: 3px;\n";
2872 print
" filter: saturate(0);\n";
2881 padding:0 0 0 0 !important;
2882 margin:0 0px 0 0 !important;
2883 <?php
if ($disableimages) { ?>
2894 background: #f0f0f0;
2902 display: table-cell;
2903 vertical-align: middle;
2905 .login_vertical_align {
2907 padding-bottom: 80px;
2910 padding-bottom: 30px;
2912 vertical-align: middle;
2914 .login_table_title {
2916 color: #eee !important;
2917 padding-bottom: 20px;
2918 text-shadow: 1px 1px #444;
2920 .login_table label {
2921 text-shadow: 1px 1px 1px #FFF;
2928 padding-bottom:12px;
2931 if (!empty($conf->global->MAIN_LOGIN_BACKGROUND)) {
2932 print
' background-color: rgba(255, 255, 255, 0.9);';
2934 print
' background-color: #FFFFFF;';
2937 -webkit-box-shadow: 0 2px 23px 2px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(60,60,60,0.15);
2938 box-shadow: 0 2px 23px 2px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(60,60,60,0.15);
2946 .login_table input#username, .login_table input#password, .login_table input#securitycode {
2948 border-bottom: solid 1px rgba(180,180,180,.4);
2954 .login_table input#username:focus, .login_table input#password:focus, .login_table input#securitycode:focus {
2955 outline: none !important;
2957 .login_table .trinputlogin {
2961 .login_table .tdinputlogin {
2962 background-color: transparent;
2967 .login_table .tdinputlogin .fa {
2971 .login_table .tdinputlogin input#username, .login_table .tdinputlogin input#password {
2974 .login_table .tdinputlogin input#securitycode {
2979 word-
break:
break-word;
2983 .login_main_message {
2986 margin-bottom: 22px;
2988 .login_main_message .error {
2992 div#login_left, div#login_right {
2993 display:
inline-block;
2997 padding-right: 16px;
2999 vertical-align: middle;
3001 div#login_right select#entity {
3004 table.login_table tr td table.none tr td {
3007 table.login_table_securitycode {
3008 border-spacing: 0px;
3010 table.login_table_securitycode tr td {
3018 border: 1px solid #DDDDDD;
3020 #img_logo, .img_logo {
3025 div.backgroundsemitransparent {
3026 background:rgba(255, 255, 255, 0.7);
3028 padding-right: 10px;
3032 text-align: <?php print $right; ?>;
3033 <?php print $right; ?>: 0;
3034 top: <?php print $disableimages ?
'4px' :
'0'; ?>;
3037 <?php
if (
GETPOST(
'optioncss',
'aZ09') ==
'print') { ?>
3042 color: var(--colortextbackhmenu);
3043 display:
inline-block;
3045 div.login_block span.aversion {
3046 color: var(--colortextbackhmenu);
3047 filter: contrast(0.7);
3049 div.login_block table {
3058 color: var(--colortextbackvmenu);
3061 color: var(--colortextbackvmenu);
3062 text-decoration:underline;
3064 .login_block_elem a span.atoplogin, .login_block_elem span.atoplogin {
3065 vertical-align: middle;
3067 div.login_block_user {
3068 display:
inline-block;
3069 vertical-align: middle;
3070 line-height: <?php echo $disableimages ?
'25' :
'52'; ?>px;
3071 height: <?php echo $disableimages ?
'25' :
'52'; ?>px;
3073 div.login_block_other {
3074 display:
inline-block;
3075 vertical-align: middle;
3076 clear: <?php echo $disableimages ?
'none' :
'both'; ?>;
3085 vertical-align: top;
3086 padding: 0px 3px 0px 4px !important;
3088 .login_block_other .login_block_elem {
3092 .atoplogin, .atoplogin:hover {
3093 color: var(--colortextbackhmenu) !important;
3095 .login_block_getinfo {
3098 .login_block_getinfo div.login_block_user {
3101 .login_block_getinfo .atoplogin, .login_block_getinfo .atoplogin:hover {
3102 color: #333 !important;
3103 font-weight: normal !important;
3105 .alogin, .alogin:hover {
3106 font-weight: normal !important;
3109 .alogin:hover, .atoplogin:hover {
3110 text-decoration:underline !important;
3112 span.fa.atoplogin, span.fa.atoplogin:hover {
3114 text-decoration: none !important;
3116 .atoplogin #dropdown-icon-down, .atoplogin #dropdown-icon-up {
3119 img.login, img.printer, img.entity {
3122 text-decoration: none;
3126 .loginbuttonexternal {
3129 border: 1px solid #ccc;
3135 .userimg.atoplogin img.userphoto, .userimgatoplogin img.userphoto {
3136 width: <?php echo $disableimages ?
'26' :
'30'; ?>px;
3137 height: <?php echo $disableimages ?
'26' :
'30'; ?>px;
3139 background-size: contain;
3141 border-color: rgba(255, 255, 255, 0.2);
3144 border-radius: 0.72em;
3147 background-size: contain;
3148 vertical-align: middle;
3150 img.userphotosmall {
3151 border-radius: 0.6em;
3154 background-size: contain;
3155 vertical-align: middle;
3156 background-color: #FFF;
3158 img.userphotopublicvcard {
3162 background-size: contain;
3164 border-color: rgba(128, 128, 128, 0.5);
3169 img.userphoto[alt=
"Gravatar avatar"], img.photouserphoto.dropdown-
user-image[alt=
"Gravatar avatar"] {
3172 form[
name=
"addtime"] img.userphoto {
3173 border: 1px solid #444;
3176 background-image: url(<?php echo
dol_buildpath($path.
'/theme/'.$theme.
'/img/object_user.png', 1); ?>);
3177 background-repeat: no-repeat;
3179 .span-icon-password {
3180 background-image: url(<?php echo
dol_buildpath($path.
'/theme/'.$theme.
'/img/lock.png', 1); ?>);
3181 background-repeat: no-repeat;
3188 div.vmenu, td.vmenu {
3189 margin-<?php print $right; ?>: 2px;
3193 padding-bottom: 0px;
3201 <?php
if (
GETPOST(
'optioncss',
'aZ09') ==
'print') { ?>
3207 input.vmenusearchselectcombo[
type=text] {
3208 width: 180px !important;
3210 .vmenusearchselectcombo {
3216 padding-bottom: 3px;
3218 text-overflow: ellipsis;
3221 #menu_contenu_logo { }
3223 .searchform { padding-top: 10px; }
3224 .searchform input { font-size: 16px; }
3227 a.vmenu:link, a.vmenu:visited, a.vmenu:hover, a.vmenu:active, span.vmenu, span.vsmenu {
3228 white-space: nowrap; font-family: <?php print $fontlist ?>; text-align: <?php print $left; ?>;
3230 a.vmenu:link, a.vmenu:visited, a.vmenu:hover, a.vmenu:active,
3231 span.vmenu, span.vmenu:link, span.vmenu:visited, span.vmenu:hover, span.vmenu:active { font-weight: bold; }
3232 span.vmenudisabled, font.vmenudisabled {
3234 font-family: <?php print $fontlist ?>; text-align: <?php print $left; ?>; font-weight: bold; color: #aaa; margin-left: 4px; white-space: nowrap;
3236 a.vmenu:link, a.vmenu:visited {
3237 color: var(--colortextbackvmenu);
3240 a.vsmenu:link, a.vsmenu:visited, a.vsmenu:hover, a.vsmenu:active, span.vsmenu {
3241 font-family: <?php print $fontlist ?>;
3242 text-align: <?php print $left; ?>;
3243 color: var(--colortextbackvmenu);
3244 margin: 1px 1px 1px 6px;
3246 span.vsmenudisabled, font.vsmenudisabled {
3247 font-family: <?php print $fontlist ?>;
3248 text-align: <?php print $left; ?>;
3250 white-space: nowrap;
3252 a.vsmenu:link, a.vsmenu:visited {
3253 color: var(--colortextbackvmenu);
3254 white-space: nowrap;
3256 span.vsmenudisabledmargin, font.vsmenudisabledmargin { margin: 1px 1px 1px 6px; }
3257 li a.vsmenudisabled, li.vsmenudisabled { color: #aaa !important; }
3259 a.help:link, a.help:visited, a.help:hover, a.help:active, span.help {
3260 text-align: <?php print $left; ?>; color: #aaa; text-decoration: none;
3262 .helppresent, .helppresent:hover {
3265 .helppresentcircle {
3270 color: var(--colortextbackhmenu);
3271 margin-<?php echo $left ?>: -4px;
3272 display:
inline-block;
3274 vertical-align: super;
3276 transform: rotate(<?php echo ($left ==
'left' ?
'55deg' :
'305deg'); ?>);
3279 .vmenu div.blockvmenufirst, .vmenu div.blockvmenulogo, .vmenu div.blockvmenusearchphone, .vmenu div.blockvmenubookmarks
3281 border-top: 1px solid #BBB;
3283 a.vsmenu.addbookmarkpicto {
3284 padding-right: 10px;
3286 div.blockvmenusearchphone
3288 border-bottom: none !important;
3290 .vmenu div.blockvmenuend, .vmenu div.blockvmenulogo
3292 margin: 0 0 8px 2px;
3294 .vmenu div.blockvmenusearch
3296 padding-bottom: 13px;
3298 .vmenu div.blockvmenuend
3300 padding-bottom: 5px;
3302 .vmenu div.blockvmenulogo
3304 padding-bottom: 10px;
3307 div.blockvmenubookmarks
3309 padding-top: 10px !important;
3310 padding-bottom: 16px !important;
3312 div.blockvmenupair, div.blockvmenuimpair, div.blockvmenubookmarks, div.blockvmenuend
3314 font-family: <?php print $fontlist ?>;
3315 text-align: <?php print $left; ?>;
3316 text-decoration: none;
3320 padding-bottom: 7px;
3323 color: var(--colortext);
3324 background: var(--colorbackvmenu1);
3326 border-left: 1px solid #AAA;
3327 border-right: 1px solid #BBB;
3330 div.blockvmenusearch
3332 font-family: <?php print $fontlist ?>;
3334 text-align: <?php print $left; ?>;
3335 text-decoration: none;
3336 margin: 1px 0px 0px 2px;
3337 background: var(--colorbackvmenu1);
3340 div.blockvmenusearch > form > div {
3343 div.blockvmenusearch > form > div > label {
3349 <?php
if (empty($conf->dol_optimize_smallscreen)) { ?>
3350 font-family: <?php print $fontlist ?>;
3353 text-decoration: none;
3357 padding-bottom: 3px;
3358 margin: 4px 0px 0px 0px;
3366 border-right: 1px solid #000000;
3367 border-bottom: 1px solid #000000;
3368 background: #b3c5cc;
3369 font-family: <?php print $fontlist ?>;
3371 text-align: <?php print $left; ?>;
3372 text-decoration: none;
3376 background: #b3c5cc;
3381 background: #F4F4F4;
3383 border: 1px solid #bbb;
3394 #mainContent, #leftContent .ui-layout-pane {
3399 #mainContent, #leftContent .ui-layout-center {
3411 padding-bottom: 0 !important;
3416 padding: 0px 4px 14px 4px !important;
3432 li.expanded > a.fmdirlia.jqft.ecmjqft {
3433 font-weight: bold !important;
3437 width: calc(100% - 100px);
3441 white-space:
break-spaces;
3442 word-
break:
break-all;
3450 text-align: <?php print $left; ?>;
3469 color: var(--colortextbacktab);
3471 padding-left: 0px; padding-right: 0px;
3472 padding-bottom: 2px;
3473 margin: 0px 0px 30px 0px;
3474 border-top: 1px solid #BBB;
3479 background: var(--colorbacktabcard1);
3481 div.tabBar tr.titre td {
3484 div.fiche table:not(.table-fiche-title) tr.titre td {
3488 div.tabBar.tabBarNoTop {
3494 div.tabBarWithBottom {
3495 padding-bottom: 18px;
3496 border-bottom: 1px solid #bbb;
3498 div.tabBarWithBottom tr {
3499 background: unset !important;
3501 div.tabBarWithBottom table.border>tbody>tr:last-of-
type>td {
3502 border-bottom: none !important;
3505 div.tabBar table.tableforservicepart2:last-child {
3506 border-bottom: 1px solid #aaa;
3508 .tableforservicepart1 .tdhrthin {
3510 padding-top: 0 !important;
3520 border: 1px solid #888;
3524 padding-bottom: 8px;
3534 margin: 20px 0em 30px 0em;
3538 div.tabsActionNoBottom {
3541 div.tabsAction > a {
3542 margin-bottom: 16px !important;
3546 color: rgba(0,0,0,0.4) !important;
3547 text-shadow:1px 1px 1px #ffffff;
3548 font-family: <?php print $fontlist ?>;
3549 font-weight: normal !important;
3550 padding: 4px 6px 2px 0px;
3551 margin-<?php print $right; ?>: 10px;
3552 text-decoration: none;
3553 white-space: nowrap;
3561 div.tabs div.tabsElem:first-of-
type a.tab {
3562 margin-left: 0px !important;
3566 color: var(--colortextlink) !important;
3568 a.tab:link, a.tab:visited, a.tab:hover, a.tab#active {
3569 font-family: <?php print $fontlist ?>;
3570 padding: 12px 14px 13px;
3572 text-decoration: none;
3573 white-space: nowrap;
3575 background-image: none !important;
3578 .tabactive, a.tab#active {
3579 color: var(--colortextbacktab) !important;
3580 background: var(--colorbacktabcard1) !important;
3581 margin: 0 0.2em 0 0.2em !important;
3583 border-right: 1px solid #CCC !important;
3584 border-left: 1px solid #CCC !important;
3585 border-top: 3px solid var(--colorbackhmenu1) !important;
3587 .tabunactive, a.tab#unactive {
3588 border-right: 1px solid transparent;
3589 border-left: 1px solid transparent;
3590 border-top: 1px solid transparent;
3591 border-bottom: 0px !important;
3599 text-decoration: underline;
3603 font-family: <?php print $fontlist ?>;
3604 text-decoration: none;
3605 white-space: nowrap;
3609 background: #dee7ec;
3613 background: #dee7ec;
3615 font-family: <?php print $fontlist ?>;
3618 text-decoration: none;
3619 white-space: nowrap;
3620 -webkit-border-radius:4px 4px 0px 0px;
3621 border-radius:4px 4px 0px 0px;
3623 border-<?php print $right; ?>: 1px solid #555555;
3624 border-<?php print $left; ?>: 1px solid #D8D8D8;
3625 border-top: 1px solid #D8D8D8;
3631 <?php include
dol_buildpath($path.
'/theme/'.$theme.
'/btn.inc.php', 0); ?>
3643 background-repeat: repeat-x;
3644 margin-top: <?php echo ($dol_hide_topmenu ?
'6' :
'0'); ?>px;
3649 border-collapse: collapse;
3652 padding-<?php print $left; ?>: 0px !important;
3653 padding-<?php print $right; ?>: 4px !important;
3656 list-style-
type:none;
3657 margin: 0px !important;
3658 padding: 0px !important;
3663 tr.nocellnopadd td.nobordernopadding, tr.nocellnopadd td.nocellnopadd
3669 color: unset !important;
3673 padding: 4px !important;
3674 padding-left: 7px !important;
3675 padding-right: 7px !important;
3677 input.button[
name=
"upload"] {
3678 padding: 5px !important;
3681 input.button.smallpaddingimp, input.buttonreset.smallpaddingimp {
3685 color: var(--colortextlink);
3686 background-color: transparent;
3689 input.buttonlink:hover {
3690 text-decoration: underline;
3696 text-decoration: underline;
3697 color: var(--colortextlink);
3698 background-color: transparent;
3702 padding-<?php print $left; ?>: 0px;
3704 div.tabs.nopaddingleft {
3705 padding-<?php print $left; ?>: 0px;
3708 padding-<?php print $right; ?>: 0px;
3711 padding-top: 0px !important;
3713 .nopaddingbottomimp {
3714 padding-bottom: 0px !important;
3717 border-collapse: collapse;
3720 padding-<?php print $left; ?>: 0px;
3721 padding-<?php print $right; ?>: 16px;
3722 padding-bottom: 4px;
3725 .notopnoleftnoright {
3726 border-collapse: collapse;
3731 padding-bottom: 4px;
3732 margin: 0px 0px 0px 0px;
3735 table.tableforemailform tr td {
3737 padding-bottom: 3px;
3740 table.border, table.bordernooddeven, table.dataTable, .table-border, .table-border-col, .table-key-border-col, .table-val-border-col, div.border {
3741 border-collapse: collapse !important;
3742 padding: 1px 2px 1px 3px;
3745 border: 1px solid #BBB;
3747 .border tbody tr, .bordernooddeven tbody tr, .border tbody tr td, .bordernooddeven tbody tr td,
3748 div.tabBar table.border tr, div.tabBar table.border tr td, div.tabBar div.border .table-border-row, div.tabBar div.border .table-key-border-col, div.tabBar div.border .table-val-border-col,
3749 tr.liste_titre.box_titre td table td, .bordernooddeven tr td {
3753 div.tabBar div.border .table-border-row, div.tabBar div.border .table-key-border-col, div.tabBar .table-val-border-col {
3754 vertical-align: middle;
3756 div .tdtop:not(.tagtdnote) {
3757 vertical-align: top !important;
3760 padding-top: 5px !important;
3761 padding-bottom: 0px !important;
3764 table.border td, table.bordernooddeven td, div.border div div.tagtd {
3765 padding: 2px 2px 2px 2px;
3766 border-collapse: collapse;
3768 div.tabBar .fichecenter table.border>tbody>tr>td, div.tabBar .fichecenter div.border div div.tagtd, div.tabBar div.border div div.tagtd
3771 border-bottom: 1px solid #E0E0E0;
3774 td.border, div.tagtable div div.border {
3775 border-top: 1px solid #000000;
3776 border-right: 1px solid #000000;
3777 border-bottom: 1px solid #000000;
3778 border-left: 1px solid #000000;
3780 .table-key-border-col {
3784 .table-val-border-col {
3789 .thsticky, .tdsticky {
3793 .thstickyright, .tdstickyright {
3797 .thstickygray, .tdstickygray {
3798 background-color: lightgray;
3800 .thstickyghostwhite, .tdstickyghostwhite {
3801 background-color: ghostwhite;
3803 .thstickyinherit, .tdstickyinherit {
3804 background-color: inherit;
3833 .nobordertop, .nobordertop tr:first-of-
type td {
3834 border-top: none !important;
3836 .noborderbottom, .noborderbottom tr:last-of-
type td {
3837 border-bottom: none !important;
3840 border-top: 1px solid var(--colortopbordertitle1);
3843 border-bottom: 1px solid var(--colortopbordertitle1);
3847 .fichehalfright table.noborder , .fichehalfleft table.noborder{
3848 margin: 0px 0px 0px 0px;
3850 table.liste, table.noborder:not(.paymenttable):not(.margintable):not(.tableforcontact), table.formdoc, div.noborder:not(.paymenttable):not(.margintable):not(.tableforcontact) {
3852 if ($userborderontable) { ?>
3853 border-left: 1px solid var(--colortopbordertitle1);
3854 border-right: 1px solid var(--colortopbordertitle1);
3857 table.liste, table.noborder, table.formdoc, div.noborder {
3859 border-collapse: separate !important;
3860 border-spacing: 0px;
3861 border-top-width: <?php echo $borderwidth ?>px;
3862 border-top-color: var(--colortopbordertitle1);
3863 border-top-style: solid;
3864 margin: 0px 0px 20px 0px;
3876 #tablelines, #tablelinesservice {
3877 border-bottom-width: 1px;
3878 border-bottom-color: var(--colortopbordertitle1);
3879 border-bottom-style: solid;
3881 table.liste tr:last-of-
type td, table.noborder:not(#tablelines):not(#tablelinesservice) tr:last-of-
type td, table.formdoc tr:last-of-
type td, div.noborder tr:last-of-
type td {
3882 border-bottom-width: 1px;
3883 border-bottom-color: var(--colortopbordertitle1);
3884 border-bottom-style: solid;
3891 div.tabBar table.border>tbody>tr:last-of-
type>td {
3892 border-bottom-width: 1px;
3893 border-bottom-color: var(--colortopbordertitle1);
3894 border-bottom-style: solid;
3896 div.tabBar div.fichehalfright table.noborder {
3897 border-bottom: none;
3900 table.paddingtopbottomonly tr td {
3902 padding-bottom: 2px;
3904 .liste_titre_filter {
3905 background: var(--colorbacktitle1) !important;
3908 background: var(--colorbackhmenu1) !important;
3911 table:not(.listwithfilterbefore) tr.liste_titre_filter:first-of-
type td.liste_titre {
3915 tr.liste_titre_filter td.liste_titre {
3918 padding-bottom: 0px;
3920 tr.liste_titre_filter td.liste_titre:first-of-
type {
3923 .liste_titre_create td, .liste_titre_create th, .liste_titre_create .tagtd
3925 border-bottom-width: 0 !important;
3926 border-top-width: 1px;
3927 border-top-color: var(--colortopbordertitle1);
3928 border-top-style: solid;
3930 tr#trlinefordates td {
3931 border-bottom: 0px !important;
3933 .liste_titre_add td, .liste_titre_add th, .liste_titre_add .tagtd
3935 border-top-width: 1px;
3936 border-top-color: var(--colortopbordertitle1);
3937 border-top-style: solid;
3939 table.liste tr, table.noborder tr, div.noborder form {
3940 border-top-color: #FEFEFE;
3943 table.liste th, table.noborder th, table.noborder tr.liste_titre td, table.noborder tr.box_titre td {
3944 padding: 7px 8px 7px 8px;
3946 table.liste td, table.noborder td, div.noborder form div, table.tableforservicepart1 td, table.tableforservicepart2 td {
3947 padding: 7px 8px 7px 8px;
3951 table.liste tr.trkanban td {
3952 padding: 10px 12px 10px 12px;
3954 div.liste_titre_bydiv .divsearchfield {
3955 padding: 2px 1px 2px 7px;
3958 tr.box_titre .nobordernopadding td {
3959 padding: 0 ! important;
3961 table.nobordernopadding {
3962 border-collapse: collapse !important;
3965 table.nobordernopadding tr {
3966 border: 0 !important;
3967 padding: 0 0 !important;
3969 table.nobordernopadding tr td {
3970 border: 0 !important;
3973 table.border tr td table.nobordernopadding tr td {
3979 border-right-width: 1px !important;
3980 border-right-color: #BBB !important;
3981 border-right-style: solid !important;
3985 border-left-width: 1px !important;
3986 border-left-color: #BBB !important;
3987 border-left-style: solid !important;
3992 table.listwithfilterbefore {
3993 border-top: none !important;
3997 .tagtable, .table-border { display: table; }
3998 .tagtr, .table-border-row { display: table-row; }
3999 .tagtd, .table-border-col, .table-key-border-col, .table-val-border-col { display: table-cell; }
4000 .confirmquestions .tagtr .tagtd:not(:first-child) { padding-left: 10px; }
4001 .confirmquestions { margin-top: 5px; }
4009 color: var(--colortexttitlenotab);
4011 word-
break:
break-word;
4014 color: var(--colortexttitlenotab) !important;
4018 font-weight: normal;
4019 color: var(--refidnocolor);
4020 font-size: <?php print is_numeric($fontsize) ? $fontsize.
'px' : $fontsize ?>;
4023 div.refaddress div.address {
4028 display:
inline-block;
4032 float: <?php echo $right; ?>;
4035 font-weight: normal;
4040 display:
inline-block;
4046 display:
inline-block;
4050 padding-bottom: 5px;
4054 display:
inline-block;
4058 div.pagination li.pagination a,
4059 div.pagination li.pagination span {
4061 line-height: 1.42857143;
4062 text-decoration: none;
4063 background-repeat: repeat-x;
4064 color: var(--color-black);
4066 div.pagination li.pagination span.inactive {
4070 li.noborder.litext, li.noborder.litext a,
4071 div.pagination li a.inactive:hover,
4072 div.pagination li span.inactive:hover {
4073 -webkit-box-shadow: none !important;
4074 box-shadow: none !important;
4079 div.pagination li.litext a {
4081 padding-right: 10px;
4085 div.pagination li.litext a:hover {
4086 background-color: transparent;
4087 background-image: none;
4089 div.pagination li.litext a:hover {
4090 background-color: transparent;
4091 background-image: none;
4093 div.pagination li.noborder a:hover {
4095 background-color: transparent;
4097 div.pagination li a,
4098 div.pagination li span {
4102 div.pagination li:first-child a,
4103 div.pagination li:first-child span {
4116 div.pagination li .active a,
4117 div.pagination li .active span,
4118 div.pagination li .active a:hover,
4119 div.pagination li .active span:hover,
4120 div.pagination li .active a:focus,
4121 div.pagination li .active span:focus {
4125 background-color: var(--colorbackhmenu1);
4126 border-color: #337ab7;
4128 div.pagination .disabled span,
4129 div.pagination .disabled span:hover,
4130 div.pagination .disabled span:focus,
4131 div.pagination .disabled a,
4132 div.pagination .disabled a:hover,
4133 div.pagination .disabled a:focus {
4135 cursor: not-allowed;
4136 background-color: #fff;
4139 div.pagination li.pagination .active {
4140 text-decoration: underline;
4143 .paginationafterarrows .nohover {
4144 box-shadow: none !important;
4147 div.pagination li.paginationafterarrows {
4152 .paginationatbottom {
4155 table.hidepaginationprevious .paginationprevious {
4158 table.hidepaginationnext .paginationnext {
4161 .tabBar .arearef .pagination.paginationref {
4162 max-width: calc(30%);
4164 .paginationafterarrows a.btnTitlePlus, .titre_right a.btnTitlePlus {
4165 border: 1px solid var(--btncolorborder);
4167 .paginationafterarrows a.btnTitlePlus:hover span:before, .titre_right a.btnTitlePlus:hover span:before {
4176 .oddeven:hover, .evenodd:hover, .oddevenimport:hover, .evenoddimport:hover, .impair:hover, .pair:hover
4178 background: var(--colorbacklinepairhover) !important;
4180 .tredited, .tredited td {
4181 background: var(--colorbacklinepairchecked) !important;
4182 border-bottom: 0 !important;
4184 .treditedlinefordate {
4185 background: var(--colorbacklinepairchecked) !important;
4188 <?php
if ($colorbacklinepairchecked) { ?>
4190 background: var(--colorbacklinepairchecked) !important;
4194 .nohoverborder:hover {
4197 -webkit-box-shadow: unset;
4199 .oddeven, .evenodd, .impair, .nohover .impair:hover, tr.impair td.nohover, .tagtr.oddeven
4201 font-family: <?php print $fontlist ?>;
4203 color: var(--oddevencolor);
4205 .impair, .nohover .impair:hover, tr.impair td.nohover
4207 background-color: var(--colorbacklineimpair2);
4210 background-color: var(--colorbacklineimpair2);
4213 .oddeven, .evenodd, .pair, .nohover .pair:hover, tr.pair td.nohover, .tagtr.oddeven {
4214 font-family: <?php print $fontlist ?>;
4216 color: var(--oddevencolor);
4218 .pair, .nohover .pair:hover, tr.pair td.nohover {
4219 background-color: var(--colorbacklinepair2);
4222 table.dataTable tr.oddeven {
4223 background-color: var(--colorbacklinepair2) !important;
4227 td.oddeven, table.nohover tr.impair, table.nohover tr.pair, table.nohover tr.impair td, table.nohover tr.pair td, tr.nohover td, form.nohover, form.nohover:hover {
4228 background-color: var(--colorbacklineimpair2) !important;
4229 background: var(--colorbacklineimpair2) !important;
4231 td.evenodd, tr.nohoverpair td, #trlinefordates td {
4232 background-color: var(--colorbacklinepair2) !important;
4233 background: var(--colorbacklinepair2) !important;
4237 border-bottom: 1
pt solid black !important;
4238 background-color: var(--colorbacklinebreak) !important;
4240 .trforbreak.nobold td a, .trforbreak.nobold span.secondary {
4241 font-weight: normal !important;
4244 table.dataTable td {
4245 padding: 5px 8px 5px 8px !important;
4247 tr.pair td, tr.impair td, form.impair div.tagtd, form.pair div.tagtd, div.impair div.tagtd, div.pair div.tagtd, div.liste_titre div.tagtd {
4248 padding: 7px 8px 7px 8px;
4249 border-bottom: 1px solid #ddd;
4251 form.pair, form.impair {
4252 font-weight: normal;
4254 form.tagtr:last-of-
type div.tagtd, tr.pair:last-of-
type td, tr.impair:last-of-
type td {
4255 border-bottom: 0px !important;
4258 border-bottom: 0px !important;
4260 div.tableforcontact form.tagtr:last-of-
type div.tagtd {
4261 border-bottom: 1px solid #ddd !important;
4263 tr.pair td .nobordernopadding tr td, tr.impair td .nobordernopadding tr td {
4264 border-bottom: 0px !important;
4266 table.nobottomiftotal tr.liste_total td {
4267 background-color: var(--inputbackgroundcolor);
4268 <?php
if (!$userborderontable) { ?>
4269 border-bottom: 0px !important;
4272 table.nobottom, td.nobottom {
4273 border-bottom: 0px !important;
4275 div.liste_titre .tagtd {
4276 vertical-align: middle;
4279 min-height: 26px !important;
4282 padding-bottom: 2px;
4284 div.liste_titre_bydiv {
4285 border-top-width: <?php echo $borderwidth ?>px;
4286 border-top-color: var(--colortopbordertitle1);
4287 border-top-style: solid;
4288 <?php
if ($userborderontable) { ?>
4289 border-left: <?php echo $borderwidth ?>px solid var(--colortopbordertitle1);
4290 border-right: <?php echo $borderwidth ?>px solid var(--colortopbordertitle1);
4293 border-collapse: collapse;
4294 padding: 2px 0px 2px 0;
4299 div.liste_titre_bydiv_inlineblock {
4300 display:
inline-block;
4304 tr.liste_titre, tr.liste_titre_sel, form.liste_titre, form.liste_titre_sel, table.dataTable.tr, tagtr.liste_titre
4306 height: 26px !important;
4310 background: #f8f8f8;
4313 border: 1px solid #ddd;
4315 div.liste_titre_bydiv, .liste_titre div.tagtr, tr.liste_titre, tr.liste_titre_sel, .tagtr.liste_titre, .tagtr.liste_titre_sel, form.liste_titre, form.liste_titre_sel, table.dataTable thead tr
4317 background: var(--colorbacktitle1);
4318 font-weight: <?php echo $useboldtitle ?
'bold' :
'normal'; ?>;
4320 color: var(--colortexttitle);
4321 font-family: <?php print $fontlist ?>;
4322 text-align: <?php echo $left; ?>;
4324 tr.liste_titre th, tr.liste_titre td, th.liste_titre
4326 border-bottom: 1px solid var(--colortopbordertitle1);
4328 tr.liste_titre:first-child th, tr:first-child th.liste_titre {
4330 border-bottom: unset;
4332 tr.liste_titre th, th.liste_titre, tr.liste_titre td, td.liste_titre, form.liste_titre div
4334 font-family: <?php print $fontlist ?>;
4335 font-weight: <?php echo $useboldtitle ?
'bold' :
'normal'; ?>;
4336 vertical-align: middle;
4339 tr.liste_titre th a, th.liste_titre a, tr.liste_titre td a, td.liste_titre a, form.liste_titre div a, div.liste_titre a {
4340 text-shadow: none !important;
4341 color: var(--colortexttitlelink);
4343 tr.liste_titre_topborder td {
4344 border-top-width: <?php echo $borderwidth; ?>px;
4345 border-top-color: var(--colortopbordertitle1);
4346 border-top-style: solid;
4349 text-shadow: none !important;
4350 color: var(--colortexttitle);
4352 .liste_titre td a.notasortlink {
4353 color: var(--colortextlink);
4355 .liste_titre td a.notasortlink:hover {
4356 background: transparent;
4358 tr.liste_titre:last-child th.liste_titre, tr.liste_titre:last-child th.liste_titre_sel, tr.liste_titre td.liste_titre, tr.liste_titre td.liste_titre_sel, form.liste_titre div.tagtd {
4360 border-bottom: unset;
4366 tr.liste_titre_sel th, th.liste_titre_sel, tr.liste_titre_sel td, td.liste_titre_sel, form.liste_titre_sel div
4368 font-family: <?php print $fontlist ?>;
4369 font-weight: normal;
4370 border-bottom: 1px solid #FDFFFF;
4374 background: transparent;
4377 .listactionlargetitle .liste_titre {
4380 .noborder tr.liste_total td, tr.liste_total td, form.liste_total div, .noborder tr.liste_total_wrap td, tr.liste_total_wrap td, form.liste_total_wrap div {
4381 color: var(--listetotal);
4382 font-weight: normal;
4384 .noborder tr.liste_total td, tr.liste_total td, form.liste_total div {
4385 white-space: nowrap;
4387 .noborder tr.liste_total_wrap td, tr.liste_total_wrap td, form.liste_total_wrap div {
4388 white-space: normal;
4390 form.liste_total div {
4391 border-top: 1px solid #DDDDDD;
4393 tr.liste_sub_total, tr.liste_sub_total td {
4394 border-bottom: 1px solid #aaa;
4397 .tableforservicepart1 .impair, .tableforservicepart1 .pair, .tableforservicepart2 .impair, .tableforservicepart2 .pair {
4400 .tableforservicepart1 tbody tr td, .tableforservicepart2 tbody tr td {
4401 border-bottom: none;
4403 table.tableforservicepart1:first-of-
type tr:first-of-
type td {
4404 border-top: 1px solid #888;
4406 table.tableforservicepart1 tr td {
4410 .paymenttable, .margintable {
4411 border-top: none !important;
4412 margin: 0px 0px 0px 0px !important;
4414 table.noborder.paymenttable {
4415 border-bottom: none !important;
4417 .paymenttable tr td:first-child, .margintable tr td:first-child
4421 .paymenttable, .margintable tr td {
4427 -webkit-box-shadow: 0px 0px 0px #DDD !important;
4428 box-shadow: 0px 0px 0px #DDD !important;
4431 -webkit-box-shadow: 1px 1px 7px #CCC !important;
4432 box-shadow: 1px 1px 7px #CCC !important;
4436 -webkit-box-shadow: 0px 0px 5px #888;
4437 box-shadow: 0px 0px 5px #888;
4440 div.tabBar .noborder {
4441 -webkit-box-shadow: 0px 0px 0px #DDD !important;
4442 box-shadow: 0px 0px 0px #DDD !important;
4445 #tablelines tr.liste_titre td, #tablelinesservice tr.liste_titre td, .paymenttable tr.liste_titre td, .margintable tr.liste_titre td, .tableforservicepart1 tr.liste_titre td {
4446 border-bottom: 1px solid var(--colortopbordertitle1) !important;
4448 #tablelines tr td, #tablelinesservice tr td {
4454 .noborder:not(.editmode) > tbody > tr:nth-child(even):not(.liste_titre):not(.nooddeven), .liste > tbody > tr:nth-child(even):not(.liste_titre):not(.nooddeven),
4455 div:not(.fichecenter):not(.fichehalfleft):not(.fichehalfright) > .border > tbody > tr:nth-of-
type(even):not(.liste_titre):not(.nooddeven), .liste > tbody > tr:nth-of-
type(even):not(.liste_titre):not(.nooddeven),
4456 div:not(.fichecenter):not(.fichehalfleft):not(.fichehalfright) .oddeven.tagtr:nth-of-
type(even):not(.liste_titre):not(.nooddeven)
4458 background: linear-gradient(bottom, var(----colorbacklineimpair2) 0%, var(--colorbacklineimpair2) 100%);
4459 background: -o-linear-gradient(bottom, var(--colorbacklineimpair2) 0%, var(--colorbacklineimpair2) 100%);
4460 background: -moz-linear-gradient(bottom, var(--colorbacklineimpair2) 0%, var(--colorbacklineimpair2) 100%);
4461 background: -webkit-linear-gradient(bottom, var(--colorbacklineimpair2) 0%, var(--colorbacklineimpair2) 100%);
4463 .noborder > tbody > tr:nth-child(even):not(:last-of-
type) td:not(.liste_titre), .liste > tbody > tr:nth-child(even):not(:last-of-
type) td:not(.liste_titre),
4464 .noborder .oddeven.tagtr:nth-child(even):not(:last-of-
type) .tagtd:not(.liste_titre)
4466 border-bottom: 1px solid #eaeaea;
4469 .noborder:not(.editmode) > tbody > tr:nth-child(odd):not(.liste_titre):not(.nooddeven), .liste > tbody > tr:nth-child(odd):not(.liste_titre):not(.nooddeven),
4470 div:not(.fichecenter):not(.fichehalfleft):not(.fichehalfright) > .border > tbody > tr:nth-of-
type(odd):not(.liste_titre):not(.nooddeven), .liste > tbody > tr:nth-of-
type(odd):not(.liste_titre):not(.nooddeven),
4471 div:not(.fichecenter):not(.fichehalfleft):not(.fichehalfright) .oddeven.tagtr:nth-of-
type(odd):not(.liste_titre):not(.nooddeven)
4473 background: linear-gradient(bottom, var(--colorbacklinepair2) 0%, var(--colorbacklinepair2) 100%);
4474 background: -o-linear-gradient(bottom, var(--colorbacklinepair2) 0%, var(--colorbacklinepair2) 100%);
4475 background: -moz-linear-gradient(bottom, var(--colorbacklinepair2) 0%, var(--colorbacklinepair2) 100%);
4476 background: -webkit-linear-gradient(bottom, var(--colorbacklinepair2) 0%, var(--colorbacklinepair2) 100%);
4478 .noborder > tbody > tr:nth-child(odd):not(:last-child) td:not(.liste_titre), .liste > tbody > tr:nth-child(odd):not(:last-child) td:not(.liste_titre),
4479 .noborder .oddeven.tagtr:nth-child(odd):not(:last-child) .tagtd:not(.liste_titre)
4481 border-bottom: 1px solid #eaeaea;
4484 ul.noborder li:nth-child(even):not(.liste_titre) {
4485 background-color: var(--colorbacklinepair2) !important;
4498 padding-bottom: 10px;
4503 .boxstats, .boxstats130 {
4504 display:
inline-block;
4511 background: var(--colorbackbody);
4512 border: 1px solid var(--colorboxstatsborder);
4513 border-left: 6px solid var(--colorboxstatsborder);
4517 .boxstats, .boxstats130, .boxstatscontent {
4518 white-space: nowrap;
4520 text-overflow: ellipsis;
4531 padding-bottom: 2px;
4535 .boxtable:not(.widgetstats) td.tdboxstats .boxstats {
4536 box-shadow: 1px 1px 8px var(--colorboxstatsborder);
4539 .tabBar .fichehalfright .boxstats {
4541 padding-bottom: 4px;
4562 @media only screen and (max-width: 767px)
4564 .tabBar .arearef .pagination.paginationref {
4565 max-width: calc(50%);
4568 .clearbothonsmartphone {
4570 display: block !important;
4574 padding-left: 0 !important;
4575 padding-right: 0!important;
4576 margin-left: 0 !important;
4577 margin-right: 0 !important;
4580 a.tab:link, a.tab:visited, a.tab:hover, a.tab#active {
4581 padding: 12px 12px 13px;
4583 a.tmenu:link, a.tmenu:visited, a.tmenu:hover, a.tmenu:active {
4584 padding: 0px 0px 0px 0px;
4586 a.tmenusel:link, a.tmenusel:visited, a.tmenusel:hover, a.tmenusel:active {
4587 padding: 0px 0px 0px 0px;
4594 .boxstats, .boxstats130 {
4598 text-align: <?php echo $left; ?>
4603 min-width: <?php echo isset($_SESSION[
'dol_screenwidth']) ?min(160, round((
int) $_SESSION[
'dol_screenwidth'] / 2 - 20)) : 150; ?>px;
4608 min-width: <?php echo isset($_SESSION[
'dol_screenwidth']) ?min(160, round((
int) $_SESSION[
'dol_screenwidth'] / 2 - 20)) : 160; ?>px;
4609 max-width: <?php echo isset($_SESSION[
'dol_screenwidth']) ?min(161, round((
int) $_SESSION[
'dol_screenwidth'] / 2 - 20)) : 161; ?>px;
4612 .dashboardlineindicator {
4626 box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.20);
4628 span.boxstatstext span:not(.fas) {
4633 color: var(--colortext);
4635 span.boxstatstext img, a.dashboardlineindicatorlate img {
4641 .boxstatsindicator.thumbstat150 {
4642 display:
inline-flex;
4644 span.boxstatsindicator {
4646 font-weight: normal;
4651 span.dashboardlineindicator, span.dashboardlineindicatorlate {
4653 font-weight: normal;
4655 a.dashboardlineindicatorlate:hover {
4656 text-decoration: none;
4658 .dashboardlineindicatorlate img {
4661 span.dashboardlineok {
4664 span.dashboardlineko {
4668 .dashboardlinelatecoin {
4674 padding: 0px 5px 0px 5px;
4675 border-radius: .25em;
4677 background-color: #9f4705;
4680 padding: 1px 3px 1px 1px;
4683 background-color: #8c4446;
4684 color: #FFFFFF ! important;
4685 border-radius: .25em;
4686 display:
inline-block;
4687 vertical-align: middle;
4690 margin-bottom: 25px !important;
4693 border-bottom-width: 1px;
4694 background: var(--colorbackbody);
4695 border-top: <?php echo $borderwidth ?>px solid var(--colortopbordertitle1);
4699 table.noborder.boxtable tr td {
4703 border-top-width: 0 !important;
4706 border-bottom-width: 0 !important;
4708 .boxtablenomarginbottom {
4709 margin-bottom: 0 !important;
4711 .boxtable .fichehalfright, .boxtable .fichehalfleft {
4717 .boxworkingboard .tdboxstats {
4718 padding-left: 0px !important;
4719 padding-right: 0px !important;
4721 a.valignmiddle.dashboardlineindicator {
4725 height: 30px !important;
4736 background: var(--colorbacktitle1);
4737 color: var(--colortexttitle);
4738 font-family: <?php print $fontlist ?>, sans-serif;
4739 font-weight: <?php echo $useboldtitle ?
'bold' :
'normal'; ?>;
4740 border-bottom: 1px solid #FDFFFF;
4741 white-space: nowrap;
4744 tr.box_titre td.boxclose {
4747 img.boxhandle, img.boxclose {
4752 vertical-align: middle;
4755 .formboxfilter input[
type=image]
4764 .prod_entry_mode_free, .prod_entry_mode_predef {
4765 height: 26px !important;
4766 vertical-align: middle;
4770 border: 1px solid #888;
4779 .ok { color: #114466; }
4780 .warning { color: #887711 !important; }
4781 .error { color: #660000 !important; font-weight: bold; }
4782 .green { color: #118822 !important; }
4790 border-<?php print $left; ?>: solid 5px #87cfd2;
4794 padding-bottom: 8px;
4795 margin: 1em 0em 1em 0em;
4796 background: #eff8fc;
4802 border-<?php print $left; ?>: solid 5px #f2cf87;
4806 padding-bottom: 8px;
4807 margin: 1em 0em 1em 0em;
4808 background: #fcf8e3;
4810 div.warning a, div.info a, div.error a {
4811 color: var(--colortextlink);
4816 border-<?php print $left; ?>: solid 5px #f28787;
4820 padding-bottom: 8px;
4821 margin: 1em 0em 1em 0em;
4822 background: #EFCFCF;
4830 a.normal:link { font-weight: normal }
4831 a.normal:visited { font-weight: normal }
4832 a.normal:active { font-weight: normal }
4833 a.normal:hover { font-weight: normal }
4835 a.impayee:link { font-weight: bold; color: #550000; }
4836 a.impayee:visited { font-weight: bold; color: #550000; }
4837 a.impayee:active { font-weight: bold; color: #550000; }
4838 a.impayee:hover { font-weight: bold; color: #550000; }
4850 .framecontent iframe {
4860 .opened-dash-board-wrap {
4861 margin-bottom: 25px;
4868 .product_line_stock_ok { color: var(--productlinestockok); }
4869 .product_line_stock_too_low { color: var(--productlinestocktoolow); }
4871 .fieldrequired { font-weight: bold; color: var(--fieldrequiredcolor) !important; }
4873 td.widthpictotitle, .table-fiche-title img.widthpictotitle { width: 38px; text-align: <?php echo $left; ?>; }
4874 span.widthpictotitle { font-size: 1.7em; }
4875 table.titlemodulehelp tr td img.widthpictotitle { width: 80px; }
4877 .dolgraphtitle { margin-top: 6px; margin-bottom: 4px; }
4878 .dolgraphtitlecssboxes { }
4879 .dolgraphchart canvas {
4882 .legendColorBox, .legendLabel { border: none !important; }
4883 div.dolgraph div.legend, div.dolgraph div.legend div { background-color: var(--dolgraphbg) !important; }
4884 div.dolgraph div.legend table tbody tr { height:
auto; }
4885 td.legendColorBox { padding: 2px 2px 2px 0 !important; }
4886 td.legendLabel { padding: 2px 2px 2px 0 !important; }
4888 text-align: <?php echo $left; ?>;
4891 label.radioprivate {
4892 white-space: nowrap;
4902 div.divphotoref > div > .photowithmargin, div.divphotoref > img.photowithmargin, div.divphotoref > a > .photowithmargin {
4907 border: 1px solid #f0f0f0;
4915 margin-top: 6px !important;
4920 content:url(<?php echo
dol_buildpath($path.
'/theme/'.$theme.
'/img/logo_setup.svg', 1) ?>);
4921 display:
inline-block;
4926 content:url(<?php echo
dol_buildpath($path.
'/theme/'.$theme.
'/img/nographyet.svg', 1) ?>);
4927 display:
inline-block;
4929 background-repeat: no-repeat;
4938 text-decoration: none;
4940 padding-bottom: 5px;
4946 div.fiche > table.table-fiche-title:first-of-
type div {
4947 color: var(--colortexttitlenotab);
4954 color: var(--colortexttitlenotab);
4957 color: var(--colortexttitlenotab);
4960 color: var(--colortexttitlenotab2);
4963 table.table-fiche-title .col-title div.titre, .col-right .btnTitle-icon {
4966 table.table-fiche-title {
4967 margin-bottom: 12px;
4971 div.backgreypublicpayment { background-color: #f0f0f0; padding: 20px; border-bottom: 1px solid #ddd; }
4972 .backgreypublicpayment a { color: #222 !important; }
4973 .poweredbypublicpayment {
4984 min-width: 300px; font-size: 16px;
4988 min-width: 320px; font-size: 16px;
4992 #tablepublicpayment {
4993 border: 1px solid #CCCCCC !important;
4996 margin-bottom: 25px;
4998 #tablepublicpayment .CTableRow1 { background-color: #F0F0F0 !important; }
4999 #tablepublicpayment tr.liste_total { border-bottom: 1px solid #CCCCCC !important; }
5000 #tablepublicpayment tr.liste_total td { border-top: none; }
5001 input#cardholder-
name {
5005 .divmainbodylarge { margin-left: 40px; margin-right: 40px; }
5006 .publicnewmemberform div.titre { font-size: 2em; }
5007 #divsubscribe { max-width: 900px; }
5008 #divsubscribe .eventlabel { font-size: 1.5em; }
5009 #tablesubscribe { width: 100%; }
5010 #tablesubscribe tr td { font-size: 1.15em; }
5011 #tablesubscribe .price-registration { font-size: 1.5em; }
5015 border: 1px solid #ccc;
5032 .effectpostit:before, .effectpostit:after
5043 -webkit-box-shadow: 0 15px 10px #777;
5044 box-shadow: 0 15px 10px #777;
5045 -webkit-transform: rotate(-3deg);
5046 -moz-transform: rotate(-3deg);
5047 -o-transform: rotate(-3deg);
5048 -ms-transform: rotate(-3deg);
5049 transform: rotate(-3deg);
5053 -webkit-transform: rotate(3deg);
5054 -moz-transform: rotate(3deg);
5055 -o-transform: rotate(3deg);
5056 -ms-transform: rotate(3deg);
5057 transform: rotate(3deg);
5068 .ui-dialog-titlebar {
5070 .ui-dialog-content {
5072 .ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable {
5073 z-index: 1005 !important;
5095 border-<?php print $left; ?>: solid 5px #f2cf87;
5101 padding-bottom: 4px;
5103 background: var(--tablevalidbgcolor);
5116 .ui-dialog.highlight.ui-widget.ui-widget-content.ui-front {
5121 max-width: <?php print
dol_size(600,
'width'); ?>px !important;
5123 div.ui-tooltip.mytooltip {
5124 border: none !important;
5128 font-stretch: condensed;
5129 -moz-box-shadow: 0.5px 0.5px 4px 0px rgba(0, 0, 0, 0.5);
5130 -webkit-box-shadow:0.5px 0.5px 4px 0px rgba(0, 0, 0, 0.5);
5131 -o-box-shadow: 0.5px 0.5px 4px 0px rgba(0, 0, 0, 0.5);
5132 box-shadow: 0.5px 0.5px 4px 0px rgba(0, 0, 0, 0.5);
5133 filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
5134 background: var(--tooltipbgcolor) !important;
5135 color: var(--tooltipfontcolor);
5141 if (!empty($conf->global->THEME_DARKMODEENABLED)) {
5142 print
"/* For dark mode */\n";
5143 if ($conf->global->THEME_DARKMODEENABLED != 2) {
5144 print
"@media (prefers-color-scheme: dark) {";
5146 print
"@media not print {";
5149 div.ui-tooltip.mytooltip {
5150 border: 1px solid #bbb !important;
5157 @media only screen and (max-width: 768px)
5159 div.ui-tooltip.mytooltip {
5163 @media only screen and (max-width: 480px)
5165 div.ui-tooltip.mytooltip {
5169 @media only screen and (max-width: 320px)
5171 div.ui-tooltip.mytooltip {
5195 .ui-datepicker-calendar .ui-state-
default, .ui-datepicker-calendar .ui-widget-content .ui-state-
default,
5196 .ui-datepicker-calendar .ui-widget-header .ui-state-
default, .ui-datepicker-calendar .ui-
button,
5197 html .ui-datepicker-calendar .ui-
button.ui-state-disabled:hover, html .ui-
button.ui-state-disabled:active
5202 img.datecallink { padding-left: 2px !important; padding-right: 2px !important; }
5204 .ui-datepicker-trigger {
5205 vertical-align: middle;
5212 -webkit-border-radius: 8px;
5214 border: 1px #E4ECEC outset;
5220 background-color: var(--inputbackgroundcolor);
5221 border-top: solid 2px #DDDDDD;
5222 border-<?php print $left; ?>: solid 2px #DDDDDD;
5223 border-<?php print $right; ?>: solid 1px #222222;
5224 border-bottom: solid 1px #222222;
5226 border-spacing: 0px;
5227 border-collapse: collapse;
5229 .dp td, .tpHour td, .tpMinute td{padding:2px; font-size:10px;}
5231 .dpHead,.tpHead,.tpHour td:Hover .tpHead{
5233 background-color:#b3c5cc;
5239 .dpButtons,.tpButtons {
5241 background-color:#617389;
5246 .dpButtons:Active,.tpButtons:Active{border: 1px outset black;}
5247 .dpDayNames td,.dpExplanation {background-color:#D9DBE1; font-weight:bold; text-align:center; font-size:11px;}
5248 .dpExplanation{ font-weight:normal; font-size:11px;}
5249 .dpWeek td{text-align:center}
5251 .dpToday,.dpReg,.dpSelected{
5254 .dpToday{font-weight:bold; color:black; background-color:#DDDDDD;}
5255 .dpReg:Hover,.dpToday:Hover{background-color:black;color:white}
5258 .dpSelected{background-color:#0B63A2;color:white;font-weight:bold; }
5260 .tpHour{border-top:1px solid #DDDDDD; border-right:1px solid #DDDDDD;}
5261 .tpHour td {border-left:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; cursor:pointer;}
5262 .tpHour td:Hover {background-color:black;color:white;}
5264 .tpMinute {margin-top:5px;}
5265 .tpMinute td:Hover {background-color:black; color:white; }
5266 .tpMinute td {background-color:#D9DBE1; text-align:center; cursor:pointer;}
5272 background-color:transparent;
5277 vertical-align:middle;
5281 color: var(--colortextlink);
5295 div.hidden, header.hidden, tr.hidden, td.hidden, img.hidden, span.hidden, div.showifmore {
5310 .previewnotyetavailable {
5314 .websiteformtoolbar {
5316 top: <?php echo empty($dol_hide_topmenu) ? ($disableimages ?
'32px' :
'52px') :
'0'; ?>;
5320 .exampleapachesetup {
5324 border: 1px solid #aaa;
5328 background: #ddd; border: 1px solid #ccc; border-radius: 4px;
5333 background-color: transparent;
5334 background-image: none;
5337 background-color: transparent;
5338 background-image: none;
5340 font-weight: normal;
5342 .websitebar .button.bordertransp {
5344 text-decoration: unset !important;
5345 margin: 0px 4px 0px 4px !important
5349 border-bottom: 1px solid #ccc;
5350 background: #e6e6e6;
5351 display:
inline-block;
5352 padding: 5px 5px 5px 5px;
5355 .centpercent.websitebar {
5356 width: calc(100% - 10px);
5359 .websitebar .buttonDelete, .websitebar .button {
5362 .websitebar .button, .websitebar .buttonDelete
5364 padding: 4px 5px 4px 5px !important;
5365 margin: 2px 4px 2px 4px !important;
5367 background: #f5f5f5 !important;
5368 border: 1px solid #ccc !important;
5372 padding-<?php echo $right; ?>: 10px;
5373 vertical-align: middle;
5376 .websiteselectionsection {
5379 .websiteselection span {
5380 vertical-align: middle;
5385 .websiteselection, .websitetools {
5391 display:
inline-block;
5392 vertical-align: middle;
5395 .websiteiframenoborder {
5398 span.websiteselection span.select2.select2-container.select2-container--
default {
5401 span.websitebuttonsitepreview, a.websitebuttonsitepreview {
5402 vertical-align: middle;
5404 span.websitebuttonsitepreview img, a.websitebuttonsitepreview img {
5406 display:
inline-block;
5408 span.websitebuttonsitepreviewdisabled img, a.websitebuttonsitepreviewdisabled img {
5412 vertical-align: middle;
5416 .websiteselectionsection {
5417 border-left: 1px solid #bbb;
5418 border-right: 1px solid #bbb;
5423 .websitebar input#previewpageurl {
5427 .websitebar input.bordertransp {
5428 line-height: normal !important;
5431 #divbodywebsite section p {
5440 .dayevent .tagtr:first-of-
type {
5444 .agendacell { height: 60px; }
5445 table.cal_month { border-spacing: 0px; }
5446 table.cal_month td:first-child { border-left: 0px; }
5447 table.cal_month td:last-child { border-right: 0px; }
5448 table.cal_month td { padding-left: 1px !important; padding-right: 1px !important; }
5449 .cal_current_month { border-top: 0; border-left: solid 1px #E0E0E0; border-right: 0; border-bottom: solid 1px #E0E0E0; }
5450 .cal_current_month_peruserleft { border-top: 0; border-left: solid 2px #6C7C7B; border-right: 0; border-bottom: solid 1px #E0E0E0; }
5451 .cal_current_month_oneday { border-right: solid 1px #E0E0E0; }
5452 .cal_other_month { border-top: 0; border-left: solid 1px #C0C0C0; border-right: 0; border-bottom: solid 1px #C0C0C0; }
5453 .cal_other_month_peruserleft { border-top: 0; border-left: solid 2px #6C7C7B !important; border-right: 0; }
5454 .cal_current_month_right { border-right: solid 1px #E0E0E0; }
5455 .cal_other_month_right { border-right: solid 1px #C0C0C0; }
5456 .cal_other_month { background: #EAEAEA; padding-<?php print $left; ?>: 2px; padding-<?php print $right; ?>: 1px; padding-top: 0px; padding-bottom: 0px; }
5457 .cal_past_month { background: #EEEEEE; padding-<?php print $left; ?>: 2px; padding-<?php print $right; ?>: 1px; padding-top: 0px; padding-bottom: 0px; }
5458 .cal_current_month { background: #FFFFFF; border-left: solid 1px #E0E0E0; padding-<?php print $left; ?>: 2px; padding-<?php print $right; ?>: 1px; padding-top: 0px; padding-bottom: 0px !important; }
5459 .cal_current_month_peruserleft { background: #FFFFFF; border-left: solid 2px #6C7C7B; padding-<?php print $left; ?>: 2px; padding-<?php print $right; ?>: 1px; padding-top: 0px; padding-bottom: 0px; }
5460 .cal_today { background: #FDFDF0; border-left: solid 1px #E0E0E0; border-bottom: solid 1px #E0E0E0; padding-<?php print $left; ?>: 2px; padding-<?php print $right; ?>: 1px; padding-top: 0px; padding-bottom: 0px; }
5461 .cal_today_peruser { background: #FDFDF0; border-right: solid 1px #E0E0E0; border-bottom: solid 1px #E0E0E0; padding-<?php print $left; ?>: 2px; padding-<?php print $right; ?>: 1px; padding-top: 0px; padding-bottom: 0px; }
5462 .cal_today_peruser_peruserleft { background: #FDFDF0; border-left: solid 2px #6C7C7B; border-right: solid 1px #E0E0E0; border-bottom: solid 1px #E0E0E0; padding-<?php print $left; ?>: 2px; padding-<?php print $right; ?>: 1px; padding-top: 0px; padding-bottom: 0px; }
5464 .cal_peruser { padding-top: 0 !important; padding-bottom: 0 !important; padding-<?php print $left; ?>: 1px !important; padding-<?php print $right; ?>: 1px !important; }
5466 background: linear-gradient(bottom, var(--colorbacklinepair2) 85%, var(--colorbacklinepair2) 100%);
5467 background: -o-linear-gradient(bottom, var(--colorbacklinepair2) 85%, var(--colorbacklinepair2) 100%);
5468 background: -moz-linear-gradient(bottom, var(--colorbacklinepair2) 85%, var(--colorbacklinepair2) 100%);
5469 background: -webkit-linear-gradient(bottom, var(--colorbacklinepair2) 85%, var(--colorbacklinepair2) 100%);
5471 .cal_today_peruser_impair { background: #F8F8F0; }
5473 .peruser_notbusy { opacity: 0.5; }
5474 div.event { margin-left: 8px; margin-right: 8px; margin-bottom: 8px; margin-top: 4px; border-radius: 4px; box-shadow: 2px 2px 5px rgba(100, 100, 100, 0.2); }
5475 table.cal_event { border: none; border-collapse: collapse; margin-bottom: 1px; min-height: 20px; filter: saturate(0.8); border-radius: 3px; }
5476 table.cal_event td { border: none; padding-<?php print $left; ?>: 2px; padding-<?php print $right; ?>: 2px; padding-top: 0px; padding-bottom: 0px; }
5477 table.cal_event td.cal_event { padding: 4px 4px !important; padding-bottom: 2px !important; padding-top: 2px !important; }
5478 table.cal_event td.cal_event_right { padding: 4px 4px !important; }
5479 .cal_event { font-size: 1em; }
5480 .cal_event a:link { color: #111111; font-weight: normal !important; }
5481 .cal_event a:visited { color: #111111; font-weight: normal !important; }
5482 .cal_event a:active { color: #111111; font-weight: normal !important; }
5483 .cal_event_notbusy a.cal_event_title:hover { color: #111111; font-weight: normal !important; }
5485 .cal_peruserviewname { max-width: 140px; height: 30px !important; }
5486 .cal_event span.badge.badge-status { border: 1px solid #aaa; }
5487 table.cal_month tr td table.nobordernopadding tr td { padding: 0 2px 0 2px; }
5488 table.cal_month tr.liste_titre td.tdfordaytitle { min-width: 120px; }
5493 .calendarviewcontainertr { height: 100px; }
5495 td.cal_other_month {
5499 td.event-past span {
5509 .ui-widget-content {
5510 border: solid 1px rgba(0,0,0,.3);
5511 background: var(--colorbackbody) !important;
5512 color: var(--colortext) !important;
5518 .ui-autocomplete-loading {
5519 background: white url(<?php echo
dol_buildpath($path.
'/theme/'.$theme.
'/img/working.gif', 1) ?>) right center no-repeat;
5525 background-color: var(--inputbackgroundcolor);
5526 border:1px solid #888;
5530 .ui-autocomplete ul {
5531 list-style-
type:none;
5535 .ui-autocomplete ul li.selected {
5536 background-color: var(--inputbackgroundcolor);
5538 .ui-autocomplete ul li {
5539 list-style-
type:none;
5552 .editkey_textarea, .editkey_ckeditor, .editkey_string, .editkey_email, .editkey_numeric, .editkey_select, .editkey_autocomplete {
5553 background: url(<?php echo
dol_buildpath($path.
'/theme/'.$theme.
'/img/edit.png', 1) ?>) right top no-repeat;
5559 .editkey_datepicker {
5560 background: url(<?php echo
dol_buildpath($path.
'/theme/'.$theme.
'/img/calendar.png', 1) ?>) right center no-repeat;
5567 .editval_textarea.active:hover, .editval_ckeditor.active:hover, .editval_string.active:hover, .editval_email.active:hover, .editval_numeric.active:hover, .editval_select.active:hover, .editval_autocomplete.active:hover, .editval_datepicker.active:hover {
5572 .viewval_textarea.active:hover, .viewval_ckeditor.active:hover, .viewval_string.active:hover, .viewval_email.active:hover, .viewval_numeric.active:hover, .viewval_select.active:hover, .viewval_autocomplete.active:hover, .viewval_datepicker.active:hover {
5587 .treeview ul { background-color: transparent !important; margin-top: 0 !important; }
5588 .treeview li { background-color: transparent !important; padding: 0 0 0 20px !important; min-height: 30px; }
5589 .treeview .hitarea { width: 20px !important; margin-left: -20px !important; margin-top: 3px; }
5590 .treeview li table { min-height: 30px; }
5591 .treeview .hover { color: var(--colortextlink) !important; text-decoration: underline !important; }
5622 font-family:sans-serif;
5625 border-spacing: 0px;
5626 border-collapse: collapse;
5633 border-style:groove;
5645 border: 1px solid #bbb !important;
5647 A.color, A.color:active, A.color:visited {
5650 text-decoration : none;
5656 border : 1px inset white;
5659 border : 1px outset white;
5661 A.none, A.none:active, A.none:visited, A.none:hover {
5664 text-decoration : none;
5671 border : 1px solid #b3c5cc;
5680 background-color : #b3c5cc;
5687 background-color : #b3c5cc;
5688 border : 2px outset;
5697 border : 1px outset white;
5703 font-family : <?php print $fontlist ?>;
5706 text-align : center;
5710 font-family : <?php print $fontlist ?>;
5717 font-family : <?php print $fontlist ?>;
5723 border: solid 1px #ddd !important;
5727 .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
5728 border: 1px solid #888;
5729 background: var(--colorbacktitle1);
5733 .ui-menu .ui-menu-item a {
5734 text-decoration:none;
5738 font-weight: normal;
5739 font-family:<?php echo $fontlist; ?>;
5743 font-family:<?php echo $fontlist; ?>;
5746 .ui-
button { margin-left: -2px; }
5751 line-height: 1em !important;
5753 .ui-autocomplete-input { margin: 0; padding: 4px; }
5760 body.cke_show_borders {
5761 margin: 5px !important;
5765 border: 1px #bbb solid ! important;
5772 .cke_wrapper { padding: 4px !important; }
5773 a.cke_dialog_ui_button
5775 font-family: <?php print $fontlist ?> !important;
5776 background-image: url(<?php echo $img_button ?>) !important;
5777 background-
position: bottom !important;
5778 border: 1px solid #C0C0C0 !important;
5779 -webkit-border-radius:0px 5px 0px 5px !important;
5780 border-radius:0px 5px 0px 5px !important;
5781 -webkit-box-shadow: 3px 3px 4px #DDD !important;
5782 box-shadow: 3px 3px 4px #DDD !important;
5784 .cke_dialog_ui_hbox_last
5786 vertical-align: bottom !important;
5788 .cke_dialog_ui_hbox_first {
5789 vertical-align: middle !important;
5792 width: 40px !important;
5801 a.cke_dialog_ui_button_ok span {
5802 text-shadow: none !important;
5803 color: #333 !important;
5811 border: 1px solid #ddd;
5814 .aceeditorstatusbar {
5817 padding-<?php echo $left; ?>: 10px;
5821 background-color: #ebebeb;
5825 .ace_status-indicator {
5829 border-left: 1px solid;
5831 pre#editfilecontentaceeditorid {
5841 height: 72px !important;
5849 .customreportsoutput, .customreportsoutputnotdata {
5852 .customreportsoutputnotdata {
5865 #types .btn-primary {
5874 display:
inline-block;
5879 vertical-align: top;
5882 #types input.text, #types textarea {
5896 box-sizing:border-box;
5903 #comment .comment-table {
5907 #comment .comment-cell {
5910 #comment .comment-info {
5912 border-right:1px solid #dedede;
5916 background:rgba(255,255,255,0.5);
5917 vertical-align:middle;
5920 #comment .comment-info a {
5923 #comment .comment-right {
5926 #comment .comment-description {
5930 #comment .comment-delete {
5933 vertical-align:middle;
5935 #comment .comment-delete:hover {
5936 background:rgba(250,20,20,0.8);
5938 #comment .comment-edit {
5941 vertical-align:middle;
5943 #comment .comment-edit:hover {
5944 background:rgba(0,184,148,0.8);
5957 width: <?php print isset($_SESSION[
'dol_screenwidth']) ?max((
int) $_SESSION[
'dol_screenwidth'] - 830, 450) :
'450'; ?>px !important;
5960 div#GanttChartDIVglisthead, div#GanttChartDIVgcharthead {
5964 .gtaskname div, .gtaskname, .gstartdate div, .gstartdate, .genddate div, .genddate {
5965 font-size: unset !important;
5968 div.gantt, .gtaskheading, .gmajorheading, .gminorheading, .gminorheadingwkend {
5969 font-size: unset !important;
5970 font-weight: normal !important;
5971 color: #000 !important;
5974 background: #f0f0f0 !important;
5977 background: rgb(108,152,185) !important;
5980 background: rgb(160,173,58) !important;
5984 text-overflow: ellipsis;
5986 td.gminorheadingwkend {
5987 color: #888 !important;
5990 color: #666 !important;
5992 .glistlbl, .glistgrid {
5993 width: 582px !important;
6000 .gtaskname div, .gtaskname {
6001 min-width: 250px !important;
6002 max-width: unset !important;
6003 width: unset !important;
6005 .gpccomplete div, .gpccomplete {
6006 min-width: 40px !important;
6007 max-width: 40px !important;
6008 width: 40px !important;
6010 td.gtaskheading.gstartdate, td.gtaskheading.genddate {
6011 white-space:
break-spaces;
6013 .gtasktableh tr:nth-child(2) td:nth-child(2), .gtasktableh tr:nth-child(2) td:nth-child(3), .gtasktableh tr:nth-child(2) td:nth-child(4), .gtasktableh tr:nth-child(2) td:nth-child(5), .gtasktableh tr:nth-child(2) td:nth-child(6), .gtasktableh tr:nth-child(2) td:nth-child(7) {
6014 color: transparent !important;
6028 font-weight: normal;
6037 font-weight: normal;
6043 text-decoration: none;
6048 margin: 0 5px 5px 5px;
6053 margin: 0 10px 20px 10px;
6058 float: <?php print $left; ?>;
6059 border: solid 1px #DDDDDD;
6066 font-weight: normal;
6074 white-space: nowrap;
6080 vertical-align: middle;
6084 display:
inline-block !important;
6087 width: calc(100% - 100px);
6089 white-space:
break-spaces;
6090 word-
break:
break-all;
6092 ul.ecmjqft a:active {
6093 font-weight: bold !important;
6095 ul.ecmjqft a:hover {
6096 text-decoration: underline;
6099 vertical-align: middle;
6100 display:
inline-block !important;
6109 #ecm-layout-north div.attachareaformuserfileecm {
6110 padding-bottom: 0px;
6112 div#ecm-layout-west {
6114 vertical-align: top;
6116 div#ecm-layout-center {
6117 width: calc(100% - 390px);
6118 vertical-align: top;
6122 .ecmjqft LI.directory { font-weight:normal; background: url(<?php echo
dol_buildpath($path.
'/theme/common/treemenu/folder2.png', 1); ?>) left top no-repeat; background-
position-y: 8px; }
6123 .ecmjqft LI.expanded { font-weight:normal; background: url(<?php echo
dol_buildpath($path.
'/theme/common/treemenu/folder2-expanded.png', 1); ?>) left top no-repeat; background-
position-y: 8px; }
6124 .ecmjqft LI.wait { font-weight:normal; background: url(<?php echo
dol_buildpath(
'/theme/'.$theme.
'/img/working.gif', 1); ?>) left top no-repeat; }
6131 .jnotify-container {
6133 <?php
if (!empty($conf->global->MAIN_JQUERY_JNOTIFY_BOTTOM)) { ?>
6134 top:
auto !important;
6135 bottom: 4px !important;
6138 min-width: <?php echo $dol_optimize_smallscreen ?
'200' :
'480'; ?>px;
6141 padding-left: 10px !important;
6142 padding-right: 10px !important;
6143 word-wrap:
break-word;
6145 .jnotify-container .jnotify-notification .jnotify-message {
6146 font-weight: normal;
6148 word-
break:
break-word;
6150 .jnotify-container .jnotify-notification-warning .jnotify-close, .jnotify-container .jnotify-notification-warning .jnotify-message {
6151 color: #a28918 !important;
6155 div.jnotify-background {
6156 opacity : 0.95 !important;
6157 -webkit-box-shadow: 2px 2px 4px #888 !important;
6158 box-shadow: 2px 2px 4px #888 !important;
6166 div.dolEventValid h1, div.dolEventValid h2 {
6168 background-color: #e3f0db;
6169 padding: 5px 5px 5px 5px;
6172 div.dolEventError h1, div.dolEventError h2 {
6174 background-color: #d79eac;
6175 padding: 5px 5px 5px 5px;
6183 .divmap, #google-visualization-geomap-embed-0, #google-visualization-geomap-embed-1, #google-visualization-geomap-embed-2 {
6191 table.dataTable tr.odd td.sorting_1, table.dataTable tr.even td.sorting_1 {
6192 background: none !important;
6194 .sorting_asc { background: url(
'<?php echo dol_buildpath('/theme/
'.$theme.'/img/sort_asc.png
', 1); ?>') no-repeat center right !important; }
6195 .sorting_desc { background: url(
'<?php echo dol_buildpath('/theme/
'.$theme.'/img/sort_desc.png
', 1); ?>') no-repeat center right !important; }
6196 .sorting_asc_disabled { background: url(
'<?php echo dol_buildpath('/theme/
'.$theme.'/img/sort_asc_disabled.png
', 1); ?>') no-repeat center right !important; }
6197 .sorting_desc_disabled { background: url(
'<?php echo dol_buildpath('/theme/
'.$theme.'/img/sort_desc_disabled.png
', 1); ?>') no-repeat center right !important; }
6198 .dataTables_paginate {
6201 .paginate_button_disabled {
6202 opacity: 1 !important;
6203 color: #888 !important;
6204 cursor:
default !important;
6206 .paginate_disabled_previous:hover, .paginate_enabled_previous:hover, .paginate_disabled_next:hover, .paginate_enabled_next:hover
6208 font-weight: normal;
6210 .paginate_enabled_previous:hover, .paginate_enabled_next:hover
6212 text-decoration: underline !important;
6216 text-decoration: underline !important;
6220 font-weight: normal !important;
6221 text-decoration: none !important;
6223 .paging_full_numbers {
6224 height: inherit !important;
6226 .paging_full_numbers a.paginate_active:hover, .paging_full_numbers a.paginate_button:hover {
6227 background-color: var(--colorbackbody) !important;
6229 .paging_full_numbers, .paging_full_numbers a.paginate_active, .paging_full_numbers a.paginate_button {
6230 background-color: var(--colorbackbody) !important;
6231 border-radius: inherit !important;
6233 .paging_full_numbers a.paginate_button_disabled:hover, .paging_full_numbers a.disabled:hover {
6234 background-color: var(--colorbackbody) !important;
6236 .paginate_button, .paginate_active {
6237 border: 1px solid #ddd !important;
6238 padding: 6px 12px !important;
6239 margin-left: -1px !important;
6240 line-height: 1.42857143 !important;
6241 margin: 0 0 !important;
6248 .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled, .paginate_button_disabled {
6250 background-image: none;
6253 div.dataTables_length {
6254 float: right !important;
6257 div.dataTables_length select {
6260 .dataTables_wrapper .dataTables_paginate {
6261 padding-top: 0px !important;
6268 span.select2-selection--single.flat[aria-disabled=
"true"] span.select2-selection__rendered {
6272 span#select2-taskid-container[title^=
'--'] {
6276 .select2-container--
default .select2-results__option--highlighted[aria-selected] {
6277 background-color: var(--colorbackhmenu1);
6278 color: var(--colortextbackhmenu);
6280 .select2-container--
default .select2-results__option--highlighted[aria-selected] span {
6281 color: #fff !important;
6284 span.select2.select2-container.select2-container--
default {
6285 text-align: initial;
6286 <?php
if (empty($conf->global->THEME_SHOW_BORDER_ON_INPUT)) { ?>
6292 span.select2.select2-container.select2-container--
default {
6293 <?php
if (empty($conf->global->THEME_SHOW_BORDER_ON_INPUT)) { ?>
6298 input.select2-input {
6299 border-bottom: none ! important;
6303 border-bottom: solid 1px var(--inputbordercolor) !important;
6305 .select2-results .select2-highlighted.optionblue {
6306 color: #FFF !important;
6308 .select2-container .select2-selection--multiple {
6309 min-height: 28px !important;
6311 .select2-container--
default .select2-selection--multiple .select2-selection__choice {
6312 margin-top: 5px !important;
6315 .select2-container--focus span.select2-selection.select2-selection--single {
6316 border-bottom: 1px solid var(--inputbordercolor) !important;
6317 border-bottom-left-radius: 0;
6318 border-bottom-right-radius: 0;
6321 .blockvmenusearch .select2-container--
default .select2-selection--single,
6322 .blockvmenubookmarks .select2-container--
default .select2-selection--single
6324 background-color: var(--colorbackvmenu1);
6326 .select2-container--
default .select2-selection--single {
6327 background-color: var(--inputbackgroundcolor);
6329 #blockvmenusearch .select2-container--default .select2-selection--single .select2-selection__placeholder {
6330 color: var(--colortextbackvmenu);
6332 .select2-container--
default .select2-selection--single .select2-selection__rendered {
6333 color: var(--colortext);
6337 color: #999 !important;
6339 .select2-choice, .select2-container .select2-choice {
6340 border-bottom: solid 1px rgba(0,0,0,.4);
6342 .select2-container .select2-choice > .select2-chosen {
6345 .select2-container .select2-choice .select2-arrow {
6347 background: transparent;
6349 .select2-container-multi .select2-choices {
6350 background-image: none;
6352 .select2-container .select2-choice {
6353 color: var(--colortext);
6356 .selectoptiondisabledwhite {
6357 background: #FFFFFF !important;
6361 border-left: none !important;
6362 background: none !important;
6366 border-top: none !important;
6367 border-left: none !important;
6368 border-right: none !important;
6370 .select2-drop.select2-drop-above {
6371 box-shadow: none !important;
6373 .select2-container--open .select2-dropdown--above {
6374 border-bottom: solid 1px var(--inputbordercolor);
6376 .select2-drop.select2-drop-above.select2-drop-active {
6377 border-top: 1px solid #ccc;
6378 border-bottom: solid 1px var(--inputbordercolor);
6380 .select2-container--
default .select2-selection--single
6383 <?php
if (empty($conf->global->THEME_SHOW_BORDER_ON_INPUT)) { ?>
6389 border<?php echo empty($conf->global->THEME_SHOW_BORDER_ON_INPUT) ?
'-bottom' :
''; ?>: solid 1px var(--inputbordercolor);
6391 -webkit-box-shadow: none !important;
6392 box-shadow: none !important;
6395 .select2-container--focus .select2-container--
default .select2-selection--single {
6396 border-bottom-left-radius: 0;
6397 border-bottom-right-radius: 0;
6399 .select2-container--
default.select2-container--focus .select2-selection--multiple {
6403 border-bottom-left-radius: 0;
6404 border-bottom-right-radius: 0;
6406 .select2-container--
default .select2-selection--multiple {
6407 border-bottom: solid 1px var(--inputbordercolor);
6412 background: var(--inputbackgroundcolor);
6413 line-height: normal;
6415 .select2-container--
default .select2-selection--multiple .select2-selection__rendered {
6418 .select2-container--
default .select2-selection--multiple .select2-selection__choice {
6419 background-color: #ddd;
6420 margin-top: 4px !important;
6422 .select2-selection--multiple input.select2-search__field {
6423 border-bottom: none !important;
6426 .select2-search__field
6429 border-top: none !important;
6430 border-left: none !important;
6431 border-right: none !important;
6432 border-bottom: solid 1px var(--inputbordercolor) !important;
6433 -webkit-box-shadow: none !important;
6434 box-shadow: none !important;
6435 border-radius: 0 !important;
6438 .select2-container-active .select2-choice, .select2-container-active .select2-choices
6443 border-bottom: none;
6444 -webkit-box-shadow: none !important;
6445 box-shadow: none !important;
6450 box-shadow: 1px 2px 10px var(--colorbackvmenu1);
6451 background-color: var(--colorbackbody);
6452 color: var(--colortext);
6454 .select2-dropdown-open {
6455 background-color: var(--colorbackvmenu1);
6457 .select2-dropdown-open .select2-choice, .select2-dropdown-open .select2-choices
6462 border-bottom: none;
6463 -webkit-box-shadow: none !important;
6464 box-shadow: none !important;
6465 background-color: var(--colorbackvmenu1);
6471 .select2-drop.select2-drop-above.select2-drop-active, .select2-drop {
6474 .select2-drop.select2-drop-above {
6477 .select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices {
6478 background-image: none;
6479 border-radius: 0 !important;
6481 div.select2-drop-above
6483 background: var(--colorbackvmenu1);
6484 -webkit-box-shadow: none !important;
6485 box-shadow: none !important;
6487 .select2-drop-active
6489 border: 1px solid #ccc;
6492 .select2-search input {
6495 a span.select2-chosen
6497 font-weight: normal !important;
6499 .select2-container .select2-choice {
6500 background-image: none;
6503 .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-ajax-error, .select2-results .select2-selection-limit
6505 background: var(--colorbackvmenu1);
6510 .select2-results__option {
6511 word-
break:
break-word;
6512 text-align: <?php echo $left; ?>;
6514 .select2-container.select2-container-disabled .select2-choice, .select2-container-multi.select2-container-disabled .select2-choices {
6515 background-color: var(--colorbackvmenu1);
6516 background-image: none;
6520 .select2-container-disabled .select2-choice .select2-arrow b {
6523 .select2-container-multi .select2-choices .select2-search-choice {
6526 .select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices, .select2-container-multi .select2-choices,
6527 .select2-container-multi.select2-container-active .select2-choices
6529 border-bottom: 1px solid #ccc;
6535 .select2-container--
default .select2-results>.select2-results__options{
6540 #addbox .select2-container .select2-choice > .select2-chosen, #actionbookmark .select2-container .select2-choice > .select2-chosen {
6541 text-align: <?php echo $left; ?>;
6544 .select2-container--
default .select2-selection--single .select2-selection__placeholder {
6545 color: var(--colortext);
6548 span#select2-boxbookmark-container, span#select2-boxcombo-container {
6549 text-align: <?php echo $left; ?>;
6551 span#select2-boxbookmark-container {
6554 .select2-container .select2-selection--single .select2-selection__rendered {
6558 #boxbookmark.boxcombo, #boxcombo.boxcombo {
6561 border-bottom: solid 1px rgba(0,0,0,.4) !important;
6565 vertical-align: top;
6569 .select2-container-multi-dolibarr .select2-choices-dolibarr .select2-search-choice-dolibarr {
6570 padding: 3px 5px 2px 5px;
6571 margin: 0 0 2px 3px;
6576 border: 1px solid #aaaaaa;
6578 -webkit-box-shadow: 0 0 2px var(--inputbackgroundcolor) inset, 0 1px 0 rgba(0, 0, 0, 0.05);
6579 box-shadow: 0 0 2px var(--inputbackgroundcolor) inset, 0 1px 0 rgba(0, 0, 0, 0.05);
6580 background-clip: padding-box;
6581 -webkit-touch-callout: none;
6582 -webkit-
user-select: none;
6583 -moz-
user-select: none;
6584 -ms-
user-select: none;
6586 background-color: var(--inputbackgroundcolor);
6587 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eee));
6588 background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
6589 background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
6590 background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
6592 .select2-container-multi-dolibarr .select2-choices-dolibarr .select2-search-choice-dolibarr a {
6593 font-weight: normal;
6595 .select2-container-multi-dolibarr .select2-choices-dolibarr li {
6596 float: <?php echo $left; ?>;
6599 .select2-container-multi-dolibarr .select2-choices-dolibarr {
6600 height:
auto !important;
6609 ul.select2-results__options li {
6613 .parentonrightofpage {
6617 select.multiselectononeline {
6619 vertical-align: middle;
6621 height: 28px !important;
6626 @media only screen and (min-width: 767px)
6629 .select2-container.select2-container--open:not(.graphtype) .select2-dropdown.ui-dialog {
6630 min-width: 220px !important;
6632 .select2-container.select2-container--open:not(.graphtype) .select2-dropdown--below:not(.onrightofpage),
6633 .select2-container.select2-container--open:not(.graphtype) .select2-dropdown--above:not(.onrightofpage) {
6634 min-width: 220px !important;
6636 .onrightofpage span.select2-dropdown.ui-dialog.select2-dropdown--below,
6637 .onrightofpage span.select2-dropdown.ui-dialog.select2-dropdown--above{
6638 min-width: 140px !important;
6641 .select2-container--open .select2-dropdown--below {
6642 border-top: 1px solid var(--inputbordercolor);
6652 .noborderoncategories {
6653 border: none !important;
6654 border-radius: 5px !important;
6656 -webkit-box-shadow: none !important;
6657 box-shadow: none !important;
6658 margin-top: 1px !important;
6659 margin-bottom: 0 !important;
6661 span.noborderoncategories a, li.noborderoncategories a {
6662 line-height: normal;
6665 span.noborderoncategories {
6666 padding: 3px 5px 3px 5px;
6667 display:
inline-block;
6669 .categtextwhite, .treeview .categtextwhite.hover {
6670 color: #fff !important;
6673 color: #000 !important;
6681 .multi-select-menu {
6685 .multi-select-container {
6686 display:
inline-block;
6690 .multi-select-menu {
6696 background: var(--inputbackgroundcolor);
6699 border: 1px solid #aaa;
6700 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
6704 div.multi-select-menu[role=
"menu"] {
6705 min-width: 220px !important;
6708 .multi-select-menu input {
6709 margin-right: 0.3em;
6710 vertical-align: 0.1em;
6714 display:
inline-block;
6716 white-space: nowrap;
6718 text-overflow: ellipsis;
6719 vertical-align: middle;
6720 background-color: var(--inputbackgroundcolor);
6724 border-bottom: solid 1px var(--inputbordercolor);
6730 .multi-select-
button:focus {
6732 border-bottom: 1px solid #666;
6733 border-bottom-left-radius: 0;
6734 border-bottom-right-radius: 0;
6737 .multi-select-
button:after {
6739 display:
inline-block;
6742 border-style: solid;
6743 border-width: 0.5em 0.23em 0em 0.23em;
6744 border-color: #888 transparent transparent transparent;
6748 .multi-select-container--open .multi-select-menu { display: block; }
6750 .multi-select-container--open .multi-select-
button:after {
6751 border-width: 0 0.4em 0.4em 0.4em;
6752 border-color: transparent transparent #888 transparent;
6755 .multi-select-menuitem {
6760 label.multi-select-menuitem {
6770 ul.ulselectedfields {
6778 vertical-align: middle;
6779 display:
inline-block;
6781 .dropdown dd, .dropdown dt {
6787 text-align: <?php echo $left; ?>;
6797 .dropdown dt a span, .multiSel span {
6799 display:
inline-block;
6800 padding: 0 3px 2px 0;
6802 .maxwidthsearch .dropdown dt a span, .multiSel span {
6803 padding: 0 3px 2px 3px;
6805 .dropdown span.value {
6809 background-color: var(--inputbackgroundcolor);
6810 box-shadow: 1px 1px 10px #aaa;
6812 <?php echo $right; ?>:0px;
6822 .dropdown dd ul.selectedfieldsleft {
6823 <?php echo $right; ?>:
auto;
6825 .dropdown dd ul li {
6826 white-space: nowrap;
6827 font-weight: normal;
6828 padding: 7px 8px 7px 8px;
6830 color: var(--colortext);
6832 .dropdown dd ul li:hover {
6835 .dropdown dd ul li input[
type=
"checkbox"] {
6836 margin-<?php echo $right; ?>: 3px;
6838 .dropdown dd ul li a, .dropdown dd ul li span {
6842 .dropdown dd ul li span {
6848 dd.dropdowndd ul li {
6849 text-overflow: ellipsis;
6851 white-space: nowrap;
6861 text-overflow: ellipsis;
6862 white-space: nowrap;
6873 .moduledesclong h1 {
6875 padding-bottom: 20px;
6883 .searchpage .tagtr .tagtd {
6885 padding-bottom: 2px;
6887 .searchpage .tagtr .tagtd .button {
6891 .searchpage .searchform input {
6896 li.ui-li-divider .ui-link {
6897 color: #FFF !important;
6902 a.ui-link, a.ui-link:hover, .ui-btn:hover, span.ui-btn-text:hover, span.ui-btn-inner:hover {
6903 text-decoration: none !important;
6913 font-size: <?php print is_numeric($fontsize) ? $fontsize.
'px' : $fontsize; ?>;
6916 .ui-btn-icon-right .ui-btn-inner {
6917 padding-right: 30px;
6919 .ui-btn-icon-left .ui-btn-inner {
6922 .ui-select .ui-btn-icon-right .ui-btn-inner {
6923 padding-right: 30px;
6925 .ui-select .ui-btn-icon-left .ui-btn-inner {
6928 .ui-select .ui-btn-icon-right .ui-icon {
6931 .ui-btn-icon-left > .ui-btn-inner > .ui-icon, .ui-btn-icon-right > .ui-btn-inner > .ui-icon {
6937 white-space: nowrap;
6938 text-overflow: ellipsis;
6940 .fiche .ui-controlgroup {
6942 padding-bottom: 0px;
6944 div.ui-controlgroup-controls div.tabsElem
6948 div.ui-controlgroup-controls div.tabsElem a
6950 -webkit-box-shadow: 0 -3px 6px rgba(0,0,0,.2);
6951 box-shadow: 0 -3px 6px rgba(0,0,0,.2);
6953 div.ui-controlgroup-controls div.tabsElem a#active {
6954 -webkit-box-shadow: 0 -3px 6px rgba(0,0,0,.3);
6955 box-shadow: 0 -3px 6px rgba(0,0,0,.3);
6958 a.tab span.ui-btn-inner
6965 color: var(--colortext);
6967 .liste_titre .ui-link {
6968 color: var(--colortexttitle) !important;
6972 word-wrap:
break-word;
6976 .formdoc .ui-btn-inner
6978 white-space: normal;
6980 text-overflow: clip;
6988 div.ui-radio, div.ui-checkbox
6990 display:
inline-block;
6991 border-bottom: 0px !important;
6993 .ui-checkbox input, .ui-radio input {
6999 div.ui-checkbox label+input, div.ui-radio label+input {
7004 padding-bottom: 10px; margin-bottom: 4px; border-bottom: 1px solid #AAAAAA !important;
7009 -webkit-border-radius: 0;
7012 .ui-field-contain label.ui-input-text {
7013 vertical-align: middle !important;
7015 .ui-mobile fieldset {
7016 border-bottom: none !important;
7020 .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-
static.ui-li {
7025 font-weight: normal;
7027 .ui-focus, .ui-btn:focus {
7028 -webkit-box-shadow: none;
7036 color: var(--colortexttitlenotab) !important;
7038 .ui-bar-b, .lilevel0 {
7039 background-repeat: repeat-x;
7043 color: var(--colortexttitlenotab) !important;
7046 font-weight: normal !important;
7049 .ui-li.ui-last-child, .ui-li.ui-field-contain.ui-last-child {
7050 border-bottom-width: 0px !important;
7053 color: var(--colortexttitle) !important;
7054 background: var(--colorbackmobilemenu);
7057 box-shadow: none !important;
7058 border-bottom: 1px solid #ccc;
7060 .ui-btn-icon-right {
7061 border-right: 1px solid #ccc !important;
7064 border: 1px solid #ccc;
7067 .ui-btn-up-c, .ui-btn-hover-c {
7071 .ui-body-c .ui-link, .ui-body-c .ui-link:visited, .ui-body-c .ui-link:hover {
7072 color: var(--colortextlink);
7074 .ui-btn-up-c .vsmenudisabled {
7075 color: #<?php echo $colorshadowtitle; ?> !important;
7076 text-shadow: none !important;
7078 div.tabsElem a.tab {
7079 background: transparent;
7082 color: var(--colortexttitlenotab) !important;
7085 border-top: 2px solid #444;
7086 background: #fff ! important;
7088 .lilevel1 div div a {
7089 font-weight: bold !important;
7094 background: #fff ! important;
7099 background: #fff ! important;
7104 background: #fff ! important;
7109 background: #fff ! important;
7118 .menu_choix1,.menu_choix2 {
7121 border: 1px solid #666;
7124 .menu_choix1 a, .menu_choix2 a {
7127 text-decoration: none;
7133 .menu_choix1 a:hover,.menu_choix2 a:hover {
7136 .menu li.menu_choix1 {
7138 padding-right: 10px;
7139 padding-bottom: 2px;
7141 .menu li.menu_choix2 {
7143 padding-right: 10px;
7144 padding-bottom: 2px;
7146 @media only screen and (max-width: 767px)
7148 .menu_choix1 a, .menu_choix2 a {
7149 background-size: 36px 36px;
7153 .menu li.menu_choix1, .menu li.menu_choix2 {
7158 margin-right: 0 !important;
7172 border: 1px solid #888;
7174 .publicnewmemberform div.tabBarWithBottom {
7175 border: 1px solid #e8e8e8;
7178 background-color: #f8f8f8;
7182 .publicnewmemberform #tablesubscribe {
7186 @media only screen and (max-width: 767px)
7188 .publicnewmemberform div.tabBarWithBottom {
7198 .ticketpublictable td {
7206 .publicnewticketform {
7209 .ticketlargemargin {
7211 padding-right: 50px;
7214 @media only screen and (max-width: 767px)
7216 .ticketlargemargin {
7217 padding-left: 5px; padding-right: 5px;
7231 #cd-timeline::before {
7239 background: #d7e4ed;
7241 @media only screen and (min-width: 1170px) {
7245 #cd-timeline::before {
7251 .cd-timeline-block {
7255 .cd-timeline-block:after {
7260 .cd-timeline-block:first-child {
7263 .cd-timeline-block:last-child {
7266 @media only screen and (min-width: 1170px) {
7267 .cd-timeline-block {
7270 .cd-timeline-block:first-child {
7273 .cd-timeline-block:last-child {
7285 box-shadow: 0 0 0 4px white, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05);
7286 background: #d7e4ed;
7288 .cd-timeline-img img {
7298 .cd-timeline-img.cd-picture {
7299 background: #75ce66;
7301 .cd-timeline-img.cd-movie {
7302 background: #c03b44;
7304 .cd-timeline-img.cd-location {
7305 background: #f0ca45;
7307 @media only screen and (min-width: 1170px) {
7314 -webkit-transform: translateZ(0);
7315 -webkit-backface-visibility: hidden;
7317 .cssanimations .cd-timeline-img.is-hidden {
7320 .cssanimations .cd-timeline-img.bounce-in {
7321 visibility: visible;
7322 -webkit-animation: cd-bounce-1 0.6s;
7323 -moz-animation: cd-bounce-1 0.6s;
7324 animation: cd-bounce-1 0.6s;
7328 @-webkit-keyframes cd-bounce-1 {
7331 -webkit-transform: scale(0.5);
7336 -webkit-transform: scale(1.2);
7340 -webkit-transform: scale(1);
7343 @-moz-keyframes cd-bounce-1 {
7346 -moz-transform: scale(0.5);
7351 -moz-transform: scale(1.2);
7355 -moz-transform: scale(1);
7358 @keyframes cd-bounce-1 {
7361 -webkit-transform: scale(0.5);
7362 -moz-transform: scale(0.5);
7363 -ms-transform: scale(0.5);
7364 -o-transform: scale(0.5);
7365 transform: scale(0.5);
7370 -webkit-transform: scale(1.2);
7371 -moz-transform: scale(1.2);
7372 -ms-transform: scale(1.2);
7373 -o-transform: scale(1.2);
7374 transform: scale(1.2);
7378 -webkit-transform: scale(1);
7379 -moz-transform: scale(1);
7380 -ms-transform: scale(1);
7381 -o-transform: scale(1);
7382 transform: scale(1);
7385 .cd-timeline-content {
7389 border-radius: 0.25em;
7391 background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(230,230,230,0.4) 100%);
7392 background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(230,230,230,0.4) 100%);
7393 background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(230,230,230,0.4) 100%);
7394 background-image: linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(230,230,230,0.4) 100%);
7396 .cd-timeline-content:after {
7401 .cd-timeline-content h2 {
7404 .cd-timeline-content .cd-date {
7406 font-size: 0.8125rem;
7408 .cd-timeline-content .cd-date {
7409 display:
inline-block;
7411 .cd-timeline-content p {
7416 .cd-timeline-content .cd-date {
7421 .cd-timeline-content::before {
7428 border: 7px solid transparent;
7429 border-right: 7px solid white;
7431 @media only screen and (min-width: 768px) {
7432 .cd-timeline-content h2 {
7436 .cd-timeline-content {
7440 .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
7442 font-size: 0.875rem;
7445 @media only screen and (min-width: 1170px) {
7446 .cd-timeline-content {
7451 .cd-timeline-content::before {
7454 border-color: transparent;
7455 border-left-color: white;
7457 .cd-timeline-content .cd-read-more {
7460 .cd-timeline-content .cd-date {
7468 .cd-timeline-block:nth-child(even) .cd-timeline-content {
7471 .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
7475 border-color: transparent;
7476 border-right-color: white;
7478 .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
7481 .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
7497 span.phpdebugbar-tooltip.phpdebugbar-tooltip-extra-wide, span.phpdebugbar-tooltip.phpdebugbar-tooltip-wide {
7498 width: 250px !important;
7500 .phpdebugbar-indicator span.phpdebugbar-tooltip {
7501 opacity: .95 !important;
7503 a.phpdebugbar-tab.phpdebugbar-active {
7504 background-image: unset !important;
7506 .phpdebugbar-fa-tags:before {
7508 font-weight: 600 !important;
7510 .phpdebugbar-fa-tasks:before {
7512 font-weight: 600 !important;
7514 .phpdebugbar-fa-tags, .phpdebugbar-fa-tasks, .phpdebugbar-indicator .fa {
7515 font-family:
"Font Awesome 5 Free";
7518 div.phpdebugbar-widgets-messages li.phpdebugbar-widgets-list-item span.phpdebugbar-widgets-value.phpdebugbar-widgets-warning:before,
7519 div.phpdebugbar-widgets-messages li.phpdebugbar-widgets-list-item span.phpdebugbar-widgets-value.phpdebugbar-widgets-error:before,
7520 div.phpdebugbar-widgets-exceptions a.phpdebugbar-widgets-editor-link:before,
7521 div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-database:before,
7522 div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-duration:before,
7523 div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-memory:before,
7524 div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-row-count:before,
7525 div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-copy-clipboard:before,
7526 div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-stmt-id:before,
7527 div.phpdebugbar-widgets-templates span.phpdebugbar-widgets-render-time:before,
7528 div.phpdebugbar-widgets-templates span.phpdebugbar-widgets-memory:before,
7529 div.phpdebugbar-widgets-templates span.phpdebugbar-widgets-param-count:before,
7530 div.phpdebugbar-widgets-templates span.phpdebugbar-widgets-
type:before,
7531 div.phpdebugbar-widgets-templates a.phpdebugbar-widgets-editor-link:before
7533 font-family:
"Font Awesome 5 Free" !important;
7540 .jcrop-holder { background: unset !important; }
7547 .dol-xaxis-vertical .flot-x-axis .flot-tick-label.tickLabel {
7548 text-orientation: sideways;
7550 writing-mode: vertical-rl;
7551 white-space: nowrap;
7559 span.clipboardCPValueToPrint, div.clipboardCPValueToPrint {
7560 display:
inline-block;
7562 span.clipboardCPValue.hidewithsize {
7563 width: 0 !important;
7564 display:
inline-block;
7566 white-space: nowrap;
7568 vertical-align: middle;
7570 div.clipboardCPValue.hidewithsize {
7571 width: 0 !important;
7574 white-space: nowrap;
7577 .clipboardCPShowOnHover .clipboardCPButton {
7585 .clipboardCPTextDivInside {
7587 background: #f8f8fa;
7589 border: 1px solid #E0E0E0;
7598 white-space: nowrap;
7600 box-shadow: 1px 1px 6px #ddd;
7608 .radio_js_bloc_number {
7609 display:
inline-block;
7613 border:1px solid #ccc;
7620 .radio_js_bloc_number.selected {
7621 transition:0.2s ease background;
7634 vertical-align: top;
7638 #virtualcard-iframe {
7639 border: 40px solid #aaa;
7640 vertical-align: top;
7643 border-radius: 10px;
7647 pointer-events: none;
7662 .highlightDragDropArea{
7663 border: 2px #000 dashed !important;
7664 background-color: #eee !important;
7666 .highlightDragDropArea * :not(.dragDropAreaMessage *){
7668 filter: blur(1px) grayscale(90%);
7670 .dragDropAreaMessage {
7674 transform: translate(-50%, -50%);
7684 border: 1px solid #bbb !important;
7692 background-size: 22px
auto;
7695 .imgopensurveywizard
7697 padding: 0 4px 0 4px;
7699 @media only screen and (max-width: 767px)
7701 .imgopensurveywizard, .imgautosize { width:95%; height:
auto; }
7703 .fiche > .listactionsfilter .table-fiche-title .col-title .titre {
7713 width: <?php print
dol_size(350,
'width'); ?>px;
7719 -webkit-border-radius: 0;
7725 td.widthpictotitle { width: 30px; }
7727 .logopublicpayment #dolpaymentlogo {
7730 #tablepublicpayment {
7731 width:
auto !important;
7732 border: none !important;
7734 .poweredbypublicpayment {
7735 float: unset !important;
7736 top: unset !important;
7738 right: -10px !important;
7746 @media only screen and (max-width: 1024px)
7748 div#ecm-layout-west {
7749 width: calc(100% - 4px);
7752 div#ecm-layout-center {
7759 @media only screen and (max-width: <?php echo empty($conf->global->THEME_ELDY_WITDHOFFSET_FOR_REDUC1) ? round($nbtopmenuentries * 90, 0) + 340 : $conf->global->THEME_ELDY_WITDHOFFSET_FOR_REDUC1; ?>px)
7762 width: <?php echo round(52); ?>px;
7763 white-space: nowrap;
7765 text-overflow: ellipsis;
7767 color: var(--colortextbackhmenu);
7771 color: var(--colortextbackhmenu);
7780 background-size: 22px
auto;
7784 li.tmenu, li.tmenusel {
7799 @media only screen and (max-width: <?php echo empty($conf->global->THEME_ELDY_WITDHOFFSET_FOR_REDUC2) ? round($nbtopmenuentries * 69, 0) + 130 : $conf->global->THEME_ELDY_WITDHOFFSET_FOR_REDUC2; ?>px)
7801 li.tmenucompanylogo {
7808 max-width: <?php echo round(26); ?>px;
7809 text-overflow: clip;
7811 span.mainmenuaspan {
7820 background-size: 20px
auto;
7830 @media only screen and (max-width: <?php echo empty($conf->global->THEME_ELDY_WITDHOFFSET_FOR_REDUC3) ? round($nbtopmenuentries * 47, 0) + 130 : $conf->global->THEME_ELDY_WITDHOFFSET_FOR_REDUC3; ?>px)
7833 .tmenudiv .tmenulabel span.mainmenuaspan {
7834 display: none !important;
7836 .tmenudiv:hover .tmenuimage:not(.menuhider), .tmenudiv:hover .tmenuimage:not(.menuhider):before {
7837 margin-top: 8px !important;
7843 background: var(--colorbackvmenu1);
7848 background: var(--colorbackvmenu1);
7854 .login_vertical_align {
7856 padding-right: 20px;
7861 <?php
if ($disableimages) { ?>
7866 <?php
if (
GETPOST(
'optioncss',
'aZ09') ==
'print') { ?>
7869 padding-<?php echo $right; ?>: 0;
7872 div.login_block_user {
7883 padding-right: 20px;
7884 padding-bottom: 16px;
7888 vertical-align: middle;
7890 background: var(--colorbackvmenu1);
7899 .side-nav-vert .user-menu .dropdown-menu {
7900 width: 234px !important;
7902 div.login_block_other {
7903 margin-right: unset;
7905 div.login_block_user, div.login_block_other { clear: both; }
7906 .atoplogin, .atoplogin:hover
7908 color:unset !important;
7913 padding: 0 !important;
7916 li.tmenu, li.tmenusel {
7923 text-overflow: clip;
7926 background-size: 20px
auto;
7927 margin-top: 2px !important;
7935 width:
auto !important;
7937 .tableforfield>tr>td:first-child, .tableforfield>tbody>tr>td:first-child, div.tableforfield div.tagtr>div.tagtd:first-of-
type {
7940 .tableforfield>tr>td:nth-child(2), .tableforfield>tbody>tr>td:nth-child(2), div.tableforfield div.tagtr>div.tagtd:nth-child(2) {
7941 word-
break:
break-word;
7948 table.table-fiche-title .col-title div.titre{
7957 word-
break:
break-word;
7960 .websiteselectionsection {
7962 border-right: unset;
7966 .a-mesure, .a-mesure-disabled {
7970 padding-right: 12px;
7973 .a-mesure, .a-mesure-disabled {
7978 div.fichehalfright {
7983 .underbanner.underbanner-before-box {
7984 border-bottom: none;
7987 .valuefield.fieldname_type span.badgeneutral {
7989 display:
inline-block;
7992 tr.trextrafieldseparator td, tr.trextrafields_collapse_last td {
7994 border-bottom: 1px solid var(--colortopbordertitle1) !important;
8005 .lilevel1 span.paddingright {
8009 img.userphotopublicvcard {
8016 @media only screen and (max-width: 320px)
8022 @media only screen and (max-width: 300px)
8028 @media only screen and (max-width: 280px)
8037 include
dol_buildpath($path.
'/theme/'.$theme.
'/dropdown.inc.php', 0);
8038 include
dol_buildpath($path.
'/theme/'.$theme.
'/info-box.inc.php', 0);
8039 include
dol_buildpath($path.
'/theme/'.$theme.
'/progress.inc.php', 0);
8040 include
dol_buildpath($path.
'/theme/'.$theme.
'/timeline.inc.php', 0);
8042 if (!empty($conf->global->THEME_CUSTOM_CSS)) {
8043 print $conf->global->THEME_CUSTOM_CSS;
8048 div.extra_inline_chkbxlst,
8049 div.extra_inline_checkbox {
8054 div.flot-text .flot-tick-label .tickLabel, .fa-color-unset {
pt($db, $sql, $date)
print function
price($amount, $form=0, $outlangs='', $trunc=1, $rounding=-1, $forcerounding=-1, $currency_code='')
Function to format a value into an amount for visual output Function used into PDF and HTML pages.
getDolGlobalInt($key, $default=0)
Return dolibarr global constant int value.
dol_size($size, $type='')
Optimize a size for some browsers (phone, smarphone, ...)
GETPOST($paramname, $check='alphanohtml', $method=0, $filter=null, $options=null, $noreplace=0)
Return value of a param into GET or POST supervariable.
dol_buildpath($path, $type=0, $returnemptyifnotfound=0)
Return path of url or filesystem.
getDolGlobalString($key, $default='')
Return dolibarr global constant string value.
table tableforfield button
0 = Do not include form tag and submit button -1 = Do not include form tag but include submit button
div float
Buy price without taxes.
if(preg_match('/crypted:/i', $dolibarr_main_db_pass)||!empty($dolibarr_main_db_encrypted_pass)) $conf db type
$conf db name
Only used if Module[ID]Name translation string is not found.
print *****$script_file(".$version.") pid code
! Closing after partial payment: discount_vat, badcustomer or badsupplier, bankcharge,...