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