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