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