dolibarr  9.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) 2018 Ferran Marcet <fmarcet@2byte.es>
8  *
9  * This program is free software; you can redistribute it and/or modify
10  * it under the terms of the GNU General Public License as published by
11  * the Free Software Foundation; either version 3 of the License, or
12  * (at your option) any later version.
13  *
14  * This program is distributed in the hope that it will be useful,
15  * but WITHOUT ANY WARRANTY; without even the implied warranty of
16  * MERCHANTABILITY or FI8TNESS FOR A PARTICULAR PURPOSE. See the
17  * GNU General Public License for more details.
18  *
19  * You should have received a copy of the GNU General Public License
20  * along with this program. If not, see <http://www.gnu.org/licenses/>.
21  */
22 
28 //if (! defined('NOREQUIREUSER')) define('NOREQUIREUSER','1'); // Not disabled because need to load personalized language
29 //if (! defined('NOREQUIREDB')) define('NOREQUIREDB','1'); // Not disabled to increase speed. Language code is found on url.
30 if (! defined('NOREQUIRESOC')) define('NOREQUIRESOC','1');
31 //if (! defined('NOREQUIRETRAN')) define('NOREQUIRETRAN','1'); // Not disabled because need to do translations
32 if (! defined('NOCSRFCHECK')) define('NOCSRFCHECK',1);
33 if (! defined('NOTOKENRENEWAL')) define('NOTOKENRENEWAL',1);
34 if (! defined('NOLOGIN')) define('NOLOGIN',1); // File must be accessed by logon page so without login
35 //if (! defined('NOREQUIREMENU')) define('NOREQUIREMENU',1); // We need top menu content
36 if (! defined('NOREQUIREHTML')) define('NOREQUIREHTML',1);
37 if (! defined('NOREQUIREAJAX')) define('NOREQUIREAJAX','1');
38 
39 // Colors
40 $colorbackhmenu1='60,70,100'; // topmenu
41 $colorbackvmenu1='248,248,248'; // vmenu
42 $colortopbordertitle1='200,200,200'; // top border of title
43 $colorbacktitle1='220,220,223'; // title of tables,list
44 $colorbacktabcard1='255,255,255'; // card
45 $colorbacktabactive='234,234,234';
46 $colorbacklineimpair1='255,255,255'; // line impair
47 $colorbacklineimpair2='255,255,255'; // line impair
48 $colorbacklinepair1='250,250,250'; // line pair
49 $colorbacklinepair2='250,250,250'; // line pair
50 $colorbacklinepairhover='230,237,244'; // line hover
51 $colorbacklinebreak='214,218,220'; // line break
52 $colorbackbody='255,255,255';
53 $colortexttitlenotab='100,60,20';
54 $colortexttitle='0,0,0';
55 $colortext='0,0,0';
56 $colortextlink='0,0,100';
57 $fontsize='0.86em';
58 $fontsizesmaller='0.75em';
59 
60 if (defined('THEME_ONLY_CONSTANT')) return;
61 
62 session_cache_limiter('public');
63 
64 require_once '../../main.inc.php';
65 require_once DOL_DOCUMENT_ROOT.'/core/lib/functions2.lib.php';
66 
67 // Load user to have $user->conf loaded (not done into main because of NOLOGIN constant defined)
68 // and permission, so we can later calculate number of top menu ($nbtopmenuentries) according to user profile.
69 if (empty($user->id) && ! empty($_SESSION['dol_login']))
70 {
71  $user->fetch('',$_SESSION['dol_login'],'',1);
72  $user->getrights();
73 }
74 
75 
76 // Define css type
77 top_httphead('text/css');
78 // Important: Following code is to avoid page request by browser and PHP CPU at each Dolibarr page access.
79 if (empty($dolibarr_nocache)) header('Cache-Control: max-age=10800, public, must-revalidate');
80 else header('Cache-Control: no-cache');
81 
82 if (GETPOST('theme','alpha')) $conf->theme=GETPOST('theme','alpha'); // If theme was forced on URL
83 if (GETPOST('lang','aZ09')) $langs->setDefaultLang(GETPOST('lang', 'aZ09')); // If language was forced on URL
84 
85 $langs->load("main",0,1);
86 $right=($langs->trans("DIRECTION")=='rtl'?'left':'right');
87 $left=($langs->trans("DIRECTION")=='rtl'?'right':'left');
88 
89 $path=''; // This value may be used in future for external module to overwrite theme
90 $theme='eldy'; // Value of theme
91 if (! empty($conf->global->MAIN_OVERWRITE_THEME_RES)) { $path='/'.$conf->global->MAIN_OVERWRITE_THEME_RES; $theme=$conf->global->MAIN_OVERWRITE_THEME_RES; }
92 
93 // Define image path files and other constants
94 $fontlist='roboto,arial,tahoma,verdana,helvetica'; //$fontlist='helvetica, verdana, arial, sans-serif';
95 //$fontlist='"open sans", "Helvetica Neue", Helvetica, Arial, sans-serif;';
96 $img_head='';
97 $img_button=dol_buildpath($path.'/theme/'.$theme.'/img/button_bg.png',1);
98 $dol_hide_topmenu=$conf->dol_hide_topmenu;
99 $dol_hide_leftmenu=$conf->dol_hide_leftmenu;
100 $dol_optimize_smallscreen=$conf->dol_optimize_smallscreen;
101 $dol_no_mouse_hover=$conf->dol_no_mouse_hover;
102 
103 //$conf->global->THEME_ELDY_ENABLE_PERSONALIZED=0;
104 //$user->conf->THEME_ELDY_ENABLE_PERSONALIZED=0;
105 //var_dump($user->conf->THEME_ELDY_RGB);
106 
107 $useboldtitle=(isset($conf->global->THEME_ELDY_USEBOLDTITLE)?$conf->global->THEME_ELDY_USEBOLDTITLE:0);
108 $borderwidth=1;
109 
110 // Case of option always editable
111 if (! isset($conf->global->THEME_ELDY_BACKBODY)) $conf->global->THEME_ELDY_BACKBODY=$colorbackbody;
112 if (! isset($conf->global->THEME_ELDY_TOPMENU_BACK1)) $conf->global->THEME_ELDY_TOPMENU_BACK1=$colorbackhmenu1;
113 if (! isset($conf->global->THEME_ELDY_VERMENU_BACK1)) $conf->global->THEME_ELDY_VERMENU_BACK1=$colorbackvmenu1;
114 if (! isset($conf->global->THEME_ELDY_BACKTITLE1)) $conf->global->THEME_ELDY_BACKTITLE1=$colorbacktitle1;
115 if (! isset($conf->global->THEME_ELDY_USE_HOVER)) $conf->global->THEME_ELDY_USE_HOVER=$colorbacklinepairhover;
116 if (! isset($conf->global->THEME_ELDY_USE_CHECKED)) $conf->global->THEME_ELDY_USE_CHECKED=$colorbacklinepairchecked;
117 if (! isset($conf->global->THEME_ELDY_LINEBREAK)) $conf->global->THEME_ELDY_LINEBREAK=$colorbacklinebreak;
118 if (! isset($conf->global->THEME_ELDY_TEXTTITLENOTAB)) $conf->global->THEME_ELDY_TEXTTITLENOTAB=$colortexttitlenotab;
119 if (! isset($conf->global->THEME_ELDY_TEXTLINK)) $conf->global->THEME_ELDY_TEXTLINK=$colortextlink;
120 
121 // Case of option editable only if option THEME_ELDY_ENABLE_PERSONALIZED is on
122 if (empty($conf->global->THEME_ELDY_ENABLE_PERSONALIZED))
123 {
124  $conf->global->THEME_ELDY_BACKTABCARD1='255,255,255'; // card
125  $conf->global->THEME_ELDY_BACKTABACTIVE='234,234,234';
126  $conf->global->THEME_ELDY_TEXT='0,0,0';
127  $conf->global->THEME_ELDY_FONT_SIZE1='0.86em';
128  $conf->global->THEME_ELDY_FONT_SIZE2='0.75em';
129 }
130 
131 // Case of option availables only if THEME_ELDY_ENABLE_PERSONALIZED is on
132 $colorbackhmenu1 =empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED)?(empty($conf->global->THEME_ELDY_TOPMENU_BACK1)?$colorbackhmenu1:$conf->global->THEME_ELDY_TOPMENU_BACK1) :(empty($user->conf->THEME_ELDY_TOPMENU_BACK1)?$colorbackhmenu1:$user->conf->THEME_ELDY_TOPMENU_BACK1);
133 $colorbackvmenu1 =empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED)?(empty($conf->global->THEME_ELDY_VERMENU_BACK1)?$colorbackvmenu1:$conf->global->THEME_ELDY_VERMENU_BACK1) :(empty($user->conf->THEME_ELDY_VERMENU_BACK1)?$colorbackvmenu1:$user->conf->THEME_ELDY_VERMENU_BACK1);
134 $colortopbordertitle1=empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED)?(empty($conf->global->THEME_ELDY_TOPBORDER_TITLE1)?$colortopbordertitle1:$conf->global->THEME_ELDY_TOPBORDER_TITLE1) :(empty($user->conf->THEME_ELDY_TOPBORDER_TITLE1)?$colortopbordertitle1:$user->conf->THEME_ELDY_TOPBORDER_TITLE1);
135 $colorbacktitle1 =empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED)?(empty($conf->global->THEME_ELDY_BACKTITLE1) ?$colorbacktitle1:$conf->global->THEME_ELDY_BACKTITLE1) :(empty($user->conf->THEME_ELDY_BACKTITLE1)?$colorbacktitle1:$user->conf->THEME_ELDY_BACKTITLE1);
136 $colorbacktabcard1 =empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED)?(empty($conf->global->THEME_ELDY_BACKTABCARD1) ?$colorbacktabcard1:$conf->global->THEME_ELDY_BACKTABCARD1) :(empty($user->conf->THEME_ELDY_BACKTABCARD1)?$colorbacktabcard1:$user->conf->THEME_ELDY_BACKTABCARD1);
137 $colorbacktabactive =empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED)?(empty($conf->global->THEME_ELDY_BACKTABACTIVE)?$colorbacktabactive:$conf->global->THEME_ELDY_BACKTABACTIVE):(empty($user->conf->THEME_ELDY_BACKTABACTIVE)?$colorbacktabactive:$user->conf->THEME_ELDY_BACKTABACTIVE);
138 $colorbacklineimpair1=empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED)?(empty($conf->global->THEME_ELDY_LINEIMPAIR1) ?$colorbacklineimpair1:$conf->global->THEME_ELDY_LINEIMPAIR1):(empty($user->conf->THEME_ELDY_LINEIMPAIR1)?$colorbacklineimpair1:$user->conf->THEME_ELDY_LINEIMPAIR1);
139 $colorbacklineimpair2=empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED)?(empty($conf->global->THEME_ELDY_LINEIMPAIR2) ?$colorbacklineimpair2:$conf->global->THEME_ELDY_LINEIMPAIR2):(empty($user->conf->THEME_ELDY_LINEIMPAIR2)?$colorbacklineimpair2:$user->conf->THEME_ELDY_LINEIMPAIR2);
140 $colorbacklinepair1 =empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED)?(empty($conf->global->THEME_ELDY_LINEPAIR1) ?$colorbacklinepair1:$conf->global->THEME_ELDY_LINEPAIR1) :(empty($user->conf->THEME_ELDY_LINEPAIR1)?$colorbacklinepair1:$user->conf->THEME_ELDY_LINEPAIR1);
141 $colorbacklinepair2 =empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED)?(empty($conf->global->THEME_ELDY_LINEPAIR2) ?$colorbacklinepair2:$conf->global->THEME_ELDY_LINEPAIR2) :(empty($user->conf->THEME_ELDY_LINEPAIR2)?$colorbacklinepair2:$user->conf->THEME_ELDY_LINEPAIR2);
142 $colorbacklinebreak =empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED)?(empty($conf->global->THEME_ELDY_LINEBREAK) ?$colorbacklinebreak:$conf->global->THEME_ELDY_LINEBREAK) :(empty($user->conf->THEME_ELDY_LINEBREAK)?$colorbacklinebreak:$user->conf->THEME_ELDY_LINEBREAK);
143 $colorbackbody =empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED)?(empty($conf->global->THEME_ELDY_BACKBODY) ?$colorbackbody:$conf->global->THEME_ELDY_BACKBODY) :(empty($user->conf->THEME_ELDY_BACKBODY)?$colorbackbody:$user->conf->THEME_ELDY_BACKBODY);
144 $colortexttitlenotab =empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED)?(empty($conf->global->THEME_ELDY_TEXTTITLENOTAB)?$colortexttitlenotab:$conf->global->THEME_ELDY_TEXTTITLENOTAB) :(empty($user->conf->THEME_ELDY_TEXTTITLENOTAB)?$colortexttitlenotab:$user->conf->THEME_ELDY_TEXTTITLENOTAB);
145 $colortexttitle =empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED)?(empty($conf->global->THEME_ELDY_TEXTTITLE) ?$colortexttitle:$conf->global->THEME_ELDY_TEXTTITLE) :(empty($user->conf->THEME_ELDY_TEXTTITLE)?$colortexttitle:$user->conf->THEME_ELDY_TEXTTITLE);
146 $colortext =empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED)?(empty($conf->global->THEME_ELDY_TEXT) ?$colortext:$conf->global->THEME_ELDY_TEXT) :(empty($user->conf->THEME_ELDY_TEXT)?$colortext:$user->conf->THEME_ELDY_TEXT);
147 $colortextlink =empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED)?(empty($conf->global->THEME_ELDY_TEXTLINK) ?$colortextlink:$conf->global->THEME_ELDY_TEXTLINK) :(empty($user->conf->THEME_ELDY_TEXTLINK)?$colortextlink:$user->conf->THEME_ELDY_TEXTLINK);
148 $fontsize =empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED)?(empty($conf->global->THEME_ELDY_FONT_SIZE1) ?$fontsize:$conf->global->THEME_ELDY_FONT_SIZE1) :(empty($user->conf->THEME_ELDY_FONT_SIZE1)?$fontsize:$user->conf->THEME_ELDY_FONT_SIZE1);
149 $fontsizesmaller =empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED)?(empty($conf->global->THEME_ELDY_FONT_SIZE2) ?$fontsize:$conf->global->THEME_ELDY_FONT_SIZE2) :(empty($user->conf->THEME_ELDY_FONT_SIZE2)?$fontsize:$user->conf->THEME_ELDY_FONT_SIZE2);
150 
151 // Hover color
152 $colorbacklinepairhover=((! isset($conf->global->THEME_ELDY_USE_HOVER) || (string) $conf->global->THEME_ELDY_USE_HOVER === '0')?'':($conf->global->THEME_ELDY_USE_HOVER === '1'?'e6edf0':$conf->global->THEME_ELDY_USE_HOVER));
153 $colorbacklinepairchecked=((! isset($conf->global->THEME_ELDY_USE_CHECKED) || (string) $conf->global->THEME_ELDY_USE_CHECKED === '0')?'':($conf->global->THEME_ELDY_USE_CHECKED === '1'?'e6edf0':$conf->global->THEME_ELDY_USE_CHECKED));
154 if (! empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED))
155 {
156  $colorbacklinepairhover=((! isset($user->conf->THEME_ELDY_USE_HOVER) || $user->conf->THEME_ELDY_USE_HOVER === '0')?'':($user->conf->THEME_ELDY_USE_HOVER === '1'?'e6edf0':$user->conf->THEME_ELDY_USE_HOVER));
157  $colorbacklinepairchecked=((! isset($user->conf->THEME_ELDY_USE_CHECKED) || $user->conf->THEME_ELDY_USE_CHECKED === '0')?'':($user->conf->THEME_ELDY_USE_CHECKED === '1'?'e6edf0':$user->conf->THEME_ELDY_USE_CHECKED));
158 }
159 
160 //$colortopbordertitle1=$colorbackhmenu1;
161 
162 // Set text color to black or white
163 $colorbackhmenu1=join(',',colorStringToArray($colorbackhmenu1)); // Normalize value to 'x,y,z'
164 $tmppart=explode(',',$colorbackhmenu1);
165 $tmpval=(! empty($tmppart[0]) ? $tmppart[0] : 0)+(! empty($tmppart[1]) ? $tmppart[1] : 0)+(! empty($tmppart[2]) ? $tmppart[2] : 0);
166 if ($tmpval <= 460) $colortextbackhmenu='FFFFFF';
167 else $colortextbackhmenu='000000';
168 
169 $colorbackvmenu1=join(',',colorStringToArray($colorbackvmenu1)); // Normalize value to 'x,y,z'
170 $tmppart=explode(',',$colorbackvmenu1);
171 $tmpval=(! empty($tmppart[0]) ? $tmppart[0] : 0)+(! empty($tmppart[1]) ? $tmppart[1] : 0)+(! empty($tmppart[2]) ? $tmppart[2] : 0);
172 if ($tmpval <= 460) { $colortextbackvmenu='FFFFFF'; }
173 else { $colortextbackvmenu='000000'; }
174 
175 $colorbacktitle1=join(',',colorStringToArray($colorbacktitle1)); // Normalize value to 'x,y,z'
176 $tmppart=explode(',',$colorbacktitle1);
177 if ($colortexttitle == '')
178 {
179  $tmpval=(! empty($tmppart[0]) ? $tmppart[0] : 0)+(! empty($tmppart[1]) ? $tmppart[1] : 0)+(! empty($tmppart[2]) ? $tmppart[2] : 0);
180  if ($tmpval <= 460) { $colortexttitle='FFFFFF'; $colorshadowtitle='888888'; }
181  else { $colortexttitle='000000'; $colorshadowtitle='FFFFFF'; }
182 }
183 else $colorshadowtitle='888888';
184 
185 $colorbacktabcard1=join(',',colorStringToArray($colorbacktabcard1)); // Normalize value to 'x,y,z'
186 $tmppart=explode(',',$colorbacktabcard1);
187 $tmpval=(! empty($tmppart[0]) ? $tmppart[0] : 0)+(! empty($tmppart[1]) ? $tmppart[1] : 0)+(! empty($tmppart[2]) ? $tmppart[2] : 0);
188 if ($tmpval <= 460) { $colortextbacktab='FFFFFF'; }
189 else { $colortextbacktab='000000'; }
190 
191 
192 // Format color value to match expected format (may be 'FFFFFF' or '255,255,255')
193 $colorbackhmenu1=join(',',colorStringToArray($colorbackhmenu1));
194 $colorbackvmenu1=join(',',colorStringToArray($colorbackvmenu1));
195 $colorbacktitle1=join(',',colorStringToArray($colorbacktitle1));
196 $colorbacktabcard1=join(',',colorStringToArray($colorbacktabcard1));
197 $colorbacktabactive=join(',',colorStringToArray($colorbacktabactive));
198 $colorbacklineimpair1=join(',',colorStringToArray($colorbacklineimpair1));
199 $colorbacklineimpair2=join(',',colorStringToArray($colorbacklineimpair2));
200 $colorbacklinepair1=join(',',colorStringToArray($colorbacklinepair1));
201 $colorbacklinepair2=join(',',colorStringToArray($colorbacklinepair2));
202 if ($colorbacklinepairhover != '') $colorbacklinepairhover=join(',',colorStringToArray($colorbacklinepairhover));
203 if ($colorbacklinepairchecked != '') $colorbacklinepairchecked=join(',',colorStringToArray($colorbacklinepairchecked));
204 $colorbackbody=join(',',colorStringToArray($colorbackbody));
205 $colortexttitlenotab=join(',',colorStringToArray($colortexttitlenotab));
206 $colortexttitle=join(',',colorStringToArray($colortexttitle));
207 $colortext=join(',',colorStringToArray($colortext));
208 $colortextlink=join(',',colorStringToArray($colortextlink));
209 
210 $nbtopmenuentries=$menumanager->showmenu('topnb');
211 
212 
213 $minwidthtmenu=66; /* minimum width for one top menu entry */
214 $heightmenu=48; /* height of top menu, part with image */
215 $heightmenu2=49; /* height of top menu, part with login */
216 $disableimages = 0;
217 $maxwidthloginblock = 130;
218 if (! empty($conf->global->THEME_TOPMENU_DISABLE_IMAGE)) { $disableimages = 1; $maxwidthloginblock = 180; $minwidthtmenu=0; }
219 
220 
221 print '/*'."\n";
222 print 'colorbackbody='.$colorbackbody."\n";
223 print 'colorbackvmenu1='.$colorbackvmenu1."\n";
224 print 'colorbackhmenu1='.$colorbackhmenu1."\n";
225 print 'colorbacktitle1='.$colorbacktitle1."\n";
226 print 'colorbacklineimpair1='.$colorbacklineimpair1."\n";
227 print 'colorbacklineimpair2='.$colorbacklineimpair2."\n";
228 print 'colorbacklinepair1='.$colorbacklinepair1."\n";
229 print 'colorbacklinepair2='.$colorbacklinepair2."\n";
230 print 'colorbacklinepairhover='.$colorbacklinepairhover."\n";
231 print 'colorbacklinepairchecked='.$colorbacklinepairchecked."\n";
232 print '$colortexttitlenotab='.$colortexttitlenotab."\n";
233 print '$colortexttitle='.$colortexttitle."\n";
234 print '$colortext='.$colortext."\n";
235 print '$colortextlink='.$colortextlink."\n";
236 print '$colortextbackhmenu='.$colortextbackhmenu."\n";
237 print '$colortextbackvmenu='.$colortextbackvmenu."\n";
238 print 'dol_hide_topmenu='.$dol_hide_topmenu."\n";
239 print 'dol_hide_leftmenu='.$dol_hide_leftmenu."\n";
240 print 'dol_optimize_smallscreen='.$dol_optimize_smallscreen."\n";
241 print 'dol_no_mouse_hover='.$dol_no_mouse_hover."\n";
242 print 'dol_screenwidth='.$_SESSION['dol_screenwidth']."\n";
243 print 'dol_screenheight='.$_SESSION['dol_screenheight']."\n";
244 print 'fontsize='.$fontsize."\n";
245 print 'nbtopmenuentries='.$nbtopmenuentries."\n";
246 print '*/'."\n";
247 
248 ?>
249 
250 /* ============================================================================== */
251 /* Default styles */
252 /* ============================================================================== */
253 
254 
255 body {
256 <?php if (GETPOST('optioncss','aZ09') == 'print') { ?>
257  background-color: #FFFFFF;
258 <?php } else { ?>
259  background: rgb(<?php print $colorbackbody; ?>);
260 <?php } ?>
261  color: rgb(<?php echo $colortext; ?>);
262  font-size: <?php print is_numeric($fontsize) ? $fontsize.'px' : $fontsize; ?>;
263  line-height: 1.4;
264  font-family: <?php print $fontlist ?>;
265  margin-top: 0;
266  margin-bottom: 0;
267  margin-right: 0;
268  margin-left: 0;
269  <?php print 'direction: '.$langs->trans("DIRECTION").";\n"; ?>
270 }
271 
272 .thumbstat { font-weight: bold !important; }
273 th a { font-weight: <?php echo ($useboldtitle?'bold':'normal'); ?> !important; }
274 a.tab { font-weight: bold !important; }
275 
276 a:link, a:visited, a:hover, a:active { font-family: <?php print $fontlist ?>; font-weight: normal; color: rgb(<?php print $colortextlink; ?>); text-decoration: none; }
277 a:hover { text-decoration: underline; color: rgb(<?php print $colortextlink; ?>); }
278 a.commonlink { color: rgb(<?php print $colortextlink; ?>) !important; text-decoration: none; }
279 th.liste_titre a div div:hover, th.liste_titre_sel a div div:hover { text-decoration: underline; }
280 input, input.flat, textarea, textarea.flat, form.flat select, select, select.flat, .dataTables_length label select {
281  background-color: #FFF;
282 }
283 select.vmenusearchselectcombo {
284  background-color: unset;
285 }
286 
287 input.select2-input {
288  border-bottom: none ! important;
289 }
290 .select2-choice {
291  border: none;
292  border-bottom: solid 1px rgba(0,0,0,.2) !important; /* required to avoid to lose bottom line when focus is lost on select2. */
293 }
294 
295 .liste_titre input[name=month_date_when], .liste_titre input[name=monthvalid], .liste_titre input[name=search_ordermonth], .liste_titre input[name=search_deliverymonth],
296 .liste_titre input[name=search_smonth], .liste_titre input[name=search_month], .liste_titre input[name=search_emonth], .liste_titre input[name=smonth], .liste_titre input[name=month], .liste_titre select[name=month],
297 .liste_titre input[name=month_lim], .liste_titre input[name=month_start], .liste_titre input[name=month_end], .liste_titre input[name=month_create],
298 .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],
299 .liste_titre input[name=search_month_create], .liste_titre input[name=search_month_start], .liste_titre input[name=search_month_end],
300 .liste_titre input[name=day_date_when], .liste_titre input[name=dayvalid], .liste_titre input[name=search_orderday], .liste_titre input[name=search_deliveryday],
301 .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],
302 .liste_titre input[name=day_lim], .liste_titre input[name=day_start], .liste_titre input[name=day_end], .liste_titre input[name=day_create],
303 .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],
304 .liste_titre input[name=search_day_create], .liste_titre input[name=search_day_start], .liste_titre input[name=search_day_end],
305 .liste_titre input[name=search_day_date_when], .liste_titre input[name=search_month_date_when], .liste_titre input[name=search_year_date_when],
306 .liste_titre input[name=search_dtstartday], .liste_titre input[name=search_dtendday], .liste_titre input[name=search_dtstartmonth], .liste_titre input[name=search_dtendmonth]
307 {
308  margin-right: 4px;
309 }
310 input[type=submit] {
311  margin-left: 5px;
312 }
313 input, input.flat, form.flat select, select, select.flat, .dataTables_length label select {
314  border: none;
315 }
316 input, input.flat, textarea, textarea.flat, form.flat select, select, select.flat, .dataTables_length label select {
317  font-family: <?php print $fontlist ?>;
318  outline: none;
319  margin: 0px 0px 0px 0px;
320  border<?php echo empty($conf->global->THEME_HIDE_BORDER_ON_INPUT)?'-bottom':''; ?>: solid 1px rgba(0,0,0,.2);
321 }
322 
323 input {
324  line-height: 1.3em;
325  padding: 5px;
326  padding-left: 5px;
327 }
328 select {
329  padding: 5px;
330  padding-left: 2px;
331 }
332 input, select {
333  margin-left:0px;
334  margin-bottom:1px;
335  margin-top:1px;
336 }
337 
338 /* Focus definitions must be after standard definition */
339 textarea:focus {
340  /* v6 box-shadow: 0 0 4px #8091BF; */
341  border: 1px solid #aaa !important;
342 }
343 input:focus, select:focus {
344  border-bottom: 1px solid #666;
345 }
346 textarea.cke_source:focus
347 {
348  box-shadow: none;
349 }
350 
351 select {
352  /* padding: 4px 4px 2px 1px; */
353 }
354 textarea {
355  border-radius: 0;
356  border-top:solid 1px rgba(0,0,0,.2);
357  border-left:solid 1px rgba(0,0,0,.2);
358  border-right:solid 1px rgba(0,0,0,.2);
359  border-bottom:solid 1px rgba(0,0,0,.2);
360 
361  padding:4px;
362  margin-left:0px;
363  margin-bottom:1px;
364  margin-top:1px;
365  }
366 input.removedassigned {
367  padding: 2px !important;
368  vertical-align: text-bottom;
369  margin-bottom: -3px;
370 }
371 input.smallpadd { /* Used for timesheet input */
372  padding-left: 0px !important;
373  padding-right: 0px !important;
374 }
375 input.buttongen {
376  vertical-align: middle;
377 }
378 input.buttonpayment {
379  min-width: 320px;
380  margin-bottom: 15px;
381  background-image: none;
382  line-height: 24px;
383  padding: 8px;
384  background: none;
385  padding-left: 38px;
386  text-align: <?php echo $left; ?>;
387  border: 1px solid #ddd;
388  background-color: #eee;
389  white-space: normal;
390  box-shadow: 1px 1px 8px #bbb;
391 }
392 input.buttonpaymentcb {
393  background-image: url(<?php echo dol_buildpath($path.'/theme/common/credit_card.png',1) ?>);
394  background-size: 26px;
395  background-repeat: no-repeat;
396  background-position: 5px 11px;
397 }
398 input.buttonpaymentcheque {
399  background-image: url(<?php echo dol_buildpath($path.'/theme/common/cheque.png',1) ?>);
400  background-size: 24px;
401  background-repeat: no-repeat;
402  background-position: 5px 8px;
403 }
404 input.buttonpaymentpaypal {
405  background-image: url(<?php echo dol_buildpath($path.'/paypal/img/object_paypal.png',1) ?>);
406  background-repeat: no-repeat;
407  background-position: 8px 11px;
408 }
409 input.buttonpaymentpaybox {
410  background-image: url(<?php echo dol_buildpath($path.'/paybox/img/object_paybox.png',1) ?>);
411  background-repeat: no-repeat;
412  background-position: 8px 11px;
413 }
414 input.buttonpaymentstripe {
415  background-image: url(<?php echo dol_buildpath($path.'/stripe/img/object_stripe.png',1) ?>);
416  background-repeat: no-repeat;
417  background-position: 8px 11px;
418 }
419 
420 /* Used by timesheets */
421 span.timesheetalreadyrecorded input {
422  border: none;
423  border-bottom: solid 1px rgba(0,0,0,0.4);
424  margin-right: 1px !important;
425 }
426 td.weekend {
427  background-color: #eee;
428 }
429 td.onholidaymorning, td.onholidayafternoon {
430  background-color: #fdf6f2;
431 }
432 td.onholidayallday {
433  background-color: #f4eede;
434 }
435 td.leftborder, td.hide0 {
436  border-left: 1px solid #ccc;
437 }
438 td.leftborder, td.hide6 {
439  border-right: 1px solid #ccc;
440 }
441 td.rightborder {
442  border-right: 1px solid #ccc;
443 }
444 
445 td.actionbuttons a {
446  padding-left: 6px;
447 }
448 select.flat, form.flat select {
449  font-weight: normal;
450  font-size: unset;
451 }
452 .optionblue {
453  color: rgb(<?php echo $colortextlink; ?>);
454 }
455 .select2-results .select2-highlighted.optionblue {
456  color: #FFF !important;
457 }
458 .optiongrey, .opacitymedium {
459  opacity: 0.5;
460 }
461 .opacityhigh {
462  opacity: 0.2;
463 }
464 .opacitytransp {
465  opacity: 0;
466 }
467 select:invalid {
468  color: gray;
469 }
470 input:disabled {
471  background:#ddd;
472 }
473 
474 input.liste_titre {
475  box-shadow: none !important;
476 }
477 input.removedfile {
478  padding: 0px !important;
479  border: 0px !important;
480  vertical-align: text-bottom;
481 }
482 textarea:disabled {
483  background:#ddd;
484 }
485 input[type=file ] { background-color: transparent; border-top: none; border-left: none; border-right: none; box-shadow: none; }
486 input[type=checkbox] { background-color: transparent; border: none; box-shadow: none; }
487 input[type=radio] { background-color: transparent; border: none; box-shadow: none; }
488 input[type=image] { background-color: transparent; border: none; box-shadow: none; }
489 input:-webkit-autofill {
490  background-color: #FDFFF0 !important;
491  background-image:none !important;
492  -webkit-box-shadow: 0 0 0 50px #FDFFF0 inset;
493 }
494 ::-webkit-input-placeholder { color:#ccc; }
495 input:-moz-placeholder { color:#ccc; }
496 input[name=price], input[name=weight], input[name=volume], input[name=surface], input[name=sizeheight], select[name=incoterm_id] { margin-right: 6px; }
497 input[name=surface] { margin-right: 4px; }
498 fieldset { border: 1px solid #AAAAAA !important; }
499 .legendforfieldsetstep { padding-bottom: 10px; }
500 input#onlinepaymenturl, input#directdownloadlink {
501  opacity: 0.7;
502 }
503 
504 hr { border: 0; border-top: 1px solid #ccc; }
505 .tabBar hr { margin-top: 20px; margin-bottom: 17px; }
506 
507 .button, .buttonDelete, input[name="sbmtConnexion"] {
508  margin-bottom: 0;
509  margin-top: 0;
510  margin-left: 5px;
511  margin-right: 5px;
512  font-family: <?php print $fontlist ?>;
513  border-color: #c5c5c5;
514  border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
515  display: inline-block;
516  padding: 3px 14px;
517  text-align: center;
518  cursor: pointer;
519  text-decoration: none !important;
520  background-color: #f5f5f5;
521  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
522  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
523  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
524  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
525  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
526  background-repeat: repeat-x;
527  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
528  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
529  border: 1px solid #bbbbbb;
530  border-bottom-color: #a2a2a2;
531  -webkit-border-radius: 2px;
532  border-radius: 2px;
533 }
534 .button:focus, .buttonDelete:focus {
535  -webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 60, 0.2), 0px 0px 0px rgba(60,60,60,0.1);
536  box-shadow: 0px 0px 5px 1px rgba(0, 0, 60, 0.2), 0px 0px 0px rgba(60,60,60,0.1);
537 }
538 .button:hover, .buttonDelete:hover {
539  /* warning: having a larger shadow has side effect when button is completely on left of a table */
540  -webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2), 0px 0px 0px rgba(60,60,60,0.1);
541  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2), 0px 0px 0px rgba(60,60,60,0.1);
542 }
543 .button:disabled, .buttonDelete:disabled {
544  opacity: 0.4;
545  box-shadow: none;
546  -webkit-box-shadow: none;
547  cursor: auto;
548 }
549 .buttonRefused {
550  pointer-events: none;
551  cursor: default;
552  opacity: 0.4;
553  box-shadow: none;
554  -webkit-box-shadow: none;
555 }
556 form {
557  padding:0px;
558  margin:0px;
559 }
560 form#addproduct {
561  padding-top: 10px;
562 }
563 div.float
564 {
565  float:<?php print $left; ?>;
566 }
567 div.floatright
568 {
569  float:<?php print $right; ?>;
570 }
571 .inline-block
572 {
573  display:inline-block;
574 }
575 
576 th .button {
577  -webkit-box-shadow: none !important;
578  box-shadow: none !important;
579  -webkit-border-radius:0px !important;
580  border-radius:0px !important;
581 }
582 .maxwidthsearch { /* Max width of column with the search picto */
583  width: 54px;
584 }
585 .valigntop {
586  vertical-align: top;
587 }
588 .valignmiddle {
589  vertical-align: middle;
590 }
591 .valignbottom {
592  vertical-align: bottom;
593 }
594 .valigntextbottom {
595  vertical-align: text-bottom;
596 }
597 .centpercent {
598  width: 100%;
599 }
600 .quatrevingtpercent, .inputsearch {
601  width: 80%;
602 }
603 .soixantepercent {
604  width: 60%;
605 }
606 .quatrevingtquinzepercent {
607  width: 95%;
608 }
609 textarea.centpercent {
610  width: 96%;
611 }
612 .center {
613  text-align: center;
614  margin: 0px auto;
615 }
616 .left {
617  text-align: <?php print $left; ?>;
618 }
619 .right {
620  text-align: <?php print $right; ?>;
621 }
622 .justify {
623  text-align: justify;
624 }
625 .nowrap {
626  white-space: <?php print ($dol_optimize_smallscreen?'normal':'nowrap'); ?>;
627 }
628 .liste_titre .nowrap {
629  white-space: nowrap;
630 }
631 .nowraponall { /* no wrap on all devices */
632  white-space: nowrap;
633 }
634 .wrapimp {
635  white-space: normal !important;
636 }
637 .wordwrap {
638  word-wrap: break-word;
639 }
640 .wordbreak {
641  word-break: break-all;
642 }
643 .bold {
644  font-weight: bold !important;
645 }
646 .nobold {
647  font-weight: normal !important;
648 }
649 .nounderline {
650  text-decoration: none;
651 }
652 .paddingleft {
653  padding-<?php print $left; ?>: 4px;
654 }
655 .paddingleft2 {
656  padding-<?php print $left; ?>: 2px;
657 }
658 .paddingright {
659  padding-<?php print $right; ?>: 4px;
660 }
661 .paddingright2 {
662  padding-<?php print $right; ?>: 2px;
663 }
664 .cursordefault {
665  cursor: default;
666 }
667 .cursorpointer {
668  cursor: pointer;
669 }
670 .cursormove {
671  cursor: move;
672 }
673 .cursornotallowed {
674  cursor: not-allowed;
675 }
676 .badge {
677  display: inline-block;
678  min-width: 10px;
679  padding: 2px 5px;
680  font-size: 10px;
681  font-weight: 700;
682  line-height: 1em;
683  color: #fff;
684  text-align: center;
685  white-space: nowrap;
686  vertical-align: text-bottom;
687  background-color: #aaa;
688  border-radius: 10px;
689 }
690 .borderrightlight
691 {
692  border-right: 1px solid #DDD;
693 }
694 #formuserfile {
695  margin-top: 4px;
696 }
697 #formuserfile_link {
698  margin-left: 1px;
699 }
700 .listofinvoicetype {
701  height: 28px;
702  vertical-align: middle;
703 }
704 .divsocialnetwork:not(:first-child) {
705  padding-left: 20px;
706 }
707 div.divsearchfield {
708  float: <?php print $left; ?>;
709  margin-<?php print $right; ?>: 12px;
710  margin-<?php print $left; ?>: 2px;
711  margin-top: 4px;
712  margin-bottom: 4px;
713  padding-left: 2px;
714 }
715 .divsearchfieldfilter {
716  text-overflow: clip;
717  overflow: auto;
718  padding-bottom: 5px;
719  opacity: 0.6;
720 }
721 <?php
722 // Add a nowrap on smartphone, so long list of field used for filter are overflowed with clip
723 if ($conf->browser->layout == 'phone') {
724 ?>
725 .divsearchfieldfilter {
726  white-space: nowrap;
727 }
728 <?php } ?>
729 div.confirmmessage {
730  padding-top: 6px;
731 }
732 ul.attendees {
733  padding-top: 0;
734  padding-bottom: 0;
735  padding-left: 0;
736  margin-top: 0;
737  margin-bottom: 0;
738 }
739 ul.attendees li {
740  list-style-type: none;
741  padding-top:1px;
742  padding-bottom:1px;
743 }
744 .googlerefreshcal {
745  padding-top: 4px;
746  padding-bottom: 4px;
747 }
748 .paddingtopbottom {
749  padding-top: 10px;
750  padding-bottom: 10px;
751 }
752 .checkallactions {
753  margin-left: 2px; /* left must be same than right to keep checkbox centered */
754  margin-right: 2px; /* left must be same than right to keep checkbox centered */
755  vertical-align: middle;
756 }
757 select.flat.selectlimit {
758  max-width: 62px;
759 }
760 .selectlimit, .marginrightonly {
761  margin-right: 10px !important;
762 }
763 .marginleftonly {
764  margin-left: 10px !important;
765 }
766 .marginleftonlyshort {
767  margin-left: 4px !important;
768 }
769 .nomarginleft {
770  margin-left: 0px !important;
771 }
772 .selectlimit, .selectlimit:focus {
773  border-left: none !important;
774  border-top: none !important;
775  border-right: none !important;
776  outline: none;
777 }
778 .strikefordisabled {
779  text-decoration: line-through;
780 }
781 .widthdate {
782  width: 130px;
783 }
784 /* using a tdoverflowxxx make the min-width not working */
785 .tdoverflow {
786  max-width: 0;
787  overflow: hidden;
788  text-overflow: ellipsis;
789  white-space: nowrap;
790 }
791 .tdoverflowmax50 { /* For tdoverflow, the max-midth become a minimum ! */
792  max-width: 50px;
793  overflow: hidden;
794  text-overflow: ellipsis;
795  white-space: nowrap;
796 }
797 .tdoverflowmax100 { /* For tdoverflow, the max-midth become a minimum ! */
798  max-width: 100px;
799  overflow: hidden;
800  text-overflow: ellipsis;
801  white-space: nowrap;
802 }
803 .tdoverflowmax150 { /* For tdoverflow, the max-midth become a minimum ! */
804  max-width: 150px;
805  overflow: hidden;
806  text-overflow: ellipsis;
807  white-space: nowrap;
808 }
809 .tdoverflowmax200 { /* For tdoverflow, the max-midth become a minimum ! */
810  max-width: 200px;
811  overflow: hidden;
812  text-overflow: ellipsis;
813  white-space: nowrap;
814 }
815 .tdoverflowmax300 { /* For tdoverflow, the max-midth become a minimum ! */
816  max-width: 300px;
817  overflow: hidden;
818  text-overflow: ellipsis;
819  white-space: nowrap;
820 }
821 .tdoverflowauto {
822  max-width: 0;
823  overflow: auto;
824 }
825 .tablelistofcalendars {
826  margin-top: 25px !important;
827 }
828 .amountalreadypaid {
829 }
830 .amountpaymentcomplete {
831  color: #008800;
832  font-weight: bold;
833  font-size: 1.4em;
834 }
835 .amountremaintopay {
836  color: #880000;
837  font-weight: bold;
838  font-size: 1.4em;
839 }
840 .amountremaintopayback {
841  font-weight: bold;
842  font-size: 1.4em;
843 }
844 .amountpaymentneutral {
845  font-weight: bold;
846  font-size: 1.4em;
847 }
848 .savingdocmask {
849  margin-top: 6px;
850  margin-bottom: 12px;
851 }
852 #builddoc_form ~ .showlinkedobjectblock {
853  margin-top: 20px;
854 }
855 
856 /* For the long description of module */
857 .moduledesclong p img, .moduledesclong p a img {
858  max-width: 90% !important;
859  height: auto !important;
860 }
861 .imgdoc {
862  margin: 18px;
863  border: 1px solid #ccc;
864  box-shadow: 1px 1px 25px #aaa;
865  max-width: calc(100% - 56px);
866 }
867 .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 {
868  color: #055;
869 }
870 .fa-trash, .fa-crop, .fa-pencil {
871  font-size: 1.4em;
872 }
873 .fa-15 {
874  font-size: 1.5em;
875 }
876 
877 /* DOL_XXX for future usage (when left menu has been removed). If we do not use datatable */
878 /*.table-responsive {
879  width: calc(100% - 330px);
880  margin-bottom: 15px;
881  overflow-y: hidden;
882  -ms-overflow-style: -ms-autohiding-scrollbar;
883 }*/
884 /* Style used for most tables */
885 .div-table-responsive, .div-table-responsive-no-min {
886  overflow-x: auto;
887  min-height: 0.01%;
888 }
889 .div-table-responsive {
890  line-height: 120%;
891 }
892 /* Style used for full page tables with field selector and no content after table (priority before previous for such tables) */
893 div.fiche>form>div.div-table-responsive, div.fiche>form>div.div-table-responsive-no-min {
894  overflow-x: auto;
895 }
896 div.fiche>form>div.div-table-responsive {
897  min-height: 392px;
898 }
899 div.fiche>div.tabBar>form>div.div-table-responsive {
900  min-height: 392px;
901 }
902 div.fiche {
903  /* text-align: justify; */
904 }
905 
906 .flexcontainer {
907  <?php if (in_array($conf->browser->name, array('chrome','firefox'))) echo 'display: inline-flex;'."\n"; ?>
908  flex-flow: row wrap;
909  justify-content: flex-start;
910 }
911 .thumbstat {
912  min-width: 150px;
913 }
914 .thumbstat150 {
915  min-width: 168px;
916  max-width: 169px;
917  /* width: 168px; If I use with, there is trouble on size of flex boxes solved with min+max that is a little bit higer than min */
918 }
919 .thumbstat, .thumbstat150 {
920 <?php if ($conf->browser->name == 'ie') { ?>
921  min-width: 150px;
922  width: 100%;
923  display: inline;
924 <?php } else { ?>
925  flex-grow: 1;
926  flex-shrink: 0;
927 <?php } ?>
928 }
929 
930 select.selectarrowonleft {
931  direction: rtl;
932 }
933 select.selectarrowonleft option {
934  direction: ltr;
935 }
936 
937 
938 /* ============================================================================== */
939 /* Styles to hide objects */
940 /* ============================================================================== */
941 
942 .clearboth { clear:both; }
943 .hideobject { display: none; }
944 .minwidth50 { min-width: 50px; }
945 /* rule for not too small screen only */
946 @media only screen and (min-width: <?php echo round($nbtopmenuentries * 45, 0) + 7; ?>px)
947 {
948  .width25 { width: 25px; }
949  .width50 { width: 50px; }
950  .width75 { width: 75px; }
951  .width100 { width: 100px; }
952  .width200 { width: 200px; }
953  .minwidth100 { min-width: 100px; }
954  .minwidth200 { min-width: 200px; }
955  .minwidth300 { min-width: 300px; }
956  .minwidth400 { min-width: 400px; }
957  .minwidth500 { min-width: 500px; }
958  .minwidth50imp { min-width: 50px !important; }
959  .minwidth75imp { min-width: 75px !important; }
960  .minwidth100imp { min-width: 100px !important; }
961  .minwidth200imp { min-width: 200px !important; }
962  .minwidth300imp { min-width: 300px !important; }
963  .minwidth400imp { min-width: 400px !important; }
964  .minwidth500imp { min-width: 500px !important; }
965 }
966 .widthauto { width: auto; }
967 .width25 { width: 25px; }
968 .width50 { width: 50px; }
969 .width75 { width: 75px; }
970 .width100 { width: 100px; }
971 .width200 { width: 200px; }
972 .maxwidth25 { max-width: 25px; }
973 .maxwidth50 { max-width: 50px; }
974 .maxwidth75 { max-width: 75px; }
975 .maxwidth100 { max-width: 100px; }
976 .maxwidth125 { max-width: 125px; }
977 .maxwidth150 { max-width: 150px; }
978 .maxwidth200 { max-width: 200px; }
979 .maxwidth300 { max-width: 300px; }
980 .maxwidth400 { max-width: 400px; }
981 .maxwidth500 { max-width: 500px; }
982 .maxwidth50imp { max-width: 50px !important; }
983 .maxwidth75imp { max-width: 75px !important; }
984 .minheight20 { min-height: 20px; }
985 .minheight40 { min-height: 40px; }
986 .titlefieldcreate { width: 20%; }
987 .titlefield { width: 25%; }
988 .titlefieldmiddle { width: 50%; }
989 .imgmaxwidth180 { max-width: 180px; }
990 .imgmaxheight50 { max-height: 50px; }
991 
992 .width20p { width:20%; }
993 .width25p { width:25%; }
994 .width40p { width:40%; }
995 .width50p { width:50%; }
996 .width60p { width:60%; }
997 .width75p { width:75%; }
998 .width80p { width:80%; }
999 .width100p { width:100%; }
1000 
1001 
1002 /* Force values for small screen 1400 */
1003 @media only screen and (max-width: 1400px)
1004 {
1005  .titlefield { width: 30% !important; }
1006  .titlefieldcreate { width: 30% !important; }
1007  .minwidth50imp { min-width: 50px !important; }
1008  .minwidth75imp { min-width: 75px !important; }
1009  .minwidth100imp { min-width: 100px !important; }
1010  .minwidth200imp { min-width: 200px !important; }
1011  .minwidth300imp { min-width: 300px !important; }
1012  .minwidth400imp { min-width: 300px !important; }
1013  .minwidth500imp { min-width: 300px !important; }
1014 }
1015 
1016 /* Force values for small screen 1000 */
1017 @media only screen and (max-width: 1000px)
1018 {
1019  .maxwidthonsmartphone { max-width: 100px; }
1020  .minwidth50imp { min-width: 50px !important; }
1021  .minwidth75imp { min-width: 70px !important; }
1022  .minwidth100imp { min-width: 80px !important; }
1023  .minwidth200imp { min-width: 100px !important; }
1024  .minwidth300imp { min-width: 100px !important; }
1025  .minwidth400imp { min-width: 150px !important; }
1026  .minwidth500imp { min-width: 250px !important; }
1027 }
1028 
1029 /* Force values for small screen 767 */
1030 @media only screen and (max-width: 767px)
1031 {
1032  body {
1033  font-size: <?php print is_numeric($fontsize) ? ($fontsize+3).'px' : $fontsize; ?>;
1034  }
1035  div.refidno {
1036  font-size: <?php print is_numeric($fontsize) ? ($fontsize+3).'px' : $fontsize; ?> !important;
1037  }
1038 }
1039 
1040 /* Force values for small screen 570 */
1041 @media only screen and (max-width: 570px)
1042 {
1043  body {
1044  font-size: <?php print is_numeric($fontsize) ? ($fontsize+3).'px' : $fontsize; ?>;
1045  }
1046  div.refidno {
1047  font-size: <?php print is_numeric($fontsize) ? ($fontsize+3).'px' : $fontsize; ?> !important;
1048  }
1049 
1050  .divmainbodylarge { margin-left: 20px !important; margin-right: 20px !important; }
1051 
1052  .tdoverflowonsmartphone {
1053  max-width: 0;
1054  overflow: hidden;
1055  text-overflow: ellipsis;
1056  white-space: nowrap;
1057  }
1058  div.titre {
1059  /* margin-top: 12px; */
1060  /* line-height: 2em; */
1061  }
1062  .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 {
1063  height: 40px !important;
1064  }
1065 
1066  .quatrevingtpercent, .inputsearch {
1067  width: 95%;
1068  }
1069 
1070  select {
1071  padding-top: 4px;
1072  padding-bottom: 4px;
1073  }
1074  input, input[type=text], input[type=password], select, textarea {
1075  min-width: 20px;
1076  font-size: <?php print is_numeric($fontsize)?($fontsize+3).'px':$fontsize; ?>;
1077  /* min-height: 1.4em; */
1078  /* line-height: 1.4em; */
1079  /* padding: .4em .1em; */
1080  /* border-bottom: 1px solid #BBB; */
1081  /* max-width: inherit; why this ? */
1082  }
1083  input[type=text], input[type=password] {
1084  max-width: 180px;
1085  }
1086  .vmenu .searchform input {
1087  max-width: 138px; /* length of input text in the quick search box when using a smartphone and without dolidroid */
1088  }
1089 
1090  .hideonsmartphone { display: none; }
1091  .hideonsmartphoneimp { display: none !important; }
1092  .noenlargeonsmartphone { width : 50px !important; display: inline !important; }
1093  .maxwidthonsmartphone, #search_newcompany.ui-autocomplete-input { max-width: 100px; }
1094  .maxwidth50onsmartphone { max-width: 40px; }
1095  .maxwidth75onsmartphone { max-width: 50px; }
1096  .maxwidth100onsmartphone { max-width: 70px; }
1097  .maxwidth150onsmartphone { max-width: 120px; }
1098  .maxwidth200onsmartphone { max-width: 200px; }
1099  .maxwidth300onsmartphone { max-width: 300px; }
1100  .maxwidth400onsmartphone { max-width: 400px; }
1101  .minwidth50imp { min-width: 50px !important; }
1102  .minwidth75imp { min-width: 60px !important; }
1103  .minwidth100imp { min-width: 60px !important; }
1104  .minwidth200imp { min-width: 60px !important; }
1105  .minwidth300imp { min-width: 100px !important; }
1106  .minwidth400imp { min-width: 150px !important; }
1107  .minwidth500imp { min-width: 250px !important; }
1108  .titlefield { width: auto; }
1109  .titlefieldcreate { width: auto; }
1110 
1111  #tooltip {
1112  position: absolute;
1113  width: <?php print dol_size(300,'width'); ?>px;
1114  }
1115 
1116  /* intput, input[type=text], */
1117  select {
1118  width: 98%;
1119  min-width: 40px;
1120  }
1121 
1122  div.divphotoref {
1123  padding-right: 5px;
1124  padding-bottom: 5px;
1125  }
1126  img.photoref, div.photoref {
1127  border: none;
1128  -webkit-box-shadow: none;
1129  box-shadow: none;
1130  padding: 4px;
1131  height: 20px;
1132  width: 20px;
1133  object-fit: contain;
1134  }
1135 
1136  div.statusref {
1137  padding-right: 10px;
1138  }
1139  div.statusref img {
1140  padding-right: 3px !important;
1141  }
1142  div.statusrefbis {
1143  padding-right: 3px !important;
1144  }
1145  /* TODO
1146  div.statusref {
1147  padding-top: 0px !important;
1148  padding-left: 0px !important;
1149  border: none !important;
1150  }
1151  */
1152 
1153  input.buttonpayment {
1154  min-width: 300px;
1155  }
1156 }
1157 .linkobject { cursor: pointer; }
1158 <?php if (GETPOST('optioncss','aZ09') == 'print') { ?>
1159 .hideonprint { display: none; }
1160 <?php } ?>
1161 
1162 
1163 /* ============================================================================== */
1164 /* Styles for dragging lines */
1165 /* ============================================================================== */
1166 
1167 .dragClass {
1168  color: #002255;
1169 }
1170 td.showDragHandle {
1171  cursor: move;
1172 }
1173 .tdlineupdown {
1174  white-space: nowrap;
1175  min-width: 10px;
1176 }
1177 
1178 
1179 /* ============================================================================== */
1180 /* Styles de positionnement des zones */
1181 /* ============================================================================== */
1182 
1183 #id-container {
1184  display: table; /* DOL_XXX Empeche fonctionnement correct du scroll horizontal sur tableau, avec datatable ou CSS */
1185  table-layout: fixed;
1186 }
1187 #id-right, #id-left {
1188  padding-top: 20px;
1189  padding-bottom: 20px;
1190 
1191  display: table-cell; /* DOL_XXX Empeche fonctionnement correct du scroll horizontal sur tableau, avec datatable ou CSS */
1192  float: none;
1193  vertical-align: top;
1194 }
1195 #id-right { /* This must stay id-right and not be replaced with echo $right */
1196  width: 100%;
1197  background: rgb(<?php print $colorbackbody; ?>);
1198 }
1199 #id-left {
1200 /* background-color: #fff;
1201  border-right: 1px #888 solid;
1202  height: calc(100% - 50px);*/
1203 }
1204 
1205 <?php if (empty($conf->global->THEME_DISABLE_STICKY_TOPMENU)) { ?>
1206 .side-nav-vert {
1207  position: sticky;
1208  top: 0px;
1209  z-index: 210;
1210 }
1211 <?php } ?>
1212 
1213 .side-nav {
1214  display: table-cell;
1215  border-right: 1px solid #d0d0d0;
1216  box-shadow: 3px 0 6px -2px #eee;
1217  background: rgb(<?php echo $colorbackvmenu1; ?>);
1218 }
1219 div.blockvmenulogo
1220 {
1221  border-bottom: 0 !important;
1222 }
1223 div.blockvmenupair, div.blockvmenuimpair {
1224  border-top: none !important;
1225  border-left: none !important;
1226  border-right: none !important;
1227  border-bottom: 1px solid #e0e0e0;
1228  padding-left: 0 !important;
1229 }
1230 div.blockvmenuend, div.blockvmenubookmarks {
1231  border: none !important;
1232  padding-left: 0 !important;
1233 }
1234 div.vmenu, td.vmenu {
1235  padding-right: 10px !important;
1236 }
1237 .blockvmenu .menu_titre {
1238  margin-top: 4px;
1239  margin-bottom: 3px;
1240 }
1241 
1242 /* Try responsive even not on smartphone
1243 #id-container {
1244  width: 100%;
1245 }
1246 #id-right {
1247  width: calc(100% - 200px) !important;
1248 }
1249 */
1250 
1251 /* For smartphone (testmenuhider is on) */
1252 <?php if ($conf->browser->layout == 'phone' && ((GETPOST('testmenuhider','int') || ! empty($conf->global->MAIN_TESTMENUHIDER)) && empty($conf->global->MAIN_OPTIMIZEFORTEXTBROWSER))) { ?>
1253 #id-container {
1254  width: 100%;
1255 }
1256 .side-nav {
1257  border-bottom: 1px solid #BBB;
1258  background: #FFF;
1259  padding-left: 20px;
1260  padding-right: 20px;
1261 }
1262 .side-nav {
1263  position: absolute;
1264  z-index: 90;
1265  display: none;
1266 }
1267 div.blockvmenulogo
1268 {
1269  border-bottom: 0 !important;
1270 }
1271 div.blockvmenusearch {
1272  padding-bottom: 12px !important;
1273  border-bottom: 1px solid #e0e0e0;
1274 }
1275 div.blockvmenupair, div.blockvmenuimpair, div.blockvmenubookmarks, div.blockvmenuend {
1276  border-top: none !important;
1277  border-left: none !important;
1278  border-right: none !important;
1279  border-bottom: 1px solid #e0e0e0;
1280  padding-left: 0 !important;
1281 }
1282 div.vmenu, td.vmenu {
1283  padding-right: 6px !important;
1284 }
1285 div.fiche {
1286  margin-<?php print $left; ?>: 9px !important;
1287  margin-<?php print $right; ?>: 10px !important;
1288 }
1289 <?php } ?>
1290 
1291 
1292 
1293 div.fiche {
1294  margin-<?php print $left; ?>: <?php print (GETPOST('optioncss','aZ09') == 'print'?6:(empty($conf->dol_optimize_smallscreen)?'30':'6')); ?>px;
1295  margin-<?php print $right; ?>: <?php print (GETPOST('optioncss','aZ09') == 'print'?6:(empty($conf->dol_optimize_smallscreen)?'29':'6')); ?>px;
1296  <?php if (! empty($dol_hide_leftmenu)) print 'margin-bottom: 12px;'."\n"; ?>
1297  <?php if (! empty($dol_hide_leftmenu)) print 'margin-top: 12px;'."\n"; ?>
1298 }
1299 body.onlinepaymentbody div.fiche { /* For online payment page */
1300  margin: 20px !important;
1301 }
1302 div.fiche>table:first-child {
1303  margin-bottom: 15px !important;
1304 }
1305 div.fichecenter {
1306  /* margin-top: 10px; */
1307  width: 100%;
1308  clear: both; /* This is to have div fichecenter that are true rectangles */
1309 }
1310 div.fichecenterbis {
1311  margin-top: 8px;
1312 }
1313 div.fichethirdleft {
1314  <?php if ($conf->browser->layout != 'phone') { print "float: ".$left.";\n"; } ?>
1315  <?php if ($conf->browser->layout != 'phone') { print "width: 50%;\n"; } ?>
1316  <?php if ($conf->browser->layout == 'phone') { print "padding-bottom: 6px;\n"; } ?>
1317 }
1318 div.fichetwothirdright {
1319  <?php if ($conf->browser->layout != 'phone') { print "float: ".$right.";\n"; } ?>
1320  <?php if ($conf->browser->layout != 'phone') { print "width: 50%;\n"; } ?>
1321  <?php if ($conf->browser->layout == 'phone') { print "padding-bottom: 6px\n"; } ?>
1322 }
1323 div.fichehalfleft {
1324  <?php if ($conf->browser->layout != 'phone') { print "float: ".$left.";\n"; } ?>
1325  <?php if ($conf->browser->layout != 'phone') { print "width: 50%;\n"; } ?>
1326 }
1327 div.fichehalfright {
1328  <?php if ($conf->browser->layout != 'phone') { print "float: ".$right.";\n"; } ?>
1329  <?php if ($conf->browser->layout != 'phone') { print "width: 50%;\n"; } ?>
1330 }
1331 div.ficheaddleft {
1332  <?php if ($conf->browser->layout != 'phone') { print "padding-".$left.": 16px;\n"; }
1333  else print "margin-top: 10px;\n"; ?>
1334 }
1335 div.firstcolumn div.box {
1336  padding-right: 10px;
1337 }
1338 div.secondcolumn div.box {
1339  padding-left: 10px;
1340 }
1341 /* Force values on one colum for small screen */
1342 @media only screen and (max-width: 1000px)
1343 {
1344  div.fiche {
1345  margin-<?php print $left; ?>: <?php print (GETPOST('optioncss','aZ09') == 'print'?6:($dol_hide_leftmenu?'6':'20')); ?>px;
1346  margin-<?php print $right; ?>: <?php print (GETPOST('optioncss','aZ09') == 'print'?8:6); ?>px;
1347  }
1348  div.fichecenter {
1349  width: 100%;
1350  clear: both; /* This is to have div fichecenter that are true rectangles */
1351  }
1352  div.fichecenterbis {
1353  margin-top: 8px;
1354  }
1355  div.fichethirdleft {
1356  float: none;
1357  width: auto;
1358  padding-bottom: 6px;
1359  }
1360  div.fichetwothirdright {
1361  float: none;
1362  width: auto;
1363  padding-bottom: 6px;
1364  }
1365  div.fichehalfleft {
1366  float: none;
1367  width: auto;
1368  }
1369  div.fichehalfright {
1370  float: none;
1371  width: auto;
1372  }
1373  div.ficheaddleft {
1374  <?php print "padding-".$left.": 0px;\n"; ?>
1375  margin-top: 10px;
1376  }
1377  div.firstcolumn div.box {
1378  padding-right: 0px;
1379  }
1380  div.secondcolumn div.box {
1381  padding-left: 0px;
1382  }
1383 }
1384 
1385 /* For table into table into card */
1386 div.ficheaddleft tr.liste_titre:first-child td table.nobordernopadding td {
1387  padding: 0 0 0 0;
1388 }
1389 div.nopadding {
1390  padding: 0 !important;
1391 }
1392 
1393 .containercenter {
1394  display : table;
1395  margin : 0px auto;
1396 }
1397 
1398 .pictotitle {
1399  margin-<?php echo $right; ?>: 8px;
1400  margin-bottom: 4px;
1401 }
1402 .pictoobjectwidth {
1403  width: 14px;
1404 }
1405 .pictosubstatus {
1406  padding-left: 2px;
1407  padding-right: 2px;
1408 }
1409 .pictostatus {
1410  width: 15px;
1411  vertical-align: middle;
1412  margin-top: -3px
1413 }
1414 .pictowarning, .pictopreview {
1415  padding-<?php echo $left; ?>: 3px;
1416 }
1417 .pictowarning {
1418  vertical-align: text-bottom;
1419 }
1420 .fiche .arearef img.pictoedit, .fiche .arearef span.pictoedit,
1421 .fiche .fichecenter img.pictoedit, .fiche .fichecenter span.pictoedit,
1422 .tagtdnote span.pictoedit {
1423  opacity: 0.4;
1424 }
1425 .colorthumb {
1426  padding-left: 1px !important;
1427  padding-right: 1px;
1428  padding-top: 1px;
1429  padding-bottom: 1px;
1430  width: 44px;
1431  text-align:center;
1432 }
1433 div.attacharea {
1434  padding-top: 18px;
1435  padding-bottom: 10px;
1436 }
1437 div.attachareaformuserfileecm {
1438  padding-top: 0;
1439  padding-bottom: 0;
1440 }
1441 
1442 div.arearef {
1443  padding-top: 2px;
1444  margin-bottom: 10px;
1445  padding-bottom: 10px;
1446 }
1447 div.arearefnobottom {
1448  padding-top: 2px;
1449  padding-bottom: 4px;
1450 }
1451 div.heightref {
1452  min-height: 80px;
1453 }
1454 div.divphotoref {
1455  padding-right: 20px;
1456 }
1457 div.paginationref {
1458  padding-bottom: 10px;
1459 }
1460 /* TODO
1461 div.statusref {
1462  padding: 10px;
1463  border: 1px solid #bbb;
1464  border-radius: 6px;
1465 } */
1466 div.statusref {
1467  float: right;
1468  padding-left: 12px;
1469  margin-top: 8px;
1470  margin-bottom: 10px;
1471  clear: both;
1472 }
1473 div.statusref img {
1474  padding-left: 8px;
1475  padding-right: 9px;
1476  vertical-align: text-bottom;
1477  width: 18px;
1478 }
1479 div.statusrefbis {
1480  padding-left: 8px;
1481  padding-right: 9px;
1482  vertical-align: text-bottom;
1483 }
1484 img.photoref, div.photoref {
1485  border: 1px solid #DDD;
1486  -webkit-box-shadow: 0px 0px 6px #DDD;
1487  box-shadow: 0px 0px 6px #DDD;
1488  padding: 4px;
1489  height: 80px;
1490  width: 80px;
1491  object-fit: contain;
1492 }
1493 img.fitcontain {
1494  object-fit: contain;
1495 }
1496 div.photoref {
1497  display:table-cell;
1498  vertical-align:middle;
1499  text-align:center;
1500 }
1501 img.photorefnoborder {
1502  padding: 2px;
1503  height: 48px;
1504  width: 48px;
1505  object-fit: contain;
1506  border: 1px solid #AAA;
1507  border-radius: 100px;
1508 }
1509 .underrefbanner {
1510 }
1511 .underbanner {
1512  border-bottom: <?php echo $borderwidth ?>px solid rgb(<?php echo $colortopbordertitle1 ?>);
1513  /* border-bottom: 2px solid rgb(<?php echo $colorbackhmenu1 ?>); */
1514 }
1515 .trextrafieldseparator td {
1516  /* border-bottom: 2px solid rgb(<?php echo $colorbackhmenu1 ?>) !important; */
1517  border-bottom: 2px solid rgb(<?php echo $colortopbordertitle1 ?>) !important;
1518 }
1519 
1520 .tdhrthin {
1521  margin: 0;
1522  padding-bottom: 0 !important;
1523 }
1524 
1525 /* ============================================================================== */
1526 /* Menu top et 1ere ligne tableau */
1527 /* ============================================================================== */
1528 
1529 div#id-top {
1530 <?php if (GETPOST('optioncss','aZ09') == 'print') { ?>
1531  display:none;
1532 <?php } else { ?>
1533  background: rgb(<?php echo $colorbackhmenu1 ?>);
1534 <?php } ?>
1535 }
1536 
1537 div#tmenu_tooltip {
1538 <?php if (GETPOST('optioncss','aZ09') == 'print') { ?>
1539  display:none;
1540 <?php } else { ?>
1541  padding-<?php echo $right; ?>: <?php echo ($maxwidthloginblock - 10); ?>px;
1542 <?php } ?>
1543 }
1544 
1545 div.topmenuimage {
1546 <?php if ($disableimages) { ?>
1547  display: none;
1548 <?php } ?>
1549 }
1550 
1551 div.tmenudiv {
1552 <?php if (GETPOST('optioncss','aZ09') == 'print') { ?>
1553  display:none;
1554 <?php } else { ?>
1555  position: relative;
1556  display: block;
1557  white-space: nowrap;
1558  border-top: 0px;
1559  border-<?php print $left; ?>: 0px;
1560  border-<?php print $right; ?>: 0px;
1561  padding: 0px 0px 0px 0px; /* t r b l */
1562  margin: 0px 0px 0px 0px; /* t r b l */
1563  font-size: 13px;
1564  font-weight: normal;
1565  color: #000000;
1566  text-decoration: none;
1567 <?php } ?>
1568 }
1569 div.tmenudisabled, a.tmenudisabled {
1570  opacity: 0.6;
1571 }
1572 a.tmenudisabled:link, a.tmenudisabled:visited, a.tmenudisabled:hover, a.tmenudisabled:active {
1573  font-weight: normal;
1574  padding: 0px 5px 0px 5px;
1575  white-space: nowrap;
1576  color: #<?php echo $colortextbackhmenu; ?>;
1577  text-decoration: none;
1578  cursor: not-allowed;
1579 }
1580 
1581 a.tmenu:link, a.tmenu:visited, a.tmenu:hover, a.tmenu:active {
1582  font-weight: normal;
1583  padding: 0px 4px 0px 4px;
1584  white-space: nowrap;
1585  color: #<?php echo $colortextbackhmenu; ?>;
1586  text-decoration: none;
1587 }
1588 a.tmenusel:link, a.tmenusel:visited, a.tmenusel:hover, a.tmenusel:active {
1589  font-weight: normal;
1590  padding: 0px 4px 0px 4px;
1591  margin: 0px 0px 0px 0px;
1592  white-space: nowrap;
1593  color: #<?php echo $colortextbackhmenu; ?>;
1594  text-decoration: none !important;
1595 }
1596 
1597 
1598 ul.tmenu { /* t r b l */
1599  padding: 0px 0px 0px 0px;
1600  margin: 0px 0px 0px 0px;
1601  list-style: none;
1602  display: table;
1603 }
1604 ul.tmenu li { /* We need this to have background color when menu entry wraps on new lines */
1605 }
1606 li.tmenu, li.tmenusel {
1607  <?php print $minwidthtmenu?'min-width: '.$minwidthtmenu.'px;':''; ?>
1608  text-align: center;
1609  vertical-align: bottom;
1610  <?php if (empty($conf->global->MAIN_MENU_INVERT)) { ?>
1611  float: <?php print $left; ?>;
1612  <?php } ?>
1613  position:relative;
1614  display: block;
1615  padding: 0 0 0 0;
1616  margin: 0 0 0 0;
1617  font-weight: normal;
1618 }
1619 li.menuhider:hover {
1620  background-image: none !important;
1621 }
1622 li.tmenusel, li.tmenu:hover {
1623  background-image: -o-linear-gradient(bottom, rgba(250,250,250,0.3) 0%, rgba(0,0,0,0.5) 100%);
1624  background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.5) 0%, rgba(250,250,250,0) 100%);
1625  background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.5) 0%, rgba(250,250,250,0) 100%);
1626  background-image: -ms-linear-gradient(bottom, rgba(250,250,250,0.3) 0%, rgba(0,0,0,0.5) 100%);
1627  background-image: linear-gradient(bottom, rgba(250,250,250,0.3) 0%, rgba(0,0,0,0.5) 100%);
1628  /* background: rgb(<?php echo $colorbackhmenu1 ?>); */
1629 }
1630 .tmenuend .tmenuleft { width: 0px; }
1631 .tmenuend { display: none; }
1632 div.tmenuleft
1633 {
1634  float: <?php print $left; ?>;
1635  margin-top: 0px;
1636  <?php if (empty($conf->dol_optimize_smallscreen)) { ?>
1637  width: 5px;
1638  <?php } ?>
1639  <?php if ($disableimages) { ?>
1640  height: 26px;
1641  <?php } else { ?>
1642  height: <?php print $heightmenu; ?>px;
1643  <?php } ?>
1644 }
1645 div.tmenucenter
1646 {
1647  padding-left: 0px;
1648  padding-right: 3px;
1649  <?php if ($disableimages) { ?>
1650  padding-top: 8px;
1651  height: 26px;
1652  <?php } else { ?>
1653  padding-top: 2px;
1654  height: <?php print $heightmenu; ?>px;
1655  <?php } ?>
1656  width: 100%;
1657 }
1658 #menu_titre_logo {
1659  padding-top: 0;
1660  padding-bottom: 0;
1661 }
1662 div.menu_titre {
1663  padding-top: 4px;
1664  padding-bottom: 4px;
1665  overflow: hidden;
1666  text-overflow: ellipsis;
1667  width: 188px; /* required to have overflow working. must be same than menu_contenu */
1668 }
1669 .mainmenuaspan
1670 {
1671  padding-<?php print $left; ?>: 2px;
1672  padding-<?php print $right; ?>: 2px;
1673 }
1674 
1675 div.mainmenu {
1676  position : relative;
1677  background-repeat:no-repeat;
1678  background-position:center top;
1679  height: <?php echo ($heightmenu-22); ?>px;
1680  margin-left: 0px;
1681  min-width: 40px;
1682 }
1683 
1684 /* For mainmenu, we always load the img */
1685 
1686 div.mainmenu.menu {
1687  background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/menu.png',1) ?>);
1688  <?php print $disableimages?'':'top: 7px'; ?>
1689 }
1690 #mainmenutd_menu a.tmenuimage {
1691  display: unset;
1692 }
1693 a.tmenuimage {
1694  display: block;
1695 }
1696 
1697 /* Do not load menu img for other if hidden to save bandwidth */
1698 
1699 <?php if (empty($dol_hide_topmenu)) { ?>
1700 
1701 div.mainmenu.home{
1702  background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/home_over.png',1) ?>);
1703  background-position-x: center;
1704 }
1705 
1706 div.mainmenu.billing {
1707  background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/money_over.png',1) ?>);
1708 }
1709 
1710 div.mainmenu.accountancy {
1711  background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/money_over.png',1) ?>);
1712 }
1713 
1714 div.mainmenu.agenda {
1715  background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/agenda_over.png',1) ?>);
1716 }
1717 
1718 div.mainmenu.bank {
1719  background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/bank_over.png',1) ?>);
1720 }
1721 
1722 div.mainmenu.cashdesk {
1723  background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/pointofsale_over.png',1) ?>);
1724 }
1725 
1726 div.mainmenu.takepos {
1727  background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/pointofsale_over.png',1) ?>);
1728 }
1729 
1730 div.mainmenu.companies {
1731  background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/company_over.png',1) ?>);
1732 }
1733 
1734 div.mainmenu.commercial {
1735  background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/commercial_over.png',1) ?>);
1736 }
1737 
1738 div.mainmenu.ecm {
1739  background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/ecm_over.png',1) ?>);
1740 }
1741 
1742 div.mainmenu.externalsite {
1743  background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/externalsite_over.png',1) ?>);
1744 }
1745 
1746 div.mainmenu.ftp {
1747  background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/tools_over.png',1) ?>);
1748 }
1749 
1750 div.mainmenu.hrm {
1751  background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/holiday_over.png',1) ?>);
1752 }
1753 
1754 div.mainmenu.members {
1755  background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/members_over.png',1) ?>);
1756 }
1757 
1758 div.mainmenu.products {
1759  background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/products_over.png',1) ?>);
1760 }
1761 
1762 div.mainmenu.project {
1763  background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/project_over.png',1) ?>);
1764 }
1765 
1766 div.mainmenu.ticket {
1767  background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/ticket_over.png',1) ?>);
1768 }
1769 
1770 div.mainmenu.tools {
1771  background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/tools_over.png',1) ?>);
1772 }
1773 
1774 div.mainmenu.website {
1775  background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/externalsite_over.png',1) ?>);
1776 }
1777 
1778 <?php
1779 // Add here more div for other menu entries. moduletomainmenu=array('module name'=>'name of class for div')
1780 
1781 $moduletomainmenu=array(
1782  'user'=>'','syslog'=>'','societe'=>'companies','projet'=>'project','propale'=>'commercial','commande'=>'commercial',
1783  'produit'=>'products','service'=>'products','stock'=>'products',
1784  'don'=>'accountancy','tax'=>'accountancy','banque'=>'accountancy','facture'=>'accountancy','compta'=>'accountancy','accounting'=>'accountancy','adherent'=>'members','import'=>'tools','export'=>'tools','mailing'=>'tools',
1785  'contrat'=>'commercial','ficheinter'=>'commercial','ticket'=>'ticket','deplacement'=>'commercial',
1786  'fournisseur'=>'companies',
1787  'barcode'=>'','fckeditor'=>'','categorie'=>'',
1788 );
1789 $mainmenuused='home';
1790 foreach($conf->modules as $val)
1791 {
1792  $mainmenuused.=','.(isset($moduletomainmenu[$val])?$moduletomainmenu[$val]:$val);
1793 }
1794 //var_dump($mainmenuused);
1795 $mainmenuusedarray=array_unique(explode(',',$mainmenuused));
1796 
1797 $generic=1;
1798 // Put here list of menu entries when the div.mainmenu.menuentry was previously defined
1799 $divalreadydefined=array('home','companies','products','commercial','externalsite','accountancy','project','tools','members','agenda','ftp','holiday','hrm','bookmark','cashdesk','takepos','ecm','geoipmaxmind','gravatar','clicktodial','paypal','stripe','webservices','website');
1800 // Put here list of menu entries we are sure we don't want
1801 $divnotrequired=array('multicurrency','salaries','ticket','margin','opensurvey','paybox','expensereport','incoterm','prelevement','propal','workflow','notification','supplier_proposal','cron','product','productbatch','expedition');
1802 foreach($mainmenuusedarray as $val)
1803 {
1804  if (empty($val) || in_array($val,$divalreadydefined)) continue;
1805  if (in_array($val,$divnotrequired)) continue;
1806  //print "XXX".$val;
1807 
1808  // Search img file in module dir
1809  $found=0; $url='';
1810  foreach($conf->file->dol_document_root as $dirroot)
1811  {
1812  if (file_exists($dirroot."/".$val."/img/".$val."_over.png"))
1813  {
1814  $url=dol_buildpath('/'.$val.'/img/'.$val.'_over.png', 1);
1815  $found=1;
1816  break;
1817  }
1818  }
1819  // Img file not found
1820  if (! $found)
1821  {
1822  $url=dol_buildpath($path.'/theme/'.$theme.'/img/menus/generic'.$generic."_over.png",1);
1823  $found=1;
1824  if ($generic < 4) $generic++;
1825  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";
1826  }
1827  if ($found)
1828  {
1829  print "div.mainmenu.".$val." {\n";
1830  print " background-image: url(".$url.");\n";
1831  print "}\n";
1832  }
1833 }
1834 $j=0;
1835 while ($j++ < 4)
1836 {
1837  $url=dol_buildpath($path.'/theme/'.$theme.'/img/menus/generic'.$j."_over.png",1);
1838  print "div.mainmenu.generic".$j." {\n";
1839  print " background-image: url(".$url.");\n";
1840  print "}\n";
1841 }
1842 // End of part to add more div class css
1843 ?>
1844 
1845 <?php
1846 } // End test if $dol_hide_topmenu
1847 ?>
1848 
1849 .tmenuimage {
1850  padding:0 0 0 0 !important;
1851  margin:0 0px 0 0 !important;
1852  <?php if ($disableimages) { ?>
1853  display: none;
1854  <?php } ?>
1855 }
1856 
1857 
1858 
1859 /* Login */
1860 
1861 .bodylogin
1862 {
1863  background: #f0f0f0;
1864  display: table;
1865  position: absolute;
1866  height: 100%;
1867  width: 100%;
1868  font-size: 1em;
1869 }
1870 .login_center {
1871  display: table-cell;
1872  vertical-align: middle;
1873 }
1874 .login_vertical_align {
1875  padding: 10px;
1876  padding-bottom: 80px;
1877 }
1878 form#login {
1879  padding-bottom: 30px;
1880  font-size: 14px;
1881  vertical-align: middle;
1882 }
1883 .login_table_title {
1884  max-width: 530px;
1885  color: #eee !important;
1886  padding-bottom: 20px;
1887  text-shadow: 1px 1px #444;
1888 }
1889 .login_table label {
1890  text-shadow: 1px 1px 1px #FFF;
1891 }
1892 .login_table {
1893  margin: 0px auto; /* Center */
1894  padding-left:6px;
1895  padding-right:6px;
1896  padding-top:16px;
1897  padding-bottom:12px;
1898  max-width: 560px;
1899 <?php
1900 if (! empty($conf->global->MAIN_LOGIN_BACKGROUND)) {
1901  print ' background-color: rgba(255, 255, 255, 0.9);';
1902 } else {
1903  print ' background-color: #FFFFFF;';
1904 }
1905 ?>
1906 
1907  -webkit-box-shadow: 0 2px 23px 2px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(60,60,60,0.15);
1908  box-shadow: 0 2px 23px 2px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(60,60,60,0.15);
1909 
1910  border-radius: 5px;
1911  /*border-top:solid 1px rgba(180,180,180,.4);
1912  border-left:solid 1px rgba(180,180,180,.4);
1913  border-right:solid 1px rgba(180,180,180,.4);
1914  border-bottom:solid 1px rgba(180,180,180,.4);*/
1915 }
1916 .login_table input#username, .login_table input#password, .login_table input#securitycode {
1917  border: none;
1918  border-bottom: solid 1px rgba(180,180,180,.4);
1919  padding: 5px;
1920  margin-left: 5px;
1921  margin-top: 5px;
1922  margin-bottom: 5px;
1923 }
1924 .login_table input#username:focus, .login_table input#password:focus, .login_table input#securitycode:focus {
1925  outline: none !important;
1926 }
1927 .login_table .trinputlogin {
1928  font-size: 1.2em;
1929  margin: 8px;
1930 }
1931 .login_table .tdinputlogin {
1932  background-color: transparent;
1933  /* border: 2px solid #ccc; */
1934  min-width: 220px;
1935  border-radius: 2px;
1936 }
1937 .login_table .tdinputlogin .fa {
1938  padding-left: 10px;
1939  width: 14px;
1940 }
1941 .login_table .tdinputlogin input#username, .login_table .tdinputlogin input#password {
1942  font-size: 1em;
1943 }
1944 .login_table .tdinputlogin input#securitycode {
1945  font-size: 1em;
1946 }
1947 .login_main_message {
1948  text-align: center;
1949  max-width: 570px;
1950  margin-bottom: 22px;
1951 }
1952 .login_main_message .error {
1953  /* border: 1px solid #caa; */
1954  padding: 10px;
1955 }
1956 div#login_left, div#login_right {
1957  display: inline-block;
1958  min-width: 245px;
1959  padding-top: 10px;
1960  padding-left: 16px;
1961  padding-right: 16px;
1962  text-align: center;
1963  vertical-align: middle;
1964 }
1965 div#login_right select#entity {
1966  margin-top: 10px;
1967 }
1968 table.login_table tr td table.none tr td {
1969  padding: 2px;
1970 }
1971 table.login_table_securitycode {
1972  border-spacing: 0px;
1973 }
1974 table.login_table_securitycode tr td {
1975  padding-left: 0px;
1976  padding-right: 4px;
1977 }
1978 #securitycode {
1979  min-width: 60px;
1980 }
1981 #img_securitycode {
1982  border: 1px solid #DDDDDD;
1983 }
1984 #img_logo, .img_logo {
1985  max-width: 170px;
1986  max-height: 90px;
1987 }
1988 
1989 div.backgroundsemitransparent {
1990  background:rgba(255,255,255,0.6);
1991  padding-left: 10px;
1992  padding-right: 10px;
1993 }
1994 div.login_block {
1995  position: absolute;
1996  text-align: <?php print $right; ?>;
1997  <?php print $right; ?>: 0;
1998  top: <?php print $disableimages?'4px':'0'; ?>;
1999  font-weight: bold;
2000  <?php echo (empty($disableimages) && $maxwidthloginblock)?'max-width: '.$maxwidthloginblock.'px;':''; ?>
2001  <?php if (GETPOST('optioncss','aZ09') == 'print') { ?>
2002  display: none;
2003  <?php } ?>
2004 }
2005 div.login_block a {
2006  color: #<?php echo $colortextbackvmenu; ?>;
2007 }
2008 div.login_block table {
2009  display: inline;
2010 }
2011 div.login {
2012  white-space:nowrap;
2013  font-weight: bold;
2014  float: right;
2015 }
2016 div.login a {
2017  color: #<?php echo $colortextbackvmenu; ?>;
2018 }
2019 div.login a:hover {
2020  color: #<?php echo $colortextbackvmenu; ?>;
2021  text-decoration:underline;
2022 }
2023 div.login_block_user {
2024  display: inline-block;
2025  padding-top: 3px;
2026  <?php if (empty($conf->global->THEME_TOPMENU_DISABLE_IMAGE)) { ?>
2027  min-width: 120px;
2028  <?php } ?>
2029 }
2030 div.login_block_other {
2031  display: inline-block;
2032  clear: <?php echo $disableimages?'none':'both'; ?>;
2033 }
2034 div.login_block_other { padding-top: 3px; text-align: right; }
2035 .login_block_elem {
2036  float: right;
2037  vertical-align: top;
2038  padding: 0px 3px 0px 4px !important;
2039  height: 16px;
2040 }
2041 .atoplogin, .atoplogin:hover {
2042  color: #<?php echo $colortextbackhmenu; ?> !important;
2043  font-weight: normal !important;
2044 }
2045 .login_block_getinfo {
2046  text-align: center;
2047 }
2048 .login_block_getinfo div.login_block_user {
2049  display: block;
2050 }
2051 .login_block_getinfo .atoplogin, .login_block_getinfo .atoplogin:hover {
2052  color: #333 !important;
2053  font-weight: normal !important;
2054 }
2055 .alogin, .alogin:hover {
2056  font-weight: normal !important;
2057  padding-top: 2px;
2058 }
2059 .alogin:hover, .atoplogin:hover {
2060  text-decoration:underline !important;
2061 }
2062 span.fa.atoplogin, span.fa.atoplogin:hover {
2063  font-size: 16px;
2064  text-decoration: none !important;
2065 }
2066 img.login, img.printer, img.entity {
2067  /* padding: 0px 0px 0px 4px; */
2068  /* margin: 0px 0px 0px 8px; */
2069  text-decoration: none;
2070  color: white;
2071  font-weight: bold;
2072 }
2073 .userimg.atoplogin img.userphoto, .userimgatoplogin img.userphoto { /* size for user photo in login bar */
2074  width: 16px;
2075  height: 16px;
2076  border-radius: 8px;
2077  background-size: contain;
2078  background-size: contain;
2079 }
2080 img.userphoto { /* size for user photo in lists */
2081  border-radius: 9px;
2082  width: 18px;
2083  height: 18px;
2084  background-size: contain;
2085  vertical-align: middle;
2086 }
2087 img.userphotosmall { /* size for user photo in lists */
2088  border-radius: 6px;
2089  width: 12px;
2090  height: 12px;
2091  background-size: contain;
2092  vertical-align: middle;
2093  background-color: #FFF;
2094 }
2095 .span-icon-user {
2096  background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/object_user.png',1); ?>);
2097  background-repeat: no-repeat;
2098 }
2099 .span-icon-password {
2100  background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/lock.png',1); ?>);
2101  background-repeat: no-repeat;
2102 }
2103 
2104 /* ============================================================================== */
2105 /* Menu gauche */
2106 /* ============================================================================== */
2107 
2108 div.vmenu, td.vmenu {
2109  margin-<?php print $right; ?>: 2px;
2110  position: relative;
2111  float: left;
2112  padding: 0px;
2113  padding-bottom: 0px;
2114  padding-top: 1px;
2115  width: 190px;
2116 }
2117 
2118 .vmenu {
2119  width: 190px;
2120  margin-left: 6px;
2121  <?php if (GETPOST('optioncss','aZ09') == 'print') { ?>
2122  display: none;
2123  <?php } ?>
2124 }
2125 
2126 /* Force vmenusearchselectcombo with type=text differently than without because beautify with select2 affect vmenusearchselectcombo differently */
2127 input.vmenusearchselectcombo[type=text] {
2128  width: 180px !important;
2129 }
2130 .vmenusearchselectcombo {
2131  width: 188px;
2132 }
2133 
2134 .menu_contenu {
2135  padding-top: 3px;
2136  padding-bottom: 3px;
2137  overflow: hidden;
2138  text-overflow: ellipsis;
2139  width: 188px; /* required to have overflow working. must be same than .menu_titre */
2140 }
2141 #menu_contenu_logo { /* padding-top: 0; */ }
2142 .companylogo { }
2143 .searchform { padding-top: 10px; }
2144 .searchform input { font-size: 16px; }
2145 
2146 
2147 a.vmenu:link, a.vmenu:visited, a.vmenu:hover, a.vmenu:active, span.vmenu { white-space: nowrap; font-family: <?php print $fontlist ?>; text-align: <?php print $left; ?>; font-weight: bold; }
2148 font.vmenudisabled { font-family: <?php print $fontlist ?>; text-align: <?php print $left; ?>; font-weight: bold; color: #aaa; margin-left: 4px; }
2149 a.vmenu:link, a.vmenu:visited { color: #<?php echo $colortextbackvmenu; ?>; }
2150 
2151 a.vsmenu:link, a.vsmenu:visited, a.vsmenu:hover, a.vsmenu:active, span.vsmenu { font-family: <?php print $fontlist ?>; text-align: <?php print $left; ?>; font-weight: normal; color: #202020; margin: 1px 1px 1px 6px; }
2152 font.vsmenudisabled { font-family: <?php print $fontlist ?>; text-align: <?php print $left; ?>; font-weight: normal; color: #aaa; }
2153 a.vsmenu:link, a.vsmenu:visited { color: #<?php echo $colortextbackvmenu; ?>; white-space: nowrap; }
2154 font.vsmenudisabledmargin { margin: 1px 1px 1px 6px; }
2155 li a.vsmenudisabled, li.vsmenudisabled { color: #aaa !important; }
2156 
2157 a.help:link, a.help:visited, a.help:hover, a.help:active, span.help { font-size:<?php print is_numeric($fontsizesmaller)?($fontsizesmaller.'px'):$fontsizesmaller; ?>; font-family: <?php print $fontlist ?>; text-align: <?php print $left; ?>; font-weight: normal; color: #aaa; text-decoration: none; }
2158 
2159 .vmenu div.blockvmenufirst, .vmenu div.blockvmenulogo, .vmenu div.blockvmenusearchphone, .vmenu div.blockvmenubookmarks
2160 {
2161  border-top: 1px solid #BBB;
2162 }
2163 a.vsmenu.addbookmarkpicto {
2164  padding-right: 10px;
2165 }
2166 div.blockvmenusearchphone
2167 {
2168  border-bottom: none !important;
2169 }
2170 .vmenu div.blockvmenuend, .vmenu div.blockvmenulogo
2171 {
2172  margin: 0 0 8px 2px;
2173 }
2174 .vmenu div.blockvmenusearch
2175 {
2176  padding-bottom: 4px;
2177 /* border-bottom: 1px solid #e0e0e0; */
2178 }
2179 .vmenu div.blockvmenuend
2180 {
2181  padding-bottom: 5px;
2182 }
2183 .vmenu div.blockvmenulogo
2184 {
2185  padding-bottom: 10px;
2186  padding-top: 0;
2187 }
2188 div.blockvmenubookmarks
2189 {
2190  padding-top: 10px !important;
2191  padding-bottom: 16px !important;
2192 }
2193 div.blockvmenupair, div.blockvmenuimpair, div.blockvmenubookmarks, div.blockvmenuend
2194 {
2195  font-family: <?php print $fontlist ?>;
2196  color: #000000;
2197  text-align: <?php print $left; ?>;
2198  text-decoration: none;
2199  padding-left: 5px;
2200  padding-right: 1px;
2201  padding-top: 3px;
2202  padding-bottom: 3px;
2203  margin: 0 0 0 2px;
2204 
2205  background: rgb(<?php echo $colorbackvmenu1; ?>);
2206 
2207  border-left: 1px solid #AAA;
2208  border-right: 1px solid #BBB;
2209 }
2210 
2211 div.blockvmenusearch
2212 {
2213  font-family: <?php print $fontlist ?>;
2214  color: #000000;
2215  text-align: <?php print $left; ?>;
2216  text-decoration: none;
2217  margin: 1px 0px 0px 2px;
2218  background: rgb(<?php echo $colorbackvmenu1; ?>);
2219 }
2220 
2221 div.blockvmenusearch > form > div {
2222  padding-top: 3px;
2223 }
2224 div.blockvmenusearch > form > div > label {
2225  padding-right: 2px;
2226 }
2227 
2228 div.blockvmenuhelp
2229 {
2230 <?php if (empty($conf->dol_optimize_smallscreen)) { ?>
2231  font-family: <?php print $fontlist ?>;
2232  color: #000000;
2233  text-align: center;
2234  text-decoration: none;
2235  padding-left: 0px;
2236  padding-right: 6px;
2237  padding-top: 3px;
2238  padding-bottom: 3px;
2239  margin: 4px 0px 0px 0px;
2240 <?php } else { ?>
2241  display: none;
2242 <?php } ?>
2243 }
2244 
2245 
2246 td.barre {
2247  border-right: 1px solid #000000;
2248  border-bottom: 1px solid #000000;
2249  background: #b3c5cc;
2250  font-family: <?php print $fontlist ?>;
2251  color: #000000;
2252  text-align: <?php print $left; ?>;
2253  text-decoration: none;
2254 }
2255 
2256 td.barre_select {
2257  background: #b3c5cc;
2258  color: #000000;
2259 }
2260 
2261 td.photo {
2262  background: #F4F4F4;
2263  color: #000000;
2264  border: 1px solid #bbb;
2265 }
2266 
2267 /* ============================================================================== */
2268 /* Panes for Main */
2269 /* ============================================================================== */
2270 
2271 /*
2272  * PANES and CONTENT-DIVs
2273  */
2274 
2275 #mainContent, #leftContent .ui-layout-pane {
2276  padding: 0px;
2277  overflow: auto;
2278 }
2279 
2280 #mainContent, #leftContent .ui-layout-center {
2281  padding: 0px;
2282  position: relative; /* contain floated or positioned elements */
2283  overflow: auto; /* add scrolling to content-div */
2284 }
2285 
2286 
2287 /* ============================================================================== */
2288 /* Toolbar for ECM or Filemanager */
2289 /* ============================================================================== */
2290 
2291 td.ecmroot {
2292  padding-bottom: 0 !important;
2293 }
2294 
2295 .largebutton {
2296  /* border-top: 1px solid #CCC !important; */
2297  padding: 0px 4px 14px 4px !important;
2298  min-height: 32px;
2299 }
2300 
2301 
2302 a.toolbarbutton {
2303  margin-top: 0px;
2304  margin-left: 4px;
2305  margin-right: 4px;
2306  height: 30px;
2307 }
2308 img.toolbarbutton {
2309  margin-top: 1px;
2310  height: 30px;
2311 }
2312 
2313 
2314 
2315 
2316 
2317 /* ============================================================================== */
2318 /* Onglets */
2319 /* ============================================================================== */
2320 div.tabs {
2321  text-align: <?php print $left; ?>;
2322  padding-left: 6px !important;
2323  padding-right: 6px !important;
2324  clear:both;
2325  height:100%;
2326 }
2327 div.tabsElem {
2328  margin-top: 1px;
2329 } /* To avoid overlap of tabs when not browser */
2330 div.tabsElem a {
2331  /* font-weight: normal !important; */
2332 }
2333 div.tabBar {
2334  color: #<?php echo $colortextbacktab; ?>;
2335  padding-top: 16px;
2336  padding-left: 0px; padding-right: 0px;
2337  padding-bottom: 2px;
2338  margin: 0px 0px 16px 0px;
2339  border-top: 1px solid #BBB;
2340  /* border-bottom: 1px solid #AAA; */
2341  width: auto;
2342  background: rgb(<?php echo $colorbacktabcard1; ?>);
2343 }
2344 div.tabBar div.titre {
2345  padding-top: 20px;
2346 }
2347 
2348 /* tabBar used for creation/update/send forms */
2349 div.tabBarWithBottom {
2350  padding-bottom: 18px;
2351  border-bottom: 1px solid #aaa;
2352 }
2353 div.tabBarWithBottom tr {
2354  background: unset !important;
2355 }
2356 div.tabBarWithBottom table.border>tbody>tr:last-of-type>td {
2357  border-bottom: none !important;
2358 }
2359 
2360 div.tabBar table.tableforservicepart2:last-child {
2361  border-bottom: 1px solid #aaa;
2362 }
2363 .tableforservicepart1 .tdhrthin {
2364  height: unset;
2365  padding-top: 0 !important;
2366 }
2367 
2368 div.popuptabset {
2369  padding: 6px;
2370  background: #fff;
2371  border: 1px solid #888;
2372 }
2373 div.popuptab {
2374  padding-top: 3px;
2375  padding-bottom: 3px;
2376  padding-left: 5px;
2377  padding-right: 5px;
2378 }
2379 div.tabsAction {
2380  margin: 20px 0em 30px 0em;
2381  padding: 0em 0em;
2382  text-align: right;
2383 }
2384 div.tabsActionNoBottom {
2385  margin-bottom: 0px;
2386 }
2387 div.tabsAction > a {
2388  margin-bottom: 16px !important;
2389 }
2390 
2391 a.tabTitle {
2392  color:rgba(0,0,0,.5) !important;
2393  text-shadow:1px 1px 1px #ffffff;
2394  font-family: <?php print $fontlist ?>;
2395  font-weight: normal !important;
2396  padding: 4px 6px 2px 0px;
2397  margin-<?php print $right; ?>: 10px;
2398  text-decoration: none;
2399  white-space: nowrap;
2400 }
2401 
2402 a.tabunactive {
2403  color: rgb(<?php print $colortextlink; ?>) !important;
2404 }
2405 a.tab:link, a.tab:visited, a.tab:hover, a.tab#active {
2406  font-family: <?php print $fontlist ?>;
2407  padding: 12px 14px 13px;
2408  margin: 0em 0.2em;
2409  text-decoration: none;
2410  white-space: nowrap;
2411 
2412  border-right: 1px solid transparent;
2413  border-left: 1px solid transparent;
2414  border-top: 1px solid transparent;
2415  border-bottom: 0px !important;
2416 
2417  background-image: none !important;
2418 }
2419 .tabactive, a.tab#active {
2420  color: #<?php echo $colortextbacktab; ?> !important;
2421  background: rgb(<?php echo $colorbacktabcard1; ?>) !important;
2422  margin: 0 0.2em 0 0.2em !important;
2423 
2424  border-right: 1px solid #CCC !important;
2425  border-left: 1px solid #CCC !important;
2426  /* border-top: <?php echo 2; ?>px solid rgb(<?php echo $colortopbordertitle1; ?>) !important; */
2427  border-top: <?php echo 2; ?>px solid rgb(<?php echo $colorbackhmenu1 ?>) !important;
2428 }
2429 a.tab:hover
2430 {
2431  /*
2432  background: rgba(<?php echo $colorbacktabcard1; ?>, 0.5) url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/nav-overlay3.png',1); ?>) 50% 0 repeat-x;
2433  color: #<?php echo $colortextbacktab; ?>;
2434  */
2435  text-decoration: underline;
2436 }
2437 a.tabimage {
2438  color: #434956;
2439  font-family: <?php print $fontlist ?>;
2440  text-decoration: none;
2441  white-space: nowrap;
2442 }
2443 
2444 td.tab {
2445  background: #dee7ec;
2446 }
2447 
2448 span.tabspan {
2449  background: #dee7ec;
2450  color: #434956;
2451  font-family: <?php print $fontlist ?>;
2452  padding: 0px 6px;
2453  margin: 0em 0.2em;
2454  text-decoration: none;
2455  white-space: nowrap;
2456  -webkit-border-radius:4px 4px 0px 0px;
2457  border-radius:4px 4px 0px 0px;
2458 
2459  border-<?php print $right; ?>: 1px solid #555555;
2460  border-<?php print $left; ?>: 1px solid #D8D8D8;
2461  border-top: 1px solid #D8D8D8;
2462 }
2463 
2464 /* ============================================================================== */
2465 /* Boutons actions */
2466 /* ============================================================================== */
2467 
2468 div.divButAction {
2469  margin-bottom: 1.4em;
2470 }
2471 div.tabsAction > a.butAction, div.tabsAction > a.butActionRefused {
2472  margin-bottom: 1.4em !important;
2473 }
2474 div.tabsActionNoBottom > a.butAction, div.tabsActionNoBottom > a.butActionRefused {
2475  margin-bottom: 0 !important;
2476 }
2477 
2478 span.butAction, span.butActionDelete {
2479  cursor: pointer;
2480 }
2481 
2482 .butAction {
2483  background: rgb(225, 231, 225)
2484  /* background: rgb(230, 232, 239); */
2485 }
2486 .butActionRefused, .butAction, .butAction:link, .butAction:visited, .butAction:hover, .butAction:active, .butActionDelete, .butActionDelete:link, .butActionDelete:visited, .butActionDelete:hover, .butActionDelete:active {
2487  text-decoration: none;
2488  text-transform: uppercase;
2489  font-weight: bold;
2490 
2491  margin: 0em <?php echo ($dol_optimize_smallscreen?'0.6':'0.9'); ?>em !important;
2492  padding: 0.6em <?php echo ($dol_optimize_smallscreen?'0.6':'0.7'); ?>em;
2493  font-family: <?php print $fontlist ?>;
2494  display: inline-block;
2495  text-align: center;
2496  cursor: pointer;
2497  /* color: #fff; */
2498  /* background: rgb(<?php echo $colorbackhmenu1 ?>); */
2499  color: #444;
2500  /* border: 1px solid #aaa; */
2501  /* border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); */
2502 
2503  border-top-right-radius: 0 !important;
2504  border-bottom-right-radius: 0 !important;
2505  border-top-left-radius: 0 !important;
2506  border-bottom-left-radius: 0 !important;
2507 }
2508 .butActionNew, .butActionNewRefused, .butActionNew:link, .butActionNew:visited, .butActionNew:hover, .butActionNew:active {
2509  text-decoration: none;
2510  text-transform: uppercase;
2511  font-weight: normal;
2512 
2513  margin: 0em 0.3em 0 0.3em !important;
2514  padding: 0.2em <?php echo ($dol_optimize_smallscreen?'0.4':'0.7'); ?>em 0.3em;
2515  font-family: <?php print $fontlist ?>;
2516  display: inline-block;
2517  /* text-align: center; New button are on right of screen */
2518  cursor: pointer;
2519  /*color: #fff !important;
2520  background: rgb(<?php echo $colorbackhmenu1 ?>);
2521  border: 1px solid rgb(<?php echo $colorbackhmenu1 ?>);
2522  border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
2523  border-top-right-radius: 0 !important;
2524  border-bottom-right-radius: 0 !important;
2525  border-top-left-radius: 0 !important;
2526  border-bottom-left-radius: 0 !important;*/
2527 }
2528 a.butActionNew>span.fa-plus-circle, a.butActionNew>span.fa-plus-circle:hover { padding-left: 6px; font-size: 1.5em; border: none; box-shadow: none; webkit-box-shadow: none; }
2529 a.butActionNewRefused>span.fa-plus-circle, a.butActionNewRefused>span.fa-plus-circle:hover { padding-left: 6px; font-size: 1.5em; border: none; box-shadow: none; webkit-box-shadow: none; }
2530 
2531 .butAction:hover {
2532  -webkit-box-shadow: 0px 0px 6px 1px rgba(50, 50, 50, 0.4), 0px 0px 0px rgba(60,60,60,0.1);
2533  box-shadow: 0px 0px 6px 1px rgba(50, 50, 50, 0.4), 0px 0px 0px rgba(60,60,60,0.1);
2534 }
2535 .butActionNew:hover {
2536  text-decoration: underline;
2537  box-shadow: unset !important;
2538 }
2539 
2540 .butActionDelete, .butActionDelete:link, .butActionDelete:visited, .butActionDelete:hover, .butActionDelete:active, .buttonDelete {
2541  background: rgb(234, 228, 225);
2542  /* border: 1px solid #633; */
2543  color: #633;
2544 }
2545 
2546 .butActionDelete:hover {
2547  -webkit-box-shadow: 0px 0px 6px 1px rgba(50, 50, 50, 0.4), 0px 0px 0px rgba(60,60,60,0.1);
2548  box-shadow: 0px 0px 6px 1px rgba(50, 50, 50, 0.4), 0px 0px 0px rgba(60,60,60,0.1);
2549 }
2550 
2551 .butActionRefused {
2552  text-decoration: none !important;
2553  text-transform: uppercase;
2554  font-weight: bold !important;
2555 
2556  white-space: nowrap !important;
2557  cursor: not-allowed !important;
2558  margin: 0em <?php echo ($dol_optimize_smallscreen?'0.6':'0.9'); ?>em;
2559  padding: 0.6em <?php echo ($dol_optimize_smallscreen?'0.6':'0.7'); ?>em;
2560  font-family: <?php print $fontlist ?> !important;
2561  display: inline-block;
2562  text-align: center;
2563  cursor: pointer;
2564  color: #999 !important;
2565  border: 1px solid #ccc;
2566  box-sizing: border-box;
2567  -moz-box-sizing: border-box;
2568  -webkit-box-sizing: border-box;
2569 }
2570 .butActionNewRefused, .butActionNewRefused:link, .butActionNewRefused:visited, .butActionNewRefused:hover, .butActionNewRefused:active {
2571  text-decoration: none !important;
2572  text-transform: uppercase;
2573  font-weight: normal !important;
2574 
2575  white-space: nowrap !important;
2576  cursor: not-allowed !important;
2577  margin: 0em <?php echo ($dol_optimize_smallscreen?'0.7':'0.9'); ?>em;
2578  padding: 0.2em <?php echo ($dol_optimize_smallscreen?'0.4':'0.7'); ?>em;
2579  font-family: <?php print $fontlist ?> !important;
2580  display: inline-block;
2581  /* text-align: center; New button are on right of screen */
2582  cursor: pointer;
2583  color: #999 !important;
2584  padding-top: 0.2em;
2585  box-shadow: none !important;
2586  -webkit-box-shadow: none !important;
2587 }
2588 
2589 .butActionTransparent {
2590  color: #222 ! important;
2591  background-color: transparent ! important;
2592 }
2593 
2594 <?php if (! empty($conf->global->MAIN_BUTTON_HIDE_UNAUTHORIZED) && (! $user->admin)) { ?>
2595 .butActionRefused, .butActionNewRefused {
2596  display: none;
2597 }
2598 <?php } ?>
2599 
2600 
2601 
2602 /* ============================================================================== */
2603 /* Tables */
2604 /* ============================================================================== */
2605 
2606 .allwidth {
2607  width: 100%;
2608 }
2609 
2610 #undertopmenu {
2611  background-repeat: repeat-x;
2612  margin-top: <?php echo ($dol_hide_topmenu?'6':'0'); ?>px;
2613 }
2614 
2615 
2616 .paddingrightonly {
2617  border-collapse: collapse;
2618  border: 0px;
2619  margin-left: 0px;
2620  padding-<?php print $left; ?>: 0px !important;
2621  padding-<?php print $right; ?>: 4px !important;
2622 }
2623 .nocellnopadd {
2624  list-style-type:none;
2625  margin: 0px !important;
2626  padding: 0px !important;
2627 }
2628 tr.nocellnopadd td.nobordernopadding, tr.nocellnopadd td.nocellnopadd
2629 {
2630  border: 0px;
2631 }
2632 
2633 .notopnoleft {
2634  border-collapse: collapse;
2635  border: 0px;
2636  padding-top: 0px;
2637  padding-<?php print $left; ?>: 0px;
2638  padding-<?php print $right; ?>: 16px;
2639  padding-bottom: 4px;
2640  margin-right: 0px;
2641 }
2642 .notopnoleftnoright {
2643  border-collapse: collapse;
2644  border: 0px;
2645  padding-top: 0px;
2646  padding-left: 0px;
2647  padding-right: 0px;
2648  padding-bottom: 4px;
2649  margin: 0px 0px 0px 0px;
2650 }
2651 
2652 
2653 table.border, table.bordernooddeven, table.dataTable, .table-border, .table-border-col, .table-key-border-col, .table-val-border-col, div.border {
2654  border-collapse: collapse !important;
2655  padding: 1px 2px 1px 3px; /* t r b l */
2656 }
2657 table.borderplus {
2658  border: 1px solid #BBB;
2659 }
2660 .border tbody tr, .bordernooddeven tbody tr, .border tbody tr td, .bordernooddeven 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 {
2661  height: 22px;
2662 }
2663 tr.liste_titre.box_titre td table td, .bordernooddeven tr td {
2664  height: 22px;
2665 }
2666 
2667 div.tabBar div.border .table-border-row, div.tabBar div.border .table-key-border-col, div.tabBar .table-val-border-col {
2668  vertical-align: middle;
2669 }
2670 div .tdtop {
2671  vertical-align: top !important;
2672  /* padding-top: 8px !important; */
2673  padding-bottom: 2px !important;
2674  padding-bottom: 0px;
2675 }
2676 
2677 table.border td, table.bordernooddeven td, div.border div div.tagtd {
2678  padding: 5px 2px 5px 2px;
2679  border-collapse: collapse;
2680 }
2681 div.tabBar .fichecenter table.border>tbody>tr>td, div.tabBar .fichecenter div.border div div.tagtd, div.tabBar div.border div div.tagtd
2682 {
2683  padding-top: 5px;
2684  border-bottom: 1px solid #E0E0E0;
2685 }
2686 
2687 td.border, div.tagtable div div.border {
2688  border-top: 1px solid #000000;
2689  border-right: 1px solid #000000;
2690  border-bottom: 1px solid #000000;
2691  border-left: 1px solid #000000;
2692 }
2693 .table-key-border-col {
2694  /* width: 25%; */
2695  vertical-align:top;
2696 }
2697 .table-val-border-col {
2698  width:auto;
2699 }
2700 
2701 
2702 /* Main boxes */
2703 .nobordertop, .nobordertop tr:first-of-type td {
2704  border-top: none !important;
2705 }
2706 .noborderbottom, .noborderbottom tr:last-of-type td {
2707  border-bottom: none !important;
2708 }
2709 .bordertop {
2710  border-top: 1px solid rgb(<?php echo $colortopbordertitle1 ?>);
2711 }
2712 .borderbottom {
2713  border-bottom: 1px solid rgb(<?php echo $colortopbordertitle1 ?>);
2714 }
2715 
2716 
2717 /*.ficheaddleft table.noborder {
2718  margin: 0px 0px 0px 0px;
2719 }*/
2720 table.liste, table.noborder, table.formdoc, div.noborder {
2721  width: 100%;
2722 
2723  border-collapse: separate !important;
2724  border-spacing: 0px;
2725 
2726  border-top-width: <?php echo $borderwidth ?>px;
2727  border-top-color: rgb(<?php echo $colortopbordertitle1 ?>);
2728  border-top-style: solid;
2729  /* border-top-width: 2px;
2730  border-top-color: rgb(<?php echo $colorbackhmenu1 ?>);
2731  border-top-style: solid; */
2732 
2733  border-bottom-width: 1px;
2734  border-bottom-color: rgb(<?php echo $colortopbordertitle1 ?>);
2735  border-bottom-style: solid;
2736 
2737  margin: 0px 0px 5px 0px;
2738 }
2739 div.tabBar div.ficheaddleft table.noborder:last-of-type {
2740  border-bottom: 1px solid rgb(<?php echo $colortopbordertitle1 ?>);
2741 }
2742 div.tabBar table.border>tbody>tr:last-of-type>td {
2743  border-bottom-width: 1px;
2744  border-bottom-color: rgb(<?php echo $colortopbordertitle1 ?>);
2745  border-bottom-style: solid;
2746 }
2747 div.tabBar div.ficheaddleft table.noborder {
2748  border-bottom: none;
2749 }
2750 
2751 table.paddingtopbottomonly tr td {
2752  padding-top: 1px;
2753  padding-bottom: 2px;
2754 }
2755 .liste_titre_filter {
2756  background: rgb(<?php echo $colorbacktitle1; ?>) !important;
2757 }
2758 tr.liste_titre_filter td.liste_titre {
2759  /* border-bottom: 1px solid #ddd; */
2760  padding-top: 1px;
2761  padding-bottom: 0px;
2762 }
2763 .liste_titre_create td, .liste_titre_create th, .liste_titre_create .tagtd
2764 {
2765  border-top-width: 1px;
2766  border-top-color: rgb(<?php echo $colortopbordertitle1 ?>);
2767  border-top-style: solid;
2768 }
2769 /*.liste_titre_create td.nobottom, tr#trlinefordates td {
2770  background-color: rgb(<?php echo $colorbacktitle1; ?>) !important;
2771 }*/
2772 tr#trlinefordates td {
2773  border-bottom: 0px !important;
2774 }
2775 .liste_titre_add td, .liste_titre_add th, .liste_titre_add .tagtd
2776 {
2777  border-top-width: 1px;
2778  border-top-color: rgb(<?php echo $colortopbordertitle1 ?>);
2779  border-top-style: solid;
2780 }
2781 table.liste tr, table.noborder tr, div.noborder form {
2782  border-top-color: #FEFEFE;
2783  min-height: 20px;
2784 }
2785 table.liste th, table.noborder th, table.noborder tr.liste_titre td, table.noborder tr.box_titre td {
2786  padding: 7px 8px 7px 8px; /* t r b l */
2787 }
2788 table.liste td, table.noborder td, div.noborder form div, table.tableforservicepart1 td, table.tableforservicepart2 td {
2789  padding: 7px 8px 7px 8px; /* t r b l */
2790  line-height: 1.2em;
2791  height: 22px;
2792 }
2793 div.liste_titre_bydiv .divsearchfield {
2794  padding: 2px 1px 2px 7px; /* t r b l */
2795 }
2796 
2797 tr.box_titre .nobordernopadding td {
2798  padding: 0 ! important;
2799 }
2800 table.nobordernopadding {
2801  border-collapse: collapse !important;
2802  border: 0;
2803 }
2804 table.nobordernopadding tr {
2805  border: 0 !important;
2806  padding: 0 0 !important;
2807 }
2808 table.nobordernopadding tr td {
2809  border: 0 !important;
2810  padding: 0 3px 0 0;
2811 }
2812 table.border tr td table.nobordernopadding tr td {
2813  padding-top: 0;
2814  padding-bottom: 0;
2815 }
2816 td.borderright {
2817  border: none; /* to erase value for table.nobordernopadding td */
2818  border-right-width: 1px !important;
2819  border-right-color: #BBB !important;
2820  border-right-style: solid !important;
2821 }
2822 
2823 
2824 /* For table with no filter before */
2825 table.listwithfilterbefore {
2826  border-top: none !important;
2827 }
2828 
2829 
2830 .tagtable, .table-border { display: table; }
2831 .tagtr, .table-border-row { display: table-row; }
2832 .tagtd, .table-border-col, .table-key-border-col, .table-val-border-col { display: table-cell; }
2833 
2834 
2835 /* Pagination */
2836 div.refidpadding {
2837  padding-top: 3px;
2838 }
2839 div.refid {
2840  font-weight: bold;
2841  color: rgb(<?php print $colortexttitlenotab; ?>);
2842  font-size: 1.2em;
2843 }
2844 div.refidno {
2845  padding-top: 3px;
2846  font-weight: normal;
2847  color: #444;
2848  font-size: <?php print is_numeric($fontsize)?$fontsize.'px':$fontsize ?>;
2849  line-height: 21px;
2850 }
2851 div.refidno form {
2852  display: inline-block;
2853 }
2854 
2855 div.pagination {
2856  float: right;
2857 }
2858 div.pagination a {
2859  font-weight: normal;
2860 }
2861 /*div.pagination a.butAction, div.fichehalfright a.butAction {
2862  margin-right: 0px !important;
2863 }
2864 div.tabsAction a.butActionDelete:last-child, div.tabsAction a.butAction:last-child {
2865  margin-right: 0px !important;
2866 }*/
2867 div.pagination ul
2868 {
2869  list-style: none;
2870  display: inline-block;
2871  padding-left: 0px;
2872  padding-right: 0px;
2873  margin: 0;
2874 }
2875 div.pagination li {
2876  display: inline-block;
2877  padding-left: 0px;
2878  padding-right: 0px;
2879  padding-top: 6px;
2880  padding-bottom: 5px;
2881 }
2882 .pagination {
2883  display: inline-block;
2884  padding-left: 0;
2885  border-radius: 4px;
2886 }
2887 div.pagination li.pagination a,
2888 div.pagination li.pagination span {
2889  padding: 6px 12px;
2890  line-height: 1.42857143;
2891  color: #000;
2892  text-decoration: none;
2893  background-repeat: repeat-x;
2894 }
2895 div.pagination li.pagination span.inactive {
2896  cursor: default;
2897  color: #ccc;
2898 }
2899 li.noborder.litext, li.noborder.litext a,
2900 div.pagination li a.inactive:hover,
2901 div.pagination li span.inactive:hover {
2902  -webkit-box-shadow: none !important;
2903  box-shadow: none !important;
2904 }
2905 /*div.pagination li.litext {
2906  padding-top: 8px;
2907 }*/
2908 div.pagination li.litext a {
2909  border: none;
2910  padding-right: 10px;
2911  padding-left: 4px;
2912  font-weight: bold;
2913 }
2914 div.pagination li.litext a:hover {
2915  background-color: transparent;
2916  background-image: none;
2917 }
2918 div.pagination li.litext a:hover {
2919  background-color: transparent;
2920  background-image: none;
2921 }
2922 div.pagination li.noborder a:hover {
2923  border: none;
2924  background-color: transparent;
2925 }
2926 div.pagination li a,
2927 div.pagination li span {
2928  /* background-color: #fff; */
2929  /* border: 1px solid #ddd; */
2930 }
2931 div.pagination li:first-child a,
2932 div.pagination li:first-child span {
2933  margin-left: 0;
2934  /*border-top-left-radius: 4px;
2935  border-bottom-left-radius: 4px;*/
2936 }
2937 div.pagination li:last-child a,
2938 div.pagination li:last-child span {
2939  /*border-top-right-radius: 4px;
2940  border-bottom-right-radius: 4px;*/
2941 }
2942 div.pagination li a:hover,
2943 div.pagination li:not(.paginationafterarrows) span:hover,
2944 div.pagination li a:focus,
2945 div.pagination li:not(.paginationafterarrows) span:focus {
2946  -webkit-box-shadow: 0px 0px 6px 1px rgba(50, 50, 50, 0.4), 0px 0px 0px rgba(60,60,60,0.1);
2947  box-shadow: 0px 0px 6px 1px rgba(50, 50, 50, 0.4), 0px 0px 0px rgba(60,60,60,0.1);
2948 }
2949 div.pagination li .active a,
2950 div.pagination li .active span,
2951 div.pagination li .active a:hover,
2952 div.pagination li .active span:hover,
2953 div.pagination li .active a:focus,
2954 div.pagination li .active span:focus {
2955  z-index: 2;
2956  color: #fff;
2957  cursor: default;
2958  background-color: rgb(<?php echo $colorbackhmenu1 ?>);
2959  border-color: #337ab7;
2960 }
2961 div.pagination .disabled span,
2962 div.pagination .disabled span:hover,
2963 div.pagination .disabled span:focus,
2964 div.pagination .disabled a,
2965 div.pagination .disabled a:hover,
2966 div.pagination .disabled a:focus {
2967  color: #777;
2968  cursor: not-allowed;
2969  background-color: #fff;
2970  border-color: #ddd;
2971 }
2972 div.pagination li.pagination .active {
2973  text-decoration: underline;
2974  box-shadow: none;
2975 }
2976 .paginationafterarrows .nohover {
2977  box-shadow: none !important;
2978 }
2979 
2980 div.pagination li.paginationafterarrows {
2981  margin-left: 10px;
2982 }
2983 .paginationatbottom {
2984  margin-top: 9px;
2985 }
2986 
2987 
2988 
2989 
2990 /* Set the color for hover lines */
2991 .oddeven:hover, .evenodd:hover, .impair:hover, .pair:hover
2992 {
2993 <?php if ($colorbacklinepairhover) { ?>
2994  background: rgb(<?php echo $colorbacklinepairhover; ?>) !important; /* Must be background to be stronger than background of odd or even */
2995 <?php } ?>
2996 }
2997 <?php if ($colorbacklinepairchecked) { ?>
2998 .highlight {
2999  background: rgb(<?php echo $colorbacklinepairchecked; ?>) !important; /* Must be background to be stronger than background of odd or even */
3000 }
3001 <?php } ?>
3002 
3003 .nohover:hover {
3004  background: unset;
3005 }
3006 .nohoverborder:hover {
3007  border: unset;
3008  box-shadow: unset;
3009  -webkit-box-shadow: unset;
3010 }
3011 .oddeven, .evenodd, .impair, .nohover .impair:hover, tr.impair td.nohover
3012 {
3013  font-family: <?php print $fontlist ?>;
3014  margin-bottom: 1px;
3015  color: #202020;
3016 }
3017 .impair, .nohover .impair:hover, tr.impair td.nohover
3018 {
3019  background: #<?php echo colorArrayToHex(colorStringToArray($colorbacklineimpair1)); ?>;
3020 }
3021 #GanttChartDIV {
3022  background-color: #<?php echo colorArrayToHex(colorStringToArray($colorbacklineimpair1)); ?>;
3023 }
3024 
3025 .oddeven, .evenodd, .pair, .nohover .pair:hover, tr.pair td.nohover {
3026  font-family: <?php print $fontlist ?>;
3027  margin-bottom: 1px;
3028  color: #202020;
3029 }
3030 .pair, .nohover .pair:hover, tr.pair td.nohover {
3031  background-color: #<?php echo colorArrayToHex(colorStringToArray($colorbacklinepair1)); ?>;
3032 }
3033 
3034 table.dataTable tr.oddeven {
3035  background-color: #<?php echo colorArrayToHex(colorStringToArray($colorbacklinepair1)); ?> !important;
3036 }
3037 
3038 /* For no hover style */
3039 td.oddeven, table.nohover tr.impair, table.nohover tr.pair, table.nohover tr.impair td, table.nohover tr.pair td, tr.nohover td, form.nohover, form.nohover:hover {
3040  background-color: #<?php echo colorArrayToHex(colorStringToArray($colorbacklineimpair1)); ?> !important;
3041  background: #<?php echo colorArrayToHex(colorStringToArray($colorbacklineimpair1)); ?> !important;
3042 }
3043 td.evenodd, tr.nohoverpair td, #trlinefordates td {
3044  background-color: #<?php echo colorArrayToHex(colorStringToArray($colorbacklinepair1)); ?> !important;
3045  background: #<?php echo colorArrayToHex(colorStringToArray($colorbacklinepair1)); ?> !important;
3046 }
3047 .trforbreak td {
3048  background-color: #<?php echo colorArrayToHex(colorStringToArray($colorbacklinebreak)); ?> !important;
3049 }
3050 
3051 table.dataTable td {
3052  padding: 5px 8px 5px 8px !important;
3053 }
3054 tr.pair td, tr.impair td, form.impair div.tagtd, form.pair div.tagtd, div.impair div.tagtd, div.pair div.tagtd, div.liste_titre div.tagtd {
3055  padding: 7px 8px 7px 8px;
3056  border-bottom: 1px solid #ddd;
3057 }
3058 form.pair, form.impair {
3059  font-weight: normal;
3060 }
3061 form.tagtr:last-of-type div.tagtd, tr.pair:last-of-type td, tr.impair:last-of-type td {
3062  border-bottom: 0px !important;
3063 }
3064 tr.pair td .nobordernopadding tr td, tr.impair td .nobordernopadding tr td {
3065  border-bottom: 0px !important;
3066 }
3067 tr.nobottom td, tr.nobottom , td.nobottom {
3068  border-bottom: 0px !important;
3069 }
3070 div.liste_titre .tagtd {
3071  vertical-align: middle;
3072 }
3073 div.liste_titre {
3074  min-height: 26px !important; /* We cant use height because it's a div and it should be higher if content is more. but min-height does not work either for div */
3075 
3076  padding-top: 2px;
3077  padding-bottom: 2px;
3078 }
3079 div.liste_titre_bydiv {
3080  border-top-width: <?php echo $borderwidth ?>px;
3081  border-top-color: rgb(<?php echo $colortopbordertitle1 ?>);
3082  border-top-style: solid;
3083 
3084  border-collapse: collapse;
3085  display: table;
3086  padding: 2px 0px 2px 0;
3087  box-shadow: none;
3088  /*width: calc(100% - 1px); 1px more, i don't know why so i remove */
3089  width: calc(100%);
3090 }
3091 tr.liste_titre, tr.liste_titre_sel, form.liste_titre, form.liste_titre_sel, table.dataTable.tr
3092 {
3093  height: 26px !important;
3094 }
3095 div.colorback
3096 {
3097  background: rgb(<?php echo $colorbacktitle1; ?>);
3098  padding: 10px;
3099  margin-top: 5px;
3100 }
3101 div.liste_titre_bydiv, .liste_titre div.tagtr, tr.liste_titre, tr.liste_titre_sel, form.liste_titre, form.liste_titre_sel, table.dataTable thead tr
3102 {
3103  background: rgb(<?php echo $colorbacktitle1; ?>);
3104  font-weight: <?php echo $useboldtitle?'bold':'normal'; ?>;
3105 /* border-bottom: 1px solid #ddd; */
3106 
3107  color: rgb(<?php echo $colortexttitle; ?>);
3108  font-family: <?php print $fontlist ?>;
3109  text-align: <?php echo $left; ?>;
3110 }
3111 tr.liste_titre th, tr.liste_titre td, th.liste_titre
3112 {
3113  border-bottom: 1px solid rgb(<?php echo $colortopbordertitle1 ?>);
3114 }
3115 tr.liste_titre:first-child th, tr:first-child th.liste_titre {
3116 /* border-bottom: 1px solid #ddd ! important; */
3117  border-bottom: unset;
3118 }
3119 tr.liste_titre th, th.liste_titre, tr.liste_titre td, td.liste_titre, form.liste_titre div
3120 {
3121  font-family: <?php print $fontlist ?>;
3122  font-weight: <?php echo $useboldtitle?'bold':'normal'; ?>;
3123  vertical-align: middle;
3124  height: 24px;
3125 }
3126 tr.liste_titre th a, th.liste_titre a, tr.liste_titre td a, td.liste_titre a, form.liste_titre div a, div.liste_titre a {
3127  text-shadow: none !important;
3128 }
3129 tr.liste_titre_topborder td {
3130  border-top-width: <?php echo $borderwidth; ?>px;
3131  border-top-color: rgb(<?php echo $colortopbordertitle1 ?>);
3132  border-top-style: solid;
3133 }
3134 .liste_titre td a {
3135  text-shadow: none !important;
3136  color: rgb(<?php echo $colortexttitle; ?>);
3137 }
3138 .liste_titre td a.notasortlink {
3139  color: rgb(<?php echo $colortextlink; ?>);
3140 }
3141 .liste_titre td a.notasortlink:hover {
3142  background: transparent;
3143 }
3144 tr.liste_titre:last-child th.liste_titre, tr.liste_titre:last-child th.liste_titre_sel, tr.liste_titre td.liste_titre, tr.liste_titre td.liste_titre_sel, form.liste_titre div.tagtd { /* For last line of table headers only */
3145  /* border-bottom: 1px solid #ddd; */
3146  border-bottom: unset;
3147 }
3148 
3149 
3150 tr.liste_titre_sel th, th.liste_titre_sel, tr.liste_titre_sel td, td.liste_titre_sel, form.liste_titre_sel div
3151 {
3152  font-family: <?php print $fontlist ?>;
3153  font-weight: normal;
3154  border-bottom: 1px solid #FDFFFF;
3155  text-decoration: underline;
3156 }
3157 input.liste_titre {
3158  background: transparent;
3159  border: 0px;
3160 }
3161 .listactionlargetitle .liste_titre {
3162  line-height: 24px;
3163 }
3164 .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 {
3165  color: #551188;
3166  font-weight: normal;
3167 }
3168 .noborder tr.liste_total td, tr.liste_total td, form.liste_total div {
3169  white-space: nowrap;
3170 }
3171 .noborder tr.liste_total_wrap td, tr.liste_total_wrap td, form.liste_total_wrap div {
3172  white-space: normal;
3173 }
3174 form.liste_total div {
3175  border-top: 1px solid #DDDDDD;
3176 }
3177 tr.liste_sub_total, tr.liste_sub_total td {
3178  border-bottom: 1px solid #aaa;
3179 }
3180 /* to avoid too much border on contract card */
3181 .tableforservicepart1 .impair, .tableforservicepart1 .pair, .tableforservicepart2 .impair, .tableforservicepart2 .pair {
3182  background: #FFF;
3183 }
3184 .tableforservicepart1 tbody tr td, .tableforservicepart2 tbody tr td {
3185  border-bottom: none;
3186 }
3187 table.tableforservicepart1:first-of-type tr:first-of-type td {
3188  border-top: 1px solid #888;
3189 }
3190 table.tableforservicepart1 tr td {
3191  border-top: 0px;
3192 }
3193 
3194 .paymenttable, .margintable {
3195  /*border-top-width: <?php echo $borderwidth ?>px !important;
3196  border-top-color: rgb(<?php echo $colortopbordertitle1 ?>) !important;
3197  border-top-style: solid !important;*/
3198  border-top: none !important;
3199  margin: 0px 0px 0px 0px !important;
3200 }
3201 .paymenttable tr td:first-child, .margintable tr td:first-child
3202 {
3203  padding-left: 2px;
3204 }
3205 .paymenttable, .margintable tr td {
3206  height: 22px;
3207 }
3208 
3209 /* Disable shadows */
3210 .noshadow {
3211  -webkit-box-shadow: 0px 0px 0px #DDD !important;
3212  box-shadow: 0px 0px 0px #DDD !important;
3213 }
3214 
3215 div.tabBar .noborder {
3216  -webkit-box-shadow: 0px 0px 0px #DDD !important;
3217  box-shadow: 0px 0px 0px #DDD !important;
3218 }
3219 
3220 #tablelines tr.liste_titre td, .paymenttable tr.liste_titre td, .margintable tr.liste_titre td, .tableforservicepart1 tr.liste_titre td {
3221  border-bottom: 1px solid rgb(<?php echo $colortopbordertitle1 ?>) !important;
3222 }
3223 #tablelines tr td {
3224  height: unset;
3225 }
3226 
3227 /* Prepare to remove class pair - impair */
3228 
3229 .noborder > tbody > tr:nth-child(even):not(.liste_titre), .liste > tbody > tr:nth-child(even):not(.liste_titre),
3230 div:not(.fichecenter):not(.fichehalfleft):not(.ficheaddleft) > .border > tbody > tr:nth-of-type(even):not(.liste_titre), .liste > tbody > tr:nth-of-type(even):not(.liste_titre) {
3231  background: linear-gradient(bottom, rgb(<?php echo $colorbacklineimpair1; ?>) 85%, rgb(<?php echo $colorbacklineimpair2; ?>) 100%);
3232  background: -o-linear-gradient(bottom, rgb(<?php echo $colorbacklineimpair1; ?>) 85%, rgb(<?php echo $colorbacklineimpair2; ?>) 100%);
3233  background: -moz-linear-gradient(bottom, rgb(<?php echo $colorbacklineimpair1; ?>) 85%, rgb(<?php echo $colorbacklineimpair2; ?>) 100%);
3234  background: -webkit-linear-gradient(bottom, rgb(<?php echo $colorbacklineimpair1; ?>) 85%, rgb(<?php echo $colorbacklineimpair2; ?>) 100%);
3235  background: -ms-linear-gradient(bottom, rgb(<?php echo $colorbacklineimpair1; ?>) 85%, rgb(<?php echo $colorbacklineimpair2; ?>) 100%);
3236 }
3237 .noborder > tbody > tr:nth-child(even):not(:last-child) td:not(.liste_titre), .liste > tbody > tr:nth-child(even):not(:last-child) td:not(.liste_titre) {
3238  border-bottom: 1px solid #ddd;
3239 }
3240 
3241 .noborder > tbody > tr:nth-child(odd):not(.liste_titre), .liste > tbody > tr:nth-child(odd):not(.liste_titre),
3242 div:not(.fichecenter):not(.fichehalfleft):not(.ficheaddleft) > .border > tbody > tr:nth-of-type(odd):not(.liste_titre), .liste > tbody > tr:nth-of-type(odd):not(.liste_titre)
3243 {
3244  background: linear-gradient(bottom, rgb(<?php echo $colorbacklinepair1; ?>) 85%, rgb(<?php echo $colorbacklinepair2; ?>) 100%);
3245  background: -o-linear-gradient(bottom, rgb(<?php echo $colorbacklinepair1; ?>) 85%, rgb(<?php echo $colorbacklinepair2; ?>) 100%);
3246  background: -moz-linear-gradient(bottom, rgb(<?php echo $colorbacklinepair1; ?>) 85%, rgb(<?php echo $colorbacklinepair2; ?>) 100%);
3247  background: -webkit-linear-gradient(bottom, rgb(<?php echo $colorbacklinepair1; ?>) 85%, rgb(<?php echo $colorbacklinepair2; ?>) 100%);
3248  background: -ms-linear-gradient(bottom, rgb(<?php echo $colorbacklinepair1; ?>) 85%, rgb(<?php echo $colorbacklinepair2; ?>) 100%);
3249 }
3250 .noborder > tbody > tr:nth-child(odd):not(:last-child) td:not(.liste_titre), .liste > tbody > tr:nth-child(odd):not(:last-child) td:not(.liste_titre) {
3251  border-bottom: 1px solid #ddd;
3252 }
3253 
3254 ul.noborder li:nth-child(even):not(.liste_titre) {
3255  background-color: rgb(<?php echo $colorbacklinepair2; ?>) !important;
3256 }
3257 
3258 
3259 /*
3260  * Boxes
3261  */
3262 
3263 .box {
3264  overflow-x: auto;
3265  min-height: 40px;
3266 }
3267 /*.ficheaddleft div.boxstats, .ficheaddright div.boxstats {
3268  border: none;
3269 }*/
3270 .boxstatsborder {
3271  /* border: 1px solid #CCC !important; */
3272 }
3273 .boxstats, .boxstats130 {
3274  display: inline-block;
3275  margin: 8px;
3276  margin-top: 5px;
3277  margin-bottom: 5px;
3278  text-align: center;
3279 
3280  background: #fcfcfc;
3281  border: 1px solid #eee;
3282  /* border-left: 6px solid #ddd; */
3283  box-shadow: 1px 1px 8px #ddd;
3284  border-radius: 0px;
3285 }
3286 .boxstats, .boxstats130, .boxstatscontent {
3287  white-space: nowrap;
3288  overflow: hidden;
3289  text-overflow: ellipsis;
3290 }
3291 .boxstats130 {
3292  width: 158px;
3293  height: 48px;
3294  padding: 3px;
3295 }
3296 .boxstats {
3297  padding: 3px;
3298  width: 121px;
3299 }
3300 .boxstatscontent {
3301  padding: 3px;
3302 }
3303 .boxstatsempty {
3304  width: 121px;
3305  padding-left: 3px;
3306  padding-right: 3px;
3307  margin-left: 8px;
3308  margin-right: 8px;
3309 }
3310 .boxstats150empty {
3311  width: 158px;
3312  padding-left: 3px;
3313  padding-right: 3px;
3314  margin-left: 8px;
3315  margin-right: 8px;
3316 }
3317 
3318 @media only screen and (max-width: 767px)
3319 {
3320  .boxstats, .boxstats130 {
3321  margin: 3px;
3322  /*border: 1px solid #ccc;
3323  box-shadow: none; */
3324  }
3325  .boxstats130 {
3326  text-align: <?php echo $left; ?>
3327  }
3328  .thumbstat {
3329  flex: 1 1 110px;
3330  margin-bottom: 8px;
3331  }
3332  .thumbstat150 {
3333  flex: 1 1 110px;
3334  margin-bottom: 8px;
3335  width: 160px;
3336  }
3337  .dashboardlineindicator {
3338  float: left;
3339  padding-left: 5px;
3340  }
3341  .boxstats130 {
3342  width: 148px;
3343  }
3344  .boxstats {
3345  width: 111px;
3346  }
3347  .boxstatsempty {
3348  width: 111px;
3349  }
3350 
3351 }
3352 
3353 .boxstats:hover {
3354  box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.20);
3355 }
3356 span.boxstatstext {
3357  opacity: 0.8;
3358  line-height: 18px;
3359  color: #000;
3360 }
3361 span.boxstatstext img, a.dashboardlineindicatorlate img {
3362  border: 0;
3363 }
3364 a img {
3365  border: 0;
3366 }
3367 .boxstatsindicator.thumbstat150 { /* If we remove this, box position is ko on ipad */
3368  display: inline-flex;
3369 }
3370 span.boxstatsindicator {
3371  font-size: 130%;
3372  font-weight: normal;
3373  line-height: 29px;
3374 }
3375 span.dashboardlineindicator, span.dashboardlineindicatorlate {
3376  font-size: 130%;
3377  font-weight: normal;
3378 }
3379 .dashboardlineindicatorlate img {
3380  width: 16px;
3381 }
3382 span.dashboardlineok {
3383  color: #008800;
3384 }
3385 span.dashboardlineko {
3386  color: #FFF;
3387  /*color: #8c4446 ! important;
3388  padding-left: 1px;*/
3389 
3390  font-size: 80%;
3391 }
3392 .dashboardlinelatecoin {
3393  float: right;
3394  position: relative;
3395  text-align: right;
3396  top: -26px;
3397  padding: 0px 5px 0px 5px;
3398  border-radius: .25em;
3399 
3400  background-color: #9f4705;
3401 }
3402 .imglatecoin {
3403  padding: 1px 3px 1px 1px;
3404  margin-left: 4px;
3405  margin-right: 2px;
3406  background-color: #8c4446;
3407  color: #FFFFFF ! important;
3408  border-radius: .25em;
3409  display: inline-block;
3410  vertical-align: middle;
3411 }
3412 .boxtable {
3413  margin-bottom: 8px !important;
3414  border-bottom-width: 1px;
3415 
3416  border-top: <?php echo $borderwidth ?>px solid rgb(<?php echo $colortopbordertitle1 ?>);
3417  /* border-top: 2px solid rgb(<?php echo $colorbackhmenu1 ?>) !important; */
3418 }
3419 table.noborder.boxtable tr td {
3420  height: unset;
3421 }
3422 .boxtablenotop {
3423  border-top-width: 0 !important;
3424 }
3425 .boxtablenobottom {
3426  border-bottom-width: 0 !important;
3427 }
3428 .boxtable .fichehalfright, .boxtable .fichehalfleft {
3429  min-width: 275px; /* increasing this, make chart on box not side by side on laptops */
3430 }
3431 .tdboxstats {
3432  text-align: center;
3433 }
3434 .boxworkingboard .tdboxstats {
3435  padding-left: 0px !important;
3436  padding-right: 0px !important;
3437 }
3438 a.valignmiddle.dashboardlineindicator {
3439  line-height: 30px;
3440 }
3441 
3442 .box {
3443  padding-right: 0px;
3444  padding-left: 0px;
3445  padding-bottom: 25px;
3446 }
3447 
3448 tr.box_titre {
3449  height: 26px;
3450 
3451  /* TO MATCH BOOTSTRAP */
3452  /*background: #ddd;
3453  color: #000 !important;*/
3454 
3455  /* TO MATCH ELDY */
3456  background: rgb(<?php echo $colorbacktitle1; ?>)
3457  color: rgb(<?php echo $colortexttitle; ?>);
3458  font-family: <?php print $fontlist ?>, sans-serif;
3459  font-weight: <?php echo $useboldtitle?'bold':'normal'; ?>;
3460  border-bottom: 1px solid #FDFFFF;
3461  white-space: nowrap;
3462 }
3463 
3464 tr.box_titre td.boxclose {
3465  width: 30px;
3466 }
3467 img.boxhandle, img.boxclose {
3468  padding-left: 5px;
3469 }
3470 
3471 .formboxfilter {
3472  vertical-align: middle;
3473  margin-bottom: 6px;
3474 }
3475 .formboxfilter input[type=image]
3476 {
3477  top: 5px;
3478  position: relative;
3479 }
3480 .boxfilter {
3481  margin-bottom: 2px;
3482  margin-right: 1px;
3483 }
3484 .prod_entry_mode_free, .prod_entry_mode_predef {
3485  height: 26px !important;
3486  vertical-align: middle;
3487 }
3488 
3489 .modulebuilderbox {
3490  border: 1px solid #888;
3491  padding: 16px;
3492 }
3493 
3494 
3495 /*
3496  * Ok, Warning, Error
3497  */
3498 
3499 .ok { color: #114466; }
3500 .warning { color: #887711; }
3501 .error { color: #550000 !important; font-weight: bold; }
3502 
3503 div.ok {
3504  color: #114466;
3505 }
3506 
3507 /* Info admin */
3508 div.info {
3509  border-<?php print $left; ?>: solid 5px #87cfd2;
3510  padding-top: 8px;
3511  padding-left: 10px;
3512  padding-right: 4px;
3513  padding-bottom: 8px;
3514  margin: 0.5em 0em 0.5em 0em;
3515  background: #eff8fc;
3516 }
3517 
3518 /* Warning message */
3519 div.warning {
3520  border-<?php print $left; ?>: solid 5px #f2cf87;
3521  padding-top: 8px;
3522  padding-left: 10px;
3523  padding-right: 4px;
3524  padding-bottom: 8px;
3525  margin: 0.5em 0em 0.5em 0em;
3526  background: #fcf8e3;
3527 }
3528 div.warning a, div.info a, div.error a {
3529  color: rgb(<?php echo $colortextlink; ?>);
3530 }
3531 
3532 /* Error message */
3533 div.error {
3534  border-<?php print $left; ?>: solid 5px #f28787;
3535  padding-top: 8px;
3536  padding-left: 10px;
3537  padding-right: 4px;
3538  padding-bottom: 8px;
3539  margin: 0.5em 0em 0.5em 0em;
3540  background: #EFCFCF;
3541 }
3542 
3543 
3544 /*
3545  * Liens Payes/Non payes
3546  */
3547 
3548 a.normal:link { font-weight: normal }
3549 a.normal:visited { font-weight: normal }
3550 a.normal:active { font-weight: normal }
3551 a.normal:hover { font-weight: normal }
3552 
3553 a.impayee:link { font-weight: bold; color: #550000; }
3554 a.impayee:visited { font-weight: bold; color: #550000; }
3555 a.impayee:active { font-weight: bold; color: #550000; }
3556 a.impayee:hover { font-weight: bold; color: #550000; }
3557 
3558 
3559 /*
3560  * External web site
3561  */
3562 
3563 .framecontent {
3564  width: 100%;
3565  height: 100%;
3566 }
3567 
3568 .framecontent iframe {
3569  width: 100%;
3570  height: 100%;
3571 }
3572 
3573 
3574 /*
3575  * Other
3576  */
3577 
3578 div.boximport {
3579  min-height: unset;
3580 }
3581 
3582 .product_line_stock_ok { color: #002200; }
3583 .product_line_stock_too_low { color: #884400; }
3584 
3585 .fieldrequired { font-weight: bold; color: #000055; }
3586 
3587 .widthpictotitle { width: 40px; text-align: <?php echo $left; ?>; }
3588 
3589 .dolgraphtitle { margin-top: 6px; margin-bottom: 4px; }
3590 .dolgraphtitlecssboxes { /* margin: 0px; */ }
3591 .legendColorBox, .legendLabel { border: none !important; }
3592 div.dolgraph div.legend, div.dolgraph div.legend div { background-color: rgba(255,255,255,0) !important; }
3593 div.dolgraph div.legend table tbody tr { height: auto; }
3594 td.legendColorBox { padding: 2px 2px 2px 0 !important; }
3595 td.legendLabel { padding: 2px 2px 2px 0 !important; }
3596 
3597 label.radioprivate {
3598  white-space: nowrap;
3599 }
3600 
3601 .photo {
3602  border: 0px;
3603 }
3604 .photowithmargin {
3605  margin-bottom: 2px;
3606  margin-top: 10px;
3607 }
3608 .photowithborder {
3609  border: 1px solid #f0f0f0;
3610 }
3611 .photointooltip {
3612  margin-top: 6px;
3613  margin-bottom: 6px;
3614  text-align: center;
3615 }
3616 .photodelete {
3617  margin-top: 6px !important;
3618 }
3619 
3620 .logo_setup
3621 {
3622  content:url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/logo_setup.svg',1) ?>); /* content is used to best fit the container */
3623  display: inline-block;
3624 }
3625 .nographyet
3626 {
3627  content:url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/nographyet.svg',1) ?>);
3628  display: inline-block;
3629  opacity: 0.1;
3630  background-repeat: no-repeat;
3631 }
3632 .nographyettext
3633 {
3634  opacity: 0.5;
3635 }
3636 
3637 div.titre {
3638  font-family: <?php print $fontlist ?>;
3639  font-size: 1.1em;
3640  /* font-weight: bold; */
3641  color: rgb(<?php print $colortexttitlenotab; ?>);
3642  text-decoration: none;
3643  padding-top: 5px;
3644  padding-bottom: 5px;
3645 }
3646 
3647 #dolpaymenttable { min-width: 320px; font-size: 16px; } /* Width must have min to make stripe input area visible. Lower than 320 makes input area crazy for credit card that need zip code */
3648 #tablepublicpayment { border: 1px solid #CCCCCC !important; width: 100%; padding: 20px; }
3649 #tablepublicpayment .CTableRow1 { background-color: #F0F0F0 !important; }
3650 #tablepublicpayment tr.liste_total { border-bottom: 1px solid #CCCCCC !important; }
3651 #tablepublicpayment tr.liste_total td { border-top: none; }
3652 
3653 .divmainbodylarge { margin-left: 40px; margin-right: 40px; }
3654 #divsubscribe { max-width: 900px; }
3655 #tablesubscribe { width: 100%; }
3656 
3657 div#card-element {
3658  border: 1px solid #ccc;
3659 }
3660 div#card-errors {
3661  color: #fa755a;
3662  text-align: center;
3663  padding-top: 3px;
3664 }
3665 
3666 
3667 /*
3668  * Effect Postit
3669  */
3670 .effectpostit
3671 {
3672  position: relative;
3673 }
3674 .effectpostit:before, .effectpostit:after
3675 {
3676  z-index: -1;
3677  position: absolute;
3678  content: "";
3679  bottom: 15px;
3680  left: 10px;
3681  width: 50%;
3682  top: 80%;
3683  max-width:300px;
3684  background: #777;
3685  -webkit-box-shadow: 0 15px 10px #777;
3686  box-shadow: 0 15px 10px #777;
3687  -webkit-transform: rotate(-3deg);
3688  -moz-transform: rotate(-3deg);
3689  -o-transform: rotate(-3deg);
3690  -ms-transform: rotate(-3deg);
3691  transform: rotate(-3deg);
3692 }
3693 .effectpostit:after
3694 {
3695  -webkit-transform: rotate(3deg);
3696  -moz-transform: rotate(3deg);
3697  -o-transform: rotate(3deg);
3698  -ms-transform: rotate(3deg);
3699  transform: rotate(3deg);
3700  right: 10px;
3701  left: auto;
3702 }
3703 
3704 
3705 
3706 /* ============================================================================== */
3707 /* Formulaire confirmation (When Ajax JQuery is used) */
3708 /* ============================================================================== */
3709 
3710 .ui-dialog-titlebar {
3711 }
3712 .ui-dialog-content {
3713 }
3714 
3715 
3716 /* ============================================================================== */
3717 /* For content of image preview */
3718 /* ============================================================================== */
3719 
3720 /*
3721 .ui-dialog-content.ui-widget-content > object {
3722  max-height: none;
3723  width: auto; margin-left: auto; margin-right: auto; display: block;
3724 }
3725 */
3726 
3727 
3728 /* ============================================================================== */
3729 /* Formulaire confirmation (When HTML is used) */
3730 /* ============================================================================== */
3731 
3732 table.valid {
3733  /* border-top: solid 1px #E6E6E6; */
3734  border-<?php print $left; ?>: solid 5px #f2cf87;
3735  /* border-<?php print $right; ?>: solid 1px #444444;
3736  border-bottom: solid 1px #555555; */
3737  padding-top: 8px;
3738  padding-left: 10px;
3739  padding-right: 4px;
3740  padding-bottom: 4px;
3741  margin: 0px 0px;
3742  background: #fcf8e3;
3743 }
3744 
3745 .validtitre {
3746  font-weight: bold;
3747 }
3748 
3749 
3750 /* ============================================================================== */
3751 /* Tooltips */
3752 /* ============================================================================== */
3753 
3754 /* For tooltip using dialog */
3755 .ui-dialog.highlight.ui-widget.ui-widget-content.ui-front {
3756  z-index: 3000;
3757 }
3758 
3759 div.ui-tooltip {
3760  max-width: <?php print dol_size(600,'width'); ?>px !important;
3761 }
3762 .mytooltip {
3763  border-top: solid 1px #BBBBBB;
3764  border-<?php print $left; ?>: solid 1px #BBBBBB;
3765  border-<?php print $right; ?>: solid 1px #444444;
3766  border-bottom: solid 1px #444444;
3767  padding: 5px 20px;
3768  border-radius: 0;
3769  box-shadow: 0 0 4px grey;
3770  margin: 2px;
3771  font-stretch: condensed;
3772 }
3773 
3774 
3775 
3776 
3777 /* ============================================================================== */
3778 /* Calendar */
3779 /* ============================================================================== */
3780 
3781 .ui-datepicker-calendar .ui-state-default, .ui-datepicker-calendar .ui-widget-content .ui-state-default,
3782 .ui-datepicker-calendar .ui-widget-header .ui-state-default, .ui-datepicker-calendar .ui-button,
3783 html .ui-datepicker-calendar .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active
3784 {
3785  border: unset;
3786 }
3787 
3788 img.datecallink { padding-left: 2px !important; padding-right: 2px !important; }
3789 
3790 .ui-datepicker-trigger {
3791  vertical-align: middle;
3792  cursor: pointer;
3793  padding-left: 2px;
3794  padding-right: 2px;
3795 }
3796 
3797 .bodyline {
3798  -webkit-border-radius: 8px;
3799  border-radius: 8px;
3800  border: 1px #E4ECEC outset;
3801  padding: 0px;
3802  margin-bottom: 5px;
3803 }
3804 table.dp {
3805  width: 180px;
3806  background-color: #FFFFFF;
3807  border-top: solid 2px #DDDDDD;
3808  border-<?php print $left; ?>: solid 2px #DDDDDD;
3809  border-<?php print $right; ?>: solid 1px #222222;
3810  border-bottom: solid 1px #222222;
3811  padding: 0px;
3812  border-spacing: 0px;
3813  border-collapse: collapse;
3814 }
3815 .dp td, .tpHour td, .tpMinute td{padding:2px; font-size:10px;}
3816 /* Barre titre */
3817 .dpHead,.tpHead,.tpHour td:Hover .tpHead{
3818  font-weight:bold;
3819  background-color:#b3c5cc;
3820  color:white;
3821  font-size:11px;
3822  cursor:auto;
3823 }
3824 /* Barre navigation */
3825 .dpButtons,.tpButtons {
3826  text-align:center;
3827  background-color:#617389;
3828  color:#FFFFFF;
3829  font-weight:bold;
3830  cursor:pointer;
3831 }
3832 .dpButtons:Active,.tpButtons:Active{border: 1px outset black;}
3833 .dpDayNames td,.dpExplanation {background-color:#D9DBE1; font-weight:bold; text-align:center; font-size:11px;}
3834 .dpExplanation{ font-weight:normal; font-size:11px;}
3835 .dpWeek td{text-align:center}
3836 
3837 .dpToday,.dpReg,.dpSelected{
3838  cursor:pointer;
3839 }
3840 .dpToday{font-weight:bold; color:black; background-color:#DDDDDD;}
3841 .dpReg:Hover,.dpToday:Hover{background-color:black;color:white}
3842 
3843 /* Jour courant */
3844 .dpSelected{background-color:#0B63A2;color:white;font-weight:bold; }
3845 
3846 .tpHour{border-top:1px solid #DDDDDD; border-right:1px solid #DDDDDD;}
3847 .tpHour td {border-left:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; cursor:pointer;}
3848 .tpHour td:Hover {background-color:black;color:white;}
3849 
3850 .tpMinute {margin-top:5px;}
3851 .tpMinute td:Hover {background-color:black; color:white; }
3852 .tpMinute td {background-color:#D9DBE1; text-align:center; cursor:pointer;}
3853 
3854 /* Bouton X fermer */
3855 .dpInvisibleButtons
3856 {
3857  border-style:none;
3858  background-color:transparent;
3859  padding:0px;
3860  font-size: 0.85em;
3861  border-width:0px;
3862  color:#0B63A2;
3863  vertical-align:middle;
3864  cursor: pointer;
3865 }
3866 .datenowlink
3867 {
3868  color: rgb(<?php print $colortextlink; ?>);
3869 }
3870 
3871 
3872 /* ============================================================================== */
3873 /* Afficher/cacher */
3874 /* ============================================================================== */
3875 
3876 div.visible {
3877  display: block;
3878 }
3879 
3880 div.hidden, td.hidden, img.hidden {
3881  display: none;
3882 }
3883 
3884 tr.visible {
3885  display: block;
3886 }
3887 
3888 
3889 /* ============================================================================== */
3890 /* Module website */
3891 /* ============================================================================== */
3892 
3893 .phptag {
3894  background: #ddd; border: 1px solid #ccc; border-radius: 4px;
3895 }
3896 
3897 .nobordertransp {
3898  border: 0px;
3899  background-color: transparent;
3900  background-image: none;
3901 }
3902 .websitebar {
3903  border-bottom: 1px solid #ccc;
3904  background: #e6e6e6;
3905  display: inline-block;
3906 }
3907 .websitebar .buttonDelete, .websitebar .button {
3908  text-shadow: none;
3909 }
3910 .websitebar .button, .websitebar .buttonDelete
3911 {
3912  padding: 2px 5px 3px 5px !important;
3913  margin: 2px 4px 2px 4px !important;
3914  line-height: normal;
3915 }
3916 .websiteselection {
3917  display: inline-block;
3918  padding-left: 10px;
3919  vertical-align: middle;
3920  line-height: 28px;
3921 }
3922 .websitetools {
3923  float: right;
3924 }
3925 .websiteselection, .websitetools {
3926  margin-top: 3px;
3927  padding-top: 3px;
3928  padding-bottom: 3px;
3929 }
3930 .websiteinputurl {
3931  display: inline-block;
3932  vertical-align: top;
3933 }
3934 .websiteiframenoborder {
3935  border: 0px;
3936 }
3937 span.websitebuttonsitepreview, a.websitebuttonsitepreview {
3938  vertical-align: middle;
3939 }
3940 span.websitebuttonsitepreview img, a.websitebuttonsitepreview img {
3941  width: 26px;
3942  display: inline-block;
3943 }
3944 span.websitebuttonsitepreviewdisabled img, a.websitebuttonsitepreviewdisabled img {
3945  opacity: 0.2;
3946 }
3947 .websitehelp {
3948  vertical-align: middle;
3949  float: right;
3950  padding-top: 8px;
3951 }
3952 .websiteselectionsection {
3953  border-left: 1px solid #bbb;
3954  border-right: 1px solid #bbb;
3955  margin-left: 0px;
3956  padding-left: 8px;
3957  margin-right: 5px;
3958 }
3959 
3960 
3961 /* ============================================================================== */
3962 /* Module agenda */
3963 /* ============================================================================== */
3964 
3965 .dayevent .tagtr:first-of-type {
3966  height: 24px;
3967 }
3968 
3969 .agendacell { height: 60px; }
3970 table.cal_month { border-spacing: 0px; }
3971 table.cal_month td:first-child { border-left: 0px; }
3972 table.cal_month td:last-child { border-right: 0px; }
3973 .cal_current_month { border-top: 0; border-left: solid 1px #E0E0E0; border-right: 0; border-bottom: solid 1px #E0E0E0; }
3974 .cal_current_month_peruserleft { border-top: 0; border-left: solid 2px #6C7C7B; border-right: 0; border-bottom: solid 1px #E0E0E0; }
3975 .cal_current_month_oneday { border-right: solid 1px #E0E0E0; }
3976 .cal_other_month { border-top: 0; border-left: solid 1px #C0C0C0; border-right: 0; border-bottom: solid 1px #C0C0C0; }
3977 .cal_other_month_peruserleft { border-top: 0; border-left: solid 2px #6C7C7B !important; border-right: 0; }
3978 .cal_current_month_right { border-right: solid 1px #E0E0E0; }
3979 .cal_other_month_right { border-right: solid 1px #C0C0C0; }
3980 .cal_other_month { /* opacity: 0.6; */ background: #EAEAEA; padding-<?php print $left; ?>: 2px; padding-<?php print $right; ?>: 1px; padding-top: 0px; padding-bottom: 0px; }
3981 .cal_past_month { /* opacity: 0.6; */ background: #EEEEEE; padding-<?php print $left; ?>: 2px; padding-<?php print $right; ?>: 1px; padding-top: 0px; padding-bottom: 0px; }
3982 .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; }
3983 .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; }
3984 .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; }
3985 .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; }
3986 .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; }
3987 .cal_past { }
3988 .cal_peruser { padding-top: 0 !important; padding-bottom: 0 !important; padding-<?php print $left; ?>: 1px !important; padding-<?php print $right; ?>: 1px !important; }
3989 .cal_impair { background: #F8F8F8; }
3990 .cal_today_peruser_impair { background: #F8F8F0; }
3991 .peruser_busy { }
3992 .peruser_notbusy { opacity: 0.5; }
3993 table.cal_event { border: none; border-collapse: collapse; margin-bottom: 1px; min-height: 20px; }
3994 table.cal_event td { border: none; padding-<?php print $left; ?>: 2px; padding-<?php print $right; ?>: 2px; padding-top: 0px; padding-bottom: 0px; }
3995 table.cal_event td.cal_event { padding: 4px 4px !important; }
3996 table.cal_event td.cal_event_right { padding: 4px 4px !important; }
3997 .cal_event { font-size: 1em; }
3998 .cal_event a:link { color: #111111; font-weight: normal !important; }
3999 .cal_event a:visited { color: #111111; font-weight: normal !important; }
4000 .cal_event a:active { color: #111111; font-weight: normal !important; }
4001 .cal_event_busy a:hover { color: #111111; font-weight: normal !important; color:rgba(255,255,255,.75); }
4002 .cal_event_busy { }
4003 .cal_peruserviewname { max-width: 140px; height: 22px; }
4004 
4005 .calendarviewcontainertr { height: 100px; }
4006 
4007 
4008 /* ============================================================================== */
4009 /* Ajax - Liste deroulante de l'autocompletion */
4010 /* ============================================================================== */
4011 
4012 .ui-widget-content { border: solid 1px rgba(0,0,0,.3); background: #fff !important; }
4013 
4014 .ui-autocomplete-loading { background: white url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/working.gif',1) ?>) right center no-repeat; }
4015 .ui-autocomplete {
4016  position:absolute;
4017  width:auto;
4018  font-size: 1.0em;
4019  background-color:white;
4020  border:1px solid #888;
4021  margin:0px;
4022 /* padding:0px; This make combo crazy */
4023  }
4024 .ui-autocomplete ul {
4025  list-style-type:none;
4026  margin:0px;
4027  padding:0px;
4028  }
4029 .ui-autocomplete ul li.selected { background-color: #D3E5EC;}
4030 .ui-autocomplete ul li {
4031  list-style-type:none;
4032  display:block;
4033  margin:0;
4034  padding:2px;
4035  height:18px;
4036  cursor:pointer;
4037  }
4038 
4039 
4040 /* ============================================================================== */
4041 /* jQuery - jeditable for inline edit */
4042 /* ============================================================================== */
4043 
4044 .editkey_textarea, .editkey_ckeditor, .editkey_string, .editkey_email, .editkey_numeric, .editkey_select, .editkey_autocomplete {
4045  background: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/edit.png',1) ?>) right top no-repeat;
4046  cursor: pointer;
4047  margin-right: 3px;
4048  margin-top: 3px;
4049 }
4050 
4051 .editkey_datepicker {
4052  background: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/calendar.png',1) ?>) right center no-repeat;
4053  margin-right: 3px;
4054  cursor: pointer;
4055  margin-right: 3px;
4056  margin-top: 3px;
4057 }
4058 
4059 .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 {
4060  background: white;
4061  cursor: pointer;
4062 }
4063 
4064 .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 {
4065  background: white;
4066  cursor: pointer;
4067 }
4068 
4069 .viewval_hover {
4070  background: white;
4071 }
4072 
4073 
4074 /* ============================================================================== */
4075 /* Admin Menu */
4076 /* ============================================================================== */
4077 
4078 /* CSS for treeview */
4079 .treeview ul { background-color: transparent !important; margin-top: 4px; padding-top: 4px !important; }
4080 .treeview li { background-color: transparent !important; padding: 0 0 0 16px !important; min-height: 26px; }
4081 .treeview .hover { color: rgb(<?php print $colortextlink; ?>) !important; text-decoration: underline !important; }
4082 
4083 
4084 
4085 /* ============================================================================== */
4086 /* Show Excel tabs */
4087 /* ============================================================================== */
4088 
4089 .table_data
4090 {
4091  border-style:ridge;
4092  border:1px solid;
4093 }
4094 .tab_base
4095 {
4096  background:#C5D0DD;
4097  font-weight:bold;
4098  border-style:ridge;
4099  border: 1px solid;
4100  cursor:pointer;
4101 }
4102 .table_sub_heading
4103 {
4104  background:#CCCCCC;
4105  font-weight:bold;
4106  border-style:ridge;
4107  border: 1px solid;
4108 }
4109 .table_body
4110 {
4111  background:#F0F0F0;
4112  font-weight:normal;
4113  font-family:sans-serif;
4114  border-style:ridge;
4115  border: 1px solid;
4116  border-spacing: 0px;
4117  border-collapse: collapse;
4118 }
4119 .tab_loaded
4120 {
4121  background:#222222;
4122  color:white;
4123  font-weight:bold;
4124  border-style:groove;
4125  border: 1px solid;
4126  cursor:pointer;
4127 }
4128 
4129 
4130 /* ============================================================================== */
4131 /* CSS for color picker */
4132 /* ============================================================================== */
4133 
4134 A.color, A.color:active, A.color:visited {
4135  position : relative;
4136  display : block;
4137  text-decoration : none;
4138  width : 10px;
4139  height : 10px;
4140  line-height : 10px;
4141  margin : 0px;
4142  padding : 0px;
4143  border : 1px inset white;
4144 }
4145 A.color:hover {
4146  border : 1px outset white;
4147 }
4148 A.none, A.none:active, A.none:visited, A.none:hover {
4149  position : relative;
4150  display : block;
4151  text-decoration : none;
4152  width : 10px;
4153  height : 10px;
4154  line-height : 10px;
4155  margin : 0px;
4156  padding : 0px;
4157  cursor : default;
4158  border : 1px solid #b3c5cc;
4159 }
4160 .tblColor {
4161  display : none;
4162 }
4163 .tdColor {
4164  padding : 1px;
4165 }
4166 .tblContainer {
4167  background-color : #b3c5cc;
4168 }
4169 .tblGlobal {
4170  position : absolute;
4171  top : 0px;
4172  left : 0px;
4173  display : none;
4174  background-color : #b3c5cc;
4175  border : 2px outset;
4176 }
4177 .tdContainer {
4178  padding : 5px;
4179 }
4180 .tdDisplay {
4181  width : 50%;
4182  height : 20px;
4183  line-height : 20px;
4184  border : 1px outset white;
4185 }
4186 .tdDisplayTxt {
4187  width : 50%;
4188  height : 24px;
4189  line-height : 12px;
4190  font-family : <?php print $fontlist ?>;
4191  font-size : 8pt;
4192  color : black;
4193  text-align : center;
4194 }
4195 .btnColor {
4196  width : 100%;
4197  font-family : <?php print $fontlist ?>;
4198  font-size : 10pt;
4199  padding : 0px;
4200  margin : 0px;
4201 }
4202 .btnPalette {
4203  width : 100%;
4204  font-family : <?php print $fontlist ?>;
4205  font-size : 8pt;
4206  padding : 0px;
4207  margin : 0px;
4208 }
4209 
4210 
4211 /* Style to overwrites JQuery styles */
4212 .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
4213  border: 1px solid #888;
4214  background: rgb(<?php echo $colorbacktitle1; ?>);
4215  color: unset;
4216 }
4217 
4218 .ui-menu .ui-menu-item a {
4219  text-decoration:none;
4220  display:block;
4221  padding:.2em .4em;
4222  line-height:1.5;
4223  font-weight: normal;
4224  font-family:<?php echo $fontlist; ?>;
4225  font-size:1em;
4226 }
4227 .ui-widget {
4228  font-family:<?php echo $fontlist; ?>;
4229 }
4230 /* .ui-button { margin-left: -2px; <?php print (preg_match('/chrome/',$conf->browser->name)?'padding-top: 1px;':''); ?> } */
4231 .ui-button { margin-left: -2px; }
4232 .ui-button-icon-only .ui-button-text { height: 8px; }
4233 .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: 2px 0px 6px 0px; }
4234 .ui-button-text
4235 {
4236  line-height: 1em !important;
4237 }
4238 .ui-autocomplete-input { margin: 0; padding: 4px; }
4239 
4240 
4241 /* ============================================================================== */
4242 /* CKEditor */
4243 /* ============================================================================== */
4244 
4245 .cke_dialog {
4246  border: 1px #bbb solid ! important;
4247 }
4248 /*.cke_editor table, .cke_editor tr, .cke_editor td
4249 {
4250  border: 0px solid #FF0000 !important;
4251 }
4252 span.cke_skin_kama { padding: 0 !important; }*/
4253 .cke_wrapper { padding: 4px !important; }
4254 a.cke_dialog_ui_button
4255 {
4256  font-family: <?php print $fontlist ?> !important;
4257  background-image: url(<?php echo $img_button ?>) !important;
4258  background-position: bottom !important;
4259  border: 1px solid #C0C0C0 !important;
4260  -webkit-border-radius:0px 5px 0px 5px !important;
4261  border-radius:0px 5px 0px 5px !important;
4262  -webkit-box-shadow: 3px 3px 4px #DDD !important;
4263  box-shadow: 3px 3px 4px #DDD !important;
4264 }
4265 .cke_dialog_ui_hbox_last
4266 {
4267  vertical-align: bottom ! important;
4268 }
4269 /*
4270 .cke_editable
4271 {
4272  line-height: 1.4 !important;
4273  margin: 6px !important;
4274 }
4275 */
4276 a.cke_dialog_ui_button_ok span {
4277  text-shadow: none !important;
4278  color: #333 !important;
4279 }
4280 
4281 
4282 /* ============================================================================== */
4283 /* ACE editor */
4284 /* ============================================================================== */
4285 .ace_editor {
4286  border: 1px solid #ddd;
4287  margin: 0;
4288 }
4289 .aceeditorstatusbar {
4290  margin: 0;
4291  padding: 0;
4292  padding-<?php echo $left; ?>: 10px;
4293  left: 0;
4294  right: 0;
4295  bottom: 0;
4296  background-color: #ebebeb;
4297  height: 28px;
4298  line-height: 2.2em;
4299 }
4300 .ace_status-indicator {
4301  color: gray;
4302  position: relative;
4303  right: 0;
4304  border-left: 1px solid;
4305 }
4306 pre#editfilecontentaceeditorid {
4307  margin-top: 5px;
4308 }
4309 
4310 
4311 /* ============================================================================== */
4312 /* File upload */
4313 /* ============================================================================== */
4314 
4315 .template-upload {
4316  height: 72px !important;
4317 }
4318 
4319 
4320 /* ============================================================================== */
4321 /* Holiday */
4322 /* ============================================================================== */
4323 
4324 #types .btn {
4325  cursor: pointer;
4326 }
4327 
4328 #types .btn-primary {
4329  font-weight: bold;
4330 }
4331 
4332 #types form {
4333  padding: 20px;
4334 }
4335 
4336 #types label {
4337  display:inline-block;
4338  width:100px;
4339  margin-right: 20px;
4340  padding: 4px;
4341  text-align: right;
4342  vertical-align: top;
4343 }
4344 
4345 #types input.text, #types textarea {
4346  width: 400px;
4347 }
4348 
4349 #types textarea {
4350  height: 100px;
4351 }
4352 
4353 
4354 /* ============================================================================== */
4355 /* Comments */
4356 /* ============================================================================== */
4357 
4358 #comment div {
4359  box-sizing:border-box;
4360 }
4361 #comment .comment {
4362  border-radius:7px;
4363  margin-bottom:10px;
4364  overflow:hidden;
4365 }
4366 #comment .comment-table {
4367  display:table;
4368  height:100%;
4369 }
4370 #comment .comment-cell {
4371  display:table-cell;
4372 }
4373 #comment .comment-info {
4374  font-size:0.8em;
4375  border-right:1px solid #dedede;
4376  margin-right:10px;
4377  width:160px;
4378  text-align:center;
4379  background:rgba(255,255,255,0.5);
4380  vertical-align:middle;
4381  padding:10px 2px;
4382 }
4383 #comment .comment-info a {
4384  color:inherit;
4385 }
4386 #comment .comment-right {
4387  vertical-align:top;
4388 }
4389 #comment .comment-description {
4390  padding:10px;
4391  vertical-align:top;
4392 }
4393 #comment .comment-delete {
4394  width: 100px;
4395  text-align:center;
4396  vertical-align:middle;
4397 }
4398 #comment .comment-delete:hover {
4399  background:rgba(250,20,20,0.8);
4400 }
4401 #comment textarea {
4402  width: 100%;
4403 }
4404 
4405 
4406 
4407 /* ============================================================================== */
4408 /* JSGantt */
4409 /* ============================================================================== */
4410 
4411 div.scroll2 {
4412  width: <?php print isset($_SESSION['dol_screenwidth'])?max($_SESSION['dol_screenwidth']-830,450):'450'; ?>px !important;
4413 }
4414 
4415 .gtaskname div, .gtaskname {
4416  font-size: unset !important;
4417 }
4418 div.gantt, .gtaskheading, .gmajorheading, .gminorheading, .gminorheadingwkend {
4419  font-size: unset !important;
4420  font-weight: normal !important;
4421  color: #000 !important;
4422 }
4423 div.gTaskInfo {
4424  background: #f0f0f0 !important;
4425 }
4426 .gtaskblue {
4427  background: rgb(108,152,185) !important;
4428 }
4429 .gtaskgreen {
4430  background: rgb(160,173,58) !important;
4431 }
4432 td.gtaskname {
4433  overflow: hidden;
4434  text-overflow: ellipsis;
4435 }
4436 td.gminorheadingwkend {
4437  color: #888 !important;
4438 }
4439 td.gminorheading {
4440  color: #666 !important;
4441 }
4442 .glistlbl, .glistgrid {
4443  width: 582px !important;
4444 }
4445 .gtaskname div, .gtaskname {
4446  min-width: 250px !important;
4447  max-width: 250px !important;
4448  width: 250px !important;
4449 }
4450 .gpccomplete div, .gpccomplete {
4451  min-width: 40px !important;
4452  max-width: 40px !important;
4453  width: 40px !important;
4454 }
4455 
4456 
4457 /* ============================================================================== */
4458 /* jFileTree */
4459 /* ============================================================================== */
4460 
4461 .ecmfiletree {
4462  width: 99%;
4463  height: 99%;
4464  /* background: #FFF; */
4465  padding-left: 2px;
4466  font-weight: normal;
4467 }
4468 
4469 .fileview {
4470  width: 99%;
4471  height: 99%;
4472  background: #FFF;
4473  padding-left: 2px;
4474  padding-top: 4px;
4475  font-weight: normal;
4476 }
4477 
4478 div.filedirelem {
4479  position: relative;
4480  display: block;
4481  text-decoration: none;
4482 }
4483 
4484 ul.filedirelem {
4485  padding: 2px;
4486  margin: 0 5px 5px 5px;
4487 }
4488 ul.filedirelem li {
4489  list-style: none;
4490  padding: 2px;
4491  margin: 0 10px 20px 10px;
4492  width: 160px;
4493  height: 120px;
4494  text-align: center;
4495  display: block;
4496  float: <?php print $left; ?>;
4497  border: solid 1px #DDDDDD;
4498 }
4499 
4500 ul.ecmjqft {
4501  line-height: 16px;
4502  padding: 0px;
4503  margin: 0px;
4504  font-weight: normal;
4505 }
4506 
4507 ul.ecmjqft li {
4508  list-style: none;
4509  padding: 0px;
4510  padding-left: 20px;
4511  margin: 0px;
4512  white-space: nowrap;
4513  display: block;
4514 }
4515 
4516 ul.ecmjqft a {
4517  line-height: 24px;
4518  vertical-align: middle;
4519  color: #333;
4520  padding: 0px 0px;
4521  font-weight:normal;
4522  display: inline-block !important;
4523 }
4524 ul.ecmjqft a:active {
4525  font-weight: bold !important;
4526 }
4527 ul.ecmjqft a:hover {
4528  text-decoration: underline;
4529 }
4530 div.ecmjqft {
4531  vertical-align: middle;
4532  display: inline-block !important;
4533  text-align: right;
4534  float: right;
4535  right:4px;
4536  clear: both;
4537 }
4538 div#ecm-layout-west {
4539  width: 380px;
4540  vertical-align: top;
4541 }
4542 div#ecm-layout-center {
4543  width: calc(100% - 390px);
4544  vertical-align: top;
4545  float: right;
4546 }
4547 
4548 .ecmjqft LI.directory { font-weight:normal; background: url(<?php echo dol_buildpath($path.'/theme/common/treemenu/folder2.png',1); ?>) left top no-repeat; }
4549 .ecmjqft LI.expanded { font-weight:normal; background: url(<?php echo dol_buildpath($path.'/theme/common/treemenu/folder2-expanded.png',1); ?>) left top no-repeat; }
4550 .ecmjqft LI.wait { font-weight:normal; background: url(<?php echo dol_buildpath('/theme/'.$theme.'/img/working.gif',1); ?>) left top no-repeat; }
4551 
4552 
4553 /* ============================================================================== */
4554 /* jNotify */
4555 /* ============================================================================== */
4556 
4557 .jnotify-container {
4558  position: fixed !important;
4559 <?php if (! empty($conf->global->MAIN_JQUERY_JNOTIFY_BOTTOM)) { ?>
4560  top: auto !important;
4561  bottom: 4px !important;
4562 <?php } ?>
4563  text-align: center;
4564  min-width: <?php echo $dol_optimize_smallscreen?'200':'480'; ?>px;
4565  width: auto;
4566  max-width: 1024px;
4567  padding-left: 10px !important;
4568  padding-right: 10px !important;
4569  word-wrap: break-word;
4570 }
4571 .jnotify-container .jnotify-notification .jnotify-message {
4572  font-weight: normal;
4573 }
4574 .jnotify-container .jnotify-notification-warning .jnotify-close, .jnotify-container .jnotify-notification-warning .jnotify-message {
4575  color: #a28918 !important;
4576 }
4577 
4578 /* use or not ? */
4579 div.jnotify-background {
4580  opacity : 0.95 !important;
4581  -webkit-box-shadow: 2px 2px 4px #888 !important;
4582  box-shadow: 2px 2px 4px #888 !important;
4583 }
4584 
4585 /* ============================================================================== */
4586 /* blockUI */
4587 /* ============================================================================== */
4588 
4589 /*div.growlUI { background: url(check48.png) no-repeat 10px 10px }*/
4590 div.dolEventValid h1, div.dolEventValid h2 {
4591  color: #567b1b;
4592  background-color: #e3f0db;
4593  padding: 5px 5px 5px 5px;
4594  text-align: left;
4595 }
4596 div.dolEventError h1, div.dolEventError h2 {
4597  color: #a72947;
4598  background-color: #d79eac;
4599  padding: 5px 5px 5px 5px;
4600  text-align: left;
4601 }
4602 
4603 /* ============================================================================== */
4604 /* Maps */
4605 /* ============================================================================== */
4606 
4607 .divmap, #google-visualization-geomap-embed-0, #google-visualization-geomap-embed-1, #google-visualization-geomap-embed-2 {
4608 }
4609 
4610 
4611 /* ============================================================================== */
4612 /* Datatable */
4613 /* ============================================================================== */
4614 
4615 table.dataTable tr.odd td.sorting_1, table.dataTable tr.even td.sorting_1 {
4616  background: none !important;
4617 }
4618 .sorting_asc { background: url('<?php echo dol_buildpath('/theme/'.$theme.'/img/sort_asc.png',1); ?>') no-repeat center right !important; }
4619 .sorting_desc { background: url('<?php echo dol_buildpath('/theme/'.$theme.'/img/sort_desc.png',1); ?>') no-repeat center right !important; }
4620 .sorting_asc_disabled { background: url('<?php echo dol_buildpath('/theme/'.$theme.'/img/sort_asc_disabled.png',1); ?>') no-repeat center right !important; }
4621 .sorting_desc_disabled { background: url('<?php echo dol_buildpath('/theme/'.$theme.'/img/sort_desc_disabled.png',1); ?>') no-repeat center right !important; }
4622 .dataTables_paginate {
4623  margin-top: 8px;
4624 }
4625 .paginate_button_disabled {
4626  opacity: 1 !important;
4627  color: #888 !important;
4628  cursor: default !important;
4629 }
4630 .paginate_disabled_previous:hover, .paginate_enabled_previous:hover, .paginate_disabled_next:hover, .paginate_enabled_next:hover
4631 {
4632  font-weight: normal;
4633 }
4634 .paginate_enabled_previous:hover, .paginate_enabled_next:hover
4635 {
4636  text-decoration: underline !important;
4637 }
4638 .paginate_active
4639 {
4640  text-decoration: underline !important;
4641 }
4642 .paginate_button
4643 {
4644  font-weight: normal !important;
4645  text-decoration: none !important;
4646 }
4647 .paging_full_numbers {
4648  height: inherit !important;
4649 }
4650 .paging_full_numbers a.paginate_active:hover, .paging_full_numbers a.paginate_button:hover {
4651  background-color: #DDD !important;
4652 }
4653 .paging_full_numbers, .paging_full_numbers a.paginate_active, .paging_full_numbers a.paginate_button {
4654  background-color: #FFF !important;
4655  border-radius: inherit !important;
4656 }
4657 .paging_full_numbers a.paginate_button_disabled:hover, .paging_full_numbers a.disabled:hover {
4658  background-color: #FFF !important;
4659 }
4660 .paginate_button, .paginate_active {
4661  border: 1px solid #ddd !important;
4662  padding: 6px 12px !important;
4663  margin-left: -1px !important;
4664  line-height: 1.42857143 !important;
4665  margin: 0 0 !important;
4666 }
4667 
4668 /* For jquery plugin combobox */
4669 /* Disable this. It breaks wrapping of boxes
4670 .ui-corner-all { white-space: nowrap; } */
4671 
4672 .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled, .paginate_button_disabled {
4673  opacity: .35;
4674  background-image: none;
4675 }
4676 
4677 div.dataTables_length {
4678  float: right !important;
4679  padding-left: 8px;
4680 }
4681 div.dataTables_length select {
4682  background: #fff;
4683 }
4684 .dataTables_wrapper .dataTables_paginate {
4685  padding-top: 0px !important;
4686 }
4687 
4688 /* ============================================================================== */
4689 /* Select2 */
4690 /* ============================================================================== */
4691 
4692 .select2-container--focus span.select2-selection.select2-selection--single {
4693  border-bottom: 1px solid #666 !important;
4694 }
4695 
4696 .blockvmenusearch .select2-container--default .select2-selection--single,
4697 .blockvmenubookmarks .select2-container--default .select2-selection--single
4698 {
4699  background-color: unset;
4700 }
4701 .select2-container--default .select2-selection--single .select2-selection__rendered {
4702  color: unset;
4703 }
4704 .select2-default {
4705  color: #999 !important;
4706  /*opacity: 0.2;*/
4707 }
4708 .select2-choice, .select2-container .select2-choice {
4709  border-bottom: solid 1px rgba(0,0,0,.4);
4710 }
4711 .select2-container .select2-choice > .select2-chosen {
4712  margin-right: 23px;
4713 }
4714 .select2-container .select2-choice .select2-arrow {
4715  border-radius: 0;
4716  background: transparent;
4717 }
4718 .select2-container-multi .select2-choices {
4719  background-image: none;
4720 }
4721 .select2-container .select2-choice {
4722  color: #000;
4723  border-radius: 0;
4724 }
4725 .selectoptiondisabledwhite {
4726  background: #FFFFFF !important;
4727 }
4728 .select2-arrow {
4729  border: none;
4730  border-left: none !important;
4731  background: none !important;
4732 }
4733 .select2-choice
4734 {
4735  border-top: none !important;
4736  border-left: none !important;
4737  border-right: none !important;
4738 }
4739 .select2-drop.select2-drop-above {
4740  box-shadow: none !important;
4741 }
4742 .select2-container--open .select2-dropdown--above {
4743  border-bottom: solid 1px rgba(0,0,0,.2);
4744 }
4745 .select2-drop.select2-drop-above.select2-drop-active {
4746  border-top: 1px solid #ccc;
4747  border-bottom: solid 1px rgba(0,0,0,.2);
4748 }
4749 .select2-container--default .select2-selection--single
4750 {
4751  outline: none;
4752  border-top: none;
4753  border-left: none;
4754  border-right: none;
4755  border-bottom: solid 1px rgba(0,0,0,.2);
4756  -webkit-box-shadow: none !important;
4757  box-shadow: none !important;
4758  border-radius: 0 !important;
4759 }
4760 .select2-container--default .select2-selection--multiple {
4761  border: solid 1px rgba(0,0,0,.2);
4762  border-radius: 0 !important;
4763 }
4764 .select2-search__field
4765 {
4766  outline: none;
4767  border-top: none !important;
4768  border-left: none !important;
4769  border-right: none !important;
4770  border-bottom: solid 1px rgba(0,0,0,.2) !important;
4771  -webkit-box-shadow: none !important;
4772  box-shadow: none !important;
4773  border-radius: 0 !important;
4774 }
4775 .select2-container-active .select2-choice, .select2-container-active .select2-choices
4776 {
4777  outline: none;
4778  border-top: none;
4779  border-left: none;
4780  border-bottom: none;
4781  -webkit-box-shadow: none !important;
4782  box-shadow: none !important;
4783 }
4784 .select2-dropdown-open {
4785  background-color: #fff;
4786 }
4787 .select2-dropdown-open .select2-choice, .select2-dropdown-open .select2-choices
4788 {
4789  outline: none;
4790  border-top: none;
4791  border-left: none;
4792  border-bottom: none;
4793  -webkit-box-shadow: none !important;
4794  box-shadow: none !important;
4795  background-color: #fff;
4796 }
4797 .select2-disabled
4798 {
4799  color: #888;
4800 }
4801 .select2-drop.select2-drop-above.select2-drop-active, .select2-drop {
4802  border-radius: 0;
4803 }
4804 .select2-drop.select2-drop-above {
4805  border-radius: 0;
4806 }
4807 .select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices {
4808  background-image: none;
4809  border-radius: 0 !important;
4810 }
4811 div.select2-drop-above
4812 {
4813  background: #fff;
4814  -webkit-box-shadow: none !important;
4815  box-shadow: none !important;
4816 }
4817 .select2-drop-active
4818 {
4819  border: 1px solid #ccc;
4820  padding-top: 4px;
4821 }
4822 .select2-search input {
4823  border: none;
4824 }
4825 a span.select2-chosen
4826 {
4827  font-weight: normal !important;
4828 }
4829 .select2-container .select2-choice {
4830  background-image: none;
4831  /* line-height: 24px; */
4832 }
4833 .select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-ajax-error, .select2-results .select2-selection-limit
4834 {
4835  background: #FFFFFF;
4836 }
4837 .select2-results {
4838  max-height: 400px;
4839 }
4840 .select2-container.select2-container-disabled .select2-choice, .select2-container-multi.select2-container-disabled .select2-choices {
4841  background-color: #FFFFFF;
4842  background-image: none;
4843  border: none;
4844  cursor: default;
4845 }
4846 .select2-container-disabled .select2-choice .select2-arrow b {
4847  opacity: 0.5;
4848 }
4849 .select2-container-multi .select2-choices .select2-search-choice {
4850  margin-bottom: 3px;
4851 }
4852 .select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices, .select2-container-multi .select2-choices,
4853 .select2-container-multi.select2-container-active .select2-choices
4854 {
4855  border-bottom: 1px solid #ccc;
4856  border-right: none;
4857  border-top: none;
4858  border-left: none;
4859 
4860 }
4861 .select2-container--default .select2-results>.select2-results__options{
4862  max-height: 400px;
4863 }
4864 
4865 /* Special case for the select2 add widget */
4866 #addbox .select2-container .select2-choice > .select2-chosen, #actionbookmark .select2-container .select2-choice > .select2-chosen {
4867  text-align: <?php echo $left; ?>;
4868  opacity: 0.4;
4869 }
4870 .select2-container--default .select2-selection--single .select2-selection__placeholder {
4871  color: unset;
4872  opacity: 0.5;
4873 }
4874 span#select2-boxbookmark-container, span#select2-boxcombo-container {
4875  text-align: <?php echo $left; ?>;
4876  opacity: 0.5;
4877 }
4878 .select2-container .select2-selection--single .select2-selection__rendered {
4879  padding-left: 6px;
4880 }
4881 /* Style used before the select2 js is executed on boxcombo */
4882 #boxbookmark.boxcombo, #boxcombo.boxcombo {
4883  text-align: left;
4884  opacity: 0.4;
4885  border-bottom: solid 1px rgba(0,0,0,.4) !important;
4886  height: 26px;
4887  line-height: 24px;
4888  padding: 0 0 2px 0;
4889  vertical-align: top;
4890 }
4891 
4892 /* To emulate select 2 style */
4893 .select2-container-multi-dolibarr .select2-choices-dolibarr .select2-search-choice-dolibarr {
4894  padding: 2px 5px 1px 5px;
4895  margin: 0 0 2px 3px;
4896  position: relative;
4897  line-height: 13px;
4898  color: #333;
4899  cursor: default;
4900  border: 1px solid #aaaaaa;
4901  border-radius: 3px;
4902  -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
4903  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
4904  background-clip: padding-box;
4905  -webkit-touch-callout: none;
4906  -webkit-user-select: none;
4907  -moz-user-select: none;
4908  -ms-user-select: none;
4909  user-select: none;
4910  background-color: #e4e4e4;
4911  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));
4912  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
4913  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
4914  background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
4915 }
4916 .select2-container-multi-dolibarr .select2-choices-dolibarr .select2-search-choice-dolibarr a {
4917  font-weight: normal;
4918 }
4919 .select2-container-multi-dolibarr .select2-choices-dolibarr li {
4920  float: left;
4921  list-style: none;
4922 }
4923 .select2-container-multi-dolibarr .select2-choices-dolibarr {
4924  height: auto !important;
4925  height: 1%;
4926  margin: 0;
4927  padding: 0 5px 0 0;
4928  position: relative;
4929  cursor: text;
4930  overflow: hidden;
4931 }
4932 
4933 
4934 /* ============================================================================== */
4935 /* For categories */
4936 /* ============================================================================== */
4937 
4938 .noborderoncategories {
4939  border: none !important;
4940  border-radius: 5px !important;
4941  box-shadow: none;
4942  -webkit-box-shadow: none !important;
4943  box-shadow: none !important;
4944 }
4945 span.noborderoncategories a, li.noborderoncategories a {
4946  line-height: normal;
4947  vertical-align: top;
4948 }
4949 span.noborderoncategories {
4950  padding: 3px 5px 0px 5px;
4951 }
4952 .categtextwhite, .treeview .categtextwhite.hover {
4953  color: #fff !important;
4954 }
4955 .categtextblack {
4956  color: #000 !important;
4957 }
4958 
4959 
4960 /* ============================================================================== */
4961 /* External lib multiselect with checkbox */
4962 /* ============================================================================== */
4963 
4964 .multi-select-container {
4965  display: inline-block;
4966  position: relative;
4967 }
4968 
4969 .multi-select-menu {
4970  position: absolute;
4971  left: 0;
4972  top: 0.8em;
4973  float: left;
4974  min-width: 100%;
4975  background: #fff;
4976  margin: 1em 0;
4977  padding: 0.4em 0;
4978  border: 1px solid #aaa;
4979  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
4980  display: none;
4981 }
4982 
4983 .multi-select-menu input {
4984  margin-right: 0.3em;
4985  vertical-align: 0.1em;
4986 }
4987 
4988 .multi-select-button {
4989  display: inline-block;
4990  max-width: 20em;
4991  white-space: nowrap;
4992  overflow: hidden;
4993  text-overflow: ellipsis;
4994  vertical-align: middle;
4995  background-color: #fff;
4996  cursor: default;
4997 
4998  border: none;
4999  border-bottom: solid 1px rgba(0,0,0,.2);
5000  padding: 5px;
5001  padding-left: 2px;
5002  height: 17px;
5003 }
5004 .multi-select-button:focus {
5005  outline: none;
5006  border-bottom: 1px solid #666;
5007 }
5008 
5009 .multi-select-button:after {
5010  content: "";
5011  display: inline-block;
5012  width: 0;
5013  height: 0;
5014  border-style: solid;
5015  border-width: 0.5em 0.23em 0em 0.23em;
5016  border-color: #444 transparent transparent transparent;
5017  margin-left: 0.4em;
5018 }
5019 
5020 .multi-select-container--open .multi-select-menu { display: block; }
5021 
5022 .multi-select-container--open .multi-select-button:after {
5023  border-width: 0 0.4em 0.4em 0.4em;
5024  border-color: transparent transparent #999 transparent;
5025 }
5026 
5027 .multi-select-menuitem {
5028  clear: both;
5029  float: left;
5030  padding-left: 5px
5031 }
5032 
5033 
5034 /* ============================================================================== */
5035 /* Native multiselect with checkbox */
5036 /* ============================================================================== */
5037 
5038 ul.ulselectedfields {
5039  z-index: 95; /* To have the select box appears on first plan even when near buttons are decorated by jmobile */
5040 }
5041 dl.dropdown {
5042  margin:0px;
5043  margin-left: 2px;
5044  margin-right: 2px;
5045  padding:0px;
5046  vertical-align: middle;
5047  display: inline-block;
5048 }
5049 .dropdown dd, .dropdown dt {
5050  margin:0px;
5051  padding:0px;
5052 }
5053 .dropdown ul {
5054  margin: -1px 0 0 0;
5055  text-align: <?php echo $left; ?>;
5056 }
5057 .dropdown dd {
5058  position:relative;
5059 }
5060 .dropdown dt a {
5061  display:block;
5062  overflow: hidden;
5063  border:0;
5064 }
5065 .dropdown dt a span, .multiSel span {
5066  cursor:pointer;
5067  display:inline-block;
5068  padding: 0 3px 2px 0;
5069 }
5070 .dropdown span.value {
5071  display:none;
5072 }
5073 .dropdown dd ul {
5074  background-color: #FFF;
5075  box-shadow: 1px 1px 10px #aaa;
5076  display:none;
5077  <?php echo $right; ?>:0px; /* pop is align on right */
5078  padding: 0 0 0 0;
5079  position:absolute;
5080  top:2px;
5081  list-style:none;
5082  max-height: 264px;
5083  overflow: auto;
5084 }
5085 .dropdown dd ul li {
5086  white-space: nowrap;
5087  font-weight: normal;
5088  padding: 7px 8px 7px 8px;
5089  /* color: rgb(<?php print $colortext; ?>); */
5090  color: #000;
5091 }
5092 .dropdown dd ul li:hover {
5093  background: #eee;
5094 }
5095 .dropdown dd ul li input[type="checkbox"] {
5096  margin-<?php echo $right; ?>: 3px;
5097 }
5098 .dropdown dd ul li a, .dropdown dd ul li span {
5099  padding: 3px;
5100  display: block;
5101 }
5102 .dropdown dd ul li span {
5103  color: #888;
5104 }
5105 .dropdown dd ul li a:hover {
5106  background-color:#eee;
5107 }
5108 
5109 
5110 /* ============================================================================== */
5111 /* Markdown rendering */
5112 /* ============================================================================== */
5113 
5114 .imgmd {
5115  width: 90%;
5116 }
5117 .moduledesclong h1 {
5118  padding-top: 10px;
5119  padding-bottom: 20px;
5120 }
5121 
5122 
5123 /* ============================================================================== */
5124 /* JMobile */
5125 /* ============================================================================== */
5126 
5127 li.ui-li-divider .ui-link {
5128  color: #FFF !important;
5129 }
5130 .ui-btn {
5131  margin: 0.1em 2px
5132 }
5133 a.ui-link, a.ui-link:hover, .ui-btn:hover, span.ui-btn-text:hover, span.ui-btn-inner:hover {
5134  text-decoration: none !important;
5135 }
5136 .ui-body-c {
5137  background: #fff;
5138 }
5139 
5140 .ui-btn-inner {
5141  min-width: .4em;
5142  padding-left: 6px;
5143  padding-right: 6px;
5144  font-size: <?php print is_numeric($fontsize)?$fontsize.'px':$fontsize; ?>;
5145  /* white-space: normal; */ /* Warning, enable this break the truncate feature */
5146 }
5147 .ui-btn-icon-right .ui-btn-inner {
5148  padding-right: 30px;
5149 }
5150 .ui-btn-icon-left .ui-btn-inner {
5151  padding-left: 30px;
5152 }
5153 .ui-select .ui-btn-icon-right .ui-btn-inner {
5154  padding-right: 30px;
5155 }
5156 .ui-select .ui-btn-icon-left .ui-btn-inner {
5157  padding-left: 30px;
5158 }
5159 .ui-select .ui-btn-icon-right .ui-icon {
5160  right: 8px;
5161 }
5162 .ui-btn-icon-left > .ui-btn-inner > .ui-icon, .ui-btn-icon-right > .ui-btn-inner > .ui-icon {
5163  margin-top: -10px;
5164 }
5165 select {
5166  /* display: inline-block; */ /* We can't set this. This disable ability to make */
5167  overflow:hidden;
5168  white-space: nowrap; /* Enabling this make behaviour strange when selecting the empty value if this empty value is '' instead of '&nbsp;' */
5169  text-overflow: ellipsis;
5170 }
5171 .fiche .ui-controlgroup {
5172  margin: 0px;
5173  padding-bottom: 0px;
5174 }
5175 div.ui-controlgroup-controls div.tabsElem
5176 {
5177  margin-top: 2px;
5178 }
5179 div.ui-controlgroup-controls div.tabsElem a
5180 {
5181  -webkit-box-shadow: 0 -3px 6px rgba(0,0,0,.2);
5182  box-shadow: 0 -3px 6px rgba(0,0,0,.2);
5183 }
5184 div.ui-controlgroup-controls div.tabsElem a#active {
5185  -webkit-box-shadow: 0 -3px 6px rgba(0,0,0,.3);
5186  box-shadow: 0 -3px 6px rgba(0,0,0,.3);
5187 }
5188 
5189 a.tab span.ui-btn-inner
5190 {
5191  border: none;
5192  padding: 0;
5193 }
5194 
5195 .ui-link {
5196  color: rgb(<?php print $colortext; ?>);
5197 }
5198 .liste_titre .ui-link {
5199  color: rgb(<?php print $colortexttitle; ?>) !important;
5200 }
5201 
5202 a.ui-link {
5203  word-wrap: break-word;
5204 }
5205 
5206 /* force wrap possible onto field overflow does not works */
5207 .formdoc .ui-btn-inner
5208 {
5209  white-space: normal;
5210  overflow: hidden;
5211  text-overflow: clip; /* "hidden" : do not exists as a text-overflow value (https://developer.mozilla.org/fr/docs/Web/CSS/text-overflow) */
5212 }
5213 
5214 /* Warning: setting this may make screen not beeing refreshed after a combo selection */
5215 /*.ui-body-c {
5216  background: #fff;
5217 }*/
5218 
5219 div.ui-radio, div.ui-checkbox
5220 {
5221  display: inline-block;
5222  border-bottom: 0px !important;
5223 }
5224 .ui-checkbox input, .ui-radio input {
5225  height: auto;
5226  width: auto;
5227  margin: 4px;
5228  position: static;
5229 }
5230 div.ui-checkbox label+input, div.ui-radio label+input {
5231  position: absolute;
5232 }
5233 .ui-mobile fieldset
5234 {
5235  padding-bottom: 10px; margin-bottom: 4px; border-bottom: 1px solid #AAAAAA !important;
5236 }
5237 
5238 ul.ulmenu {
5239  border-radius: 0;
5240  -webkit-border-radius: 0;
5241 }
5242 
5243 .ui-field-contain label.ui-input-text {
5244  vertical-align: middle !important;
5245 }
5246 .ui-mobile fieldset {
5247  border-bottom: none !important;
5248 }
5249 
5250 /* Style for first level menu with jmobile */
5251 .ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li {
5252  padding: 1em 15px;
5253  display: block;
5254 }
5255 .ui-btn-up-c {
5256  font-weight: normal;
5257 }
5258 .ui-focus, .ui-btn:focus {
5259  -webkit-box-shadow: none;
5260  box-shadow: none;
5261 }
5262 .ui-bar-b {
5263  /*border: 1px solid #888;*/
5264  border: none;
5265  background: none;
5266  text-shadow: none;
5267  color: rgb(<?php print $colortexttitlenotab; ?>) !important;
5268 }
5269 .ui-bar-b, .lilevel0 {
5270  background-repeat: repeat-x;
5271  border: none;
5272  background: none;
5273  text-shadow: none;
5274  color: rgb(<?php print $colortexttitlenotab; ?>) !important;
5275 }
5276 .alilevel0 {
5277  font-weight: normal !important;
5278 }
5279 
5280 .ui-li.ui-last-child, .ui-li.ui-field-contain.ui-last-child {
5281  border-bottom-width: 0px !important;
5282 }
5283 .alilevel0 {
5284  color: rgb(<?php echo $colortexttitle; ?>) !important;
5285  background: #f8f8f8
5286 }
5287 .ulmenu {
5288  box-shadow: none !important;
5289  border-bottom: 1px solid #ccc;
5290 }
5291 .ui-btn-icon-right {
5292  border-right: 1px solid #ccc !important;
5293 }
5294 .ui-body-c {
5295  border: 1px solid #ccc;
5296  text-shadow: none;
5297 }
5298 .ui-btn-up-c, .ui-btn-hover-c {
5299  /* border: 1px solid #ccc; */
5300  text-shadow: none;
5301 }
5302 .ui-body-c .ui-link, .ui-body-c .ui-link:visited, .ui-body-c .ui-link:hover {
5303  color: rgb(<?php print $colortextlink; ?>);
5304 }
5305 .ui-btn-up-c .vsmenudisabled {
5306  color: #<?php echo $colorshadowtitle; ?> !important;
5307  text-shadow: none !important;
5308 }
5309 div.tabsElem a.tab {
5310  background: transparent;
5311 }
5312 .alilevel1 {
5313  color: rgb(<?php print $colortexttitlenotab; ?>) !important;
5314 }
5315 .lilevel1 {
5316  border-top: 2px solid #444;
5317  background: #fff ! important;
5318 }
5319 .lilevel1 div div a {
5320  font-weight: bold !important;
5321 }
5322 .lilevel2
5323 {
5324  padding-left: 22px;
5325  background: #fff ! important;
5326 }
5327 .lilevel3
5328 {
5329  padding-left: 44px;
5330  background: #fff ! important;
5331 }
5332 .lilevel4
5333 {
5334  padding-left: 66px;
5335  background: #fff ! important;
5336 }
5337 .lilevel5
5338 {
5339  padding-left: 88px;
5340  background: #fff ! important;
5341 }
5342 
5343 
5344 
5345 /* ============================================================================== */
5346 /* POS */
5347 /* ============================================================================== */
5348 
5349 .menu_choix1 a {
5350  background: url('<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus_black/money.png',1) ?>') top left no-repeat;
5351 }
5352 .menu_choix2 a {
5353  background: url('<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus_black/home.png',1) ?>') top left no-repeat;
5354 }
5355 .menu_choix1,.menu_choix2 {
5356  font-size: 1.4em;
5357  text-align: left;
5358  border: 1px solid #666;
5359  margin-right: 20px;
5360 }
5361 .menu_choix1 a, .menu_choix2 a {
5362  display: block;
5363  color: #fff;
5364  text-decoration: none;
5365  padding-top: 18px;
5366  padding-left: 54px;
5367  font-size: 14px;
5368  height: 38px;
5369 }
5370 .menu_choix1 a:hover,.menu_choix2 a:hover {
5371  color: #6d3f6d;
5372 }
5373 .menu li.menu_choix1 {
5374  padding-top: 6px;
5375  padding-right: 10px;
5376  padding-bottom: 2px;
5377 }
5378 .menu li.menu_choix2 {
5379  padding-top: 6px;
5380  padding-right: 10px;
5381  padding-bottom: 2px;
5382 }
5383 @media only screen and (max-width: 767px)
5384 {
5385  .menu_choix1 a, .menu_choix2 a {
5386  background-size: 36px 36px;
5387  height: 30px;
5388  padding-left: 40px;
5389  }
5390  .menu li.menu_choix1, .menu li.menu_choix2 {
5391  padding-left: 4px;
5392  padding-right: 0;
5393  }
5394  .liste_articles {
5395  margin-right: 0 !important;
5396  }
5397 }
5398 
5399 
5400 
5401 /* ============================================================================== */
5402 /* Public */
5403 /* ============================================================================== */
5404 
5405 /* The theme for public pages */
5406 .public_body {
5407  margin: 20px;
5408 }
5409 .public_border {
5410  border: 1px solid #888;
5411 }
5412 
5413 
5414 
5415 /* ============================================================================== */
5416 /* Ticket module */
5417 /* ============================================================================== */
5418 
5419 #cd-timeline {
5420  position: relative;
5421  padding: 2em 0;
5422  margin-bottom: 2em;
5423 }
5424 #cd-timeline::before {
5425  /* this is the vertical line */
5426  content: '';
5427  position: absolute;
5428  top: 0;
5429  left: 18px;
5430  height: 100%;
5431  width: 4px;
5432  background: #d7e4ed;
5433 }
5434 @media only screen and (min-width: 1170px) {
5435  #cd-timeline {
5436  margin-bottom: 3em;
5437  }
5438  #cd-timeline::before {
5439  left: 50%;
5440  margin-left: -2px;
5441  }
5442 }
5443 
5444 .cd-timeline-block {
5445  position: relative;
5446  margin: 2em 0;
5447 }
5448 .cd-timeline-block:after {
5449  content: "";
5450  display: table;
5451  clear: both;
5452 }
5453 .cd-timeline-block:first-child {
5454  margin-top: 0;
5455 }
5456 .cd-timeline-block:last-child {
5457  margin-bottom: 0;
5458 }
5459 @media only screen and (min-width: 1170px) {
5460  .cd-timeline-block {
5461  margin: 4em 0;
5462  }
5463  .cd-timeline-block:first-child {
5464  margin-top: 0;
5465  }
5466  .cd-timeline-block:last-child {
5467  margin-bottom: 0;
5468  }
5469 }
5470 
5471 .cd-timeline-img {
5472  position: absolute;
5473  top: 0;
5474  left: 0;
5475  width: 40px;
5476  height: 40px;
5477  border-radius: 50%;
5478  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);
5479  background: #d7e4ed;
5480 }
5481 .cd-timeline-img img {
5482  display: block;
5483  width: 24px;
5484  height: 24px;
5485  position: relative;
5486  left: 50%;
5487  top: 50%;
5488  margin-left: -12px;
5489  margin-top: -12px;
5490 }
5491 .cd-timeline-img.cd-picture {
5492  background: #75ce66;
5493 }
5494 .cd-timeline-img.cd-movie {
5495  background: #c03b44;
5496 }
5497 .cd-timeline-img.cd-location {
5498  background: #f0ca45;
5499 }
5500 @media only screen and (min-width: 1170px) {
5501  .cd-timeline-img {
5502  width: 60px;
5503  height: 60px;
5504  left: 50%;
5505  margin-left: -30px;
5506  /* Force Hardware Acceleration in WebKit */
5507  -webkit-transform: translateZ(0);
5508  -webkit-backface-visibility: hidden;
5509  }
5510  .cssanimations .cd-timeline-img.is-hidden {
5511  visibility: hidden;
5512  }
5513  .cssanimations .cd-timeline-img.bounce-in {
5514  visibility: visible;
5515  -webkit-animation: cd-bounce-1 0.6s;
5516  -moz-animation: cd-bounce-1 0.6s;
5517  animation: cd-bounce-1 0.6s;
5518  }
5519 }
5520 
5521 @-webkit-keyframes cd-bounce-1 {
5522  0% {
5523  opacity: 0;
5524  -webkit-transform: scale(0.5);
5525  }
5526 
5527  60% {
5528  opacity: 1;
5529  -webkit-transform: scale(1.2);
5530  }
5531 
5532  100% {
5533  -webkit-transform: scale(1);
5534  }
5535 }
5536 @-moz-keyframes cd-bounce-1 {
5537  0% {
5538  opacity: 0;
5539  -moz-transform: scale(0.5);
5540  }
5541 
5542  60% {
5543  opacity: 1;
5544  -moz-transform: scale(1.2);
5545  }
5546 
5547  100% {
5548  -moz-transform: scale(1);
5549  }
5550 }
5551 @keyframes cd-bounce-1 {
5552  0% {
5553  opacity: 0;
5554  -webkit-transform: scale(0.5);
5555  -moz-transform: scale(0.5);
5556  -ms-transform: scale(0.5);
5557  -o-transform: scale(0.5);
5558  transform: scale(0.5);
5559  }
5560 
5561  60% {
5562  opacity: 1;
5563  -webkit-transform: scale(1.2);
5564  -moz-transform: scale(1.2);
5565  -ms-transform: scale(1.2);
5566  -o-transform: scale(1.2);
5567  transform: scale(1.2);
5568  }
5569 
5570  100% {
5571  -webkit-transform: scale(1);
5572  -moz-transform: scale(1);
5573  -ms-transform: scale(1);
5574  -o-transform: scale(1);
5575  transform: scale(1);
5576  }
5577 }
5578 .cd-timeline-content {
5579  position: relative;
5580  margin-left: 60px;
5581  background: white;
5582  border-radius: 0.25em;
5583  padding: 1em;
5584  background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(230,230,230,0.4) 100%);
5585  background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(230,230,230,0.4) 100%);
5586  background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(230,230,230,0.4) 100%);
5587  background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(230,230,230,0.4) 100%);
5588  background-image: linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(230,230,230,0.4) 100%);
5589 }
5590 .cd-timeline-content:after {
5591  content: "";
5592  display: table;
5593  clear: both;
5594 }
5595 .cd-timeline-content h2 {
5596  color: #303e49;
5597 }
5598 .cd-timeline-content .cd-date {
5599  font-size: 13px;
5600  font-size: 0.8125rem;
5601 }
5602 .cd-timeline-content .cd-date {
5603  display: inline-block;
5604 }
5605 .cd-timeline-content p {
5606  margin: 1em 0;
5607  line-height: 1.6;
5608 }
5609 
5610 .cd-timeline-content .cd-date {
5611  float: left;
5612  padding: .2em 0;
5613  opacity: .7;
5614 }
5615 .cd-timeline-content::before {
5616  content: '';
5617  position: absolute;
5618  top: 16px;
5619  right: 100%;
5620  height: 0;
5621  width: 0;
5622  border: 7px solid transparent;
5623  border-right: 7px solid white;
5624 }
5625 @media only screen and (min-width: 768px) {
5626  .cd-timeline-content h2 {
5627  font-size: 20px;
5628  font-size: 1.25rem;
5629  }
5630  .cd-timeline-content {
5631  font-size: 16px;
5632  font-size: 1rem;
5633  }
5634  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
5635  font-size: 14px;
5636  font-size: 0.875rem;
5637  }
5638 }
5639 @media only screen and (min-width: 1170px) {
5640  .cd-timeline-content {
5641  margin-left: 0;
5642  padding: 1.6em;
5643  width: 43%;
5644  }
5645  .cd-timeline-content::before {
5646  top: 24px;
5647  left: 100%;
5648  border-color: transparent;
5649  border-left-color: white;
5650  }
5651  .cd-timeline-content .cd-read-more {
5652  float: left;
5653  }
5654  .cd-timeline-content .cd-date {
5655  position: absolute;
5656  width: 55%;
5657  left: 115%;
5658  top: 6px;
5659  font-size: 16px;
5660  font-size: 1rem;
5661  }
5662  .cd-timeline-block:nth-child(even) .cd-timeline-content {
5663  float: right;
5664  }
5665  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
5666  top: 24px;
5667  left: auto;
5668  right: 100%;
5669  border-color: transparent;
5670  border-right-color: white;
5671  }
5672  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
5673  float: right;
5674  }
5675  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
5676  left: auto;
5677  right: 115%;
5678  text-align: right;
5679  }
5680 
5681 }
5682 
5683 
5684 
5685 /* ============================================================================== */
5686 /* CSS style used for small screen */
5687 /* ============================================================================== */
5688 
5689 .topmenuimage {
5690  background-size: 22px auto;
5691  top: 2px;
5692 }
5693 .imgopensurveywizard
5694 {
5695  padding: 0 4px 0 4px;
5696 }
5697 @media only screen and (max-width: 767px)
5698 {
5699  .imgopensurveywizard, .imgautosize { width:95%; height: auto; }
5700 
5701  #tooltip {
5702  position: absolute;
5703  width: <?php print dol_size(350,'width'); ?>px;
5704  }
5705 
5706  div.tabBar {
5707  padding-left: 0px;
5708  padding-right: 0px;
5709  -webkit-border-radius: 0;
5710  border-radius: 0px;
5711  border-right: none;
5712  border-left: none;
5713  }
5714 }
5715 
5716 @media only screen and (max-width: 1024px)
5717 {
5718  div#ecm-layout-west {
5719  width: calc(100% - 4px);
5720  clear: both;
5721  }
5722  div#ecm-layout-center {
5723  width: 100%;
5724  }
5725 }
5726 
5727 /* nboftopmenuentries = <?php echo $nbtopmenuentries ?>, fontsize=<?php echo is_numeric($fontsize)?$fontsize.'px':$fontsize ?> */
5728 /* rule to reduce top menu - 1st reduction */
5729 @media only screen and (max-width: <?php echo round($nbtopmenuentries * 91, 0) + 24; ?>px) /* reduction 1 */
5730 {
5731  div.tmenucenter {
5732  width: <?php echo round(52); ?>px; /* size of viewport */
5733  white-space: nowrap;
5734  overflow: hidden;
5735  text-overflow: ellipsis;
5736  color: #<?php echo $colortextbackhmenu; ?>;
5737  }
5738  .mainmenuaspan {
5739  font-size: 0.9em;
5740  padding-right: 0;
5741  }
5742  .topmenuimage {
5743  background-size: 22px auto;
5744  margin-top: 0px;
5745  }
5746 
5747  li.tmenu, li.tmenusel {
5748  min-width: 36px;
5749  }
5750  div.mainmenu {
5751  min-width: auto;
5752  }
5753  div.tmenuleft {
5754  display: none;
5755  }
5756 
5757  .dropdown dd ul {
5758  max-width: 300px;
5759  }
5760 }
5761 /* rule to reduce top menu - 2nd reduction */
5762 @media only screen and (max-width: <?php echo round($nbtopmenuentries * 75, 0) + 24; ?>px) /* reduction 2 */
5763 {
5764  div.mainmenu {
5765  height: 23px;
5766  }
5767  div.tmenucenter {
5768  max-width: <?php echo round(26); ?>px; /* size of viewport */
5769  text-overflow: clip;
5770  }
5771  span.mainmenuaspan {
5772  margin-left: 1px;
5773  }
5774  .mainmenuaspan {
5775  font-size: 0.9em;
5776  padding-left: 0;
5777  padding-right: 0;
5778  }
5779  .topmenuimage {
5780  background-size: 20px auto;
5781  margin-top: 2px;
5782  left: 4px;
5783  }
5784 }
5785 /* rule to reduce top menu - 3rd reduction */
5786 @media only screen and (max-width: <?php echo round($nbtopmenuentries * 49, 0) + 12; ?>px) /* reduction 3 */
5787 {
5788  .side-nav {
5789  z-index: 200;
5790  background: rgb(<?php echo $colorbackvmenu1; ?>);
5791  padding-top: 70px;
5792  }
5793  #id-left {
5794  z-index: 201;
5795  background: rgb(<?php echo $colorbackvmenu1; ?>);
5796  }
5797 
5798  .login_vertical_align {
5799  padding-left: 20px;
5800  padding-right: 20px;
5801  }
5802 
5803  /* Reduce login top right info */
5804  .help {
5805  <?php if ($disableimages) { ?>
5806  display: none;
5807  <?php } ?>
5808  }
5809  div#tmenu_tooltip {
5810  <?php if (GETPOST('optioncss','aZ09') == 'print') { ?>
5811  display:none;
5812  <?php } else { ?>
5813  padding-<?php echo $right; ?>: 0;
5814  <?php } ?>
5815  }
5816  div.login_block_user {
5817  min-width: 0;
5818  width: 100%;
5819  }
5820  div.login_block {
5821  <?php if ($conf->browser->layout == 'phone' && ((GETPOST('testmenuhider','int') || ! empty($conf->global->MAIN_TESTMENUHIDER)) && empty($conf->global->MAIN_OPTIMIZEFORTEXTBROWSER))) { ?>
5822  /* Style when phone layout or when using the menuhider */
5823  display: none;
5824  padding-top: 20px;
5825  padding-left: 20px;
5826  padding-right: 20px;
5827  padding-bottom: 16px;
5828  <?php } else { ?>
5829  padding-top: 5px;
5830  padding-left: 5px;
5831  padding-right: 5px;
5832  padding-bottom: 5px;
5833  <?php } ?>
5834  top: inherit !important;
5835  left: 0 !important;
5836  text-align: center;
5837  vertical-align: middle;
5838 
5839  background: rgb(<?php echo $colorbackvmenu1; ?>);
5840 
5841  height: 50px;
5842 
5843  z-index: 202;
5844  min-width: 190px;
5845  max-width: 190px;
5846  width: 190px;
5847  }
5848  div.login_block_user, div.login_block_other { clear: both; }
5849  .atoplogin, .atoplogin:hover
5850  {
5851  color: #000 !important;
5852  }
5853  .login_block_elem {
5854  padding: 0 !important;
5855  }
5856  li.tmenu, li.tmenusel {
5857  min-width: 32px;
5858  }
5859  div.mainmenu {
5860  height: 23px;
5861  }
5862  div.tmenucenter {
5863  text-overflow: clip;
5864  }
5865  .topmenuimage {
5866  background-size: 20px auto;
5867  margin-top: 2px !important;
5868  left: 2px;
5869  }
5870  div.mainmenu {
5871  min-width: 20px;
5872  }
5873 
5874  .titlefield {
5875  width: auto !important; /* We want to ignor the 30%, try to use more if you can */
5876  }
5877  .tableforfield>tr>td:first-child {
5878  max-width: 100px; /* but no more than 100px */
5879  }
5880  .badge {
5881  line-height: 1.2em;
5882  min-width: auto;
5883  font-size: 12px;
5884  }
5885 }
5886 
5887 <?php
5888 if (is_object($db)) $db->close();
print $object label
hash of file content (md5_file(dol_osencode($destfull))
Definition: edit.php:153
GETPOST($paramname, $check='none', $method=0, $filter=null, $options=null, $noreplace=0)
Return value of a param into GET or POST supervariable.
print
Draft customers invoices.
Definition: index.php:91
if(! defined('NOREQUIREMENU')) if(! function_exists("llxHeader")) top_httphead($contenttype='text/html', $forcenocache=0)
Show HTTP header.
Definition: main.inc.php:1107
dol_size($size, $type='')
Optimize a size for some browsers (phone, smarphone, ...)
$conf db name
Only used if Module[ID]Name translation string is not found.
Definition: repair.php:103
dol_buildpath($path, $type=0, $returnemptyifnotfound=0)
Return path of url or filesystem.
colorStringToArray($stringcolor, $colorifnotfound=array(88, 88, 88))
Convert a string RGB value (&#39;FFFFFF&#39;, &#39;255,255,255&#39;) into an array RGB array(255,255,255).
type
Definition: viewcat.php:284
$conf db user
Definition: repair.php:104
if(GETPOST('cancel', 'alpha')) if(! GETPOST( 'confirmmassaction', 'alpha') &&$massaction !='presend' &&$massaction !='confirm_presend')
Draft customers invoices.
Definition: list.php:156
price($amount, $form=0, $outlangs='', $trunc=1, $rounding=-1, $forcerounding=-1, $currency_code='')
Function to format a value into an amount for visual output Function used into PDF and HTML pages...
pt($db, $sql, $date)
print function
Definition: index.php:91
showmenu($mode, $moredata=null)
Show menu.
colorArrayToHex($arraycolor, $colorifnotfound='888888')
Convert an array with RGB value into hex RGB value.
div float
Buy price without taxes.
Definition: style.css.php:564