dolibarr 21.0.0-alpha
global.inc.php
Go to the documentation of this file.
1<?php
2/* Copyright (C) 2004-2024 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 <?php
221 //print getDolUserInt('MAIN_OPTIMIZEFORTEXTBROWSER') ? (getDolUserInt('MAIN_OPTIMIZEFORTEXTBROWSER') > 100 ? 'zoom: '.getDolUserInt('MAIN_OPTIMIZEFORTEXTBROWSER').'%;' : 'zoom: 150%;') : '';
222 ?>
223 /* zoom: 105%; */ /* not supported by all browsers. pb for popup position with select2. */
224}
225
226/* Style used to protect html content in output to avoid attack by replacing full page with js content */
227.sensiblehtmlcontent * {
228 position: static !important;
229}
230
231.thumbstat { font-weight: bold !important; }
232th a { font-weight: <?php echo($useboldtitle ? 'bold' : 'normal'); ?> !important; }
233a.tab { font-weight: 500 !important; }
234
235a:link, a:visited, a:hover, a:active, .classlink { color: var(--colortextlink); text-decoration: none; }
236a:hover { text-decoration: underline; color: var(--colortextlink); }
237a.commonlink { color: var(--colortextlink) !important; text-decoration: none; }
238
239th.liste_titre a div div:hover, th.liste_titre_sel a div div:hover { text-decoration: underline; }
240tr.liste_titre th.liste_titre_sel:not(.maxwidthsearch), tr.liste_titre td.liste_titre_sel:not(.maxwidthsearch),
241tr.liste_titre th.liste_titre:not(.maxwidthsearch), tr.liste_titre td.liste_titre:not(.maxwidthsearch) { opacity: 0.8; }
242/* th.liste_titre_sel a, th.liste_titre a, td.liste_titre_sel a, td.liste_titre a { color: #766; } */
243tr.liste_titre_filter th.liste_titre { text-align: unset; }
244
245input {
246 font-size: unset;
247}
248select.vmenusearchselectcombo {
249 background-color: unset;
250}
251
252table.liste th.wrapcolumntitle.liste_titre:not(.maxwidthsearch), table.liste td.wrapcolumntitle.liste_titre:not(.maxwidthsearch),
253table.liste th.wrapcolumntitle.liste_titre_sel:not(.maxwidthsearch), table.liste td.wrapcolumntitle.liste_titre_sel:not(.maxwidthsearch) {
254 overflow: hidden;
255 white-space: nowrap;
256 max-width: 100px;
257 text-overflow: ellipsis;
258}
259th.wrapcolumntitle dl dt a span.fas.fa-list {
260 vertical-align: middle;
261 padding-bottom: 1px;
262}
263
264/*.liste_titre input[name=month_date_when], .liste_titre input[name=monthvalid], .liste_titre input[name=search_ordermonth], .liste_titre input[name=search_deliverymonth],
265.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],
266.liste_titre select[name=year],
267.liste_titre input[name=month_lim], .liste_titre input[name=month_start], .liste_titre input[name=month_end], .liste_titre input[name=month_create],
268.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],
269.liste_titre input[name=search_month_update], .liste_titre input[name=search_month_start], .liste_titre input[name=search_month_end],
270.liste_titre input[name=day_date_when], .liste_titre input[name=dayvalid], .liste_titre input[name=search_orderday], .liste_titre input[name=search_deliveryday],
271.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],
272.liste_titre input[name=day_lim], .liste_titre input[name=day_start], .liste_titre input[name=day_end], .liste_titre input[name=day_create],
273.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],
274.liste_titre input[name=search_day_create], .liste_titre input[name=search_day_start], .liste_titre input[name=search_day_end],
275.liste_titre input[name=search_day_date_when], .liste_titre input[name=search_month_date_when], .liste_titre input[name=search_year_date_when],
276.liste_titre input[name=search_dtstartday], .liste_titre input[name=search_dtendday], .liste_titre input[name=search_dtstartmonth], .liste_titre input[name=search_dtendmonth],
277*/
278.liste_titre input[name=search_month], .liste_titre input[name=search_month_start], .liste_titre input[name=search_month_end] {
279 margin-right: 4px;
280}
281
282select#date_startday, select#date_startmonth, select#date_endday, select#date_endmonth, select#reday, select#remonth,
283input, input.flat, form.flat select, select, select.flat, .dataTables_length label select {
284 border: none;
285}
286input, input.flat, textarea, textarea.flat, form.flat select, select, select.flat, .dataTables_length label select {
287 color: var(--colortext);
288 border-radius: 3px;
289 font-family: <?php print $fontlist ?>;
290 outline: none;
291 margin: 0px 0px 0px 0px;
292 background-color: var(--inputbackgroundcolor);
293 <?php if (!getDolGlobalString('THEME_ADD_BACKGROUND_ON_INPUT')) { ?>
294 border<?php echo !getDolGlobalString('THEME_SHOW_BORDER_ON_INPUT') ? '-bottom' : ''; ?>: solid 1px var(--inputbordercolor);
295 <?php } ?>
296}
297
298.liste_titre input, .liste_titre select {
299 border: none;
300 border<?php echo !getDolGlobalString('THEME_SHOW_BORDER_ON_INPUT') ? '-bottom' : ''; ?>: solid 1px var(--inputbordercolor);
301 /* padding: 5px; */
302}
303.divadvancedsearchfieldcompinput,
304div.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
305{
306 border<?php echo !getDolGlobalString('THEME_SHOW_BORDER_ON_INPUT') ? '-bottom' : ''; ?>: solid 1px var(--inputbordercolor);
307 <?php
308 if (getDolGlobalString('THEME_ADD_BACKGROUND_ON_INPUT')) { ?>
309 background-color: #f8f8fa;
310 border-bottom-left-radius: 0;
311 border-bottom-right-radius: 0;
312 <?php
313 }
314 ?>
315}
316.divadvancedsearchfieldcompinput {
317 background: #fff;
318 border-bottom: solid 1px var(--inputbordercolor);
319 border-radius: 3px;
320}
321input[name=duration_value], input[name=durationhour]
322{
323 margin-right: 4px !important;
324}
325input[type=submit], input[type=submit]:hover {
326 margin-left: 5px;
327}
328input[type=checkbox], input[type=radio] {
329 margin: 0 3px 0 1px;
330}
331.kanban input.checkforselect {
332 margin-right: 0px;
333 margin-top: 5px;
334}
335input {
336 line-height: 1.3em;
337 padding: 4px;
338 padding-left: 5px;
339}
340.tableforfield input, .refidno input {
341 padding: 2px;
342}
343select {
344 padding-top: 4px;
345 padding-right: 4px;
346 padding-bottom: 5px;
347 padding-left: 2px;
348}
349input, select {
350 margin-left: 0px;
351 margin-bottom: 1px;
352 margin-top: 1px;
353}
354#mainbody input.button:not(.buttongen):not(.bordertransp), #mainbody a.button:not(.buttongen):not(.bordertransp) {
355 background: var(--butactionbg);
356 color: var(--textbutaction);
357 border-radius: 4px;
358 border-collapse: collapse;
359 border: none;
360}
361#mainbody span.websitetools input.button:not(.buttongen):not(.bordertransp) {
362 color: #000 !important;
363}
364#mainbody input.buttongen, #mainbody button.buttongen {
365 padding: 3px 4px;
366}
367input.button:hover {
368 -webkit-box-shadow: 0px 0px 6px 1px rgb(50 50 50 / 40%), 0px 0px 0px rgb(60 60 60 / 10%);
369 box-shadow: 0px 0px 6px 1px rgb(50 50 50 / 40%), 0px 0px 0px rgb(60 60 60 / 10%);
370}
371input.button:focus {
372 border-bottom: 0;
373}
374
375input.button.massactionconfirmed {
376 margin: 4px;
377}
378
379input:invalid, select:invalid, input.--error , select.--error {
380 border-color: #ea1212;
381}
382
383section.setupsection {
384 padding: 20px;
385 background-color: var(--colorbackgrey);
386 border-radius: 5px;
387}
388
389.field-error-icon { color: #ea1212 !important; }
390
391/* Focus definitions must be after standard definition */
392div.tabBar textarea:focus {
393 border: 1px solid #aaa !important;
394}
395input:focus:not(.button):not(.buttonwebsite):not(.buttonreset):not(.select2-search__field):not(#top-bookmark-search-input):not(.search_component_input):not(.input-nobottom),
396 select:focus, .select2-container--open [aria-expanded="false"].select2-selection--single,
397 .select2-container--focus span.selection span.select2-selection {
398 border-bottom: 1px solid #666 !important;
399 border-bottom-left-radius: 0 !important;
400 border-bottom-right-radius: 0 !important;
401}
402textarea.cke_source:focus
403{
404 box-shadow: none;
405}
406div#cke_dp_desc {
407 margin-top: 5px;
408}
409textarea {
410 border-radius: 3px;
411 border-top: solid 1px var(--inputbordercolor);
412 border-left: solid 1px var(--inputbordercolor);
413 border-right: solid 1px var(--inputbordercolor);
414 border-bottom: solid 1px var(--inputbordercolor);
415
416 padding:4px;
417 margin-left:0px;
418 margin-bottom:1px;
419 margin-top:1px;
420 }
421input.removedassigned {
422 padding: 2px !important;
423 vertical-align: text-bottom;
424 margin-bottom: -3px;
425}
426input.smallpadd { /* Used for timesheet input */
427 padding-left: 0px !important;
428 padding-right: 0px !important;
429}
430input.buttongen {
431 vertical-align: middle;
432}
433input.buttonpayment, button.buttonpayment, div.buttonpayment {
434 min-width: 290px;
435 margin-bottom: 15px;
436 margin-top: 15px;
437 height: 60px;
438 background-image: none;
439 line-height: 24px;
440 padding: 8px;
441 background: none;
442 text-align: center;
443 border: 0;
444 background-color: #9999bb;
445 white-space: normal;
446 box-shadow: 1px 1px 4px #bbb;
447 color: #fff;
448 border-radius: 4px;
449 cursor: pointer;
450 max-width: 350px;
451}
452input.short {
453 width: 40px;
454}
455.nofocusvisible:focus-visible {
456 outline: none;
457}
458
459div.buttonpayment input:focus {
460 color: #008;
461}
462.buttonpaymentsmall {
463 font-size: 0.65em;
464 padding-left: 5px;
465 padding-right: 5px;
466}
467div.buttonpayment input {
468 background-color: unset;
469 color: #fff;
470 border-bottom: unset;
471 font-weight: bold;
472 text-transform: uppercase;
473 cursor: pointer;
474}
475input.buttonpaymentcb {
476 background-image: url(<?php echo dol_buildpath($path.'/theme/common/credit_card.png', 1) ?>);
477 background-size: 26px;
478 background-repeat: no-repeat;
479 background-position: 5px 11px;
480}
481input.buttonpaymentcheque {
482 background-image: url(<?php echo dol_buildpath($path.'/theme/common/cheque.png', 1) ?>);
483 background-size: 24px;
484 background-repeat: no-repeat;
485 background-position: 5px 8px;
486}
487input.buttonpaymentpaypal {
488 background-image: url(<?php echo dol_buildpath($path.'/paypal/img/object_paypal.png', 1) ?>);
489 background-repeat: no-repeat;
490 background-position: 8px 11px;
491}
492input.buttonpaymentpaybox {
493 background-image: url(<?php echo dol_buildpath($path.'/paybox/img/object_paybox.png', 1) ?>);
494 background-repeat: no-repeat;
495 background-position: 8px 11px;
496}
497input.buttonpaymentstripe {
498 background-image: url(<?php echo dol_buildpath($path.'/stripe/img/object_stripe.png', 1) ?>);
499 background-repeat: no-repeat;
500 background-position: 8px 11px;
501}
502.logopublicpayment #dolpaymentlogo {
503 max-height: 80px;
504 max-width: 300px;
505 image-rendering: -webkit-optimize-contrast; /* better rendering on public page header */
506}
507
508a.butStatus {
509 padding-left: 5px;
510 padding-right: 5px;
511 background-color: transparent;
512 color: var(--colortext) !important;
513 border: 1px solid #888 !important;
514 margin: 0 0.45em !important;
515}
516
517span.userimg.notfirst, div.userimg.notfirst {
518 margin-left: -5px;
519}
520div.userimg.notfirst {
521 display: block-inline;
522}
523
524/* Used by timesheets */
525span.timesheetalreadyrecorded input {
526 border: none;
527 border-bottom: solid 1px rgba(0,0,0,0.4);
528 margin-right: 1px !important;
529}
530td.onholidaymorning, td.onholidayafternoon {
531 background-color: #fdf6f2;
532}
533td.onholidayallday {
534 background-color: #f4eede;
535}
536td.onholidayallday:not(.weekend) input {
537 background-color: #f8f7f0;
538}
539td.weekend { /* must be after td.onholidayallday */
540 background-color: #f8f4f4;
541}
542td.weekend input {
543 /* background-color: #f8f8f8; */
544}
545tr:hover td.weekend {
546 background: var(--colorbacklinepairhover) !important;
547}
548
549/*
550td.leftborder, td.hide0 {
551 border-left: 1px solid #ccc;
552}
553td.leftborder, td.hide6 {
554 border-right: 1px solid #ccc;
555}
556*/
557td.rightborder {
558 border-right: 1px solid #ccc;
559}
560
561td.linecoldescription.bomline {
562 width: 400px;
563}
564
565td.amount, span.amount, div.amount, b.amount {
566 color: #006666;
567 white-space: nowrap;
568}
569span.amount {
570 white-space: nowrap;
571}
572td.actionbuttons a {
573 padding-left: 6px;
574}
575select.flat, form.flat select, .pageplusone {
576 font-weight: normal;
577 font-size: unset;
578}
579input.pageplusone {
580 padding-bottom: 4px;
581 padding-top: 4px;
582 margin-right: 4px;
583 margin-left: 3px;
584}
585.paginationlastpage a {
586 padding-left: 8px;
587}
588
589.saturatemedium {
590 filter: saturate(0.8);
591}
592
593.optionblue {
594 color: var(--colortextlink);
595}
596.optiongrey, .opacitymedium {
597 opacity: 0.4;
598}
599.opacitymediumbycolor {
600 color: rgba(0, 0, 0, 0.4);
601}
602.opacitylow {
603 opacity: 0.6;
604}
605.opacityhigh {
606 opacity: 0.24;
607}
608.opacitytransp {
609 opacity: 0;
610}
611.colorwhite {
612 color: var(--colorwhite);
613}
614.colorgrey {
615 color: #888 !important;
616}
617.colorblack {
618 color: var(--colorblack);
619}
620.colorblack.totalnboflines {
621 font-size: 90%;
622 opacity: 0.5;
623}
624.fontsizeunset {
625 font-size: unset !important;
626}
627.vmirror {
628 transform: scale(1, -1);
629}
630.hmirror {
631 transform: scale(-1, 1);
632}
633
634select:invalid, select.--error {
635 color: gray;
636}
637input:disabled, textarea:disabled, select[disabled='disabled']
638{
639 background: var(--inputbackgroundcolordisabled);
640 color: var(--inputcolordisabled);
641}
642
643input.liste_titre {
644 box-shadow: none !important;
645}
646input.removedfile {
647 padding: 0px !important;
648 border: 0px !important;
649 vertical-align: text-bottom;
650}
651input[type=file] {
652 background-color: transparent;
653 box-shadow: none;
654 <?php if (!getDolGlobalString('THEME_SHOW_BORDER_ON_INPUT')) { ?>
655 border-top: none;
656 border-left: none;
657 border-right: none;
658 <?php } ?>
659 border<?php echo !getDolGlobalString('THEME_SHOW_BORDER_ON_INPUT') ? '-bottom' : ''; ?>: solid 1px var(--inputbordercolor);
660}
661input[type=checkbox] { background-color: transparent; border: none; box-shadow: none; }
662input[type=radio] { background-color: transparent; border: none; box-shadow: none; }
663input[type=image] { background-color: transparent; border: none; box-shadow: none; }
664input:-webkit-autofill {
665 background-color: #FDFFF0 !important;
666 background-image:none !important;
667 -webkit-box-shadow: 0 0 0 50px #FDFFF0 inset;
668}
669
670/* CSS for placeholder */
671.placeholder { color: #ccc; }
672::-webkit-input-placeholder { color: #ccc; }
673input:-moz-placeholder { color: #ccc; }
674
675input[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; }
676fieldset {
677 border: 1px solid #aaa !important;
678 padding-inline-start: 2em;
679 padding-inline-end: 2em;
680 min-inline-size: auto;
681}
682#div_container_exportoptions fieldset, #div_container_sub_exportoptions fieldset {
683 border: 1px solid #ccc !important;
684}
685.legendforfieldsetstep { padding-bottom: 10px; }
686input#onlinepaymenturl, input#directdownloadlink {
687 opacity: 0.7;
688}
689
690.formconsumeproduce {
691 background: #f3f3f3;
692 padding: 20px 0px 0px 0px;
693 border-radius: 8px;
694}
695
696div#moretabsList, div#moretabsListaction {
697 z-index: 5;
698}
699
700hr { border: 0; border-top: 1px solid #ccc; }
701.tabBar hr { margin-top: 20px; margin-bottom: 17px; }
702
703
704table.tableforfield .button:not(.bordertransp):not(.buttonpayment),
705table.tableforfield .buttonDelete:not(.bordertransp):not(.buttonpayment) {
706 margin-bottom: 2px;
707 margin-top: 2px;
708}
709
710.button:not(.bordertransp):not(.buttonpayment),
711.buttonDelete:not(.bordertransp):not(.buttonpayment) {
712 margin-bottom: 3px;
713 margin-top: 3px;
714 margin-left: 5px;
715 margin-right: 5px;
716 font-family: <?php print $fontlist ?>;
717 display: inline-block;
718 padding: 8px 15px;
719 min-width: 90px;
720 text-align: center;
721 cursor: pointer;
722 text-decoration: none !important;
723 background-color: #f5f5f5;
724 background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
725 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
726 background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
727 background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
728 background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
729 background-repeat: repeat-x;
730 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
731 border: 1px solid #aaa;
732 -webkit-border-radius: 2px;
733 border-radius: 1px;
734
735 font-weight: bold;
736 text-transform: uppercase;
737 color: #444;
738}
739.valuefield .button, .valuefieldcreate .button, .refidno .button:not(.smallpaddingimp) {
740 margin-top: 0 !important;
741 margin-bottom: 0 !important;
742 font-size: 0.85em !important;
743 padding: 5px !important;
744}
745.button:focus, .buttonDelete:focus {
746 -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 60, 0.2), 0px 0px 0px rgba(60,60,60,0.1);
747 box-shadow: 0px 0px 5px 1px rgba(0, 0, 60, 0.2), 0px 0px 0px rgba(60,60,60,0.1);
748}
749.button:hover:not(.nohover), .buttonDelete:hover:not(.nohover) {
750 /* warning: having a larger shadow has side effect when button is completely on left of a table */
751 -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2), 0px 0px 0px rgba(60,60,60,0.1);
752 box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2), 0px 0px 0px rgba(60,60,60,0.1);
753}
754.button:disabled, .buttonDelete:disabled, .button.disabled, .buttonDelete.disabled {
755 opacity: 0.4;
756 box-shadow: none;
757 -webkit-box-shadow: none;
758 cursor: auto;
759 text-decoration: none;
760}
761.buttonRefused {
762 pointer-events: none;
763 cursor: default;
764 opacity: 0.4;
765 box-shadow: none;
766 -webkit-box-shadow: none;
767}
768.button_search, .button_removefilter {
769 border: unset;
770 background-color: unset;
771}
772.button_search:hover, .button_removefilter:hover {
773 cursor: pointer;
774}
775form {
776 padding:0px;
777 margin:0px;
778}
779form#addproduct {
780 padding-top: 20px;
781}
782div.float, span.floatleft
783{
784 float:<?php print $left; ?>;
785}
786div.floatright
787{
788 float:<?php print $right; ?>;
789}
790.block
791{
792 display:block;
793}
794.inline
795{
796 display:inline;
797}
798.inline-block
799{
800 display:inline-block;
801}
802.inline-blockimp
803{
804 display:inline-block !important;
805}
806.largenumber {
807 font-size: 1.4em;
808}
809button[name='button_search_x'] span.fa.fa-search {
810 font-size: 1.3em;
811}
812button[name='button_removefilter_x'] span.fa.fa-remove {
813 opacity: 0.5;
814 font-size: 1.3em;
815}
816button:focus {
817 outline: none;
818}
819.fa-info-circle {
820 padding-<?php echo $left; ?>: 3px;
821}
822.line-height-large {
823 line-height: 1.8em;
824}
825
826th .button {
827 -webkit-box-shadow: none !important;
828 box-shadow: none !important;
829 -webkit-border-radius:0px !important;
830 border-radius:0px !important;
831}
832.maxwidthsearch { /* Max width of column with the search picto */
833 width: 54px;
834 min-width: 54px;
835}
836.valigntop {
837 vertical-align: top;
838}
839.valignmiddle {
840 vertical-align: middle;
841}
842.valignbottom {
843 vertical-align: bottom;
844}
845.valigntextbottom {
846 vertical-align: text-bottom;
847}
848.centpercent {
849 width: 100%;
850}
851.centpercentimp {
852 width: 100% !important;
853}
854.centpercentwithout1imp {
855 width: calc(100% - 1px) !important;
856}
857.centpercentwithoutmenu {
858 width: calc(100% - 200px);
859}
860.quatrevingtpercent, .inputsearch {
861 width: 80%;
862}
863.maxquatrevingtpercent {
864 max-width: 80%;
865}
866.soixantepercent {
867 width: 60%;
868}
869.quatrevingtquinzepercent {
870 width: 95%;
871}
872.quatrevingtpercentminusx {
873 width: calc(80% - 52px);
874}
875.centpercentminusx {
876 width: calc(100% - 52px);
877}
878textarea.centpercent {
879 width: 96%;
880}
881.small, small {
882 font-size: 85%;
883}
884.large {
885 font-size: 125%;
886}
887.double {
888 font-size: 2em;
889}
890
891.h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
892 font-size: 65%;
893}
894.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 {
895 font-weight: 400;
896 line-height: 1;
897 /* color: #777; */
898}
899
900.flip {
901 transform: scaleX(-1) translate(<?php print($left == 'left' ? '' : '-'); ?>2px, 0);
902}
903.rotate90 {
904 transform: rotate(90deg) translate(0, <?php print($left == 'left' ? '' : '-'); ?>2px);
905}
906.center {
907 text-align: center;
908 margin: 0px auto;
909}
910.centerimp {
911 text-align: center !important;
912}
913.alignstart {
914 text-align: start;
915}
916.start {
917 text-align: start;
918}
919.end {
920 text-align: end;
921}
922.left {
923 text-align: <?php print $left; ?>;
924}
925.right {
926 text-align: <?php print $right; ?>;
927}
928.justify {
929 text-align: justify;
930}
931.pull-left {
932 float: left!important;
933}
934.pull-right {
935 float: right!important;
936}
937.nowrap {
938 white-space: <?php print($dol_optimize_smallscreen ? 'normal' : 'nowrap'); ?>;
939}
940.nowraponsmartphone {
941 white-space: <?php print($dol_optimize_smallscreen ? 'nowrap' : 'normal'); ?>;
942}
943.wraponsmartphone {
944 white-space: <?php print($dol_optimize_smallscreen ? 'normal' : 'nowrap'); ?>;
945}
946.liste_titre .nowrap {
947 white-space: nowrap;
948}
949.nowraponall { /* no wrap on all devices */
950 white-space: nowrap;
951}
952.nowrapfordate { /* no wrap on all devices for dates */
953 white-space: nowrap;
954 display: inline-block;
955}
956.wrapimp, .wrapimp pre {
957 white-space: normal !important;
958}
959.wordwrap {
960 word-wrap: break-word;
961}
962.wordbreakimp {
963 word-break: break-word !important;
964}
965.wordbreak {
966 word-break: break-word; /* cut fist between word, inside word if not possible */
967}
968.wordbreakall {
969 word-break: break-all;
970}
971td.wordbreak img, td.wordbreakimp img {
972 max-width: 100%;
973}
974.bold {
975 font-weight: bold !important;
976}
977.nobold {
978 font-weight: normal !important;
979}
980.uppercase {
981 text-transform: uppercase;
982}
983.marginpopup {
984 margin: 20px;
985}
986.nounderline {
987 text-decoration: none;
988}
989.nounderlineimp {
990 text-decoration: none !important;
991}
992.nopadding {
993 padding: 0;
994}
995.nopaddingleft {
996 padding-<?php print $left; ?>: 0;
997}
998.nopaddingright {
999 padding-<?php print $right; ?>: 0;
1000}
1001.nopaddingleftimp {
1002 padding-<?php print $left; ?>: 0 !important;
1003}
1004.nopaddingrightimp {
1005 padding-<?php print $right; ?>: 0 !important;
1006}
1007.paddingleft {
1008 padding-<?php print $left; ?>: 4px;
1009}
1010.paddingleftimp {
1011 padding-<?php print $left; ?>: 4px !important;
1012}
1013.paddingleft2 {
1014 padding-<?php print $left; ?>: 2px;
1015}
1016.paddingleft2imp {
1017 padding-<?php print $left; ?>: 2px !important;
1018}
1019.paddingright {
1020 padding-<?php print $right; ?>: 4px;
1021}
1022.paddingrightimp {
1023 padding-<?php print $right; ?>: 4px !important;
1024}
1025.paddingright2 {
1026 padding-<?php print $right; ?>: 2px;
1027}
1028.paddingright2imp {
1029 padding-<?php print $right; ?>: 2px !important;
1030}
1031.paddingtop {
1032 padding-top: 4px;
1033}
1034.paddingtopimp {
1035 padding-top: 4px !important;
1036}
1037.paddingtop2 {
1038 padding-top: 2px;
1039}
1040.paddingbottom {
1041 padding-bottom: 4px;
1042}
1043.paddingbottomimp {
1044 padding-bottom: 4px !important;
1045}
1046.paddingbottom2 {
1047 padding-bottom: 2px;
1048}
1049.marginleft2 {
1050 margin-<?php print $left; ?>: 2px;
1051}
1052.marginright2 {
1053 margin-<?php print $right; ?>: 2px;
1054}
1055.paddinglarge {
1056 padding: 6px !important;
1057}
1058.nowidthimp {
1059 width: unset !important;
1060}
1061.cursordefault {
1062 cursor: default;
1063}
1064.cursorpointer {
1065 cursor: pointer;
1066}
1067.classfortooltiponclick .fa-question-circle {
1068 cursor: pointer;
1069}
1070.cursormove {
1071 cursor: move;
1072}
1073.cursornotallowed {
1074 cursor: not-allowed;
1075}
1076.cursorwait {
1077 cursor: wait;
1078}
1079.backgroundblank {
1080 background-color: #fff;
1081}
1082.nobackground, .nobackground tr {
1083 background: unset !important;
1084}
1085.checkboxattachfilelabel {
1086 font-size: 0.85em;
1087 opacity: 0.7;
1088}
1089.borderimp {
1090 border: 1px solid #888 !important;
1091}
1092.text-warning{
1093 color : <?php print $textWarning; ?>
1094}
1095/* CSS used for long description and extrafield text */
1096.shortmessagecut {
1097 max-height: <?php print getDolGlobalInt('MAIN_CSS_SHORTMESSSAGECUT', 125); ?>px;
1098 max-width: 100%;
1099 overflow-y: auto;
1100}
1101.longmessagecut {
1102 max-height: <?php print getDolGlobalInt('MAIN_CSS_LONGMESSSAGECUT', 250); ?>px;
1103 max-width: 100%;
1104 overflow-y: auto;
1105}
1106div.urllink {
1107 padding: 5px;
1108 margin-top: 5px;
1109 margin-bottom: 5px;
1110 /* border: 1px solid #ccc; */
1111 border-radius: 5px;
1112 /* width: fit-content; */
1113 background-color: #f0f0f8;
1114 opacity: 0.8;
1115}
1116div.urllink, div.urllink a {
1117 color: #339 !important;
1118}
1119.divsection {
1120 padding: 10px;
1121 border: 1px solid #DFDFDF;
1122 border-radius: 10px;
1123 margin-top: 5px;
1124 margin-bottom: 20px;
1125 /* background-color: rgba(0, 0, 0, 0.02); */
1126}
1127
1128i.fa-mars::before, i.fa-venus::before, i.fa-genderless::before, i.fa-transgender::before {
1129 color: #888 !important;
1130 opacity: 0.4;
1131 padding-<?php echo $left; ?>: 3px;
1132}
1133.stockmovemententry {
1134 color: #080;
1135 transform: rotate(0.25turn);
1136 font-size: 1.2em;
1137}
1138.stockmovementexit {
1139 color: #968822;
1140 transform: rotate(0.3turn);
1141 font-size: 1.2em;
1142}
1143.stockmovement {
1144 font-size: 1.4em;
1145}
1146.publisherlogoinline {
1147 vertical-align: middle;
1148 height: 14px;
1149 width: 14px;
1150 margin-left: 5px;
1151}
1152
1153.linecolht {
1154 white-space: nowrap;
1155}
1156
1157
1158body[class*="colorblind-"] .text-warning{
1159 color : <?php print $colorblind_deuteranopes_textWarning; ?>
1160}
1161.text-success{
1162 color : <?php print $textSuccess; ?>
1163}
1164body[class*="colorblind-"] .text-success{
1165 color : <?php print $colorblind_deuteranopes_textSuccess; ?>
1166}
1167
1168.text-danger{
1169 color : <?php print $textDanger; ?>
1170}
1171
1172.editfielda span.fa-pencil-alt, .editfielda span.fa-pencil-ruler, .editfielda span.fa-trash, .editfielda span.fa-crop, .editfielda span.fa-eye,
1173.editfieldlang {
1174 color: #ccc !important;
1175}
1176.editfielda span.fa-pencil-alt:hover, .editfielda span.fa-pencil-ruler:hover, .editfielda span.fa-trash:hover, .editfielda span.fa-crop:hover,
1177.editfieldlang:hover {
1178 color: var(--colortexttitle) !important;
1179}
1180a.editfielda.nohover *:hover:before {
1181 color: #ccc !important;
1182}
1183
1184.fawidth30 {
1185 width: 20px;
1186}
1187.floatnone {
1188 float: none !important;
1189}
1190
1191span.fa.fa-plus-circle.paddingleft {
1192 padding-right: 4px;
1193 padding-top: 3px;
1194 padding-bottom: 2px;
1195}
1196
1197.size12x { font-size: 1.2em !important; }
1198.size15x { font-size: 1.5em !important; }
1199.fa-toggle-on, .fa-toggle-off, .size2x { font-size: 2em; }
1200.websiteselectionsection .fa-toggle-on, .websiteselectionsection .fa-toggle-off,
1201.asetresetmodule .fa-toggle-on, .asetresetmodule .fa-toggle-off,
1202.tdwebsitesearchresult .fa-toggle-on, .tdwebsitesearchresult .fa-toggle-off
1203{
1204 font-size: 1.5em;
1205 vertical-align: text-bottom;
1206}
1207
1208.divoverflow {
1209 overflow: hidden;
1210 white-space: nowrap;
1211 vertical-align: middle;
1212 text-overflow: ellipsis;
1213}
1214
1215
1216/* Themes for badges */
1217
1218<?php include dol_buildpath($path.'/theme/'.$theme.'/badges.inc.php', 0); ?>
1219<?php include dol_buildpath($path.'/theme/'.$theme.'/flags-sprite.inc.php', 0); ?>
1220
1221.borderrightlight
1222{
1223 border-right: 1px solid #DDD;
1224}
1225.borderleftlight
1226{
1227 border-left: 1px solid #DDD;
1228}
1229#formuserfile {
1230 margin-top: 4px;
1231}
1232#formuserfile input[type='file'] {
1233 font-size: 1em;
1234 /* opacity: 0.5em; */
1235}
1236/*#formuserfile input[type='file']:valid {
1237 color: #a00;
1238}
1239#formuserfile input[type='file']:empty {
1240 color: #0a0;
1241}*/
1242
1243#formuserfile_link {
1244 margin-left: 1px;
1245}
1246#formuserfile_link input[type='text'] {
1247 font-size: 1em;
1248}
1249.listofinvoicetype {
1250 height: 2.2em;
1251 vertical-align: middle;
1252}
1253.divsocialnetwork:not(:last-child) {
1254 padding-<?php print $right; ?>: 20px;
1255}
1256div.divsearchfield {
1257 /* float: <?php print $left; ?>; */
1258 display: inline-block;
1259 margin-<?php print $right; ?>: 12px;
1260 margin-<?php print $left; ?>: 2px;
1261 margin-top: 4px;
1262 margin-bottom: 4px;
1263 padding-left: 2px;
1264}
1265.divfilteralone {
1266 background-color: rgba(0, 0, 0, 0.08);
1267 border-radius: 5px;
1268 padding-left: 5px;
1269}
1270.divsearchfieldfilter {
1271 text-overflow: clip;
1272 overflow: auto;
1273 padding-bottom: 5px;
1274 opacity: 0.6;
1275 font-size: small;
1276}
1277.divadvancedsearchfield:first-child {
1278 margin-top: 3px;
1279}
1280.divadvancedsearchfield {
1281 float: left;
1282 padding-left: 15px;
1283 padding-right: 15px;
1284 padding-bottom: 2px;
1285 padding-top: 2px;
1286}
1287.divadvancedsearchfield span.select2.select2-container.select2-container--default {
1288 /* padding-bottom: 4px; */
1289}
1290.search_component_params {
1291 /*display: flex; */
1292 -webkit-flex-flow: row wrap;
1293 flex-flow: row wrap;
1294 background: #fff;
1295 padding-top: 3px;
1296 padding-bottom: 3px;
1297 padding-<?php echo $left; ?>: 0;
1298 padding-<?php echo $right; ?>: 0;
1299 border-bottom: solid 1px var(--inputbordercolor);
1300 line-height: 24px;
1301 border-radius: 3px;
1302}
1303.search_component_searchtext {
1304 padding-top: 2px;
1305}
1306.search_component_params_text, .search_component_params_text:focus {
1307 border-bottom: none;
1308 width: auto;
1309 margin: 0 !important;
1310 padding: 3px;
1311}
1312.tagsearch .tagsearchdelete {
1313 height: 20px;
1314}
1315.tagsearch {
1316 padding: 2px;
1317 padding-right: 4px;
1318 padding-top: 0px;
1319 padding-bottom: 0px;
1320 background: #ddd;
1321 border-radius: 4px;
1322 display: inline-block;
1323}
1324.tagsearchdelete {
1325 color: #999;
1326 cursor: pointer;
1327 display: inline-block;
1328 font-weight: bold;
1329 margin-right: 2px;
1330 padding-left: 4px;
1331}
1332
1333.caretleftaxis {
1334 margin-left: -13px;
1335 margin-top: -1px;
1336 position: absolute;
1337}
1338.caretdownaxis {
1339 margin-left: -12px;
1340 margin-top: 0;
1341 position: absolute;
1342}
1343
1344.a-filter, .a-mesure {
1345 border-radius: 50px;
1346 background: var(--colortexttitlenotab);
1347 color: #fff;
1348 padding: 8px 10px 8px 6px;
1349}
1350.a-filter:before {
1351 content: "\f0b0";
1352}
1353.a-mesure:before {
1354 content: "\f080";
1355}
1356.a-filter:before, .a-mesure:before {
1357 font-family: "<?php echo getDolGlobalString('MAIN_FONTAWESOME_FAMILY', 'Font Awesome 5 Free'); ?>";
1358 font-weight: 600;
1359 padding-right: 5px;
1360 padding-left: 5px;
1361}
1362.a-filter-disabled, .a-mesure-disabled {
1363 border-radius: 50px;
1364 background: var(--colorbacktitle1);
1365 padding: 8px;
1366 opacity: 0.6;
1367}
1368
1369
1370/* ============================================================================== */
1371/* Styles for scan tool */
1372/* ============================================================================== */
1373
1374div.div-for-modal {
1375 /* display: none; */
1376 position:absolute;
1377 top:calc(50% - 200px);
1378 left:calc(50% - 250px);
1379 width:500px; /* adjust as per your needs */
1380 height:400px; /* adjust as per your needs */
1381 background: #fff;
1382 border: 1px solid #bbb;
1383 box-shadow: 2px 2px 20px #ddd;
1384 z-index: 100;
1385}
1386
1387#scantoolmessage {
1388 height: 3em;
1389 border: none;
1390 overflow-y: auto;
1391}
1392
1393div.div-for-modal-topright {
1394 /* display: none; */
1395 position: fixed;
1396 top: 0;
1397 right: 0;
1398 width:50%; /* adjust as per your needs */
1399 height:320px; /* adjust as per your needs */
1400 background: #fff;
1401 border: 1px solid #bbb;
1402 box-shadow: 2px 2px 20px #ddd;
1403 z-index: 1100;
1404}
1405
1406
1407<?php
1408// Add a nowrap on smartphone, so long list of field used for filter are overflowed with clip
1409if ($conf->browser->layout == 'phone') {
1410 ?>
1411.divsearchfieldfilter {
1412 white-space: nowrap;
1413}
1414 <?php
1415} ?>
1416div.confirmmessage {
1417 padding-top: 6px;
1418}
1419ul.attendees {
1420 padding-top: 0;
1421 padding-bottom: 0;
1422 padding-left: 0;
1423 margin-top: 0;
1424 margin-bottom: 0;
1425}
1426ul.attendees li {
1427 list-style-type: none;
1428 padding-top:1px;
1429 padding-bottom:1px;
1430 line-height: 1.6em;
1431}
1432.googlerefreshcal {
1433 padding-top: 4px;
1434 padding-bottom: 4px;
1435}
1436.paddingtopbottom {
1437 padding-top: 10px;
1438 padding-bottom: 10px;
1439}
1440.checkallactions {
1441 margin-left: 2px; /* left must be same than right to keep checkbox centered */
1442 margin-right: 2px; /* left must be same than right to keep checkbox centered */
1443 vertical-align: middle;
1444}
1445select.flat.selectlimit {
1446 width: 102px;
1447 text-align: end;
1448 border-bottom: 1px solid var(--inputbordercolor);
1449 border-bottom-left-radius: 0;
1450 border-bottom-right-radius: 0;
1451}
1452.marginrightonly {
1453 margin-<?php echo $right; ?>: 10px !important;
1454}
1455.marginleftonly {
1456 margin-<?php echo $left; ?>: 10px !important;
1457}
1458.marginleftonlyshort {
1459 margin-<?php echo $left; ?>: 4px !important;
1460}
1461.nomarginleft {
1462 margin-<?php echo $left; ?>: 0px !important;
1463}
1464.nomarginright {
1465 margin-<?php echo $right; ?>: 0px !important;
1466}
1467.marginrightonly {
1468 margin-<?php echo $right; ?>: 10px !important;
1469}
1470.marginrightonlyshort {
1471 margin-<?php echo $right; ?>: 4px !important;
1472}
1473.marginrightonlylarge {
1474 margin-<?php echo $right; ?>: 20px !important;
1475}
1476.margintoponly {
1477 margin-top: 10px !important;
1478}
1479.margintoponlyshort {
1480 margin-top: 3px !important;
1481}
1482.marginbottomonly {
1483 margin-bottom: 10px !important;
1484}
1485.marginbottomonlyshort {
1486 margin-bottom: 3px !important;
1487}
1488.nomargintop {
1489 margin-top: 0 !important;
1490}
1491.nomarginbottom {
1492 margin-bottom: 0 !important;
1493}
1494.selectlimit, .selectlimit:focus {
1495 border-left: none !important;
1496 border-top: none !important;
1497 border-right: none !important;
1498 outline: none;
1499}
1500.strikefordisabled {
1501 text-decoration: line-through;
1502}
1503.widthdate {
1504 width: 130px;
1505}
1506/* using a tdoverflowxxx make the min-width not working */
1507.tdnooverflowimp {
1508 text-overflow: unset;
1509}
1510.tdoverflow {
1511 max-width: 0;
1512 overflow: hidden;
1513 text-overflow: ellipsis;
1514 white-space: nowrap;
1515}
1516.spanoverflow {
1517 overflow-x: clip;
1518 text-overflow: ellipsis;
1519}
1520.tdoverflowmax50 { /* For tdoverflow, the max-midth become a minimum ! */
1521 max-width: 50px;
1522 overflow: hidden;
1523 text-overflow: ellipsis;
1524 white-space: nowrap;
1525}
1526.tdoverflowmax60 { /* For tdoverflow, the max-midth become a minimum ! */
1527 max-width: 60px;
1528 overflow: hidden;
1529 text-overflow: ellipsis;
1530 white-space: nowrap;
1531}
1532.tdoverflowmax80 { /* For tdoverflow, the max-midth become a minimum ! */
1533 max-width: 80px;
1534 overflow: hidden;
1535 text-overflow: ellipsis;
1536 white-space: nowrap;
1537}
1538.tdoverflowmax80imp { /* For tdoverflow, the max-midth become a minimum ! */
1539 max-width: 80px !important;
1540 overflow: hidden;
1541 text-overflow: ellipsis;
1542 white-space: nowrap;
1543}
1544.tdoverflowmax100 { /* For tdoverflow, the max-midth become a minimum ! */
1545 max-width: 100px;
1546 overflow: hidden;
1547 text-overflow: ellipsis;
1548 white-space: nowrap;
1549}
1550.tdoverflowmax100imp { /* For tdoverflow, the max-midth become a minimum ! */
1551 max-width: 100px !important;
1552 overflow: hidden;
1553 text-overflow: ellipsis;
1554 white-space: nowrap;
1555}
1556.tdoverflowmax125 { /* For tdoverflow, the max-midth become a minimum ! */
1557 max-width: 125px;
1558 overflow: hidden;
1559 text-overflow: ellipsis;
1560 white-space: nowrap;
1561}
1562.tdoverflowmax150 { /* For tdoverflow, the max-midth become a minimum ! */
1563 max-width: 150px;
1564 overflow: hidden;
1565 text-overflow: ellipsis;
1566 white-space: nowrap;
1567}
1568.tdoverflowmax200 { /* For tdoverflow, the max-midth become a minimum ! */
1569 max-width: 200px;
1570 overflow: hidden;
1571 text-overflow: ellipsis;
1572 white-space: nowrap;
1573}
1574.tdoverflowmax250 { /* For tdoverflow, the max-midth become a minimum ! */
1575 max-width: 250px;
1576 overflow: hidden;
1577 text-overflow: ellipsis;
1578 white-space: nowrap;
1579}
1580.tdoverflowmax300 { /* For tdoverflow, the max-midth become a minimum ! */
1581 max-width: 300px;
1582 overflow: hidden;
1583 text-overflow: ellipsis;
1584 white-space: nowrap;
1585}
1586.tdoverflowmax350 { /* For tdoverflow, the max-midth become a minimum ! */
1587 max-width: 350px;
1588 overflow: hidden;
1589 text-overflow: ellipsis;
1590 white-space: nowrap;
1591}
1592.tdoverflowmax400 { /* For tdoverflow, the max-midth become a minimum ! */
1593 max-width: 400px;
1594 overflow: hidden;
1595 text-overflow: ellipsis;
1596 white-space: nowrap;
1597}
1598.tdoverflowmax500 { /* For tdoverflow, the max-midth become a minimum ! */
1599 max-width: 500px;
1600 overflow: hidden;
1601 text-overflow: ellipsis;
1602 white-space: nowrap;
1603}
1604.tdoverflowauto {
1605 max-width: 0;
1606 overflow: auto;
1607}
1608.divintowithtwolinesmax {
1609 width: 75px;
1610 display: -webkit-box;
1611 -webkit-box-orient: vertical;
1612 -webkit-line-clamp: 2;
1613 overflow: hidden;
1614}
1615.twolinesmax {
1616 display: -webkit-box;
1617 -webkit-box-orient: vertical;
1618 -webkit-line-clamp: 2;
1619 overflow: hidden;
1620 height: auto !important;
1621 word-break: break-word;
1622}
1623.tenlinesmax {
1624 display: -webkit-box;
1625 -webkit-box-orient: vertical;
1626 -webkit-line-clamp: 10;
1627 overflow: hidden;
1628}
1629
1630.tablelistofcalendars {
1631 margin-top: 25px !important;
1632}
1633.navselectiondate {
1634 width: 250px;
1635}
1636
1637/* Styles for amount on card */
1638table.paymenttable td.amountpaymentcomplete, table.paymenttable td.amountremaintopay, table.paymenttable td.amountremaintopayback {
1639 padding-top: 0px;
1640 padding-bottom: 0px;
1641}
1642.amountalreadypaid {
1643 white-space: nowrap;
1644}
1645.amountpaymentcomplete {
1646 color: var(--amountpaymentcomplete);
1647 font-weight: bold;
1648 font-size: 1.7em;
1649 white-space: nowrap;
1650}
1651.amountremaintopay {
1652 color: var(--amountremaintopaycolor);
1653 font-weight: bold;
1654 font-size: 1.7em;
1655 white-space: nowrap;
1656}
1657.amountremaintopayback {
1658 color: var(--amountremaintopaybackcolor);
1659 font-weight: bold;
1660 font-size: 1.7em;
1661 white-space: nowrap;
1662}
1663.amountpaymentneutral {
1664 font-weight: bold;
1665 font-size: 1.7em;
1666 white-space: nowrap;
1667}
1668
1669
1670.onlinepaymentbody .amountpaymentcomplete {
1671 background-color: var(--amountpaymentcomplete);
1672 color: #fff;
1673 padding: 10px;
1674 border-radius: 5px;
1675}
1676
1677.savingdocmask {
1678 margin-top: 6px;
1679 margin-bottom: 12px;
1680}
1681#builddoc_form ~ .showlinkedobjectblock {
1682 margin-top: 20px;
1683}
1684
1685/* For the long description of module */
1686.moduledesclong p img, .moduledesclong p a img {
1687 max-width: 90% !important;
1688 height: auto !important;
1689}
1690.imgdoc {
1691 margin: 18px;
1692 border: 1px solid #ccc;
1693 box-shadow: 1px 1px 25px #aaa;
1694 max-width: calc(100% - 56px);
1695}
1696.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 {
1697 color: #055;
1698}
1699
1700.fa-15 {
1701 font-size: 1.5em;
1702}
1703.text-security {
1704 -webkit-text-security: disc;
1705}
1706
1707/* DOL_XXX for future usage (when left menu has been removed). If we do not use datatable */
1708/*.table-responsive {
1709 width: calc(100% - 330px);
1710 margin-bottom: 15px;
1711 overflow-y: hidden;
1712 -ms-overflow-style: -ms-autohiding-scrollbar;
1713}*/
1714
1715/* Style used for most tables */
1716div.fiche>div.tabBar>form>div.div-table-responsive {
1717 min-height: 392px;
1718}
1719.div-table-responsive, .div-table-responsive-no-min {
1720 overflow-x: auto;
1721 min-height: 0.01%;
1722}
1723.div-table-responsive {
1724 line-height: var(--heightrow);
1725}
1726
1727/* Style used for full page tables with field selector and no content after table (priority before previous for such tables) */
1728div.fiche>form>div.div-table-responsive {
1729 min-height: 392px;
1730}
1731div.fiche>form>div.div-table-responsive, div.fiche>form>div.div-table-responsive-no-min {
1732 overflow-x: auto;
1733}
1734
1735/* Style used for table in public ticket */
1736div.ticketpublicarealist>form>div.div-table-responsive {
1737 min-height: 392px;
1738}
1739
1740
1741.display-flex {
1742 display: flex;
1743 flex-wrap: wrap;
1744 justify-content: space-between;
1745}
1746.flex-item {
1747 flex:1;
1748}
1749
1750.flexcontainer {
1751 <?php if (in_array($conf->browser->name, array('chrome', 'firefox'))) {
1752 echo 'display: inline-flex;'."\n";
1753 } ?>
1754 flex-flow: row wrap;
1755 justify-content: flex-start;
1756}
1757.thumbstat {
1758 min-width: 148px;
1759}
1760.thumbstat150 {
1761 min-width: 168px;
1762 max-width: 169px;
1763 /* 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 */
1764}
1765.thumbstat, .thumbstat150 {
1766<?php if ($conf->browser->name == 'ie') { ?>
1767 min-width: 150px;
1768 width: 100%;
1769 display: inline;
1770<?php } else { ?>
1771 flex-grow: 1;
1772 flex-shrink: 0;
1773<?php } ?>
1774}
1775
1776select.selectarrowonleft {
1777 direction: rtl;
1778}
1779select.selectarrowonleft option {
1780 direction: ltr;
1781}
1782
1783table[summary="list_of_modules"] .fa-cog {
1784 font-size: 1.5em;
1785}
1786
1787.linkedcol-element {
1788 min-width: 100px;
1789}
1790.linkedcol-amount {
1791 white-space: nowrap;
1792}
1793
1794.img-skinthumb {
1795 width: 160px;
1796 height: 100px;
1797}
1798
1799maxscreenheightless200 {
1800 max-height: <?php echo isset($_SESSION['dol_screenheight']) ? max(500, (int) $_SESSION['dol_screenheight'] - 200) : 700; ?>px; /* we guarantee height of 500 */
1801}
1802.maxscreenheightless300 {
1803 max-height: <?php echo isset($_SESSION['dol_screenheight']) ? max(400, (int) $_SESSION['dol_screenheight'] - 300) : 700; ?>px; /* we guarantee height of 500 */
1804}
1805
1806
1807
1808
1809/* ============================================================================== */
1810/* Styles to hide objects */
1811/* ============================================================================== */
1812
1813.clearboth { clear:both; }
1814
1815.hideobject { display: none; }
1816.showonsmartphone { display: none; }
1817.minwidth25 { min-width: 25px; }
1818.minwidth50 { min-width: 50px; }
1819.minwidth75 { min-width: 75px; }
1820.nominwidth { min-width: fit-content !important; }
1821/* rule for not too small screen only */
1822@media only screen and (min-width: <?php echo getDolGlobalString('THEME_ELDY_WITDHOFFSET_FOR_REDUC3', round($nbtopmenuentries * 47, 0) + 130); ?>px) /* reduction 3 */
1823{
1824 .width20 { width: 20px; }
1825 .width25 { width: 25px; }
1826 .width50 { width: 50px; }
1827 .width75 { width: 75px; }
1828 .width100 { width: 100px; }
1829 .width200 { width: 200px; }
1830 .minwidth100 { min-width: 100px; }
1831 .minwidth150 { min-width: 150px; }
1832 .minwidth200 { min-width: 200px; }
1833 .minwidth250 { min-width: 250px; }
1834 .minwidth300 { min-width: 300px; }
1835 .minwidth400 { min-width: 400px; }
1836 .minwidth500 { min-width: 500px; }
1837 .minwidth50imp { min-width: 50px !important; }
1838 .minwidth75imp { min-width: 75px !important; }
1839 .minwidth100imp { min-width: 100px !important; }
1840 .minwidth150imp { min-width: 150px !important; }
1841 .minwidth200imp { min-width: 200px !important; }
1842 .minwidth250imp { min-width: 250px !important; }
1843 .minwidth300imp { min-width: 300px !important; }
1844 .minwidth400imp { min-width: 400px !important; }
1845 .minwidth500imp { min-width: 500px !important; }
1846}
1847.widthauto { width: auto; }
1848.width20 { width: 20px; }
1849.width25 { width: 25px; }
1850.width40 { width: 40px; }
1851.width50 { width: 50px; }
1852.width75 { width: 75px; }
1853.width100 { width: 100px; }
1854.width125 { width: 125px; }
1855.width150 { width: 150px; }
1856.width200 { width: 200px; }
1857.width250 { width: 250px; }
1858.width300 { width: 300px; }
1859.width400 { width: 400px; }
1860.width500 { width: 500px; }
1861.maxwidth25 { max-width: 25px; }
1862.maxwidth40 { max-width: 40px; }
1863.maxwidth50 { max-width: 50px; }
1864.maxwidth75 { max-width: 75px; }
1865.maxwidthdate { max-width: 85px; }
1866.maxwidth100 { max-width: 100px; }
1867.maxwidth125 { max-width: 125px; }
1868.maxwidth150 { max-width: 150px; }
1869.maxwidth200 { max-width: 200px; }
1870.maxwidth250 { max-width: 250px; }
1871.maxwidth300 { max-width: 300px; }
1872.maxwidth400 { max-width: 400px; }
1873.maxwidth500 { max-width: 500px; }
1874.maxwidth750 { max-width: 750px; }
1875.maxwidth1000 { max-width: 1000px; }
1876.maxwidth50imp { max-width: 50px !important; }
1877.maxwidth75imp { max-width: 75px !important; }
1878
1879.minwidth100onall { min-width: 100px !important; }
1880.minwidth200onall { min-width: 200px !important; }
1881.minwidth250onall { min-width: 250px !important; }
1882
1883.minheight20 { min-height: 20px; }
1884.minheight30 { min-height: 30px; }
1885.minheight40 { min-height: 40px; }
1886.titlefieldcreate { width: 20%; }
1887.titlefield { /* width: 25%; */ min-width: 150px; width: 25%; }
1888.titlefieldmiddle { width: 45%; }
1889.titlefieldmax45 { max-width: 45%; }
1890.imgmaxwidth180 { max-width: 180px; }
1891.imgmaxheight50 { max-height: 50px; }
1892
1893.width20p { width:20%; }
1894.width25p { width:25%; }
1895.width40p { width:40%; }
1896.width50p { width:50%; }
1897.width60p { width:60%; }
1898.width75p { width:75%; }
1899.width80p { width:80%; }
1900.width100p { width:100%; }
1901
1902
1903/* Force values for small screen 1440 */
1904@media only screen and (max-width: 1440px)
1905{
1906 .titlefield { /* width: 30% !important; */ }
1907 .titlefieldcreate { width: 30% !important; }
1908 .minwidth50imp { min-width: 50px !important; }
1909 .minwidth75imp { min-width: 75px !important; }
1910 .minwidth100imp { min-width: 100px !important; }
1911 .minwidth125imp { min-width: 125px !important; }
1912 .minwidth150imp { min-width: 150px !important; }
1913 .minwidth200imp { min-width: 200px !important; }
1914 .minwidth250imp { min-width: 250px !important; }
1915 .minwidth300imp { min-width: 300px !important; }
1916 .minwidth400imp { min-width: 300px !important; }
1917 .minwidth500imp { min-width: 300px !important; }
1918
1919 .linkedcol-element {
1920 min-width: unset;
1921 }
1922}
1923
1924/* Force values for small screen 1000 */
1925@media only screen and (max-width: 1000px)
1926{
1927 .maxwidthonsmartphone { max-width: 100px; }
1928 .minwidth50imp { min-width: 50px !important; }
1929 .minwidth75imp { min-width: 75px !important; }
1930 .minwidth100imp { min-width: 100px !important; }
1931 .minwidth125imp { min-width: 125px !important; }
1932 .minwidth150imp { min-width: 110px !important; }
1933 .minwidth200imp { min-width: 110px !important; }
1934 .minwidth250imp { min-width: 115px !important; }
1935 .minwidth300imp { min-width: 120px !important; }
1936 .minwidth400imp { min-width: 150px !important; }
1937 .minwidth500imp { min-width: 250px !important; }
1938}
1939
1940select.widthcentpercentminusx, span.widthcentpercentminusx:not(.select2-selection):not(.select2-dropdown), input.widthcentpercentminusx {
1941 width: calc(100% - 52px) !important;
1942 display: inline-block;
1943 min-width: 100px;
1944}
1945select.widthcentpercentminusxx, span.widthcentpercentminusxx:not(.select2-selection):not(.select2-dropdown), input.widthcentpercentminusxx {
1946 width: calc(100% - 70px) !important;
1947 display: inline-block;
1948 min-width: 100px;
1949}
1950
1951
1952/* Force values for small screen 768 */
1953@media only screen and (max-width: 768px)
1954{
1955 div.refidno {
1956 font-size: <?php print is_numeric($fontsize) ? ((int) $fontsize + 3).'px' : $fontsize; ?> !important;
1957 }
1958 .divadvancedsearchfield {
1959 padding-left: 5px;
1960 padding-right: 5px;
1961 }
1962
1963 div.divphotoref {
1964 padding-<?php echo $right; ?>: 10px !important;
1965 }
1966
1967 .hideonsmartphone { display: none; }
1968 .hideonsmartphoneimp { display: none !important; }
1969 .showonsmartphone { display: block !important; }
1970
1971 .margintoponsmartphone { margin-top: 6px; }
1972
1973 span.pictotitle {
1974 margin-<?php echo $left; ?>: 0 !important;
1975 }
1976 div.fiche>table.table-fiche-title {
1977 margin-top: 7px !important;
1978 margin-bottom: 15px !important;
1979 }
1980
1981 select.minwidth100imp, select.minwidth100, select.minwidth200, select.minwidth200imp, select.minwidth300 {
1982 width: calc(100% - 40px) !important;
1983 min-width: 100px;
1984 display: inline-block;
1985 }
1986
1987 select.widthcentpercentminusx, span.widthcentpercentminusx:not(.select2-selection), input.widthcentpercentminusx {
1988 width: calc(100% - 52px) !important;
1989 display: inline-block;
1990 min-width: 100px;
1991 }
1992 select.widthcentpercentminusxx, span.widthcentpercentminusxx:not(.select2-selection), input.widthcentpercentminusxx {
1993 width: calc(100% - 70px) !important;
1994 display: inline-block;
1995 min-width: 100px;
1996 }
1997
1998 input.maxwidthinputfileonsmartphone {
1999 width: 175px;
2000 }
2001
2002 input.buttonpayment, button.buttonpayment, div.buttonpayment {
2003 min-width: 270px;
2004 }
2005
2006 .smallonsmartphone {
2007 font-size: 0.8em;
2008 }
2009
2010 .nopaddingtoponsmartphone {
2011 padding-top: 0 !important;
2012 }
2013 .nopaddingbottomonsmartphone {
2014 padding-bottom: 0 !important;
2015 }
2016}
2017
2018/* Force values for small screen 570 */
2019@media only screen and (max-width: 570px)
2020{
2021 div.refidno {
2022 font-size: <?php print is_numeric($fontsize) ? ((int) $fontsize + 3).'px' : $fontsize; ?> !important;
2023 }
2024
2025 div#login_left, div#login_right {
2026 min-width: 150px !important;
2027 max-width: 200px !important;
2028 padding-left: 5px !important;
2029 padding-right: 5px !important;
2030 }
2031
2032 div.login_block {
2033 height: 64px !important;
2034 }
2035
2036 .divmainbodylarge { margin-left: 10px !important; margin-right: 10px !important; }
2037
2038 .tdoverflowmax100onsmartphone { /* For tdoverflow, the max-midth become a minimum ! */
2039 max-width: 100px;
2040 overflow: hidden;
2041 text-overflow: ellipsis;
2042 white-space: nowrap;
2043 }
2044 .tdoverflowmax150onsmartphone { /* For tdoverflow, the max-midth become a minimum ! */
2045 max-width: 100px;
2046 overflow: hidden;
2047 text-overflow: ellipsis;
2048 white-space: nowrap;
2049 }
2050 .border tbody tr, .border tbody tr td, div.tabBar table.border tr, div.tabBar table.border tr td,
2051 div.tabBar div.border .table-border-row, div.tabBar div.border .table-key-border-col, div.tabBar div.border .table-val-border-col {
2052 height: 40px !important;
2053 }
2054 div.tabBar .listofinvoicetype table tr, div.tabBar .listofinvoicetype table tr td {
2055 height: 2.2em !important;
2056 }
2057
2058
2059 div.tabs div.tab a.tab {
2060 max-width: 200px;
2061 overflow: hidden;
2062 text-overflow: ellipsis;
2063 white-space: nowrap;
2064 }
2065
2066 .quatrevingtpercent, .inputsearch {
2067 width: 95%;
2068 }
2069
2070 select {
2071 padding-top: 4px;
2072 padding-bottom: 5px;
2073 }
2074
2075 .login_table .tdinputlogin {
2076 min-width: unset !important;
2077 }
2078 input, input[type=text], input[type=password], select, textarea {
2079 min-width: 20px;
2080 }
2081 .trinputlogin input[type=text], input[type=password] {
2082 max-width: 140px;
2083 }
2084 .vmenu .searchform input {
2085 max-width: 138px; /* length of input text in the quick search box when using a smartphone and without dolidroid */
2086 }
2087
2088 .noenlargeonsmartphone { width : 50px !important; display: inline !important; }
2089 .maxwidthonsmartphone, #search_newcompany.ui-autocomplete-input { max-width: 100px; }
2090 .maxwidth50onsmartphone { max-width: 40px; }
2091 .maxwidth75onsmartphone { max-width: 50px; }
2092 .maxwidth100onsmartphone { max-width: 70px; }
2093 .maxwidth125onsmartphone { max-width: 100px; }
2094 .maxwidth150onsmartphone { max-width: 120px; }
2095 .maxwidth150onsmartphoneimp { max-width: 120px !important; }
2096 .maxwidth200onsmartphone { max-width: 200px; }
2097 .maxwidth250onsmartphone { max-width: 250px; }
2098 .maxwidth300onsmartphone { max-width: 300px; }
2099 .maxwidth400onsmartphone { max-width: 400px; }
2100 .minwidth50imp { min-width: 50px !important; }
2101 .minwidth75imp { min-width: 75px !important; }
2102 .minwidth100imp { min-width: 100px !important; }
2103 .minwidth125imp { min-width: 125px !important; }
2104 .minwidth150imp { min-width: 110px !important; }
2105 .minwidth200imp { min-width: 110px !important; }
2106 .minwidth250imp { min-width: 115px !important; }
2107 .minwidth300imp { min-width: 120px !important; }
2108 .minwidth400imp { min-width: 200px !important; }
2109 .minwidth500imp { min-width: 250px !important; }
2110 .titlefield { width: auto; min-width: 125px; }
2111 .titlefieldcreate { width: auto !important; min-width: 125px; }
2112
2113 #tooltip {
2114 position: absolute;
2115 width: <?php print dol_size(300, 'width'); ?>px;
2116 }
2117
2118 /* input, input[type=text], */
2119 select {
2120 width: 98%;
2121 min-width: 40px;
2122 }
2123
2124 div.divphotoref {
2125 padding-<?php echo $right; ?>: 5px;
2126 padding-bottom: 5px;
2127 }
2128 img.photoref, div.photoref {
2129 border: 1px solid rgba(0, 0, 0, 0.2);
2130 box-shadow: none;
2131 -webkit-box-shadow: none;
2132 padding: 4px;
2133 height: 20px;
2134 width: 20px;
2135 object-fit: contain;
2136 }
2137
2138 div.statusref {
2139 padding-<?php echo $right; ?>: 10px;
2140 max-width: 55%;
2141 }
2142 div.statusref img, div.statusrefbis {
2143 padding-<?php echo $right; ?>: 3px !important;
2144 }
2145 /* TODO
2146 div.statusref {
2147 padding-top: 0px !important;
2148 padding-left: 0px !important;
2149 border: none !important;
2150 }
2151 */
2152
2153 input.buttonpayment {
2154 min-width: 300px;
2155 }
2156}
2157
2158/* Force values for small screen 320 */
2159@media only screen and (max-width: 320px)
2160{
2161 .maxwidth300 { max-width: 260px; }
2162}
2163
2164
2165.linkobject { cursor: pointer; }
2166
2167table.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 {
2168 color: var(--tableforfieldcolor);
2169}
2170
2171<?php if (GETPOST('optioncss', 'aZ09') == 'print') { ?>
2172.hideonprint { display: none !important; }
2173<?php } ?>
2174
2175
2176/* ============================================================================== */
2177/* Styles for dragging lines */
2178/* ============================================================================== */
2179
2180.dragClass {
2181 color: #002255;
2182}
2183td.showDragHandle {
2184 cursor: move;
2185}
2186.tdlineupdown {
2187 white-space: nowrap;
2188 min-width: 10px;
2189}
2190
2191
2192/* ============================================================================== */
2193/* Styles de positionnement des zones */
2194/* ============================================================================== */
2195
2196#id-container {
2197 width: 100%;
2198 <?php if (getDolGlobalString('THEME_STICKY_TOPMENU') == 'scrollleftmenu_after_mainpage') { ?>
2199 display: table; /* DOL_XXX Empeche fonctionnement correct du scroll horizontal sur tableau, avec datatable ou CSS */
2200 <?php } ?>
2201 /* table-layout: fixed; */
2202
2203}
2204#id-right, #id-left {
2205 display: table-cell; /* DOL_XXX Empeche fonctionnement correct du scroll horizontal sur tableau, avec datatable ou CSS */
2206 float: none;
2207 vertical-align: top;
2208}
2209#id-left {
2210 padding-top: 20px;
2211 padding-bottom: 5px;
2212 <?php if (getDolGlobalString('MAIN_USE_TOP_MENU_SEARCH_DROPDOWN')) { ?>
2213 padding-top: 18px;
2214 <?php } ?>
2215}
2216#id-right { /* This must stay id-right and not be replaced with echo $right */
2217 padding-top: 14px;
2218 width: 100%;
2219 background: var(--colorbackbody);
2220 padding-bottom: 20px;
2221}
2222.bodyforlist #id-right {
2223 padding-bottom: 4px;
2224}
2225
2226/* DOL_XXX For having horizontal scroll into array (like with smartphone) */
2227
2228.classforhorizontalscrolloftabs #id-container {
2229 width: 100%;
2230}
2231.classforhorizontalscrolloftabs .side-nav {
2232 display: block;
2233 float: <?php echo $left; ?>;
2234}
2235.classforhorizontalscrolloftabs #id-right {
2236 width: calc(100% - <?php echo $leftmenuwidth + 20 ?>px);
2237 display: inline-block;
2238}
2239
2240/*
2241.classforhorizontalscrolloftabs .fiche .div-table-responsive
2242{
2243 transform:rotateX(180deg);
2244 -ms-transform:rotateX(180deg);
2245 -webkit-transform:rotateX(180deg);
2246}
2247.classforhorizontalscrolloftabs .fiche .div-table-responsive-inside
2248{
2249 transform:rotateX(180deg);
2250 -ms-transform:rotateX(180deg);
2251 -webkit-transform:rotateX(180deg);
2252}
2253*/
2254
2255
2256<?php if (getDolGlobalString('THEME_STICKY_TOPMENU') != 'disabled') { ?>
2257.side-nav-vert {
2258 position: sticky;
2259 top: 0px;
2260 z-index: 1005;
2261}
2262<?php } ?>
2263
2264@media screen and (prefers-color-scheme: dark) {
2265 .side-nav-vert {
2266 border-bottom: 1px solid #888;
2267 }
2268}
2269
2270.side-nav {
2271<?php if (getDolGlobalString('THEME_STICKY_TOPMENU') == 'scrollleftmenu_after_mainpage') { ?>
2272 position: sticky;
2273 top: 50px;
2274 display: block;
2275<?php } else { ?>
2276 display: table-cell;
2277<?php } ?>
2278 border-<?php echo $right; ?>: 1px solid #ECECEC;
2279 box-shadow: 3px 0 6px -2px #eee;
2280 background: var(--colorbackvmenu1);
2281 transition: left 0.5s ease;
2282}
2283
2284.side-nav, .login_block {
2285 transition: left 0.5s ease;
2286}
2287
2288div.blockvmenulogo
2289{
2290 border-bottom: 0 !important;
2291}
2292.menulogocontainer {
2293 margin: <?php echo $disableimages ? '0' : '6'; ?>px;
2294 margin-left: 11px;
2295 margin-right: 9px;
2296 padding: 0;
2297 height: <?php echo $disableimages ? '18' : '35'; ?>px;
2298 /* width: 100px; */
2299 max-width: 100px;
2300 vertical-align: middle;
2301}
2302.backgroundforcompanylogo {
2303 background-color: rgba(255,255,255,0.2);
2304 border-radius: 4px;
2305}
2306.menulogocontainer img.mycompany {
2307 object-fit: contain;
2308 width: inherit;
2309 height: inherit;
2310 image-rendering: -webkit-optimize-contrast;
2311}
2312#mainmenutd_companylogo::after, #mainmenutd_menu::after {
2313 content: unset !important;
2314}
2315li#mainmenutd_companylogo .tmenucenter {
2316 width: unset;
2317}
2318li#mainmenutd_companylogo {
2319 min-width: unset !important;
2320}
2321<?php if ($disableimages) { ?>
2322 li#mainmenutd_home {
2323 min-width: unset !important;
2324 }
2325 li#mainmenutd_home .tmenucenter {
2326 width: unset;
2327 }
2328<?php } ?>
2329
2330div.blockvmenupair, div.blockvmenuimpair {
2331 border-top: none !important;
2332 border-left: none !important;
2333 border-right: none !important;
2334 border-bottom: 1px solid #eaeaea;
2335 padding-left: 0 !important;
2336}
2337div.blockvmenuend, div.blockvmenubookmarks {
2338 border: none !important;
2339 padding-left: 0 !important;
2340}
2341div.vmenu, td.vmenu {
2342 padding-right: 10px !important;
2343}
2344.blockvmenu .menu_titre {
2345 margin-top: 4px;
2346 margin-bottom: 1px;
2347}
2348
2349/* Try responsive even not on smartphone
2350#id-container {
2351 width: 100%;
2352}
2353#id-right {
2354 width: calc(100% - 200px) !important;
2355}
2356*/
2357
2358
2359.menuhider { display: none !important; }
2360.menuhider .mainmenu.menu.topmenuimage {
2361 margin-top: 0px !important;
2362}
2363
2364
2365/* rule to reduce top menu - 3rd reduction: We hide the left menu */
2366<?php if (!getDolUserInt('MAIN_OPTIMIZEFORTEXTBROWSER')) { ?>
2367@media only screen and (max-width: <?php echo getDolGlobalString('THEME_ELDY_WITDHOFFSET_FOR_REDUC3', round($nbtopmenuentries * 47, 0) + 130); ?>px) /* reduction 3 */
2368{
2369 /* no side-nav */
2370 body.sidebar-collapse .side-nav {
2371 display: none;
2372 }
2373
2374 /* if no side-nav, we don't need to have width forced to calc(100% - 210px); */
2375 .classforhorizontalscrolloftabs #id-right {
2376 width: 100%;
2377 /* width: unset; */
2378 /* display: unset; */
2379 }
2380
2381 body.sidebar-collapse .login_block {
2382 display: none;
2383 }
2384
2385 .menuhider { display: block !important; }
2386 .dropdown-user-image { display: none; }
2387 .user-header { height: auto !important; color: var(--colortextbackhmenu); }
2388
2389 #id-container {
2390 display: table; /* DOL_XXX Empeche fonctionnement correct du scroll horizontal sur tableau, avec datatable ou CSS */
2391 table-layout: fixed;
2392 width: 100%;
2393 }
2394 .side-nav {
2395 border-bottom: 1px solid #BBB;
2396 background: #FFF;
2397 padding-left: 20px;
2398 padding-right: 20px;
2399 position: absolute;
2400 z-index: 90;
2401 }
2402 div.blockvmenulogo
2403 {
2404 border-bottom: 0 !important;
2405 }
2406 div.blockvmenupair, div.blockvmenuimpair, div.blockvmenubookmarks, div.blockvmenuend {
2407 border-top: none !important;
2408 border-left: none !important;
2409 border-right: none !important;
2410 border-bottom: 1px solid #eaeaea;
2411 padding-left: 0 !important;
2412 }
2413 div.vmenu, td.vmenu {
2414 padding-right: 6px !important;
2415 }
2416 div.fiche {
2417 margin-<?php print $left; ?>: 9px !important;
2418 margin-<?php print $right; ?>: 10px !important;
2419 }
2420
2421 .pagination .fa-chevron-left, .pagination .fa-chevron-right {
2422 font-size: 1.2em;
2423 }
2424}
2425
2426@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 */
2427{
2428 div.fiche {
2429 margin-<?php print $left; ?>: 13px !important;
2430 margin-<?php print $right; ?>: 14px !important;
2431 }
2432}
2433<?php } ?>
2434
2435
2436div.fiche {
2437 margin-<?php print $left; ?>: <?php print(GETPOST('optioncss', 'aZ09') == 'print' ? 6 : (empty($conf->dol_optimize_smallscreen) ? '42' : '6')); ?>px;
2438 margin-<?php print $right; ?>: <?php print(GETPOST('optioncss', 'aZ09') == 'print' ? 6 : (empty($conf->dol_optimize_smallscreen) ? '38' : '6')); ?>px;
2439 <?php if (!empty($dol_hide_leftmenu)) {
2440 print 'margin-bottom: 12px;'."\n";
2441 } ?>
2442 <?php if (!empty($dol_hide_leftmenu)) {
2443 print 'margin-top: 12px;'."\n";
2444 } ?>
2445}
2446body.onlinepaymentbody div.fiche { /* For online payment page */
2447 margin: 20px !important;
2448}
2449div.fiche>table:first-child {
2450 margin-bottom: 15px;
2451}
2452div.fiche>table.table-fiche-title {
2453 margin-bottom: 12px;
2454}
2455div.fichecenter {
2456 width: 100%;
2457 clear: both; /* This is to have div fichecenter that are true rectangles */
2458}
2459div.fichecenterbis {
2460 margin-top: 8px;
2461}
2462div.fichethirdleft {
2463 <?php if ($conf->browser->layout != 'phone') {
2464 print "float: ".$left.";\n";
2465 } ?>
2466 <?php if ($conf->browser->layout != 'phone') {
2467 print "width: calc(50% - 16px);\n";
2468 } ?>
2469 <?php if ($conf->browser->layout == 'phone') {
2470 print "padding-bottom: 6px;\n";
2471 } ?>
2472}
2473div.fichetwothirdright {
2474 <?php if ($conf->browser->layout != 'phone') {
2475 print "float: ".$right.";\n";
2476 } ?>
2477 <?php if ($conf->browser->layout != 'phone') {
2478 print "width: calc(50% - 16px);\n";
2479 } ?>
2480 <?php if ($conf->browser->layout == 'phone') {
2481 print "padding-bottom: 6px\n";
2482 } ?>
2483}
2484div.fichehalfleft {
2485 <?php if ($conf->browser->layout != 'phone') {
2486 print "float: ".$left.";\n";
2487 } ?>
2488 <?php if ($conf->browser->layout != 'phone') {
2489 print "width: calc(50% - 16px);\n";
2490 } ?>
2491}
2492div.fichehalfright {
2493 <?php if ($conf->browser->layout != 'phone') {
2494 print "float: ".$right.";\n";
2495 } ?>
2496 <?php if ($conf->browser->layout != 'phone') {
2497 print "width: calc(50% - 16px);\n";
2498 } ?>
2499}
2500div.fichehalfright {
2501 <?php if ($conf->browser->layout == 'phone') {
2502 print "margin-top: 10px;\n";
2503 } ?>
2504}
2505
2506/*div.firstcolumn div.box {
2507 padding-right: 10px;
2508}
2509div.secondcolumn div.box {
2510 padding-left: 10px;
2511}*/
2512div.firstcolumn > table.noborder, div.secondcolumn > table.noborder, div.firstcolumn > div > table.noborder, div.secondcolumn > div > table.noborder {
2513 margin-bottom: 14px;
2514}
2515
2516/* Force values on one column for small screen */
2517@media only screen and (max-width: 1024px)
2518{
2519 div.fiche {
2520 margin-<?php print $left; ?>: <?php print(GETPOST('optioncss', 'aZ09') == 'print' ? 6 : ($dol_hide_leftmenu ? '6' : '20')); ?>px;
2521 margin-<?php print $right; ?>: <?php print(GETPOST('optioncss', 'aZ09') == 'print' ? 8 : 6); ?>px;
2522 }
2523 div.fichecenter {
2524 width: 100%;
2525 clear: both; /* This is to have div fichecenter that are true rectangles */
2526 }
2527 div.fichecenterbis {
2528 margin-top: 8px;
2529 }
2530 div.fichethirdleft {
2531 float: none;
2532 width: auto;
2533 padding-bottom: 6px;
2534 }
2535 div.fichetwothirdright {
2536 float: none;
2537 width: auto;
2538 padding-bottom: 6px;
2539 }
2540 div.fichehalfleft {
2541 float: none;
2542 width: auto;
2543 }
2544 div.fichehalfright {
2545 float: none;
2546 width: auto;
2547 }
2548 div.fichehalfright {
2549 margin-top: 10px;
2550 }
2551 div.firstcolumn div.box {
2552 padding-right: 0px;
2553 }
2554 div.secondcolumn div.box {
2555 padding-left: 0px;
2556 }
2557}
2558
2559/* Force values on one column for small screen */
2560@media only screen and (max-width: 1440px)
2561{
2562 div.fichehalfleft-lg {
2563 float: none;
2564 width: auto;
2565 }
2566 div.fichehalfright-lg {
2567 float: none;
2568 width: auto;
2569 }
2570
2571 .fichehalfright-lg .fichehalfright {
2572 padding-left:0;
2573 }
2574}
2575
2576/* For table into table into card */
2577div.fichehalfright tr.liste_titre:first-child td table.nobordernopadding td {
2578 padding: 0 0 0 0;
2579}
2580div.nopadding {
2581 padding: 0 !important;
2582}
2583
2584.containercenter {
2585 display : table;
2586 margin : 0px auto;
2587}
2588
2589td.nobordernopadding.widthpictotitle.col-picto {
2590 color: #bbb;
2591 opacity: 0.85;
2592}
2593.table-list-of-attached-files .col-picto, .table-list-of-links .col-picto {
2594 opacity: 0.7 !important;
2595 font-size: 0.7em;
2596 width: 20px;
2597}
2598.table-list-of-attached-files .col-picto .widthpictotitle, .table-list-of-links .col-picto .widthpictotitle {
2599 width: unset;
2600 color: #999;
2601}
2602
2603/*
2604span.widthpictotitle.pictotitle {
2605 background: var(--colortexttitlenotab);
2606 opacity: 0.8;
2607 color: #fff !important;
2608 padding: 7px;
2609 border-radius: 2px;
2610 min-width: 30px;
2611 text-align: center;
2612}
2613*/
2614.pictotitle {
2615 margin-<?php echo $right; ?>: 8px;
2616 /* margin-bottom: 4px; */
2617}
2618
2619.pictoobjectwidth {
2620 width: 14px;
2621}
2622.pictosubstatus {
2623 padding-left: 2px;
2624 padding-right: 2px;
2625}
2626.pictostatus {
2627 width: 15px;
2628 vertical-align: middle;
2629 margin-top: -3px
2630}
2631.pictowarning, .pictoerror, .pictopreview, .pictonopreview, .picto.error {
2632 padding-<?php echo $left; ?>: 3px;
2633}
2634.pictowarning {
2635 /* vertical-align: text-bottom; */
2636 color: <?php echo $badgeWarning ?>;
2637}
2638.pictoerror {
2639 color: <?php echo $badgeDanger ?>;
2640}
2641.pictomodule {
2642 width: 14px;
2643}
2644.pictomodule {
2645 width: 14px;
2646}
2647.fiche .arearef img.pictoedit, .fiche .arearef span.pictoedit,
2648.fiche .fichecenter img.pictoedit, .fiche .fichecenter span.pictoedit,
2649.tagtdnote span.pictoedit {
2650 opacity: 0.4;
2651}
2652.pictofixedwidth {
2653 text-align: start;
2654 width: 20px;
2655 /* padding-right: 0; */
2656}
2657
2658
2659.colorthumb {
2660 padding-left: 1px !important;
2661 padding-right: 1px;
2662 padding-top: 1px;
2663 padding-bottom: 1px;
2664 width: 50px;
2665 text-align:center;
2666}
2667div.attacharea {
2668 padding-top: 18px;
2669 padding-bottom: 10px;
2670}
2671div.attachareaformuserfileecm {
2672 padding-top: 0;
2673 padding-bottom: 6px;
2674}
2675
2676div.arearef {
2677 padding-top: 2px;
2678 margin-bottom: 10px;
2679 padding-bottom: 10px;
2680}
2681div.arearefnobottom {
2682 padding-top: 2px;
2683 padding-bottom: 4px;
2684}
2685div.heightref {
2686 min-height: 80px;
2687}
2688div.divphotoref:last-child {
2689 padding-<?php echo $right; ?>: 30px;
2690}
2691div.paginationref {
2692 padding-bottom: 10px;
2693}
2694/* TODO
2695div.statusref {
2696 padding: 10px;
2697 border: 1px solid #bbb;
2698 border-radius: 6px;
2699} */
2700div.statusref {
2701 float: <?php echo $right; ?>;
2702 padding-left: 12px;
2703 margin-top: 8px;
2704 margin-bottom: 10px;
2705 clear: both;
2706 text-align: right;
2707}
2708div.statusref img {
2709 padding-left: 8px;
2710 padding-right: 9px;
2711 vertical-align: text-bottom;
2712 width: 18px;
2713}
2714div.statusrefbis {
2715 padding-left: 8px;
2716 padding-right: 9px;
2717 vertical-align: text-bottom;
2718}
2719img.photoref, div.photoref {
2720 /* border: 1px solid #DDD; */
2721 -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
2722 box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
2723 padding: 4px;
2724 height: 80px;
2725 width: 80px;
2726 object-fit: contain;
2727}
2728img.photokanban, div.photokanban {
2729 padding: 0;
2730 border: none;
2731 box-shadow: none;
2732 vertical-align: middle;
2733}
2734div.photoref .fa, div.photoref .fas, div.photoref .far {
2735 font-size: 2.5em;
2736}
2737img.fitcontain {
2738 object-fit: contain;
2739}
2740div.photoref {
2741 display:table-cell;
2742 vertical-align:middle;
2743 text-align:center;
2744}
2745.difforspanimgright {
2746 display: table-cell;
2747 padding-right: 10px;
2748}
2749img.photorefnoborder {
2750 padding: 2px;
2751 height: 48px;
2752 width: 48px;
2753 object-fit: contain;
2754 border: 1px solid #AAA;
2755 border-radius: 100px;
2756}
2757.underrefbanner {
2758}
2759.underbanner {
2760 border-bottom: <?php echo $borderwidth ?>px solid var(--colortopbordertitle1);
2761 /* border-bottom: 2px solid var(--colorbackhmenu1); */
2762}
2763.trextrafieldseparator td, .trextrafields_collapse_last td {
2764 /* border-bottom: 2px solid var(--colorbackhmenu1) !important; */
2765 /* border-bottom: 2px solid var(--colortopbordertitle1) !important; */
2766}
2767
2768.tdhrthin {
2769 margin: 0 !important;
2770 padding-bottom: 0 !important;
2771}
2772
2773/* ============================================================================== */
2774/* Menu top et 1ere ligne tableau */
2775/* ============================================================================== */
2776
2777#id-top {
2778<?php if (GETPOST('optioncss', 'aZ09') == 'print') { ?>
2779 display:none;
2780<?php } else { ?>
2781 background: var(--colorbackhmenu1);
2782 /* background-image: linear-gradient(-45deg, <?php echo colorAdjustBrightness(colorArrayToHex(colorStringToArray($colorbackhmenu1)), '5'); ?>, var(--colorbackhmenu1)); */
2783 <?php if ($colorbackhmenu1 == '255,255,255') { ?>
2784 box-shadow: 0px 0px 4px #ddd;
2785 <?php } ?>
2786<?php } ?>
2787}
2788
2789div#tmenu_tooltip {
2790<?php if (GETPOST('optioncss', 'aZ09') == 'print') { ?>
2791 display:none;
2792<?php } else { ?>
2793 padding-<?php echo $right; ?>: <?php echo((float) $maxwidthloginblock - 10); ?>px;
2794<?php } ?>
2795
2796 -webkit-touch-callout: none; /* iOS Safari */
2797 -webkit-user-select: none; /* Safari */
2798 -khtml-user-select: none; /* Konqueror HTML */
2799 -moz-user-select: none; /* Firefox */
2800 -ms-user-select: none; /* Internet Explorer/Edge */
2801 user-select: none; /* Non-prefixed version, currently
2802 supported by Chrome and Opera */
2803
2804
2805}
2806
2807div.topmenuimage {
2808<?php if ($disableimages) { ?>
2809 display: none;
2810<?php } ?>
2811}
2812
2813div.tmenudiv {
2814<?php if (GETPOST('optioncss', 'aZ09') == 'print') { ?>
2815 display:none;
2816<?php } else { ?>
2817 position: relative;
2818 display: block;
2819 white-space: nowrap;
2820 border-top: 0px;
2821 border-<?php print $left; ?>: 0px;
2822 border-<?php print $right; ?>: 0px;
2823 padding: 0px 0px 0px 0px; /* t r b l */
2824 margin: 0px 0px 0px 0px; /* t r b l */
2825 font-size: 13px;
2826 font-weight: normal;
2827 text-decoration: none;
2828<?php } ?>
2829}
2830div.tmenudisabled, a.tmenudisabled {
2831 opacity: 0.6;
2832}
2833a.tmenu, a.tmenusel, a.tmenudisabled {
2834 /* font-weight: 300; */
2835}
2836a.tmenudisabled:link, a.tmenudisabled:visited, a.tmenudisabled:hover, a.tmenudisabled:active {
2837 padding: 0px 5px 0px 5px;
2838 white-space: nowrap;
2839 color: var(--colortextbackhmenu);
2840 text-decoration: none;
2841 cursor: not-allowed;
2842}
2843span.mainmenuaspan.tmenudisabled {
2844 color: var(--colortextbackhmenu);
2845 opacity: 0.5;
2846 cursor: not-allowed;
2847}
2848
2849a.disabled, span.tmenu {
2850 color: #aaa;
2851 text-decoration: none !important;
2852 cursor: default;
2853}
2854
2855a.tmenu:link, a.tmenu:visited, a.tmenu:hover, a.tmenu:active {
2856 padding: 0px 2px 0px 2px;
2857 margin: 0px 0px 0px 0px;
2858 white-space: nowrap;
2859 color: var(--colortextbackhmenu);
2860 text-decoration: none;
2861}
2862a.tmenusel:link, a.tmenusel:visited, a.tmenusel:hover, a.tmenusel:active {
2863 padding: 0px 2px 0px 2px;
2864 margin: 0px 0px 0px 0px;
2865 white-space: nowrap;
2866 color: var(--colortextbackhmenu);
2867 text-decoration: none !important;
2868}
2869
2870
2871ul.tmenu { /* t r b l */
2872 padding: 0px 0px 0px 0px;
2873 margin: 0px 0px 0px 0px;
2874 list-style: none;
2875 display: table;
2876}
2877ul.tmenu li { /* We need this to have background color when menu entry wraps on new lines */
2878}
2879li#mainmenutd_home {
2880 margin-left: 5px;
2881}
2882li.tmenu, li.tmenusel {
2883 <?php print $minwidthtmenu ? 'min-width: '.$minwidthtmenu.'px;' : ''; ?>
2884 text-align: center;
2885 vertical-align: bottom;
2886 <?php if (!getDolGlobalString('MAIN_MENU_INVERT')) { ?>
2887 float: <?php print $left; ?>;
2888 <?php } ?>
2889 position:relative;
2890 display: block;
2891 padding: 0 0 0 0;
2892 margin: 0 0 0 0;
2893 font-weight: normal;
2894}
2895li.menuhider:hover {
2896 background-image: none !important;
2897}
2898
2899li.tmenusel::after, li.tmenu:hover::after{
2900 content: "";
2901 position:absolute;
2902 bottom:0px;
2903 left: 50%;
2904 left: calc(50% - 6px);
2905 width: 0;
2906 height: 0;
2907 border-style: solid;
2908 border-width: 0px 6px 5px 6px;
2909 border-color: transparent transparent #ffffff transparent;
2910}
2911
2912.tmenuend .tmenuleft { width: 0px; }
2913.tmenuend { display: none; }
2914div.tmenuleft
2915{
2916 float: <?php print $left; ?>;
2917 margin-top: 0px;
2918 <?php if (empty($conf->dol_optimize_smallscreen)) { ?>
2919 width: 5px;
2920 <?php } ?>
2921 <?php if ($disableimages) { ?>
2922 height: 26px;
2923 <?php } else { ?>
2924 height: <?php print $heightmenu; ?>px;
2925 <?php } ?>
2926}
2927div.tmenucenter
2928{
2929 padding-left: 2px;
2930 padding-right: 2px;
2931 color: var(--colortextbackhmenu);
2932 <?php if ($disableimages) { ?>
2933 padding-top: 8px;
2934 height: 26px;
2935 <?php } else { ?>
2936 padding-top: 2px;
2937 height: <?php print $heightmenu; ?>px;
2938 <?php } ?>
2939 /* width: 100%; */
2940}
2941#menu_titre_logo {
2942 padding-top: 0;
2943 padding-bottom: 0;
2944}
2945div.menu_titre {
2946 padding-top: 4px;
2947 padding-bottom: 4px;
2948 overflow: hidden;
2949 text-overflow: ellipsis;
2950 width: <?php echo $leftmenuwidth - 2; ?>px; /* required to have overflow working. must be same than menu_contenu */
2951}
2952.mainmenuaspan
2953{
2954 padding-<?php print $left; ?>: 2px;
2955 padding-<?php print $right; ?>: 2px;
2956 font-family: Roboto,<?php echo $fontlist; ?>;
2957 font-weight: 400;
2958 opacity: 0.9;
2959}
2960
2961div.mainmenu {
2962 position : relative;
2963 background-repeat:no-repeat;
2964 background-position:center top;
2965 height: <?php echo($heightmenu - 22); ?>px;
2966 margin-left: 0px;
2967 min-width: 40px;
2968}
2969
2970a.tmenuimage:focus, .mainmenu.topmenuimage:focus {
2971 outline: none;
2972}
2973button.ui-button.ui-corner-all.ui-widget:focus {
2974 outline: none;
2975}
2976.tmenuimage {
2977 color: var(--colortextbackhmenu);
2978}
2979
2980/* For mainmenu, we always load the img */
2981
2982div.mainmenu.menu {
2983 <?php print $disableimages ? '' : 'top: 10px'; ?>
2984}
2985#mainmenutd_menu a.tmenuimage {
2986 display: unset;
2987}
2988a.tmenuimage {
2989 display: block;
2990}
2991
2992a.tmenuimage:hover{
2993 text-decoration: none;
2994}
2995
2996
2997/* To show text of top menu according to option THEME_TOPMENU_DISABLE_IMAGE */
2998
2999/* Text hidden by default */
3000<?php if (in_array(getDolGlobalInt('THEME_TOPMENU_DISABLE_IMAGE'), array(2, 3, 4))) { ?>
3001.tmenulabel:not(.menuhider), .tmenulabel:not(.menuhider)::before {
3002 display: none;
3003 /* opacity: 0; To show text after transition */
3004}
3005a.tmenuimage:not(.menuhider), a.tmenuimage:not(.menuhider)::before,
3006div.tmenuimage:not(.menuhider), div.tmenuimage:not(.menuhider)::before,
3007span.tmenuimage:not(.menuhider), span.tmenuimage:not(.menuhider)::before {
3008 font-size: 1.3em;
3009 margin-top: 8px !important;
3010}
3011
3012div.tmenucenter { /* we must have a field length of top menu to avoid size to change when in mode text on hover */
3013 width: 80px;
3014 overflow: hidden;
3015 text-overflow: ellipsis;
3016}
3017<?php } ?>
3018
3019/* Test of picto visible on hover, for all picto */
3020<?php if (getDolGlobalInt('THEME_TOPMENU_DISABLE_IMAGE') == 2) { ?>
3021ul.tmenu:hover .tmenulabel:not(.menuhider), .ul.tmenu:hover .tmenulabel:not(.menuhider)::before {
3022 display: block;
3023 position: relative;
3024 overflow: hidden;
3025 text-overflow: ellipsis;
3026 /* For transition transition-delay: 1000ms;
3027 transition-property: all; */
3028 opacity: 1;
3029 display: initial !important;
3030 line-height: 0.6em !important;
3031 height: 1em !important;
3032 overflow: hidden;
3033 text-overflow: ellipsis;
3034 color: var(--colortextbackhmenu);
3035 top: 0px;
3036}
3037ul.tmenu:hover .tmenuimage:not(.menuhider), ul.tmenu:hover .tmenuimage:not(.menuhider)::before {
3038 /* For transition transition-delay: 1000ms;
3039 transition-property: all; */
3040 margin-top: 0px !important;
3041}
3042<?php } ?>
3043
3044/* Text of picto visible on hover the picto only */
3045<?php if (getDolGlobalInt('THEME_TOPMENU_DISABLE_IMAGE') == 3) { ?>
3046li.tmenu:hover .tmenulabel:not(.menuhider), li.tmenu:hover .tmenulabel:not(.menuhider)::before {
3047 display: initial !important;
3048}
3049li.tmenu:hover .tmenuimage:not(.menuhider), li.tmenu:hover .tmenuimage:not(.menuhider):before {
3050 font-size: 1.1em !important;
3051 margin-top: 0px !important;
3052}
3053<?php } ?>
3054
3055
3056
3057/* Do not load menu img for other if hidden to save bandwidth */
3058
3059<?php if (empty($dol_hide_topmenu)) { ?>
3060 <?php include dol_buildpath($path.'/theme/'.$theme.'/main_menu_fa_icons.inc.php', 0); ?>
3061
3062 <?php
3063 // Add here more div for other menu entries. moduletomainmenu=array('module name'=>'name of class for div')
3064
3065 $moduletomainmenu = array(
3066 'user' => '', 'syslog' => '', 'societe' => 'companies', 'projet' => 'project', 'propale' => 'commercial', 'commande' => 'commercial',
3067 'produit' => 'products', 'service' => 'products', 'stock' => 'products',
3068 'don' => 'accountancy', 'tax' => 'accountancy', 'banque' => 'accountancy', 'facture' => 'accountancy', 'compta' => 'accountancy', 'accounting' => 'accountancy', 'adherent' => 'members', 'import' => 'tools', 'export' => 'tools', 'mailing' => 'tools',
3069 'contrat' => 'commercial', 'ficheinter' => 'commercial', 'ticket' => 'ticket', 'deplacement' => 'commercial',
3070 'fournisseur' => 'companies',
3071 'barcode' => '', 'fckeditor' => '', 'categorie' => '',
3072 );
3073 $mainmenuused = 'home';
3074 foreach ($conf->modules as $val) {
3075 $mainmenuused .= ','.(isset($moduletomainmenu[$val]) ? $moduletomainmenu[$val] : $val);
3076 }
3077 $mainmenuusedarray = array_unique(explode(',', $mainmenuused));
3078
3079 $generic = 1;
3080 // Put here list of menu entries when the div.mainmenu.menuentry was previously defined
3081 $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');
3082 // Put here list of menu entries we are sure we don't want
3083 $divnotrequired = array('multicurrency', 'salaries', 'ticket', 'margin', 'opensurvey', 'paybox', 'expensereport', 'incoterm', 'prelevement', 'propal', 'workflow', 'notification', 'supplier_proposal', 'cron', 'product', 'productbatch', 'expedition');
3084
3085 foreach ($mainmenuusedarray as $val) {
3086 if (empty($val) || in_array($val, $divalreadydefined)) {
3087 continue;
3088 }
3089 if (in_array($val, $divnotrequired)) {
3090 continue;
3091 }
3092
3093 $found = 0;
3094 $url = '';
3095 $constformoduleicon = 'MAIN_MODULE_'.strtoupper($val).'_ICON';
3096 $iconformodule = getDolGlobalString($constformoduleicon);
3097 if ($iconformodule) {
3098 if (preg_match('/^fa\-/', $iconformodule)) {
3099 // This is a fa icon
3100 } else {
3101 $url = dol_buildpath('/'.$val.'/img/'.$iconformodule.'.png', 1);
3102 }
3103 $found = 1;
3104 } else {
3105 // Search img file in module dir
3106 foreach ($conf->file->dol_document_root as $dirroot) {
3107 if (file_exists($dirroot."/".$val."/img/".$val.".png")) {
3108 $url = dol_buildpath('/'.$val.'/img/'.$val.'.png', 1);
3109 $found = 1;
3110 break;
3111 }
3112 }
3113 }
3114 //print "XXX".$val."->".$found."\n";
3115
3116 // Output entry for menu icon in CSS
3117 if (!$found) {
3118 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";
3119 print 'div.mainmenu.'.$val.' span::before {'."\n";
3120 print 'content: "\f249";'."\n";
3121 print '}'."\n";
3122 $generic++;
3123 } else {
3124 if ($url) {
3125 print "div.mainmenu.".$val." {\n";
3126 print " background-image: url(".$url.");\n";
3127 print " background-position-y: 3px;\n";
3128 print " filter: saturate(0);\n";
3129 print "}\n";
3130 } else {
3131 print '/* icon for module '.$val.' is a fa icon */'."\n";
3132 }
3133 }
3134 }
3135 // End of part to add more div class css
3136 ?>
3137<?php } // End test if $dol_hide_topmenu?>
3138
3139.tmenuimage {
3140 padding:0 0 0 0 !important;
3141 margin:0 0 0 0 !important;
3142 <?php if ($disableimages) { ?>
3143 display: none;
3144 <?php } ?>
3145}
3146
3147
3148
3149/* Login */
3150
3151.bodylogin
3152{
3153 background: #f0f0f0;
3154 display: table;
3155 position: absolute;
3156 height: 100%;
3157 width: 100%;
3158 font-size: 1em;
3159}
3160.login_center {
3161 display: table-cell;
3162 vertical-align: middle;
3163}
3164.login_vertical_align {
3165 padding: 10px;
3166 padding-bottom: 80px;
3167}
3168form#login {
3169 padding-bottom: 30px;
3170 font-size: 14px;
3171 vertical-align: middle;
3172}
3173.login_table_title {
3174 max-width: 530px;
3175 color: #eee !important;
3176 padding-bottom: 20px;
3177 text-shadow: 1px 1px #444;
3178}
3179.login_table label {
3180 text-shadow: 1px 1px 1px #FFF;
3181}
3182.login_table {
3183 margin: 0px auto; /* Center */
3184 padding-left:6px;
3185 padding-right:6px;
3186 padding-top:16px;
3187 padding-bottom:12px;
3188 max-width: 560px;
3189<?php
3190if (getDolGlobalString('MAIN_LOGIN_BACKGROUND')) {
3191 print ' background-color: rgba(255, 255, 255, 0.9);';
3192} else {
3193 print ' background-color: #FFFFFF;';
3194}
3195?>
3196 -webkit-box-shadow: 0 2px 23px 2px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(60,60,60,0.15);
3197 box-shadow: 0 2px 23px 2px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(60,60,60,0.15);
3198
3199 border-radius: 5px;
3200 /*border-top:solid 1px rgba(180,180,180,.4);
3201 border-left:solid 1px rgba(180,180,180,.4);
3202 border-right:solid 1px rgba(180,180,180,.4);
3203 border-bottom:solid 1px rgba(180,180,180,.4);*/
3204}
3205.login_table input#username, .login_table input#password, .login_table input#securitycode {
3206 border: none;
3207 border-bottom: solid 1px rgba(180,180,180,.4);
3208 padding: 5px;
3209 margin-left: 5px;
3210 margin-top: 5px;
3211 margin-bottom: 5px;
3212}
3213.login_table input#username:focus, .login_table input#password:focus, .login_table input#securitycode:focus {
3214 outline: none !important;
3215}
3216.login_table .trinputlogin {
3217 font-size: 1.2em;
3218 margin: 8px;
3219}
3220.login_table .tdinputlogin {
3221 background-color: transparent;
3222 /* border: 2px solid #ccc; */
3223 min-width: 220px;
3224 border-radius: 2px;
3225}
3226.login_table .tdinputlogin .fa {
3227 padding-left: 10px;
3228 width: 14px;
3229}
3230.login_table .tdinputlogin input#username, .login_table .tdinputlogin input#password, .login_table .tdinputlogin input#securitycode {
3231 font-size: 1.1em;
3232}
3233/* For the static info message */
3234.login_main_home {
3235 word-break: break-word;
3236 width: fit-content;
3237}
3238/* For the result or error message */
3239.login_main_message {
3240 text-align: center;
3241 max-width: 570px;
3242 margin-bottom: 22px;
3243}
3244.login_main_message .error {
3245 /* border: 1px solid #caa; */
3246 padding: 10px;
3247}
3248div#login_left, div#login_right {
3249 display: inline-block;
3250 min-width: 245px;
3251 padding-top: 10px;
3252 padding-left: 16px;
3253 padding-right: 16px;
3254 text-align: center;
3255 vertical-align: middle;
3256}
3257div#login_right select#entity {
3258 margin-top: 10px;
3259}
3260table.login_table tr td table.none tr td {
3261 padding: 2px;
3262}
3263table.login_table_securitycode {
3264 border-spacing: 0px;
3265}
3266table.login_table_securitycode tr td {
3267 padding-left: 0px;
3268 padding-right: 4px;
3269}
3270#securitycode {
3271 min-width: 60px;
3272}
3273#img_securitycode {
3274 border: 1px solid #DDDDDD;
3275}
3276#img_logo, .img_logo {
3277 max-width: 170px;
3278 max-height: 90px;
3279}
3280
3281div.backgroundsemitransparent {
3282 background:rgba(255, 255, 255, 0.7);
3283 padding-left: 10px;
3284 padding-right: 10px;
3285}
3286div.login_block {
3287 position: absolute;
3288 text-align: <?php print $right; ?>;
3289 <?php print $right; ?>: 0;
3290 top: <?php print $disableimages ? '4px' : '0'; ?>;
3291 line-height: 10px;
3292 <?php // echo (empty($disableimages) && $maxwidthloginblock)?'max-width: '.$maxwidthloginblock.'px;':'';?>
3293 <?php if (GETPOST('optioncss', 'aZ09') == 'print') { ?>
3294 display: none;
3295 <?php } ?>
3296}
3297div.login_block a {
3298 color: var(--colortextbackhmenu);
3299 display: inline-block;
3300}
3301div.login_block a .atoploginusername {
3302 display: inline-block;
3303 overflow: hidden;
3304 max-width: 60px;
3305 text-overflow: ellipsis;
3306}
3307div.login_block span.aversion {
3308 color: var(--colortextbackhmenu);
3309 filter: contrast(0.7);
3310}
3311div.login_block table {
3312 display: inline;
3313}
3314div.login {
3315 white-space:nowrap;
3316 font-weight: bold;
3317 float: right;
3318}
3319div.login a {
3320 color: var(--colortextbackvmenu);
3321}
3322div.login a:hover {
3323 color: var(--colortextbackvmenu);
3324 text-decoration:underline;
3325}
3326.login_block_elem a span.atoplogin, .login_block_elem span.atoplogin {
3327 vertical-align: middle;
3328}
3329div.login_block_user {
3330 display: inline-block;
3331 vertical-align: middle;
3332 line-height: <?php echo $disableimages ? '25' : '51'; ?>px;
3333 height: <?php echo $disableimages ? '25' : '51'; ?>px;
3334}
3335div.login_block_other {
3336 display: inline-block;
3337 vertical-align: middle;
3338 clear: <?php echo $disableimages ? 'none' : 'both'; ?>;
3339 padding-top: 0;
3340 text-align: <?php echo $right ?>;
3341 margin-<?php echo $right ?>: 8px;
3342 max-width: 200px;
3343}
3344
3345.login_block_elem {
3346 float: <?php echo $right ?>;
3347 vertical-align: top;
3348 padding: 0px 3px 0px 4px !important;
3349}
3350.login_block_other .login_block_elem {
3351 line-height: 25px;
3352 height: 25px;
3353}
3354.atoplogin, .atoplogin:hover {
3355 color: var(--colortextbackhmenu) !important;
3356}
3357.login_block_getinfo {
3358 text-align: center;
3359}
3360.login_block_getinfo div.login_block_user {
3361 display: block;
3362}
3363.login_block_getinfo .atoplogin, .login_block_getinfo .atoplogin:hover {
3364 color: #333 !important;
3365 font-weight: normal !important;
3366}
3367.alogin, .alogin:hover {
3368 font-weight: normal !important;
3369 padding-top: 2px;
3370}
3371.alogin:hover, .atoplogin:hover {
3372 text-decoration:underline !important;
3373}
3374span.fa.atoplogin, span.fa.atoplogin:hover {
3375 font-size: 16px;
3376 text-decoration: none !important;
3377}
3378.atoplogin #dropdown-icon-down, .atoplogin #dropdown-icon-up {
3379 font-size: 0.7em;
3380}
3381img.login, img.printer, img.entity {
3382 /* padding: 0px 0px 0px 4px; */
3383 /* margin: 0px 0px 0px 8px; */
3384 text-decoration: none;
3385 color: white;
3386 font-weight: bold;
3387}
3388.loginbuttonexternal {
3389 width: 300px;
3390 margin: auto;
3391 border: 1px solid #ccc;
3392 padding: 10px;
3393 border-radius: 5px;
3394}
3395
3396
3397.userimg.atoplogin img.userphoto, .userimgatoplogin img.userphoto { /* size for user photo in login bar */
3398 width: <?php echo $disableimages ? '26' : '30'; ?>px;
3399 height: <?php echo $disableimages ? '26' : '30'; ?>px;
3400 border-radius: 50%;
3401 background-size: contain;
3402 border: 1px solid;
3403 border-color: rgba(255, 255, 255, 0.2);
3404}
3405img.userphoto { /* size for user photo in lists */
3406 border-radius: 0.72em;
3407 width: 1.4em;
3408 height: 1.4em;
3409 background-size: contain;
3410 vertical-align: middle;
3411}
3412span.userimg div.userphoto {
3413 background-color: #eee;
3414 border-radius: 0.72em;
3415 width: 1.4em;
3416 height: 1.4em;
3417 padding-top: 1px;
3418 display: inline-block;
3419}
3420img.userphotosmall { /* size for user photo in lists */
3421 border-radius: 0.6em;
3422 width: 1.2em;
3423 height: 1.2em;
3424 background-size: contain;
3425 vertical-align: middle;
3426 background-color: #FFF;
3427}
3428img.userphotopublicvcard {
3429 width: 60px;
3430 height: 60px;
3431 border-radius: 50%;
3432 background-size: contain;
3433 border: 1px solid;
3434 border-color: rgba(128, 128, 128, 0.5);
3435 position: relative;
3436 top: 25px;
3437 left: -110px;
3438}
3439img.userphoto[alt="Gravatar avatar"], img.photouserphoto.dropdown-user-image[alt="Gravatar avatar"] {
3440 background: #fff;
3441}
3442form[name="addtime"] img.userphoto {
3443 border: 1px solid #444;
3444}
3445.span-icon-user {
3446 background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/object_user.png', 1); ?>);
3447 background-repeat: no-repeat;
3448}
3449.span-icon-password {
3450 background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/lock.png', 1); ?>);
3451 background-repeat: no-repeat;
3452}
3453
3454/* ============================================================================== */
3455/* Menu gauche */
3456/* ============================================================================== */
3457
3458div.vmenu, td.vmenu {
3459 margin-<?php print $right; ?>: 2px;
3460 position: relative;
3461 float: left;
3462 padding: 0px;
3463 padding-bottom: 0px;
3464 padding-top: 1px;
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}
3751
3752div.tabBar tr.titre td {
3753 padding-top: 20px;
3754}
3755div.fiche table:not(.table-fiche-title) tr.titre td {
3756 padding-top: 10px;
3757}
3758
3759div.tabBar.tabBarNoTop {
3760 padding-top: 0;
3761 border-top: 0;
3762}
3763
3764/* tabBar used for creation/update/send forms */
3765div.tabBarWithBottom {
3766 padding-bottom: 18px;
3767 border-bottom: 1px solid #bbb;
3768}
3769div.tabBarWithBottom tr {
3770 background: unset !important;
3771}
3772div.tabBarWithBottom table.border>tbody>tr:last-of-type>td {
3773 border-bottom: none !important;
3774}
3775
3776div.tabBar table.tableforservicepart2:last-child {
3777 border-bottom: 1px solid #aaa;
3778}
3779.tableforservicepart1 .tdhrthin {
3780 height: unset;
3781 padding-top: 0 !important;
3782}
3783/* Payment Screen : Pointer cursor in the autofill image */
3784.AutoFillAmount {
3785 cursor:pointer;
3786}
3787
3788div.popuptabset {
3789 padding: 6px;
3790 background: #fff;
3791 border: 1px solid #888;
3792}
3793div.popuptab {
3794 padding-top: 8px;
3795 padding-bottom: 8px;
3796 padding-left: 5px;
3797 padding-right: 5px;
3798}
3799
3800/* ============================================================================== */
3801/* Buttons for actions */
3802/* ============================================================================== */
3803
3804div.tabsAction {
3805 margin: 20px 0em 30px 0em;
3806 padding: 0em 0em;
3807 text-align: right;
3808}
3809div.tabsActionNoBottom {
3810 margin-bottom: 0px;
3811}
3812div.tabsAction > a {
3813 margin-bottom: 16px !important;
3814}
3815
3816a.tabTitle {
3817 color: rgba(0,0,0,0.4) !important;
3818 text-shadow:1px 1px 1px #ffffff;
3819 font-family: <?php print $fontlist ?>;
3820 font-weight: normal !important;
3821 padding: 4px 6px 2px 0px;
3822 margin-<?php print $right; ?>: 10px;
3823 text-decoration: none;
3824 white-space: nowrap;
3825}
3826.tabTitleText {
3827 display: none;
3828}
3829.imgTabTitle {
3830 max-height: 14px;
3831}
3832div.tabs div.tabsElem:first-of-type a.tab {
3833 margin-left: 0px !important;
3834}
3835
3836a.tabunactive {
3837 color: var(--colortextlink) !important;
3838}
3839a.tab:link, a.tab:visited, a.tab:hover, a.tab#active {
3840 font-family: <?php print $fontlist ?>;
3841 padding: 12px 14px 13px;
3842 margin: 0em 0.2em;
3843 text-decoration: none;
3844 white-space: nowrap;
3845
3846 background-image: none !important;
3847}
3848
3849.tabactive, a.tab#active {
3850 color: var(--colortextbacktab) !important;
3851 /* background: var(--colorbacktabcard1) !important; */
3852 margin: 0 0.2em 0 0.2em !important;
3853
3854 border-right: 1px solid transparent;
3855 border-left: 1px solid transparent;
3856 border-top: 1px solid transparent;
3857 /*border-right: 1px solid #CCC !important;
3858 border-left: 1px solid #CCC !important; */
3859
3860 <?php if ($colorbackhmenu1 == '255,255,255') { ?>
3861 border-bottom: 3px solid var(--colortextbackhmenu) !important;
3862 <?php } else { ?>
3863 border-bottom: 3px solid var(--colorbackhmenu1) !important;
3864 <?php } ?>
3865}
3866.tabunactive, a.tab#unactive {
3867 border-right: 1px solid transparent;
3868 border-left: 1px solid transparent;
3869 border-top: 1px solid transparent;
3870 border-bottom: 0px !important;
3871}
3872a.tab:hover
3873{
3874 /*
3875 background: var(--colorbacktabcard1), 0.5) url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/nav-overlay3.png', 1); ?>) 50% 0 repeat-x;
3876 color: var(--colortextbacktab);
3877 */
3878 text-decoration: underline;
3879}
3880a.tabimage {
3881 color: #434956;
3882 font-family: <?php print $fontlist ?>;
3883 text-decoration: none;
3884 white-space: nowrap;
3885}
3886
3887td.tab {
3888 background: #dee7ec;
3889}
3890
3891span.tabspan {
3892 background: #dee7ec;
3893 color: #434956;
3894 font-family: <?php print $fontlist ?>;
3895 padding: 0px 6px;
3896 margin: 0em 0.2em;
3897 text-decoration: none;
3898 white-space: nowrap;
3899 -webkit-border-radius:4px 4px 0px 0px;
3900 border-radius:4px 4px 0px 0px;
3901
3902 border-<?php print $right; ?>: 1px solid #555555;
3903 border-<?php print $left; ?>: 1px solid #D8D8D8;
3904 border-top: 1px solid #D8D8D8;
3905}
3906
3907/* ============================================================================== */
3908/* Buttons for actions */
3909/* ============================================================================== */
3910<?php include dol_buildpath($path.'/theme/'.$theme.'/btn.inc.php', 0); ?>
3911
3912
3913/* ============================================================================== */
3914/* Tables */
3915/* ============================================================================== */
3916
3917.allwidth {
3918 width: 100%;
3919}
3920
3921#undertopmenu {
3922 background-repeat: repeat-x;
3923 margin-top: <?php echo($dol_hide_topmenu ? '6' : '0'); ?>px;
3924}
3925
3926
3927.paddingrightonly {
3928 border-collapse: collapse;
3929 border: 0px;
3930 margin-left: 0px;
3931 padding-<?php print $left; ?>: 0px !important;
3932 padding-<?php print $right; ?>: 4px !important;
3933}
3934.nocellnopadd {
3935 list-style-type:none;
3936 margin: 0px !important;
3937 padding: 0px !important;
3938}
3939.noborderspacing {
3940 border-spacing: 0;
3941}
3942tr.nocellnopadd td.nobordernopadding, tr.nocellnopadd td.nocellnopadd
3943{
3944 border: 0px;
3945}
3946
3947.unsetcolor {
3948 color: unset !important;
3949}
3950
3951.smallpaddingimp {
3952 padding: 4px !important;
3953 padding-left: 7px !important;
3954 padding-right: 7px !important;
3955}
3956input.button[name="upload"] {
3957 padding: 5px !important;
3958 font-size: 0.9em;
3959}
3960input.button.smallpaddingimp, input.buttonreset.smallpaddingimp {
3961 font-size: 0.8em;
3962}
3963input.buttonlink {
3964 color: var(--colortextlink);
3965 background-color: transparent;
3966 cursor: pointer;
3967}
3968input.buttonlink:hover {
3969 text-decoration: underline;
3970}
3971input.buttonreset {
3972 margin-top: 3px;
3973 margin-bottom: 3px;
3974 padding: 8px 15px;
3975 text-decoration: underline;
3976 color: var(--colortextlink);
3977 background-color: transparent;
3978 cursor: pointer;
3979}
3980.nopaddingleft {
3981 padding-<?php print $left; ?>: 0px;
3982}
3983div.tabs.nopaddingleft {
3984 padding-<?php print $left; ?>: 0px;
3985}
3986.nopaddingright {
3987 padding-<?php print $right; ?>: 0px;
3988}
3989.nopaddingtopimp {
3990 padding-top: 0px !important;
3991}
3992.nopaddingbottomimp {
3993 padding-bottom: 0px !important;
3994}
3995.notopnoleft {
3996 border-collapse: collapse;
3997 border: 0px;
3998 padding-top: 0px;
3999 padding-<?php print $left; ?>: 0px;
4000 padding-<?php print $right; ?>: 16px;
4001 padding-bottom: 4px;
4002 margin-right: 0px;
4003}
4004.notopnoleftnoright {
4005 border-collapse: collapse;
4006 border: 0px;
4007 padding-top: 0px;
4008 padding-left: 0px;
4009 padding-right: 0px;
4010 padding-bottom: 4px;
4011 margin: 0px 0px 0px 0px;
4012}
4013
4014table.tableforemailform tr td {
4015 padding-top: 3px;
4016 padding-bottom: 3px;
4017}
4018
4019table.border, table.bordernooddeven, table.dataTable, .table-border, .table-border-col, .table-key-border-col, .table-val-border-col, div.border {
4020 border-collapse: collapse !important;
4021 padding: 1px 2px 1px 3px; /* t r b l */
4022}
4023table.borderplus {
4024 border: 1px solid #BBB;
4025}
4026.border tbody tr, .bordernooddeven tbody tr, .border tbody tr td, .bordernooddeven tbody tr td,
4027div.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,
4028tr.liste_titre.box_titre td table td, .bordernooddeven tr td {
4029 height: 2.2em;
4030}
4031
4032div.tabBar div.border .table-border-row, div.tabBar div.border .table-key-border-col, div.tabBar .table-val-border-col {
4033 vertical-align: middle;
4034}
4035div .tdtop:not(.tagtdnote) {
4036 vertical-align: top !important;
4037 /*padding-top: 10px !important;
4038 padding-bottom: 2px !important; */
4039 padding-top: 7px !important;
4040 padding-bottom: 0px !important;
4041}
4042
4043table.border td, table.bordernooddeven td, div.border div div.tagtd {
4044 padding: 2px 2px 2px 2px;
4045 border-collapse: collapse;
4046}
4047div.tabBar .fichecenter table.border>tbody>tr>td, div.tabBar .fichecenter div.border div div.tagtd, div.tabBar div.border div div.tagtd
4048{
4049 padding-top: 2px;
4050 border-bottom: 1px solid #E0E0E0;
4051}
4052
4053td.border, div.tagtable div div.border {
4054 border-top: 1px solid #000000;
4055 border-right: 1px solid #000000;
4056 border-bottom: 1px solid #000000;
4057 border-left: 1px solid #000000;
4058}
4059.table-key-border-col {
4060 /* width: 25%; */
4061 vertical-align:top;
4062}
4063.table-val-border-col {
4064 width:auto;
4065}
4066
4067
4068.thsticky, .tdsticky {
4069 position: sticky;
4070 left: 0px;
4071}
4072.thstickyright, .tdstickyright {
4073 position: sticky;
4074 right: 0px;
4075}
4076.thstickygray, .tdstickygray {
4077 background-color: lightgray;
4078}
4079.thstickyghostwhite, .tdstickyghostwhite {
4080 background-color: ghostwhite;
4081}
4082.thstickyinherit, .tdstickyinherit {
4083 background-color: inherit;
4084}
4085
4086/* To have left column sticky */
4087/*.tagtable td[data-key="ref"], .tagtable th[data-key="ref"] {
4088 position: sticky;
4089 left: 0;
4090 top: 0;
4091 max-width: 150px !important;
4092 //background-color: inherit;
4093 background-color: gainsboro;
4094 z-index: 2;
4095}
4096*/
4097
4098/* To have right column sticky */
4099/*.tagtable td.actioncolumn, .tagtable th.actioncolumn {
4100 position: sticky-right;
4101 right: 0;
4102 top: 0;
4103 max-width: 150px !important;
4104 //background-color: inherit;
4105 background-color: gainsboro;
4106 z-index: 2;
4107}
4108*/
4109
4110
4111/* Main boxes */
4112.nobordertop, .nobordertop tr:first-of-type td {
4113 border-top: none !important;
4114}
4115.noborderbottom, .noborderbottom tr:last-of-type td {
4116 border-bottom: none !important;
4117}
4118.bordertop {
4119 border-top: 1px solid var(--colortopbordertitle1);
4120}
4121.borderbottom {
4122 border-bottom: 1px solid var(--colortopbordertitle1);
4123}
4124
4125
4126.fichehalfright table.noborder , .fichehalfleft table.noborder{
4127 margin: 0px 0px 0px 0px;
4128}
4129table.liste, table.noborder:not(.paymenttable):not(.margintable):not(.tableforcontact), table.formdoc, div.noborder:not(.paymenttable):not(.margintable):not(.tableforcontact) {
4130 <?php
4131 if ($userborderontable) { ?>
4132 border-left: 1px solid var(--colortopbordertitle1);
4133 border-right: 1px solid var(--colortopbordertitle1);
4134 <?php } ?>
4135}
4136table.liste, table.noborder, table.formdoc, div.noborder {
4137 width: 100%;
4138 border-collapse: separate !important;
4139 border-spacing: 0px;
4140 border-top-width: <?php echo $borderwidth ?>px;
4141 border-top-color: var(--colortopbordertitle1);
4142 border-top-style: solid;
4143 margin: 0px 0px 20px 0px;
4144
4145 border-radius: 2px;
4146
4147 /*width: calc(100% - 7px);
4148 border-collapse: separate !important;
4149 border-spacing: 0px;
4150 border-top-width: 0px;
4151 border-top-color: rgb(215,215,215);
4152 border-top-style: solid;
4153 margin: 0px 0px 5px 2px;
4154 box-shadow: 1px 1px 5px #ddd;
4155 */
4156}
4157#tablelines, #tablelinesservice {
4158 border-bottom-width: 1px;
4159 border-bottom-color: var(--colortopbordertitle1);
4160 border-bottom-style: solid;
4161}
4162table.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 {
4163 border-bottom-width: 1px;
4164 border-bottom-color: var(--colortopbordertitle1);
4165 border-bottom-style: solid;
4166}
4167/* CSS to remove the interline border */
4168table.nointerlines tr:not(:last-child) td {
4169 border-bottom: unset !important;
4170 border-top: unset !important;
4171}
4172
4173
4174/*
4175div.tabBar div.fichehalfright table.noborder:not(.margintable):not(.paymenttable):not(.lastrecordtable):last-of-type {
4176 border-bottom: 1px solid var(--colortopbordertitle1);
4177}
4178*/
4179div.tabBar table.border>tbody>tr:last-of-type>td {
4180 border-bottom-width: 1px;
4181 border-bottom-color: var(--colortopbordertitle1);
4182 border-bottom-style: solid;
4183}
4184div.tabBar div.fichehalfright table.noborder {
4185 border-bottom: none;
4186}
4187
4188table.paddingtopbottomonly tr td {
4189 padding-top: 1px;
4190 padding-bottom: 2px;
4191}
4192.liste_titre_filter {
4193 background: var(--colorbacktitle1) !important;
4194}
4195.liste_titre2 {
4196 background: var(--colorbackhmenu1) !important;
4197 color: #fff;
4198}
4199table:not(.listwithfilterbefore) tr.liste_titre_filter:first-of-type td.liste_titre {
4200 padding-top: 5px;
4201}
4202
4203tr.liste_titre_filter td.liste_titre {
4204 /* border-bottom: 1px solid #ddd; */
4205 padding-top: 1px;
4206 padding-bottom: 0px;
4207}
4208tr.liste_titre_filter td.liste_titre:first-of-type {
4209/* height: 36px; */
4210}
4211.liste_titre_create td, .liste_titre_create th, .liste_titre_create .tagtd
4212{
4213 border-bottom-width: 0 !important;
4214 border-top-width: 1px;
4215 border-top-color: var(--colortopbordertitle1);
4216 border-top-style: solid;
4217}
4218tr#trlinefordates td {
4219 border-bottom: 0px !important;
4220}
4221.liste_titre_add td, .liste_titre_add th, .liste_titre_add .tagtd
4222{
4223 border-top-width: 1px;
4224 border-top-color: var(--colortopbordertitle1);
4225 border-top-style: solid;
4226}
4227table.liste tr, table.noborder tr, div.noborder form {
4228 border-top-color: #FEFEFE;
4229 min-height: 20px;
4230}
4231table.liste th, table.noborder th, table.noborder tr.liste_titre td, table.noborder tr.box_titre td {
4232 padding: 6px 10px 6px 12px; /* t r b l */
4233}
4234table.liste td, table.noborder td, div.noborder form div, table.tableforservicepart1 td, table.tableforservicepart2 td {
4235 padding: 6px 10px 6px 12px; /* t r b l */
4236 /* line-height: 22px; This create trouble on cell login on list of last events of a contract*/
4237 height: 30px;
4238}
4239table.liste tr.trkanban td {
4240 padding: 12px 15px 12px 15px; /* t r b l */
4241}
4242div.liste_titre_bydiv .divsearchfield {
4243 padding: 2px 1px 2px 7px; /* t r b l */
4244}
4245
4246tr.box_titre .nobordernopadding td {
4247 padding: 0 ! important;
4248}
4249table.nobordernopadding {
4250 border-collapse: collapse !important;
4251 border: 0;
4252}
4253table.nobordernopadding tr {
4254 border: 0 !important;
4255 padding: 0 0 !important;
4256}
4257table.nobordernopadding tr td {
4258 border: 0 !important;
4259 padding: 0 3px 0 0;
4260}
4261table.border tr td table.nobordernopadding tr td {
4262 padding-top: 0;
4263 padding-bottom: 0;
4264}
4265td.borderright {
4266 border: none; /* to erase value for table.nobordernopadding td */
4267 border-right-width: 1px !important;
4268 border-right-color: #BBB !important;
4269 border-right-style: solid !important;
4270}
4271td.borderleft {
4272 border: none; /* to erase value for table.nobordernopadding td */
4273 border-left-width: 1px !important;
4274 border-left-color: #BBB !important;
4275 border-left-style: solid !important;
4276}
4277
4278
4279/* For table with no filter before */
4280table.listwithfilterbefore {
4281 border-top: none !important;
4282}
4283
4284
4285.tagtable, .table-border { display: table; }
4286.tagtr, .table-border-row { display: table-row; }
4287.tagtd, .table-border-col, .table-key-border-col, .table-val-border-col { display: table-cell; }
4288.confirmquestions .tagtr .tagtd:not(:first-child) { padding-left: 10px; }
4289.confirmquestions { margin-top: 5px; }
4290
4291/* Pagination */
4292div.refidpadding {
4293 /* padding-top: 3px; */
4294}
4295div.refid {
4296 font-weight: bold;
4297 color: var(--colortexttitlenotab);
4298 font-size: 1.2em;
4299 word-break: break-word;
4300}
4301a.refid {
4302 color: var(--colortexttitlenotab) !important;
4303}
4304div.refidno {
4305 padding-top: 3px;
4306 font-weight: normal;
4307 color: var(--refidnocolor);
4308 font-size: <?php print is_numeric($fontsize) ? $fontsize.'px' : $fontsize ?>;
4309 line-height: 1.4em;
4310}
4311div.refaddress div.address {
4312 line-height: 1.2em;
4313 font-size: 0.95em;
4314}
4315div.refidno form {
4316 display: inline-block;
4317}
4318
4319div.pagination {
4320 float: <?php echo $right; ?>;
4321}
4322div.pagination a {
4323 font-weight: normal;
4324}
4325div.pagination ul
4326{
4327 list-style: none;
4328 display: inline-block;
4329 padding-left: 0px;
4330 padding-right: 0px;
4331 margin: 0;
4332}
4333div.pagination li {
4334 display: inline-block;
4335 padding-left: 0px;
4336 padding-right: 0px;
4337 /* padding-top: 10px; */
4338 /* padding-bottom: 5px; */
4339 /* font-size: 1.1em; */
4340}
4341li.pagination.paginationpage.paginationpageleft, li.pagination.paginationpage.paginationpageright {
4342 font-size: 1.1em;
4343}
4344.pagination {
4345 display: inline-block;
4346 padding-left: 0;
4347 border-radius: 4px;
4348}
4349div.pagination li.pagination a,
4350div.pagination li.pagination span {
4351 padding: 6px 12px;
4352 line-height: 1.42857143;
4353 text-decoration: none;
4354 background-repeat: repeat-x;
4355 color: var(--color-black);
4356}
4357div.pagination li.pagination span.inactive {
4358 cursor: default;
4359 color: #ccc;
4360}
4361li.noborder.litext, li.noborder.litext a,
4362div.pagination li a.inactive:hover,
4363div.pagination li span.inactive:hover {
4364 -webkit-box-shadow: none !important;
4365 box-shadow: none !important;
4366}
4367/*div.pagination li.litext {
4368 padding-top: 8px;
4369}*/
4370div.pagination li.litext a {
4371 border: none;
4372 padding-right: 10px;
4373 padding-left: 4px;
4374 font-weight: bold;
4375}
4376div.pagination li.litext a:hover {
4377 background-color: transparent;
4378 background-image: none;
4379}
4380div.pagination li.noborder a:hover {
4381 border: none;
4382 background-color: transparent;
4383}
4384div.pagination li a,
4385div.pagination li span {
4386 /* background-color: #fff; */
4387 /* border: 1px solid #ddd; */
4388}
4389div.pagination li:first-child a,
4390div.pagination li:first-child span {
4391 margin-left: 0;
4392 /*border-top-left-radius: 4px;
4393 border-bottom-left-radius: 4px;*/
4394}
4395
4396/*div.pagination li a:hover,
4397div.pagination li:not(.paginationbeforearrows,.paginationafterarrows,.title-button) span:hover,
4398div.pagination li a:focus,
4399div.pagination li:not(.paginationbeforearrows,.paginationafterarrows,.title-button) span:focus {
4400 -webkit-box-shadow: 0px 0px 6px 1px rgba(50, 50, 50, 0.4), 0px 0px 0px rgba(60,60,60,0.1);
4401 box-shadow: 0px 0px 6px 1px rgba(50, 50, 50, 0.4), 0px 0px 0px rgba(60,60,60,0.1);
4402}*/
4403div.pagination li .active a,
4404div.pagination li .active span,
4405div.pagination li .active a:hover,
4406div.pagination li .active span:hover,
4407div.pagination li .active a:focus,
4408div.pagination li .active span:focus {
4409 z-index: 2;
4410 color: #fff;
4411 cursor: default;
4412 background-color: var(--colorbackhmenu1);
4413 border-color: #337ab7;
4414}
4415div.pagination .disabled span,
4416div.pagination .disabled span:hover,
4417div.pagination .disabled span:focus,
4418div.pagination .disabled a,
4419div.pagination .disabled a:hover,
4420div.pagination .disabled a:focus {
4421 color: #777;
4422 cursor: not-allowed;
4423 background-color: #fff;
4424 border-color: #ddd;
4425}
4426div.pagination li.pagination .active {
4427 text-decoration: underline;
4428 box-shadow: none;
4429}
4430.paginationafterarrows .nohover {
4431 box-shadow: none !important;
4432}
4433
4434div.pagination li.paginationafterarrows {
4435 margin-left: 10px;
4436 padding-top: 0;
4437 /*padding-bottom: 10px;*/
4438}
4439.paginationatbottom {
4440 margin-top: 9px;
4441}
4442table.hidepaginationprevious .paginationprevious {
4443 display: none;
4444}
4445table.hidepaginationnext .paginationnext {
4446 display: none;
4447}
4448.tabBar .arearef .pagination.paginationref {
4449 max-width: calc(30%);
4450}
4451.paginationafterarrows a.btnTitlePlus, .titre_right a.btnTitlePlus {
4452 /* border: 1px solid var(--btncolorborder); */
4453 border: unset;
4454 background-color: unset;
4455}
4456.paginationafterarrows a.btnTitlePlus:hover span:before, .titre_right a.btnTitlePlus:hover span:before {
4457 /* text-shadow: 0px 0px 5px #ccc; */
4458 /* filter: invert(0.3); */
4459 font-size: 1.07em;
4460}
4461
4462
4463
4464/* Set the color for hover lines */
4465.oddeven:hover, .evenodd:hover, .oddevenimport:hover, .evenoddimport:hover, .impair:hover, .pair:hover
4466{
4467 background: var(--colorbacklinepairhover) !important; /* Must be background to be stronger than background of odd or even */
4468}
4469.tredited, .tredited td {
4470 background: var(--colorbacklinepairchecked) !important; /* Must be background to be stronger than background of odd or even */
4471 border-bottom: 0 !important;
4472}
4473.treditedlinefordate {
4474 background: var(--colorbacklinepairchecked) !important; /* Must be background to be stronger than background of odd or even */
4475 border-bottom: 0px;
4476}
4477<?php if ($colorbacklinepairchecked) { ?>
4478.highlight {
4479 background: var(--colorbacklinepairchecked) !important; /* Must be background to be stronger than background of odd or even */
4480}
4481<?php } ?>
4482
4483.nohoverborder:hover {
4484 border: unset;
4485 box-shadow: unset;
4486 -webkit-box-shadow: unset;
4487}
4488.oddeven, .evenodd, .impair, .pair, .nohover .impair:hover, tr.impair td.nohover, tr.pair td.nohover, .tagtr.oddeven
4489{
4490 font-family: <?php print $fontlist ?>;
4491 margin-bottom: 1px;
4492 color: var(--oddevencolor);
4493}
4494.impair, .nohover .impair:hover, tr.impair td.nohover {
4495 background-color: var(--colorbacklineimpair2);
4496}
4497.pair, .nohover .pair:hover, tr.pair td.nohover {
4498 background-color: var(--colorbacklinepair2);
4499}
4500tr.oddeven.oddevendouble {
4501 height: 60px !important;
4502}
4503
4504#GanttChartDIV {
4505 background-color: var(--colorbacklineimpair2);
4506}
4507table.dataTable tr.oddeven {
4508 background-color: var(--colorbacklinepair2) !important;
4509}
4510
4511/* For no hover style */
4512td.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 {
4513 background-color: var(--colorbacklineimpair2) !important;
4514 background: var(--colorbacklineimpair2) !important;
4515}
4516td.evenodd, tr.nohoverpair td, #trlinefordates td {
4517 background-color: var(--colorbacklinepair2) !important;
4518 background: var(--colorbacklinepair2) !important;
4519}
4520.trforbreak td {
4521 font-weight: 500;
4522 border-bottom: 1pt solid black !important;
4523 background-color: var(--colorbacklinebreak) !important;
4524}
4525.trforbreak.nobold td a, .trforbreak.nobold span.secondary {
4526 font-weight: normal !important;
4527}
4528
4529table.dataTable td {
4530 padding: 5px 8px 5px 8px !important;
4531}
4532tr.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 {
4533 padding: 7px 8px 7px 8px;
4534 border-bottom: 1px solid #ddd;
4535}
4536form.pair, form.impair {
4537 font-weight: normal;
4538}
4539form.tagtr:last-of-type div.tagtd, tr.pair:last-of-type td, tr.impair:last-of-type td {
4540 border-bottom: 0px !important;
4541}
4542tr.nobottom td {
4543 border-bottom: 0px !important;
4544}
4545div.tableforcontact form.tagtr:last-of-type div.tagtd {
4546 border-bottom: 1px solid #ddd !important;
4547}
4548tr.pair td .nobordernopadding tr td, tr.impair td .nobordernopadding tr td {
4549 border-bottom: 0px !important;
4550}
4551table.nobottomiftotal tr.liste_total td {
4552 background-color: var(--inputbackgroundcolor);
4553 <?php if (!$userborderontable) { ?>
4554 border-bottom: 0px !important;
4555 <?php } ?>
4556}
4557table.nobottom, td.nobottom {
4558 border-bottom: 0px !important;
4559}
4560div.liste_titre .tagtd {
4561 vertical-align: middle;
4562}
4563div.liste_titre {
4564 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 */
4565
4566 padding-top: 2px;
4567 padding-bottom: 2px;
4568}
4569div.liste_titre_bydiv {
4570 border-top-width: <?php echo $borderwidth ?>px;
4571 border-top-color: var(--colortopbordertitle1);
4572 border-top-style: solid;
4573 <?php if ($userborderontable) { ?>
4574 border-left: <?php echo $borderwidth ?>px solid var(--colortopbordertitle1);
4575 border-right: <?php echo $borderwidth ?>px solid var(--colortopbordertitle1);
4576 <?php } ?>
4577
4578 border-collapse: collapse;
4579 padding: 2px 0px 2px 0;
4580 box-shadow: none;
4581 /*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 */
4582 width: unset;
4583}
4584div.liste_titre_bydiv_inlineblock {
4585 display: inline-block;
4586 width: 100%;
4587}
4588
4589tr.liste_titre, tr.liste_titre_sel, form.liste_titre, form.liste_titre_sel, table.dataTable.tr, tagtr.liste_titre
4590{
4591 height: 26px !important;
4592}
4593div.colorback /* for the form "assign user" on time spent view */
4594{
4595 background: #f8f8f8;
4596 padding: 10px;
4597 margin-top: 5px;
4598 border: 1px solid #ddd;
4599}
4600div.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
4601{
4602 background: var(--colorbacktitle1);
4603 font-weight: <?php echo $useboldtitle ? 'bold' : 'normal'; ?>;
4604
4605 color: var(--colortexttitle);
4606 font-family: <?php print $fontlist ?>;
4607 text-align: <?php echo $left; ?>;
4608}
4609tr.liste_titre th, tr.liste_titre td, th.liste_titre
4610{
4611 border-bottom: 1px solid var(--colortopbordertitle1);
4612}
4613tr.liste_titre:first-child th, tr:first-child th.liste_titre {
4614/* border-bottom: 1px solid #ddd ! important; */
4615 border-bottom: unset;
4616}
4617tr.liste_titre th, th.liste_titre, tr.liste_titre td, td.liste_titre, form.liste_titre div
4618{
4619 font-family: <?php print $fontlist ?>;
4620 font-weight: <?php echo $useboldtitle ? 'bold' : 'normal'; ?>;
4621 vertical-align: middle;
4622 height: 2.2em;
4623}
4624tr.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 {
4625 text-shadow: none !important;
4626 color: var(--colortexttitlelink);
4627}
4628tr.liste_titre_topborder td {
4629 border-top-width: <?php echo $borderwidth; ?>px;
4630 border-top-color: var(--colortopbordertitle1);
4631 border-top-style: solid;
4632}
4633.liste_titre td a {
4634 text-shadow: none !important;
4635 color: var(--colortexttitle);
4636}
4637.liste_titre td a.notasortlink {
4638 color: var(--colortextlink);
4639}
4640.liste_titre td a.notasortlink:hover {
4641 background: transparent;
4642}
4643tr.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 */
4644 /* border-bottom: 1px solid #ddd; */
4645 border-bottom: unset;
4646}
4647
4648div.liste_titre {
4649 padding-left: 3px;
4650}
4651tr.liste_titre_sel th, th.liste_titre_sel, tr.liste_titre_sel td, td.liste_titre_sel, form.liste_titre_sel div
4652{
4653 font-family: <?php print $fontlist ?>;
4654 font-weight: normal;
4655 border-bottom: 1px solid #FDFFFF;
4656 /* text-decoration: underline; */
4657}
4658input.liste_titre {
4659 background: transparent;
4660 border: 0px;
4661}
4662.listactionlargetitle .liste_titre {
4663 line-height: 24px;
4664}
4665.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 {
4666 color: var(--listetotal);
4667 font-weight: normal;
4668}
4669.noborder tr.liste_total td, tr.liste_total td, form.liste_total div {
4670 white-space: nowrap;
4671}
4672.noborder tr.liste_total_wrap td, tr.liste_total_wrap td, form.liste_total_wrap div {
4673 white-space: normal;
4674}
4675form.liste_total div {
4676 border-top: 1px solid #DDDDDD;
4677}
4678tr.liste_sub_total, tr.liste_sub_total td {
4679 border-bottom: 1px solid #aaa;
4680}
4681/* to avoid too much border on contract card */
4682.tableforservicepart1 .impair, .tableforservicepart1 .pair, .tableforservicepart2 .impair, .tableforservicepart2 .pair {
4683 background: #FFF;
4684}
4685.tableforservicepart1 tbody tr td, .tableforservicepart2 tbody tr td {
4686 border-bottom: none;
4687}
4688table.tableforservicepart1:first-of-type tr:first-of-type td {
4689 border-top: 1px solid #888;
4690}
4691table.tableforservicepart1 tr td {
4692 border-top: 0px;
4693}
4694
4695.paymenttable, .margintable {
4696 border-top: none !important;
4697 margin: 0px 0px 0px 0px !important;
4698}
4699.bordertopimp {
4700 border-top: 1px solid var(--colortopbordertitle1) !important;
4701}
4702table.noborder.paymenttable {
4703 border-bottom: none !important;
4704}
4705.paymenttable tr td:first-child, .margintable tr td:first-child
4706{
4707 /*padding-left: 2px;*/
4708}
4709.paymenttable, .margintable tr td {
4710 height: 22px;
4711}
4712
4713/* Disable-Enable shadows */
4714.noshadow {
4715 -webkit-box-shadow: 0px 0px 0px #DDD !important;
4716 box-shadow: 0px 0px 0px #DDD !important;
4717}
4718.shadow {
4719 -webkit-box-shadow: 1px 1px 7px #CCC !important;
4720 box-shadow: 1px 1px 7px #CCC !important;
4721}
4722
4723.boxshadow {
4724 -webkit-box-shadow: 0px 0px 5px #888;
4725 box-shadow: 0px 0px 5px #888;
4726}
4727
4728div.tabBar .noborder {
4729 -webkit-box-shadow: 0px 0px 0px #DDD !important;
4730 box-shadow: 0px 0px 0px #DDD !important;
4731}
4732
4733#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 {
4734 border-bottom: 1px solid var(--colortopbordertitle1) !important;
4735}
4736#tablelines tr td, #tablelinesservice tr td {
4737 height: unset;
4738}
4739
4740/* Prepare to remove class pair - impair */
4741
4742.noborder:not(.editmode) > tbody > tr:nth-child(even):not(.liste_titre):not(.nooddeven), .liste > tbody > tr:nth-child(even):not(.liste_titre):not(.nooddeven),
4743div: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),
4744div:not(.fichecenter):not(.fichehalfleft):not(.fichehalfright) .oddeven.tagtr:nth-of-type(even):not(.liste_titre):not(.nooddeven)
4745{
4746 background: linear-gradient(bottom, var(----colorbacklineimpair2) 0%, var(--colorbacklineimpair2) 100%);
4747 background: -o-linear-gradient(bottom, var(--colorbacklineimpair2) 0%, var(--colorbacklineimpair2) 100%);
4748 background: -moz-linear-gradient(bottom, var(--colorbacklineimpair2) 0%, var(--colorbacklineimpair2) 100%);
4749 background: -webkit-linear-gradient(bottom, var(--colorbacklineimpair2) 0%, var(--colorbacklineimpair2) 100%);
4750}
4751.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),
4752.noborder .oddeven.tagtr:nth-child(even):not(:last-of-type) .tagtd:not(.liste_titre)
4753{
4754 border-bottom: 1px solid #f0f0f0;
4755}
4756
4757.noborder:not(.editmode) > tbody > tr:nth-child(odd):not(.liste_titre):not(.nooddeven), .liste > tbody > tr:nth-child(odd):not(.liste_titre):not(.nooddeven),
4758div: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),
4759div:not(.fichecenter):not(.fichehalfleft):not(.fichehalfright) .oddeven.tagtr:nth-of-type(odd):not(.liste_titre):not(.nooddeven)
4760{
4761 background: linear-gradient(bottom, var(--colorbacklinepair2) 0%, var(--colorbacklinepair2) 100%);
4762 background: -o-linear-gradient(bottom, var(--colorbacklinepair2) 0%, var(--colorbacklinepair2) 100%);
4763 background: -moz-linear-gradient(bottom, var(--colorbacklinepair2) 0%, var(--colorbacklinepair2) 100%);
4764 background: -webkit-linear-gradient(bottom, var(--colorbacklinepair2) 0%, var(--colorbacklinepair2) 100%);
4765}
4766.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),
4767.noborder .oddeven.tagtr:nth-child(odd):not(:last-child) .tagtd:not(.liste_titre)
4768{
4769 border-bottom: 1px solid #f0f0f0;
4770}
4771
4772ul.noborder li:nth-child(even):not(.liste_titre) {
4773 background-color: var(--colorbacklinepair2) !important;
4774}
4775
4776
4777/*
4778 * Boxes
4779 */
4780
4781.box {
4782 overflow-x: auto;
4783 min-height: 40px;
4784 padding-right: 0px;
4785 padding-left: 0px;
4786 /* padding-bottom: 10px; */
4787}
4788.boxstatsborder {
4789 /* border: 1px solid #CCC !important; */
4790}
4791.boxstats, .boxstats130 {
4792 display: inline-block;
4793 margin-left: 8px;
4794 margin-right: 8px;
4795 margin-top: 5px;
4796 margin-bottom: 5px;
4797 text-align: center;
4798
4799 background: var(--colorbackbody);
4800 border: 1px solid var(--colorboxstatsborder);
4801 border-left: 6px solid var(--colorboxstatsborder);
4802 /* box-shadow: 1px 1px 8px var(--colorboxstatsborder); */
4803 border-radius: 4px;
4804}
4805.boxstats, .boxstats130, .boxstatscontent {
4806 white-space: nowrap;
4807 overflow: hidden;
4808 text-overflow: ellipsis;
4809}
4810.boxstats130 {
4811 width: 100%;
4812 height: 59px;
4813 /* padding: 3px; */
4814}
4815.boxstats {
4816 padding-left: 6px;
4817 padding-right: 6px;
4818 padding-top: 2px;
4819 padding-bottom: 2px;
4820 width: 118px;
4821}
4822
4823.boxtable:not(.widgetstats) td.tdboxstats .boxstats {
4824 box-shadow: 1px 1px 8px var(--colorboxstatsborder);
4825}
4826
4827.tabBar .fichehalfright .boxstats {
4828 padding-top: 8px;
4829 padding-bottom: 4px;
4830}
4831.boxstatscontent {
4832 padding: 3px;
4833}
4834.boxstatsempty {
4835 width: 121px;
4836 padding-left: 3px;
4837 padding-right: 3px;
4838 margin-left: 8px;
4839 margin-right: 8px;
4840}
4841.boxstats150empty {
4842 width: 158px;
4843 padding-left: 3px;
4844 padding-right: 3px;
4845 margin-left: 8px;
4846 margin-right: 8px;
4847}
4848
4849
4850@media only screen and (max-width: 768px)
4851{
4852 .tabBar .arearef .pagination.paginationref {
4853 max-width: calc(50%);
4854 }
4855
4856 div.pagination ul li {
4857 margin-top: 3px;
4858 margin-bottom: 3px;
4859 }
4860 div.pagination .button-title-separator {
4861 display: none;
4862 }
4863
4864 .clearbothonsmartphone {
4865 clear: both;
4866 display: block !important;
4867 }
4868
4869 div.tabs {
4870 padding-left: 0 !important;
4871 padding-right: 0!important;
4872 margin-left: 0 !important;
4873 margin-right: 0 !important;
4874 }
4875 table.liste tr.trkanban td {
4876 padding: 10px 6px 10px 6px; /* t r b l */
4877 }
4878
4879 a.tab:link, a.tab:visited, a.tab:hover, a.tab#active {
4880 padding: 12px 12px 13px;
4881 }
4882 a.tmenu:link, a.tmenu:visited, a.tmenu:hover, a.tmenu:active {
4883 padding: 0px 0px 0px 0px;
4884 }
4885 a.tmenusel:link, a.tmenusel:visited, a.tmenusel:hover, a.tmenusel:active {
4886 padding: 0px 0px 0px 0px;
4887 }
4888
4889 td.tdwidgetstate {
4890 text-align: center;
4891 }
4892
4893 .boxstats, .boxstats130 {
4894 margin: 3px;
4895 }
4896 .boxstats130 {
4897 text-align: <?php echo $left; ?>
4898 }
4899 .thumbstat {
4900 flex: 1 1 110px;
4901 margin-bottom: 8px;
4902 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 */
4903 }
4904 .thumbstat150 {
4905 flex: 1 1 110px;
4906 margin-bottom: 8px;
4907 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 */
4908 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 */
4909 /* 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) */
4910 }
4911 .dashboardlineindicator {
4912 float: left;
4913 padding-left: 5px;
4914 }
4915 .boxstats {
4916 width: 111px;
4917 }
4918 .boxstatsempty {
4919 width: 111px;
4920 }
4921
4922}
4923
4924.boxstats:hover {
4925 box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.20);
4926}
4927span.boxstatstext span:not(.fas) {
4928 opacity: 0.5;
4929}
4930span.boxstatstext {
4931 line-height: 18px;
4932 color: var(--colortext);
4933}
4934span.boxstatstext img, a.dashboardlineindicatorlate img {
4935 border: 0;
4936}
4937a img {
4938 border: 0;
4939}
4940.boxstatsindicator.thumbstat150 { /* If we remove this, box position is ko on ipad */
4941 display: inline-flex;
4942}
4943span.boxstatsindicator {
4944 font-size: 130%;
4945 font-weight: normal;
4946 line-height: 29px;
4947 flex-grow: 1;
4948
4949}
4950span.dashboardlineindicator, span.dashboardlineindicatorlate {
4951 font-size: 130%;
4952 font-weight: normal;
4953}
4954a.dashboardlineindicatorlate:hover {
4955 text-decoration: none;
4956}
4957.dashboardlineindicatorlate img {
4958 width: 16px;
4959}
4960span.dashboardlineok {
4961 color: #008800;
4962}
4963span.dashboardlineko {
4964 color: #FFF;
4965 font-size: 80%;
4966}
4967.dashboardlinelatecoin {
4968 float: right;
4969 position: relative;
4970 text-align: right;
4971 top: -27px;
4972 right: 2px;
4973 padding: 0px 5px 0px 5px;
4974 border-radius: .25em;
4975
4976 background-color: #9f4705;
4977}
4978.imglatecoin {
4979 padding: 1px 3px 1px 1px;
4980 margin-left: 4px;
4981 margin-right: 2px;
4982 background-color: #8c4446;
4983 color: #FFFFFF ! important;
4984 border-radius: .25em;
4985 display: inline-block;
4986 vertical-align: middle;
4987}
4988.divboxtable {
4989 margin-bottom: 25px !important;
4990}
4991.boxtable {
4992 border-bottom-width: 1px;
4993 background: var(--colorbackbody);
4994 border-top: <?php echo $borderwidth ?>px solid var(--colortopbordertitle1);
4995 /* border-top: 2px solid var(--colorbackhmenu1) !important; */
4996}
4997
4998table.noborder.boxtable tr td {
4999 height: unset;
5000}
5001.boxtablenotop {
5002 border-top-width: 0 !important;
5003}
5004.boxtablenobottom {
5005 border-bottom-width: 0 !important;
5006}
5007.boxtablenomarginbottom {
5008 margin-bottom: 0 !important;
5009}
5010.boxtable .fichehalfright, .boxtable .fichehalfleft {
5011 min-width: 275px; /* increasing this, make chart on box not side by side on laptops */
5012}
5013.tdboxstats {
5014 text-align: center;
5015}
5016.boxworkingboard .tdboxstats {
5017 padding-left: 0px !important;
5018 padding-right: 0px !important;
5019}
5020a.valignmiddle.dashboardlineindicator {
5021 line-height: 30px;
5022}
5023.height30 {
5024 height: 30px !important;
5025}
5026.height50 {
5027 height: 50px !important;
5028}
5029
5030tr.box_titre {
5031 height: 26px;
5032
5033 /* TO MATCH BOOTSTRAP */
5034 /*background: #ddd;
5035 color: #000 !important;*/
5036
5037 /* TO MATCH ELDY */
5038 background: var(--colorbacktitle1);
5039 color: var(--colortexttitle);
5040 font-family: <?php print $fontlist ?>, sans-serif;
5041 font-weight: <?php echo $useboldtitle ? 'bold' : 'normal'; ?>;
5042 border-bottom: 1px solid #FDFFFF;
5043 white-space: nowrap;
5044}
5045
5046tr.box_titre td.boxclose {
5047 width: 30px;
5048}
5049img.boxhandle, img.boxclose {
5050 padding-left: 5px;
5051}
5052
5053.formboxfilter {
5054 vertical-align: middle;
5055 margin-bottom: 6px;
5056}
5057.formboxfilter input[type=image]
5058{
5059 top: 5px;
5060 position: relative;
5061}
5062.boxfilter {
5063 margin-bottom: 2px;
5064 margin-right: 1px;
5065}
5066.prod_entry_mode_free, .prod_entry_mode_predef {
5067 height: 26px !important;
5068 vertical-align: middle;
5069}
5070
5071.modulebuilderbox {
5072 border: 1px solid #888;
5073 padding: 16px;
5074}
5075
5076
5077/*
5078 * Ok, Warning, Error
5079 */
5080
5081.ok { color: #114466; }
5082.warning { color: #887711 !important; }
5083.error { color: #660000 !important; font-weight: bold; }
5084.green { color: #118822 !important; }
5085
5086div.ok {
5087 color: #114466;
5088}
5089
5090/* Info admin */
5091div.info {
5092 border-<?php print $left; ?>: solid 5px #87cfd2;
5093 padding-top: 8px;
5094 padding-left: 10px;
5095 padding-right: 4px;
5096 padding-bottom: 8px;
5097 margin: 1em 0em 1em 0em;
5098 background: #eff8fc;
5099 color: #558;
5100 border-radius: 3px;
5101}
5102
5103/* Warning message */
5104div.warning, div.warningborder {
5105 border-<?php print $left; ?>: solid 5px #f2cf87;
5106}
5107div.warning {
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 * Paid/Unpaid Links
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: 2.2em;
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}
6194div.cke_notifications_area .cke_notification_warning {
6195 visibility: hidden;
6196}
6197
6198
6199/* ============================================================================== */
6200/* ACE editor */
6201/* ============================================================================== */
6202.ace_editor {
6203 border: 1px solid #ddd;
6204 margin: 0;
6205}
6206.aceeditorstatusbar {
6207 margin: 0;
6208 padding: 0;
6209 padding-<?php echo $left; ?>: 10px;
6210 left: 0;
6211 right: 0;
6212 bottom: 0;
6213 background-color: #ebebeb;
6214 height: 2.2em;
6215 line-height: 2.2em;
6216}
6217.ace_status-indicator {
6218 color: gray;
6219 position: relative;
6220 right: 0;
6221 border-left: 1px solid;
6222}
6223pre#editfilecontentaceeditorid {
6224 margin-top: 5px;
6225}
6226
6227
6228/* ============================================================================== */
6229/* File upload */
6230/* ============================================================================== */
6231
6232.template-upload {
6233 height: 72px !important;
6234}
6235
6236
6237/* ============================================================================== */
6238/* Custom reports */
6239/* ============================================================================== */
6240
6241.customreportsoutput, .customreportsoutputnotdata {
6242 padding-top: 20px;
6243}
6244.customreportsoutputnotdata {
6245 text-align: center;
6246}
6247
6248
6249/* ============================================================================== */
6250/* Holiday */
6251/* ============================================================================== */
6252
6253#types .btn {
6254 cursor: pointer;
6255}
6256
6257#types .btn-primary {
6258 font-weight: bold;
6259}
6260
6261#types form {
6262 padding: 20px;
6263}
6264
6265#types label {
6266 display:inline-block;
6267 width:100px;
6268 margin-right: 20px;
6269 padding: 4px;
6270 text-align: right;
6271 vertical-align: top;
6272}
6273
6274#types input.text, #types textarea {
6275 width: 400px;
6276}
6277
6278#types textarea {
6279 height: 100px;
6280}
6281
6282
6283/* ============================================================================== */
6284/* Comments */
6285/* ============================================================================== */
6286
6287#comment div {
6288 box-sizing:border-box;
6289}
6290#comment .comment {
6291 border-radius:7px;
6292 margin-bottom:10px;
6293 overflow:hidden;
6294}
6295#comment .comment-table {
6296 display:table;
6297 height:100%;
6298}
6299#comment .comment-cell {
6300 display:table-cell;
6301}
6302#comment .comment-info {
6303 font-size:0.8em;
6304 border-right:1px solid #dedede;
6305 margin-right:10px;
6306 width:160px;
6307 text-align:center;
6308 background:rgba(255,255,255,0.5);
6309 vertical-align:middle;
6310 padding:10px 2px;
6311}
6312#comment .comment-info a {
6313 color:inherit;
6314}
6315#comment .comment-right {
6316 vertical-align:top;
6317}
6318#comment .comment-description {
6319 padding:10px;
6320 vertical-align:top;
6321}
6322#comment .comment-delete {
6323 width: 100px;
6324 text-align:center;
6325 vertical-align:middle;
6326}
6327#comment .comment-delete:hover {
6328 background:rgba(250,20,20,0.8);
6329}
6330#comment .comment-edit {
6331 width: 100px;
6332 text-align:center;
6333 vertical-align:middle;
6334}
6335#comment .comment-edit:hover {
6336 background:rgba(0,184,148,0.8);
6337}
6338#comment textarea {
6339 width: 100%;
6340}
6341
6342
6343
6344/* ============================================================================== */
6345/* JSGantt */
6346/* ============================================================================== */
6347
6348div.scroll2 {
6349 width: <?php print isset($_SESSION['dol_screenwidth']) ? max((int) $_SESSION['dol_screenwidth'] - 830, 450) : '450'; ?>px !important;
6350}
6351
6352div#GanttChartDIVglisthead, div#GanttChartDIVgcharthead {
6353 line-height: 2;
6354}
6355
6356.gtaskname div, .gtaskname, .gstartdate div, .gstartdate, .genddate div, .genddate {
6357 font-size: unset !important;
6358}
6359
6360div.gantt, .gtaskheading, .gmajorheading, .gminorheading, .gminorheadingwkend {
6361 font-size: unset !important;
6362 font-weight: normal !important;
6363 color: #000 !important;
6364}
6365div.gTaskInfo {
6366 background: #f0f0f0 !important;
6367}
6368.gtaskblue {
6369 background: rgb(108,152,185) !important;
6370}
6371.gtaskgreen {
6372 background: rgb(160,173,58) !important;
6373}
6374td.gtaskname {
6375 overflow: hidden;
6376 text-overflow: ellipsis;
6377}
6378td.gminorheadingwkend {
6379 color: #888 !important;
6380}
6381td.gminorheading {
6382 color: #666 !important;
6383}
6384.glistlbl, .glistgrid {
6385 width: 582px !important;
6386}
6387/*.gtaskname div, .gtaskname {
6388 min-width: 250px !important;
6389 max-width: 250px !important;
6390 width: 250px !important;
6391}*/
6392.gtaskname div, .gtaskname {
6393 min-width: 250px !important;
6394 max-width: 500px !important;
6395 width: unset !important;
6396}
6397.gpccomplete div, .gpccomplete {
6398 min-width: 40px !important;
6399 max-width: 40px !important;
6400 width: 40px !important;
6401}
6402td.gtaskheading.gstartdate, td.gtaskheading.genddate {
6403 white-space: break-spaces;
6404}
6405.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) {
6406 color: transparent !important;
6407 border-left: none;
6408 border-right: none;
6409 border-top: none;
6410}
6411
6412/* ============================================================================== */
6413/* jFileTree */
6414/* ============================================================================== */
6415
6416.ecmfiletree {
6417 width: 99%;
6418 height: 99%;
6419 padding-left: 2px;
6420 font-weight: normal;
6421}
6422
6423.fileview {
6424 width: 99%;
6425 height: 99%;
6426 background: #FFF;
6427 padding-left: 2px;
6428 padding-top: 4px;
6429 font-weight: normal;
6430}
6431
6432div.filedirelem {
6433 position: relative;
6434 display: block;
6435 text-decoration: none;
6436}
6437
6438ul.filedirelem {
6439 padding: 2px;
6440 margin: 0 5px 5px 5px;
6441}
6442ul.filedirelem li {
6443 list-style: none;
6444 padding: 2px;
6445 margin: 0 10px 20px 10px;
6446 width: 160px;
6447 height: 120px;
6448 text-align: center;
6449 display: block;
6450 float: <?php print $left; ?>;
6451 border: solid 1px #DDDDDD;
6452}
6453
6454ul.ecmjqft {
6455 line-height: 32px;
6456 padding: 0px;
6457 margin: 0px;
6458 font-weight: normal;
6459}
6460
6461ul.ecmjqft li {
6462 list-style: none;
6463 padding: 0px;
6464 padding-left: 20px;
6465 margin: 0px;
6466 white-space: nowrap;
6467 display: block;
6468}
6469
6470ul.ecmjqft a {
6471 line-height: 24px;
6472 vertical-align: middle;
6473 color: unset;
6474 padding: 0px 0px;
6475 font-weight:normal;
6476 display: inline-block !important;
6477}
6478ul.ecmjqft > a {
6479 width: calc(100% - 100px);
6480 overflow: hidden;
6481 white-space: break-spaces;
6482 word-break: break-all;
6483}
6484ul.ecmjqft a:active {
6485 font-weight: bold !important;
6486}
6487ul.ecmjqft a:hover {
6488 text-decoration: underline;
6489}
6490div.ecmjqft {
6491 vertical-align: middle;
6492 display: inline-block !important;
6493 text-align: <?php echo $right; ?>;
6494 float: <?php echo $right; ?>;
6495 right:4px;
6496 clear: both;
6497}
6498#ecm-layout-north {
6499 min-height: 40px;
6500}
6501#ecm-layout-north div.attachareaformuserfileecm {
6502 padding-bottom: 0px;
6503}
6504div#ecm-layout-west {
6505 width: 380px;
6506 vertical-align: top;
6507}
6508div#ecm-layout-center {
6509 width: calc(100% - 405px);
6510 vertical-align: top;
6511 float: <?php echo $right; ?>;
6512}
6513
6514.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; }
6515.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; }
6516.ecmjqft LI.wait { font-weight:normal; background: url(<?php echo dol_buildpath('/theme/'.$theme.'/img/working.gif', 1); ?>) left top no-repeat; }
6517
6518
6519/* ============================================================================== */
6520/* jNotify */
6521/* ============================================================================== */
6522
6523.jnotify-container {
6524 position: fixed !important;
6525<?php if (getDolGlobalString('MAIN_JQUERY_JNOTIFY_BOTTOM')) { ?>
6526 top: auto !important;
6527 bottom: 4px !important;
6528<?php } ?>
6529 text-align: center;
6530 min-width: <?php echo $dol_optimize_smallscreen ? '200' : '480'; ?>px;
6531 width: auto;
6532 max-width: 1024px;
6533 padding-left: 10px !important;
6534 padding-right: 10px !important;
6535 padding-top: 10px !important;
6536 word-wrap: break-word;
6537}
6538.jnotify-container .jnotify-notification .jnotify-message {
6539 font-weight: normal;
6540 text-align: start;
6541 word-break: break-word;
6542}
6543.jnotify-container .jnotify-notification-warning .jnotify-close, .jnotify-container .jnotify-notification-warning .jnotify-message {
6544 color: #a28918 !important;
6545}
6546.jnotify-container .jnotify-close {
6547 top: 4px !important;
6548 font-size: 1.6em !important;
6549}
6550
6551/* use or not ? */
6552div.jnotify-background {
6553 opacity : 0.95 !important;
6554 -webkit-box-shadow: 2px 2px 4px #8888 !important;
6555 box-shadow: 2px 2px 4px #8888 !important;
6556}
6557
6558/* jnotify for the login page */
6559.bodylogin .jnotify-container {
6560 position: fixed;
6561 top: 0;
6562 left: 0;
6563 width: 100%;
6564 z-index: 100000;
6565 max-width: unset;
6566 padding-left: unset !important;
6567 padding-right: unset !important;
6568 padding-top: unset !important;
6569}
6570.bodylogin .jnotify-container .jnotify-notification {
6571 margin: unset !important;
6572}
6573.bodylogin .jnotify-container .jnotify-notification .jnotify-background {
6574 border-radius: unset !important;
6575}
6576.bodylogin .jnotify-container .jnotify-notification .jnotify-message {
6577 text-align: center;
6578 font-size: 1.1em;
6579 font-weight: bold;
6580}
6581
6582
6583/* ============================================================================== */
6584/* blockUI */
6585/* ============================================================================== */
6586
6587/*div.growlUI { background: url(check48.png) no-repeat 10px 10px }*/
6588div.dolEventValid h1, div.dolEventValid h2 {
6589 color: #567b1b;
6590 background-color: #e3f0db;
6591 padding: 5px 5px 5px 5px;
6592 text-align: left;
6593}
6594div.dolEventError h1, div.dolEventError h2 {
6595 color: #a72947;
6596 background-color: #d79eac;
6597 padding: 5px 5px 5px 5px;
6598 text-align: left;
6599}
6600
6601/* ============================================================================== */
6602/* Maps */
6603/* ============================================================================== */
6604
6605.divmap, #google-visualization-geomap-embed-0, #google-visualization-geomap-embed-1, #google-visualization-geomap-embed-2 {
6606}
6607
6608
6609/* ============================================================================== */
6610/* Datatable */
6611/* ============================================================================== */
6612
6613table.dataTable tr.odd td.sorting_1, table.dataTable tr.even td.sorting_1 {
6614 background: none !important;
6615}
6616.sorting_asc { background: url('<?php echo dol_buildpath('/theme/'.$theme.'/img/sort_asc.png', 1); ?>') no-repeat center right !important; }
6617.sorting_desc { background: url('<?php echo dol_buildpath('/theme/'.$theme.'/img/sort_desc.png', 1); ?>') no-repeat center right !important; }
6618.sorting_asc_disabled { background: url('<?php echo dol_buildpath('/theme/'.$theme.'/img/sort_asc_disabled.png', 1); ?>') no-repeat center right !important; }
6619.sorting_desc_disabled { background: url('<?php echo dol_buildpath('/theme/'.$theme.'/img/sort_desc_disabled.png', 1); ?>') no-repeat center right !important; }
6620.dataTables_paginate {
6621 margin-top: 8px;
6622}
6623.paginate_button_disabled {
6624 opacity: 1 !important;
6625 color: #888 !important;
6626 cursor: default !important;
6627}
6628.paginate_disabled_previous:hover, .paginate_enabled_previous:hover, .paginate_disabled_next:hover, .paginate_enabled_next:hover
6629{
6630 font-weight: normal;
6631}
6632.paginate_enabled_previous:hover, .paginate_enabled_next:hover
6633{
6634 text-decoration: underline !important;
6635}
6636.paginate_active
6637{
6638 text-decoration: underline !important;
6639}
6640.paginate_button
6641{
6642 font-weight: normal !important;
6643 text-decoration: none !important;
6644}
6645.paging_full_numbers {
6646 height: inherit !important;
6647}
6648.paging_full_numbers a.paginate_active:hover, .paging_full_numbers a.paginate_button:hover {
6649 background-color: var(--colorbackbody) !important;
6650}
6651.paging_full_numbers, .paging_full_numbers a.paginate_active, .paging_full_numbers a.paginate_button {
6652 background-color: var(--colorbackbody) !important;
6653 border-radius: inherit !important;
6654}
6655.paging_full_numbers a.paginate_button_disabled:hover, .paging_full_numbers a.disabled:hover {
6656 background-color: var(--colorbackbody) !important;
6657}
6658.paginate_button, .paginate_active {
6659 border: 1px solid #ddd !important;
6660 padding: 6px 12px !important;
6661 margin-left: -1px !important;
6662 line-height: 1.42857143 !important;
6663 margin: 0 0 !important;
6664}
6665
6666/* For jquery plugin combobox */
6667/* Disable this. It breaks wrapping of boxes
6668.ui-corner-all { white-space: nowrap; } */
6669
6670.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled, .paginate_button_disabled {
6671 opacity: .35;
6672 background-image: none;
6673}
6674
6675div.dataTables_length {
6676 float: right !important;
6677 padding-left: 8px;
6678}
6679div.dataTables_length select {
6680 background: #fff;
6681}
6682.dataTables_wrapper .dataTables_paginate {
6683 padding-top: 0px !important;
6684}
6685
6686/* ============================================================================== */
6687/* Select2 */
6688/* ============================================================================== */
6689
6690span.select2-selection--single.flat[aria-disabled="true"] span.select2-selection__rendered {
6691 opacity: 0.5;
6692}
6693
6694span#select2-taskid-container[title^='--'] {
6695 opacity: 0.3;
6696}
6697
6698.select2-container--default .select2-results__option--highlighted[aria-selected] {
6699 background-color: var(--colorbackhmenu1);
6700 color: var(--colortextbackhmenu);
6701}
6702.select2-container--default .select2-results__option--highlighted[aria-selected] span {
6703 color: #fff !important;
6704}
6705
6706span.select2.select2-container.select2-container--default {
6707 text-align: initial;
6708 <?php if (!getDolGlobalString('THEME_SHOW_BORDER_ON_INPUT')) { ?>
6709 border-left: none;
6710 border-top: none;
6711 border-right: none;
6712 <?php } ?>
6713}
6714span.select2.select2-container.select2-container--default {
6715 <?php if (!getDolGlobalString('THEME_SHOW_BORDER_ON_INPUT')) { ?>
6716 /*border-bottom: solid 1px var(--inputbordercolor);*/
6717 <?php } ?>
6718}
6719
6720input.select2-input {
6721 border-bottom: none ! important;
6722}
6723.select2-choice {
6724 border: none;
6725 border-bottom: solid 1px var(--inputbordercolor) !important; /* required to avoid to lose bottom line when focus is lost on select2. */
6726}
6727.select2-results .select2-highlighted.optionblue {
6728 color: #FFF !important;
6729}
6730.select2-container .select2-selection--multiple {
6731 min-height: 2em !important;
6732}
6733.tableforfield .select2-container .select2-selection--single {
6734 height: 25px;
6735}
6736
6737.select2-container--default .select2-selection--multiple .select2-selection__choice {
6738 border: none;
6739}
6740.select2-container--focus span.select2-selection.select2-selection--single {
6741 border-bottom: 1px solid var(--inputbordercolor) !important;
6742 border-bottom-left-radius: 0;
6743 border-bottom-right-radius: 0;
6744}
6745
6746.blockvmenusearch .select2-container--default .select2-selection--single,
6747.blockvmenubookmarks .select2-container--default .select2-selection--single
6748{
6749 background-color: var(--colorbackvmenu1);
6750}
6751.select2-container--default .select2-selection--single {
6752 background-color: var(--inputbackgroundcolor);
6753}
6754#blockvmenusearch .select2-container--default .select2-selection--single .select2-selection__placeholder {
6755 color: var(--colortextbackvmenu);
6756}
6757.select2-container--default .select2-selection--single .select2-selection__rendered {
6758 color: var(--colortext);
6759 /* background-color: var(--inputbackgroundcolor); */
6760}
6761.select2-default {
6762 color: #999 !important;
6763}
6764.select2-choice, .select2-container .select2-choice {
6765 border-bottom: solid 1px rgba(0,0,0,.4);
6766}
6767.select2-container .select2-choice > .select2-chosen {
6768 margin-right: 23px;
6769}
6770.select2-container .select2-choice .select2-arrow {
6771 border-radius: 0;
6772 background: transparent;
6773}
6774.select2-container-multi .select2-choices {
6775 background-image: none;
6776}
6777.select2-container .select2-choice {
6778 color: var(--colortext);
6779 border-radius: 0;
6780}
6781.selectoptiondisabledwhite {
6782 background: #FFFFFF !important;
6783}
6784.select2-arrow {
6785 border: none;
6786 border-left: none !important;
6787 background: none !important;
6788}
6789.select2-choice
6790{
6791 border-top: none !important;
6792 border-left: none !important;
6793 border-right: none !important;
6794}
6795.select2-drop.select2-drop-above {
6796 box-shadow: none !important;
6797}
6798.select2-container--open .select2-dropdown--above {
6799 border-bottom: solid 1px var(--inputbordercolor);
6800}
6801.select2-drop.select2-drop-above.select2-drop-active {
6802 border-top: 1px solid #ccc;
6803 border-bottom: solid 1px var(--inputbordercolor);
6804}
6805.select2-container--default .select2-selection--single
6806{
6807 outline: none;
6808 <?php if (!getDolGlobalString('THEME_SHOW_BORDER_ON_INPUT')) { ?>
6809 border-top: none;
6810 border-left: none;
6811 border-right: none;
6812 <?php } ?>
6813
6814 border<?php echo !getDolGlobalString('THEME_SHOW_BORDER_ON_INPUT') ? '-bottom' : ''; ?>: solid 1px var(--inputbordercolor);
6815
6816 -webkit-box-shadow: none !important;
6817 box-shadow: none !important;
6818 border-radius: 3px;
6819}
6820.select2-container--focus .select2-container--default .select2-selection--single {
6821 border-bottom-left-radius: 0;
6822 border-bottom-right-radius: 0;
6823}
6824.select2-container--default.select2-container--focus .select2-selection--multiple {
6825 border-top: none;
6826 border-left: none;
6827 border-right: none;
6828 border-bottom-left-radius: 0;
6829 border-bottom-right-radius: 0;
6830}
6831.select2-container--default .select2-selection--multiple {
6832 border-bottom: solid 1px var(--inputbordercolor);
6833 border-top: none;
6834 border-left: none;
6835 border-right: none;
6836 border-radius: 3px;
6837 background: var(--inputbackgroundcolor);
6838 line-height: normal;
6839}
6840.select2-container--default .select2-selection--multiple .select2-selection__rendered {
6841 line-height: 1.4em;
6842}
6843.select2-container--default .select2-selection--multiple .select2-selection__choice {
6844 background-color: #ddd;
6845 margin-top: 0.25em !important;
6846}
6847.select2-selection--multiple input.select2-search__field {
6848 border-bottom: none !important;
6849}
6850
6851.select2-search__field
6852{
6853 outline: none;
6854 border-top: none !important;
6855 border-left: none !important;
6856 border-right: none !important;
6857 border-bottom: solid 1px var(--inputbordercolor) !important;
6858 -webkit-box-shadow: none !important;
6859 box-shadow: none !important;
6860 border-radius: 0 !important;
6861 /* color: black; */
6862}
6863.select2-container-active .select2-choice, .select2-container-active .select2-choices
6864{
6865 outline: none;
6866 border-top: none;
6867 border-left: none;
6868 border-bottom: none;
6869 -webkit-box-shadow: none !important;
6870 box-shadow: none !important;
6871}
6872.select2-dropdown {
6873 /*background-color: var(--colorbackvmenu1);
6874 border: 1px solid var(--colorbackvmenu1); */
6875 box-shadow: 1px 2px 10px var(--colorbackvmenu1);
6876 background-color: var(--colorbackbody);
6877 color: var(--colortext);
6878}
6879.select2-dropdown-open {
6880 background-color: var(--colorbackvmenu1);
6881}
6882.select2-dropdown-open .select2-choice, .select2-dropdown-open .select2-choices
6883{
6884 outline: none;
6885 border-top: none;
6886 border-left: none;
6887 border-bottom: none;
6888 -webkit-box-shadow: none !important;
6889 box-shadow: none !important;
6890 background-color: var(--colorbackvmenu1);
6891}
6892.select2-disabled
6893{
6894 color: #888;
6895}
6896.select2-drop.select2-drop-above.select2-drop-active, .select2-drop {
6897 border-radius: 0;
6898}
6899.select2-drop.select2-drop-above {
6900 border-radius: 0;
6901}
6902.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices {
6903 background-image: none;
6904 border-radius: 0 !important;
6905}
6906div.select2-drop-above
6907{
6908 background: var(--colorbackvmenu1);
6909 -webkit-box-shadow: none !important;
6910 box-shadow: none !important;
6911}
6912.select2-drop-active
6913{
6914 border: 1px solid #ccc;
6915 padding-top: 4px;
6916}
6917.select2-search input {
6918 border: none;
6919}
6920a span.select2-chosen
6921{
6922 font-weight: normal !important;
6923}
6924.select2-container .select2-choice {
6925 background-image: none;
6926 /* line-height: 24px; */
6927}
6928.select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-ajax-error, .select2-results .select2-selection-limit
6929{
6930 background: var(--colorbackvmenu1);
6931}
6932.select2-results {
6933 max-height: 400px;
6934}
6935.select2-results__option {
6936 word-break: break-word;
6937 text-align: <?php echo $left; ?>;
6938}
6939.select2-container.select2-container-disabled .select2-choice, .select2-container-multi.select2-container-disabled .select2-choices {
6940 background-color: var(--colorbackvmenu1);
6941 background-image: none;
6942 border: none;
6943 cursor: default;
6944}
6945.select2-container-disabled .select2-choice .select2-arrow b {
6946 opacity: 0.4;
6947}
6948.select2-container-multi .select2-choices .select2-search-choice {
6949 margin-bottom: 3px;
6950}
6951.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices, .select2-container-multi .select2-choices,
6952.select2-container-multi.select2-container-active .select2-choices
6953{
6954 border-bottom: 1px solid #ccc;
6955 border-right: none;
6956 border-top: none;
6957 border-left: none;
6958
6959}
6960.select2-container--default .select2-results>.select2-results__options{
6961 max-height: 400px;
6962}
6963
6964/* Special case for the select2 add widget */
6965#addbox .select2-container .select2-choice > .select2-chosen, #actionbookmark .select2-container .select2-choice > .select2-chosen {
6966 text-align: <?php echo $left; ?>;
6967 opacity: 0.4;
6968}
6969.select2-container--default .select2-selection--single .select2-selection__placeholder {
6970 color: var(--colortext);
6971 opacity: 0.4;
6972}
6973span#select2-boxbookmark-container, span#select2-boxcombo-container {
6974 text-align: <?php echo $left; ?>;
6975}
6976span#select2-boxbookmark-container {
6977 opacity: 0.4;
6978}
6979.select2-container .select2-selection--single .select2-selection__rendered {
6980 padding-left: 6px;
6981}
6982/* Style used before the select2 js is executed on boxcombo */
6983#boxbookmark.boxcombo, #boxcombo.boxcombo {
6984 text-align: left;
6985 opacity: 0.4;
6986 border-bottom: solid 1px rgba(0,0,0,.4) !important;
6987 height: 26px;
6988 line-height: 24px;
6989 padding: 0 0 2px 0;
6990 vertical-align: top;
6991}
6992
6993/* To emulate select 2 style */
6994.select2-container-multi-dolibarr .select2-choices-dolibarr .select2-search-choice-dolibarr {
6995 padding: 3px 5px 2px 5px;
6996 margin: 0 0 2px 3px;
6997 position: relative;
6998 line-height: 13px;
6999 color: #333;
7000 cursor: default;
7001 border: 1px solid #aaaaaa;
7002 border-radius: 3px;
7003 -webkit-box-shadow: 0 0 2px var(--inputbackgroundcolor) inset, 0 1px 0 rgba(0, 0, 0, 0.05);
7004 box-shadow: 0 0 2px var(--inputbackgroundcolor) inset, 0 1px 0 rgba(0, 0, 0, 0.05);
7005 background-clip: padding-box;
7006 -webkit-touch-callout: none;
7007 -webkit-user-select: none;
7008 -moz-user-select: none;
7009 -ms-user-select: none;
7010 user-select: none;
7011 background-color: var(--inputbackgroundcolor);
7012 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));
7013 background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
7014 background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
7015 background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
7016}
7017.select2-container-multi-dolibarr .select2-choices-dolibarr .select2-search-choice-dolibarr a {
7018 font-weight: normal;
7019}
7020.select2-container-multi-dolibarr .select2-choices-dolibarr li {
7021 float: <?php echo $left; ?>;
7022 list-style: none;
7023}
7024.select2-container-multi-dolibarr .select2-choices-dolibarr {
7025 height: auto !important;
7026 height: 1%;
7027 margin: 0;
7028 padding: 0 5px 0 0;
7029 position: relative;
7030 cursor: text;
7031 overflow: hidden;
7032}
7033
7034ul.select2-results__options li {
7035 font-size: 0.95em;
7036}
7037
7038.parentonrightofpage {
7039 direction: rtl;
7040}
7041
7042select.multiselectononeline {
7043 padding: 0;
7044 vertical-align: middle;
7045 min-height: unset;
7046 height: 2.2em !important;
7047 opacity: 0;
7048 /* width: 1px !important; */
7049}
7050
7051@media only screen and (min-width: 768px)
7052{
7053 /* CSS to have the dropdown boxes larger that the input search area */
7054 .select2-container.select2-container--open:not(.graphtype):not(.yesno) .select2-dropdown.ui-dialog {
7055 min-width: 230px !important;
7056 }
7057 .select2-container.select2-container--open:not(.graphtype):not(.yesno) .select2-dropdown--below:not(.onrightofpage),
7058 .select2-container.select2-container--open:not(.graphtype):not(.yesno) .select2-dropdown--above:not(.onrightofpage) {
7059 min-width: 230px !important;
7060 }
7061 .onrightofpage span.select2-dropdown.ui-dialog.select2-dropdown--below,
7062 .onrightofpage span.select2-dropdown.ui-dialog.select2-dropdown--above {
7063 min-width: 140px !important;
7064 }
7065 .combolargeelem.select2-container.select2-container--open .select2-dropdown.ui-dialog {
7066 min-width: 300px !important;
7067 }
7068
7069 .select2-container--open .select2-dropdown--below {
7070 border-top: 1px solid var(--inputbordercolor);
7071 /* border-top: 1px solid #aaaaaa; */
7072 }
7073}
7074
7075/* must be after the other .select2-container.select2-container--open .select2-dropdown.ui-dialog */
7076.limit.select2-container.select2-container--open .select2-dropdown.ui-dialog {
7077 min-width: 100px !important;
7078}
7079
7080
7081/* ============================================================================== */
7082/* For categories */
7083/* ============================================================================== */
7084
7085.noborderoncategories {
7086 border: none !important;
7087 border-radius: 5px !important;
7088 box-shadow: none;
7089 -webkit-box-shadow: none !important;
7090 box-shadow: none !important;
7091 margin-top: 1px !important;
7092 margin-bottom: 0 !important;
7093}
7094span.noborderoncategories a, li.noborderoncategories a {
7095 line-height: normal;
7096 /* vertical-align: top; */
7097}
7098span.noborderoncategories {
7099 padding: 3px 5px 3px 5px;
7100 display: inline-block;
7101}
7102.categtextwhite, .treeview .categtextwhite.hover {
7103 color: #fff !important;
7104}
7105.categtextblack {
7106 color: #000 !important;
7107}
7108
7109
7110/* ============================================================================== */
7111/* External lib multiselect with checkbox */
7112/* ============================================================================== */
7113
7114.multi-select-menu {
7115 z-index: 10;
7116}
7117
7118.multi-select-container {
7119 display: inline-block;
7120 position: relative;
7121}
7122
7123.multi-select-menu {
7124 position: absolute;
7125 left: 0;
7126 top: 0.8em;
7127 float: left;
7128 min-width: 100%;
7129 background: var(--inputbackgroundcolor);
7130 margin: 1em 0;
7131 padding: 0.4em 0;
7132 border: 1px solid #aaa;
7133 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
7134 display: none;
7135}
7136
7137div.multi-select-menu[role="menu"] {
7138 min-width: 220px !important;
7139}
7140
7141.multi-select-menu input {
7142 margin-right: 0.3em;
7143 vertical-align: 0.1em;
7144}
7145
7146.multi-select-button {
7147 display: inline-block;
7148 max-width: 20em;
7149 white-space: nowrap;
7150 overflow: hidden;
7151 text-overflow: ellipsis;
7152 vertical-align: middle;
7153 background-color: var(--inputbackgroundcolor);
7154 cursor: default;
7155
7156 border: none;
7157 border-bottom: solid 1px var(--inputbordercolor);
7158 padding: 5px;
7159 padding-left: 2px;
7160 height: 17px;
7161 border-radius: 3px;
7162}
7163.multi-select-button:focus {
7164 outline: none;
7165 border-bottom: 1px solid #666;
7166 border-bottom-left-radius: 0;
7167 border-bottom-right-radius: 0;
7168}
7169
7170.multi-select-button:after {
7171 content: "";
7172 display: inline-block;
7173 width: 0;
7174 height: 0;
7175 border-style: solid;
7176 border-width: 0.5em 0.23em 0em 0.23em;
7177 border-color: #888 transparent transparent transparent;
7178 margin-left: 0.4em;
7179}
7180
7181.multi-select-container--open .multi-select-menu { display: block; }
7182
7183.multi-select-container--open .multi-select-button:after {
7184 border-width: 0 0.4em 0.4em 0.4em;
7185 border-color: transparent transparent #888 transparent;
7186}
7187
7188.multi-select-menuitem {
7189 clear: both;
7190 float: left;
7191 padding-left: 5px;
7192}
7193label.multi-select-menuitem {
7194 line-height: 24px;
7195 text-align: start;
7196}
7197
7198
7199/* ============================================================================== */
7200/* Native multiselect with checkbox */
7201/* ============================================================================== */
7202
7203ul.ulselectedfields {
7204 z-index: 95; /* To have the select box appears on first plan even when near buttons are decorated by jmobile */
7205}
7206dl.dropdown {
7207 margin:0px;
7208 margin-left: 2px;
7209 margin-right: 2px;
7210 padding:0px;
7211 vertical-align: middle;
7212 display: inline-block;
7213}
7214.dropdown dd, .dropdown dt {
7215 margin:0px;
7216 padding:0px;
7217}
7218.dropdown ul {
7219 margin: -1px 0 0 0;
7220 text-align: <?php echo $left; ?>;
7221}
7222.dropdown dd {
7223 position:relative;
7224}
7225.dropdown dt a {
7226 display:block;
7227 overflow: hidden;
7228 border:0;
7229}
7230.dropdown dt a span, .multiSel span {
7231 cursor:pointer;
7232 display:inline-block;
7233 padding: 0 3px 2px 0;
7234}
7235.maxwidthsearch .dropdown dt a span, .multiSel span {
7236 padding: 3px 3px 2px 3px;
7237}
7238.dropdown span.value {
7239 display:none;
7240}
7241.dropdown dd ul {
7242 background-color: var(--inputbackgroundcolor);
7243 box-shadow: 1px 1px 10px #aaa;
7244 display:none;
7245 <?php echo $right; ?>:0px; /* pop is align on right */
7246 padding: 0 0 0 0;
7247 position:absolute;
7248 top:2px;
7249 list-style:none;
7250 max-height: 264px;
7251 overflow: auto;
7252 border-radius: 4px;
7253 z-index: 1;
7254}
7255.dropdown dd ul.selectedfieldsleft {
7256 <?php echo $right; ?>: auto;
7257}
7258.dropdown dd ul li {
7259 white-space: nowrap;
7260 font-weight: normal;
7261 padding: 7px 8px 7px 8px;
7262 /* color: var(--colortext); */
7263 color: var(--colortext);
7264}
7265.dropdown dd ul li:hover {
7266 background: #eee;
7267}
7268.dropdown dd ul li input[type="checkbox"] {
7269 margin-<?php echo $right; ?>: 3px;
7270}
7271.dropdown dd ul li a, .dropdown dd ul li span {
7272 padding: 3px;
7273 display: block;
7274}
7275.dropdown dd ul li span {
7276 color: #888;
7277}
7278/*.dropdown dd ul li a:hover {
7279 background-color: var(--inputbackgroundcolor);
7280}*/
7281dd.dropdowndd ul li {
7282 text-overflow: ellipsis;
7283 overflow: hidden;
7284 white-space: nowrap;
7285}
7286
7287/* ============================================================================== */
7288/* Kanban */
7289/* ============================================================================== */
7290
7291.info-box-label {
7292 max-width: 180px;
7293 overflow: hidden;
7294 text-overflow: ellipsis;
7295 white-space: nowrap;
7296}
7297
7298
7299/* ============================================================================== */
7300/* Markdown rendering */
7301/* ============================================================================== */
7302
7303.imgmd {
7304 width: 90%;
7305}
7306.moduledesclong h1 {
7307 padding-top: 10px;
7308 padding-bottom: 20px;
7309}
7310
7311
7312/* ============================================================================== */
7313/* JMobile - Android */
7314/* ============================================================================== */
7315
7316.searchpage .tagtr .tagtd {
7317 padding-top: 2px;
7318 padding-bottom: 2px;
7319}
7320.searchpage .tagtr .tagtd .button {
7321 background: unset;
7322 border: unset;
7323}
7324.searchpage .searchform input {
7325 font-size: 1.15em;
7326}
7327
7328
7329li.ui-li-divider .ui-link {
7330 color: #FFF !important;
7331}
7332.ui-btn {
7333 margin: 0 2px;
7334}
7335a.ui-link, a.ui-link:hover, .ui-btn:hover, span.ui-btn-text:hover, span.ui-btn-inner:hover {
7336 text-decoration: none !important;
7337}
7338.ui-body-c {
7339 background: #fff;
7340}
7341
7342.ui-btn-inner {
7343 min-width: .4em;
7344 padding-left: 6px;
7345 padding-right: 6px;
7346 font-size: <?php print is_numeric($fontsize) ? $fontsize.'px' : $fontsize; ?>;
7347 /* white-space: normal; */ /* Warning, enable this break the truncate feature */
7348}
7349.ui-btn-icon-right .ui-btn-inner {
7350 padding-right: 30px;
7351}
7352.ui-btn-icon-left .ui-btn-inner {
7353 padding-left: 30px;
7354}
7355.ui-select .ui-btn-icon-right .ui-btn-inner {
7356 padding-right: 30px;
7357}
7358.ui-select .ui-btn-icon-left .ui-btn-inner {
7359 padding-left: 30px;
7360}
7361.ui-select .ui-btn-icon-right .ui-icon {
7362 right: 8px;
7363}
7364.ui-btn-icon-left > .ui-btn-inner > .ui-icon, .ui-btn-icon-right > .ui-btn-inner > .ui-icon {
7365 margin-top: -10px;
7366}
7367select {
7368 /* display: inline-block; */ /* We can't set this. This disable ability to make */
7369 overflow:hidden;
7370 white-space: nowrap; /* Enabling this make behaviour strange when selecting the empty value if this empty value is '' instead of '&nbsp;' */
7371 text-overflow: ellipsis;
7372}
7373.fiche .ui-controlgroup {
7374 margin: 0px;
7375 padding-bottom: 0px;
7376}
7377div.ui-controlgroup-controls div.tabsElem
7378{
7379 margin-top: 2px;
7380}
7381div.ui-controlgroup-controls div.tabsElem a
7382{
7383 -webkit-box-shadow: 0 -3px 6px rgba(0,0,0,.2);
7384 box-shadow: 0 -3px 6px rgba(0,0,0,.2);
7385}
7386div.ui-controlgroup-controls div.tabsElem a#active {
7387 -webkit-box-shadow: 0 -3px 6px rgba(0,0,0,.3);
7388 box-shadow: 0 -3px 6px rgba(0,0,0,.3);
7389}
7390
7391a.tab span.ui-btn-inner
7392{
7393 border: none;
7394 padding: 0;
7395}
7396
7397.ui-link {
7398 color: var(--colortext);
7399}
7400.liste_titre .ui-link {
7401 color: var(--colortexttitle) !important;
7402}
7403
7404a.ui-link {
7405 word-wrap: break-word;
7406}
7407
7408/* force wrap possible onto field overflow does not works */
7409.formdoc .ui-btn-inner
7410{
7411 white-space: normal;
7412 overflow: hidden;
7413 text-overflow: clip; /* "hidden" : do not exists as a text-overflow value (https://developer.mozilla.org/fr/docs/Web/CSS/text-overflow) */
7414}
7415
7416/* Warning: setting this may make screen not being refreshed after a combo selection */
7417/*.ui-body-c {
7418 background: #fff;
7419}*/
7420
7421div.ui-radio, div.ui-checkbox
7422{
7423 display: inline-block;
7424 border-bottom: 0px !important;
7425}
7426.ui-checkbox input, .ui-radio input {
7427 height: auto;
7428 width: auto;
7429 margin: 4px;
7430 position: static;
7431}
7432div.ui-checkbox label+input, div.ui-radio label+input {
7433 position: absolute;
7434}
7435.ui-mobile fieldset
7436{
7437 padding-bottom: 10px; margin-bottom: 4px; border-bottom: 1px solid #AAAAAA !important;
7438}
7439
7440ul.ulmenu {
7441 border-radius: 0;
7442 -webkit-border-radius: 0;
7443}
7444
7445.ui-field-contain label.ui-input-text {
7446 vertical-align: middle !important;
7447}
7448.ui-mobile fieldset {
7449 border-bottom: none !important;
7450}
7451
7452/* Style for first level menu with jmobile */
7453.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li {
7454 padding: 1em 15px;
7455 display: block;
7456}
7457.ui-btn-up-c {
7458 font-weight: normal;
7459}
7460.ui-focus, .ui-btn:focus {
7461 -webkit-box-shadow: none;
7462 box-shadow: none;
7463}
7464.ui-bar-b {
7465 /*border: 1px solid #888;*/
7466 border: none;
7467 background: none;
7468 text-shadow: none;
7469 color: var(--colortexttitlenotab) !important;
7470}
7471.ui-bar-b, .lilevel0 {
7472 background-repeat: repeat-x;
7473 border: none;
7474 background: none;
7475 text-shadow: none;
7476 color: var(--colortexttitlenotab) !important;
7477}
7478.alilevel0 {
7479 font-weight: normal !important;
7480}
7481
7482.ui-li.ui-last-child, .ui-li.ui-field-contain.ui-last-child {
7483 border-bottom-width: 0px !important;
7484}
7485.alilevel0 {
7486 color: var(--colortexttitle) !important;
7487 background: var(--colorbackmobilemenu);
7488}
7489.ulmenu {
7490 box-shadow: none !important;
7491 border-bottom: 1px solid #ccc;
7492}
7493.ui-btn-icon-right {
7494 border-right: 1px solid #ccc !important;
7495}
7496.ui-body-c {
7497 border: 1px solid #ccc;
7498 text-shadow: none;
7499}
7500.ui-btn-up-c, .ui-btn-hover-c {
7501 /* border: 1px solid #ccc; */
7502 text-shadow: none;
7503}
7504.ui-body-c .ui-link, .ui-body-c .ui-link:visited, .ui-body-c .ui-link:hover {
7505 color: var(--colortextlink);
7506}
7507.ui-btn-up-c .vsmenudisabled {
7508 color: #<?php echo $colorshadowtitle; ?> !important;
7509 text-shadow: none !important;
7510}
7511div.tabsElem a.tab {
7512 background: transparent;
7513}
7514.alilevel1 {
7515 color: var(--colortexttitlenotab) !important;
7516}
7517.lilevel1 {
7518 border-top: 2px solid #444;
7519 background: #fff ! important;
7520}
7521.lilevel1 div div a {
7522 font-weight: bold !important;
7523}
7524.lilevel2
7525{
7526 padding-left: 22px;
7527 background: #fff ! important;
7528}
7529.lilevel3
7530{
7531 padding-left: 44px;
7532 background: #fff ! important;
7533}
7534.lilevel4
7535{
7536 padding-left: 66px;
7537 background: #fff ! important;
7538}
7539.lilevel5
7540{
7541 padding-left: 88px;
7542 background: #fff ! important;
7543}
7544
7545
7546
7547/* ============================================================================== */
7548/* POS */
7549/* ============================================================================== */
7550
7551.menu_choix1,.menu_choix2 {
7552 font-size: 1.4em;
7553 text-align: left;
7554 border: 1px solid #666;
7555 margin-right: 20px;
7556}
7557.menu_choix1 a, .menu_choix2 a {
7558 display: block;
7559 color: #fff;
7560 text-decoration: none;
7561 padding-top: 18px;
7562 padding-left: 10px;
7563 font-size: 14px;
7564 height: 38px;
7565}
7566.menu_choix1 a:hover,.menu_choix2 a:hover {
7567 color: #6d3f6d;
7568}
7569.menu li.menu_choix1 {
7570 padding-top: 6px;
7571 padding-right: 10px;
7572 padding-bottom: 2px;
7573}
7574.menu li.menu_choix2 {
7575 padding-top: 6px;
7576 padding-right: 10px;
7577 padding-bottom: 2px;
7578}
7579@media only screen and (max-width: 768px)
7580{
7581 .menu_choix1 a, .menu_choix2 a {
7582 background-size: 36px 36px;
7583 height: 30px;
7584 padding-left: 40px;
7585 }
7586 .menu li.menu_choix1, .menu li.menu_choix2 {
7587 padding-left: 4px;
7588 padding-right: 0;
7589 }
7590 .liste_articles {
7591 margin-right: 0 !important;
7592 }
7593}
7594
7595
7596/* ============================================================================== */
7597/* Public */
7598/* ============================================================================== */
7599
7600/* The theme for public pages */
7601.public_body {
7602 margin: 20px;
7603}
7604.public_border {
7605 border: 1px solid #888;
7606}
7607.publicnewmemberform div.tabBarWithBottom {
7608 border: 1px solid #e8e8e8;
7609 padding: 30px;
7610 border-radius: 8px;
7611 background-color: var(--colorbackgrey);
7612 /*box-shadow: 2px 2px 10px #ddd;*/
7613}
7614
7615.publicnewmemberform #tablesubscribe {
7616 color: var(--colortextbackvmenu);
7617}
7618
7619@media only screen and (max-width: 768px)
7620{
7621 .publicnewmemberform div.tabBarWithBottom {
7622 padding: 10px;
7623 }
7624}
7625
7626
7627/* ============================================================================== */
7628/* Ticket module */
7629/* ============================================================================== */
7630
7631.ticketpublictable td {
7632 height: 2.2em;
7633}
7634
7635.ticketpublicarea {
7636 margin-left: 15%;
7637 margin-right: 15%;
7638}
7639.publicnewticketform {
7640 /* margin-top: 25px !important; */
7641}
7642.ticketlargemargin {
7643 padding-left: 50px;
7644 padding-right: 50px;
7645 padding-top: 30px;
7646}
7647@media only screen and (max-width: 768px)
7648{
7649 .ticketlargemargin {
7650 padding-left: 5px; padding-right: 5px;
7651 padding-top: 10px;
7652 }
7653 .ticketpublicarea {
7654 margin-left: 10px;
7655 margin-right: 10px;
7656 }
7657}
7658
7659#cd-timeline {
7660 position: relative;
7661 padding: 2em 0;
7662 margin-bottom: 2em;
7663}
7664#cd-timeline::before {
7665 /* this is the vertical line */
7666 content: '';
7667 position: absolute;
7668 top: 0;
7669 left: 18px;
7670 height: 100%;
7671 width: 4px;
7672 background: #d7e4ed;
7673}
7674@media only screen and (min-width: 1170px) {
7675 #cd-timeline {
7676 margin-bottom: 3em;
7677 }
7678 #cd-timeline::before {
7679 left: 50%;
7680 margin-left: -2px;
7681 }
7682}
7683
7684.cd-timeline-block {
7685 position: relative;
7686 margin: 2em 0;
7687}
7688.cd-timeline-block:after {
7689 content: "";
7690 display: table;
7691 clear: both;
7692}
7693.cd-timeline-block:first-child {
7694 margin-top: 0;
7695}
7696.cd-timeline-block:last-child {
7697 margin-bottom: 0;
7698}
7699@media only screen and (min-width: 1170px) {
7700 .cd-timeline-block {
7701 margin: 4em 0;
7702 }
7703 .cd-timeline-block:first-child {
7704 margin-top: 0;
7705 }
7706 .cd-timeline-block:last-child {
7707 margin-bottom: 0;
7708 }
7709}
7710
7711.cd-timeline-img {
7712 position: absolute;
7713 top: 0;
7714 left: 0;
7715 width: 40px;
7716 height: 40px;
7717 border-radius: 50%;
7718 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);
7719 background: #d7e4ed;
7720}
7721.cd-timeline-img img {
7722 display: block;
7723 width: 24px;
7724 height: 24px;
7725 position: relative;
7726 left: 50%;
7727 top: 50%;
7728 margin-left: -12px;
7729 margin-top: -12px;
7730}
7731.cd-timeline-img.cd-picture {
7732 background: #75ce66;
7733}
7734.cd-timeline-img.cd-movie {
7735 background: #c03b44;
7736}
7737.cd-timeline-img.cd-location {
7738 background: #f0ca45;
7739}
7740@media only screen and (min-width: 1170px) {
7741 .cd-timeline-img {
7742 width: 60px;
7743 height: 60px;
7744 left: 50%;
7745 margin-left: -30px;
7746 /* Force Hardware Acceleration in WebKit */
7747 -webkit-transform: translateZ(0);
7748 -webkit-backface-visibility: hidden;
7749 }
7750 .cssanimations .cd-timeline-img.is-hidden {
7751 visibility: hidden;
7752 }
7753 .cssanimations .cd-timeline-img.bounce-in {
7754 visibility: visible;
7755 -webkit-animation: cd-bounce-1 0.6s;
7756 -moz-animation: cd-bounce-1 0.6s;
7757 animation: cd-bounce-1 0.6s;
7758 }
7759}
7760
7761@-webkit-keyframes cd-bounce-1 {
7762 0% {
7763 opacity: 0;
7764 -webkit-transform: scale(0.5);
7765 }
7766
7767 60% {
7768 opacity: 1;
7769 -webkit-transform: scale(1.2);
7770 }
7771
7772 100% {
7773 -webkit-transform: scale(1);
7774 }
7775}
7776@-moz-keyframes cd-bounce-1 {
7777 0% {
7778 opacity: 0;
7779 -moz-transform: scale(0.5);
7780 }
7781
7782 60% {
7783 opacity: 1;
7784 -moz-transform: scale(1.2);
7785 }
7786
7787 100% {
7788 -moz-transform: scale(1);
7789 }
7790}
7791@keyframes cd-bounce-1 {
7792 0% {
7793 opacity: 0;
7794 -webkit-transform: scale(0.5);
7795 -moz-transform: scale(0.5);
7796 -ms-transform: scale(0.5);
7797 -o-transform: scale(0.5);
7798 transform: scale(0.5);
7799 }
7800
7801 60% {
7802 opacity: 1;
7803 -webkit-transform: scale(1.2);
7804 -moz-transform: scale(1.2);
7805 -ms-transform: scale(1.2);
7806 -o-transform: scale(1.2);
7807 transform: scale(1.2);
7808 }
7809
7810 100% {
7811 -webkit-transform: scale(1);
7812 -moz-transform: scale(1);
7813 -ms-transform: scale(1);
7814 -o-transform: scale(1);
7815 transform: scale(1);
7816 }
7817}
7818.cd-timeline-content {
7819 position: relative;
7820 margin-left: 60px;
7821 background: white;
7822 border-radius: 0.25em;
7823 padding: 1em;
7824 background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(230,230,230,0.4) 100%);
7825 background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(230,230,230,0.4) 100%);
7826 background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(230,230,230,0.4) 100%);
7827 background-image: linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(230,230,230,0.4) 100%);
7828}
7829.cd-timeline-content:after {
7830 content: "";
7831 display: table;
7832 clear: both;
7833}
7834.cd-timeline-content h2 {
7835 color: #303e49;
7836}
7837.cd-timeline-content .cd-date {
7838 font-size: 13px;
7839 font-size: 0.8125rem;
7840}
7841.cd-timeline-content .cd-date {
7842 display: inline-block;
7843}
7844.cd-timeline-content p {
7845 margin: 1em 0;
7846 line-height: 1.6;
7847}
7848
7849.cd-timeline-content .cd-date {
7850 float: left;
7851 padding: .2em 0;
7852 opacity: .7;
7853}
7854.cd-timeline-content::before {
7855 content: '';
7856 position: absolute;
7857 top: 16px;
7858 right: 100%;
7859 height: 0;
7860 width: 0;
7861 border: 7px solid transparent;
7862 border-right: 7px solid white;
7863}
7864@media only screen and (min-width: 768px) {
7865 .cd-timeline-content h2 {
7866 font-size: 20px;
7867 font-size: 1.25rem;
7868 }
7869 .cd-timeline-content {
7870 font-size: 16px;
7871 font-size: 1rem;
7872 }
7873 .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
7874 font-size: 14px;
7875 font-size: 0.875rem;
7876 }
7877}
7878@media only screen and (min-width: 1170px) {
7879 .cd-timeline-content {
7880 margin-left: 0;
7881 padding: 1.6em;
7882 width: 43%;
7883 }
7884 .cd-timeline-content::before {
7885 top: 24px;
7886 left: 100%;
7887 border-color: transparent;
7888 border-left-color: white;
7889 }
7890 .cd-timeline-content .cd-read-more {
7891 float: left;
7892 }
7893 .cd-timeline-content .cd-date {
7894 position: absolute;
7895 width: 55%;
7896 left: 115%;
7897 top: 6px;
7898 font-size: 16px;
7899 font-size: 1rem;
7900 }
7901 .cd-timeline-block:nth-child(even) .cd-timeline-content {
7902 float: right;
7903 }
7904 .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
7905 top: 24px;
7906 left: auto;
7907 right: 100%;
7908 border-color: transparent;
7909 border-right-color: white;
7910 }
7911 .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
7912 float: right;
7913 }
7914 .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
7915 left: auto;
7916 right: 115%;
7917 text-align: right;
7918 }
7919
7920}
7921
7922
7923/* ============================================================================== */
7924/* CSS style for debugbar */
7925/* ============================================================================== */
7926
7927div.phpdebugbar * {
7928 font-weight: unset;
7929}
7930span.phpdebugbar-tooltip.phpdebugbar-tooltip-extra-wide, span.phpdebugbar-tooltip.phpdebugbar-tooltip-wide {
7931 width: 250px !important;
7932}
7933.phpdebugbar-indicator span.phpdebugbar-tooltip {
7934 opacity: .95 !important;
7935}
7936a.phpdebugbar-tab.phpdebugbar-active {
7937 background-image: unset !important;
7938}
7939.phpdebugbar-fa-tags:before {
7940 content: "\f121";
7941 font-weight: 600 !important;
7942}
7943.phpdebugbar-fa-tasks:before {
7944 content: "\f550";
7945 font-weight: 600 !important;
7946}
7947.phpdebugbar-fa-tags, .phpdebugbar-fa-tasks, .phpdebugbar-indicator .fa {
7948 font-family: "<?php echo getDolGlobalString('MAIN_FONTAWESOME_FAMILY', 'Font Awesome 5 Free'); ?>";
7949 font-weight: 600;
7950}
7951div.phpdebugbar-widgets-messages li.phpdebugbar-widgets-list-item span.phpdebugbar-widgets-value.phpdebugbar-widgets-warning:before,
7952div.phpdebugbar-widgets-messages li.phpdebugbar-widgets-list-item span.phpdebugbar-widgets-value.phpdebugbar-widgets-error:before,
7953div.phpdebugbar-widgets-exceptions a.phpdebugbar-widgets-editor-link:before,
7954div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-database:before,
7955div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-duration:before,
7956div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-memory:before,
7957div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-row-count:before,
7958div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-copy-clipboard:before,
7959div.phpdebugbar-widgets-sqlqueries span.phpdebugbar-widgets-stmt-id:before,
7960div.phpdebugbar-widgets-templates span.phpdebugbar-widgets-render-time:before,
7961div.phpdebugbar-widgets-templates span.phpdebugbar-widgets-memory:before,
7962div.phpdebugbar-widgets-templates span.phpdebugbar-widgets-param-count:before,
7963div.phpdebugbar-widgets-templates span.phpdebugbar-widgets-type:before,
7964div.phpdebugbar-widgets-templates a.phpdebugbar-widgets-editor-link:before
7965{
7966 font-family: "<?php echo getDolGlobalString('MAIN_FONTAWESOME_FAMILY', 'Font Awesome 5 Free'); ?>" !important;
7967}
7968
7969/* ============================================================================== */
7970/* CSS style used for jCrop */
7971/* ============================================================================== */
7972
7973.jcrop-holder { background: unset !important; }
7974
7975
7976/* ============================================================================== */
7977/* CSS style used for jFlot */
7978/* ============================================================================== */
7979
7980.dol-xaxis-vertical .flot-x-axis .flot-tick-label.tickLabel {
7981 text-orientation: sideways;
7982 font-weight: 400;
7983 writing-mode: vertical-rl;
7984 white-space: nowrap;
7985}
7986
7987
7988/* ============================================================================== */
7989/* For copy-paste feature */
7990/* ============================================================================== */
7991
7992span.clipboardCPValueToPrint, div.clipboardCPValueToPrint {
7993 display: inline-block;
7994}
7995span.clipboardCPValue.hidewithsize {
7996 width: 0 !important;
7997 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 */
7998 color: transparent;
7999 white-space: nowrap;
8000 overflow-x: hidden;
8001 vertical-align: middle;
8002}
8003div.clipboardCPValue.hidewithsize {
8004 width: 0 !important;
8005 display: none;
8006 color: transparent;
8007 white-space: nowrap;
8008}
8009
8010.clipboardCPShowOnHover .clipboardCPButton {
8011 display: none;
8012}
8013
8014/* To make a div popup, we must use a position absolute inside a position relative */
8015.clipboardCPText {
8016 position: relative;
8017}
8018.clipboardCPTextDivInside {
8019 position: absolute;
8020 background: #f8f8fa;
8021 color: #888;
8022 border: 1px solid #E0E0E0;
8023 opacity: 1;
8024 z-index: 20;
8025 padding: 2px;
8026 padding-left: 5px;
8027 padding-right: 5px;
8028 top: -5px;
8029 left: 0px;
8030 border-radius: 5px;
8031 white-space: nowrap;
8032 font-size: 0.9em;
8033 box-shadow: 1px 1px 6px #ddd;
8034}
8035
8036
8037/* ============================================================================== */
8038/* CSS style used for hrm skill/rank (may be we can remove this) */
8039/* ============================================================================== */
8040
8041.radio_js_bloc_number {
8042 display:inline-block;
8043 padding:5px 7px;
8044 min-width:20px;
8045 border-radius:3px;
8046 border:1px solid #ccc;
8047 background:#eee;
8048 color:#555;
8049 cursor:pointer;
8050 margin:2px;
8051 text-align:center;
8052}
8053.radio_js_bloc_number.selected {
8054 transition:0.2s ease background;
8055 background:#888;
8056 color:#fff;
8057 border-color:#555;
8058}
8059
8060
8061/* ============================================================================== */
8062/* Virtual business card */