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