dolibarr 20.0.2
global.inc.php
Go to the documentation of this file.
1<?php
2/* Copyright (C) 2004-2017 Laurent Destailleur <eldy@users.sourceforge.net>
3 * Copyright (C) 2024 Frédéric France <frederic.france@free.fr>
4 * Copyright (C) 2024 MDW <mdeweerd@users.noreply.github.com>
5 *
6 * This program is free software; you can redistribute it and/or modify
7 * it under the terms of the GNU General Public License as published by
8 * the Free Software Foundation; either version 3 of the License, or
9 * (at your option) any later version.
10 *
11 * This program is distributed in the hope that it will be useful,
12 * but WITHOUT ANY WARRANTY; without even the implied warranty of
13 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
14 * GNU General Public License for more details.
15 *
16 * You should have received a copy of the GNU General Public License
17 * along with this program. If not, see <https://www.gnu.org/licenses/>.
18 */
19
24if (!defined('ISLOADEDBYSTEELSHEET')) {
25 die('Must be call by steelsheet');
26}
27
28$leftmenuwidth = 240;
29
30'
31@phan-var-force string $badgeDanger
32@phan-var-force string $badgeWarning
33@phan-var-force string $borderwidth
34@phan-var-force string $colorbackbody
35@phan-var-force string $colorbackhmenu1
36@phan-var-force string $colorbacklinebreak
37@phan-var-force string $colorbacklineimpair1
38@phan-var-force string $colorbacklineimpair2
39@phan-var-force string $colorbacklinepair1
40@phan-var-force string $colorbacklinepair2
41@phan-var-force string $colorbacklinepairchecked
42@phan-var-force string $colorbacklinepairhover
43@phan-var-force string $colorbacktabactive
44@phan-var-force string $colorbacktabcard1
45@phan-var-force string $colorbacktitle1
46@phan-var-force string $colorbackvmenu1
47@phan-var-force string $colorblind_deuteranopes_textSuccess
48@phan-var-force string $colorblind_deuteranopes_textWarning
49@phan-var-force string $colorshadowtitle
50@phan-var-force string $colortext
51@phan-var-force string $colortextbackhmenu
52@phan-var-force string $colortextbacktab
53@phan-var-force string $colortextbackvmenu
54@phan-var-force string $colortextlink
55@phan-var-force string $colortexttitle
56@phan-var-force string $colortexttitlelink
57@phan-var-force string $colortexttitlenotab
58@phan-var-force string $colortexttitlenotab2
59@phan-var-force string $colortopbordertitle1
60@phan-var-force int<0,1> $disableimages
61@phan-var-force int<0,1> $dol_optimize_smallscreen
62@phan-var-force string $fontlist
63@phan-var-force string $fontsize
64@phan-var-force int $heightmenu
65@phan-var-force string $heightrow
66@phan-var-force string $img_button
67@phan-var-force string $left
68@phan-var-force string $maxwidthloginblock
69@phan-var-force int $minwidthtmenu
70@phan-var-force int $nbtopmenuentries
71@phan-var-force int $nbtopmenuentriesreal
72@phan-var-force string $path
73@phan-var-force string $right
74@phan-var-force string $textDanger
75@phan-var-force string $textSuccess
76@phan-var-force string $textWarning
77@phan-var-force string $toolTipBgColor
78@phan-var-force string $toolTipFontColor
79@phan-var-force int<0,1> $useboldtitle
80@phan-var-force int $userborderontable
81';
82
83?>
84/* <style type="text/css" > */
85
86/* ============================================================================== */
87/* Default styles */
88/* ============================================================================== */
89
90:root {
91 --colorbackhmenu1: rgb(<?php print $colorbackhmenu1; ?>);
92 --colorbackvmenu1: rgb(<?php print $colorbackvmenu1; ?>);
93 --colorbacktitle1: rgb(<?php print $colorbacktitle1; ?>);
94 --colorbacktabcard1: rgb(<?php print $colorbacktabcard1; ?>);
95 --colorbacktabactive: rgb(<?php print $colorbacktabactive; ?>);
96 --colorbacklineimpair1: rgb(<?php print $colorbacklineimpair1; ?>);
97 --colorbacklineimpair2: rgb(<?php print $colorbacklineimpair2; ?>);
98 --colorbacklinepair1: rgb(<?php print $colorbacklinepair1; ?>);
99 --colorbacklinepair2: rgb(<?php print $colorbacklinepair2; ?>);
100 --colorbacklinepairhover: rgb(<?php print $colorbacklinepairhover; ?>);
101 --colorbacklinepairchecked: rgb(<?php print $colorbacklinepairchecked; ?>);
102 --colorbacklinebreak: rgb(<?php print $colorbacklinebreak; ?>);
103 --colorbackbody: rgb(<?php print $colorbackbody; ?>);
104 --colorbackmobilemenu: #f8f8f8;
105 --colorbackgrey: #f0f0f0;
106 --colortexttitlenotab: rgb(<?php print $colortexttitlenotab; ?>);
107 --colortexttitlenotab2: rgb(<?php print $colortexttitlenotab2; ?>);
108 --colortexttitle: rgba(<?php print $colortexttitle; ?>, 0.9);
109 --colortexttitlelink: rgba(<?php print $colortexttitlelink; ?>, 0.9);
110 --colortext: rgb(<?php print $colortext; ?>);
111 --colortextlink: rgb(<?php print $colortextlink; ?>);
112 --colortextbackhmenu: #<?php print $colortextbackhmenu; ?>;
113 --colortextbackvmenu: #<?php print $colortextbackvmenu; ?>;
114 --colortopbordertitle1: rgb(<?php print $colortopbordertitle1; ?>);
115 --listetotal: #888888;
116 --inputbackgroundcolor: #FFF;
117 --inputbackgroundcolordisabled: #eee;
118 --inputcolordisabled: rgb(80, 80, 80);
119 --inputbordercolor: rgba(0,0,0,.15);
120 --tooltipbgcolor: <?php print $toolTipBgColor; ?>;
121 --tooltipfontcolor : <?php print $toolTipFontColor; ?>;
122 --oddevencolor: #202020;
123 --colorboxstatsborder: #e0e0e0;
124 --dolgraphbg: rgba(255,255,255,0);
125 --fieldrequiredcolor: #400030;
126 --colortextbacktab: #<?php print $colortextbacktab; ?>;
127 --colorboxiconbg: #eee;
128 --refidnocolor:#444;
129 --tableforfieldcolor:#888;
130 --amountremaintopaycolor:#880000;
131 --amountpaymentcomplete:#008855;
132 --amountremaintopaybackcolor:none;
133 --productlinestockod: #002200;
134 --productlinestocktoolow: #884400;
135 --infoboxmoduleenabledbgcolor : linear-gradient(0.4turn, #fff, #fff, #fff, #e4efe8);
136 --tablevalidbgcolor: rgb(252, 248, 227);
137 --colorblack: #000;
138 --colorwhite: #fff;
139 --heightrow: <?php print $heightrow; ?>;
140}
141
142<?php
143if (getDolGlobalString('THEME_DARKMODEENABLED')) {
144 print "/* For dark mode */\n";
145 if (getDolGlobalInt('THEME_DARKMODEENABLED') != 2) {
146 print "@media (prefers-color-scheme: dark) {"; // To test, click on the 3 dots menu, then Other options then Display then emulate prefer-color-schemes
147 } else {
148 print "@media not print {";
149 }
150 print ":root {
151 --colorbackhmenu1: #3d3e40;
152 --colorbackvmenu1: #2b2c2e;
153 --colorbacktitle1: #2b2d2f;
154 --colorbacktabcard1: #1d1e20; /* Must be same than colorbackbody */
155 --colorbacktabactive: rgb(220,220,220);
156 --colorbacklineimpair1: #38393d;
157 --colorbacklineimpair2: #2b2d2f;
158 --colorbacklinepair1: #38393d;
159 --colorbacklinepair2: #2b2d2f;
160 --colorbacklinepairhover: #2b2d2f;
161 --colorbacklinepairchecked: #0e5ccd;
162 --colorbackbody: #1d1e20;
163 --colorbackmobilemenu: #080808;
164 --colorbackgrey: #0f0f0f;
165 --tooltipbgcolor: #2b2d2f;
166 --colortexttitlenotab: rgb(220,220,220);
167 --colortexttitlenotab2: rgb(220,220,220);
168 --colortexttitle: rgb(220,220,220);
169 --colortext: rgb(220,220,220);
170 --colortextlink: #4390dc;
171 --colortexttitlelink: #4390dc;
172 --colortextbackhmenu: rgb(220,220,220);
173 --colortextbackvmenu: rgb(220,220,220);
174 --tooltipfontcolor : rgb(220,220,220);
175 --listetotal: rgb(245, 83, 158);
176 --inputbackgroundcolor: rgb(70, 70, 70);
177 --inputbackgroundcolordisabled: rgb(60, 60, 60);
178 --inputcolordisabled: rgb(140, 140, 140);
179 --inputbordercolor: rgb(220,220,220);
180 --oddevencolor: rgb(220,220,220);
181 --colorboxstatsborder: rgb(65,100,138);
182 --dolgraphbg: #1d1e20;
183 --fieldrequiredcolor: rgb(250,183,59);
184 --colortextbacktab: rgb(220,220,220);
185 --colorboxiconbg: rgb(36,38,39);
186 --refidnocolor: rgb(220,220,220);
187 --tableforfieldcolor:rgb(220,220,220);
188 --amountremaintopaycolor:rgb(252,84,91);
189 --amountpaymentcomplete:rgb(101,184,77);
190 --amountremaintopaybackcolor:rbg(245,130,46);
191 --infoboxmoduleenabledbgcolor : linear-gradient(0.4turn, #000, #000, #000, #274231);
192 --tablevalidbgcolor: rgb(80, 64, 33);
193 --colorblack: #fff;
194 --colorwhite: #000;
195 }
196
197 body, button {
198 color: #bbb;
199 }\n
200 }\n";
201}
202?>
203
204body {
205<?php if (GETPOST('optioncss', 'aZ09') == 'print') { ?>
206 background-color: #FFFFFF;
207<?php } ?>
208 font-size: <?php print is_numeric($fontsize) ? $fontsize.'px' : $fontsize; ?>;
209 line-height: 1.4;
210 font-family: <?php print $fontlist ?>;
211 margin-top: 0;
212 margin-bottom: 0;
213 margin-right: 0;
214 margin-left: 0;
215 font-weight: 400;
216 background-color: var(--colorbackbody);
217 <?php print 'direction: '.$langs->trans("DIRECTION").";\n"; ?>
218 /*transform: scale(1.2);
219 transform-origin: 0 0;*/
220}
221
222/* Style used to protect html content in output to avoid attack by replacing full page with js content */
223.sensiblehtmlcontent * {
224 position: static !important;
225}
226
227.thumbstat { font-weight: bold !important; }
228th a { font-weight: <?php echo($useboldtitle ? 'bold' : 'normal'); ?> !important; }
229a.tab { font-weight: 500 !important; }
230
231a:link, a:visited, a:hover, a:active, .classlink { color: var(--colortextlink); text-decoration: none; }
232a:hover { text-decoration: underline; color: var(--colortextlink); }
233a.commonlink { color: var(--colortextlink) !important; text-decoration: none; }
234
235th.liste_titre a div div:hover, th.liste_titre_sel a div div:hover { text-decoration: underline; }
236tr.liste_titre th.liste_titre_sel:not(.maxwidthsearch), tr.liste_titre td.liste_titre_sel:not(.maxwidthsearch),
237tr.liste_titre th.liste_titre:not(.maxwidthsearch), tr.liste_titre td.liste_titre:not(.maxwidthsearch) { opacity: 0.8; }
238/* th.liste_titre_sel a, th.liste_titre a, td.liste_titre_sel a, td.liste_titre a { color: #766; } */
239tr.liste_titre_filter th.liste_titre { text-align: unset; }
240
241input {
242 font-size: unset;
243}
244select.vmenusearchselectcombo {
245 background-color: unset;
246}
247
248table.liste th.wrapcolumntitle.liste_titre:not(.maxwidthsearch), table.liste td.wrapcolumntitle.liste_titre:not(.maxwidthsearch),
249table.liste th.wrapcolumntitle.liste_titre_sel:not(.maxwidthsearch), table.liste td.wrapcolumntitle.liste_titre_sel:not(.maxwidthsearch) {
250 overflow: hidden;
251 white-space: nowrap;
252 max-width: 100px;
253 text-overflow: ellipsis;
254}
255th.wrapcolumntitle dl dt a span.fas.fa-list {
256 vertical-align: middle;
257 padding-bottom: 1px;
258}
259
260/*.liste_titre input[name=month_date_when], .liste_titre input[name=monthvalid], .liste_titre input[name=search_ordermonth], .liste_titre input[name=search_deliverymonth],
261.liste_titre input[name=search_smonth], .liste_titre input[name=search_month], .liste_titre input[name=search_emonth], .liste_titre input[name=smonth], .liste_titre input[name=month], .liste_titre select[name=month],
262.liste_titre select[name=year],
263.liste_titre input[name=month_lim], .liste_titre input[name=month_start], .liste_titre input[name=month_end], .liste_titre input[name=month_create],
264.liste_titre input[name=search_month_lim], .liste_titre input[name=search_month_start], .liste_titre input[name=search_month_end], .liste_titre input[name=search_month_create],
265.liste_titre input[name=search_month_update], .liste_titre input[name=search_month_start], .liste_titre input[name=search_month_end],
266.liste_titre input[name=day_date_when], .liste_titre input[name=dayvalid], .liste_titre input[name=search_orderday], .liste_titre input[name=search_deliveryday],
267.liste_titre input[name=search_sday], .liste_titre input[name=search_day], .liste_titre input[name=search_eday], .liste_titre input[name=sday], .liste_titre input[name=day], .liste_titre select[name=day],
268.liste_titre input[name=day_lim], .liste_titre input[name=day_start], .liste_titre input[name=day_end], .liste_titre input[name=day_create],
269.liste_titre input[name=search_day_lim], .liste_titre input[name=search_day_start], .liste_titre input[name=search_day_end], .liste_titre input[name=search_day_create],
270.liste_titre input[name=search_day_create], .liste_titre input[name=search_day_start], .liste_titre input[name=search_day_end],
271.liste_titre input[name=search_day_date_when], .liste_titre input[name=search_month_date_when], .liste_titre input[name=search_year_date_when],
272.liste_titre input[name=search_dtstartday], .liste_titre input[name=search_dtendday], .liste_titre input[name=search_dtstartmonth], .liste_titre input[name=search_dtendmonth],
273*/
274.liste_titre input[name=search_month], .liste_titre input[name=search_month_start], .liste_titre input[name=search_month_end] {
275 margin-right: 4px;
276}
277
278select#date_startday, select#date_startmonth, select#date_endday, select#date_endmonth, select#reday, select#remonth,
279input, input.flat, form.flat select, select, select.flat, .dataTables_length label select {
280 border: none;
281}
282input, input.flat, textarea, textarea.flat, form.flat select, select, select.flat, .dataTables_length label select {
283 color: var(--colortext);
284 border-radius: 3px;
285 font-family: <?php print $fontlist ?>;
286 outline: none;
287 margin: 0px 0px 0px 0px;
288 background-color: var(--inputbackgroundcolor);
289 <?php if (!getDolGlobalString('THEME_ADD_BACKGROUND_ON_INPUT')) { ?>
290 border<?php echo !getDolGlobalString('THEME_SHOW_BORDER_ON_INPUT') ? '-bottom' : ''; ?>: solid 1px var(--inputbordercolor);
291 <?php } ?>
292}
293
294.liste_titre input, .liste_titre select {
295 border: none;
296 border<?php echo !getDolGlobalString('THEME_SHOW_BORDER_ON_INPUT') ? '-bottom' : ''; ?>: solid 1px var(--inputbordercolor);
297 /* padding: 5px; */
298}
299.divadvancedsearchfieldcompinput,
300div.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
301{
302 border<?php echo !getDolGlobalString('THEME_SHOW_BORDER_ON_INPUT') ? '-bottom' : ''; ?>: solid 1px var(--inputbordercolor);
303 <?php
304 if (getDolGlobalString('THEME_ADD_BACKGROUND_ON_INPUT')) { ?>
305 background-color: #f8f8fa;
306 border-bottom-left-radius: 0;
307 border-bottom-right-radius: 0;
308 <?php
309 }
310 ?>
311}
312.divadvancedsearchfieldcompinput {
313 background: #fff;
314 border-bottom: solid 1px var(--inputbordercolor);
315 border-radius: 3px;
316}
317input[name=duration_value], input[name=durationhour]
318{
319 margin-right: 4px !important;
320}
321input[type=submit], input[type=submit]:hover {
322 margin-left: 5px;
323}
324input[type=checkbox], input[type=radio] {
325 margin: 0 3px 0 1px;
326}
327.kanban input.checkforselect {
328 margin-right: 0px;
329 margin-top: 5px;
330}
331input {
332 line-height: 1.3em;
333 padding: 4px;
334 padding-left: 5px;
335}
336.tableforfield input, .refidno input {
337 padding: 2px;
338}
339select {
340 padding-top: 4px;
341 padding-right: 4px;
342 padding-bottom: 5px;
343 padding-left: 2px;
344}
345input, select {
346 margin-left: 0px;
347 margin-bottom: 1px;
348 margin-top: 1px;
349}
350#mainbody input.button:not(.buttongen):not(.bordertransp), #mainbody a.button:not(.buttongen):not(.bordertransp) {
351 background: var(--butactionbg);
352 color: var(--textbutaction);
353 border-radius: 4px;
354 border-collapse: collapse;
355 border: none;
356}
357#mainbody span.websitetools input.button:not(.buttongen):not(.bordertransp) {
358 color: #000 !important;
359}
360#mainbody input.buttongen, #mainbody button.buttongen {
361 padding: 3px 4px;
362}
363input.button:hover {
364 -webkit-box-shadow: 0px 0px 6px 1px rgb(50 50 50 / 40%), 0px 0px 0px rgb(60 60 60 / 10%);
365 box-shadow: 0px 0px 6px 1px rgb(50 50 50 / 40%), 0px 0px 0px rgb(60 60 60 / 10%);
366}
367input.button:focus {
368 border-bottom: 0;
369}
370
371input.button.massactionconfirmed {
372 margin: 4px;
373}
374
375input:invalid, select:invalid, input.--error , select.--error {
376 border-color: #ea1212;
377}
378
379section.setupsection {
380 padding: 20px;
381 background-color: var(--colorbackgrey);
382 border-radius: 5px;
383}
384
385.field-error-icon { color: #ea1212 !important; }
386
387/* Focus definitions must be after standard definition */
388div.tabBar textarea:focus {
389 border: 1px solid #aaa !important;
390}
391input:focus:not(.button):not(.buttonwebsite):not(.buttonreset):not(.select2-search__field):not(#top-bookmark-search-input):not(.search_component_input):not(.input-nobottom),
392 select:focus, .select2-container--open [aria-expanded="false"].select2-selection--single,
393 .select2-container--focus span.selection span.select2-selection {
394 border-bottom: 1px solid #666 !important;
395 border-bottom-left-radius: 0 !important;
396 border-bottom-right-radius: 0 !important;
397}
398textarea.cke_source:focus
399{
400 box-shadow: none;
401}
402div#cke_dp_desc {
403 margin-top: 5px;
404}
405textarea {
406 border-radius: 0;
407 border-top: solid 1px var(--inputbordercolor);
408 border-left: solid 1px var(--inputbordercolor);
409 border-right: solid 1px var(--inputbordercolor);
410 border-bottom: solid 1px var(--inputbordercolor);
411
412 padding:4px;
413 margin-left:0px;
414 margin-bottom:1px;
415 margin-top:1px;
416 }
417input.removedassigned {
418 padding: 2px !important;
419 vertical-align: text-bottom;
420 margin-bottom: -3px;
421}
422input.smallpadd { /* Used for timesheet input */
423 padding-left: 0px !important;
424 padding-right: 0px !important;
425}
426input.buttongen {
427 vertical-align: middle;
428}
429input.buttonpayment, button.buttonpayment, div.buttonpayment {
430 min-width: 290px;
431 margin-bottom: 15px;
432 margin-top: 15px;
433 height: 60px;
434 background-image: none;
435 line-height: 24px;
436 padding: 8px;
437 background: none;
438 text-align: center;
439 border: 0;
440 background-color: #9999bb;
441 white-space: normal;
442 box-shadow: 1px 1px 4px #bbb;
443 color: #fff;
444 border-radius: 4px;
445 cursor: pointer;
446 max-width: 350px;
447}
448input.short {
449 width: 40px;
450}
451.nofocusvisible:focus-visible {
452 outline: none;
453}
454
455div.buttonpayment input:focus {
456 color: #008;
457}
458.buttonpaymentsmall {
459 font-size: 0.65em;
460 padding-left: 5px;
461 padding-right: 5px;
462}
463div.buttonpayment input {
464 background-color: unset;
465 color: #fff;
466 border-bottom: unset;
467 font-weight: bold;
468 text-transform: uppercase;
469 cursor: pointer;
470}
471input.buttonpaymentcb {
472 background-image: url(<?php echo dol_buildpath($path.'/theme/common/credit_card.png', 1) ?>);
473 background-size: 26px;
474 background-repeat: no-repeat;
475 background-position: 5px 11px;
476}
477input.buttonpaymentcheque {
478 background-image: url(<?php echo dol_buildpath($path.'/theme/common/cheque.png', 1) ?>);
479 background-size: 24px;
480 background-repeat: no-repeat;
481 background-position: 5px 8px;
482}
483input.buttonpaymentpaypal {
484 background-image: url(<?php echo dol_buildpath($path.'/paypal/img/object_paypal.png', 1) ?>);
485 background-repeat: no-repeat;
486 background-position: 8px 11px;
487}
488input.buttonpaymentpaybox {
489 background-image: url(<?php echo dol_buildpath($path.'/paybox/img/object_paybox.png', 1) ?>);
490 background-repeat: no-repeat;
491 background-position: 8px 11px;
492}
493input.buttonpaymentstripe {
494 background-image: url(<?php echo dol_buildpath($path.'/stripe/img/object_stripe.png', 1) ?>);
495 background-repeat: no-repeat;
496 background-position: 8px 11px;
497}
498.logopublicpayment #dolpaymentlogo {
499 max-height: 80px;
500 max-width: 300px;
501 image-rendering: -webkit-optimize-contrast; /* better rendering on public page header */
502}
503
504a.butStatus {
505 padding-left: 5px;
506 padding-right: 5px;
507 background-color: transparent;
508 color: var(--colortext) !important;
509 border: 1px solid #888 !important;
510 margin: 0 0.45em !important;
511}
512
513span.userimg.notfirst, div.userimg.notfirst {
514 margin-left: -5px;
515}
516div.userimg.notfirst {
517 display: block-inline;
518}
519
520/* Used by timesheets */
521span.timesheetalreadyrecorded input {
522 border: none;
523 border-bottom: solid 1px rgba(0,0,0,0.4);
524 margin-right: 1px !important;
525}
526td.onholidaymorning, td.onholidayafternoon {
527 background-color: #fdf6f2;
528}
529td.onholidayallday {
530 background-color: #f4eede;
531}
532td.onholidayallday:not(.weekend) input {
533 background-color: #f8f7f0;
534}
535td.weekend { /* must be after td.onholidayallday */
536 background-color: #f8f4f4;
537}
538td.weekend input {
539 /* background-color: #f8f8f8; */
540}
541tr:hover td.weekend {
542 background: var(--colorbacklinepairhover) !important;
543}
544
545/*
546td.leftborder, td.hide0 {
547 border-left: 1px solid #ccc;
548}
549td.leftborder, td.hide6 {
550 border-right: 1px solid #ccc;
551}
552*/
553td.rightborder {
554 border-right: 1px solid #ccc;
555}
556
557td.linecoldescription.bomline {
558 width: 400px;
559}
560
561td.amount, span.amount, div.amount, b.amount {
562 color: #006666;
563 white-space: nowrap;
564}
565span.amount {
566 white-space: nowrap;
567}
568td.actionbuttons a {
569 padding-left: 6px;
570}
571select.flat, form.flat select, .pageplusone {
572 font-weight: normal;
573 font-size: unset;
574}
575input.pageplusone {
576 padding-bottom: 4px;
577 padding-top: 4px;
578 margin-right: 4px;
579 margin-left: 3px;
580}
581.paginationlastpage a {
582 padding-left: 8px;
583}
584
585.saturatemedium {
586 filter: saturate(0.8);
587}
588
589.optionblue {
590 color: var(--colortextlink);
591}
592.optiongrey, .opacitymedium {
593 opacity: 0.4;
594}
595.opacitymediumbycolor {
596 color: rgba(0, 0, 0, 0.4);
597}
598.opacitylow {
599 opacity: 0.6;
600}
601.opacityhigh {
602 opacity: 0.24;
603}
604.opacitytransp {
605 opacity: 0;
606}
607.colorwhite {
608 color: var(--colorwhite);
609}
610.colorgrey {
611 color: #888 !important;
612}
613.colorblack {
614 color: var(--colorblack);
615}
616.colorblack.totalnboflines {
617 font-size: 90%;
618 opacity: 0.5;
619}
620.fontsizeunset {
621 font-size: unset !important;
622}
623.vmirror {
624 transform: scale(1, -1);
625}
626.hmirror {
627 transform: scale(-1, 1);
628}
629
630select:invalid, select.--error {
631 color: gray;
632}
633input:disabled, textarea:disabled, select[disabled='disabled']
634{
635 background: var(--inputbackgroundcolordisabled);
636 color: var(--inputcolordisabled);
637}
638
639input.liste_titre {
640 box-shadow: none !important;
641}
642input.removedfile {
643 padding: 0px !important;
644 border: 0px !important;
645 vertical-align: text-bottom;
646}
647input[type=file] {
648 background-color: transparent;
649 box-shadow: none;
650 <?php if (!getDolGlobalString('THEME_SHOW_BORDER_ON_INPUT')) { ?>
651 border-top: none;
652 border-left: none;
653 border-right: none;
654 <?php } ?>
655 border<?php echo !getDolGlobalString('THEME_SHOW_BORDER_ON_INPUT') ? '-bottom' : ''; ?>: solid 1px var(--inputbordercolor);
656}
657input[type=checkbox] { background-color: transparent; border: none; box-shadow: none; }
658input[type=radio] { background-color: transparent; border: none; box-shadow: none; }
659input[type=image] { background-color: transparent; border: none; box-shadow: none; }
660input:-webkit-autofill {
661 background-color: #FDFFF0 !important;
662 background-image:none !important;
663 -webkit-box-shadow: 0 0 0 50px #FDFFF0 inset;
664}
665
666/* CSS for placeholder */
667.placeholder { color: #ccc; }
668::-webkit-input-placeholder { color: #ccc; }
669input:-moz-placeholder { color: #ccc; }
670
671input[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; }
672fieldset {
673 border: 1px solid #aaa !important;
674 padding-inline-start: 2em;
675 padding-inline-end: 2em;
676 min-inline-size: auto;
677}
678#div_container_exportoptions fieldset, #div_container_sub_exportoptions fieldset {
679 border: 1px solid #ccc !important;
680}
681.legendforfieldsetstep { padding-bottom: 10px; }
682input#onlinepaymenturl, input#directdownloadlink {
683 opacity: 0.7;
684}
685
686.formconsumeproduce {
687 background: #f3f3f3;
688 padding: 20px 0px 0px 0px;
689 border-radius: 8px;
690}
691
692div#moretabsList, div#moretabsListaction {
693 z-index: 5;
694}
695
696hr { border: 0; border-top: 1px solid #ccc; }
697.tabBar hr { margin-top: 20px; margin-bottom: 17px; }
698
699
700table.tableforfield .button:not(.bordertransp):not(.buttonpayment),
701table.tableforfield .buttonDelete:not(.bordertransp):not(.buttonpayment) {
702 margin-bottom: 2px;
703 margin-top: 2px;
704}
705
706.button:not(.bordertransp):not(.buttonpayment),
707.buttonDelete:not(.bordertransp):not(.buttonpayment) {
708 margin-bottom: 3px;
709 margin-top: 3px;
710 margin-left: 5px;
711 margin-right: 5px;
712 font-family: <?php print $fontlist ?>;
713 display: inline-block;
714 padding: 8px 15px;
715 min-width: 90px;
716 text-align: center;
717 cursor: pointer;
718 text-decoration: none !important;
719 background-color: #f5f5f5;
720 background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
721 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
722 background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
723 background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
724 background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
725 background-repeat: repeat-x;
726 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
727 border: 1px solid #aaa;
728 -webkit-border-radius: 2px;
729 border-radius: 1px;
730
731 font-weight: bold;
732 text-transform: uppercase;
733 color: #444;
734}
735.valuefield .button, .valuefieldcreate .button, .refidno .button:not(.smallpaddingimp) {
736 margin-top: 0 !important;
737 margin-bottom: 0 !important;
738 font-size: 0.85em !important;
739 padding: 5px !important;
740}
741.button:focus, .buttonDelete:focus {
742 -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 60, 0.2), 0px 0px 0px rgba(60,60,60,0.1);
743 box-shadow: 0px 0px 5px 1px rgba(0, 0, 60, 0.2), 0px 0px 0px rgba(60,60,60,0.1);
744}
745.button:hover:not(.nohover), .buttonDelete:hover:not(.nohover) {
746 /* warning: having a larger shadow has side effect when button is completely on left of a table */
747 -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2), 0px 0px 0px rgba(60,60,60,0.1);
748 box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2), 0px 0px 0px rgba(60,60,60,0.1);
749}
750.button:disabled, .buttonDelete:disabled, .button.disabled, .buttonDelete.disabled {
751 opacity: 0.4;
752 box-shadow: none;
753 -webkit-box-shadow: none;
754 cursor: auto;
755 text-decoration: none;
756}
757.buttonRefused {
758 pointer-events: none;
759 cursor: default;
760 opacity: 0.4;
761 box-shadow: none;
762 -webkit-box-shadow: none;
763}
764.button_search, .button_removefilter {
765 border: unset;
766 background-color: unset;
767}
768.button_search:hover, .button_removefilter:hover {
769 cursor: pointer;
770}
771form {
772 padding:0px;
773 margin:0px;
774}
775form#addproduct {
776 padding-top: 20px;
777}
778div.float, span.floatleft
779{
780 float:<?php print $left; ?>;
781}
782div.floatright
783{
784 float:<?php print $right; ?>;
785}
786.block
787{
788 display:block;
789}
790.inline
791{
792 display:inline;
793}
794.inline-block
795{
796 display:inline-block;
797}
798.inline-blockimp
799{
800 display:inline-block !important;
801}
802.largenumber {
803 font-size: 1.4em;
804}
805button[name='button_search_x'] span.fa.fa-search {
806 font-size: 1.3em;
807}
808button[name='button_removefilter_x'] span.fa.fa-remove {
809 opacity: 0.5;
810 font-size: 1.3em;
811}
812button:focus {
813 outline: none;
814}
815.fa-info-circle {
816 padding-<?php echo $left; ?>: 3px;
817}
818.line-height-large {
819 line-height: 1.8em;
820}
821
822th .button {
823 -webkit-box-shadow: none !important;
824 box-shadow: none !important;
825 -webkit-border-radius:0px !important;
826 border-radius:0px !important;
827}
828.maxwidthsearch { /* Max width of column with the search picto */
829 width: 54px;
830 min-width: 54px;
831}
832.valigntop {
833 vertical-align: top;
834}
835.valignmiddle {
836 vertical-align: middle;
837}
838.valignbottom {
839 vertical-align: bottom;
840}
841.valigntextbottom {
842 vertical-align: text-bottom;
843}
844.centpercent {
845 width: 100%;
846}
847.centpercentimp {
848 width: 100% !important;
849}
850.centpercentwithout1imp {
851 width: calc(100% - 1px) !important;
852}
853.centpercentwithoutmenu {
854 width: calc(100% - 200px);
855}
856.quatrevingtpercent, .inputsearch {
857 width: 80%;
858}
859.maxquatrevingtpercent {
860 max-width: 80%;
861}
862.soixantepercent {
863 width: 60%;
864}
865.quatrevingtquinzepercent {
866 width: 95%;
867}
868.quatrevingtpercentminusx {
869 width: calc(80% - 52px);
870}
871.centpercentminusx {
872 width: calc(100% - 52px);
873}
874textarea.centpercent {
875 width: 96%;
876}
877.small, small {
878 font-size: 85%;
879}
880.large {
881 font-size: 125%;
882}
883.double {
884 font-size: 2em;
885}
886
887.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
888 font-size: 65%;
889}
890.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 {
891 font-weight: 400;
892 line-height: 1;
893 /* color: #777; */
894}
895
896.flip {
897 transform: scaleX(-1) translate(<?php print($left == 'left' ? '' : '-'); ?>2px, 0);
898}
899.rotate90 {
900 transform: rotate(90deg) translate(0, <?php print($left == 'left' ? '' : '-'); ?>2px);
901}
902.center {
903 text-align: center;
904 margin: 0px auto;
905}
906.centerimp {
907 text-align: center !important;
908}
909.alignstart {
910 text-align: start;
911}
912.start {
913 text-align: start;
914}
915.end {
916 text-align: end;
917}
918.left {
919 text-align: <?php print $left; ?>;
920}
921.right {
922 text-align: <?php print $right; ?>;
923}
924.justify {
925 text-align: justify;
926}
927.pull-left {
928 float: left!important;
929}
930.pull-right {
931 float: right!important;
932}
933.nowrap {
934 white-space: <?php print($dol_optimize_smallscreen ? 'normal' : 'nowrap'); ?>;
935}
936.nowraponsmartphone {
937 white-space: <?php print($dol_optimize_smallscreen ? 'nowrap' : 'normal'); ?>;
938}
939.wraponsmartphone {
940 white-space: <?php print($dol_optimize_smallscreen ? 'normal' : 'nowrap'); ?>;
941}
942.liste_titre .nowrap {
943 white-space: nowrap;
944}
945.nowraponall { /* no wrap on all devices */
946 white-space: nowrap;
947}
948.nowrapfordate { /* no wrap on all devices for dates */
949 white-space: nowrap;
950 display: inline-block;
951}
952.wrapimp, .wrapimp pre {
953 white-space: normal !important;
954}
955.wordwrap {
956 word-wrap: break-word;
957}
958.wordbreakimp {
959 word-break: break-word !important;
960}
961.wordbreak {
962 word-break: break-word; /* cut fist between word, inside word if not possible */
963}
964.wordbreakall {
965 word-break: break-all;
966}
967td.wordbreak img, td.wordbreakimp img {
968 max-width: 100%;
969}
970.bold {
971 font-weight: bold !important;
972}
973.nobold {
974 font-weight: normal !important;
975}
976.uppercase {
977 text-transform: uppercase;
978}
979.nounderline {
980 text-decoration: none;
981}
982.nounderlineimp {
983 text-decoration: none !important;
984}
985.nopadding {
986 padding: 0;
987}
988.nopaddingleft {
989 padding-<?php print $left; ?>: 0;
990}
991.nopaddingright {
992 padding-<?php print $right; ?>: 0;
993}
994.nopaddingleftimp {
995 padding-<?php print $left; ?>: 0 !important;
996}
997.nopaddingrightimp {
998 padding-<?php print $right; ?>: 0 !important;
999}
1000.paddingleft {
1001 padding-<?php print $left; ?>: 4px;
1002}
1003.paddingleftimp {
1004 padding-<?php print $left; ?>: 4px !important;
1005}
1006.paddingleft2 {
1007 padding-<?php print $left; ?>: 2px;
1008}
1009.paddingleft2imp {
1010 padding-<?php print $left; ?>: 2px !important;
1011}
1012.paddingright {
1013 padding-<?php print $right; ?>: 4px;
1014}
1015.paddingrightimp {
1016 padding-<?php print $right; ?>: 4px !important;
1017}
1018.paddingright2 {
1019 padding-<?php print $right; ?>: 2px;
1020}
1021.paddingright2imp {
1022 padding-<?php print $right; ?>: 2px !important;
1023}
1024.paddingtop {
1025 padding-top: 4px;
1026}
1027.paddingtopimp {
1028 padding-top: 4px !important;
1029}
1030.paddingtop2 {
1031 padding-top: 2px;
1032}
1033.paddingbottom {
1034 padding-bottom: 4px;
1035}
1036.paddingbottomimp {
1037 padding-bottom: 4px !important;
1038}
1039.paddingbottom2 {
1040 padding-bottom: 2px;
1041}
1042.marginleft2 {
1043 margin-<?php print $left; ?>: 2px;
1044}
1045.marginright2 {
1046 margin-<?php print $right; ?>: 2px;
1047}
1048.nowidthimp {
1049 width: unset !important;
1050}
1051.cursordefault {
1052 cursor: default;
1053}
1054.cursorpointer {
1055 cursor: pointer;
1056}
1057.classfortooltiponclick .fa-question-circle {
1058 cursor: pointer;
1059}
1060.cursormove {
1061 cursor: move;
1062}
1063.cursornotallowed {
1064 cursor: not-allowed;
1065}
1066.cursorwait {
1067 cursor: wait;
1068}
1069.backgroundblank {
1070 background-color: #fff;
1071}
1072.nobackground, .nobackground tr {
1073 background: unset !important;
1074}
1075.checkboxattachfilelabel {
1076 font-size: 0.85em;
1077 opacity: 0.7;
1078}
1079.borderimp {
1080 border: 1px solid #888 !important;
1081}
1082.text-warning{
1083 color : <?php print $textWarning; ?>
1084}
1085/* CSS used for long description and extrafield text */
1086.shortmessagecut {
1087 max-height: <?php print getDolGlobalInt('MAIN_CSS_SHORTMESSSAGECUT', 125); ?>px;
1088 max-width: 100%;
1089 overflow-y: auto;
1090}
1091.longmessagecut {
1092 max-height: <?php print getDolGlobalInt('MAIN_CSS_LONGMESSSAGECUT', 250); ?>px;
1093 max-width: 100%;
1094 overflow-y: auto;
1095}
1096div.urllink {
1097 padding: 5px;
1098 margin-top: 5px;
1099 margin-bottom: 5px;
1100 /* border: 1px solid #ccc; */
1101 border-radius: 5px;
1102 /* width: fit-content; */
1103 background-color: #f0f0f8;
1104 opacity: 0.8;
1105}
1106div.urllink, div.urllink a {
1107 color: #339 !important;
1108}
1109.divsection {
1110 padding: 10px;
1111 border: 1px solid #DFDFDF;
1112 border-radius: 10px;
1113 margin-top: 5px;
1114 margin-bottom: 20px;
1115 /* background-color: rgba(0, 0, 0, 0.02); */
1116}
1117
1118i.fa-mars::before, i.fa-venus::before, i.fa-genderless::before, i.fa-transgender::before {
1119 color: #888 !important;
1120 opacity: 0.4;
1121 padding-<?php echo $left; ?>: 3px;
1122}
1123.stockmovemententry {
1124 color: #080;
1125 transform: rotate(0.25turn);
1126 font-size: 1.2em;
1127}
1128.stockmovementexit {
1129 color: #968822;
1130 transform: rotate(0.3turn);
1131 font-size: 1.2em;
1132}
1133.stockmovement {
1134 font-size: 1.4em;
1135}
1136.publisherlogoinline {
1137 vertical-align: middle;
1138 height: 14px;
1139 width: 14px;
1140 margin-left: 5px;
1141}
1142
1143.linecolht {
1144 white-space: nowrap;
1145}
1146
1147
1148body[class*="colorblind-"] .text-warning{
1149 color : <?php print $colorblind_deuteranopes_textWarning; ?>
1150}
1151.text-success{
1152 color : <?php print $textSuccess; ?>
1153}
1154body[class*="colorblind-"] .text-success{
1155 color : <?php print $colorblind_deuteranopes_textSuccess; ?>
1156}
1157
1158.text-danger{
1159 color : <?php print $textDanger; ?>
1160}
1161
1162.editfielda span.fa-pencil-alt, .editfielda span.fa-pencil-ruler, .editfielda span.fa-trash, .editfielda span.fa-crop, .editfielda span.fa-eye,
1163.editfieldlang {
1164 color: #ccc !important;
1165}
1166.editfielda span.fa-pencil-alt:hover, .editfielda span.fa-pencil-ruler:hover, .editfielda span.fa-trash:hover, .editfielda span.fa-crop:hover,
1167.editfieldlang:hover {
1168 color: var(--colortexttitle) !important;
1169}
1170a.editfielda.nohover *:hover:before {
1171 color: #ccc !important;
1172}
1173
1174.fawidth30 {
1175 width: 20px;
1176}
1177.floatnone {
1178 float: none !important;
1179}
1180
1181span.fa.fa-plus-circle.paddingleft {
1182 padding-right: 4px;
1183 padding-top: 3px;
1184 padding-bottom: 2px;
1185}
1186
1187.size12x { font-size: 1.2em !important; }
1188.size15x { font-size: 1.5em !important; }
1189.fa-toggle-on, .fa-toggle-off, .size2x { font-size: 2em; }
1190.websiteselectionsection .fa-toggle-on, .websiteselectionsection .fa-toggle-off,
1191.asetresetmodule .fa-toggle-on, .asetresetmodule .fa-toggle-off,
1192.tdwebsitesearchresult .fa-toggle-on, .tdwebsitesearchresult .fa-toggle-off
1193{
1194 font-size: 1.5em;
1195 vertical-align: text-bottom;
1196}
1197
1198.divoverflow {
1199 overflow: hidden;
1200 white-space: nowrap;
1201 vertical-align: middle;
1202 text-overflow: ellipsis;
1203}
1204
1205
1206/* Themes for badges */
1207
1208<?php include dol_buildpath($path.'/theme/'.$theme.'/badges.inc.php', 0); ?>
1209<?php include dol_buildpath($path.'/theme/'.$theme.'/flags-sprite.inc.php', 0); ?>
1210
1211.borderrightlight
1212{
1213 border-right: 1px solid #DDD;
1214}
1215.borderleftlight
1216{
1217 border-left: 1px solid #DDD;
1218}
1219#formuserfile {
1220 margin-top: 4px;
1221}
1222#formuserfile input[type='file'] {
1223 font-size: 1em;
1224 /* opacity: 0.5em; */
1225}
1226/*#formuserfile input[type='file']:valid {
1227 color: #a00;
1228}
1229#formuserfile input[type='file']:empty {
1230 color: #0a0;
1231}*/
1232
1233#formuserfile_link {
1234 margin-left: 1px;
1235}
1236#formuserfile_link input[type='text'] {
1237 font-size: 1em;
1238}
1239.listofinvoicetype {
1240 height: 28px;
1241 vertical-align: middle;
1242}
1243.divsocialnetwork:not(:last-child) {
1244 padding-<?php print $right; ?>: 20px;
1245}
1246div.divsearchfield {
1247 /* float: <?php print $left; ?>; */
1248 display: inline-block;
1249 margin-<?php print $right; ?>: 12px;
1250 margin-<?php print $left; ?>: 2px;
1251 margin-top: 4px;
1252 margin-bottom: 4px;
1253 padding-left: 2px;
1254}
1255.divfilteralone {
1256 background-color: rgba(0, 0, 0, 0.08);
1257 border-radius: 5px;
1258 padding-left: 5px;
1259}
1260.divsearchfieldfilter {
1261 text-overflow: clip;
1262 overflow: auto;
1263 padding-bottom: 5px;
1264 opacity: 0.6;
1265 font-size: small;
1266}
1267.divadvancedsearchfield:first-child {
1268 margin-top: 3px;
1269}
1270.divadvancedsearchfield {
1271 float: left;
1272 padding-left: 15px;
1273 padding-right: 15px;
1274 padding-bottom: 2px;
1275 padding-top: 2px;
1276}
1277.divadvancedsearchfield span.select2.select2-container.select2-container--default {
1278 /* padding-bottom: 4px; */
1279}
1280.search_component_params {
1281 /*display: flex; */
1282 -webkit-flex-flow: row wrap;
1283 flex-flow: row wrap;
1284 background: #fff;
1285 padding-top: 3px;
1286 padding-bottom: 3px;
1287 padding-<?php echo $left; ?>: 0;
1288 padding-<?php echo $right; ?>: 0;
1289 border-bottom: solid 1px var(--inputbordercolor);
1290 line-height: 24px;
1291 border-radius: 3px;
1292}
1293.search_component_searchtext {
1294 padding-top: 2px;
1295}
1296.search_component_params_text, .search_component_params_text:focus {
1297 border-bottom: none;
1298 width: auto;
1299 margin: 0 !important;
1300 padding: 3px;
1301}
1302.tagsearch .tagsearchdelete {
1303 height: 20px;
1304}
1305.tagsearch {
1306 padding: 2px;
1307 padding-right: 4px;
1308 padding-top: 0px;
1309 padding-bottom: 0px;
1310 background: #ddd;
1311 border-radius: 4px;
1312 display: inline-block;
1313}
1314.tagsearchdelete {
1315 color: #999;
1316 cursor: pointer;
1317 display: inline-block;
1318 font-weight: bold;
1319 margin-right: 2px;
1320 padding-left: 4px;
1321}
1322
1323.caretleftaxis {
1324 margin-left: -13px;
1325 margin-top: -1px;
1326 position: absolute;
1327}
1328.caretdownaxis {
1329 margin-left: -12px;
1330 margin-top: 0;
1331 position: absolute;
1332}
1333
1334.a-filter, .a-mesure {
1335 border-radius: 50px;
1336 background: var(--colortexttitlenotab);
1337 color: #fff;
1338 padding: 8px 10px 8px 6px;
1339}
1340.a-filter:before {
1341 content: "\f0b0";
1342}
1343.a-mesure:before {
1344 content: "\f080";
1345}
1346.a-filter:before, .a-mesure:before {
1347 font-family: "<?php echo getDolGlobalString('MAIN_FONTAWESOME_FAMILY', 'Font Awesome 5 Free'); ?>";
1348 font-weight: 600;
1349 padding-right: 5px;
1350 padding-left: 5px;
1351}
1352.a-filter-disabled, .a-mesure-disabled {
1353 border-radius: 50px;
1354 background: var(--colorbacktitle1);
1355 padding: 8px;
1356 opacity: 0.6;
1357}
1358
1359
1360/* ============================================================================== */
1361/* Styles for scan tool */
1362/* ============================================================================== */
1363
1364div.div-for-modal {
1365 /* display: none; */
1366 position:absolute;
1367 top:calc(50% - 200px);
1368 left:calc(50% - 250px);
1369 width:500px; /* adjust as per your needs */
1370 height:400px; /* adjust as per your needs */
1371 background: #fff;
1372 border: 1px solid #bbb;
1373 box-shadow: 2px 2px 20px #ddd;
1374 z-index: 100;
1375}
1376
1377#scantoolmessage {
1378 height: 3em;
1379 border: none;
1380 overflow-y: auto;
1381}
1382
1383div.div-for-modal-topright {
1384 /* display: none; */
1385 position: fixed;
1386 top: 0;
1387 right: 0;
1388 width:50%; /* adjust as per your needs */
1389 height:320px; /* adjust as per your needs */
1390 background: #fff;
1391 border: 1px solid #bbb;
1392 box-shadow: 2px 2px 20px #ddd;
1393 z-index: 1100;
1394}
1395
1396
1397<?php
1398// Add a nowrap on smartphone, so long list of field used for filter are overflowed with clip
1399if ($conf->browser->layout == 'phone') {
1400 ?>
1401.divsearchfieldfilter {
1402 white-space: nowrap;
1403}
1404 <?php
1405} ?>
1406div.confirmmessage {
1407 padding-top: 6px;
1408}
1409ul.attendees {
1410 padding-top: 0;
1411 padding-bottom: 0;
1412 padding-left: 0;
1413 margin-top: 0;
1414 margin-bottom: 0;
1415}
1416ul.attendees li {
1417 list-style-type: none;
1418 padding-top:1px;
1419 padding-bottom:1px;
1420 line-height: 1.6em;
1421}
1422.googlerefreshcal {
1423 padding-top: 4px;
1424 padding-bottom: 4px;
1425}
1426.paddingtopbottom {
1427 padding-top: 10px;
1428 padding-bottom: 10px;
1429}
1430.checkallactions {
1431 margin-left: 2px; /* left must be same than right to keep checkbox centered */
1432 margin-right: 2px; /* left must be same than right to keep checkbox centered */
1433 vertical-align: middle;
1434}
1435select.flat.selectlimit {
1436 width: 102px;
1437 text-align: end;
1438 border-bottom: 1px solid var(--inputbordercolor);
1439 border-bottom-left-radius: 0;
1440 border-bottom-right-radius: 0;
1441}
1442.marginrightonly {
1443 margin-<?php echo $right; ?>: 10px !important;
1444}
1445.marginleftonly {
1446 margin-<?php echo $left; ?>: 10px !important;
1447}
1448.marginleftonlyshort {
1449 margin-<?php echo $left; ?>: 4px !important;
1450}
1451.nomarginleft {
1452 margin-<?php echo $left; ?>: 0px !important;
1453}
1454.nomarginright {
1455 margin-<?php echo $right; ?>: 0px !important;
1456}
1457.marginrightonly {
1458 margin-<?php echo $right; ?>: 10px !important;
1459}
1460.marginrightonlyshort {
1461 margin-<?php echo $right; ?>: 4px !important;
1462}
1463.marginrightonlylarge {
1464 margin-<?php echo $right; ?>: 20px !important;
1465}
1466.margintoponly {
1467 margin-top: 10px !important;
1468}
1469.margintoponlyshort {
1470 margin-top: 3px !important;
1471}
1472.marginbottomonly {
1473 margin-bottom: 10px !important;
1474}
1475.marginbottomonlyshort {
1476 margin-bottom: 3px !important;
1477}
1478.nomargintop {
1479 margin-top: 0 !important;
1480}
1481.nomarginbottom {
1482 margin-bottom: 0 !important;
1483}
1484.selectlimit, .selectlimit:focus {
1485 border-left: none !important;
1486 border-top: none !important;
1487 border-right: none !important;
1488 outline: none;
1489}
1490.strikefordisabled {
1491 text-decoration: line-through;
1492}
1493.widthdate {
1494 width: 130px;
1495}
1496/* using a tdoverflowxxx make the min-width not working */
1497.tdnooverflowimp {
1498 text-overflow: unset;
1499}
1500.tdoverflow {
1501 max-width: 0;
1502 overflow: hidden;
1503 text-overflow: ellipsis;
1504 white-space: nowrap;
1505}
1506.spanoverflow {
1507 overflow-x: clip;
1508 text-overflow: ellipsis;
1509}
1510.tdoverflowmax50 { /* For tdoverflow, the max-midth become a minimum ! */
1511 max-width: 50px;
1512 overflow: hidden;
1513 text-overflow: ellipsis;
1514 white-space: nowrap;
1515}
1516.tdoverflowmax60 { /* For tdoverflow, the max-midth become a minimum ! */
1517 max-width: 60px;
1518 overflow: hidden;
1519 text-overflow: ellipsis;
1520 white-space: nowrap;
1521}
1522.tdoverflowmax80 { /* For tdoverflow, the max-midth become a minimum ! */
1523 max-width: 80px;
1524 overflow: hidden;
1525 text-overflow: ellipsis;
1526 white-space: nowrap;
1527}
1528.tdoverflowmax80imp { /* For tdoverflow, the max-midth become a minimum ! */
1529 max-width: 80px !important;
1530 overflow: hidden;
1531 text-overflow: ellipsis;
1532 white-space: nowrap;
1533}
1534.tdoverflowmax100 { /* For tdoverflow, the max-midth become a minimum ! */
1535 max-width: 100px;
1536 overflow: hidden;
1537 text-overflow: ellipsis;
1538 white-space: nowrap;
1539}
1540.tdoverflowmax100imp { /* For tdoverflow, the max-midth become a minimum ! */
1541 max-width: 100px !important;
1542 overflow: hidden;
1543 text-overflow: ellipsis;
1544 white-space: nowrap;
1545}
1546.tdoverflowmax125 { /* For tdoverflow, the max-midth become a minimum ! */
1547 max-width: 125px;
1548 overflow: hidden;
1549 text-overflow: ellipsis;
1550 white-space: nowrap;
1551}
1552.tdoverflowmax150 { /* For tdoverflow, the max-midth become a minimum ! */
1553 max-width: 150px;
1554 overflow: hidden;
1555 text-overflow: ellipsis;
1556 white-space: nowrap;
1557}
1558.tdoverflowmax200 { /* For tdoverflow, the max-midth become a minimum ! */
1559 max-width: 200px;
1560 overflow: hidden;
1561 text-overflow: ellipsis;
1562 white-space: nowrap;
1563}
1564.tdoverflowmax250 { /* For tdoverflow, the max-midth become a minimum ! */
1565 max-width: 250px;
1566 overflow: hidden;
1567 text-overflow: ellipsis;
1568 white-space: nowrap;
1569}
1570.tdoverflowmax300 { /* For tdoverflow, the max-midth become a minimum ! */
1571 max-width: 300px;
1572 overflow: hidden;
1573 text-overflow: ellipsis;
1574 white-space: nowrap;
1575}
1576.tdoverflowmax350 { /* For tdoverflow, the max-midth become a minimum ! */
1577 max-width: 350px;
1578 overflow: hidden;
1579 text-overflow: ellipsis;
1580 white-space: nowrap;
1581}
1582.tdoverflowmax400 { /* For tdoverflow, the max-midth become a minimum ! */
1583 max-width: 400px;
1584 overflow: hidden;
1585 text-overflow: ellipsis;
1586 white-space: nowrap;
1587}
1588.tdoverflowmax500 { /* For tdoverflow, the max-midth become a minimum ! */
1589 max-width: 500px;
1590 overflow: hidden;
1591 text-overflow: ellipsis;
1592 white-space: nowrap;
1593}
1594.tdoverflowauto {
1595 max-width: 0;
1596 overflow: auto;
1597}
1598.divintowithtwolinesmax {
1599 width: 75px;
1600 display: -webkit-box;
1601 -webkit-box-orient: vertical;
1602 -webkit-line-clamp: 2;
1603 overflow: hidden;
1604}
1605.twolinesmax {
1606 display: -webkit-box;
1607 -webkit-box-orient: vertical;
1608 -webkit-line-clamp: 2;
1609 overflow: hidden;
1610 height: auto !important;
1611 word-break: break-word;
1612}
1613.tenlinesmax {
1614 display: -webkit-box;
1615 -webkit-box-orient: vertical;
1616 -webkit-line-clamp: 10;
1617 overflow: hidden;
1618}
1619
1620.tablelistofcalendars {
1621 margin-top: 25px !important;
1622}
1623.navselectiondate {
1624 width: 250px;
1625}
1626
1627/* Styles for amount on card */
1628table.paymenttable td.amountpaymentcomplete, table.paymenttable td.amountremaintopay, table.paymenttable td.amountremaintopayback {
1629 padding-top: 0px;
1630 padding-bottom: 0px;
1631}
1632.amountalreadypaid {
1633 white-space: nowrap;
1634}
1635.amountpaymentcomplete {
1636 color: var(--amountpaymentcomplete);
1637 font-weight: bold;
1638 font-size: 1.7em;
1639 white-space: nowrap;
1640}
1641.amountremaintopay {
1642 color: var(--amountremaintopaycolor);
1643 font-weight: bold;
1644 font-size: 1.7em;
1645 white-space: nowrap;
1646}
1647.amountremaintopayback {
1648 color: var(--amountremaintopaybackcolor);
1649 font-weight: bold;
1650 font-size: 1.7em;
1651 white-space: nowrap;
1652}
1653.amountpaymentneutral {
1654 font-weight: bold;
1655 font-size: 1.7em;
1656 white-space: nowrap;
1657}
1658
1659
1660.onlinepaymentbody .amountpaymentcomplete {
1661 background-color: var(--amountpaymentcomplete);
1662 color: #fff;
1663 padding: 10px;
1664 border-radius: 5px;
1665}
1666
1667.savingdocmask {
1668 margin-top: 6px;
1669 margin-bottom: 12px;
1670}
1671#builddoc_form ~ .showlinkedobjectblock {
1672 margin-top: 20px;
1673}
1674
1675/* For the long description of module */
1676.moduledesclong p img, .moduledesclong p a img {
1677 max-width: 90% !important;
1678 height: auto !important;
1679}
1680.imgdoc {
1681 margin: 18px;
1682 border: 1px solid #ccc;
1683 box-shadow: 1px 1px 25px #aaa;
1684 max-width: calc(100% - 56px);
1685}
1686.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 {
1687 color: #055;
1688}
1689
1690.fa-15 {
1691 font-size: 1.5em;
1692}
1693
1694.fa-map-marked-alt:before {
1695 font-size: 0.85em;
1696}
1697
1698.text-security {
1699 -webkit-text-security: disc;
1700}
1701
1702/* DOL_XXX for future usage (when left menu has been removed). If we do not use datatable */
1703/*.table-responsive {
1704 width: calc(100% - 330px);
1705 margin-bottom: 15px;
1706 overflow-y: hidden;
1707 -ms-overflow-style: -ms-autohiding-scrollbar;
1708}*/
1709
1710/* Style used for most tables */
1711div.fiche>div.tabBar>form>div.div-table-responsive {
1712 min-height: 392px;
1713}
1714.div-table-responsive, .div-table-responsive-no-min {
1715 overflow-x: auto;
1716 min-height: 0.01%;
1717}
1718.div-table-responsive {
1719 line-height: var(--heightrow);
1720}
1721
1722/* Style used for full page tables with field selector and no content after table (priority before previous for such tables) */
1723div.fiche>form>div.div-table-responsive {
1724 min-height: 392px;
1725}
1726div.fiche>form>div.div-table-responsive, div.fiche>form>div.div-table-responsive-no-min {
1727 overflow-x: auto;
1728}
1729
1730/* Style used for table in public ticket */
1731div.ticketpublicarealist>form>div.div-table-responsive {
1732 min-height: 392px;
1733}
1734
1735
1736.display-flex {
1737 display: flex;
1738 flex-wrap: wrap;
1739 justify-content: space-between;
1740}
1741.flex-item {
1742 flex:1;
1743}
1744
1745.flexcontainer {
1746 <?php if (in_array($conf->browser->name, array('chrome', 'firefox'))) {
1747 echo 'display: inline-flex;'."\n";
1748 } ?>
1749 flex-flow: row wrap;
1750 justify-content: flex-start;
1751}
1752.thumbstat {
1753 min-width: 148px;
1754}
1755.thumbstat150 {
1756 min-width: 168px;
1757 max-width: 169px;
1758 /* width: 168px; If I use with, there is trouble on size of flex boxes solved with min+max that is a little bit higher than min */
1759}
1760.thumbstat, .thumbstat150 {
1761<?php if ($conf->browser->name == 'ie') { ?>
1762 min-width: 150px;
1763 width: 100%;
1764 display: inline;
1765<?php } else { ?>
1766 flex-grow: 1;
1767 flex-shrink: 0;
1768<?php } ?>
1769}
1770
1771select.selectarrowonleft {
1772 direction: rtl;
1773}
1774select.selectarrowonleft option {
1775 direction: ltr;
1776}
1777
1778table[summary="list_of_modules"] .fa-cog {
1779 font-size: 1.5em;
1780}
1781
1782.linkedcol-element {
1783 min-width: 100px;
1784}
1785.linkedcol-amount {
1786 white-space: nowrap;
1787}
1788
1789.img-skinthumb {
1790 width: 160px;
1791 height: 100px;
1792}
1793
1794maxscreenheightless200 {
1795 max-height: <?php echo isset($_SESSION['dol_screenheight']) ? max(500, (int) $_SESSION['dol_screenheight'] - 200) : 700; ?>px; /* we guarantee height of 500 */
1796}
1797.maxscreenheightless300 {
1798 max-height: <?php echo isset($_SESSION['dol_screenheight']) ? max(400, (int) $_SESSION['dol_screenheight'] - 300) : 700; ?>px; /* we guarantee height of 500 */
1799}
1800
1801
1802
1803
1804/* ============================================================================== */
1805/* Styles to hide objects */
1806/* ============================================================================== */
1807
1808.clearboth { clear:both; }
1809
1810.hideobject { display: none; }
1811.showonsmartphone { display: none; }
1812.minwidth25 { min-width: 25px; }
1813.minwidth50 { min-width: 50px; }
1814.minwidth75 { min-width: 75px; }
1815.nominwidth { min-width: fit-content !important; }
1816/* rule for not too small screen only */
1817@media only screen and (min-width: <?php echo getDolGlobalString('THEME_ELDY_WITDHOFFSET_FOR_REDUC3', round($nbtopmenuentries * 47, 0) + 130); ?>px) /* reduction 3 */
1818{
1819 .width20 { width: 20px; }
1820 .width25 { width: 25px; }
1821 .width50 { width: 50px; }
1822 .width75 { width: 75px; }
1823 .width100 { width: 100px; }
1824 .width200 { width: 200px; }
1825 .minwidth100 { min-width: 100px; }
1826 .minwidth150 { min-width: 150px; }
1827 .minwidth200 { min-width: 200px; }
1828 .minwidth250 { min-width: 250px; }
1829 .minwidth300 { min-width: 300px; }
1830 .minwidth400 { min-width: 400px; }
1831 .minwidth500 { min-width: 500px; }
1832 .minwidth50imp { min-width: 50px !important; }
1833 .minwidth75imp { min-width: 75px !important; }
1834 .minwidth100imp { min-width: 100px !important; }
1835 .minwidth150imp { min-width: 150px !important; }
1836 .minwidth200imp { min-width: 200px !important; }
1837 .minwidth250imp { min-width: 250px !important; }
1838 .minwidth300imp { min-width: 300px !important; }
1839 .minwidth400imp { min-width: 400px !important; }
1840 .minwidth500imp { min-width: 500px !important; }
1841}
1842.widthauto { width: auto; }
1843.width20 { width: 20px; }
1844.width25 { width: 25px; }
1845.width40 { width: 40px; }
1846.width50 { width: 50px; }
1847.width75 { width: 75px; }
1848.width100 { width: 100px; }
1849.width125 { width: 125px; }
1850.width150 { width: 150px; }
1851.width200 { width: 200px; }
1852.width250 { width: 250px; }
1853.width300 { width: 300px; }
1854.width400 { width: 400px; }
1855.width500 { width: 500px; }
1856.maxwidth25 { max-width: 25px; }
1857.maxwidth40 { max-width: 40px; }
1858.maxwidth50 { max-width: 50px; }
1859.maxwidth75 { max-width: 75px; }
1860.maxwidthdate { max-width: 85px; }
1861.maxwidth100 { max-width: 100px; }
1862.maxwidth125 { max-width: 125px; }
1863.maxwidth150 { max-width: 150px; }
1864.maxwidth200 { max-width: 200px; }
1865.maxwidth250 { max-width: 250px; }
1866.maxwidth300 { max-width: 300px; }
1867.maxwidth400 { max-width: 400px; }
1868.maxwidth500 { max-width: 500px; }
1869.maxwidth750 { max-width: 750px; }
1870.maxwidth1000 { max-width: 1000px; }
1871.maxwidth50imp { max-width: 50px !important; }
1872.maxwidth75imp { max-width: 75px !important; }
1873
1874.minwidth100onall { min-width: 100px !important; }
1875.minwidth200onall { min-width: 200px !important; }
1876.minwidth250onall { min-width: 250px !important; }
1877
1878.minheight20 { min-height: 20px; }
1879.minheight30 { min-height: 30px; }
1880.minheight40 { min-height: 40px; }
1881.titlefieldcreate { width: 20%; }
1882.titlefield { /* width: 25%; */ min-width: 150px; width: 25%; }
1883.titlefieldmiddle { width: 45%; }
1884.titlefieldmax45 { max-width: 45%; }
1885.imgmaxwidth180 { max-width: 180px; }
1886.imgmaxheight50 { max-height: 50px; }
1887
1888.width20p { width:20%; }
1889.width25p { width:25%; }
1890.width40p { width:40%; }
1891.width50p { width:50%; }
1892.width60p { width:60%; }
1893.width75p { width:75%; }
1894.width80p { width:80%; }
1895.width100p { width:100%; }
1896
1897
1898/* Force values for small screen 1440 */
1899@media only screen and (max-width: 1440px)
1900{
1901 .titlefield { /* width: 30% !important; */ }
1902 .titlefieldcreate { width: 30% !important; }
1903 .minwidth50imp { min-width: 50px !important; }
1904 .minwidth75imp { min-width: 75px !important; }
1905 .minwidth100imp { min-width: 100px !important; }
1906 .minwidth125imp { min-width: 125px !important; }
1907 .minwidth150imp { min-width: 150px !important; }
1908 .minwidth200imp { min-width: 200px !important; }
1909 .minwidth250imp { min-width: 250px !important; }
1910 .minwidth300imp { min-width: 300px !important; }
1911 .minwidth400imp { min-width: 300px !important; }
1912 .minwidth500imp { min-width: 300px !important; }
1913
1914 .linkedcol-element {
1915 min-width: unset;
1916 }
1917}
1918
1919/* Force values for small screen 1000 */
1920@media only screen and (max-width: 1000px)
1921{
1922 .maxwidthonsmartphone { max-width: 100px; }
1923 .minwidth50imp { min-width: 50px !important; }
1924 .minwidth75imp { min-width: 75px !important; }
1925 .minwidth100imp { min-width: 100px !important; }
1926 .minwidth125imp { min-width: 125px !important; }
1927 .minwidth150imp { min-width: 110px !important; }
1928 .minwidth200imp { min-width: 110px !important; }
1929 .minwidth250imp { min-width: 115px !important; }
1930 .minwidth300imp { min-width: 120px !important; }
1931 .minwidth400imp { min-width: 150px !important; }
1932 .minwidth500imp { min-width: 250px !important; }
1933}
1934
1935select.widthcentpercentminusx, span.widthcentpercentminusx:not(.select2-selection):not(.select2-dropdown), input.widthcentpercentminusx {
1936 width: calc(100% - 52px) !important;
1937 display: inline-block;
1938 min-width: 100px;
1939}
1940select.widthcentpercentminusxx, span.widthcentpercentminusxx:not(.select2-selection):not(.select2-dropdown), input.widthcentpercentminusxx {
1941 width: calc(100% - 70px) !important;
1942 display: inline-block;
1943 min-width: 100px;
1944}
1945
1946/* Disabled: Has no effect, even on chrome
1947datalist option {
1948 width: 300px;
1949 }
1950datalist {
1951 position: absolute;
1952 width: 200px;
1953 max-height: 150px;
1954 overflow-y: auto;
1955 background-color: white;
1956 border: 1px solid #ccc;
1957 border-radius: 4px;
1958 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
1959}
1960*/
1961
1962
1963/* Force values for small screen 768 */
1964@media only screen and (max-width: 768px)
1965{
1966 div.refidno {
1967 font-size: <?php print is_numeric($fontsize) ? ((int) $fontsize + 3).'px' : $fontsize; ?> !important;
1968 }
1969 .divadvancedsearchfield {
1970 padding-left: 5px;
1971 padding-right: 5px;
1972 }
1973
1974 div.divphotoref {
1975 padding-<?php echo $right; ?>: 10px !important;
1976 }
1977
1978 .hideonsmartphone { display: none; }
1979 .hideonsmartphoneimp { display: none !important; }
1980 .showonsmartphone { display: block !important; }
1981
1982 .margintoponsmartphone { margin-top: 6px; }
1983
1984 span.pictotitle {
1985 margin-<?php echo $left; ?>: 0 !important;
1986 }
1987 div.fiche>table.table-fiche-title {
1988 margin-top: 7px !important;
1989 margin-bottom: 15px !important;
1990 }
1991
1992 select.minwidth100imp, select.minwidth100, select.minwidth200, select.minwidth200imp, select.minwidth300 {
1993 width: calc(100% - 40px) !important;
1994 min-width: 100px;
1995 display: inline-block;
1996 }
1997
1998 select.widthcentpercentminusx, span.widthcentpercentminusx:not(.select2-selection), input.widthcentpercentminusx {
1999 width: calc(100% - 52px) !important;
2000 display: inline-block;
2001 min-width: 100px;
2002 }
2003 select.widthcentpercentminusxx, span.widthcentpercentminusxx:not(.select2-selection), input.widthcentpercentminusxx {
2004 width: calc(100% - 70px) !important;
2005 display: inline-block;
2006 min-width: 100px;
2007 }
2008
2009 input.maxwidthinputfileonsmartphone {
2010 width: 175px;
2011 }
2012
2013 input.buttonpayment, button.buttonpayment, div.buttonpayment {
2014 min-width: 270px;
2015 }
2016
2017 .smallonsmartphone {
2018 font-size: 0.8em;
2019 }
2020
2021 .nopaddingtoponsmartphone {
2022 padding-top: 0 !important;
2023 }
2024 .nopaddingbottomonsmartphone {
2025 padding-bottom: 0 !important;
2026 }
2027}
2028
2029/* Force values for small screen 570 */
2030@media only screen and (max-width: 570px)
2031{
2032 div.refidno {
2033 font-size: <?php print is_numeric($fontsize) ? ((int) $fontsize + 3).'px' : $fontsize; ?> !important;
2034 }
2035
2036 div#login_left, div#login_right {
2037 min-width: 150px !important;
2038 max-width: 200px !important;
2039 padding-left: 5px !important;
2040 padding-right: 5px !important;
2041 }
2042
2043 div.login_block {
2044 height: 64px !important;
2045 }
2046
2047 .divmainbodylarge { margin-left: 10px !important; margin-right: 10px !important; }
2048
2049 .tdoverflowmax100onsmartphone { /* For tdoverflow, the max-midth become a minimum ! */
2050 max-width: 100px;
2051 overflow: hidden;
2052 text-overflow: ellipsis;
2053 white-space: nowrap;
2054 }
2055 .tdoverflowmax150onsmartphone { /* For tdoverflow, the max-midth become a minimum ! */
2056 max-width: 100px;
2057 overflow: hidden;
2058 text-overflow: ellipsis;
2059 white-space: nowrap;
2060 }
2061 .border tbody tr, .border tbody tr td, div.tabBar table.border tr, div.tabBar table.border tr td,
2062 div.tabBar div.border .table-border-row, div.tabBar div.border .table-key-border-col, div.tabBar div.border .table-val-border-col {
2063 height: 40px !important;
2064 }
2065 div.tabBar .listofinvoicetype table tr, div.tabBar .listofinvoicetype table tr td {
2066 height: 28px !important;
2067 }
2068
2069
2070 div.tabs div.tab a.tab {
2071 max-width: 200px;
2072 overflow: hidden;
2073 text-overflow: ellipsis;
2074 white-space: nowrap;
2075 }
2076
2077 .quatrevingtpercent, .inputsearch {
2078 width: 95%;
2079 }
2080
2081 select {
2082 padding-top: 4px;
2083 padding-bottom: 5px;
2084 }
2085
2086 .login_table .tdinputlogin {
2087 min-width: unset !important;
2088 }
2089 input, input[type=text], input[type=password], select, textarea {
2090 min-width: 20px;
2091 }
2092 .trinputlogin input[type=text], input[type=password] {
2093 max-width: 140px;
2094 }
2095 .vmenu .searchform input {
2096 max-width: 138px; /* length of input text in the quick search box when using a smartphone and without dolidroid */
2097 }
2098
2099 .noenlargeonsmartphone { width : 50px !important; display: inline !important; }
2100 .maxwidthonsmartphone, #search_newcompany.ui-autocomplete-input { max-width: 100px; }
2101 .maxwidth50onsmartphone { max-width: 40px; }
2102 .maxwidth75onsmartphone { max-width: 50px; }
2103 .maxwidth100onsmartphone { max-width: 70px; }
2104 .maxwidth125onsmartphone { max-width: 100px; }
2105 .maxwidth150onsmartphone { max-width: 120px; }
2106 .maxwidth150onsmartphoneimp { max-width: 120px !important; }
2107 .maxwidth200onsmartphone { max-width: 200px; }
2108 .maxwidth250onsmartphone { max-width: 250px; }
2109 .maxwidth300onsmartphone { max-width: 300px; }
2110 .maxwidth400onsmartphone { max-width: 400px; }
2111 .minwidth50imp { min-width: 50px !important; }
2112 .minwidth75imp { min-width: 75px !important; }
2113 .minwidth100imp { min-width: 100px !important; }
2114 .minwidth125imp { min-width: 125px !important; }
2115 .minwidth150imp { min-width: 110px !important; }
2116 .minwidth200imp { min-width: 110px !important; }
2117 .minwidth250imp { min-width: 115px !important; }
2118 .minwidth300imp { min-width: 120px !important; }
2119 .minwidth400imp { min-width: 200px !important; }
2120 .minwidth500imp { min-width: 250px !important; }
2121 .titlefield { width: auto; min-width: 125px; }
2122 .titlefieldcreate { width: auto !important; min-width: 125px; }
2123
2124 #tooltip {
2125 position: absolute;
2126 width: <?php print dol_size(300, 'width'); ?>px;
2127 }
2128
2129 /* input, input[type=text], */
2130 select {
2131 width: 98%;
2132 min-width: 40px;
2133 }
2134
2135 div.divphotoref {
2136 padding-<?php echo $right; ?>: 5px;
2137 padding-bottom: 5px;
2138 }
2139 img.photoref, div.photoref {
2140 border: 1px solid rgba(0, 0, 0, 0.2);
2141 box-shadow: none;
2142 -webkit-box-shadow: none;
2143 padding: 4px;
2144 height: 20px;
2145 width: 20px;
2146 object-fit: contain;
2147 }
2148
2149 div.statusref {
2150 padding-<?php echo $right; ?>: 10px;
2151 max-width: 55%;
2152 }
2153 div.statusref img, div.statusrefbis {
2154 padding-<?php echo $right; ?>: 3px !important;
2155 }
2156 /* TODO
2157 div.statusref {
2158 padding-top: 0px !important;
2159 padding-left: 0px !important;
2160 border: none !important;
2161 }
2162 */
2163
2164 input.buttonpayment {
2165 min-width: 300px;
2166 }
2167}
2168
2169/* Force values for small screen 320 */
2170@media only screen and (max-width: 320px)
2171{
2172 .maxwidth300 { max-width: 260px; }
2173}
2174
2175
2176.linkobject { cursor: pointer; }
2177
2178table.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 {
2179 color: var(--tableforfieldcolor);
2180}
2181
2182<?php if (GETPOST('optioncss', 'aZ09') == 'print') { ?>
2183.hideonprint { display: none !important; }
2184<?php } ?>
2185
2186
2187/* ============================================================================== */
2188/* Styles for dragging lines */
2189/* ============================================================================== */
2190
2191.dragClass {
2192 color: #002255;
2193}
2194td.showDragHandle {
2195 cursor: move;
2196}
2197.tdlineupdown {
2198 white-space: nowrap;
2199 min-width: 10px;
2200}
2201
2202
2203/* ============================================================================== */
2204/* Styles de positionnement des zones */
2205/* ============================================================================== */
2206
2207#id-container {
2208 display: table; /* DOL_XXX Empeche fonctionnement correct du scroll horizontal sur tableau, avec datatable ou CSS */
2209 table-layout: fixed;
2210}
2211#id-right, #id-left {
2212 display: table-cell; /* DOL_XXX Empeche fonctionnement correct du scroll horizontal sur tableau, avec datatable ou CSS */
2213 float: none;
2214 vertical-align: top;
2215}
2216#id-left {
2217 padding-top: 20px;
2218 padding-bottom: 5px;
2219 <?php if (getDolGlobalString('MAIN_USE_TOP_MENU_SEARCH_DROPDOWN')) { ?>
2220 padding-top: 18px;
2221 <?php } ?>
2222}
2223#id-right { /* This must stay id-right and not be replaced with echo $right */
2224 padding-top: 14px;
2225 width: 100%;
2226 background: var(--colorbackbody);
2227 padding-bottom: 20px;
2228}
2229.bodyforlist #id-right {
2230 padding-bottom: 4px;
2231}
2232
2233/* DOL_XXX For having horizontal scroll into array (like with smartphone) */
2234
2235.classforhorizontalscrolloftabs #id-container {
2236 width: 100%;
2237}
2238.classforhorizontalscrolloftabs .side-nav {
2239 display: block;
2240 float: <?php echo $left; ?>;
2241}
2242.classforhorizontalscrolloftabs #id-right {
2243 width: calc(100% - <?php echo $leftmenuwidth + 20 ?>px);
2244 display: inline-block;
2245}
2246
2247/*
2248.classforhorizontalscrolloftabs .fiche .div-table-responsive
2249{
2250 transform:rotateX(180deg);
2251 -ms-transform:rotateX(180deg);
2252 -webkit-transform:rotateX(180deg);
2253}
2254.classforhorizontalscrolloftabs .fiche .div-table-responsive-inside
2255{
2256 transform:rotateX(180deg);
2257 -ms-transform:rotateX(180deg);
2258 -webkit-transform:rotateX(180deg);
2259}
2260*/
2261
2262
2263<?php if (!getDolGlobalString('THEME_DISABLE_STICKY_TOPMENU')) { ?>
2264.side-nav-vert {
2265 position: sticky;
2266 top: 0px;
2267 z-index: 1005;
2268}
2269<?php } ?>
2270
2271@media screen and (prefers-color-scheme: dark) {
2272 .side-nav-vert {
2273 border-bottom: 1px solid #888;
2274 }
2275}
2276
2277.side-nav {
2278 display: table-cell;
2279 border-<?php echo $right; ?>: 1px solid #ECECEC;
2280 box-shadow: 3px 0 6px -2px #eee;
2281 background: var(--colorbackvmenu1);
2282 transition: left 0.5s ease;
2283}
2284
2285.side-nav, .login_block {
2286 transition: left 0.5s ease;
2287}
2288
2289div.blockvmenulogo
2290{
2291 border-bottom: 0 !important;
2292}
2293.menulogocontainer {
2294 margin: <?php echo $disableimages ? '0' : '6'; ?>px;
2295 margin-left: 11px;
2296 margin-right: 9px;
2297 padding: 0;
2298 height: <?php echo $disableimages ? '18' : '35'; ?>px;
2299 /* width: 100px; */
2300 max-width: 100px;
2301 vertical-align: middle;
2302}
2303.backgroundforcompanylogo {
2304 background-color: rgba(255,255,255,0.2);
2305 border-radius: 4px;
2306}
2307.menulogocontainer img.mycompany {
2308 object-fit: contain;
2309 width: inherit;
2310 height: inherit;
2311 image-rendering: -webkit-optimize-contrast;
2312}
2313#mainmenutd_companylogo::after, #mainmenutd_menu::after {
2314 content: unset !important;
2315}
2316li#mainmenutd_companylogo .tmenucenter {
2317 width: unset;
2318}
2319li#mainmenutd_companylogo {
2320 min-width: unset !important;
2321}
2322<?php if ($disableimages) { ?>
2323 li#mainmenutd_home {
2324 min-width: unset !important;
2325 }
2326 li#mainmenutd_home .tmenucenter {
2327 width: unset;
2328 }
2329<?php } ?>
2330
2331div.blockvmenupair, div.blockvmenuimpair {
2332 border-top: none !important;
2333 border-left: none !important;
2334 border-right: none !important;
2335 border-bottom: 1px solid #eaeaea;
2336 padding-left: 0 !important;
2337}
2338div.blockvmenuend, div.blockvmenubookmarks {
2339 border: none !important;
2340 padding-left: 0 !important;
2341}
2342div.vmenu, td.vmenu {
2343 padding-right: 10px !important;
2344}
2345.blockvmenu .menu_titre {
2346 margin-top: 4px;
2347 margin-bottom: 1px;
2348}
2349
2350/* Try responsive even not on smartphone
2351#id-container {
2352 width: 100%;
2353}
2354#id-right {
2355 width: calc(100% - 200px) !important;
2356}
2357*/
2358
2359
2360.menuhider { display: none !important; }
2361.menuhider .mainmenu.menu.topmenuimage {
2362 margin-top: 0px !important;
2363}
2364
2365
2366/* rule to reduce top menu - 3rd reduction: We hide the left menu */
2367<?php if (!getDolUserInt('MAIN_OPTIMIZEFORTEXTBROWSER')) { ?>
2368@media only screen and (max-width: <?php echo getDolGlobalString('THEME_ELDY_WITDHOFFSET_FOR_REDUC3', round($nbtopmenuentries * 47, 0) + 130); ?>px) /* reduction 3 */
2369{
2370 /* no side-nav */
2371 body.sidebar-collapse .side-nav {
2372 display: none;
2373 }
2374
2375 /* if no side-nav, we don't need to have width forced to calc(100% - 210px); */
2376 .classforhorizontalscrolloftabs #id-right {
2377 width: 100%;
2378 /* width: unset; */
2379 /* display: unset; */
2380 }
2381
2382 body.sidebar-collapse .login_block {
2383 display: none;
2384 }
2385
2386 .menuhider { display: block !important; }
2387 .dropdown-user-image { display: none; }
2388 .user-header { height: auto !important; color: var(--colortextbackhmenu); }
2389
2390 #id-container {
2391 width: 100%;
2392 }
2393 .side-nav {
2394 border-bottom: 1px solid #BBB;
2395 background: #FFF;
2396 padding-left: 20px;
2397 padding-right: 20px;
2398 position: absolute;
2399 z-index: 90;
2400 }
2401 div.blockvmenulogo
2402 {
2403 border-bottom: 0 !important;
2404 }
2405 div.blockvmenupair, div.blockvmenuimpair, div.blockvmenubookmarks, div.blockvmenuend {
2406 border-top: none !important;
2407 border-left: none !important;
2408 border-right: none !important;
2409 border-bottom: 1px solid #eaeaea;
2410 padding-left: 0 !important;
2411 }
2412 div.vmenu, td.vmenu {
2413 padding-right: 6px !important;
2414 }
2415 div.fiche {
2416 margin-<?php print $left; ?>: 9px !important;
2417 margin-<?php print $right; ?>: 10px !important;
2418 }
2419
2420 .pagination .fa-chevron-left, .pagination .fa-chevron-right {
2421 font-size: 1.2em;
2422 }
2423}
2424
2425@media only screen and (min-width: 768px) and (max-width: <?php echo getDolGlobalString('THEME_ELDY_WITDHOFFSET_FOR_REDUC3', round($nbtopmenuentries * 47, 0) + 130); ?>px) /* reduction 3 */
2426{
2427 div.fiche {
2428 margin-<?php print $left; ?>: 13px !important;
2429 margin-<?php print $right; ?>: 14px !important;
2430 }
2431}
2432<?php } ?>
2433
2434
2435div.fiche {
2436 margin-<?php print $left; ?>: <?php print(GETPOST('optioncss', 'aZ09') == 'print' ? 6 : (empty($conf->dol_optimize_smallscreen) ? '42' : '6')); ?>px;
2437 margin-<?php print $right; ?>: <?php print(GETPOST('optioncss', 'aZ09') == 'print' ? 6 : (empty($conf->dol_optimize_smallscreen) ? '38' : '6')); ?>px;
2438 <?php if (!empty($dol_hide_topmenu) || GETPOST('dol_openinpopup', 'aZ09')) {
2439 print 'margin-top: 12px;'."\n";
2440 } ?>
2441 <?php if (!empty($dol_hide_topmenu) || GETPOST('dol_openinpopup', 'aZ09')) {
2442 print 'margin-bottom: 12px;'."\n";
2443 } ?>
2444}
2445body.onlinepaymentbody div.fiche { /* For online payment page */
2446 margin: 20px !important;
2447}
2448div.fiche>table:first-child {
2449 margin-bottom: 15px;
2450}
2451div.fiche>table.table-fiche-title {
2452 margin-bottom: 12px;
2453}
2454div.fichecenter {
2455 width: 100%;
2456 clear: both; /* This is to have div fichecenter that are true rectangles */
2457}
2458div.fichecenterbis {
2459 margin-top: 8px;
2460}
2461div.fichethirdleft {
2462 <?php if ($conf->browser->layout != 'phone') {
2463 print "float: ".$left.";\n";
2464 } ?>
2465 <?php if ($conf->browser->layout != 'phone') {
2466 print "width: calc(50% - 16px);\n";
2467 } ?>
2468 <?php if ($conf->browser->layout == 'phone') {
2469 print "padding-bottom: 6px;\n";
2470 } ?>
2471}
2472div.fichetwothirdright {
2473 <?php if ($conf->browser->layout != 'phone') {
2474 print "float: ".$right.";\n";
2475 } ?>
2476 <?php if ($conf->browser->layout != 'phone') {
2477 print "width: calc(50% - 16px);\n";
2478 } ?>
2479 <?php if ($conf->browser->layout == 'phone') {
2480 print "padding-bottom: 6px\n";
2481 } ?>
2482}
2483div.fichehalfleft {
2484 <?php if ($conf->browser->layout != 'phone') {
2485 print "float: ".$left.";\n";
2486 } ?>
2487 <?php if ($conf->browser->layout != 'phone') {
2488 print "width: calc(50% - 16px);\n";
2489 } ?>
2490}
2491div.fichehalfright {
2492 <?php if ($conf->browser->layout != 'phone') {
2493 print "float: ".$right.";\n";
2494 } ?>
2495 <?php if ($conf->browser->layout != 'phone') {
2496 print "width: calc(50% - 16px);\n";
2497 } ?>
2498}
2499div.fichehalfright {
2500 <?php if ($conf->browser->layout == 'phone') {
2501 print "margin-top: 10px;\n";
2502 } ?>
2503}
2504
2505/*div.firstcolumn div.box {
2506 padding-right: 10px;
2507}
2508div.secondcolumn div.box {
2509 padding-left: 10px;
2510}*/
2511div.firstcolumn > table.noborder, div.secondcolumn > table.noborder, div.firstcolumn > div > table.noborder, div.secondcolumn > div > table.noborder {
2512 margin-bottom: 14px;
2513}
2514
2515/* Force values on one column for small screen */
2516@media only screen and (max-width: 1024px)
2517{
2518 div.fiche {
2519 margin-<?php print $left; ?>: <?php print(GETPOST('optioncss', 'aZ09') == 'print' ? 6 : ($dol_hide_leftmenu ? '6' : '20')); ?>px;
2520 margin-<?php print $right; ?>: <?php print(GETPOST('optioncss', 'aZ09') == 'print' ? 8 : 6); ?>px;
2521 }
2522 div.fichecenter {
2523 width: 100%;
2524 clear: both; /* This is to have div fichecenter that are true rectangles */
2525 }
2526 div.fichecenterbis {
2527 margin-top: 8px;
2528 }
2529 div.fichethirdleft {
2530 float: none;
2531 width: auto;
2532 padding-bottom: 6px;
2533 }
2534 div.fichetwothirdright {
2535 float: none;
2536 width: auto;
2537 padding-bottom: 6px;
2538 }
2539 div.fichehalfleft {
2540 float: none;
2541 width: auto;
2542 }
2543 div.fichehalfright {
2544 float: none;
2545 width: auto;
2546 }
2547 div.fichehalfright {
2548 margin-top: 10px;
2549 }
2550 div.firstcolumn div.box {
2551 padding-right: 0px;
2552 }
2553 div.secondcolumn div.box {
2554 padding-left: 0px;
2555 }
2556}
2557
2558/* Force values on one column for small screen */
2559@media only screen and (max-width: 1440px)
2560{
2561 div.fichehalfleft-lg {
2562 float: none;
2563 width: auto;
2564 }
2565 div.fichehalfright-lg {
2566 float: none;
2567 width: auto;
2568 }
2569
2570 .fichehalfright-lg .fichehalfright {
2571 padding-left:0;
2572 }
2573}
2574
2575/* For table into table into card */
2576div.fichehalfright tr.liste_titre:first-child td table.nobordernopadding td {
2577 padding: 0 0 0 0;
2578}
2579div.nopadding {
2580 padding: 0 !important;
2581}
2582
2583.containercenter {
2584 display : table;
2585 margin : 0px auto;
2586}
2587
2588td.nobordernopadding.widthpictotitle.col-picto {
2589 color: #bbb;
2590 opacity: 0.85;
2591}
2592.table-list-of-attached-files .col-picto, .table-list-of-links .col-picto {
2593 opacity: 0.7 !important;
2594 font-size: 0.7em;
2595 width: 20px;
2596}
2597.table-list-of-attached-files .col-picto .widthpictotitle, .table-list-of-links .col-picto .widthpictotitle {
2598 width: unset;
2599 color: #999;
2600}
2601
2602/*
2603span.widthpictotitle.pictotitle {
2604 background: var(--colortexttitlenotab);
2605 opacity: 0.8;
2606 color: #fff !important;
2607 padding: 7px;
2608 border-radius: 2px;
2609 min-width: 30px;
2610 text-align: center;
2611}
2612*/
2613.pictotitle {
2614 margin-<?php echo $right; ?>: 8px;
2615 /* margin-bottom: 4px; */
2616}
2617
2618.pictoobjectwidth {
2619 width: 14px;
2620}
2621.pictosubstatus {
2622 padding-left: 2px;
2623 padding-right: 2px;
2624}
2625.pictostatus {
2626 width: 15px;
2627 vertical-align: middle;
2628 margin-top: -3px
2629}
2630.pictowarning, .pictoerror, .pictopreview, .pictonopreview, .picto.error {
2631 padding-<?php echo $left; ?>: 3px;
2632}
2633.pictowarning {
2634 /* vertical-align: text-bottom; */
2635 color: <?php echo $badgeWarning ?>;
2636}
2637.pictoerror {
2638 color: <?php echo $badgeDanger ?>;
2639}
2640.pictomodule {
2641 width: 14px;
2642}
2643.pictomodule {
2644 width: 14px;
2645}
2646.fiche .arearef img.pictoedit, .fiche .arearef span.pictoedit,
2647.fiche .fichecenter img.pictoedit, .fiche .fichecenter span.pictoedit,
2648.tagtdnote span.pictoedit {
2649 opacity: 0.4;
2650}
2651.pictofixedwidth {
2652 text-align: start;
2653 width: 20px;
2654 /* padding-right: 0; */
2655}
2656
2657
2658.colorthumb {
2659 padding-left: 1px !important;
2660 padding-right: 1px;
2661 padding-top: 1px;
2662 padding-bottom: 1px;
2663 width: 50px;
2664 text-align:center;
2665}
2666div.attacharea {
2667 padding-top: 18px;
2668 padding-bottom: 10px;
2669}
2670div.attachareaformuserfileecm {
2671 padding-top: 0;
2672 padding-bottom: 6px;
2673}
2674
2675div.arearef {
2676 padding-top: 2px;
2677 margin-bottom: 10px;
2678 padding-bottom: 10px;
2679}
2680div.arearefnobottom {
2681 padding-top: 2px;
2682 padding-bottom: 4px;
2683}
2684div.heightref {
2685 min-height: 80px;
2686}
2687div.divphotoref:last-child {
2688 padding-<?php echo $right; ?>: 30px;
2689}
2690div.paginationref {
2691 padding-bottom: 10px;
2692}
2693/* TODO
2694div.statusref {
2695 padding: 10px;
2696 border: 1px solid #bbb;
2697 border-radius: 6px;
2698} */
2699div.statusref {
2700 float: <?php echo $right; ?>;
2701 padding-left: 12px;
2702 margin-top: 8px;
2703 margin-bottom: 10px;
2704 clear: both;
2705 text-align: right;
2706}
2707div.statusref img {
2708 padding-left: 8px;
2709 padding-right: 9px;
2710 vertical-align: text-bottom;
2711 width: 18px;
2712}
2713div.statusrefbis {
2714 padding-left: 8px;
2715 padding-right: 9px;
2716 vertical-align: text-bottom;
2717}
2718img.photoref, div.photoref {
2719 /* border: 1px solid #DDD; */
2720 -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
2721 box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
2722 padding: 4px;
2723 height: 80px;
2724 width: 80px;
2725 object-fit: contain;
2726}
2727img.photokanban, div.photokanban {
2728 padding: 0;
2729 border: none;
2730 box-shadow: none;
2731 vertical-align: middle;
2732}
2733div.photoref .fa, div.photoref .fas, div.photoref .far {
2734 font-size: 2.5em;
2735}
2736img.fitcontain {
2737 object-fit: contain;
2738}
2739div.photoref {
2740 display:table-cell;
2741 vertical-align:middle;
2742 text-align:center;
2743}
2744.difforspanimgright {
2745 display: table-cell;
2746 padding-right: 10px;
2747}
2748img.photorefnoborder {
2749 padding: 2px;
2750 height: 48px;
2751 width: 48px;
2752 object-fit: contain;
2753 border: 1px solid #AAA;
2754 border-radius: 100px;
2755}
2756.underrefbanner {
2757}
2758.underbanner {
2759 border-bottom: <?php echo $borderwidth ?>px solid var(--colortopbordertitle1);
2760 /* border-bottom: 2px solid var(--colorbackhmenu1); */
2761}
2762.trextrafieldseparator td, .trextrafields_collapse_last td {
2763 /* border-bottom: 2px solid var(--colorbackhmenu1) !important; */
2764 /* border-bottom: 2px solid var(--colortopbordertitle1) !important; */
2765}
2766
2767.tdhrthin {
2768 margin: 0 !important;
2769 padding-bottom: 0 !important;
2770}
2771
2772/* ============================================================================== */
2773/* Menu top et 1ere ligne tableau */
2774/* ============================================================================== */
2775
2776#id-top {
2777<?php if (GETPOST('optioncss', 'aZ09') == 'print') { ?>
2778 display:none;
2779<?php } else { ?>
2780 background: var(--colorbackhmenu1);
2781 /* background-image: linear-gradient(-45deg, <?php echo colorAdjustBrightness(colorArrayToHex(colorStringToArray($colorbackhmenu1)), '5'); ?>, var(--colorbackhmenu1)); */
2782 <?php if ($colorbackhmenu1 == '255,255,255') { ?>
2783 box-shadow: 0px 0px 4px #ddd;
2784 <?php } ?>
2785<?php } ?>
2786}
2787
2788div#tmenu_tooltip {
2789<?php if (GETPOST('optioncss', 'aZ09') == 'print') { ?>
2790 display:none;
2791<?php } else { ?>
2792 padding-<?php echo $right; ?>: <?php echo($maxwidthloginblock - 10); ?>px;
2793<?php } ?>
2794
2795 -webkit-touch-callout: none; /* iOS Safari */
2796 -webkit-user-select: none; /* Safari */
2797 -khtml-user-select: none; /* Konqueror HTML */
2798 -moz-user-select: none; /* Firefox */
2799 -ms-user-select: none; /* Internet Explorer/Edge */
2800 user-select: none; /* Non-prefixed version, currently
2801 supported by Chrome and Opera */
2802
2803
2804}
2805
2806div.topmenuimage {
2807<?php if ($disableimages) { ?>
2808 display: none;
2809<?php } ?>
2810}
2811
2812div.tmenudiv {
2813<?php if (GETPOST('optioncss', 'aZ09') == 'print') { ?>
2814 display:none;
2815<?php } else { ?>
2816 position: relative;
2817 display: block;
2818 white-space: nowrap;
2819 border-top: 0px;
2820 border-<?php print $left; ?>: 0px;
2821 border-<?php print $right; ?>: 0px;
2822 padding: 0px 0px 0px 0px; /* t r b l */
2823 margin: 0px 0px 0px 0px; /* t r b l */
2824 font-size: 13px;
2825 font-weight: normal;
2826 text-decoration: none;
2827<?php } ?>
2828}
2829div.tmenudisabled, a.tmenudisabled {
2830 opacity: 0.6;
2831}
2832a.tmenu, a.tmenusel, a.tmenudisabled {
2833 /* font-weight: 300; */
2834}
2835a.tmenudisabled:link, a.tmenudisabled:visited, a.tmenudisabled:hover, a.tmenudisabled:active {
2836 padding: 0px 5px 0px 5px;
2837 white-space: nowrap;
2838 color: var(--colortextbackhmenu);
2839 text-decoration: none;
2840 cursor: not-allowed;
2841}
2842span.mainmenuaspan.tmenudisabled {
2843 color: var(--colortextbackhmenu);
2844 opacity: 0.5;
2845 cursor: not-allowed;
2846}
2847
2848a.disabled, span.tmenu {
2849 color: #aaa;
2850 text-decoration: none !important;
2851 cursor: default;
2852}
2853
2854a.tmenu:link, a.tmenu:visited, a.tmenu:hover, a.tmenu:active {
2855 padding: 0px 2px 0px 2px;
2856 margin: 0px 0px 0px 0px;
2857 white-space: nowrap;
2858 color: var(--colortextbackhmenu);
2859 text-decoration: none;
2860}
2861a.tmenusel:link, a.tmenusel:visited, a.tmenusel:hover, a.tmenusel:active {
2862 padding: 0px 2px 0px 2px;
2863 margin: 0px 0px 0px 0px;
2864 white-space: nowrap;
2865 color: var(--colortextbackhmenu);
2866 text-decoration: none !important;
2867}
2868
2869
2870ul.tmenu { /* t r b l */
2871 padding: 0px 0px 0px 0px;
2872 margin: 0px 0px 0px 0px;
2873 list-style: none;
2874 display: table;
2875}
2876ul.tmenu li { /* We need this to have background color when menu entry wraps on new lines */
2877}
2878li#mainmenutd_home {
2879 margin-left: 5px;
2880}
2881li.tmenu, li.tmenusel {
2882 <?php print $minwidthtmenu ? 'min-width: '.$minwidthtmenu.'px;' : ''; ?>
2883 text-align: center;
2884 vertical-align: bottom;
2885 <?php if (!getDolGlobalString('MAIN_MENU_INVERT')) { ?>
2886 float: <?php print $left; ?>;
2887 <?php } ?>
2888 position:relative;
2889 display: block;
2890 padding: 0 0 0 0;
2891 margin: 0 0 0 0;
2892 font-weight: normal;
2893}
2894li.menuhider:hover {
2895 background-image: none !important;
2896}
2897
2898li.tmenusel::after, li.tmenu:hover::after{
2899 content: "";
2900 position:absolute;
2901 bottom:0px;
2902 left: 50%;
2903 left: calc(50% - 6px);
2904 width: 0;
2905 height: 0;
2906 border-style: solid;
2907 border-width: 0px 6px 5px 6px;
2908 border-color: transparent transparent #ffffff transparent;
2909}
2910
2911.tmenuend .tmenuleft { width: 0px; }
2912.tmenuend { display: none; }
2913div.tmenuleft
2914{
2915 float: <?php print $left; ?>;
2916 margin-top: 0px;
2917 <?php if (empty($conf->dol_optimize_smallscreen)) { ?>
2918 width: 5px;
2919 <?php } ?>
2920 <?php if ($disableimages) { ?>
2921 height: 26px;
2922 <?php } else { ?>
2923 height: <?php print $heightmenu; ?>px;
2924 <?php } ?>
2925}
2926div.tmenucenter
2927{
2928 padding-left: 2px;
2929 padding-right: 2px;
2930 color: var(--colortextbackhmenu);
2931 <?php if ($disableimages) { ?>
2932 padding-top: 8px;
2933 height: 26px;
2934 <?php } else { ?>
2935 padding-top: 2px;
2936 height: <?php print $heightmenu; ?>px;
2937 <?php } ?>
2938 /* width: 100%; */
2939}
2940#menu_titre_logo {
2941 padding-top: 0;
2942 padding-bottom: 0;
2943}
2944div.menu_titre {
2945 padding-top: 4px;
2946 padding-bottom: 4px;
2947 overflow: hidden;
2948 text-overflow: ellipsis;
2949 width: <?php echo $leftmenuwidth - 2; ?>px; /* required to have overflow working. must be same than menu_contenu */
2950}
2951.mainmenuaspan
2952{
2953 padding-<?php print $left; ?>: 2px;
2954 padding-<?php print $right; ?>: 2px;
2955 font-family: Roboto,<?php echo $fontlist; ?>;
2956 font-weight: 400;
2957 opacity: 0.9;
2958}
2959
2960div.mainmenu {
2961 position : relative;
2962 background-repeat:no-repeat;
2963 background-position:center top;
2964 height: <?php echo($heightmenu - 22); ?>px;
2965 margin-left: 0px;
2966 min-width: 40px;
2967}
2968
2969a.tmenuimage:focus, .mainmenu.topmenuimage:focus {
2970 outline: none;
2971}
2972button.ui-button.ui-corner-all.ui-widget:focus {
2973 outline: none;
2974}
2975.tmenuimage {
2976 color: var(--colortextbackhmenu);
2977}
2978
2979/* For mainmenu, we always load the img */
2980
2981div.mainmenu.menu {
2982 <?php print $disableimages ? '' : 'top: 10px'; ?>
2983}
2984#mainmenutd_menu a.tmenuimage {
2985 display: unset;
2986}
2987a.tmenuimage {
2988 display: block;
2989}
2990
2991a.tmenuimage:hover{
2992 text-decoration: none;
2993}
2994
2995
2996/* To show text of top menu according to option THEME_TOPMENU_DISABLE_IMAGE */
2997
2998/* Text hidden by default */
2999<?php if (in_array(getDolGlobalInt('THEME_TOPMENU_DISABLE_IMAGE'), array(2, 3, 4))) { ?>
3000.tmenulabel:not(.menuhider), .tmenulabel:not(.menuhider)::before {
3001 display: none;
3002 /* opacity: 0; To show text after transition */
3003}
3004a.tmenuimage:not(.menuhider), a.tmenuimage:not(.menuhider)::before,
3005div.tmenuimage:not(.menuhider), div.tmenuimage:not(.menuhider)::before,
3006span.tmenuimage:not(.menuhider), span.tmenuimage:not(.menuhider)::before {
3007 font-size: 1.3em;
3008 margin-top: 8px !important;
3009}
3010
3011div.tmenucenter { /* we must have a field length of top menu to avoid size to change when in mode text on hover */
3012 width: 80px;
3013 overflow: hidden;
3014 text-overflow: ellipsis;
3015}
3016<?php } ?>
3017
3018/* Test of picto visible on hover, for all picto */
3019<?php if (getDolGlobalInt('THEME_TOPMENU_DISABLE_IMAGE') == 2) { ?>
3020ul.tmenu:hover .tmenulabel:not(.menuhider), .ul.tmenu:hover .tmenulabel:not(.menuhider)::before {
3021 display: block;
3022 position: relative;
3023 overflow: hidden;
3024 text-overflow: ellipsis;
3025 /* For transition transition-delay: 1000ms;
3026 transition-property: all; */
3027 opacity: 1;
3028 display: initial !important;
3029 line-height: 0.6em !important;
3030 height: 1em !important;
3031 overflow: hidden;
3032 text-overflow: ellipsis;
3033 color: var(--colortextbackhmenu);
3034 top: 0px;
3035}
3036ul.tmenu:hover .tmenuimage:not(.menuhider), ul.tmenu:hover .tmenuimage:not(.menuhider)::before {
3037 /* For transition transition-delay: 1000ms;
3038 transition-property: all; */
3039 margin-top: 0px !important;
3040}
3041<?php } ?>
3042
3043/* Text of picto visible on hover the picto only */
3044<?php if (getDolGlobalInt('THEME_TOPMENU_DISABLE_IMAGE') == 3) { ?>
3045li.tmenu:hover .tmenulabel:not(.menuhider), li.tmenu:hover .tmenulabel:not(.menuhider)::before {
3046 display: initial !important;
3047}
3048li.tmenu:hover .tmenuimage:not(.menuhider), li.tmenu:hover .tmenuimage:not(.menuhider):before {
3049 font-size: 1.1em !important;
3050 margin-top: 0px !important;
3051}
3052<?php } ?>
3053
3054
3055
3056/* Do not load menu img for other if hidden to save bandwidth */
3057
3058<?php if (empty($dol_hide_topmenu)) { ?>
3059 <?php include dol_buildpath($path.'/theme/'.$theme.'/main_menu_fa_icons.inc.php', 0); ?>
3060
3061 <?php
3062 // Add here more div for other menu entries. moduletomainmenu=array('module name'=>'name of class for div')
3063
3064 $moduletomainmenu = array(
3065 'user' => '', 'syslog' => '', 'societe' => 'companies', 'projet' => 'project', 'propale' => 'commercial', 'commande' => 'commercial',
3066 'produit' => 'products', 'service' => 'products', 'stock' => 'products',
3067 'don' => 'accountancy', 'tax' => 'accountancy', 'banque' => 'accountancy', 'facture' => 'accountancy', 'compta' => 'accountancy', 'accounting' => 'accountancy', 'adherent' => 'members', 'import' => 'tools', 'export' => 'tools', 'mailing' => 'tools',
3068 'contrat' => 'commercial', 'ficheinter' => 'commercial', 'ticket' => 'ticket', 'deplacement' => 'commercial',
3069 'fournisseur' => 'companies',
3070 'barcode' => '', 'fckeditor' => '', 'categorie' => '',
3071 );
3072 $mainmenuused = 'home';
3073 foreach ($conf->modules as $val) {
3074 $mainmenuused .= ','.(isset($moduletomainmenu[$val]) ? $moduletomainmenu[$val] : $val);
3075 }
3076 $mainmenuusedarray = array_unique(explode(',', $mainmenuused));
3077
3078 $generic = 1;
3079 // Put here list of menu entries when the div.mainmenu.menuentry was previously defined
3080 $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');
3081 // Put here list of menu entries we are sure we don't want
3082 $divnotrequired = array('multicurrency', 'salaries', 'ticket', 'margin', 'opensurvey', 'paybox', 'expensereport', 'incoterm', 'prelevement', 'propal', 'workflow', 'notification', 'supplier_proposal', 'cron', 'product', 'productbatch', 'expedition');
3083
3084 foreach ($mainmenuusedarray as $val) {
3085 if (empty($val) || in_array($val, $divalreadydefined)) {
3086 continue;
3087 }
3088 if (in_array($val, $divnotrequired)) {
3089 continue;
3090 }
3091
3092 $found = 0;
3093 $url = '';
3094 $constformoduleicon = 'MAIN_MODULE_'.strtoupper($val).'_ICON';
3095 $iconformodule = getDolGlobalString($constformoduleicon);
3096 if ($iconformodule) {
3097 if (preg_match('/^fa\-/', $iconformodule)) {
3098 // This is a fa icon
3099 } else {
3100 $url = dol_buildpath('/'.$val.'/img/'.$iconformodule.'.png', 1);
3101 }
3102 $found = 1;
3103 } else {
3104 // Search img file in module dir
3105 foreach ($conf->file->dol_document_root as $dirroot) {
3106 if (file_exists($dirroot."/".$val."/img/".$val.".png")) {
3107 $url = dol_buildpath('/'.$val.'/img/'.$val.'.png', 1);
3108 $found = 1;
3109 break;
3110 }
3111 }
3112 }
3113 //print "XXX".$val."->".$found."\n";
3114
3115 // Output entry for menu icon in CSS
3116 if (!$found) {
3117 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";
3118 print 'div.mainmenu.'.$val.' span::before {'."\n";
3119 print 'content: "\f249";'."\n";
3120 print '}'."\n";
3121 $generic++;
3122 } else {
3123 if ($url) {
3124 print "div.mainmenu.".$val." {\n";
3125 print " background-image: url(".$url.");\n";
3126 print " background-position-y: 3px;\n";
3127 print " filter: saturate(0);\n";
3128 print "}\n";
3129 } else {
3130 print '/* icon for module '.$val.' is a fa icon */'."\n";
3131 }
3132 }
3133 }
3134 // End of part to add more div class css
3135 ?>
3136<?php } // End test if $dol_hide_topmenu?>
3137
3138.tmenuimage {
3139 padding:0 0 0 0 !important;
3140 margin:0 0 0 0 !important;
3141 <?php if ($disableimages) { ?>
3142 display: none;
3143 <?php } ?>
3144}
3145
3146
3147
3148/* Login */
3149
3150.bodylogin
3151{
3152 background: #f0f0f0;
3153 display: table;
3154 position: absolute;
3155 height: 100%;
3156 width: 100%;
3157 font-size: 1em;
3158}
3159.login_center {
3160 display: table-cell;
3161 vertical-align: middle;
3162}
3163.login_vertical_align {
3164 padding: 10px;
3165 padding-bottom: 80px;
3166}
3167form#login {
3168 padding-bottom: 30px;
3169 font-size: 14px;
3170 vertical-align: middle;
3171}
3172.login_table_title {
3173 max-width: 530px;
3174 color: #eee !important;
3175 padding-bottom: 20px;
3176 text-shadow: 1px 1px #444;
3177}
3178.login_table label {
3179 text-shadow: 1px 1px 1px #FFF;
3180}
3181.login_table {
3182 margin: 0px auto; /* Center */
3183 padding-left:6px;
3184 padding-right:6px;
3185 padding-top:16px;
3186 padding-bottom:12px;
3187 max-width: 560px;
3188<?php
3189if (getDolGlobalString('MAIN_LOGIN_BACKGROUND')) {
3190 print ' background-color: rgba(255, 255, 255, 0.9);';
3191} else {
3192 print ' background-color: #FFFFFF;';
3193}
3194?>
3195 -webkit-box-shadow: 0 2px 23px 2px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(60,60,60,0.15);
3196 box-shadow: 0 2px 23px 2px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(60,60,60,0.15);
3197
3198 border-radius: 5px;
3199 /*border-top:solid 1px rgba(180,180,180,.4);
3200 border-left:solid 1px rgba(180,180,180,.4);
3201 border-right:solid 1px rgba(180,180,180,.4);
3202 border-bottom:solid 1px rgba(180,180,180,.4);*/
3203}
3204.login_table input#username, .login_table input#password, .login_table input#securitycode {
3205 border: none;
3206 border-bottom: solid 1px rgba(180,180,180,.4);
3207 padding: 5px;
3208 margin-left: 5px;
3209 margin-top: 5px;
3210 margin-bottom: 5px;
3211}
3212.login_table input#username:focus, .login_table input#password:focus, .login_table input#securitycode:focus {
3213 outline: none !important;
3214}
3215.login_table .trinputlogin {
3216 font-size: 1.2em;
3217 margin: 8px;
3218}
3219.login_table .tdinputlogin {
3220 background-color: transparent;
3221 /* border: 2px solid #ccc; */
3222 min-width: 220px;
3223 border-radius: 2px;
3224}
3225.login_table .tdinputlogin .fa {
3226 padding-left: 10px;
3227 width: 14px;
3228}
3229.login_table .tdinputlogin input#username, .login_table .tdinputlogin input#password, .login_table .tdinputlogin input#securitycode {
3230 font-size: 1.1em;
3231}
3232/* For the static info message */
3233.login_main_home {
3234 word-break: break-word;
3235 width: fit-content;
3236}
3237/* For the result or error message */
3238.login_main_message {
3239 text-align: center;
3240 max-width: 570px;
3241 margin-bottom: 22px;
3242}
3243.login_main_message .error {
3244 /* border: 1px solid #caa; */
3245 padding: 10px;
3246}
3247div#login_left, div#login_right {
3248 display: inline-block;
3249 min-width: 245px;
3250 padding-top: 10px;
3251 padding-left: 16px;
3252 padding-right: 16px;
3253 text-align: center;
3254 vertical-align: middle;
3255}
3256div#login_right select#entity {
3257 margin-top: 10px;
3258}
3259table.login_table tr td table.none tr td {
3260 padding: 2px;
3261}
3262table.login_table_securitycode {
3263 border-spacing: 0px;
3264}
3265table.login_table_securitycode tr td {
3266 padding-left: 0px;
3267 padding-right: 4px;
3268}
3269#securitycode {
3270 min-width: 60px;
3271}
3272#img_securitycode {
3273 border: 1px solid #DDDDDD;
3274}
3275#img_logo, .img_logo {
3276 max-width: 170px;
3277 max-height: 90px;
3278}
3279
3280div.backgroundsemitransparent {
3281 background:rgba(255, 255, 255, 0.7);
3282 padding-left: 10px;
3283 padding-right: 10px;
3284}
3285div.login_block {
3286 position: absolute;
3287 text-align: <?php print $right; ?>;
3288 <?php print $right; ?>: 0;
3289 top: <?php print $disableimages ? '4px' : '0'; ?>;
3290 line-height: 10px;
3291 <?php // echo (empty($disableimages) && $maxwidthloginblock)?'max-width: '.$maxwidthloginblock.'px;':'';?>
3292 <?php if (GETPOST('optioncss', 'aZ09') == 'print') { ?>
3293 display: none;
3294 <?php } ?>
3295}
3296div.login_block a {
3297 color: var(--colortextbackhmenu);
3298 display: inline-block;
3299}
3300div.login_block a .atoploginusername {
3301 display: inline-block;
3302 overflow: hidden;
3303 max-width: 60px;
3304 text-overflow: ellipsis;
3305}
3306div.login_block span.aversion {
3307 color: var(--colortextbackhmenu);
3308 filter: contrast(0.7);
3309}
3310div.login_block table {
3311 display: inline;
3312}
3313div.login {
3314 white-space:nowrap;
3315 font-weight: bold;
3316 float: right;
3317}
3318div.login a {
3319 color: var(--colortextbackvmenu);
3320}
3321div.login a:hover {
3322 color: var(--colortextbackvmenu);
3323 text-decoration:underline;
3324}
3325.login_block_elem a span.atoplogin, .login_block_elem span.atoplogin {
3326 vertical-align: middle;
3327}
3328div.login_block_user {
3329 display: inline-block;
3330 vertical-align: middle;
3331 line-height: <?php echo $disableimages ? '25' : '51'; ?>px;
3332 height: <?php echo $disableimages ? '25' : '51'; ?>px;
3333}
3334div.login_block_other {
3335 display: inline-block;
3336 vertical-align: middle;
3337 clear: <?php echo $disableimages ? 'none' : 'both'; ?>;
3338 padding-top: 0;
3339 text-align: <?php echo $right ?>;
3340 margin-<?php echo $right ?>: 8px;
3341 max-width: 200px;
3342}
3343
3344.login_block_elem {
3345 float: <?php echo $right ?>;
3346 vertical-align: top;
3347 padding: 0px 3px 0px 4px !important;
3348}
3349.login_block_other .login_block_elem {
3350 line-height: 25px;
3351 height: 25px;
3352}
3353.atoplogin, .atoplogin:hover {
3354 color: var(--colortextbackhmenu) !important;
3355}
3356.login_block_getinfo {
3357 text-align: center;
3358}
3359.login_block_getinfo div.login_block_user {
3360 display: block;
3361}
3362.login_block_getinfo .atoplogin, .login_block_getinfo .atoplogin:hover {
3363 color: #333 !important;
3364 font-weight: normal !important;
3365}
3366.alogin, .alogin:hover {
3367 font-weight: normal !important;
3368 padding-top: 2px;
3369}
3370.alogin:hover, .atoplogin:hover {
3371 text-decoration:underline !important;
3372}
3373span.fa.atoplogin, span.fa.atoplogin:hover {
3374 font-size: 16px;
3375 text-decoration: none !important;
3376}
3377.atoplogin #dropdown-icon-down, .atoplogin #dropdown-icon-up {
3378 font-size: 0.7em;
3379}
3380img.login, img.printer, img.entity {
3381 /* padding: 0px 0px 0px 4px; */
3382 /* margin: 0px 0px 0px 8px; */
3383 text-decoration: none;
3384 color: white;
3385 font-weight: bold;
3386}
3387.loginbuttonexternal {
3388 width: 300px;
3389 margin: auto;
3390 border: 1px solid #ccc;
3391 padding: 10px;
3392 border-radius: 5px;
3393}
3394
3395
3396.userimg.atoplogin img.userphoto, .userimgatoplogin img.userphoto { /* size for user photo in login bar */
3397 width: <?php echo $disableimages ? '26' : '30'; ?>px;
3398 height: <?php echo $disableimages ? '26' : '30'; ?>px;
3399 border-radius: 50%;
3400 background-size: contain;
3401 border: 1px solid;
3402 border-color: rgba(255, 255, 255, 0.2);
3403}
3404img.userphoto { /* size for user photo in lists */
3405 border-radius: 0.72em;
3406 width: 1.4em;
3407 height: 1.4em;
3408 background-size: contain;
3409 vertical-align: middle;
3410}
3411span.userimg div.userphoto {
3412 background-color: #eee;
3413 border-radius: 0.72em;
3414 width: 1.4em;
3415 height: 1.4em;
3416 padding-top: 1px;
3417 display: inline-block;
3418}
3419img.userphotosmall { /* size for user photo in lists */
3420 border-radius: 0.6em;
3421 width: 1.2em;
3422 height: 1.2em;
3423 background-size: contain;
3424 vertical-align: middle;
3425 background-color: #FFF;
3426}
3427img.userphotopublicvcard {
3428 width: 60px;
3429 height: 60px;
3430 border-radius: 50%;
3431 background-size: contain;
3432 border: 1px solid;
3433 border-color: rgba(128, 128, 128, 0.5);
3434 position: relative;
3435 top: 25px;
3436 left: -110px;
3437}
3438img.userphoto[alt="Gravatar avatar"], img.photouserphoto.dropdown-user-image[alt="Gravatar avatar"] {
3439 background: #fff;
3440}
3441form[name="addtime"] img.userphoto {
3442 border: 1px solid #444;
3443}
3444.span-icon-user {
3445 background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/object_user.png', 1); ?>);
3446 background-repeat: no-repeat;
3447}
3448.span-icon-password {
3449 background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/lock.png', 1); ?>);
3450 background-repeat: no-repeat;
3451}
3452
3453/* ============================================================================== */
3454/* Menu gauche */
3455/* ============================================================================== */
3456
3457div.vmenu, td.vmenu {
3458 margin-<?php print $right; ?>: 2px;
3459 position: relative;
3460 float: left;
3461 padding: 0px;
3462 padding-bottom: 0px;
3463 padding-top: 1px;
3464 width: <?php echo $leftmenuwidth; ?>px;
3465}
3466
3467.vmenu {
3468 width: <?php echo $leftmenuwidth; ?>px;
3469 margin-left: 6px;
3470 <?php if (GETPOST('optioncss', 'aZ09') == 'print') { ?>
3471 display: none;
3472 <?php } ?>
3473}
3474
3475/* Force vmenusearchselectcombo with type=text differently than without because beautify with select2 affect vmenusearchselectcombo differently */
3476input.vmenusearchselectcombo[type=text] {
3477 width: <?php echo $leftmenuwidth - 10; ?>px !important;
3478}
3479.vmenusearchselectcombo {
3480 width: <?php echo $leftmenuwidth - 2; ?>px;
3481}
3482
3483.menu_contenu {
3484 padding-top: 3px;
3485 padding-bottom: 3px;
3486 overflow: hidden;
3487 text-overflow: ellipsis;
3488 width: <?php echo $leftmenuwidth - 2; ?>px; /* required to have overflow working. must be same than .menu_titre */
3489}
3490#menu_contenu_logo { /* padding-top: 0; */ }
3491.companylogo { }
3492.searchform { padding-top: 10px; }
3493.searchform input { font-size: 16px; }
3494
3495
3496a.vmenu:link, a.vmenu:visited, a.vmenu:hover, a.vmenu:active, span.vmenu, span.vsmenu {
3497 white-space: nowrap; font-family: <?php print $fontlist ?>; text-align: <?php print $left; ?>;
3498}
3499a.vmenu:link, a.vmenu:visited, a.vmenu:hover, a.vmenu:active,
3500span.vmenu, span.vmenu:link, span.vmenu:visited, span.vmenu:hover, span.vmenu:active { font-weight: bold; } /* bold = 600, 500 is ko with Edge on 1200x960 */
3501span.vmenudisabled {
3502 /* bold = 600, 500 is ko with Edge on 1200x960 */
3503 font-family: <?php print $fontlist ?>; text-align: <?php print $left; ?>; font-weight: bold; color: #aaa; margin-left: 4px; white-space: nowrap;
3504}
3505a.vmenu:link, a.vmenu:visited {
3506 color: var(--colortextbackvmenu);
3507}
3508
3509a.vsmenu:link, a.vsmenu:visited, a.vsmenu:hover, a.vsmenu:active, span.vmenu, span.vsmenu {
3510 font-family: <?php print $fontlist ?>;
3511 text-align: <?php print $left; ?>;
3512 color: var(--colortextbackvmenu);
3513 margin: 1px 1px 1px 6px;
3514}
3515span.vsmenudisabled, font.vsmenudisabled {
3516 font-family: <?php print $fontlist ?>;
3517 text-align: <?php print $left; ?>;
3518 color: #aaa;
3519 white-space: nowrap;
3520}
3521a.vsmenu:link, a.vsmenu:visited {
3522 color: var(--colortextbackvmenu);
3523 white-space: nowrap;
3524}
3525span.vsmenudisabledmargin, font.vsmenudisabledmargin { margin: 1px 1px 1px 6px; }
3526li a.vsmenudisabled, li.vsmenudisabled { color: #aaa !important; }
3527
3528a.help:link, a.help:visited, a.help:hover, a.help:active, span.help {
3529 text-align: <?php print $left; ?>; color: #aaa; text-decoration: none;
3530}
3531.helppresent, .helppresent:hover {
3532 /* color: #f3e4ac !important; */
3533}
3534.helppresentcircle {
3535 /*
3536 color: var(--colorbackhmenu1);
3537 filter: invert(0.5);
3538 */
3539 color: var(--colortextbackhmenu);
3540 margin-<?php echo $left ?>: -4px;
3541 display: inline-block;
3542 font-size: x-small;
3543 vertical-align: super;
3544 opacity: 0.95;
3545 transform: rotate(<?php echo($left == 'left' ? '55deg' : '305deg'); ?>);
3546}
3547
3548.vmenu div.blockvmenufirst, .vmenu div.blockvmenulogo, .vmenu div.blockvmenusearchphone, .vmenu div.blockvmenubookmarks
3549{
3550 border-top: 1px solid #BBB;
3551}
3552a.vsmenu.addbookmarkpicto {
3553 padding-right: 10px;
3554}
3555div.blockvmenusearchphone
3556{
3557 border-bottom: none !important;
3558}
3559.vmenu div.blockvmenuend, .vmenu div.blockvmenulogo
3560{
3561 margin: 0 0 8px 2px;
3562}
3563.vmenu div.blockvmenusearch
3564{
3565 padding-bottom: 13px;
3566}
3567.vmenu div.blockvmenuend
3568{
3569 padding-bottom: 5px;
3570}
3571.vmenu div.blockvmenulogo
3572{
3573 padding-bottom: 10px;
3574 padding-top: 0;
3575}
3576div.blockvmenubookmarks
3577{
3578 padding-top: 10px !important;
3579 padding-bottom: 16px !important;
3580}
3581div.blockvmenupair, div.blockvmenuimpair, div.blockvmenubookmarks, div.blockvmenuend
3582{
3583 font-family: <?php print $fontlist ?>;
3584 text-align: <?php print $left; ?>;
3585 text-decoration: none;
3586 padding-left: 5px;
3587 padding-right: 1px;
3588 padding-top: 4px;
3589 padding-bottom: 7px;
3590 margin: 0 0 0 2px;
3591
3592 color: var(--colortext);
3593 background: var(--colorbackvmenu1);
3594
3595 border-left: 1px solid #AAA;
3596 border-right: 1px solid #BBB;
3597}
3598
3599div.blockvmenusearch
3600{
3601 font-family: <?php print $fontlist ?>;
3602 color: #000000;
3603 text-align: <?php print $left; ?>;
3604 text-decoration: none;
3605 margin: 1px 0px 0px 2px;
3606 background: var(--colorbackvmenu1);
3607}
3608
3609div.blockvmenusearch > form > div {
3610 padding-top: 3px;
3611}
3612div.blockvmenusearch > form > div > label {
3613 padding-right: 2px;
3614}
3615
3616div.blockvmenuhelp
3617{
3618<?php if (empty($conf->dol_optimize_smallscreen)) { ?>
3619 font-family: <?php print $fontlist ?>;
3620 color: #000000;
3621 text-align: center;
3622 text-decoration: none;
3623 padding-left: 0px;
3624 padding-right: 6px;
3625 padding-top: 3px;
3626 padding-bottom: 3px;
3627 margin: 4px 0px 0px 0px;
3628<?php } else { ?>
3629 display: none;
3630<?php } ?>
3631}
3632
3633
3634td.barre {
3635 border-right: 1px solid #000000;
3636 border-bottom: 1px solid #000000;
3637 background: #b3c5cc;
3638 font-family: <?php print $fontlist ?>;
3639 color: #000000;
3640 text-align: <?php print $left; ?>;
3641 text-decoration: none;
3642}
3643
3644td.barre_select {
3645 background: #b3c5cc;
3646 color: #000000;
3647}
3648
3649td.photo {
3650 background: #F4F4F4;
3651 color: #000000;
3652 border: 1px solid #bbb;
3653}
3654
3655/* ============================================================================== */
3656/* Panes for Main */
3657/* ============================================================================== */
3658
3659/*
3660 * PANES and CONTENT-DIVs
3661 */
3662
3663#mainContent, #leftContent .ui-layout-pane {
3664 padding: 0px;
3665 overflow: auto;
3666}
3667
3668#mainContent, #leftContent .ui-layout-center {
3669 padding: 0px;
3670 position: relative; /* contain floated or positioned elements */
3671 overflow: auto; /* add scrolling to content-div */
3672}
3673
3674
3675/* ============================================================================== */
3676/* Toolbar for ECM or Filemanager */
3677/* ============================================================================== */
3678
3679td.ecmroot {
3680 padding-bottom: 0 !important;
3681}
3682
3683.largebutton {
3684 /* border-top: 1px solid #CCC !important; */
3685 padding: 0px 4px 14px 4px !important;
3686 min-height: 32px;
3687}
3688
3689
3690a.toolbarbutton {
3691 margin-top: 0px;
3692 margin-left: 4px;
3693 margin-right: 4px;
3694 height: 30px;
3695}
3696img.toolbarbutton {
3697 margin-top: 1px;
3698 height: 30px;
3699}
3700
3701li.expanded > a.fmdirlia.jqft.ecmjqft {
3702 font-weight: bold !important;
3703}
3704
3705.divfmdirlia {
3706 width: calc(100% - 100px);
3707}
3708
3709a.fmdirlia {
3710 white-space: break-spaces;
3711 word-break: break-all;
3712}
3713
3714
3715/* ============================================================================== */
3716/* Onglets */
3717/* ============================================================================== */
3718div.tabs {
3719 text-align: <?php print $left; ?>;
3720 margin-top: 10px;
3721 padding-left: 6px;
3722 padding-right: 6px;
3723 clear:both;
3724 height:100%;
3725}
3726div.tabsElem {
3727 margin-top: 1px;
3728} /* To avoid overlap of tabs when not browser */
3729/*
3730div.tabsElem a.tabactive::before, div.tabsElem a.tabunactive::before {
3731 content: "\f0da";
3732 font-family: "<?php echo getDolGlobalString('MAIN_FONTAWESOME_FAMILY', 'Font Awesome 5 Free'); ?>";
3733 padding-right: 2px;
3734 font-weight: 900;
3735}
3736*/
3737div.tabBar {
3738 color: var(--colortextbacktab);
3739 padding-top: 16px;
3740 padding-left: 0px; padding-right: 0px;
3741 padding-bottom: 2px;
3742 margin: 0px 0px 30px 0px;
3743 border-top: 1px solid #BBB;
3744 /* border-bottom: 1px solid #AAA; */
3745 width: auto;
3746 background: var(--colorbackbody);
3747}
3748table.noborder {
3749 background: var(--colorbacktabcard1);
3750}
3751div.tabBar tr.titre td {
3752 padding-top: 20px;
3753}
3754div.fiche table:not(.table-fiche-title) tr.titre td {
3755 padding-top: 10px;
3756}
3757
3758div.tabBar.tabBarNoTop {
3759 padding-top: 0;
3760 border-top: 0;
3761}
3762
3763/* tabBar used for creation/update/send forms */
3764div.tabBarWithBottom {
3765 padding-bottom: 18px;
3766 border-bottom: 1px solid #bbb;
3767}
3768div.tabBarWithBottom tr {
3769 background: unset !important;
3770}
3771div.tabBarWithBottom table.border>tbody>tr:last-of-type>td {
3772 border-bottom: none !important;
3773}
3774
3775div.tabBar table.tableforservicepart2:last-child {
3776 border-bottom: 1px solid #aaa;
3777}
3778.tableforservicepart1 .tdhrthin {
3779 height: unset;
3780 padding-top: 0 !important;
3781}
3782/* Payment Screen : Pointer cursor in the autofill image */
3783.AutoFillAmount {
3784 cursor:pointer;
3785}
3786
3787div.popuptabset {
3788 padding: 6px;
3789 background: #fff;
3790 border: 1px solid #888;
3791}
3792div.popuptab {
3793 padding-top: 8px;
3794 padding-bottom: 8px;
3795 padding-left: 5px;
3796 padding-right: 5px;
3797}
3798
3799/* ============================================================================== */
3800/* Buttons for actions */
3801/* ============================================================================== */
3802
3803div.tabsAction {
3804 margin: 20px 0em 30px 0em;
3805 padding: 0em 0em;
3806 text-align: right;
3807}
3808div.tabsActionNoBottom {
3809 margin-bottom: 0px;
3810}
3811div.tabsAction > a {
3812 margin-bottom: 16px !important;
3813}
3814
3815a.tabTitle {
3816 color: rgba(0,0,0,0.4) !important;
3817 text-shadow:1px 1px 1px #ffffff;
3818 font-family: <?php print $fontlist ?>;
3819 font-weight: normal !important;
3820 padding: 4px 6px 2px 0px;
3821 margin-<?php print $right; ?>: 10px;
3822 text-decoration: none;
3823 white-space: nowrap;
3824}
3825.tabTitleText {
3826 display: none;
3827}
3828.imgTabTitle {
3829 max-height: 14px;
3830}
3831div.tabs div.tabsElem:first-of-type a.tab {
3832 margin-left: 0px !important;
3833}
3834
3835a.tabunactive {
3836 color: var(--colortextlink) !important;
3837}
3838a.tab:link, a.tab:visited, a.tab:hover, a.tab#active {
3839 font-family: <?php print $fontlist ?>;
3840 padding: 12px 14px 13px;
3841 margin: 0em 0.2em;
3842 text-decoration: none;
3843 white-space: nowrap;
3844
3845 background-image: none !important;
3846}
3847
3848.tabactive, a.tab#active {
3849 color: var(--colortextbacktab) !important;
3850 /* background: var(--colorbacktabcard1) !important; */
3851 margin: 0 0.2em 0 0.2em !important;
3852
3853 border-right: 1px solid transparent;
3854 border-left: 1px solid transparent;
3855 border-top: 1px solid transparent;
3856 /*border-right: 1px solid #CCC !important;
3857 border-left: 1px solid #CCC !important; */
3858
3859 <?php if ($colorbackhmenu1 == '255,255,255') { ?>
3860 border-bottom: 3px solid var(--colortextbackhmenu) !important;
3861 <?php } else { ?>
3862 border-bottom: 3px solid var(--colorbackhmenu1) !important;
3863 <?php } ?>
3864}
3865.tabunactive, a.tab#unactive {
3866 border-right: 1px solid transparent;
3867 border-left: 1px solid transparent;
3868 border-top: 1px solid transparent;
3869 border-bottom: 0px !important;
3870}
3871a.tab:hover
3872{
3873 /*
3874 background: var(--colorbacktabcard1), 0.5) url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/nav-overlay3.png', 1); ?>) 50% 0 repeat-x;
3875 color: var(--colortextbacktab);
3876 */
3877 text-decoration: underline;
3878}
3879a.tabimage {
3880 color: #434956;
3881 font-family: <?php print $fontlist ?>;
3882 text-decoration: none;
3883 white-space: nowrap;
3884}
3885
3886td.tab {
3887 background: #dee7ec;
3888}
3889
3890span.tabspan {
3891 background: #dee7ec;
3892 color: #434956;
3893 font-family: <?php print $fontlist ?>;
3894 padding: 0px 6px;
3895 margin: 0em 0.2em;
3896 text-decoration: none;
3897 white-space: nowrap;
3898 -webkit-border-radius:4px 4px 0px 0px;
3899 border-radius:4px 4px 0px 0px;
3900
3901 border-<?php print $right; ?>: 1px solid #555555;
3902 border-<?php print $left; ?>: 1px solid #D8D8D8;
3903 border-top: 1px solid #D8D8D8;
3904}
3905
3906/* ============================================================================== */
3907/* Buttons for actions */
3908/* ============================================================================== */
3909<?php include dol_buildpath($path.'/theme/'.$theme.'/btn.inc.php', 0); ?>
3910
3911
3912/* ============================================================================== */
3913/* Tables */
3914/* ============================================================================== */
3915
3916.allwidth {
3917 width: 100%;
3918}
3919
3920#undertopmenu {
3921 background-repeat: repeat-x;
3922 margin-top: <?php echo($dol_hide_topmenu ? '6' : '0'); ?>px;
3923}
3924
3925
3926.paddingrightonly {
3927 border-collapse: collapse;
3928 border: 0px;
3929 margin-left: 0px;
3930 padding-<?php print $left; ?>: 0px !important;
3931 padding-<?php print $right; ?>: 4px !important;
3932}
3933.nocellnopadd {
3934 list-style-type:none;
3935 margin: 0px !important;
3936 padding: 0px !important;
3937}
3938.noborderspacing {
3939 border-spacing: 0;
3940}
3941tr.nocellnopadd td.nobordernopadding, tr.nocellnopadd td.nocellnopadd
3942{
3943 border: 0px;
3944}
3945
3946.unsetcolor {
3947 color: unset !important;
3948}
3949
3950.smallpaddingimp {
3951 padding: 4px !important;
3952 padding-left: 7px !important;
3953 padding-right: 7px !important;
3954}
3955input.button[name="upload"] {
3956 padding: 5px !important;
3957 font-size: 0.9em;
3958}
3959input.button.smallpaddingimp, input.buttonreset.smallpaddingimp {
3960 font-size: 0.8em;
3961}
3962input.buttonlink {
3963 color: var(--colortextlink);
3964 background-color: transparent;
3965 cursor: pointer;
3966}
3967input.buttonlink:hover {
3968 text-decoration: underline;
3969}
3970input.buttonreset {
3971 margin-top: 3px;
3972 margin-bottom: 3px;
3973 padding: 8px 15px;
3974 text-decoration: underline;
3975 color: var(--colortextlink);
3976 background-color: transparent;
3977 cursor: pointer;
3978}
3979.nopaddingleft {
3980 padding-<?php print $left; ?>: 0px;
3981}
3982div.tabs.nopaddingleft {
3983 padding-<?php print $left; ?>: 0px;
3984}
3985.nopaddingright {
3986 padding-<?php print $right; ?>: 0px;
3987}
3988.nopaddingtopimp {
3989 padding-top: 0px !important;
3990}
3991.nopaddingbottomimp {
3992 padding-bottom: 0px !important;
3993}
3994.notopnoleft {
3995 border-collapse: collapse;
3996 border: 0px;
3997 padding-top: 0px;
3998 padding-<?php print $left; ?>: 0px;
3999 padding-<?php print $right; ?>: 16px;
4000 padding-bottom: 4px;
4001 margin-right: 0px;
4002}
4003.notopnoleftnoright {
4004 border-collapse: collapse;
4005 border: 0px;
4006 padding-top: 0px;
4007 padding-left: 0px;
4008 padding-right: 0px;
4009 padding-bottom: 4px;
4010 margin: 0px 0px 0px 0px;
4011}
4012
4013table.tableforemailform tr td {
4014 padding-top: 3px;
4015 padding-bottom: 3px;
4016}
4017
4018table.border, table.bordernooddeven, table.dataTable, .table-border, .table-border-col, .table-key-border-col, .table-val-border-col, div.border {
4019 border-collapse: collapse !important;
4020 padding: 1px 2px 1px 3px; /* t r b l */
4021}
4022table.borderplus {
4023 border: 1px solid #BBB;
4024}
4025.border tbody tr, .bordernooddeven tbody tr, .border tbody tr td, .bordernooddeven tbody tr td,
4026div.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,
4027tr.liste_titre.box_titre td table td, .bordernooddeven tr td {
4028 height: 28px;
4029}
4030
4031div.tabBar div.border .table-border-row, div.tabBar div.border .table-key-border-col, div.tabBar .table-val-border-col {
4032 vertical-align: middle;
4033}
4034div .tdtop:not(.tagtdnote) {
4035 vertical-align: top !important;
4036 /*padding-top: 10px !important;
4037 padding-bottom: 2px !important; */
4038 padding-top: 7px !important;
4039 padding-bottom: 0px !important;
4040}
4041
4042table.border td, table.bordernooddeven td, div.border div div.tagtd {
4043 padding: 2px 2px 2px 2px;
4044 border-collapse: collapse;
4045}
4046div.tabBar .fichecenter table.border>tbody>tr>td, div.tabBar .fichecenter div.border div div.tagtd, div.tabBar div.border div div.tagtd
4047{
4048 padding-top: 2px;
4049 border-bottom: 1px solid #E0E0E0;
4050}
4051
4052td.border, div.tagtable div div.border {
4053 border-top: 1px solid #000000;
4054 border-right: 1px solid #000000;
4055 border-bottom: 1px solid #000000;
4056 border-left: 1px solid #000000;
4057}
4058.table-key-border-col {
4059 /* width: 25%; */
4060 vertical-align:top;
4061}
4062.table-val-border-col {
4063 width:auto;
4064}
4065
4066
4067.thsticky, .tdsticky {
4068 position: sticky;
4069 left: 0px;
4070}
4071.thstickyright, .tdstickyright {
4072 position: sticky;
4073 right: 0px;
4074}
4075.thstickygray, .tdstickygray {
4076 background-color: lightgray;
4077}
4078.thstickyghostwhite, .tdstickyghostwhite {
4079 background-color: ghostwhite;
4080}
4081.thstickyinherit, .tdstickyinherit {
4082 background-color: inherit;
4083}
4084
4085/* To have left column sticky */
4086/*.tagtable td[data-key="ref"], .tagtable th[data-key="ref"] {
4087 position: sticky;
4088 left: 0;
4089 top: 0;
4090 max-width: 150px !important;
4091 //background-color: inherit;
4092 background-color: gainsboro;
4093 z-index: 2;
4094}
4095*/
4096
4097/* To have right column sticky */
4098/*.tagtable td.actioncolumn, .tagtable th.actioncolumn {
4099 position: sticky-right;
4100 right: 0;
4101 top: 0;
4102 max-width: 150px !important;
4103 //background-color: inherit;
4104 background-color: gainsboro;
4105 z-index: 2;
4106}
4107*/
4108
4109
4110/* Main boxes */
4111.nobordertop, .nobordertop tr:first-of-type td {
4112 border-top: none !important;
4113}
4114.noborderbottom, .noborderbottom tr:last-of-type td {
4115 border-bottom: none !important;
4116}
4117.bordertop {
4118 border-top: 1px solid var(--colortopbordertitle1);
4119}
4120.borderbottom {
4121 border-bottom: 1px solid var(--colortopbordertitle1);
4122}
4123
4124
4125.fichehalfright table.noborder , .fichehalfleft table.noborder{
4126 margin: 0px 0px 0px 0px;
4127}
4128table.liste, table.noborder:not(.paymenttable):not(.margintable):not(.tableforcontact), table.formdoc, div.noborder:not(.paymenttable):not(.margintable):not(.tableforcontact) {
4129 <?php
4130 if ($userborderontable) { ?>
4131 border-left: 1px solid var(--colortopbordertitle1);
4132 border-right: 1px solid var(--colortopbordertitle1);
4133 <?php } ?>
4134}
4135table.liste, table.noborder, table.formdoc, div.noborder {
4136 width: 100%;
4137 border-collapse: separate !important;
4138 border-spacing: 0px;
4139 border-top-width: <?php echo $borderwidth ?>px;
4140 border-top-color: var(--colortopbordertitle1);
4141 border-top-style: solid;
4142 margin: 0px 0px 20px 0px;
4143
4144 border-radius: 2px;
4145
4146 /*width: calc(100% - 7px);
4147 border-collapse: separate !important;
4148 border-spacing: 0px;
4149 border-top-width: 0px;
4150 border-top-color: rgb(215,215,215);
4151 border-top-style: solid;
4152 margin: 0px 0px 5px 2px;
4153 box-shadow: 1px 1px 5px #ddd;
4154 */
4155}
4156#tablelines, #tablelinesservice {
4157 border-bottom-width: 1px;
4158 border-bottom-color: var(--colortopbordertitle1);
4159 border-bottom-style: solid;
4160}
4161table.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 {
4162 border-bottom-width: 1px;
4163 border-bottom-color: var(--colortopbordertitle1);
4164 border-bottom-style: solid;
4165}
4166/* CSS to remove the interline border */
4167table.nointerlines tr:not(:last-child) td {
4168 border-bottom: unset !important;
4169 border-top: unset !important;
4170}
4171
4172
4173/*
4174div.tabBar div.fichehalfright table.noborder:not(.margintable):not(.paymenttable):not(.lastrecordtable):last-of-type {
4175 border-bottom: 1px solid var(--colortopbordertitle1);
4176}
4177*/
4178div.tabBar table.border>tbody>tr:last-of-type>td {
4179 border-bottom-width: 1px;
4180 border-bottom-color: var(--colortopbordertitle1);
4181 border-bottom-style: solid;
4182}
4183div.tabBar div.fichehalfright table.noborder {
4184 border-bottom: none;
4185}
4186
4187table.paddingtopbottomonly tr td {
4188 padding-top: 1px;
4189 padding-bottom: 2px;
4190}
4191.liste_titre_filter {
4192 background: var(--colorbacktitle1) !important;
4193}
4194.liste_titre2 {
4195 background: var(--colorbackhmenu1) !important;
4196 color: #fff;
4197}
4198table:not(.listwithfilterbefore) tr.liste_titre_filter:first-of-type td.liste_titre {
4199 padding-top: 5px;
4200}
4201
4202tr.liste_titre_filter td.liste_titre {
4203 /* border-bottom: 1px solid #ddd; */
4204 padding-top: 1px;
4205 padding-bottom: 0px;
4206}
4207tr.liste_titre_filter td.liste_titre:first-of-type {
4208/* height: 36px; */
4209}
4210.liste_titre_create td, .liste_titre_create th, .liste_titre_create .tagtd
4211{
4212 border-bottom-width: 0 !important;
4213 border-top-width: 1px;
4214 border-top-color: var(--colortopbordertitle1);
4215 border-top-style: solid;
4216}
4217tr#trlinefordates td {
4218 border-bottom: 0px !important;
4219}
4220.liste_titre_add td, .liste_titre_add th, .liste_titre_add .tagtd
4221{
4222 border-top-width: 1px;
4223 border-top-color: var(--colortopbordertitle1);
4224 border-top-style: solid;
4225}
4226table.liste tr, table.noborder tr, div.noborder form {
4227 border-top-color: #FEFEFE;
4228 min-height: 20px;
4229}
4230table.liste th, table.noborder th, table.noborder tr.liste_titre td, table.noborder tr.box_titre td {
4231 padding: 6px 10px 6px 12px; /* t r b l */
4232}
4233table.tableforfield td, .tagtr.table-border-row .tagtd {
4234 padding: 2px 4px 2px 10px; /* t r b l */
4235}
4236table.liste td, table.noborder td, div.noborder form div, table.tableforservicepart1 td, table.tableforservicepart2 td {
4237 padding: 6px 10px 6px 12px; /* t r b l */
4238 /* line-height: 22px; This create trouble on cell login on list of last events of a contract*/
4239 height: 28px;
4240}
4241table.liste tr.trkanban td {
4242 padding: 12px 15px 12px 15px; /* t r b l */
4243}
4244div.liste_titre_bydiv .divsearchfield {
4245 padding: 2px 1px 2px 7px; /* t r b l */
4246}
4247
4248tr.box_titre .nobordernopadding td {
4249 padding: 0 ! important;
4250}
4251table.nobordernopadding {
4252 border-collapse: collapse !important;
4253 border: 0;
4254}
4255table.nobordernopadding tr {
4256 border: 0 !important;
4257 padding: 0 0 !important;
4258}
4259table.nobordernopadding tr td {
4260 border: 0 !important;
4261 padding: 0 3px 0 0;
4262}
4263table.border tr td table.nobordernopadding tr td {
4264 padding-top: 0;
4265 padding-bottom: 0;
4266}
4267td.borderright {
4268 border: none; /* to erase value for table.nobordernopadding td */
4269 border-right-width: 1px !important;
4270 border-right-color: #BBB !important;
4271 border-right-style: solid !important;
4272}
4273td.borderleft {
4274 border: none; /* to erase value for table.nobordernopadding td */
4275 border-left-width: 1px !important;
4276 border-left-color: #BBB !important;
4277 border-left-style: solid !important;
4278}
4279
4280
4281/* For table with no filter before */
4282table.listwithfilterbefore {
4283 border-top: none !important;
4284}
4285
4286
4287.tagtable, .table-border { display: table; }
4288.tagtr, .table-border-row { display: table-row; }
4289.tagtd, .table-border-col, .table-key-border-col, .table-val-border-col { display: table-cell; }
4290.confirmquestions .tagtr .tagtd:not(:first-child) { padding-left: 10px; }
4291.confirmquestions { margin-top: 5px; }
4292
4293/* Pagination */
4294div.refidpadding {
4295 /* padding-top: 3px; */
4296}
4297div.refid {
4298 font-weight: bold;
4299 color: var(--colortexttitlenotab);
4300 font-size: 1.2em;
4301 word-break: break-word;
4302}
4303a.refid {
4304 color: var(--colortexttitlenotab) !important;
4305}
4306div.refidno {
4307 padding-top: 3px;
4308 font-weight: normal;
4309 color: var(--refidnocolor);
4310 font-size: <?php print is_numeric($fontsize) ? $fontsize.'px' : $fontsize ?>;
4311 line-height: 1.4em;
4312}
4313div.refaddress div.address {
4314 line-height: 1.2em;
4315 font-size: 0.95em;
4316}
4317div.refidno form {
4318 display: inline-block;
4319}
4320
4321div.pagination {
4322 float: <?php echo $right; ?>;
4323}
4324div.pagination a {
4325 font-weight: normal;
4326}
4327div.pagination ul
4328{
4329 list-style: none;
4330 display: inline-block;
4331 padding-left: 0px;
4332 padding-right: 0px;
4333 margin: 0;
4334}
4335div.pagination li {
4336 display: inline-block;
4337 padding-left: 0px;
4338 padding-right: 0px;
4339 /* padding-top: 10px; */
4340 /* padding-bottom: 5px; */
4341 /* font-size: 1.1em; */
4342}
4343li.pagination.paginationpage.paginationpageleft, li.pagination.paginationpage.paginationpageright {
4344 font-size: 1.1em;
4345}
4346.pagination {
4347 display: inline-block;
4348 padding-left: 0;
4349 border-radius: 4px;
4350}
4351div.pagination li.pagination a,
4352div.pagination li.pagination span {
4353 padding: 6px 12px;
4354 line-height: 1.42857143;
4355 text-decoration: none;
4356 background-repeat: repeat-x;
4357 color: var(--color-black);
4358}
4359div.pagination li.pagination span.inactive {
4360 cursor: default;
4361 color: #ccc;
4362}
4363li.noborder.litext, li.noborder.litext a,
4364div.pagination li a.inactive:hover,
4365div.pagination li span.inactive:hover {
4366 -webkit-box-shadow: none !important;
4367 box-shadow: none !important;
4368}
4369/*div.pagination li.litext {
4370 padding-top: 8px;
4371}*/
4372div.pagination li.litext a {
4373 border: none;
4374 padding-right: 10px;
4375 padding-left: 4px;
4376 font-weight: bold;
4377}
4378div.pagination li.litext a:hover {
4379 background-color: transparent;
4380 background-image: none;
4381}
4382div.pagination li.noborder a:hover {
4383 border: none;
4384 background-color: transparent;
4385}
4386div.pagination li a,
4387div.pagination li span {
4388 /* background-color: #fff; */
4389 /* border: 1px solid #ddd; */
4390}
4391div.pagination li:first-child a,
4392div.pagination li:first-child span {
4393 margin-left: 0;
4394 /*border-top-left-radius: 4px;
4395 border-bottom-left-radius: 4px;*/
4396}
4397
4398/*div.pagination li a:hover,
4399div.pagination li:not(.paginationbeforearrows,.paginationafterarrows,.title-button) span:hover,
4400div.pagination li a:focus,
4401div.pagination li:not(.paginationbeforearrows,.paginationafterarrows,.title-button) span:focus {
4402 -webkit-box-shadow: 0px 0px 6px 1px rgba(50, 50, 50, 0.4), 0px 0px 0px rgba(60,60,60,0.1);
4403 box-shadow: 0px 0px 6px 1px rgba(50, 50, 50, 0.4), 0px 0px 0px rgba(60,60,60,0.1);
4404}*/
4405div.pagination li .active a,
4406div.pagination li .active span,
4407div.pagination li .active a:hover,
4408div.pagination li .active span:hover,
4409div.pagination li .active a:focus,
4410div.pagination li .active span:focus {
4411 z-index: 2;
4412 color: #fff;
4413 cursor: default;
4414 background-color: var(--colorbackhmenu1);
4415 border-color: #337ab7;
4416}
4417div.pagination .disabled span,
4418div.pagination .disabled span:hover,
4419div.pagination .disabled span:focus,
4420div.pagination .disabled a,
4421div.pagination .disabled a:hover,
4422div.pagination .disabled a:focus {
4423 color: #777;
4424 cursor: not-allowed;
4425 background-color: #fff;
4426 border-color: #ddd;
4427}
4428div.pagination li.pagination .active {
4429 text-decoration: underline;
4430 box-shadow: none;
4431}
4432.paginationafterarrows .nohover {
4433 box-shadow: none !important;
4434}
4435
4436div.pagination li.paginationafterarrows {
4437 margin-left: 10px;
4438 padding-top: 0;
4439 /*padding-bottom: 10px;*/
4440}
4441.paginationatbottom {
4442 margin-top: 9px;
4443}
4444table.hidepaginationprevious .paginationprevious {
4445 display: none;
4446}
4447table.hidepaginationnext .paginationnext {
4448 display: none;
4449}
4450.tabBar .arearef .pagination.paginationref {
4451 max-width: calc(30%);
4452}
4453.paginationafterarrows a.btnTitlePlus, .titre_right a.btnTitlePlus {
4454 /* border: 1px solid var(--btncolorborder); */
4455 border: unset;
4456 background-color: unset;
4457}
4458.paginationafterarrows a.btnTitlePlus:hover span:before, .titre_right a.btnTitlePlus:hover span:before {
4459 /* text-shadow: 0px 0px 5px #ccc; */
4460 /* filter: invert(0.3); */
4461 font-size: 1.07em;
4462}
4463
4464
4465
4466/* Set the color for hover lines */
4467.oddeven:hover, .evenodd:hover, .oddevenimport:hover, .evenoddimport:hover, .impair:hover, .pair:hover
4468{
4469 background: var(--colorbacklinepairhover) !important; /* Must be background to be stronger than background of odd or even */
4470}
4471.tredited, .tredited td {
4472 background: var(--colorbacklinepairchecked) !important; /* Must be background to be stronger than background of odd or even */
4473 border-bottom: 0 !important;
4474}
4475.treditedlinefordate {
4476 background: var(--colorbacklinepairchecked) !important; /* Must be background to be stronger than background of odd or even */
4477 border-bottom: 0px;
4478}
4479<?php if ($colorbacklinepairchecked) { ?>
4480.highlight {
4481 background: var(--colorbacklinepairchecked) !important; /* Must be background to be stronger than background of odd or even */
4482}
4483<?php } ?>
4484
4485.nohoverborder:hover {
4486 border: unset;
4487 box-shadow: unset;
4488 -webkit-box-shadow: unset;
4489}
4490.oddeven, .evenodd, .impair, .pair, .nohover .impair:hover, tr.impair td.nohover, tr.pair td.nohover, .tagtr.oddeven
4491{
4492 font-family: <?php print $fontlist ?>;
4493 margin-bottom: 1px;
4494 color: var(--oddevencolor);
4495}
4496.impair, .nohover .impair:hover, tr.impair td.nohover {
4497 background-color: var(--colorbacklineimpair2);
4498}
4499.pair, .nohover .pair:hover, tr.pair td.nohover {
4500 background-color: var(--colorbacklinepair2);
4501}
4502tr.oddeven.oddevendouble {
4503 height: 60px !important;
4504}
4505
4506#GanttChartDIV {
4507 background-color: var(--colorbacklineimpair2);
4508}
4509table.dataTable tr.oddeven {
4510 background-color: var(--colorbacklinepair2) !important;
4511}
4512
4513/* For no hover style */
4514td.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 {
4515 background-color: var(--colorbacklineimpair2) !important;
4516 background: var(--colorbacklineimpair2) !important;
4517}
4518td.evenodd, tr.nohoverpair td, #trlinefordates td {
4519 background-color: var(--colorbacklinepair2) !important;
4520 background: var(--colorbacklinepair2) !important;
4521}
4522.trforbreak td {
4523 font-weight: 500;
4524 border-bottom: 1pt solid black !important;
4525 background-color: var(--colorbacklinebreak) !important;
4526}
4527.trforbreak.nobold td a, .trforbreak.nobold span.secondary {
4528 font-weight: normal !important;
4529}
4530
4531table.dataTable td {
4532 padding: 5px 8px 5px 8px !important;
4533}
4534tr.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 {
4535 padding: 7px 8px 7px 8px;
4536 border-bottom: 1px solid #ddd;
4537}
4538form.pair, form.impair {
4539 font-weight: normal;
4540}
4541form.tagtr:last-of-type div.tagtd, tr.pair:last-of-type td, tr.impair:last-of-type td {
4542 border-bottom: 0px !important;
4543}
4544tr.nobottom td {
4545 border-bottom: 0px !important;
4546}
4547div.tableforcontact form.tagtr:last-of-type div.tagtd {
4548 border-bottom: 1px solid #ddd !important;
4549}
4550tr.pair td .nobordernopadding tr td, tr.impair td .nobordernopadding tr td {
4551 border-bottom: 0px !important;
4552}
4553table.nobottomiftotal tr.liste_total td {
4554 background-color: var(--inputbackgroundcolor);
4555 <?php if (!$userborderontable) { ?>
4556 border-bottom: 0px !important;
4557 <?php } ?>
4558}
4559table.nobottom, td.nobottom {
4560 border-bottom: 0px !important;
4561}
4562div.liste_titre .tagtd {
4563 vertical-align: middle;
4564}
4565div.liste_titre {
4566 min-height: 26px !important; /* We can't use height because it's a div and it should be higher if content is more. but min-height does not work either for div */
4567
4568 padding-top: 2px;
4569 padding-bottom: 2px;
4570}
4571div.liste_titre_bydiv {
4572 border-top-width: <?php echo $borderwidth ?>px;
4573 border-top-color: var(--colortopbordertitle1);
4574 border-top-style: solid;
4575 <?php if ($userborderontable) { ?>
4576 border-left: <?php echo $borderwidth ?>px solid var(--colortopbordertitle1);
4577 border-right: <?php echo $borderwidth ?>px solid var(--colortopbordertitle1);
4578 <?php } ?>
4579
4580 border-collapse: collapse;
4581 padding: 2px 0px 2px 0;
4582 box-shadow: none;
4583 /*width: calc(100% - 1px); 1px less because display is table and with 100%, it generated a right border 1px left compared to the div-table-responsive under */
4584 width: unset;
4585}
4586div.liste_titre_bydiv_inlineblock {
4587 display: inline-block;
4588 width: 100%;
4589}
4590
4591tr.liste_titre, tr.liste_titre_sel, form.liste_titre, form.liste_titre_sel, table.dataTable.tr, tagtr.liste_titre
4592{
4593 height: 26px !important;
4594}
4595div.colorback /* for the form "assign user" on time spent view */
4596{
4597 background: #f8f8f8;
4598 padding: 10px;
4599 margin-top: 5px;
4600 border: 1px solid #ddd;
4601}
4602div.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
4603{
4604 background: var(--colorbacktitle1);
4605 font-weight: <?php echo $useboldtitle ? 'bold' : 'normal'; ?>;
4606
4607 color: var(--colortexttitle);
4608 font-family: <?php print $fontlist ?>;
4609 text-align: <?php echo $left; ?>;
4610}
4611tr.liste_titre th, tr.liste_titre td, th.liste_titre
4612{
4613 border-bottom: 1px solid var(--colortopbordertitle1);
4614}
4615tr.liste_titre:first-child th, tr:first-child th.liste_titre {
4616/* border-bottom: 1px solid #ddd ! important; */
4617 border-bottom: unset;
4618}
4619tr.liste_titre th, th.liste_titre, tr.liste_titre td, td.liste_titre, form.liste_titre div
4620{
4621 font-family: <?php print $fontlist ?>;
4622 font-weight: <?php echo $useboldtitle ? 'bold' : 'normal'; ?>;
4623 vertical-align: middle;
4624 height: 28px;
4625}
4626tr.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 {
4627 text-shadow: none !important;
4628 color: var(--colortexttitlelink);
4629}
4630tr.liste_titre_topborder td {
4631 border-top-width: <?php echo $borderwidth; ?>px;
4632 border-top-color: var(--colortopbordertitle1);
4633 border-top-style: solid;
4634}
4635.liste_titre td a {
4636 text-shadow: none !important;
4637 color: var(--colortexttitle);
4638}
4639.liste_titre td a.notasortlink {
4640 color: var(--colortextlink);
4641}
4642.liste_titre td a.notasortlink:hover {
4643 background: transparent;
4644}
4645tr.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 { /* For last line of table headers only */
4646 /* border-bottom: 1px solid #ddd; */
4647 border-bottom: unset;
4648}
4649
4650div.liste_titre {
4651 padding-left: 3px;
4652}
4653tr.liste_titre_sel th, th.liste_titre_sel, tr.liste_titre_sel td, td.liste_titre_sel, form.liste_titre_sel div
4654{
4655 font-family: <?php print $fontlist ?>;
4656 font-weight: normal;
4657 border-bottom: 1px solid #FDFFFF;
4658 /* text-decoration: underline; */
4659}
4660input.liste_titre {
4661 background: transparent;
4662 border: 0px;
4663}
4664.listactionlargetitle .liste_titre {
4665 line-height: 24px;
4666}
4667.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 {
4668 color: var(--listetotal);
4669 font-weight: normal;
4670}
4671.noborder tr.liste_total td, tr.liste_total td, form.liste_total div {
4672 white-space: nowrap;
4673}
4674.noborder tr.liste_total_wrap td, tr.liste_total_wrap td, form.liste_total_wrap div {
4675 white-space: normal;
4676}
4677form.liste_total div {
4678 border-top: 1px solid #DDDDDD;
4679}
4680tr.liste_sub_total, tr.liste_sub_total td {
4681 border-bottom: 1px solid #aaa;
4682}
4683/* to avoid too much border on contract card */
4684.tableforservicepart1 .impair, .tableforservicepart1 .pair, .tableforservicepart2 .impair, .tableforservicepart2 .pair {
4685 background: #FFF;
4686}
4687.tableforservicepart1 tbody tr td, .tableforservicepart2 tbody tr td {
4688 border-bottom: none;
4689}
4690table.tableforservicepart1:first-of-type tr:first-of-type td {
4691 border-top: 1px solid #888;
4692}
4693table.tableforservicepart1 tr td {
4694 border-top: 0px;
4695}
4696
4697.paymenttable, .margintable {
4698 border-top: none !important;
4699 margin: 0px 0px 0px 0px !important;
4700}
4701.bordertopimp {
4702 border-top: 1px solid var(--colortopbordertitle1) !important;
4703}
4704table.noborder.paymenttable {
4705 border-bottom: none !important;
4706}
4707.paymenttable tr td:first-child, .margintable tr td:first-child
4708{
4709 /*padding-left: 2px;*/
4710}
4711.paymenttable, .margintable tr td {
4712 height: 22px;
4713}
4714
4715/* Disable-Enable shadows */
4716.noshadow {
4717 -webkit-box-shadow: 0px 0px 0px #DDD !important;
4718 box-shadow: 0px 0px 0px #DDD !important;
4719}
4720.shadow {
4721 -webkit-box-shadow: 1px 1px 7px #CCC !important;
4722 box-shadow: 1px 1px 7px #CCC !important;
4723}
4724
4725.boxshadow {
4726 -webkit-box-shadow: 0px 0px 5px #888;
4727 box-shadow: 0px 0px 5px #888;
4728}
4729
4730div.tabBar .noborder {
4731 -webkit-box-shadow: 0px 0px 0px #DDD !important;
4732 box-shadow: 0px 0px 0px #DDD !important;
4733}
4734
4735#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 {
4736 border-bottom: 1px solid var(--colortopbordertitle1) !important;
4737}
4738#tablelines tr td, #tablelinesservice tr td {
4739 height: unset;
4740}
4741
4742/* Prepare to remove class pair - impair */
4743
4744.noborder:not(.editmode) > tbody > tr:nth-child(even):not(.liste_titre):not(.nooddeven), .liste > tbody > tr:nth-child(even):not(.liste_titre):not(.nooddeven),
4745div: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),
4746div:not(.fichecenter):not(.fichehalfleft):not(.fichehalfright) .oddeven.tagtr:nth-of-type(even):not(.liste_titre):not(.nooddeven)
4747{
4748 background: linear-gradient(bottom, var(----colorbacklineimpair2) 0%, var(--colorbacklineimpair2) 100%);
4749 background: -o-linear-gradient(bottom, var(--colorbacklineimpair2) 0%, var(--colorbacklineimpair2) 100%);
4750 background: -moz-linear-gradient(bottom, var(--colorbacklineimpair2) 0%, var(--colorbacklineimpair2) 100%);
4751 background: -webkit-linear-gradient(bottom, var(--colorbacklineimpair2) 0%, var(--colorbacklineimpair2) 100%);
4752}
4753.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),
4754.noborder .oddeven.tagtr:nth-child(even):not(:last-of-type) .tagtd:not(.liste_titre)
4755{
4756 border-bottom: 1px solid #f0f0f0;
4757}
4758
4759.noborder:not(.editmode) > tbody > tr:nth-child(odd):not(.liste_titre):not(.nooddeven), .liste > tbody > tr:nth-child(odd):not(.liste_titre):not(.nooddeven),
4760div: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),
4761div:not(.fichecenter):not(.fichehalfleft):not(.fichehalfright) .oddeven.tagtr:nth-of-type(odd):not(.liste_titre):not(.nooddeven)
4762{
4763 background: linear-gradient(bottom, var(--colorbacklinepair2) 0%, var(--colorbacklinepair2) 100%);
4764 background: -o-linear-gradient(bottom, var(--colorbacklinepair2) 0%, var(--colorbacklinepair2) 100%);
4765 background: -moz-linear-gradient(bottom, var(--colorbacklinepair2) 0%, var(--colorbacklinepair2) 100%);
4766 background: -webkit-linear-gradient(bottom, var(--colorbacklinepair2) 0%, var(--colorbacklinepair2) 100%);
4767}
4768.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),
4769.noborder .oddeven.tagtr:nth-child(odd):not(:last-child) .tagtd:not(.liste_titre)
4770{
4771 border-bottom: 1px solid #f0f0f0;
4772}
4773
4774ul.noborder li:nth-child(even):not(.liste_titre) {
4775 background-color: var(--colorbacklinepair2) !important;
4776}
4777
4778
4779/*
4780 * Boxes
4781 */
4782
4783.box {
4784 overflow-x: auto;
4785 min-height: 40px;
4786 padding-right: 0px;
4787 padding-left: 0px;
4788 /* padding-bottom: 10px; */
4789}
4790.boxstatsborder {
4791 /* border: 1px solid #CCC !important; */
4792}
4793.boxstats, .boxstats130 {
4794 display: inline-block;
4795 margin-left: 8px;
4796 margin-right: 8px;
4797 margin-top: 5px;
4798 margin-bottom: 5px;
4799 text-align: center;
4800
4801 background: var(--colorbackbody);
4802 border: 1px solid var(--colorboxstatsborder);
4803 border-left: 6px solid var(--colorboxstatsborder);
4804 /* box-shadow: 1px 1px 8px var(--colorboxstatsborder); */
4805 border-radius: 4px;
4806}
4807.boxstats, .boxstats130, .boxstatscontent {
4808 white-space: nowrap;
4809 overflow: hidden;
4810 text-overflow: ellipsis;
4811}
4812.boxstats130 {
4813 width: 100%;
4814 height: 59px;
4815 /* padding: 3px; */
4816}
4817.boxstats {
4818 padding-left: 6px;
4819 padding-right: 6px;
4820 padding-top: 2px;
4821 padding-bottom: 2px;
4822 width: 118px;
4823}
4824
4825.boxtable:not(.widgetstats) td.tdboxstats .boxstats {
4826 box-shadow: 1px 1px 8px var(--colorboxstatsborder);
4827}
4828
4829.tabBar .fichehalfright .boxstats {
4830 padding-top: 8px;
4831 padding-bottom: 4px;
4832}
4833.boxstatscontent {
4834 padding: 3px;
4835}
4836.boxstatsempty {
4837 width: 121px;
4838 padding-left: 3px;
4839 padding-right: 3px;
4840 margin-left: 8px;
4841 margin-right: 8px;
4842}
4843.boxstats150empty {
4844 width: 158px;
4845 padding-left: 3px;
4846 padding-right: 3px;
4847 margin-left: 8px;
4848 margin-right: 8px;
4849}
4850
4851
4852@media only screen and (max-width: 768px)
4853{
4854 .tabBar .arearef .pagination.paginationref {
4855 max-width: calc(50%);
4856 }
4857
4858 div.pagination ul li {
4859 margin-top: 3px;
4860 margin-bottom: 3px;
4861 }
4862 div.pagination .button-title-separator {
4863 display: none;
4864 }
4865
4866 .clearbothonsmartphone {
4867 clear: both;
4868 display: block !important;
4869 }
4870
4871 div.tabs {
4872 padding-left: 0 !important;
4873 padding-right: 0!important;
4874 margin-left: 0 !important;
4875 margin-right: 0 !important;
4876 }
4877 table.liste tr.trkanban td {
4878 padding: 10px 6px 10px 6px; /* t r b l */
4879 }
4880
4881 a.tab:link, a.tab:visited, a.tab:hover, a.tab#active {
4882 padding: 12px 12px 13px;
4883 }
4884 a.tmenu:link, a.tmenu:visited, a.tmenu:hover, a.tmenu:active {
4885 padding: 0px 0px 0px 0px;
4886 }
4887 a.tmenusel:link, a.tmenusel:visited, a.tmenusel:hover, a.tmenusel:active {
4888 padding: 0px 0px 0px 0px;
4889 }
4890
4891 td.tdwidgetstate {
4892 text-align: center;
4893 }
4894
4895 .boxstats, .boxstats130 {
4896 margin: 3px;
4897 }
4898 .boxstats130 {
4899 text-align: <?php echo $left; ?>
4900 }
4901 .thumbstat {
4902 flex: 1 1 110px;
4903 margin-bottom: 8px;
4904 min-width: <?php echo isset($_SESSION['dol_screenwidth']) ? min(160, round((int) $_SESSION['dol_screenwidth'] / 2 - 20)) : 150; ?>px; /* on screen < 320, we guaranty to have 2 columns */
4905 }
4906 .thumbstat150 {
4907 flex: 1 1 110px;
4908 margin-bottom: 8px;
4909 min-width: <?php echo isset($_SESSION['dol_screenwidth']) ? min(160, round((int) $_SESSION['dol_screenwidth'] / 2 - 20)) : 160; ?>px; /* on screen < 320, we guaranty to have 2 columns */
4910 max-width: <?php echo isset($_SESSION['dol_screenwidth']) ? min(161, round((int) $_SESSION['dol_screenwidth'] / 2 - 20)) : 161; ?>px; /* on screen < 320, we guaranty to have 2 columns */
4911 /* width: ...px; If I use with, there is trouble on size of flex boxes solved with min + (max that is a little bit higher than min) */
4912 }
4913 .dashboardlineindicator {
4914 float: left;
4915 padding-left: 5px;
4916 }
4917 .boxstats {
4918 width: 111px;
4919 }
4920 .boxstatsempty {
4921 width: 111px;
4922 }
4923
4924}
4925
4926.boxstats:hover {
4927 box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.20);
4928}
4929span.boxstatstext span:not(.fas) {
4930 opacity: 0.5;
4931}
4932span.boxstatstext {
4933 line-height: 18px;
4934 color: var(--colortext);
4935}
4936span.boxstatstext img, a.dashboardlineindicatorlate img {
4937 border: 0;
4938}
4939a img {
4940 border: 0;
4941}
4942.boxstatsindicator.thumbstat150 { /* If we remove this, box position is ko on ipad */
4943 display: inline-flex;
4944}
4945span.boxstatsindicator {
4946 font-size: 130%;
4947 font-weight: normal;
4948 line-height: 29px;
4949 flex-grow: 1;
4950
4951}
4952span.dashboardlineindicator, span.dashboardlineindicatorlate {
4953 font-size: 130%;
4954 font-weight: normal;
4955}
4956a.dashboardlineindicatorlate:hover {
4957 text-decoration: none;
4958}
4959.dashboardlineindicatorlate img {
4960 width: 16px;
4961}
4962span.dashboardlineok {
4963 color: #008800;
4964}
4965span.dashboardlineko {
4966 color: #FFF;
4967 font-size: 80%;
4968}
4969.dashboardlinelatecoin {
4970 float: right;
4971 position: relative;
4972 text-align: right;
4973 top: -27px;
4974 right: 2px;
4975 padding: 0px 5px 0px 5px;
4976 border-radius: .25em;
4977
4978 background-color: #9f4705;
4979}
4980.imglatecoin {
4981 padding: 1px 3px 1px 1px;
4982 margin-left: 4px;
4983 margin-right: 2px;
4984 background-color: #8c4446;
4985 color: #FFFFFF ! important;
4986 border-radius: .25em;
4987 display: inline-block;
4988 vertical-align: middle;
4989}
4990.divboxtable {
4991 margin-bottom: 25px !important;
4992}
4993.boxtable {
4994 border-bottom-width: 1px;
4995 background: var(--colorbackbody);
4996 border-top: <?php echo $borderwidth ?>px solid var(--colortopbordertitle1);
4997 /* border-top: 2px solid var(--colorbackhmenu1) !important; */
4998}
4999
5000table.noborder.boxtable tr td {
5001 height: unset;
5002}
5003.boxtablenotop {
5004 border-top-width: 0 !important;
5005}
5006.boxtablenobottom {
5007 border-bottom-width: 0 !important;
5008}
5009.boxtablenomarginbottom {
5010 margin-bottom: 0 !important;
5011}
5012.boxtable .fichehalfright, .boxtable .fichehalfleft {
5013 min-width: 275px; /* increasing this, make chart on box not side by side on laptops */
5014}
5015.tdboxstats {
5016 text-align: center;
5017}
5018.boxworkingboard .tdboxstats {
5019 padding-left: 0px !important;
5020 padding-right: 0px !important;
5021}
5022a.valignmiddle.dashboardlineindicator {
5023 line-height: 30px;
5024}
5025.height30 {
5026 height: 30px !important;
5027}
5028.height50 {
5029 height: 50px !important;
5030}
5031
5032tr.box_titre {
5033 height: 26px;
5034
5035 /* TO MATCH BOOTSTRAP */
5036 /*background: #ddd;
5037 color: #000 !important;*/
5038
5039 /* TO MATCH ELDY */
5040 background: var(--colorbacktitle1);
5041 color: var(--colortexttitle);
5042 font-family: <?php print $fontlist ?>, sans-serif;
5043 font-weight: <?php echo $useboldtitle ? 'bold' : 'normal'; ?>;
5044 border-bottom: 1px solid #FDFFFF;
5045 white-space: nowrap;
5046}
5047
5048tr.box_titre td.boxclose {
5049 width: 30px;
5050}
5051img.boxhandle, img.boxclose {
5052 padding-left: 5px;
5053}
5054
5055.formboxfilter {
5056 vertical-align: middle;
5057 margin-bottom: 6px;
5058}
5059.formboxfilter input[type=image]
5060{
5061 top: 5px;
5062 position: relative;
5063}
5064.boxfilter {
5065 margin-bottom: 2px;
5066 margin-right: 1px;
5067}
5068.prod_entry_mode_free, .prod_entry_mode_predef {
5069 height: 26px !important;
5070 vertical-align: middle;
5071}
5072
5073.modulebuilderbox {
5074 border: 1px solid #888;
5075 padding: 16px;
5076}
5077
5078
5079/*
5080 * Ok, Warning, Error
5081 */
5082
5083.ok { color: #114466; }
5084.warning { color: #887711 !important; }
5085.error { color: #660000 !important; font-weight: bold; }
5086.green { color: #118822 !important; }
5087
5088div.ok {
5089 color: #114466;
5090}
5091
5092/* Info admin */
5093div.info {
5094 border-<?php print $left; ?>: solid 5px #87cfd2;
5095 padding-top: 8px;
5096 padding-left: 10px;
5097 padding-right: 4px;
5098 padding-bottom: 8px;
5099 margin: 1em 0em 1em 0em;
5100 background: #eff8fc;
5101 color: #558;
5102 border-radius: 3px;
5103}
5104
5105/* Warning message */
5106div.warning {
5107 border-<?php print $left; ?>: solid 5px #f2cf87;
5108 padding-top: 8px;
5109 padding-left: 10px;
5110 padding-right: 4px;
5111 padding-bottom: 8px;
5112 margin: 1em 0em 1em 0em;
5113 background: #fcf8e3;
5114 border-radius: 3px;
5115}
5116div.warning a, div.info a, div.error a {
5117 color: var(--colortextlink);
5118}
5119
5120/* Error message */
5121div.error {
5122 border-<?php print $left; ?>: solid 5px #f28787;
5123 padding-top: 8px;
5124 padding-left: 10px;
5125 padding-right: 4px;
5126 padding-bottom: 8px;
5127 margin: 1em 0em 1em 0em;
5128 background: #EFCFCF;
5129 border-radius: 3px;
5130}
5131
5132
5133/*
5134 * Liens Payes/Non payes
5135 */
5136
5137a.normal:link { font-weight: normal }
5138a.normal:visited { font-weight: normal }
5139a.normal:active { font-weight: normal }
5140a.normal:hover { font-weight: normal }
5141
5142a.impayee:link { font-weight: bold; color: #550000; }
5143a.impayee:visited { font-weight: bold; color: #550000; }
5144a.impayee:active { font-weight: bold; color: #550000; }
5145a.impayee:hover { font-weight: bold; color: #550000; }
5146
5147
5148/*
5149 * External web site
5150 */
5151
5152.framecontent {
5153 width: 100%;
5154 height: 100%;
5155}
5156
5157.framecontent iframe {
5158 width: 100%;
5159 height: 100%;
5160}
5161
5162
5163/*
5164 * Other
5165 */
5166
5167.opened-dash-board-wrap {
5168 margin-bottom: 25px;
5169}
5170
5171div.boximport {
5172 min-height: unset;
5173}
5174
5175.product_line_stock_ok { color: var(--productlinestockok); }
5176.product_line_stock_too_low { color: var(--productlinestocktoolow); }
5177
5178.fieldrequired { font-weight: bold; color: var(--fieldrequiredcolor) !important; }
5179
5180td.widthpictotitle, .table-fiche-title img.widthpictotitle { width: 38px; text-align: <?php echo $left; ?>; }
5181span.widthpictotitle { font-size: 1.7em; }
5182table.titlemodulehelp tr td img.widthpictotitle { width: 80px; }
5183
5184.dolgraphtitle { margin-top: 6px; margin-bottom: 4px; }
5185.dolgraphtitlecssboxes { /* margin: 0px; */ }
5186.dolgraphchart canvas {
5187 /* width: calc(100% - 20px) !important; */
5188}
5189.legendColorBox, .legendLabel { border: none !important; }
5190div.dolgraph div.legend, div.dolgraph div.legend div { background-color: var(--dolgraphbg) !important; }
5191div.dolgraph div.legend table tbody tr { height: auto; }
5192td.legendColorBox { padding: 2px 2px 2px 0 !important; }
5193td.legendLabel { padding: 2px 2px 2px 0 !important; }
5194td.legendLabel {
5195 text-align: <?php echo $left; ?>;
5196}
5197
5198label.radioprivate {
5199 white-space: nowrap;
5200}
5201
5202.photo {
5203 border: 0px;
5204}
5205.photowithmargin {
5206/* margin-bottom: 2px;
5207 margin-top: 2px; */
5208}
5209div.divphotoref > div > .photowithmargin, div.divphotoref > img.photowithmargin, div.divphotoref > a > .photowithmargin { /* Margin right for photo not inside a div.photoref frame only */
5210 margin-<?php echo $right; ?>: 15px;
5211}
5212
5213.photowithborder {
5214 border: 1px solid #f0f0f0;
5215}
5216.photointooltip {
5217 margin-top: 6px;
5218 margin-bottom: 6px;
5219 text-align: center;
5220}
5221.photodelete {
5222 margin-top: 6px !important;
5223}
5224
5225.logo_setup
5226{
5227 content:url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/logo_setup.svg', 1) ?>); /* content is used to best fit the container */
5228 display: inline-block;
5229 opacity: 0.2;
5230}
5231.nographyet
5232{
5233 content:url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/nographyet.svg', 1) ?>);
5234 display: inline-block;
5235 opacity: 0.1;
5236 background-repeat: no-repeat;
5237}
5238.nographyettext
5239{
5240 opacity: 0.5;
5241}
5242
5243div.titre {
5244 font-size: 1.1em;
5245 text-decoration: none;
5246 padding-top: 5px;
5247 padding-bottom: 5px;
5248 font-weight: 400;
5249}
5250div.titre.small {
5251 font-size: 1em;
5252}
5253div.fiche > table.table-fiche-title:first-of-type div {
5254 color: var(--colortexttitlenotab);
5255 font-size: 1.1em;
5256 /* text-transform: uppercase; */
5257 /* font-weight: 600; */
5258}
5259
5260div.titre {
5261 color: var(--colortexttitlenotab);
5262}
5263.secondary {
5264 color: var(--colortexttitlenotab);
5265}
5266.tertiary {
5267 color: var(--colortexttitlenotab2);
5268}
5269
5270table.table-fiche-title .col-title div.titre, .col-center .btnTitle-icon, .col-right .btnTitle-icon {
5271 line-height: 40px;
5272}
5273table.table-fiche-title {
5274 margin-bottom: 16px;
5275}
5276.fichehalfleft table.table-fiche-title, .fichehalfright table.table-fiche-title {
5277 margin-bottom: 8px;
5278}
5279
5280
5281div.backgreypublicpayment {
5282 background-color: var(--colorbackgrey);
5283 padding: 20px;
5284 border-bottom: 1px solid #ddd;
5285 text-align: center;
5286 position: sticky;
5287 top: 0;
5288 z-index: 1005;
5289}
5290.backgreypublicpayment a {
5291 color: var(--colorblack) !important;
5292 opacity: 0.9;
5293}
5294.poweredbypublicpayment {
5295 float: right;
5296 top: 8px;
5297 right: 8px;
5298 position: absolute;
5299 font-size: 0.8em;
5300 color: #222;
5301 opacity: 0.3;
5302}
5303
5304#dolpublictable {
5305 min-width: 300px; font-size: 16px;
5306 padding: 6px;
5307}
5308#dolpaymenttable {
5309 min-width: 320px; font-size: 16px;
5310 max-width: 600px;
5311} /* Width must have min to make stripe input area visible. Lower than 320 makes input area crazy for credit card that need zip code */
5312
5313#tablepublicpayment {
5314 border: 1px solid #CCCCCC !important;
5315 width: 100%;
5316 padding: 20px;
5317 margin-bottom: 25px;
5318}
5319#tablepublicpayment .CTableRow1 { background-color: #F0F0F0 !important; }
5320#tablepublicpayment tr.liste_total { border-bottom: 1px solid #CCCCCC !important; }
5321#tablepublicpayment tr.liste_total td { border-top: none; }
5322input#cardholder-name {
5323 font-size: 1em;
5324}
5325
5326.divmainbodylarge { margin-left: 40px; margin-right: 40px; }
5327.publicnewmemberform div.titre { font-size: 2em; }
5328#divsubscribe { max-width: 900px; }
5329#divsubscribe .eventlabel { font-size: 1.5em; }
5330#tablesubscribe { width: 100%; }
5331#tablesubscribe tr td { font-size: 1.15em; }
5332#tablesubscribe .price-registration { font-size: 1.5em; }
5333
5334
5335div#card-element {
5336 border: 1px solid #ccc;
5337}
5338div#card-errors {
5339 color: #fa755a;
5340 text-align: center;
5341 padding-top: 3px;
5342 /* max-width: 320px; */
5343}
5344
5345
5346/*
5347 * Effect Postit
5348 */
5349.effectpostit
5350{
5351 position: relative;
5352}
5353.effectpostit:before, .effectpostit:after
5354{
5355 z-index: -1;
5356 position: absolute;
5357 content: "";
5358 bottom: 15px;
5359 left: 10px;
5360 width: 50%;
5361 top: 80%;
5362 max-width:300px;
5363 background: #777;
5364 -webkit-box-shadow: 0 15px 10px #777;
5365 box-shadow: 0 15px 10px #777;
5366 -webkit-transform: rotate(-3deg);
5367 -moz-transform: rotate(-3deg);
5368 -o-transform: rotate(-3deg);
5369 -ms-transform: rotate(-3deg);
5370 transform: rotate(-3deg);
5371}
5372.effectpostit:after
5373{
5374 -webkit-transform: rotate(3deg);
5375 -moz-transform: rotate(3deg);
5376 -o-transform: rotate(3deg);
5377 -ms-transform: rotate(3deg);
5378 transform: rotate(3deg);
5379 right: 10px;
5380 left: auto;
5381}
5382
5383
5384
5385/* ============================================================================== */
5386/* Form confirmation (When Ajax JQuery is used) and Dialog popups */
5387/* ============================================================================== */
5388
5389.ui-dialog-titlebar {
5390}
5391.ui-dialog-content {
5392}
5393.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-draggable {
5394 z-index: 1005 !important; /* Default 101 with ui-jquery, top menu have a z-index of 1000 */
5395}
5396.ui-menu.ui-widget.ui-widget-content.ui-autocomplete.ui-front {
5397 z-index:1006 !important; /* To always be over the dialog box */
5398}
5399.ui-dialog.ui-widget.ui-widget-content {
5400 border: 1px solid #e0e0e0;
5401 border-radius: 6px;
5402}
5403
5404
5405/* ============================================================================== */
5406/* For content of image preview */
5407/* ============================================================================== */
5408
5409/*
5410.ui-dialog-content.ui-widget-content > object {
5411 max-height: none;
5412 width: auto; margin-left: auto; margin-right: auto; display: block;
5413}
5414*/
5415
5416
5417/* ============================================================================== */
5418/* Formulaire confirmation (When HTML is used) */
5419/* ============================================================================== */
5420
5421table.valid {
5422 /* border-top: solid 1px #E6E6E6; */
5423 border-<?php print $left; ?>: solid 5px #f2cf87;
5424 /* border-<?php print $right; ?>: solid 1px #444444;
5425 border-bottom: solid 1px #555555; */
5426 padding-top: 8px;
5427 padding-left: 10px;
5428 padding-right: 4px;
5429 padding-bottom: 4px;
5430 margin: 0px 0px;
5431 background: var(--tablevalidbgcolor);
5432}
5433
5434.validtitre {
5435 font-weight: bold;
5436}
5437
5438
5439/* ============================================================================== */
5440/* Tooltips */
5441/* ============================================================================== */
5442
5443/* For tooltip using dialog */
5444.ui-dialog.highlight.ui-widget.ui-widget-content.ui-front {
5445 z-index: 3000;
5446}
5447
5448div.ui-tooltip {
5449 max-width: <?php print dol_size(700, 'width'); ?>px !important;
5450}
5451div.ui-tooltip.mytooltip {
5452 border: none !important;
5453 padding: 10px 15px;
5454 border-radius: 4px;
5455 margin: 2px;
5456 font-stretch: condensed;
5457 -moz-box-shadow: 0.5px 0.5px 4px 0px rgba(0, 0, 0, 0.5);
5458 -webkit-box-shadow:0.5px 0.5px 4px 0px rgba(0, 0, 0, 0.5);
5459 -o-box-shadow: 0.5px 0.5px 4px 0px rgba(0, 0, 0, 0.5);
5460 box-shadow: 0.5px 0.5px 4px 0px rgba(0, 0, 0, 0.5);
5461 filter: progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
5462 background: var(--tooltipbgcolor) !important;
5463 color: var(--tooltipfontcolor);
5464 line-height: 1.6em;
5465 min-width: 550px;
5466 pointer-events: none;
5467}
5468
5469<?php
5470if (getDolGlobalString('THEME_DARKMODEENABLED')) {
5471 print "/* For dark mode */\n";
5472 if (getDolGlobalInt('THEME_DARKMODEENABLED') != 2) {
5473 print "@media (prefers-color-scheme: dark) {"; // To test, click on the 3 dots menu, then Other options then Display then emulate prefer-color-schemes
5474 } else {
5475 print "@media not print {";
5476 } ?>
5477 div.ui-tooltip.mytooltip {
5478 border: 1px solid #bbb !important;
5479 }
5480 <?php
5481 print '}';
5482}
5483?>
5484
5485@media only screen and (max-width: 768px)
5486{
5487 div.ui-tooltip.mytooltip {
5488 max-width: 400px;
5489 }
5490}
5491@media only screen and (max-width: 480px)
5492{
5493 div.ui-tooltip.mytooltip {
5494 max-width: 300px;
5495 }
5496}
5497@media only screen and (max-width: 320px)
5498{
5499 div.ui-tooltip.mytooltip {
5500 max-width: 230px;
5501 }
5502}
5503
5504
5505
5506
5507
5508
5509/* ============================================================================== */
5510/* Calendar date picker */
5511/* ============================================================================== */
5512
5513.ui-datepicker-calendar .ui-state-default, .ui-datepicker-calendar .ui-widget-content .ui-state-default,
5514.ui-datepicker-calendar .ui-widget-header .ui-state-default, .ui-datepicker-calendar .ui-button,
5515html .ui-datepicker-calendar .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active
5516{
5517 border: unset;
5518}
5519
5520div#ui-datepicker-div {
5521 width: 300px;
5522 box-shadow: 2px 5px 15px #aaa;
5523 border: unset;
5524 padding-left: 5px;
5525 padding-right: 5px;
5526 padding-top: 5px;
5527}
5528.ui-datepicker .ui-datepicker table {
5529 font-size: unset;
5530}
5531.ui-datepicker .ui-widget-header {
5532 border: unset;
5533 background: unset;
5534}
5535
5536img.datecallink { padding-left: 2px !important; padding-right: 2px !important; }
5537
5538select.ui-datepicker-year {
5539 margin-left: 2px !important;
5540}
5541.ui-datepicker-trigger {
5542 vertical-align: middle;
5543 cursor: pointer;
5544 padding-left: 2px;
5545 padding-right: 2px;
5546}
5547
5548.bodyline {
5549 -webkit-border-radius: 8px;
5550 border-radius: 8px;
5551 border: 1px #E4ECEC outset;
5552 padding: 0px;
5553 margin-bottom: 5px;
5554}
5555table.dp {
5556 width: 180px;
5557 background-color: var(--inputbackgroundcolor);
5558 border-top: solid 2px #DDDDDD;
5559 border-<?php print $left; ?>: solid 2px #DDDDDD;
5560 border-<?php print $right; ?>: solid 1px #222222;
5561 border-bottom: solid 1px #222222;
5562 padding: 0px;
5563 border-spacing: 0px;
5564 border-collapse: collapse;
5565}
5566.dp td, .tpHour td, .tpMinute td{padding:2px; font-size:10px;}
5567/* Barre titre */
5568.dpHead,.tpHead,.tpHour td:Hover .tpHead{
5569 font-weight:bold;
5570 background-color:#b3c5cc;
5571 color:white;
5572 font-size:11px;
5573 cursor:auto;
5574}
5575/* Barre navigation */
5576.dpButtons,.tpButtons {
5577 text-align:center;
5578 background-color:#617389;
5579 color:#FFFFFF;
5580 font-weight:bold;
5581 cursor:pointer;
5582}
5583.dpButtons:Active,.tpButtons:Active{border: 1px outset black;}
5584.dpDayNames td,.dpExplanation {background-color:#D9DBE1; font-weight:bold; text-align:center; font-size:11px;}
5585.dpExplanation{ font-weight:normal; font-size:11px;}
5586.dpWeek td{text-align:center}
5587
5588.dpToday,.dpReg,.dpSelected{
5589 cursor:pointer;
5590}
5591.dpToday{font-weight:bold; color:black; background-color:#DDDDDD;}
5592.dpReg:Hover,.dpToday:Hover{background-color:black;color:white}
5593
5594/* Jour courant */
5595.dpSelected{background-color:#0B63A2;color:white;font-weight:bold; }
5596
5597.tpHour{border-top:1px solid #DDDDDD; border-right:1px solid #DDDDDD;}
5598.tpHour td {border-left:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; cursor:pointer;}
5599.tpHour td:Hover {background-color:black;color:white;}
5600
5601.tpMinute {margin-top:5px;}
5602.tpMinute td:Hover {background-color:black; color:white; }
5603.tpMinute td {background-color:#D9DBE1; text-align:center; cursor:pointer;}
5604
5605/* Bouton X fermer */
5606.dpInvisibleButtons
5607{
5608 border-style:none;
5609 background-color:transparent;
5610 padding:0px;
5611 font-size: 0.85em;
5612 border-width:0px;
5613 color:#0B63A2;
5614 vertical-align:middle;
5615 cursor: pointer;
5616}
5617.datenowlink {
5618 color: var(--colortextlink);
5619 font-size: 0.8em;
5620 opacity: 0.7;
5621}
5622
5623
5624/* ============================================================================== */
5625/* Show/Hide */
5626/* ============================================================================== */
5627
5628div.visible {
5629 display: block;
5630}
5631
5632div.hidden, div.hiddenforpopup, header.hidden, tr.hidden, td.hidden,
5633img.hidden, span.hidden, br.hidden, div.showifmore {
5634 display: none;
5635}
5636.unvisible {
5637 visibility: hidden;
5638}
5639tr.visible {
5640 display: block;
5641}
5642
5643
5644/* ============================================================================== */
5645/* Module website */
5646/* ============================================================================== */
5647
5648.previewnotyetavailable {
5649 opacity: 0.5;
5650}
5651
5652.websiteformtoolbar {
5653 position: sticky;
5654 top: <?php echo empty($dol_hide_topmenu) ? ($disableimages ? '32px' : '52px') : '0'; ?>;
5655 z-index: 1002; /* Dolibarr menu is 1001, Website menu is 1002 */
5656}
5657
5658.exampleapachesetup {
5659 overflow-y: auto;
5660 height: 100px;
5661 font-size: 0.8em;
5662 border: 1px solid #aaa;
5663}
5664
5665span[phptag] {
5666 background: #ddd; border: 1px solid #ccc; border-radius: 4px;
5667}
5668
5669.nobordertransp {
5670 border: 0px;
5671 background-color: transparent;
5672 background-image: none;
5673}
5674.bordertransp {
5675 background-color: transparent;
5676 background-image: none;
5677 border: none;
5678 font-weight: normal;
5679}
5680.websitebar .button.bordertransp {
5681 color: unset;
5682 text-decoration: unset !important;
5683 margin: 0px 4px 0px 4px !important
5684}
5685
5686.websitebar {
5687 border-bottom: 1px solid #ccc;
5688 background: #e6e6e6;
5689 display: inline-block;
5690 z-index: 1000;
5691}
5692.centpercent.websitebar {
5693 width: calc(100% - 10px);
5694 padding: 5px 5px 5px 5px;
5695 font-size: 0.94em;
5696}
5697.websitebar .buttonDelete, .websitebar .button {
5698 text-shadow: none;
5699}
5700.websitebar .button, .websitebar .buttonDelete
5701{
5702 padding: 4px 5px 4px 5px !important;
5703 margin: 2px 4px 2px 4px !important;
5704/* line-height: normal; */
5705 background: #f5f5f5 !important;
5706 border: 1px solid #ccc !important;
5707}
5708.websiteselection {
5709 /* display: inline-block; */
5710 padding-<?php echo $right; ?>: 10px;
5711 vertical-align: middle;
5712 line-height: 28px;
5713}
5714.websiteselectionsection {
5715 font-size: 0.85em;
5716}
5717.websiteselection span {
5718 vertical-align: middle;
5719}
5720.websitetools {
5721 float: right;
5722}
5723.websiteselection, .websitetools {
5724 /* margin-top: 3px;
5725 padding-top: 3px;
5726 padding-bottom: 3px; */
5727}
5728.websiteinputurl {
5729 display: inline-block;
5730 vertical-align: middle;
5731 line-height: 26px;
5732}
5733.websiteiframenoborder {
5734 border: 0px;
5735}
5736span.websiteselection span.select2.select2-container.select2-container--default {
5737 margin: 0 0 0 4px;
5738}
5739span.websitebuttonsitepreview, a.websitebuttonsitepreview {
5740 vertical-align: middle;
5741}
5742span.websitebuttonsitepreview img, a.websitebuttonsitepreview img {
5743 width: 26px;
5744 display: inline-block;
5745}
5746span.websitebuttonsitepreviewdisabled img, a.websitebuttonsitepreviewdisabled img {
5747 opacity: 0.2;
5748}
5749.websitehelp {
5750 vertical-align: middle;
5751 float: right;
5752 padding-top: 8px;
5753}
5754.websiteselectionsection {
5755 border-left: 1px solid #bbb;
5756 border-right: 1px solid #bbb;
5757 margin-left: 0px;
5758 padding-left: 8px;
5759 margin-right: 5px;
5760}
5761.websitebar input#previewpageurl {
5762 line-height: 1em;
5763}
5764
5765.websitebar input.bordertransp {
5766 line-height: normal !important;
5767}
5768
5769#divbodywebsite section p {
5770 margin: unset;
5771}
5772
5773
5774/* ============================================================================== */
5775/* Module agenda */
5776/* ============================================================================== */
5777
5778.dayevent .tagtr:first-of-type {
5779 height: 24px;
5780}
5781
5782.agendacell { height: 60px; }
5783table.cal_month { border-spacing: 0px; }
5784table.cal_month td:first-child { border-left: 0px; }
5785table.cal_month td:last-child { border-right: 0px; }
5786table.cal_month td { padding-left: 1px !important; padding-right: 1px !important; }
5787.cal_current_month { border-top: 0; border-left: solid 1px #E0E0E0; border-right: 0; border-bottom: solid 1px #E0E0E0; }
5788.cal_current_month_peruserleft { border-top: 0; border-left: solid 2px #6C7C7B; border-right: 0; border-bottom: solid 1px #E0E0E0; }
5789.cal_current_month_oneday { border-right: solid 1px #E0E0E0; }
5790.cal_other_month { border-top: 0; border-left: solid 1px #C0C0C0; border-right: 0; border-bottom: solid 1px #C0C0C0; }
5791.cal_other_month_peruserleft { border-top: 0; border-left: solid 2px #6C7C7B !important; border-right: 0; }
5792.cal_current_month_right { border-right: solid 1px #E0E0E0; }
5793.cal_other_month_right { border-right: solid 1px #C0C0C0; }
5794.cal_other_month { /* opacity: 0.6; */ background: #FAFAFA; padding-<?php print $left; ?>: 2px; padding-<?php print $right; ?>: 1px; padding-top: 0px; padding-bottom: 0px; }
5795.cal_past_month { /* opacity: 0.6; */ background: #EEEEEE; padding-<?php print $left; ?>: 2px; padding-<?php print $right; ?>: 1px; padding-top: 0px; padding-bottom: 0px; }
5796.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; }
5797.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; }
5798.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; }
5799.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; }
5800.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; }
5801.cal_past { }
5802.cal_peruser { padding-top: 0 !important; padding-bottom: 0 !important; padding-<?php print $left; ?>: 1px !important; padding-<?php print $right; ?>: 1px !important; }
5803.cal_impair {
5804 background: linear-gradient(bottom, var(--colorbacklinepair2) 85%, var(--colorbacklinepair2) 100%);
5805 background: -o-linear-gradient(bottom, var(--colorbacklinepair2) 85%, var(--colorbacklinepair2) 100%);
5806 background: -moz-linear-gradient(bottom, var(--colorbacklinepair2) 85%, var(--colorbacklinepair2) 100%);
5807 background: -webkit-linear-gradient(bottom, var(--colorbacklinepair2) 85%, var(--colorbacklinepair2) 100%);
5808}
5809.cal_today_peruser_impair { background: #F8F8F0; }
5810.peruser_busy { }
5811.peruser_notbusy { opacity: 0.5; }
5812div.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); }
5813table.cal_event { border: none; border-collapse: collapse; margin-bottom: 1px; min-height: 20px; filter: saturate(0.8); border-radius: 3px; }
5814table.cal_event td { border: none; padding-<?php print $left; ?>: 2px; padding-<?php print $right; ?>: 2px; padding-top: 0px; padding-bottom: 0px; }
5815table.cal_event td.cal_event { padding: 4px 4px !important; padding-bottom: 2px !important; padding-top: 2px !important; }
5816table.cal_event td.cal_event_right { padding: 4px 4px !important; }
5817.cal_event { font-size: 1em; }
5818.cal_event a:link { color: #111111; font-weight: normal !important; }
5819.cal_event a:visited { color: #111111; font-weight: normal !important; }
5820.cal_event a:active { color: #111111; font-weight: normal !important; }
5821.cal_event_notbusy a.cal_event_title:hover { color: #111111; font-weight: normal !important; }
5822.cal_event_busy { }
5823.cal_peruserviewname { max-width: 140px; height: 30px !important; }
5824.cal_event span.badge.badge-status { border: 1px solid #aaa; }
5825table.cal_month tr td table.nobordernopadding tr td { padding: 0 2px 0 2px; }
5826table.cal_month tr.liste_titre td.tdfordaytitle { min-width: 120px; }
5827a.dayevent-aday {
5828 margin-left: 8px;
5829}
5830td.small.cal_event {
5831 font-size: 0.9em;
5832}
5833
5834.calendarviewcontainertr { height: 100px; }
5835
5836td.cal_other_month {
5837 opacity: 0.7;
5838}
5839
5840td.event-past span {
5841 opacity: 0.5;
5842}
5843
5844.cal_available { background: #0060d450; }
5845.cal_chosen { background: #0060d4; }
5846
5847/* ============================================================================== */
5848/* Ajax - Combo list for autocompletion */
5849/* ============================================================================== */
5850
5851.ui-widget-content {
5852 border: solid 1px rgba(0,0,0,.3);
5853 background: var(--colorbackbody) !important;
5854 color: var(--colortext) !important;
5855}
5856/*.ui-widget-header {
5857 background: var(--colorbacktitle);
5858}*/
5859
5860.ui-autocomplete-loading {
5861 background: white url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/working.gif', 1) ?>) right center no-repeat;
5862}
5863.ui-autocomplete {
5864 position:absolute;
5865 width:auto;
5866 font-size: 1.0em;
5867 background-color: var(--inputbackgroundcolor);
5868 border:1px solid #888;
5869 margin:0px;
5870/* padding:0px; This make combo crazy */
5871 }
5872.ui-autocomplete ul {
5873 list-style-type:none;
5874 margin:0px;
5875 padding:0px;
5876 }
5877.ui-autocomplete ul li.selected {
5878 background-color: var(--inputbackgroundcolor);
5879}
5880.ui-autocomplete ul li {
5881 list-style-type:none;
5882 display:block;
5883 margin:0;
5884 padding:2px;
5885 height:18px;
5886 cursor:pointer;
5887 }
5888
5889
5890/* ============================================================================== */
5891/* jQuery - jeditable for inline edit */
5892/* ============================================================================== */
5893
5894.editkey_textarea, .editkey_ckeditor, .editkey_string, .editkey_email, .editkey_numeric, .editkey_select, .editkey_autocomplete {
5895 background: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/edit.png', 1) ?>) right top no-repeat;
5896 cursor: pointer;
5897 margin-right: 3px;
5898 margin-top: 3px;
5899}
5900
5901.editkey_datepicker {
5902 background: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/calendar.png', 1) ?>) right center no-repeat;
5903 margin-right: 3px;
5904 cursor: pointer;
5905 margin-right: 3px;
5906 margin-top: 3px;
5907}
5908
5909.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 {
5910 background: white;
5911 cursor: pointer;
5912}
5913
5914.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 {
5915 background: white;
5916 cursor: pointer;
5917}
5918
5919.viewval_hover {
5920 background: white;
5921}
5922
5923
5924/* ============================================================================== */
5925/* Admin Menu */
5926/* ============================================================================== */
5927
5928/* CSS for treeview */
5929.treeview ul { background-color: transparent !important; margin-top: 0 !important; /* margin-bottom: 4px !important; padding-top: 2px !important; */ }
5930.treeview li { background-color: transparent !important; padding: 0 0 0 20px !important; min-height: 30px; }
5931.treeview .hitarea { width: 20px !important; margin-left: -20px !important; margin-top: 3px; }
5932.treeview li table { min-height: 30px; }
5933.treeview .hover { color: var(--colortextlink) !important; text-decoration: underline !important; }
5934
5935
5936/* ============================================================================== */
5937/* Show Excel tabs */
5938/* ============================================================================== */
5939
5940.table_data
5941{
5942 border-style:ridge;
5943 border:1px solid;
5944}
5945.tab_base
5946{
5947 background:#C5D0DD;
5948 font-weight:bold;
5949 border-style:ridge;
5950 border: 1px solid;
5951 cursor:pointer;
5952}
5953.table_sub_heading
5954{
5955 background:#CCCCCC;
5956 font-weight:bold;
5957 border-style:ridge;
5958 border: 1px solid;
5959}
5960.table_body
5961{
5962 background:#F0F0F0;
5963 font-weight:normal;
5964 font-family:sans-serif;
5965 border-style:ridge;
5966 border: 1px solid;
5967 border-spacing: 0px;
5968 border-collapse: collapse;
5969}
5970.tab_loaded
5971{
5972 background:#222222;
5973 color:white;
5974 font-weight:bold;
5975 border-style:groove;
5976 border: 1px solid;
5977 cursor:pointer;
5978}
5979
5980
5981/* ============================================================================== */
5982/* CSS for color picker */
5983/* ============================================================================== */
5984
5985div.jPicker table.jPicker {
5986 padding-bottom: 20px;
5987 padding-right: 20px;
5988 padding-left: 20px;
5989}
5990table.jPicker tr:first-of-type td {
5991 height: 2px !important;
5992 line-height: 2px;
5993}
5994.jPicker .Move {
5995 background: unset !important;
5996 border: unset !important;
5997}
5998.jPicker .Preview div span {
5999 border: unset !important;
6000 width: unset !important;
6001 height: 50% !important;
6002}
6003table.jPicker {
6004 border-radius: 5px;
6005 border: 1px solid #bbb !important;
6006 background-color: #f4f4f4 !important;
6007 box-shadow: 0px 0px 10px #ccc;
6008}
6009.jPicker .Grid {
6010 background-image: unset !important;
6011}
6012.jPicker .Grid span.QuickColor {
6013 border: unset !important;
6014}
6015.jPicker td.Radio {
6016 min-width: 34px;
6017}
6018.jPicker td.Text {
6019 white-space: nowrap;
6020}
6021.jPicker td.Text input {
6022 height: 1em !important;
6023}
6024.jPicker .Preview div {
6025 height: 36px !important;
6026}
6027
6028A.color, A.color:active, A.color:visited {
6029 position : relative;
6030 display : block;
6031 text-decoration : none;
6032 width : 10px;
6033 height : 10px;
6034 line-height : 10px;
6035 margin : 0px;
6036 padding : 0px;
6037 border : 1px inset white;
6038}
6039A.color:hover {
6040 border : 1px outset white;
6041}
6042A.none, A.none:active, A.none:visited, A.none:hover {
6043 position : relative;
6044 display : block;
6045 text-decoration : none;
6046 width : 10px;
6047 height : 10px;
6048 line-height : 10px;
6049 margin : 0px;
6050 padding : 0px;
6051 cursor : default;
6052 border : 1px solid #b3c5cc;
6053}
6054.tblColor {
6055 display : none;
6056}
6057.tdColor {
6058 padding : 1px;
6059}
6060.tblContainer {
6061 background-color : #b3c5cc;
6062}
6063.tblGlobal {
6064 position : absolute;
6065 top : 0px;
6066 left : 0px;
6067 display : none;
6068 background-color : #b3c5cc;
6069 border : 2px outset;
6070}
6071.tdContainer {
6072 padding : 5px;
6073}
6074.tdDisplay {
6075 width : 50%;
6076 height : 20px;
6077 line-height : 20px;
6078 border : 1px outset white;
6079}
6080.tdDisplayTxt {
6081 width : 50%;
6082 height : 24px;
6083 line-height : 12px;
6084 font-family : <?php print $fontlist ?>;
6085 font-size : 8pt;
6086 color : black;
6087 text-align : center;
6088}
6089.btnColor {
6090 width : 100%;
6091 font-family : <?php print $fontlist ?>;
6092 font-size : 10pt;
6093 padding : 0px;
6094 margin : 0px;
6095}
6096.btnPalette {
6097 width : 100%;
6098 font-family : <?php print $fontlist ?>;
6099 font-size : 8pt;
6100 padding : 0px;
6101 margin : 0px;
6102}
6103.colorselector {
6104 border: solid 1px #ddd !important;
6105}
6106
6107/* Style to overwrites JQuery styles */
6108.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
6109 /* border: 1px solid #888; */
6110 background: var(--colorbacktitle1);
6111 color: unset;
6112 font-weight: bold;
6113}
6114.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
6115 background: #007fff !important;
6116 color: #ffffff !important;
6117}
6118
6119.ui-menu .ui-menu-item a {
6120 text-decoration:none;
6121 display:block;
6122 padding:.2em .4em;
6123 line-height:1.5;
6124 font-weight: normal;
6125 font-family:<?php echo $fontlist; ?>;
6126 font-size:1em;
6127}
6128.ui-widget {
6129 font-family:<?php echo $fontlist; ?>;
6130}
6131/* .ui-button { margin-left: -2px; <?php print(preg_match('/chrome/', $conf->browser->name) ? 'padding-top: 1px;' : ''); ?> } */
6132.ui-button { margin-left: -2px; }
6133.ui-button-icon-only .ui-button-text { height: 8px; }
6134.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: 2px 0px 6px 0px; }
6135.ui-button-text
6136{
6137 line-height: 1em !important;
6138}
6139.ui-autocomplete-input { margin: 0; padding: 4px; }
6140
6141
6142/* ============================================================================== */
6143/* CKEditor */
6144/* ============================================================================== */
6145
6146body.cke_show_borders {
6147 margin: 5px !important;
6148}
6149
6150.cke_dialog {
6151 border: 1px #bbb solid ! important;
6152}
6153/*.cke_editor table, .cke_editor tr, .cke_editor td
6154{
6155 border: 0px solid #FF0000 !important;
6156}
6157span.cke_skin_kama { padding: 0 !important; }*/
6158.cke_wrapper { padding: 4px !important; }
6159a.cke_dialog_ui_button
6160{
6161 font-family: <?php print $fontlist ?> !important;
6162 background-image: url(<?php echo $img_button ?>) !important;
6163 background-position: bottom !important;
6164 border: 1px solid #C0C0C0 !important;
6165 -webkit-border-radius:0px 5px 0px 5px !important;
6166 border-radius:0px 5px 0px 5px !important;
6167 -webkit-box-shadow: 3px 3px 4px #DDD !important;
6168 box-shadow: 3px 3px 4px #DDD !important;
6169}
6170.cke_dialog_ui_hbox_last
6171{
6172 vertical-align: bottom !important;
6173}
6174.cke_dialog_ui_hbox_first {
6175 vertical-align: middle !important;
6176}
6177.cke_combo_text {
6178 width: 40px !important;
6179}
6180/*
6181.cke_editable
6182{
6183 line-height: 1.4 !important;
6184 margin: 6px !important;
6185}
6186*/
6187a.cke_dialog_ui_button_ok span {
6188 text-shadow: none !important;
6189 color: #333 !important;
6190}
6191a.cke_button, a.cke_combo_button {
6192 height: 18px !important;
6193}
6194/* .cke_notifications_area { display: none; } */
6195
6196
6197/* ============================================================================== */
6198/* ACE editor */
6199/* ============================================================================== */
6200.ace_editor {
6201 border: 1px solid #ddd;
6202 margin: 0;
6203}
6204.aceeditorstatusbar {
6205 margin: 0;
6206 padding: 0;
6207 padding-<?php echo $left; ?>: 10px;
6208 left: 0;
6209 right: 0;
6210 bottom: 0;
6211 background-color: #ebebeb;
6212 height: 28px;
6213 line-height: 2.2em;
6214}
6215.ace_status-indicator {
6216 color: gray;
6217 position: relative;
6218 right: 0;
6219 border-left: 1px solid;
6220}
6221pre#editfilecontentaceeditorid {
6222 margin-top: 5px;
6223}
6224
6225
6226/* ============================================================================== */
6227/* File upload */
6228/* ============================================================================== */
6229
6230.template-upload {
6231 height: 72px !important;
6232}
6233
6234
6235/* ============================================================================== */
6236/* Custom reports */
6237/* ============================================================================== */
6238
6239.customreportsoutput, .customreportsoutputnotdata {
6240 padding-top: 20px;
6241}
6242.customreportsoutputnotdata {
6243 text-align: center;
6244}
6245
6246
6247/* ============================================================================== */
6248/* Holiday */
6249/* ============================================================================== */
6250
6251#types .btn {
6252 cursor: pointer;
6253}
6254
6255#types .btn-primary {
6256 font-weight: bold;
6257}
6258
6259#types form {
6260 padding: 20px;
6261}
6262
6263#types label {
6264 display:inline-block;
6265 width:100px;
6266 margin-right: 20px;
6267 padding: 4px;
6268 text-align: right;
6269 vertical-align: top;
6270}
6271
6272#types input.text, #types textarea {
6273 width: 400px;
6274}
6275
6276#types textarea {
6277 height: 100px;
6278}
6279
6280
6281/* ============================================================================== */
6282/* Comments */
6283/* ============================================================================== */
6284
6285#comment div {
6286 box-sizing:border-box;
6287}
6288#comment .comment {
6289 border-radius:7px;
6290 margin-bottom:10px;
6291 overflow:hidden;
6292}
6293#comment .comment-table {
6294 display:table;
6295 height:100%;
6296}
6297#comment .comment-cell {
6298 display:table-cell;
6299}
6300#comment .comment-info {
6301 font-size:0.8em;
6302 border-right:1px solid #dedede;
6303 margin-right:10px;
6304 width:160px;
6305 text-align:center;
6306 background:rgba(255,255,255,0.5);
6307 vertical-align:middle;
6308 padding:10px 2px;
6309}
6310#comment .comment-info a {
6311 color:inherit;
6312}
6313#comment .comment-right {
6314 vertical-align:top;
6315}
6316#comment .comment-description {
6317 padding:10px;
6318 vertical-align:top;
6319}
6320#comment .comment-delete {
6321 width: 100px;
6322 text-align:center;
6323 vertical-align:middle;
6324}
6325#comment .comment-delete:hover {
6326 background:rgba(250,20,20,0.8);
6327}
6328#comment .comment-edit {
6329 width: 100px;
6330 text-align:center;
6331 vertical-align:middle;
6332}
6333#comment .comment-edit:hover {
6334 background:rgba(0,184,148,0.8);
6335}
6336#comment textarea {
6337 width: 100%;
6338}
6339
6340
6341
6342/* ============================================================================== */
6343/* JSGantt */
6344/* ============================================================================== */
6345
6346div.scroll2 {
6347 width: <?php print isset($_SESSION['dol_screenwidth']) ? max((int) $_SESSION['dol_screenwidth'] - 830, 450) : '450'; ?>px !important;
6348}
6349
6350div#GanttChartDIVglisthead, div#GanttChartDIVgcharthead {
6351 line-height: 2;
6352}
6353
6354.gtaskname div, .gtaskname, .gstartdate div, .gstartdate, .genddate div, .genddate {
6355 font-size: unset !important;
6356}
6357
6358div.gantt, .gtaskheading, .gmajorheading, .gminorheading, .gminorheadingwkend {
6359 font-size: unset !important;
6360 font-weight: normal !important;
6361 color: #000 !important;
6362}
6363div.gTaskInfo {
6364 background: #f0f0f0 !important;
6365}
6366.gtaskblue {
6367 background: rgb(108,152,185) !important;
6368}
6369.gtaskgreen {
6370 background: rgb(160,173,58) !important;
6371}
6372td.gtaskname {
6373 overflow: hidden;
6374 text-overflow: ellipsis;
6375}
6376td.gminorheadingwkend {
6377 color: #888 !important;
6378}
6379td.gminorheading {
6380 color: #666 !important;
6381}
6382.glistlbl, .glistgrid {
6383 width: 582px !important;
6384}
6385/*.gtaskname div, .gtaskname {
6386 min-width: 250px !important;
6387 max-width: 250px !important;
6388 width: 250px !important;
6389}*/
6390.gtaskname div, .gtaskname {
6391 min-width: 250px !important;
6392 max-width: 500px !important;
6393 width: unset !important;
6394}
6395.gpccomplete div, .gpccomplete {
6396 min-width: 40px !important;
6397 max-width: 40px !important;
6398 width: 40px !important;
6399}
6400td.gtaskheading.gstartdate, td.gtaskheading.genddate {
6401 white-space: break-spaces;
6402}
6403.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) {
6404 color: transparent !important;
6405 border-left: none;
6406 border-right: none;
6407 border-top: none;
6408}
6409
6410/* ============================================================================== */
6411/* jFileTree */
6412/* ============================================================================== */
6413
6414.ecmfiletree {
6415 width: 99%;
6416 height: 99%;
6417 padding-left: 2px;
6418 font-weight: normal;
6419}
6420
6421.fileview {
6422 width: 99%;
6423 height: 99%;
6424 background: #FFF;
6425 padding-left: 2px;
6426 padding-top: 4px;
6427 font-weight: normal;
6428}
6429
6430div.filedirelem {
6431 position: relative;
6432 display: block;
6433 text-decoration: none;
6434}
6435
6436ul.filedirelem {
6437 padding: 2px;
6438 margin: 0 5px 5px 5px;
6439}
6440ul.filedirelem li {
6441 list-style: none;
6442 padding: 2px;
6443 margin: 0 10px 20px 10px;
6444 width: 160px;
6445 height: 120px;
6446 text-align: center;
6447 display: block;
6448 float: <?php print $left; ?>;
6449 border: solid 1px #DDDDDD;
6450}
6451
6452ul.ecmjqft {
6453 line-height: 32px;
6454 padding: 0px;
6455 margin: 0px;
6456 font-weight: normal;
6457}
6458
6459ul.ecmjqft li {
6460 list-style: none;
6461 padding: 0px;
6462 padding-left: 20px;
6463 margin: 0px;
6464 white-space: nowrap;
6465 display: block;
6466}
6467
6468ul.ecmjqft a {
6469 line-height: 24px;
6470 vertical-align: middle;
6471 color: unset;
6472 padding: 0px 0px;
6473 font-weight:normal;
6474 display: inline-block !important;
6475}
6476ul.ecmjqft > a {
6477 width: calc(100% - 100px);
6478 overflow: hidden;
6479 white-space: break-spaces;
6480 word-break: break-all;
6481}
6482ul.ecmjqft a:active {
6483 font-weight: bold !important;
6484}
6485ul.ecmjqft a:hover {
6486 text-decoration: underline;
6487}
6488div.ecmjqft {
6489 vertical-align: middle;
6490 display: inline-block !important;
6491 text-align: <?php echo $right; ?>;
6492 float: <?php echo $right; ?>;
6493 right:4px;
6494 clear: both;
6495 height: 16px;
6496}
6497#ecm-layout-north {
6498 min-height: 40px;
6499}
6500#ecm-layout-north div.attachareaformuserfileecm {
6501 padding-bottom: 0px;
6502}
6503div#ecm-layout-west {
6504 width: 380px;
6505 vertical-align: top;
6506}
6507div#ecm-layout-center {
6508 width: calc(100% - 405px);
6509 vertical-align: top;
6510 float: <?php echo $right; ?>;
6511}
6512
6513.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; }
6514.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; }
6515.ecmjqft LI.wait { font-weight:normal; background: url(<?php echo dol_buildpath('/theme/'.$theme.'/img/working.gif', 1); ?>) left top no-repeat; }
6516
6517
6518/* ============================================================================== */
6519/* jNotify */
6520/* ============================================================================== */
6521
6522.jnotify-container {
6523 position: fixed !important;
6524<?php if (getDolGlobalString('MAIN_JQUERY_JNOTIFY_BOTTOM')) { ?>
6525 top: auto !important;
6526 bottom: 4px !important;
6527<?php } ?>
6528 text-align: center;
6529 min-width: <?php echo $dol_optimize_smallscreen ? '200' : '480'; ?>px;
6530 width: auto;
6531 max-width: 1024px;
6532 padding-left: 10px !important;
6533 padding-right: 10px !important;
6534 word-wrap: break-word;
6535}
6536.jnotify-container .jnotify-notification .jnotify-message {
6537 font-weight: normal;
6538 text-align: start;
6539 word-break: break-word;
6540}
6541.jnotify-container .jnotify-notification-warning .jnotify-close, .jnotify-container .jnotify-notification-warning .jnotify-message {
6542 color: #a28918 !important;
6543}
6544
6545/* use or not ? */
6546div.jnotify-background {
6547 opacity : 0.95 !important;
6548 -webkit-box-shadow: 2px 2px 4px #888 !important;
6549 box-shadow: 2px 2px 4px #888 !important;
6550}
6551
6552/* ============================================================================== */
6553/* blockUI */
6554/* ============================================================================== */
6555
6556/*div.growlUI { background: url(check48.png) no-repeat 10px 10px }*/
6557div.dolEventValid h1, div.dolEventValid h2 {
6558 color: #567b1b;
6559 background-color: #e3f0db;
6560 padding: 5px 5px 5px 5px;
6561 text-align: left;
6562}
6563div.dolEventError h1, div.dolEventError h2 {
6564 color: #a72947;
6565 background-color: #d79eac;
6566 padding: 5px 5px 5px 5px;
6567 text-align: left;
6568}
6569
6570/* ============================================================================== */
6571/* Maps */
6572/* ============================================================================== */
6573
6574.divmap, #google-visualization-geomap-embed-0, #google-visualization-geomap-embed-1, #google-visualization-geomap-embed-2 {
6575}
6576
6577
6578/* ============================================================================== */
6579/* Datatable */
6580/* ============================================================================== */
6581
6582table.dataTable tr.odd td.sorting_1, table.dataTable tr.even td.sorting_1 {
6583 background: none !important;
6584}
6585.sorting_asc { background: url('<?php echo dol_buildpath('/theme/'.$theme.'/img/sort_asc.png', 1); ?>') no-repeat center right !important; }
6586.sorting_desc { background: url('<?php echo dol_buildpath('/theme/'.$theme.'/img/sort_desc.png', 1); ?>') no-repeat center right !important; }
6587.sorting_asc_disabled { background: url('<?php echo dol_buildpath('/theme/'.$theme.'/img/sort_asc_disabled.png', 1); ?>') no-repeat center right !important; }
6588.sorting_desc_disabled { background: url('<?php echo dol_buildpath('/theme/'.$theme.'/img/sort_desc_disabled.png', 1); ?>') no-repeat center right !important; }
6589.dataTables_paginate {
6590 margin-top: 8px;
6591}
6592.paginate_button_disabled {
6593 opacity: 1 !important;
6594 color: #888 !important;
6595 cursor: default !important;
6596}
6597.paginate_disabled_previous:hover, .paginate_enabled_previous:hover, .paginate_disabled_next:hover, .paginate_enabled_next:hover
6598{
6599 font-weight: normal;
6600}
6601.paginate_enabled_previous:hover, .paginate_enabled_next:hover
6602{
6603 text-decoration: underline !important;
6604}
6605.paginate_active
6606{
6607 text-decoration: underline !important;
6608}
6609.paginate_button
6610{
6611 font-weight: normal !important;
6612 text-decoration: none !important;
6613}
6614.paging_full_numbers {
6615 height: inherit !important;
6616}
6617.paging_full_numbers a.paginate_active:hover, .paging_full_numbers a.paginate_button:hover {
6618 background-color: var(--colorbackbody) !important;
6619}
6620.paging_full_numbers, .paging_full_numbers a.paginate_active, .paging_full_numbers a.paginate_button {
6621 background-color: var(--colorbackbody) !important;
6622 border-radius: inherit !important;
6623}
6624.paging_full_numbers a.paginate_button_disabled:hover, .paging_full_numbers a.disabled:hover {
6625 background-color: var(--colorbackbody) !important;
6626}
6627.paginate_button, .paginate_active {
6628 border: 1px solid #ddd !important;
6629 padding: 6px 12px !important;
6630 margin-left: -1px !important;
6631 line-height: 1.42857143 !important;
6632 margin: 0 0 !important;
6633}
6634
6635/* For jquery plugin combobox */
6636/* Disable this. It breaks wrapping of boxes
6637.ui-corner-all { white-space: nowrap; } */
6638
6639.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled, .paginate_button_disabled {
6640 opacity: .35;
6641 background-image: none;
6642}
6643
6644div.dataTables_length {
6645 float: right !important;
6646 padding-left: 8px;
6647}
6648div.dataTables_length select {
6649 background: #fff;
6650}
6651.dataTables_wrapper .dataTables_paginate {
6652 padding-top: 0px !important;
6653}
6654
6655/* ============================================================================== */
6656/* Select2 */
6657/* ============================================================================== */
6658
6659span.select2-selection--single.flat[aria-disabled="true"] span.select2-selection__rendered {
6660 opacity: 0.5;
6661}
6662
6663span#select2-taskid-container[title^='--'] {
6664 opacity: 0.3;
6665}
6666
6667.select2-container--default .select2-results__option--highlighted[aria-selected] {
6668 background-color: var(--colorbackhmenu1);
6669 color: var(--colortextbackhmenu);
6670}
6671.select2-container--default .select2-results__option--highlighted[aria-selected] span {
6672 color: #fff !important;
6673}
6674
6675span.select2.select2-container.select2-container--default {
6676 text-align: initial;
6677 <?php if (!getDolGlobalString('THEME_SHOW_BORDER_ON_INPUT')) { ?>
6678 border-left: none;
6679 border-top: none;
6680 border-right: none;
6681 <?php } ?>
6682}
6683span.select2.select2-container.select2-container--default {
6684 <?php if (!getDolGlobalString('THEME_SHOW_BORDER_ON_INPUT')) { ?>
6685 /*border-bottom: solid 1px var(--inputbordercolor);*/
6686 <?php } ?>
6687}
6688
6689input.select2-input {
6690 border-bottom: none ! important;
6691}
6692.select2-choice {
6693 border: none;
6694 border-bottom: solid 1px var(--inputbordercolor) !important; /* required to avoid to lose bottom line when focus is lost on select2. */
6695}
6696.select2-results .select2-highlighted.optionblue {
6697 color: #FFF !important;
6698}
6699.select2-container .select2-selection--multiple {
6700 min-height: 28px !important;
6701}
6702.tableforfield .select2-container .select2-selection--single {
6703 height: 25px;
6704}
6705
6706.select2-container--default .select2-selection--multiple .select2-selection__choice {
6707 border: none;
6708}
6709.select2-container--focus span.select2-selection.select2-selection--single {
6710 border-bottom: 1px solid var(--inputbordercolor) !important;
6711 border-bottom-left-radius: 0;
6712 border-bottom-right-radius: 0;
6713}
6714
6715.blockvmenusearch .select2-container--default .select2-selection--single,
6716.blockvmenubookmarks .select2-container--default .select2-selection--single
6717{
6718 background-color: var(--colorbackvmenu1);
6719}
6720.select2-container--default .select2-selection--single {
6721 background-color: var(--inputbackgroundcolor);
6722}
6723#blockvmenusearch .select2-container--default .select2-selection--single .select2-selection__placeholder {
6724 color: var(--colortextbackvmenu);
6725}
6726.select2-container--default .select2-selection--single .select2-selection__rendered {
6727 color: var(--colortext);
6728 /* background-color: var(--inputbackgroundcolor); */
6729}
6730.select2-default {
6731 color: #999 !important;
6732}
6733.select2-choice, .select2-container .select2-choice {
6734 border-bottom: solid 1px rgba(0,0,0,.4);
6735}
6736.select2-container .select2-choice > .select2-chosen {
6737 margin-right: 23px;
6738}
6739.select2-container .select2-choice .select2-arrow {
6740 border-radius: 0;
6741 background: transparent;
6742}
6743.select2-container-multi .select2-choices {
6744 background-image: none;
6745}
6746.select2-container .select2-choice {
6747 color: var(--colortext);
6748 border-radius: 0;
6749}
6750.selectoptiondisabledwhite {
6751 background: #FFFFFF !important;
6752}
6753.select2-arrow {
6754 border: none;
6755 border-left: none !important;
6756 background: none !important;
6757}
6758.select2-choice
6759{
6760 border-top: none !important;
6761 border-left: none !important;
6762 border-right: none !important;
6763}
6764.select2-drop.select2-drop-above {
6765 box-shadow: none !important;
6766}
6767.select2-container--open .select2-dropdown--above {
6768 border-bottom: solid 1px var(--inputbordercolor);
6769}
6770.select2-drop.select2-drop-above.select2-drop-active {
6771 border-top: 1px solid #ccc;
6772 border-bottom: solid 1px var(--inputbordercolor);
6773}
6774.select2-container--default .select2-selection--single
6775{
6776 outline: none;
6777 <?php if (!getDolGlobalString('THEME_SHOW_BORDER_ON_INPUT')) { ?>
6778 border-top: none;
6779 border-left: none;
6780 border-right: none;
6781 <?php } ?>
6782
6783 border<?php echo !getDolGlobalString('THEME_SHOW_BORDER_ON_INPUT') ? '-bottom' : ''; ?>: solid 1px var(--inputbordercolor);
6784
6785 -webkit-box-shadow: none !important;
6786 box-shadow: none !important;
6787 border-radius: 3px;
6788}
6789.select2-container--focus .select2-container--default .select2-selection--single {
6790 border-bottom-left-radius: 0;
6791 border-bottom-right-radius: 0;
6792}
6793.select2-container--default.select2-container--focus .select2-selection--multiple {
6794 border-top: none;
6795 border-left: none;
6796 border-right: none;
6797 border-bottom-left-radius: 0;
6798 border-bottom-right-radius: 0;
6799}
6800.select2-container--default .select2-selection--multiple {
6801 border-bottom: solid 1px var(--inputbordercolor);
6802 border-top: none;
6803 border-left: none;
6804 border-right: none;
6805 border-radius: 3px;
6806 background: var(--inputbackgroundcolor);
6807 line-height: normal;
6808}
6809.select2-container--default .select2-selection--multiple .select2-selection__rendered {
6810 line-height: 1.4em;
6811}
6812.select2-container--default .select2-selection--multiple .select2-selection__choice {
6813 background-color: #ddd;
6814 margin-top: 4px !important;
6815}
6816.select2-selection--multiple input.select2-search__field {
6817 border-bottom: none !important;
6818}
6819
6820.select2-search__field
6821{
6822 outline: none;
6823 border-top: none !important;
6824 border-left: none !important;
6825 border-right: none !important;
6826 border-bottom: solid 1px var(--inputbordercolor) !important;
6827 -webkit-box-shadow: none !important;
6828 box-shadow: none !important;
6829 border-radius: 0 !important;
6830 /* color: black; */
6831}
6832.select2-container-active .select2-choice, .select2-container-active .select2-choices
6833{
6834 outline: none;
6835 border-top: none;
6836 border-left: none;
6837 border-bottom: none;
6838 -webkit-box-shadow: none !important;
6839 box-shadow: none !important;
6840}
6841.select2-dropdown {
6842 /*background-color: var(--colorbackvmenu1);
6843 border: 1px solid var(--colorbackvmenu1); */
6844 box-shadow: 1px 2px 10px var(--colorbackvmenu1);
6845 background-color: var(--colorbackbody);
6846 color: var(--colortext);
6847}
6848.select2-dropdown-open {
6849 background-color: var(--colorbackvmenu1);
6850}
6851.select2-dropdown-open .select2-choice, .select2-dropdown-open .select2-choices
6852{
6853 outline: none;
6854 border-top: none;
6855 border-left: none;
6856 border-bottom: none;
6857 -webkit-box-shadow: none !important;
6858 box-shadow: none !important;
6859 background-color: var(--colorbackvmenu1);
6860}
6861.select2-disabled
6862{
6863 color: #888;
6864}
6865.select2-drop.select2-drop-above.select2-drop-active, .select2-drop {
6866 border-radius: 0;
6867}
6868.select2-drop.select2-drop-above {
6869 border-radius: 0;
6870}
6871.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices {
6872 background-image: none;
6873 border-radius: 0 !important;
6874}
6875div.select2-drop-above
6876{
6877 background: var(--colorbackvmenu1);
6878 -webkit-box-shadow: none !important;
6879 box-shadow: none !important;
6880}
6881.select2-drop-active
6882{
6883 border: 1px solid #ccc;
6884 padding-top: 4px;
6885}
6886.select2-search input {
6887 border: none;
6888}
6889a span.select2-chosen
6890{
6891 font-weight: normal !important;
6892}
6893.select2-container .select2-choice {
6894 background-image: none;
6895 /* line-height: 24px; */
6896}
6897.select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-ajax-error, .select2-results .select2-selection-limit
6898{
6899 background: var(--colorbackvmenu1);
6900}
6901.select2-results {
6902 max-height: 400px;
6903}
6904.select2-results__option {
6905 word-break: break-word;
6906 text-align: <?php echo $left; ?>;
6907}
6908.select2-container.select2-container-disabled .select2-choice, .select2-container-multi.select2-container-disabled .select2-choices {
6909 background-color: var(--colorbackvmenu1);
6910 background-image: none;
6911 border: none;
6912 cursor: default;
6913}
6914.select2-container-disabled .select2-choice .select2-arrow b {
6915 opacity: 0.4;
6916}
6917.select2-container-multi .select2-choices .select2-search-choice {
6918 margin-bottom: 3px;
6919}
6920.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices, .select2-container-multi .select2-choices,
6921.select2-container-multi.select2-container-active .select2-choices
6922{
6923 border-bottom: 1px solid #ccc;
6924 border-right: none;
6925 border-top: none;
6926 border-left: none;
6927
6928}
6929.select2-container--default .select2-results>.select2-results__options{
6930 max-height: 400px;
6931}
6932
6933/* Special case for the select2 add widget */
6934#addbox .select2-container .select2-choice > .select2-chosen, #actionbookmark .select2-container .select2-choice > .select2-chosen {
6935 text-align: <?php echo $left; ?>;
6936 opacity: 0.4;
6937}
6938.select2-container--default .select2-selection--single .select2-selection__placeholder {
6939 color: var(--colortext);
6940 opacity: 0.4;
6941}
6942span#select2-boxbookmark-container, span#select2-boxcombo-container {
6943 text-align: <?php echo $left; ?>;
6944}
6945span#select2-boxbookmark-container {
6946 opacity: 0.4;
6947}
6948.select2-container .select2-selection--single .select2-selection__rendered {
6949 padding-left: 6px;
6950}
6951/* Style used before the select2 js is executed on boxcombo */
6952#boxbookmark.boxcombo, #boxcombo.boxcombo {
6953 text-align: left;
6954 opacity: 0.4;
6955 border-bottom: solid 1px rgba(0,0,0,.4) !important;
6956 height: 26px;
6957 line-height: 24px;
6958 padding: 0 0 2px 0;
6959 vertical-align: top;
6960}
6961
6962/* To emulate select 2 style */
6963.select2-container-multi-dolibarr .select2-choices-dolibarr .select2-search-choice-dolibarr {
6964 padding: 3px 5px 2px 5px;
6965 margin: 0 0 2px 3px;
6966 position: relative;
6967 line-height: 13px;
6968 color: #333;
6969 cursor: default;
6970 border: 1px solid #aaaaaa;
6971 border-radius: 3px;
6972 -webkit-box-shadow: 0 0 2px var(--inputbackgroundcolor) inset, 0 1px 0 rgba(0, 0, 0, 0.05);
6973 box-shadow: 0 0 2px var(--inputbackgroundcolor) inset, 0 1px 0 rgba(0, 0, 0, 0.05);
6974 background-clip: padding-box;
6975 -webkit-touch-callout: none;
6976 -webkit-user-select: none;
6977 -moz-user-select: none;
6978 -ms-user-select: none;
6979 user-select: none;
6980 background-color: var(--inputbackgroundcolor);
6981 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));
6982 background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
6983 background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
6984 background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
6985}
6986.select2-container-multi-dolibarr .select2-choices-dolibarr .select2-search-choice-dolibarr a {
6987 font-weight: normal;
6988}
6989.select2-container-multi-dolibarr .select2-choices-dolibarr li {
6990 float: <?php echo $left; ?>;
6991 list-style: none;
6992}
6993.select2-container-multi-dolibarr .select2-choices-dolibarr {
6994 height: auto !important;
6995 height: 1%;
6996 margin: 0;
6997 padding: 0 5px 0 0;
6998 position: relative;
6999 cursor: text;
7000 overflow: hidden;
7001}
7002
7003ul.select2-results__options li {
7004 font-size: 0.95em;
7005}
7006
7007.parentonrightofpage {
7008 direction: rtl;
7009}
7010
7011select.multiselectononeline {
7012 padding: 0;
7013 vertical-align: middle;
7014 min-height: unset;
7015 height: 28px !important;
7016 opacity: 0;
7017 /* width: 1px !important; */
7018}
7019
7020@media only screen and (min-width: 768px)
7021{
7022 /* CSS to have the dropdown boxes larger that the input search area */
7023 .select2-container.select2-container--open:not(.graphtype) .select2-dropdown.ui-dialog {
7024 min-width: 230px !important;
7025 }
7026 .select2-container.select2-container--open:not(.graphtype) .select2-dropdown--below:not(.onrightofpage),
7027 .select2-container.select2-container--open:not(.graphtype) .select2-dropdown--above:not(.onrightofpage) {
7028 min-width: 230px !important;
7029 }
7030 .onrightofpage span.select2-dropdown.ui-dialog.select2-dropdown--below,
7031 .onrightofpage span.select2-dropdown.ui-dialog.select2-dropdown--above{
7032 min-width: 140px !important;
7033 }
7034 .combolargeelem.select2-container.select2-container--open .select2-dropdown.ui-dialog {
7035 min-width: 300px !important;
7036 }
7037
7038 .select2-container--open .select2-dropdown--below {
7039 border-top: 1px solid var(--inputbordercolor);
7040 /* border-top: 1px solid #aaaaaa; */
7041 }
7042}
7043
7044/* must be after the other .select2-container.select2-container--open .select2-dropdown.ui-dialog */
7045.limit.select2-container.select2-container--open .select2-dropdown.ui-dialog {
7046 min-width: 100px !important;
7047}
7048
7049
7050/* ============================================================================== */
7051/* For categories */
7052/* ============================================================================== */
7053
7054.noborderoncategories {
7055 border: none !important;
7056 border-radius: 5px !important;
7057 box-shadow: none;
7058 -webkit-box-shadow: none !important;
7059 box-shadow: none !important;
7060 margin-top: 1px !important;
7061 margin-bottom: 0 !important;
7062}
7063span.noborderoncategories a, li.noborderoncategories a {
7064 line-height: normal;
7065 /* vertical-align: top; */
7066}
7067span.noborderoncategories {
7068 padding: 3px 5px 3px 5px;
7069 display: inline-block;
7070}
7071.categtextwhite, .treeview .categtextwhite.hover {
7072 color: #fff !important;
7073}
7074.categtextblack {
7075 color: #000 !important;
7076}
7077
7078
7079/* ============================================================================== */
7080/* External lib multiselect with checkbox */
7081/* ============================================================================== */
7082
7083.multi-select-menu {
7084 z-index: 10;
7085}
7086
7087.multi-select-container {
7088 display: inline-block;
7089 position: relative;
7090}
7091
7092.multi-select-menu {
7093 position: absolute;
7094 left: 0;
7095 top: 0.8em;
7096 float: left;
7097 min-width: 100%;
7098 background: var(--inputbackgroundcolor);
7099 margin: 1em 0;
7100 padding: 0.4em 0;
7101 border: 1px solid #aaa;
7102 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
7103 display: none;
7104}
7105
7106div.multi-select-menu[role="menu"] {
7107 min-width: 220px !important;
7108}
7109
7110.multi-select-menu input {
7111 margin-right: 0.3em;
7112 vertical-align: 0.1em;
7113}
7114
7115.multi-select-button {
7116 display: inline-block;
7117 max-width: 20em;
7118 white-space: nowrap;
7119 overflow: hidden;
7120 text-overflow: ellipsis;
7121 vertical-align: middle;
7122 background-color: var(--inputbackgroundcolor);
7123 cursor: default;
7124
7125 border: none;
7126 border-bottom: solid 1px var(--inputbordercolor);
7127 padding: 5px;
7128 padding-left: 2px;
7129 height: 17px;
7130 border-radius: 3px;
7131}
7132.multi-select-button:focus {
7133 outline: none;
7134 border-bottom: 1px solid #666;
7135 border-bottom-left-radius: 0;
7136 border-bottom-right-radius: 0;
7137}
7138
7139.multi-select-button:after {
7140 content: "";
7141 display: inline-block;
7142 width: 0;
7143 height: 0;
7144 border-style: solid;
7145 border-width: 0.5em 0.23em 0em 0.23em;
7146 border-color: #888 transparent transparent transparent;
7147 margin-left: 0.4em;
7148}
7149
7150.multi-select-container--open .multi-select-menu { display: block; }
7151
7152.multi-select-container--open .multi-select-button:after {
7153 border-width: 0 0.4em 0.4em 0.4em;
7154 border-color: transparent transparent #888 transparent;
7155}
7156
7157.multi-select-menuitem {
7158 clear: both;
7159 float: left;
7160 padding-left: 5px;
7161}
7162label.multi-select-menuitem {
7163 line-height: 24px;
7164 text-align: start;
7165}
7166
7167
7168/* ============================================================================== */
7169/* Native multiselect with checkbox */
7170/* ============================================================================== */
7171
7172ul.ulselectedfields {
7173 z-index: 95; /* To have the select box appears on first plan even when near buttons are decorated by jmobile */
7174}
7175dl.dropdown {
7176 margin:0px;
7177 margin-left: 2px;
7178 margin-right: 2px;
7179 padding:0px;
7180 vertical-align: middle;
7181 display: inline-block;
7182}
7183.dropdown dd, .dropdown dt {
7184 margin:0px;
7185 padding:0px;
7186}
7187.dropdown ul {
7188 margin: -1px 0 0 0;
7189 text-align: <?php echo $left; ?>;
7190}
7191.dropdown dd {
7192 position:relative;
7193}
7194.dropdown dt a {
7195 display:block;
7196 overflow: hidden;
7197 border:0;
7198}
7199.dropdown dt a span, .multiSel span {
7200 cursor:pointer;
7201 display:inline-block;
7202 padding: 0 3px 2px 0;
7203}
7204.maxwidthsearch .dropdown dt a span, .multiSel span {
7205 padding: 3px 3px 2px 3px;
7206}
7207.dropdown span.value {
7208 display:none;
7209}
7210.dropdown dd ul {
7211 background-color: var(--inputbackgroundcolor);
7212 box-shadow: 1px 1px 10px #aaa;
7213 display:none;
7214 <?php echo $right; ?>:0px; /* pop is align on right */
7215 padding: 0 0 0 0;
7216 position:absolute;
7217 top:2px;
7218 list-style:none;
7219 max-height: 264px;
7220 overflow: auto;
7221 border-radius: 4px;
7222 z-index: 1;
7223}
7224.dropdown dd ul.selectedfieldsleft {
7225 <?php echo $right; ?>: auto;
7226}
7227.dropdown dd ul li {
7228 white-space: nowrap;
7229 font-weight: normal;
7230 padding: 7px 8px 7px 8px;
7231 /* color: var(--colortext); */
7232 color: var(--colortext);
7233}
7234.dropdown dd ul li:hover {
7235 background: #eee;
7236}
7237.dropdown dd ul li input[type="checkbox"] {
7238 margin-<?php echo $right; ?>: 3px;
7239}
7240.dropdown dd ul li a, .dropdown dd ul li span {
7241 padding: 3px;
7242 display: block;
7243}
7244.dropdown dd ul li span {
7245 color: #888;
7246}
7247/*.dropdown dd ul li a:hover {
7248 background-color: var(--inputbackgroundcolor);
7249}*/
7250dd.dropdowndd ul li {
7251 text-overflow: ellipsis;
7252 overflow: hidden;
7253 white-space: nowrap;
7254}
7255
7256/* ============================================================================== */
7257/* Kanban */
7258/* ============================================================================== */
7259
7260.info-box-label {
7261 max-width: 180px;
7262 overflow: hidden;
7263 text-overflow: ellipsis;
7264 white-space: nowrap;
7265}
7266
7267
7268/* ============================================================================== */
7269/* Markdown rendering */
7270/* ============================================================================== */
7271
7272.imgmd {
7273 width: 90%;
7274}
7275.moduledesclong h1 {
7276 padding-top: 10px;
7277 padding-bottom: 20px;
7278}
7279
7280
7281/* ============================================================================== */
7282/* JMobile - Android */
7283/* ============================================================================== */
7284
7285.searchpage .tagtr .tagtd {
7286 padding-top: 2px;
7287 padding-bottom: 2px;
7288}
7289.searchpage .tagtr .tagtd .button {
7290 background: unset;
7291 border: unset;
7292}
7293.searchpage .searchform input {
7294 font-size: 1.15em;
7295}
7296
7297
7298li.ui-li-divider .ui-link {
7299 color: #FFF !important;
7300}
7301.ui-btn {
7302 margin: 0 2px;
7303}
7304a.ui-link, a.ui-link:hover, .ui-btn:hover, span.ui-btn-text:hover, span.ui-btn-inner:hover {
7305 text-decoration: none !important;
7306}
7307.ui-body-c {
7308 background: #fff;
7309}
7310
7311.ui-btn-inner {
7312 min-width: .4em;
7313 padding-left: 6px;
7314 padding-right: 6px;
7315 font-size: <?php print is_numeric($fontsize) ? $fontsize.'px' : $fontsize; ?>;
7316 /* white-space: normal; */ /* Warning, enable this break the truncate feature */
7317}
7318.ui-btn-icon-right .ui-btn-inner {
7319 padding-right: 30px;
7320}
7321.ui-btn-icon-left .ui-btn-inner {
7322 padding-left: 30px;
7323}
7324.ui-select .ui-btn-icon-right .ui-btn-inner {
7325 padding-right: 30px;
7326}
7327.ui-select .ui-btn-icon-left .ui-btn-inner {
7328 padding-left: 30px;
7329}
7330.ui-select .ui-btn-icon-right .ui-icon {
7331 right: 8px;
7332}
7333.ui-btn-icon-left > .ui-btn-inner > .ui-icon, .ui-btn-icon-right > .ui-btn-inner > .ui-icon {
7334 margin-top: -10px;
7335}
7336select {
7337 /* display: inline-block; */ /* We can't set this. This disable ability to make */
7338 overflow:hidden;
7339 white-space: nowrap; /* Enabling this make behaviour strange when selecting the empty value if this empty value is '' instead of '&nbsp;' */
7340 text-overflow: ellipsis;
7341}
7342.fiche .ui-controlgroup {
7343 margin: 0px;
7344 padding-bottom: 0px;
7345}
7346div.ui-controlgroup-controls div.tabsElem
7347{
7348 margin-top: 2px;
7349}
7350div.ui-controlgroup-controls div.tabsElem a
7351{
7352 -webkit-box-shadow: 0 -3px 6px rgba(0,0,0,.2);
7353 box-shadow: 0 -3px 6px rgba(0,0,0,.2);
7354}
7355div.ui-controlgroup-controls div.tabsElem a#active {
7356 -webkit-box-shadow: 0 -3px 6px rgba(0,0,0,.3);
7357 box-shadow: 0 -3px 6px rgba(0,0,0,.3);
7358}
7359
7360a.tab span.ui-btn-inner
7361{
7362 border: none;
7363 padding: 0;
7364}
7365
7366.ui-link {
7367 color: var(--colortext);
7368}
7369.liste_titre .ui-link {
7370 color: var(--colortexttitle) !important;
7371}
7372
7373a.ui-link {
7374 word-wrap: break-word;
7375}
7376
7377/* force wrap possible onto field overflow does not works */
7378.formdoc .ui-btn-inner
7379{
7380 white-space: normal;
7381 overflow: hidden;
7382 text-overflow: clip; /* "hidden" : do not exists as a text-overflow value (https://developer.mozilla.org/fr/docs/Web/CSS/text-overflow) */
7383}
7384
7385/* Warning: setting this may make screen not being refreshed after a combo selection */
7386/*.ui-body-c {
7387 background: #fff;
7388}*/
7389
7390div.ui-radio, div.ui-checkbox
7391{
7392 display: inline-block;
7393 border-bottom: 0px !important;
7394}
7395.ui-checkbox input, .ui-radio input {
7396 height: auto;
7397 width: auto;
7398 margin: 4px;
7399 position: static;
7400}
7401div.ui-checkbox label+input, div.ui-radio label+input {
7402 position: absolute;
7403}
7404.ui-mobile fieldset
7405{
7406 padding-bottom: 10px; margin-bottom: 4px; border-bottom: 1px solid #AAAAAA !important;
7407}
7408
7409ul.ulmenu {
7410 border-radius: 0;
7411 -webkit-border-radius: 0;
7412}
7413
7414.ui-field-contain label.ui-input-text {
7415 vertical-align: middle !important;
7416}
7417.ui-mobile fieldset {
7418 border-bottom: none !important;
7419}
7420
7421/* Style for first level menu with jmobile */
7422.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li {
7423 padding: 1em 15px;
7424 display: block;
7425}
7426.ui-btn-up-c {
7427 font-weight: normal;
7428}
7429.ui-focus, .ui-btn:focus {
7430 -webkit-box-shadow: none;
7431 box-shadow: none;
7432}
7433.ui-bar-b {
7434 /*border: 1px solid #888;*/
7435 border: none;
7436 background: none;
7437 text-shadow: none;
7438 color: var(--colortexttitlenotab) !important;
7439}
7440.ui-bar-b, .lilevel0 {
7441 background-repeat: repeat-x;
7442 border: none;
7443 background: none;
7444 text-shadow: none;
7445 color: var(--colortexttitlenotab) !important;
7446}
7447.alilevel0 {
7448 font-weight: normal !important;
7449}
7450
7451.ui-li.ui-last-child, .ui-li.ui-field-contain.ui-last-child {
7452 border-bottom-width: 0px !important;
7453}
7454.alilevel0 {
7455 color: var(--colortexttitle) !important;
7456 background: var(--colorbackmobilemenu);
7457}
7458.ulmenu {
7459 box-shadow: none !important;
7460 border-bottom: 1px solid #ccc;
7461}
7462.ui-btn-icon-right {
7463 border-right: 1px solid #ccc !important;
7464}
7465.ui-body-c {
7466 border: 1px solid #ccc;
7467 text-shadow: none;
7468}
7469.ui-btn-up-c, .ui-btn-hover-c {
7470 /* border: 1px solid #ccc; */
7471 text-shadow: none;
7472}
7473.ui-body-c .ui-link, .ui-body-c .ui-link:visited, .ui-body-c .ui-link:hover {
7474 color: var(--colortextlink);
7475}
7476.ui-btn-up-c .vsmenudisabled {
7477 color: #<?php echo $colorshadowtitle; ?> !important;
7478 text-shadow: none !important;
7479}
7480div.tabsElem a.tab {
7481 background: transparent;
7482}
7483.alilevel1 {
7484 color: var(--colortexttitlenotab) !important;
7485}
7486.lilevel1 {
7487 border-top: 2px solid #444;
7488 background: #fff ! important;
7489}
7490.lilevel1 div div a {
7491 font-weight: bold !important;
7492}
7493.lilevel2
7494{
7495 padding-left: 22px;
7496 background: #fff ! important;
7497}
7498.lilevel3
7499{
7500 padding-left: 44px;
7501 background: #fff ! important;
7502}
7503.lilevel4
7504{
7505 padding-left: 66px;
7506 background: #fff ! important;
7507}
7508.lilevel5
7509{
7510 padding-left: 88px;
7511 background: #fff ! important;
7512}
7513
7514
7515
7516/* ============================================================================== */
7517/* POS */
7518/* ============================================================================== */
7519
7520.menu_choix1,.menu_choix2 {
7521 font-size: 1.4em;
7522 text-align: left;
7523 border: 1px solid #666;
7524 margin-right: 20px;
7525}
7526.menu_choix1 a, .menu_choix2 a {
7527 display: block;
7528 color: #fff;
7529 text-decoration: none;
7530 padding-top: 18px;
7531 padding-left: 10px;
7532 font-size: 14px;
7533 height: 38px;
7534}
7535.menu_choix1 a:hover,.menu_choix2 a:hover {
7536 color: #6d3f6d;
7537}
7538.menu li.menu_choix1 {
7539 padding-top: 6px;
7540 padding-right: 10px;
7541 padding-bottom: 2px;
7542}
7543.menu li.menu_choix2 {
7544 padding-top: 6px;
7545 padding-right: 10px;
7546 padding-bottom: 2px;
7547}
7548@media only screen and (max-width: 768px)
7549{
7550 .menu_choix1 a, .menu_choix2 a {
7551 background-size: 36px 36px;
7552 height: 30px;
7553 padding-left: 40px;
7554 }
7555 .menu li.menu_choix1, .menu li.menu_choix2 {
7556 padding-left: 4px;
7557 padding-right: 0;
7558 }
7559 .liste_articles {
7560 margin-right: 0 !important;
7561 }
7562}
7563
7564
7565/* ============================================================================== */
7566/* Public */
7567/* ============================================================================== */
7568
7569/* The theme for public pages */
7570.public_body {
7571 margin: 20px;
7572}
7573.public_border {
7574 border: 1px solid #888;
7575}
7576.publicnewmemberform div.tabBarWithBottom {
7577 border: 1px solid #e8e8e8;
7578 padding: 30px;
7579 border-radius: 8px;
7580 background-color: var(--colorbackgrey);
7581 /*box-shadow: 2px 2px 10px #ddd;*/
7582}
7583
7584.publicnewmemberform #tablesubscribe {
7585 color: var(--colortextbackvmenu);
7586}
7587
7588@media only screen and (max-width: 768px)
7589{
7590 .publicnewmemberform div.tabBarWithBottom {
7591 padding: 10px;
7592 }
7593}
7594
7595
7596/* ============================================================================== */
7597/* Ticket module */
7598/* ============================================================================== */
7599
7600.ticketpublictable td {
7601 height: 28px;
7602}
7603
7604.ticketpublicarea {
7605 margin-left: 15%;
7606 margin-right: 15%;
7607}
7608.publicnewticketform {
7609 /* margin-top: 25px !important; */
7610}
7611.ticketlargemargin {
7612 padding-left: 50px;
7613 padding-right: 50px;
7614 padding-top: 30px;
7615}
7616@media only screen and (max-width: 768px)
7617{
7618 .ticketlargemargin {
7619 padding-left: 5px; padding-right: 5px;
7620 padding-top: 10px;
7621 }
7622 .ticketpublicarea {
7623 margin-left: 10px;
7624 margin-right: 10px;
7625 }
7626}
7627
7628#cd-timeline {
7629 position: relative;
7630 padding: 2em 0;
7631 margin-bottom: 2em;
7632}
7633#cd-timeline::before {
7634 /* this is the vertical line */
7635 content: '';
7636 position: absolute;
7637 top: 0;
7638 left: 18px;
7639 height: 100%;
7640 width: 4px;
7641 background: #d7e4ed;
7642}
7643@media only screen and (min-width: 1170px) {
7644 #cd-timeline {
7645 margin-bottom: 3em;
7646 }
7647 #cd-timeline::before {
7648 left: 50%;
7649 margin-left: -2px;
7650 }
7651}
7652
7653.cd-timeline-block {
7654 position: relative;
7655 margin: 2em 0;
7656}
7657.cd-timeline-block:after {
7658 content: "";
7659 display: table;
7660 clear: both;
7661}
7662.cd-timeline-block:first-child {
7663 margin-top: 0;
7664}
7665.cd-timeline-block:last-child {
7666 margin-bottom: 0;
7667}
7668@media only screen and (min-width: 1170px) {
7669 .cd-timeline-block {
7670 margin: 4em 0;
7671 }
7672 .cd-timeline-block:first-child {
7673 margin-top: 0;
7674 }
7675 .cd-timeline-block:last-child {
7676 margin-bottom: 0;
7677 }
7678}
7679
7680.cd-timeline-img {
7681 position: absolute;
7682 top: 0;
7683 left: 0;
7684 width: 40px;
7685 height: 40px;
7686 border-radius: 50%;
7687 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);
7688 background: #d7e4ed;
7689}
7690.cd-timeline-img img {
7691 display: block;
7692 width: 24px;
7693 height: 24px;
7694 position: relative;
7695 left: 50%;
7696 top: 50%;
7697 margin-left: -12px;
7698 margin-top: -12px;
7699}
7700.cd-timeline-img.cd-picture {
7701 background: #75ce66;
7702}
7703.cd-timeline-img.cd-movie {
7704 background: #c03b44;
7705}
7706.cd-timeline-img.cd-location {
7707 background: #f0ca45;
7708}
7709@media only screen and (min-width: 1170px) {
7710 .cd-timeline-img {
7711 width: 60px;
7712 height: 60px;
7713 left: 50%;
7714 margin-left: -30px;
7715 /* Force Hardware Acceleration in WebKit */
7716 -webkit-transform: translateZ(0);
7717 -webkit-backface-visibility: hidden;
7718 }
7719 .cssanimations .cd-timeline-img.is-hidden {
7720 visibility: hidden;
7721 }
7722 .cssanimations .cd-timeline-img.bounce-in {
7723 visibility: visible;
7724 -webkit-animation: cd-bounce-1 0.6s;
7725 -moz-animation: cd-bounce-1 0.6s;
7726 animation: cd-bounce-1 0.6s;
7727 }
7728}
7729
7730@-webkit-keyframes cd-bounce-1 {
7731 0% {
7732 opacity: 0;
7733 -webkit-transform: scale(0.5);
7734 }
7735
7736 60% {
7737 opacity: 1;
7738 -webkit-transform: scale(1.2);
7739 }
7740
7741 100% {
7742 -webkit-transform: scale(1);
7743 }
7744}
7745@-moz-keyframes cd-bounce-1 {
7746 0% {
7747 opacity: 0;
7748 -moz-transform: scale(0.5);
7749 }
7750
7751 60% {
7752 opacity: 1;
7753 -moz-transform: scale(1.2);
7754 }
7755
7756 100% {
7757 -moz-transform: scale(1);
7758 }
7759}
7760@keyframes cd-bounce-1 {
7761 0% {
7762 opacity: 0;
7763 -webkit-transform: scale(0.5);
7764 -moz-transform: scale(0.5);
7765 -ms-transform: scale(0.5);
7766 -o-transform: scale(0.5);
7767 transform: scale(0.5);
7768 }
7769
7770 60% {
7771 opacity: 1;
7772 -webkit-transform: scale(1.2);
7773 -moz-transform: scale(1.2);
7774 -ms-transform: scale(1.2);
7775 -o-transform: scale(1.2);
7776 transform: scale(1.2);
7777 }
7778
7779 100% {
7780 -webkit-transform: scale(1);
7781 -moz-transform: scale(1);
7782 -ms-transform: scale(1);
7783 -o-transform: scale(1);
7784 transform: scale(1);
7785 }
7786}
7787.cd-timeline-content {
7788 position: relative;
7789 margin-left: 60px;
7790 background: white;
7791 border-radius: 0.25em;
7792 padding: 1em;
7793 background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(230,230,230,0.4) 100%);
7794 background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(230,230,230,0.4) 100%);
7795 background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(230,230,230,0.4) 100%);
7796 background-image: linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(230,230,230,0.4) 100%);
7797}
7798.cd-timeline-content:after {
7799 content: "";
7800 display: table;
7801 clear: both;
7802}
7803.cd-timeline-content h2 {
7804 color: #303e49;
7805}
7806.cd-timeline-content .cd-date {
7807 font-size: 13px;
7808 font-size: 0.8125rem;
7809}
7810.cd-timeline-content .cd-date {
7811 display: inline-block;
7812}
7813.cd-timeline-content p {
7814 margin: 1em 0;
7815 line-height: 1.6;
7816}
7817
7818.cd-timeline-content .cd-date {
7819 float: left;
7820 padding: .2em 0;
7821 opacity: .7;
7822}
7823.cd-timeline-content::before {
7824 content: '';
7825 position: absolute;
7826 top: 16px;
7827 right: 100%;
7828 height: 0;
7829 width: 0;
7830 border: 7px solid transparent;
7831 border-right: 7px solid white;
7832}
7833@media only screen and (min-width: 768px) {
7834 .cd-timeline-content h2 {
7835 font-size: 20px;
7836 font-size: 1.25rem;
7837 }
7838 .cd-timeline-content {
7839 font-size: 16px;
7840 font-size: 1rem;
7841 }
7842 .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
7843 font-size: 14px;
7844 font-size: 0.875rem;
7845 }
7846}
7847@media only screen and (min-width: 1170px) {
7848 .cd-timeline-content {
7849 margin-left: 0;
7850 padding: 1.6em;
7851 width: 43%;
7852 }
7853 .cd-timeline-content::before {
7854 top: 24px;
7855 left: 100%;
7856 border-color: transparent;
7857 border-left-color: white;
7858 }
7859 .cd-timeline-content .cd-read-more {
7860 float: left;
7861 }
7862 .cd-timeline-content .cd-date {
7863 position: absolute;
7864 width: 55%;
7865 left: 115%;
7866 top: 6px;
7867 font-size: 16px;
7868 font-size: 1rem;
7869 }
7870 .cd-timeline-block:nth-child(even) .cd-timeline-content {
7871 float: right;
7872 }
7873 .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
7874 top: 24px;
7875 left: auto;
7876 right: 100%;
7877 border-color: transparent;
7878 border-right-color: white;
7879 }
7880 .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
7881 float: right;
7882 }
7883 .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
7884 left: auto;
7885 right: 115%;
7886 text-align: right;
7887 }
7888
7889}
7890
7891
7892/* ============================================================================== */
7893/* CSS style for debugbar */
7894/* ============================================================================== */
7895
7896div.phpdebugbar * {
7897 font-weight: unset;
7898}
7899span.phpdebugbar-tooltip.phpdebugbar-tooltip-extra-wide, span.phpdebugbar-tooltip.phpdebugbar-tooltip-wide {
7900 width: 250px !important;
7901}
7902.phpdebugbar-indicator span.phpdebugbar-tooltip {
7903 opacity: .95 !important;
7904}
7905a.phpdebugbar-tab.phpdebugbar-active {
7906 background-image: unset !important;
7907}
7908.phpdebugbar-fa-tags:before {
7909 content: "\f121";
7910 font-weight: 600 !important;
7911}
7912.phpdebugbar-fa-tasks:before {
7913 content: "\f550";
7914 font-weight: 600 !important;
7915}
7916.phpdebugbar-fa-tags, .phpdebugbar-fa-tasks, .phpdebugbar-indicator .fa {
7917 font-family: "<?php echo getDolGlobalString('MAIN_FONTAWESOME_FAMILY', 'Font Awesome 5 Free'); ?>";
7918 font-weight: 600;
7919}
7920div.phpdebugbar-widgets-messages li.phpdebugbar-widgets-list-item span.phpdebugbar-widgets-value.phpdebugbar-widgets-warning:before,
7921div.phpdebugbar-widgets-messages li.phpdebugbar-widgets-list-item span.phpdebugbar-widgets-value.phpdebugbar-widgets-error:before,
7922div.phpdebugbar-widgets-exceptions a.phpdebugbar-widgets-editor-link:before,
7923div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-database:before,
7924div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-duration:before,
7925div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-memory:before,
7926div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-row-count:before,
7927div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-copy-clipboard:before,
7928div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-stmt-id:before,
7929div.phpdebugbar-widgets-templates span.phpdebugbar-widgets-render-time:before,
7930div.phpdebugbar-widgets-templates span.phpdebugbar-widgets-memory:before,
7931div.phpdebugbar-widgets-templates span.phpdebugbar-widgets-param-count:before,
7932div.phpdebugbar-widgets-templates span.phpdebugbar-widgets-type:before,
7933div.phpdebugbar-widgets-templates a.phpdebugbar-widgets-editor-link:before
7934{
7935 font-family: "<?php echo getDolGlobalString('MAIN_FONTAWESOME_FAMILY', 'Font Awesome 5 Free'); ?>" !important;
7936}
7937
7938/* ============================================================================== */
7939/* CSS style used for jCrop */
7940/* ============================================================================== */
7941
7942.jcrop-holder { background: unset !important; }
7943
7944
7945/* ============================================================================== */
7946/* CSS style used for jFlot */
7947/* ============================================================================== */
7948
7949.dol-xaxis-vertical .flot-x-axis .flot-tick-label.tickLabel {
7950 text-orientation: sideways;
7951 font-weight: 400;
7952 writing-mode: vertical-rl;
7953 white-space: nowrap;
7954}
7955
7956
7957/* ============================================================================== */
7958/* For copy-paste feature */
7959/* ============================================================================== */
7960
7961span.clipboardCPValueToPrint, div.clipboardCPValueToPrint {
7962 display: inline-block;
7963}
7964span.clipboardCPValue.hidewithsize {
7965 width: 0 !important;
7966 display: inline-block; /* this will be modify on the fly by the copy-paste js code in lib_foot.js.php to have copy feature working */
7967 color: transparent;
7968 white-space: nowrap;
7969 overflow-x: hidden;
7970 vertical-align: middle;
7971}
7972div.clipboardCPValue.hidewithsize {
7973 width: 0 !important;
7974 display: none;
7975 color: transparent;
7976 white-space: nowrap;
7977}
7978
7979.clipboardCPShowOnHover .clipboardCPButton {
7980 display: none;
7981}
7982
7983/* To make a div popup, we must use a position absolute inside a position relative */
7984.clipboardCPText {
7985 position: relative;
7986}
7987.clipboardCPTextDivInside {
7988 position: absolute;
7989 background: #f8f8fa;
7990 color: #888;
7991 border: 1px solid #E0E0E0;
7992 opacity: 1;
7993 z-index: 20;
7994 padding: 2px;
7995 padding-left: 5px;
7996 padding-right: 5px;
7997 top: -5px;
7998 left: 0px;
7999 border-radius: 5px;
8000 white-space: nowrap;
8001 font-size: 0.9em;
8002 box-shadow: 1px 1px 6px #ddd;
8003}
8004
8005
8006/* ============================================================================== */
8007/* CSS style used for hrm skill/rank (may be we can remove this) */
8008/* ============================================================================== */
8009
8010.radio_js_bloc_number {
8011 display:inline-block;
8012 padding:5px 7px;
8013 min-width:20px;
8014 border-radius:3px;
8015 border:1px solid #ccc;
8016 background:#eee;
8017 color:#555;
8018 cursor:pointer;
8019 margin:2px;
8020 text-align:center;
8021}
8022.radio_js_bloc_number.selected {
8023 transition:0.2s ease background;
8024 background:#888;
8025 color:#fff;
8026 border-color:#555;
8027}
8028
8029
8030/* ============================================================================== */
8031/* Virtual business card */
8032/* ============================================================================== */
8033
8034.virtualcard-div {
8035 overflow: hidden;
8036 vertical-align: top;
8037 /* background: #aaa; */
8038}
8039
8040#virtualcard-iframe {
8041 border: 40px solid #aaa;
8042 vertical-align: top;
8043 width: 10%;
8044 min-width: 100px;
8045 border-radius: 10px;
8046 aspect-ratio: 0.6;
8047}
8048.nopointervent {
8049 pointer-events: none;
8050}
8051.scalepreview {
8052 /* transform: scale(0.5); */
8053 zoom: 0.20;
8054 /* filter: blur(4px); */
8055}
8056
8057/* ============================================================================== */
8058/* For drag and drop file feature */
8059/* ============================================================================== */
8060
8061.cssDragDropArea{
8062 position: relative;
8063}
8064.highlightDragDropArea{
8065 border: 2px #000 dashed !important;
8066 background-color: #eee !important;
8067}
8068.highlightDragDropArea * :not(.dragDropAreaMessage *){
8069 opacity:0.8;
8070 filter: blur(1px) grayscale(90%);
8071}
8072.dragDropAreaMessage {
8073 position: absolute;
8074 left:50%;
8075 top:50%;
8076 transform: translate(-50%, -50%);
8077 text-align:center;
8078 font-size: 2em;
8079}
8080
8081/* ============================================================================== */
8082/* CSS style used for color jPicker */
8083/* ============================================================================== */
8084
8085table.jPicker {
8086 border: 1px solid #bbb !important;
8087}
8088
8089/* ============================================================================== */
8090/* CSS style used for survey */
8091/* ============================================================================== */
8092
8093.opensurveydescription * {
8094 width: 100%;
8095}
8096.imgopensurveywizard
8097{
8098 padding: 0 4px 0 4px;
8099}
8100.survey_borders {
8101 margin-left: 100px;
8102 margin-right: 100px;
8103 text-align: start;
8104}
8105.survey_intro {
8106 background-color: #f0f0f0;
8107 padding: 15px;
8108 border-radius: 8px;
8109}
8110.survey_borders .resultats .nom {
8111 text-align: <?php echo $left; ?>
8112}
8113.survey_borders .resultats .sujet, .survey_borders .resultats .jour {
8114 min-width: 100px;
8115}
8116
8117/* ============================================================================== */
8118/* CSS style used for BookCal */
8119/* ============================================================================== */
8120
8121.center.bookingtab {
8122 margin-left: 20px;
8123}
8124#bookinghoursection {
8125 width: 145px;
8126 height: 320px;
8127 overflow-y: auto;
8128 overflow-x: hidden;
8129 text-align: left;
8130}
8131.bookcalform {
8132 border: 1px solid #000;
8133 padding: 15px;
8134 border-radius: 5px;
8135 margin-bottom: 15px;
8136}
8137
8138
8139/* ============================================================================== */
8140/* CSS style used for small screen */
8141/* ============================================================================== */
8142
8143.topmenuimage {
8144 background-size: 22px auto;
8145 top: 2px;
8146}
8147@media only screen and (max-width: 768px)
8148{
8149 .imgopensurveywizard, .imgautosize { width:95%; height: auto; }
8150
8151 .fiche > .listactionsfilter .table-fiche-title .col-title .titre {
8152 display: none;
8153 }
8154
8155 .navselectiondate {
8156 width: 220px;
8157 }
8158
8159 #tooltip {
8160 position: absolute;
8161 width: <?php print dol_size(350, 'width'); ?>px;
8162 }
8163
8164 div.tabBar {
8165 padding-left: 0px;
8166 padding-right: 0px;
8167 -webkit-border-radius: 0;
8168 border-radius: 0px;
8169 border-right: none;
8170 border-left: none;
8171 }
8172
8173 td.widthpictotitle { width: 30px; }
8174
8175 .logopublicpayment #dolpaymentlogo {
8176 max-width: 260px;
8177 }
8178 #tablepublicpayment {
8179 width: auto !important;
8180 border: none !important;
8181 }
8182 .poweredbypublicpayment {
8183 float: unset !important;
8184 top: unset !important;
8185 /* bottom: 8px; */
8186 right: -10px !important;
8187 position: relative !important;
8188 }
8189 .poweredbyimg {
8190 width: 48px;
8191 }
8192
8193 .survey_borders {
8194 margin-left: 10px;
8195 margin-right: 10px;
8196 text-align: start;
8197 }
8198
8199 .bookcalform.boxtable .minwidth75 {
8200 min-width: auto;
8201 }
8202 .center.bookingtab {
8203 margin-left: 6px;
8204 }
8205 #bookinghoursection {
8206 font-size: small;
8207 width: 122px;
8208 }
8209
8210 #dolpublictable {
8211 padding: 10px;
8212 }
8213}
8214
8215@media only screen and (max-width: 1024px)
8216{
8217 div#ecm-layout-west {
8218 width: calc(100% - 4px);
8219 clear: both;
8220 }
8221 div#ecm-layout-center {
8222 width: 100%;
8223 }
8224}
8225
8226/* nboftopmenuentries = <?php echo $nbtopmenuentries ?>, fontsize=<?php echo is_numeric($fontsize) ? $fontsize.'px' : $fontsize ?> */
8227/* rule to reduce top menu - 1st reduction: Reduce width of top menu icons */
8228@media only screen and (max-width: <?php echo getDolGlobalString('THEME_ELDY_WITDHOFFSET_FOR_REDUC1', round($nbtopmenuentries * 90, 0) + 340); ?>px) /* reduction 1 */
8229{
8230 div.tmenucenter {
8231 width: <?php echo round(52); ?>px; /* size of viewport */
8232 white-space: nowrap;
8233 overflow: hidden;
8234 text-overflow: ellipsis;
8235
8236 color: var(--colortextbackhmenu);
8237 /* color: var(--colorbackhmenu1); */
8238 }
8239 .tmenuimage {
8240 color: var(--colortextbackhmenu);
8241 }
8242
8243 .mainmenuaspan {
8244 font-size: 0.9em;
8245 padding-right: 0;
8246 padding-left: 0;
8247 }
8248 .topmenuimage {
8249 background-size: 22px auto;
8250 margin-top: 0px;
8251 }
8252
8253 li.tmenu, li.tmenusel {
8254 min-width: 36px;
8255 }
8256 div.mainmenu {
8257 min-width: auto;
8258 }
8259 div.tmenuleft {
8260 display: none;
8261 }
8262
8263 .dropdown dd ul {
8264 max-width: 370px;
8265 }
8266}
8267/* rule to reduce top menu - 2nd reduction: Reduce width of top menu icons again (<?php echo $nbtopmenuentries ?> menu entries) */
8268@media only screen and (max-width: <?php echo getDolGlobalString('THEME_ELDY_WITDHOFFSET_FOR_REDUC2', round($nbtopmenuentries * 69, 0) + 130); ?>px) /* reduction 2 */
8269{
8270 li.tmenucompanylogo {
8271 display: none;
8272 }
8273 div.mainmenu {
8274 height: 23px;
8275 }
8276 div.tmenucenter {
8277 max-width: <?php echo max(26, ceil(300 / ($nbtopmenuentriesreal + 2))); ?>px; /* size of viewport */
8278 text-overflow: clip;
8279 }
8280 span.mainmenuaspan {
8281 margin-left: 1px;
8282 }
8283 .mainmenuaspan {
8284 font-size: 0.9em;
8285 padding-left: 0;
8286 padding-right: 0;
8287 }
8288 .topmenuimage {
8289 background-size: 20px auto;
8290 margin-top: 2px;
8291 left: 4px;
8292 }
8293
8294 .dropdown dd ul {
8295 max-width: 300px;
8296 }
8297}
8298/* rule to reduce top menu - 3rd reduction: The menu for user is now on left */
8299<?php if (!getDolUserInt('MAIN_OPTIMIZEFORTEXTBROWSER')) { ?>
8300@media only screen and (max-width: <?php echo getDolGlobalString('THEME_ELDY_WITDHOFFSET_FOR_REDUC3', round($nbtopmenuentries * 47, 0) + 130); ?>px) /* reduction 3 */
8301{
8302 <?php if (getDolGlobalInt('THEME_TOPMENU_DISABLE_IMAGE') == 2) { ?>
8303 .tmenudiv:hover .tmenuimage:not(.menuhider), .tmenudiv:hover .tmenuimage:not(.menuhider):before {
8304 margin-top: 8px !important;
8305 }
8306 <?php } ?>
8307
8308 .side-nav {
8309 z-index: 200;
8310 background: var(--colorbackvmenu1);
8311 padding-top: 70px;
8312 }
8313 #id-left {
8314 z-index: 201;
8315 background: var(--colorbackvmenu1);
8316 }
8317 #id-right { /* This must stay id-right and not be replaced with echo $right */
8318 padding-top: 8px;
8319 }
8320
8321 .login_vertical_align {
8322 padding-left: 20px;
8323 padding-right: 20px;
8324 }
8325
8326 /* Reduce login top right info */
8327 .help {
8328 <?php if ($disableimages) { ?>
8329 display: none;
8330 <?php } ?>
8331 }
8332 div#tmenu_tooltip {
8333 <?php if (GETPOST('optioncss', 'aZ09') == 'print') { ?>
8334 display:none;
8335 <?php } else { ?>
8336 padding-<?php echo $right; ?>: 0;
8337 <?php } ?>
8338 }
8339 div.login_block_user {
8340 min-width: 0;
8341 width: 100%;
8342 }
8343 div.login_block a {
8344 color: unset;
8345 }
8346 div.login_block {
8347 /* Style when phone layout or when using the menuhider */
8348 padding-top: 10px;
8349 padding-left: 20px;
8350 padding-right: 20px;
8351 padding-bottom: 16px;
8352 top: auto;
8353 left: 0 !important;
8354 text-align: center;
8355 vertical-align: middle;
8356
8357 background: var(--colorbackvmenu1);
8358
8359 height: 50px;
8360
8361 z-index: 202;
8362 min-width: 245px; /* must be width of menu + padding + padding of sidenav */
8363 max-width: 245px; /* must be width of menu + padding + padding of sidenav */
8364 width: 245px; /* must be width of menu + padding + padding of sidenav */
8365 }
8366 .loginbuttonexternal {
8367 width: 260px;
8368 }
8369 .side-nav-vert .user-menu .dropdown-menu {
8370 width: 278px !important; /* must be width of menu + padding + padding of sidenav */
8371 }
8372 div.login_block_other {
8373 margin-right: unset;
8374 }
8375 div.login_block_user, div.login_block_other { clear: both; }
8376 .atoplogin, .atoplogin:hover
8377 {
8378 color:unset !important;
8379 padding-left: 4px;
8380 padding-right: 4px;
8381 }
8382 .login_block_elem {
8383 padding: 0 !important;
8384 height: 38px;
8385 }
8386 li.tmenu, li.tmenusel {
8387 min-width: 32px;
8388 }
8389 div.mainmenu {
8390 height: 23px;
8391 }
8392 div.tmenucenter {
8393 text-overflow: clip;
8394 }
8395 .topmenuimage {
8396 background-size: 20px auto;
8397 margin-top: 2px !important;
8398 left: 2px;
8399 }
8400 div.mainmenu {
8401 min-width: 20px;
8402 }
8403
8404 .titlefield {
8405 width: auto !important; /* We want to ignore the 30%, try to use more if you can */
8406 }
8407 .tableforfield>tr>td:first-child, .tableforfield>tbody>tr>td:first-child, div.tableforfield div.tagtr>div.tagtd:first-of-type {
8408 /* max-width: 100px; */ /* but no more than 100px */
8409 }
8410 .tableforfield>tr>td:nth-child(2), .tableforfield>tbody>tr>td:nth-child(2), div.tableforfield div.tagtr>div.tagtd:nth-child(2) {
8411 word-break: break-word;
8412 }
8413 .badge {
8414 min-width: auto;
8415 font-size: 0.94em;
8416 }
8417
8418 table.table-fiche-title .col-title div.titre{
8419 line-height: unset;
8420 }
8421
8422 input#addedfile {
8423 width: 95%;
8424 }
8425
8426 #divbodywebsite {
8427 word-break: break-word;
8428 }
8429
8430 .websiteselectionsection {
8431 border-left: unset;
8432 border-right: unset;
8433 padding-left: 5px;
8434 }
8435
8436 .a-mesure, .a-mesure-disabled {
8437 display: block;
8438 margin-bottom: 6px;
8439 padding-left: 12px;
8440 padding-right: 12px;
8441 }
8442
8443 .a-mesure, .a-mesure-disabled {
8444 text-align: center;
8445 }
8446
8447
8448 .underbanner.underbanner-before-box {
8449 border-bottom: none;
8450 }
8451
8452 .valuefield.fieldname_type span.badgeneutral {
8453 margin-top: 5px;
8454 display: inline-block;
8455 }
8456
8457 tr.trextrafieldseparator td, tr.trextrafields_collapse_last td {
8458 /* border-bottom: 2px solid var(--colorbackhmenu1) !important; */
8459 border-bottom: 1px solid var(--colortopbordertitle1) !important;
8460 }
8461
8462 div#card-errors {
8463 max-width: unset;
8464 }
8465
8466 #dolpaymenttable {
8467 padding: 5px;
8468 }
8469
8470 .lilevel1 span.paddingright {
8471 padding-right: 4px;
8472 }
8473
8474 img.userphotopublicvcard {
8475 left: unset;
8476 top: unset;
8477 margin-top: 30px;
8478 }
8479}
8480<?php } ?>
8481
8482
8483@media only screen and (max-width: 320px)
8484{
8485 .dropdown dd ul {
8486 max-width: 270px; /* must always be 50 slower than width */
8487 }
8488}
8489@media only screen and (max-width: 300px)
8490{
8491 .dropdown dd ul {
8492 max-width: 250px;
8493 }
8494}
8495@media only screen and (max-width: 280px)
8496{
8497 .dropdown dd ul {
8498 max-width: 230px;
8499 }
8500}
8501
8502<?php
8503if (getDolUserString('MAIN_OPTIMIZEFORTEXTBROWSER')) {
8504 // Set a max height on multiselect when using multiselect
8505 ?>
8506 select[multiple] {
8507 height: 42px;
8508 }
8509 <?php
8510}
8511
8512
8513include dol_buildpath($path.'/theme/'.$theme.'/dropdown.inc.php', 0);
8514include dol_buildpath($path.'/theme/'.$theme.'/emaillayout.inc.php', 0);
8515include dol_buildpath($path.'/theme/'.$theme.'/info-box.inc.php', 0);
8516include dol_buildpath($path.'/theme/'.$theme.'/progress.inc.php', 0);
8517include dol_buildpath($path.'/theme/'.$theme.'/timeline.inc.php', 0);
8518
8519
8520// Add custom CSS if defined
8521print getDolGlobalString('THEME_CUSTOM_CSS');
8522
8523?>
8524
8525div.extra_inline_chkbxlst, div.extra_inline_checkbox {
8526 min-width:150px;
8527}
8528
8529/* Must be at end */
8530div.flot-text .flot-tick-label .tickLabel, .fa-color-unset {
8531 color: unset;
8532
8533}
print $langs trans("AuditedSecurityEvents").'</strong >< span class="opacitymedium"></span >< br > status
Or an array listing all the potential status of the object: array: int of the status => translated la...
Definition security.php:637
print $object position
Definition edit.php:195
getDolUserInt($key, $default=0, $tmpuser=null)
Return Dolibarr user constant int value.
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.
getDolUserString($key, $default='', $tmpuser=null)
Return Dolibarr user constant string value.
getDolGlobalInt($key, $default=0)
Return a 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.
a disabled
treeview li table
No Email.
ui state ui widget content ui state ui widget header ui state a ui button
0 = Do not include form tag and submit button -1 = Do not include form tag but include submit button
table table fiche title col title div col center btnTitle icon
Automatically calls the icon named with the corresponding "object_" prefix.
$conf db user
Active Directory does not allow anonymous connections.
Definition repair.php:141
if(preg_match('/crypted:/i', $dolibarr_main_db_pass)||!empty($dolibarr_main_db_encrypted_pass)) $conf db type
Definition repair.php:137
$conf db name
Only used if Module[ID]Name translation string is not found.
Definition repair.php:140