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