diff --git a/htdocs/core/lib/functions.lib.php b/htdocs/core/lib/functions.lib.php
index 0a4014f1855..c3e4eb98a8d 100644
--- a/htdocs/core/lib/functions.lib.php
+++ b/htdocs/core/lib/functions.lib.php
@@ -7827,6 +7827,7 @@ function getDictvalue($tablename, $field, $id, $checkentity = false, $rowidfield
  */
 function colorIsLight($stringcolor)
 {
+    $stringcolor = str_replace('#', '', $stringcolor);
 	$res = -1;
 	if (!empty($stringcolor))
 	{
@@ -7897,3 +7898,213 @@ function roundUpToNextMultiple($n, $x = 5)
 {
 	return (ceil($n)%$x === 0) ? ceil($n) : round(($n+$x/2)/$x)*$x;
 }
+
+/**
+ * @param string $label     label of badge no html : use in alt attribute for accessibility
+ * @param string $html      optional : label of badge with html
+ * @param string $type      type of badge : Primary Secondary Success Danger Warning Info Light Dark status0 status1 status2 status3 status4 status5 status6 status7 status8 status9
+ * @param string $mode      default '' , pill, dot
+ * @param string $url       the url for link
+ * @param array $params     various params for future : recommended rather than adding more fuction arguments
+ * @return string   html badge
+ */
+function dolGetBadge($label, $html = '', $type = 'primary', $mode = '', $url = '', $params = array())
+{
+    
+    $attr=array(
+        'class'=>'badge'.(!empty($mode)?' badge-'.$mode:'').(!empty($type)?' badge-'.$type:'')
+    );
+    
+    if(empty($html)){
+        $html = $label;
+    }
+    
+    if(!empty($url)){
+        $attr['href'] = $url;
+    }
+    
+    if($mode==='dot')
+    {
+        $attr['class'].= ' classfortooltip';
+        $attr['title'] = $html;
+        $attr['aria-label'] = $label;
+        $html='';
+    }
+    
+    // Override attr
+    if(!empty($params['attr']) && is_array($params['attr'])){
+        foreach($params['attr']as $key => $value){
+            $attr[$key] = $value;
+        }
+    }
+
+    // TODO: add hook
+    
+    // escape all attribute
+    $attr = array_map('dol_escape_htmltag', $attr);
+    
+    $TCompiledAttr = array();
+    foreach($attr as $key => $value){
+        $TCompiledAttr[] = $key.'="'.$value.'"';
+    }
+    
+    $compiledAttributes = !empty($TCompiledAttr)?implode(' ', $TCompiledAttr):'';
+    
+    $tag = !empty($url)?'a':'span';
+
+    return '<'.$tag.' '.$compiledAttributes.'>'.$html.'</'.$tag.'>';
+}
+
+
+/**
+ * @param string $statusLabel       label of badge no html : use in alt attribute for accessibility
+ * @param string $statusLabelShort  short label of badge no html
+ * @param string $html              optional : label of badge with html
+ * @param string $statusType        status0 status1 status2 status3 status4 status5 status6 status7 status8 status9 : image name or badge name
+ * @param int	$displayMode         for retrocompatibility  0=Long label, 1=Short label, 2=Picto + Short label, 3=Picto, 4=Picto + Long label, 5=Short label + Picto, 6=Long label + Picto
+ * @param string $url               the url for link
+ * @param array $params         various params for future : recommended rather than adding more function arguments
+ * @return string html status
+ */
+function dolGetStatus($statusLabel = '', $statusLabelShort = '', $html = '', $statusType = 'status0', $displayMode = 0, $url = '', $params = array())
+{
+    global $conf;
+
+    // image's filename are still in French
+    $statusImg=array(
+        'status0' => 'statut0'
+        ,'status1' => 'statut1'
+        ,'status2' => 'statut2'
+        ,'status3' => 'statut3'
+        ,'status4' => 'statut4'
+        ,'status5' => 'statut5'
+        ,'status6' => 'statut6'
+        ,'status7' => 'statut7'
+        ,'status8' => 'statut8'
+        ,'status9' => 'statut9'
+    );
+    
+    // TODO : add a hook
+    
+    if($displayMode==0){
+        $return = !empty($html)?$html:$statusLabel;
+    }
+    elseif($displayMode===1){
+        $return = !empty($html)?$html:(!empty($statusLabelShort)?$statusLabelShort:$statusLabel);
+    }
+    // use status with images
+    elseif(empty($conf->global->MAIN_STATUS_USES_CSS)){
+        $return = '';
+        $htmlLabel      = '<span class="hideonsmartphone">'.(!empty($html)?$html:$statusLabel).'</span>';
+        $htmlLabelShort = '<span class="hideonsmartphone">'.(!empty($html)?$html:(!empty($statusLabelShort)?$statusLabelShort:$statusLabel)).'</span>';
+        
+        if(!empty($statusImg[$statusType])){
+            $htmlImg = img_picto($statusLabel, $statusImg[$statusType]);
+        }else{
+            $htmlImg = img_picto($statusLabel, $statusType);
+        }
+       
+ 
+        if($displayMode === 2){
+            $return =  $htmlImg .' '. $htmlLabel;
+        }
+        elseif($displayMode === 3){
+            $return = $htmlImg;
+        }
+        elseif($displayMode === 4){
+            $return =  $htmlImg .' '. $htmlLabel;
+        }
+        elseif($displayMode === 5){
+            $return = $htmlLabelShort .' '. $htmlImg;
+        }
+        else{ // $displayMode >= 6
+            $return = $htmlLabel .' '. $htmlImg;
+        }
+    }
+    // Use new badge
+    elseif(!empty($conf->global->MAIN_STATUS_USES_CSS) && !empty($displayMode)){
+        
+        $statusLabelShort = !empty($statusLabelShort)?$statusLabelShort:$statusLabel;
+        
+        if($displayMode == 3){
+            $return = dolGetBadge($statusLabel, '', $statusType, 'dot');
+        }
+        elseif($displayMode === 5){
+            $return = dolGetBadge($statusLabelShort, $html, $statusType);
+        }
+        else{
+            $return = dolGetBadge($statusLabel, $html, $statusType);
+        }
+    }
+    
+    return $return;
+}
+
+
+/**
+ * @param string $label     label of button no html : use in alt attribute for accessibility $html is not empty
+ * @param string $html      optional : content with html
+ * @param string $actionType      default, delete, danger
+ * @param string $url       the url for link
+ * @param string $id        attribute id of button
+ * @param int $userRight    user action right
+ * @param array $params     various params for future : recommended rather than adding more function arguments
+ * @return string html button
+ */
+function dolGetButtonAction($label, $html = '', $actionType = 'default', $url = '', $id = '', $userRight = 1, $params = array())
+{
+
+    
+    $class = 'butAction' ;
+    if($actionType == 'danger' || $actionType == 'delete'){
+        $class = 'butActionDelete' ;
+    }
+    
+    $attr=array(
+        'class' => $class
+        ,'href' => empty($url)?'':$url
+    );
+
+    if(empty($html)){
+        $html = $label;
+    }else{
+        $attr['aria-label'] = $label;
+    }
+    
+
+    if(empty($userRight)){
+        $attr['class'] = 'butActionRefused';
+        $attr['href'] = '';
+    }
+    
+    if(empty($id)){
+        $attr['id'] = $id;
+    }
+    
+    // Override attr
+    if(!empty($params['attr']) && is_array($params['attr'])){
+        foreach($params['attr'] as $key => $value){
+            $attr[$key] = $value;
+        }
+    }
+    
+    if(isset($attr['href']) && empty($attr['href'])){
+        unset($attr['href']);
+    }
+    
+    // TODO : add a hook
+    
+    // escape all attribute
+    $attr = array_map('dol_escape_htmltag', $attr);
+    
+    $TCompiledAttr = array();
+    foreach($attr as $key => $value){
+        $TCompiledAttr[] = $key.'="'.$value.'"';
+    }
+    
+    $compiledAttributes = !empty($TCompiledAttr)?implode(' ', $TCompiledAttr):'';
+    
+    $tag = !empty($attr['href'])?'a':'span';
+    
+    return '<div class="inline-block divButAction"><'.$tag.' '.$compiledAttributes.'>'.$html.'</'.$tag.'></div>';
+}
diff --git a/htdocs/core/lib/functions2.lib.php b/htdocs/core/lib/functions2.lib.php
index 06e551d2ad6..99823fba3af 100644
--- a/htdocs/core/lib/functions2.lib.php
+++ b/htdocs/core/lib/functions2.lib.php
@@ -2200,6 +2200,108 @@ function colorStringToArray($stringcolor, $colorifnotfound = array(88,88,88))
 	return array(hexdec($reg[1]),hexdec($reg[2]),hexdec($reg[3]));
 }
 
+/**
+ * @param string $color the color you need to valid
+ * @param boolean $allow_white in case of white isn't valid
+ * @return boolean
+ */
+function colorValidateHex($color, $allow_white = true)
+{
+    
+    if(!$allow_white && ($color === '#fff' || $color === '#ffffff') ) return false;
+    
+    if(preg_match('/^#[a-f0-9]{6}$/i', $color)) //hex color is valid
+    {
+        return true;
+    }
+    return false;
+}
+
+
+/**
+ * @param string $hex color in hex
+ * @param integer $steps Steps should be between -255 and 255. Negative = darker, positive = lighter
+ * @return string
+ */
+function colorAdjustBrightness($hex, $steps)
+{
+    // Steps should be between -255 and 255. Negative = darker, positive = lighter
+    $steps = max(-255, min(255, $steps));
+    
+    // Normalize into a six character long hex string
+    $hex = str_replace('#', '', $hex);
+    if (strlen($hex) == 3) {
+        $hex = str_repeat(substr($hex, 0, 1), 2).str_repeat(substr($hex, 1, 1), 2).str_repeat(substr($hex, 2, 1), 2);
+    }
+    
+    // Split into three parts: R, G and B
+    $color_parts = str_split($hex, 2);
+    $return = '#';
+    
+    foreach ($color_parts as $color) {
+        $color   = hexdec($color); // Convert to decimal
+        $color   = max(0, min(255, $color + $steps)); // Adjust color
+        $return .= str_pad(dechex($color), 2, '0', STR_PAD_LEFT); // Make two char hex code
+    }
+    
+    return $return;
+}
+
+/**
+ * @param string $hex color in hex
+ * @param integer $percent 0 to 100
+ * @return string
+ */
+function colorDarker($hex, $percent)
+{
+    $steps = intval(255 * $percent / 100) * -1;
+    return colorAdjustBrightness($hex, $steps);
+}
+
+/**
+ * @param string $hex color in hex
+ * @param integer $percent 0 to 100
+ * @return string
+ */
+function colorLighten($hex, $percent)
+{
+    $steps = intval(255 * $percent / 100);
+    return colorAdjustBrightness($hex, $steps);
+}
+
+
+/**
+ * @param string $hex color in hex
+ * @param float $alpha 0 to 1
+ * @param bool $returnArray set to 1 to return an array instead of string
+ * @return string
+ */
+function colorHexToRgb($hex, $alpha = false, $returnArray = false)
+{
+    $string = '';
+    $hex      = str_replace('#', '', $hex);
+    $length   = strlen($hex);
+    $rgb = array();
+    $rgb['r'] = hexdec($length == 6 ? substr($hex, 0, 2) : ($length == 3 ? str_repeat(substr($hex, 0, 1), 2) : 0));
+    $rgb['g'] = hexdec($length == 6 ? substr($hex, 2, 2) : ($length == 3 ? str_repeat(substr($hex, 1, 1), 2) : 0));
+    $rgb['b'] = hexdec($length == 6 ? substr($hex, 4, 2) : ($length == 3 ? str_repeat(substr($hex, 2, 1), 2) : 0));
+    if ( $alpha !== false ) {
+        $rgb['a'] = floatval($alpha);
+        $string = 'rgba('.implode(',', $rgb).')';
+    }
+    else{
+        $string = 'rgb('.implode(',', $rgb).')';
+    }
+    
+    if($returnArray){
+        return $rgb;
+    }
+    else{
+        return $string;
+    }
+}
+
+
 /**
  * Applies the Cartesian product algorithm to an array
  * Source: http://stackoverflow.com/a/15973172
diff --git a/htdocs/theme/eldy/_badges.css.php b/htdocs/theme/eldy/_badges.css.php
new file mode 100644
index 00000000000..7384fffed5f
--- /dev/null
+++ b/htdocs/theme/eldy/_badges.css.php
@@ -0,0 +1,201 @@
+<?php
+if (! defined('ISLOADEDBYSTEELSHEET')) die('Must be call by steelsheet'); ?>
+/* <style type="text/css" > */
+/*
+ Badge style is based on boostrap framework
+ */
+
+.badge {
+    display: inline-block;
+    padding: .1em .35em;
+    font-size: 80%;
+    font-weight: 700 !important;
+    line-height: 1;
+    text-align: center;
+    white-space: nowrap;
+    vertical-align: baseline;
+    border-radius: .25rem;
+    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
+    border-width: 2px;
+    border-style: solid;
+    border-color: rgba(255,255,255,0);
+    box-sizing: border-box;
+}
+
+.badge-pill, .tabs .badge {
+    padding-right: .6em;
+    padding-left: .6em;
+    border-radius: 10rem;
+}
+
+.badge-dot {
+    padding: 0;
+    border-radius: 50%;
+    padding: 0.6em;
+    vertical-align: middle;
+}
+
+a.badge:focus, a.badge:hover {
+    text-decoration: none;
+}
+
+
+
+
+
+/* PRIMARY */
+.badge-primary{
+    color: #fff !important;
+    background-color: <?php print $badgePrimary; ?>;
+}
+a.badge-primary.focus, a.badge-primary:focus {
+    outline: 0;
+    box-shadow: 0 0 0 0.2rem <?php print colorHexToRgb($badgePrimary, 0.5); ?>;
+}
+a.badge-primary:focus, a.badge-primary:hover {
+    color: #fff !important;
+    background-color: <?php print colorDarker($badgePrimary, 10); ?>;
+}
+
+/* SECONDARY */
+.badge-secondary, .tabs .badge {
+    color: #fff !important;
+    background-color: <?php print $badgeSecondary; ?>;
+}
+a.badge-secondary.focus, a.badge-secondary:focus {
+    outline: 0;
+    box-shadow: 0 0 0 0.2rem <?php print colorHexToRgb($badgeSecondary, 0.5); ?>;
+}
+a.badge-secondary:focus, a.badge-secondary:hover {
+    color: #fff !important;
+    background-color: <?php print colorDarker($badgeSecondary, 10); ?>;
+}
+
+/* SUCCESS */
+.badge-success {
+    color: #fff !important;
+    background-color: <?php print $badgeSuccess; ?>;
+}
+a.badge-success.focus, a.badge-success:focus {
+    outline: 0;
+    box-shadow: 0 0 0 0.2rem <?php print colorHexToRgb($badgeSuccess, 0.5); ?>;
+}
+a.badge-success:focus, a.badge-success:hover {
+    color: #fff !important;
+    background-color: <?php print colorDarker($badgeSuccess, 10); ?>;
+}
+
+/* DANGER */
+.badge-danger {
+    color: #fff !important;
+    background-color:  <?php print $badgeDanger; ?>;
+}
+a.badge-danger.focus, a.badge-danger:focus {
+    outline: 0;
+    box-shadow: 0 0 0 0.2rem <?php print colorHexToRgb($badgeDanger, 0.5); ?>;
+}
+a.badge-danger:focus, a.badge-danger:hover {
+    color: #fff !important;
+    background-color: <?php print colorDarker($badgeDanger, 10); ?>;
+}
+
+/* WARNING */
+.badge-warning {
+    color: #212529 !important;
+    background-color: <?php print $badgeWarning; ?>;
+}
+a.badge-warning.focus, a.badge-warning:focus {
+    outline: 0;
+    box-shadow: 0 0 0 0.2rem <?php print colorHexToRgb($badgeWarning, 0.5); ?>;
+}
+a.badge-warning:focus, a.badge-warning:hover {
+    color: #212529 !important;
+    background-color: <?php print colorDarker($badgeWarning, 10); ?>;
+}
+
+/* INFO */
+.badge-info {
+    color: #fff !important;
+    background-color: <?php print $badgeInfo; ?>;
+}
+a.badge-info.focus, a.badge-info:focus {
+    outline: 0;
+    box-shadow: 0 0 0 0.2rem <?php print colorHexToRgb($badgeInfo, 0.5); ?>;
+}
+a.badge-info:focus, a.badge-info:hover {
+    color: #fff !important;
+    background-color: <?php print colorDarker($badgeInfo, 10); ?>;
+}
+
+/* LIGHT */
+.badge-light {
+    color: #212529 !important;
+    background-color: <?php print $badgeLight; ?>;
+}
+a.badge-light.focus, a.badge-light:focus {
+    outline: 0;
+    box-shadow: 0 0 0 0.2rem <?php print colorHexToRgb($badgeLight, 0.5); ?>;
+}
+a.badge-light:focus, a.badge-light:hover {
+    color: #212529 !important;
+    background-color: <?php print colorDarker($badgeLight, 10); ?>;
+}
+
+/* DARK */
+.badge-dark {
+    color: #fff !important;
+    background-color: <?php print $badgeDark; ?>;
+}
+a.badge-dark.focus, a.badge-dark:focus {
+    outline: 0;
+    box-shadow: 0 0 0 0.2rem <?php print colorHexToRgb($badgeDark, 0.5); ?>;
+}
+a.badge-dark:focus, a.badge-dark:hover {
+    color: #fff !important;
+    background-color: <?php print colorDarker($badgeDark, 10); ?>;
+}
+
+/* 
+* STATUS BADGES
+*/
+
+/* Default Status */
+
+<?php for ($i = 0; $i <= 9; $i++){
+
+    print "\n/* STATUS".$i." */\n";
+    
+    $thisBadgeBackgroundColor = $thisBadgeBorderColor = ${'badgeStatus'.$i};
+
+    
+    $TBadgeBorderOnly = array(0,3,5,7);
+    $thisBadgeTextColor = colorIsLight(${'badgeStatus'.$i})?'#212529':'#ffffff';
+    if(in_array($i, $TBadgeBorderOnly)){
+        $thisBadgeTextColor = '#212529';
+        $thisBadgeBackgroundColor = "#fff";
+    }
+    
+    print ".badge-status".$i." {\n";
+    print "        color: ".$thisBadgeTextColor." !important;\n";
+    
+    if(in_array($i, $TBadgeBorderOnly)){
+        print "        border-color: ".$thisBadgeBorderColor.";\n";
+    }
+    
+    print "        background-color: ".$thisBadgeBackgroundColor.";\n";
+    print "}\n";
+    
+    print ".badge-status".$i.".focus, .badge-status".$i.":focus {\n";
+    print "    outline: 0;\n";
+    print "    box-shadow: 0 0 0 0.2rem ".colorHexToRgb($thisBadgeBackgroundColor, 0.5).";\n";
+    print "}\n";
+    
+    print ".badge-status".$i.":focus, .badge-status".$i.":hover {\n";
+    print "    color: ".$thisBadgeTextColor." !important;\n";
+    print "    background-color: ".colorDarker($thisBadgeBackgroundColor, 10).";\n";
+    if(in_array($i, $TBadgeBorderOnly)){
+        print "        border-color: ".colorDarker($thisBadgeBorderColor, 10).";\n";
+    }
+    print "}\n";
+}
+
diff --git a/htdocs/theme/eldy/_global.css.php b/htdocs/theme/eldy/_global.css.php
new file mode 100644
index 00000000000..26f8dc7f1f0
--- /dev/null
+++ b/htdocs/theme/eldy/_global.css.php
@@ -0,0 +1,5692 @@
+<?php if (! defined('ISLOADEDBYSTEELSHEET')) die('Must be call by steelsheet'); ?>
+/* <style type="text/css" > */
+
+/* ============================================================================== */
+/* Default styles                                                                 */
+/* ============================================================================== */
+
+
+body {
+<?php if (GETPOST('optioncss', 'aZ09') == 'print') {  ?>
+	background-color: #FFFFFF;
+<?php } else { ?>
+	background: rgb(<?php print $colorbackbody; ?>);
+<?php } ?>
+	color: rgb(<?php echo $colortext; ?>);
+	font-size: <?php print is_numeric($fontsize) ? $fontsize.'px' : $fontsize; ?>;
+	line-height: 1.4;
+	font-family: <?php print $fontlist ?>;
+    margin-top: 0;
+    margin-bottom: 0;
+    margin-right: 0;
+    margin-left: 0;
+    <?php print 'direction: '.$langs->trans("DIRECTION").";\n"; ?>
+}
+
+.thumbstat { font-weight: bold !important; }
+th a { font-weight: <?php echo ($useboldtitle?'bold':'normal'); ?> !important; }
+a.tab { font-weight: 500 !important; }
+
+a:link, a:visited, a:hover, a:active { font-family: <?php print $fontlist ?>; font-weight: normal; color: rgb(<?php print $colortextlink; ?>); text-decoration: none;  }
+a:hover { text-decoration: underline; color: rgb(<?php print $colortextlink; ?>); }
+a.commonlink { color: rgb(<?php print $colortextlink; ?>) !important; text-decoration: none; }
+th.liste_titre a div div:hover, th.liste_titre_sel a div div:hover { text-decoration: underline; }
+input, input.flat, textarea, textarea.flat, form.flat select, select, select.flat, .dataTables_length label select {
+	background-color: #FFF;
+}
+select.vmenusearchselectcombo {
+	background-color: unset;
+}
+
+input.select2-input {
+	border-bottom: none ! important;
+}
+.select2-choice {
+	border: none;
+	border-bottom:  solid 1px rgba(0,0,0,.2) !important;	/* required to avoid to lose bottom line when focus is lost on select2. */
+}
+
+.liste_titre input[name=month_date_when], .liste_titre input[name=monthvalid], .liste_titre input[name=search_ordermonth], .liste_titre input[name=search_deliverymonth],
+.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],
+.liste_titre input[name=month_lim], .liste_titre input[name=month_start], .liste_titre input[name=month_end], .liste_titre input[name=month_create],
+.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],
+.liste_titre input[name=search_month_create], .liste_titre input[name=search_month_start], .liste_titre input[name=search_month_end],
+.liste_titre input[name=day_date_when], .liste_titre input[name=dayvalid], .liste_titre input[name=search_orderday], .liste_titre input[name=search_deliveryday],
+.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],
+.liste_titre input[name=day_lim], .liste_titre input[name=day_start], .liste_titre input[name=day_end], .liste_titre input[name=day_create],
+.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],
+.liste_titre input[name=search_day_create], .liste_titre input[name=search_day_start], .liste_titre input[name=search_day_end],
+.liste_titre input[name=search_day_date_when], .liste_titre input[name=search_month_date_when], .liste_titre input[name=search_year_date_when],
+.liste_titre input[name=search_dtstartday], .liste_titre input[name=search_dtendday], .liste_titre input[name=search_dtstartmonth], .liste_titre input[name=search_dtendmonth]
+{
+	margin-right: 4px;
+}
+input[type=submit] {
+	margin-left: 5px;
+}
+input, input.flat, form.flat select, select, select.flat, .dataTables_length label select {
+	border: none;
+}
+input, input.flat, textarea, textarea.flat, form.flat select, select, select.flat, .dataTables_length label select {
+    font-family: <?php print $fontlist ?>;
+    outline: none;
+    margin: 0px 0px 0px 0px;
+    border<?php echo empty($conf->global->THEME_HIDE_BORDER_ON_INPUT)?'-bottom':''; ?>: solid 1px rgba(0,0,0,.2);
+}
+
+input {
+    line-height: 1.3em;
+	padding: 5px;
+	padding-left: 5px;
+}
+select {
+	padding-top: 4px;
+	padding-right: 4px;
+	padding-bottom: 3px;
+	padding-left: 2px;
+}
+input, select {
+	margin-left:0px;
+	margin-bottom:1px;
+	margin-top:1px;
+}
+
+/* Focus definitions must be after standard definition */
+textarea:focus {
+    /* v6 box-shadow: 0 0 4px #8091BF; */
+	border: 1px solid #aaa !important;
+}
+input:focus, select:focus {
+	border-bottom: 1px solid #666;
+}
+textarea.cke_source:focus
+{
+	box-shadow: none;
+}
+
+textarea {
+	border-radius: 0;
+	border-top:solid 1px rgba(0,0,0,.2);
+	border-left:solid 1px rgba(0,0,0,.2);
+	border-right:solid 1px rgba(0,0,0,.2);
+	border-bottom:solid 1px rgba(0,0,0,.2);
+
+	padding:4px;
+	margin-left:0px;
+	margin-bottom:1px;
+	margin-top:1px;
+	}
+input.removedassigned  {
+	padding: 2px !important;
+	vertical-align: text-bottom;
+	margin-bottom: -3px;
+}
+input.smallpadd {	/* Used for timesheet input */
+	padding-left: 0px !important;
+	padding-right: 0px !important;
+}
+input.buttongen {
+	vertical-align: middle;
+}
+input.buttonpayment {
+	min-width: 320px;
+	margin-bottom: 15px;
+	background-image: none;
+	line-height: 24px;
+	padding: 8px;
+	background: none;
+	padding-left: 38px;
+	text-align: <?php echo $left; ?>;
+	border: 1px solid #ddd;
+	background-color: #eee;
+	white-space: normal;
+	box-shadow: 1px 1px 8px #bbb;
+}
+input.buttonpaymentcb {
+	background-image: url(<?php echo dol_buildpath($path.'/theme/common/credit_card.png', 1) ?>);
+	background-size: 26px;
+	background-repeat: no-repeat;
+	background-position: 5px 11px;
+}
+input.buttonpaymentcheque {
+	background-image: url(<?php echo dol_buildpath($path.'/theme/common/cheque.png', 1) ?>);
+	background-size: 24px;
+	background-repeat: no-repeat;
+	background-position: 5px 8px;
+}
+input.buttonpaymentpaypal {
+	background-image: url(<?php echo dol_buildpath($path.'/paypal/img/object_paypal.png', 1) ?>);
+	background-repeat: no-repeat;
+	background-position: 8px 11px;
+}
+input.buttonpaymentpaybox {
+	background-image: url(<?php echo dol_buildpath($path.'/paybox/img/object_paybox.png', 1) ?>);
+	background-repeat: no-repeat;
+	background-position: 8px 11px;
+}
+input.buttonpaymentstripe {
+	background-image: url(<?php echo dol_buildpath($path.'/stripe/img/object_stripe.png', 1) ?>);
+	background-repeat: no-repeat;
+	background-position: 8px 11px;
+}
+
+/* Used by timesheets */
+span.timesheetalreadyrecorded input {
+    border: none;
+    border-bottom: solid 1px rgba(0,0,0,0.4);
+    margin-right: 1px !important;
+}
+td.weekend {
+	background-color: #eee;
+}
+td.onholidaymorning, td.onholidayafternoon {
+	background-color: #fdf6f2;
+}
+td.onholidayallday {
+	background-color: #f4eede;
+}
+td.leftborder, td.hide0 {
+	border-left: 1px solid #ccc;
+}
+td.leftborder, td.hide6 {
+	border-right: 1px solid #ccc;
+}
+td.rightborder {
+	border-right: 1px solid #ccc;
+}
+
+td.actionbuttons a {
+    padding-left: 6px;
+}
+select.flat, form.flat select {
+	font-weight: normal;
+	font-size: unset;
+}
+.optionblue {
+	color: rgb(<?php echo $colortextlink; ?>);
+}
+.select2-results .select2-highlighted.optionblue {
+	color: #FFF !important;
+}
+.optiongrey, .opacitymedium {
+	opacity: 0.4;
+}
+.opacityhigh {
+	opacity: 0.2;
+}
+.opacitytransp {
+	opacity: 0;
+}
+select:invalid {
+	color: gray;
+}
+input:disabled {
+	background:#ddd;
+}
+
+input.liste_titre {
+	box-shadow: none !important;
+}
+input.removedfile {
+	padding: 0px !important;
+	border: 0px !important;
+	vertical-align: text-bottom;
+}
+textarea:disabled {
+	background:#ddd;
+}
+input[type=file ]    { background-color: transparent; border-top: none; border-left: none; border-right: none; box-shadow: none; }
+input[type=checkbox] { background-color: transparent; border: none; box-shadow: none; }
+input[type=radio]    { background-color: transparent; border: none; box-shadow: none; }
+input[type=image]    { background-color: transparent; border: none; box-shadow: none; }
+input:-webkit-autofill {
+	background-color: #FDFFF0 !important;
+	background-image:none !important;
+	-webkit-box-shadow: 0 0 0 50px #FDFFF0 inset;
+}
+::-webkit-input-placeholder { color:#ccc; }
+input:-moz-placeholder { color:#ccc; }
+input[name=price], input[name=weight], input[name=volume], input[name=surface], input[name=sizeheight], select[name=incoterm_id] { margin-right: 6px; }
+input[name=surface] { margin-right: 4px; }
+fieldset { border: 1px solid #AAAAAA !important; }
+.legendforfieldsetstep { padding-bottom: 10px; }
+input#onlinepaymenturl, input#directdownloadlink {
+	opacity: 0.7;
+}
+
+hr { border: 0; border-top: 1px solid #ccc; }
+.tabBar hr { margin-top: 20px; margin-bottom: 17px; }
+
+.button, .buttonDelete, input[name="sbmtConnexion"] {
+	margin-bottom: 0;
+	margin-top: 0;
+	margin-left: 5px;
+	margin-right: 5px;
+    font-family: <?php print $fontlist ?>;
+	display: inline-block;
+	padding: 4px 14px;
+	text-align: center;
+	cursor: pointer;
+	text-decoration: none !important;
+	background-color: #f5f5f5;
+	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
+	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
+	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
+	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
+	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
+	background-repeat: repeat-x;
+	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
+	border: 1px solid #aaa;
+	-webkit-border-radius: 2px;
+	border-radius: 1px;
+
+	font-weight: bold;
+	text-transform: uppercase;
+	color: #444;
+}
+.button:focus, .buttonDelete:focus  {
+	-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 60, 0.2), 0px 0px 0px rgba(60,60,60,0.1);
+	box-shadow: 0px 0px 5px 1px rgba(0, 0, 60, 0.2), 0px 0px 0px rgba(60,60,60,0.1);
+}
+.button:hover, .buttonDelete:hover   {
+	/* warning: having a larger shadow has side effect when button is completely on left of a table */
+	-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2), 0px 0px 0px rgba(60,60,60,0.1);
+	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2), 0px 0px 0px rgba(60,60,60,0.1);
+}
+.button:disabled, .buttonDelete:disabled {
+	opacity: 0.4;
+    box-shadow: none;
+    -webkit-box-shadow: none;
+    cursor: auto;
+}
+.buttonRefused {
+	pointer-events: none;
+   	cursor: default;
+	opacity: 0.4;
+    box-shadow: none;
+    -webkit-box-shadow: none;
+}
+form {
+    padding:0px;
+    margin:0px;
+}
+form#addproduct {
+    padding-top: 10px;
+}
+div.float
+{
+    float:<?php print $left; ?>;
+}
+div.floatright
+{
+    float:<?php print $right; ?>;
+}
+.inline-block
+{
+	display:inline-block;
+}
+
+th .button {
+    -webkit-box-shadow: none !important;
+    box-shadow: none !important;
+	-webkit-border-radius:0px !important;
+	border-radius:0px !important;
+}
+.maxwidthsearch {		/* Max width of column with the search picto */
+	width: 54px;
+}
+.valigntop {
+	vertical-align: top;
+}
+.valignmiddle {
+	vertical-align: middle;
+}
+.valignbottom {
+	vertical-align: bottom;
+}
+.valigntextbottom {
+	vertical-align: text-bottom;
+}
+.centpercent {
+	width: 100%;
+}
+.quatrevingtpercent, .inputsearch {
+	width: 80%;
+}
+.soixantepercent {
+	width: 60%;
+}
+.quatrevingtquinzepercent {
+	width: 95%;
+}
+textarea.centpercent {
+	width: 96%;
+}
+.center {
+    text-align: center;
+    margin: 0px auto;
+}
+.left {
+	text-align: <?php print $left; ?>;
+}
+.right {
+	text-align: <?php print $right; ?>;
+}
+.justify {
+	text-align: justify;
+}
+.nowrap {
+	white-space: <?php print ($dol_optimize_smallscreen?'normal':'nowrap'); ?>;
+}
+.liste_titre .nowrap {
+	white-space: nowrap;
+}
+.nowraponall {	/* no wrap on all devices */
+	white-space: nowrap;
+}
+.wrapimp {
+	white-space: normal !important;
+}
+.wordwrap {
+	word-wrap: break-word;
+}
+.wordbreak {
+	word-break: break-all;
+}
+.bold {
+	font-weight: bold !important;
+}
+.nobold {
+	font-weight: normal !important;
+}
+.nounderline {
+    text-decoration: none;
+}
+.paddingleft {
+	padding-<?php print $left; ?>: 4px;
+}
+.paddingleft2 {
+	padding-<?php print $left; ?>: 2px;
+}
+.paddingright {
+	padding-<?php print $right; ?>: 4px;
+}
+.paddingright2 {
+	padding-<?php print $right; ?>: 2px;
+}
+.cursordefault {
+	cursor: default;
+}
+.cursorpointer {
+	cursor: pointer;
+}
+.cursormove {
+	cursor: move;
+}
+.cursornotallowed {
+	cursor: not-allowed;
+}
+
+<?php include dol_buildpath($path.'/theme/'.$theme.'/_badges.css.php', 0); ?>
+
+.borderrightlight
+{
+	border-right: 1px solid #DDD;
+}
+#formuserfile {
+	margin-top: 4px;
+}
+#formuserfile_link {
+	margin-left: 1px;
+}
+.listofinvoicetype {
+	height: 28px;
+	vertical-align: middle;
+}
+.divsocialnetwork:not(:first-child) {
+    padding-left: 20px;
+}
+div.divsearchfield {
+	float: <?php print $left; ?>;
+	margin-<?php print $right; ?>: 12px;
+    margin-<?php print $left; ?>: 2px;
+	margin-top: 4px;
+    margin-bottom: 4px;
+  	padding-left: 2px;
+}
+.divsearchfieldfilter {
+    text-overflow: clip;
+    overflow: auto;
+    padding-bottom: 5px;
+    opacity: 0.6;
+}
+<?php
+// Add a nowrap on smartphone, so long list of field used for filter are overflowed with clip
+if ($conf->browser->layout == 'phone') {
+?>
+.divsearchfieldfilter {
+   	white-space: nowrap;
+}
+<?php } ?>
+div.confirmmessage {
+	padding-top: 6px;
+}
+ul.attendees {
+	padding-top: 0;
+	padding-bottom: 0;
+	padding-left: 0;
+	margin-top: 0;
+	margin-bottom: 0;
+}
+ul.attendees li {
+	list-style-type: none;
+	padding-top:1px;
+	padding-bottom:1px;
+}
+.googlerefreshcal {
+	padding-top: 4px;
+	padding-bottom: 4px;
+}
+.paddingtopbottom {
+	padding-top: 10px;
+	padding-bottom: 10px;
+}
+.checkallactions {
+    margin-left: 2px;		/* left must be same than right to keep checkbox centered */
+    margin-right: 2px;		/* left must be same than right to keep checkbox centered */
+    vertical-align: middle;
+}
+select.flat.selectlimit {
+    max-width: 62px;
+}
+.selectlimit, .marginrightonly {
+	margin-right: 10px !important;
+}
+.marginleftonly {
+	margin-left: 10px !important;
+}
+.marginleftonlyshort {
+	margin-left: 4px !important;
+}
+.nomarginleft {
+	margin-left: 0px !important;
+}
+.marginbottomonly {
+	margin-bottom: 10px !important;
+}
+.selectlimit, .selectlimit:focus {
+    border-left: none !important;
+    border-top: none !important;
+    border-right: none !important;
+    outline: none;
+}
+.strikefordisabled {
+	text-decoration: line-through;
+}
+.widthdate {
+	width: 130px;
+}
+/* using a tdoverflowxxx make the min-width not working */
+.tdoverflow {
+    max-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+.tdoverflowmax50 {			/* For tdoverflow, the max-midth become a minimum ! */
+    max-width: 50px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+.tdoverflowmax100 {			/* For tdoverflow, the max-midth become a minimum ! */
+    max-width: 100px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+.tdoverflowmax150 {			/* For tdoverflow, the max-midth become a minimum ! */
+    max-width: 150px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+.tdoverflowmax200 {			/* For tdoverflow, the max-midth become a minimum ! */
+    max-width: 200px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+.tdoverflowmax300 {			/* For tdoverflow, the max-midth become a minimum ! */
+    max-width: 300px;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+.tdoverflowauto {
+    max-width: 0;
+    overflow: auto;
+}
+.tablelistofcalendars {
+	margin-top: 25px !important;
+}
+.amountalreadypaid {
+}
+.amountpaymentcomplete {
+	color: #008800;
+	font-weight: bold;
+	font-size: 1.4em;
+}
+.amountremaintopay {
+	color: #880000;
+	font-weight: bold;
+	font-size: 1.4em;
+}
+.amountremaintopayback {
+	font-weight: bold;
+	font-size: 1.4em;
+}
+.amountpaymentneutral {
+	font-weight: bold;
+	font-size: 1.4em;
+}
+.savingdocmask {
+	margin-top: 6px;
+	margin-bottom: 12px;
+}
+#builddoc_form ~ .showlinkedobjectblock {
+    margin-top: 20px;
+}
+
+/* For the long description of module */
+.moduledesclong p img, .moduledesclong p a img {
+    max-width: 90% !important;
+    height: auto !important;
+}
+.imgdoc {
+    margin: 18px;
+    border: 1px solid #ccc;
+    box-shadow: 1px 1px 25px #aaa;
+    max-width: calc(100% - 56px);
+}
+.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 {
+	color: #055;
+}
+
+.fa-15 {
+	font-size: 1.5em;
+}
+
+/* DOL_XXX for future usage (when left menu has been removed). If we do not use datatable */
+/*.table-responsive {
+    width: calc(100% - 330px);
+    margin-bottom: 15px;
+    overflow-y: hidden;
+    -ms-overflow-style: -ms-autohiding-scrollbar;
+}*/
+/* Style used for most tables */
+.div-table-responsive, .div-table-responsive-no-min {
+    overflow-x: auto;
+    min-height: 0.01%;
+}
+.div-table-responsive {
+    line-height: 120%;
+}
+/* Style used for full page tables with field selector and no content after table (priority before previous for such tables) */
+div.fiche>form>div.div-table-responsive, div.fiche>form>div.div-table-responsive-no-min {
+    overflow-x: auto;
+}
+div.fiche>form>div.div-table-responsive {
+    min-height: 392px;
+}
+div.fiche>div.tabBar>form>div.div-table-responsive {
+    min-height: 392px;
+}
+div.fiche {
+	/* text-align: justify; */
+}
+
+.flexcontainer {
+    <?php if (in_array($conf->browser->name, array('chrome','firefox'))) echo 'display: inline-flex;'."\n"; ?>
+    flex-flow: row wrap;
+    justify-content: flex-start;
+}
+.thumbstat {
+    min-width: 150px;
+}
+.thumbstat150 {
+    min-width: 168px;
+    max-width: 169px;
+    /* 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 */
+}
+.thumbstat, .thumbstat150 {
+<?php if ($conf->browser->name == 'ie') { ?>
+    min-width: 150px;
+    width: 100%;
+    display: inline;
+<?php } else { ?>
+	flex-grow: 1;
+	flex-shrink: 0;
+<?php } ?>
+}
+
+select.selectarrowonleft {
+	direction: rtl;
+}
+select.selectarrowonleft option {
+	direction: ltr;
+}
+
+
+/* ============================================================================== */
+/* Styles to hide objects                                                         */
+/* ============================================================================== */
+
+.clearboth  { clear:both; }
+.hideobject { display: none; }
+.minwidth50  { min-width: 50px; }
+/* rule for not too small screen only */
+@media only screen and (min-width: <?php echo round($nbtopmenuentries * 45, 0) + 7; ?>px)
+{
+	.width25  { width: 25px; }
+    .width50  { width: 50px; }
+    .width75  { width: 75px; }
+    .width100 { width: 100px; }
+    .width200 { width: 200px; }
+    .minwidth100 { min-width: 100px; }
+    .minwidth150 { min-width: 150px; }
+    .minwidth200 { min-width: 200px; }
+    .minwidth300 { min-width: 300px; }
+    .minwidth400 { min-width: 400px; }
+    .minwidth500 { min-width: 500px; }
+    .minwidth50imp  { min-width: 50px !important; }
+    .minwidth75imp  { min-width: 75px !important; }
+    .minwidth100imp { min-width: 100px !important; }
+    .minwidth200imp { min-width: 200px !important; }
+    .minwidth300imp { min-width: 300px !important; }
+    .minwidth400imp { min-width: 400px !important; }
+    .minwidth500imp { min-width: 500px !important; }
+}
+.widthauto { width: auto; }
+.width25  { width: 25px; }
+.width50  { width: 50px; }
+.width75  { width: 75px; }
+.width100 { width: 100px; }
+.width150 { width: 150px; }
+.width200 { width: 200px; }
+.maxwidth25  { max-width: 25px; }
+.maxwidth50  { max-width: 50px; }
+.maxwidth75  { max-width: 75px; }
+.maxwidth100 { max-width: 100px; }
+.maxwidth125 { max-width: 125px; }
+.maxwidth150 { max-width: 150px; }
+.maxwidth200 { max-width: 200px; }
+.maxwidth300 { max-width: 300px; }
+.maxwidth400 { max-width: 400px; }
+.maxwidth500 { max-width: 500px; }
+.maxwidth50imp  { max-width: 50px !important; }
+.maxwidth75imp  { max-width: 75px !important; }
+.minheight20 { min-height: 20px; }
+.minheight40 { min-height: 40px; }
+.titlefieldcreate { width: 20%; }
+.titlefield       { width: 25%; }
+.titlefieldmiddle { width: 50%; }
+.imgmaxwidth180 { max-width: 180px; }
+.imgmaxheight50 { max-height: 50px; }
+
+.width20p { width:20%; }
+.width25p { width:25%; }
+.width40p { width:40%; }
+.width50p { width:50%; }
+.width60p { width:60%; }
+.width75p { width:75%; }
+.width80p { width:80%; }
+.width100p { width:100%; }
+
+
+/* Force values for small screen 1400 */
+@media only screen and (max-width: 1400px)
+{
+	.titlefield { width: 30% !important; }
+	.titlefieldcreate { width: 30% !important; }
+	.minwidth50imp  { min-width: 50px !important; }
+    .minwidth75imp  { min-width: 75px !important; }
+    .minwidth100imp { min-width: 100px !important; }
+    .minwidth150imp { min-width: 150px !important; }
+    .minwidth200imp { min-width: 200px !important; }
+    .minwidth300imp { min-width: 300px !important; }
+    .minwidth400imp { min-width: 300px !important; }
+    .minwidth500imp { min-width: 300px !important; }
+}
+
+/* Force values for small screen 1000 */
+@media only screen and (max-width: 1000px)
+{
+    .maxwidthonsmartphone { max-width: 100px; }
+	.minwidth50imp  { min-width: 50px !important; }
+    .minwidth75imp  { min-width: 70px !important; }
+    .minwidth100imp { min-width: 80px !important; }
+    .minwidth150imp { min-width: 100px !important; }
+    .minwidth200imp { min-width: 110px !important; }
+    .minwidth300imp { min-width: 120px !important; }
+    .minwidth400imp { min-width: 150px !important; }
+    .minwidth500imp { min-width: 250px !important; }
+}
+
+/* Force values for small screen 767 */
+@media only screen and (max-width: 767px)
+{
+	body {
+		font-size: <?php print is_numeric($fontsize) ? ($fontsize+3).'px' : $fontsize; ?>;
+	}
+	div.refidno {
+		font-size: <?php print is_numeric($fontsize) ? ($fontsize+3).'px' : $fontsize; ?> !important;
+	}
+}
+
+/* Force values for small screen 570 */
+@media only screen and (max-width: 570px)
+{
+	body {
+		font-size: <?php print is_numeric($fontsize) ? ($fontsize+3).'px' : $fontsize; ?>;
+	}
+	div.refidno {
+		font-size: <?php print is_numeric($fontsize) ? ($fontsize+3).'px' : $fontsize; ?> !important;
+	}
+
+	.divmainbodylarge { margin-left: 20px !important; margin-right: 20px !important; }
+
+    .tdoverflowonsmartphone {
+        max-width: 0;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+    .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 {
+    	height: 40px !important;
+    }
+
+    .quatrevingtpercent, .inputsearch {
+    	width: 95%;
+    }
+
+	select {
+		padding-top: 4px;
+		padding-bottom: 5px;
+	}
+
+	input, input[type=text], input[type=password], select, textarea     {
+		min-width: 20px;
+    }
+    input[type=text], input[type=password] {
+		max-width: 180px;
+	}
+    .vmenu .searchform input {
+		max-width: 138px;	/* length of input text in the quick search box when using a smartphone and without dolidroid */
+	}
+
+    .hideonsmartphone { display: none; }
+    .hideonsmartphoneimp { display: none !important; }
+    .noenlargeonsmartphone { width : 50px !important; display: inline !important; }
+    .maxwidthonsmartphone, #search_newcompany.ui-autocomplete-input { max-width: 100px; }
+    .maxwidth50onsmartphone { max-width: 40px; }
+    .maxwidth75onsmartphone { max-width: 50px; }
+    .maxwidth100onsmartphone { max-width: 70px; }
+    .maxwidth150onsmartphone { max-width: 120px; }
+    .maxwidth200onsmartphone { max-width: 200px; }
+    .maxwidth300onsmartphone { max-width: 300px; }
+    .maxwidth400onsmartphone { max-width: 400px; }
+	.minwidth50imp  { min-width: 50px !important; }
+	.minwidth75imp  { min-width: 60px !important; }
+    .minwidth100imp { min-width: 80px !important; }
+    .minwidth150imp { min-width: 90px !important; }
+    .minwidth200imp { min-width: 100px !important; }
+    .minwidth300imp { min-width: 120px !important; }
+    .minwidth400imp { min-width: 150px !important; }
+    .minwidth500imp { min-width: 250px !important; }
+    .titlefield { width: auto; }
+    .titlefieldcreate { width: auto; }
+
+	#tooltip {
+		position: absolute;
+		width: <?php print dol_size(300, 'width'); ?>px;
+	}
+
+	/* intput, input[type=text], */
+	select {
+		width: 98%;
+		min-width: 40px;
+	}
+
+	div.divphotoref {
+		padding-right: 5px;
+	    padding-bottom: 5px;
+	}
+    img.photoref, div.photoref {
+    	border: none;
+        -webkit-box-shadow: none;
+        box-shadow: none;
+        padding: 4px;
+    	height: 20px;
+    	width: 20px;
+        object-fit: contain;
+    }
+
+	div.statusref {
+    	padding-right: 10px;
+   	}
+	div.statusref img {
+    	padding-right: 3px !important;
+   	}
+	div.statusrefbis {
+    	padding-right: 3px !important;
+   	}
+	/* TODO
+	div.statusref {
+    	padding-top: 0px !important;
+    	padding-left: 0px !important;
+    	border: none !important;
+   	}
+	*/
+
+   	input.buttonpayment {
+		min-width: 300px;
+   	}
+}
+.linkobject { cursor: pointer; }
+
+table.tableforfield tr>td:first-of-type {
+	color: #666;
+}
+
+<?php if (GETPOST('optioncss', 'aZ09') == 'print') { ?>
+.hideonprint { display: none; }
+<?php } ?>
+
+
+/* ============================================================================== */
+/* Styles for dragging lines                                                      */
+/* ============================================================================== */
+
+.dragClass {
+	color: #002255;
+}
+td.showDragHandle {
+	cursor: move;
+}
+.tdlineupdown {
+	white-space: nowrap;
+	min-width: 10px;
+}
+
+
+/* ============================================================================== */
+/* Styles de positionnement des zones                                             */
+/* ============================================================================== */
+
+#id-container {
+	display: table;					/* DOL_XXX Empeche fonctionnement correct du scroll horizontal sur tableau, avec datatable ou CSS */
+	table-layout: fixed;
+}
+#id-right, #id-left {
+	padding-top: 20px;
+	padding-bottom: 20px;
+
+	display: table-cell;			/* DOL_XXX Empeche fonctionnement correct du scroll horizontal sur tableau, avec datatable ou CSS */
+	float: none;
+	vertical-align: top;
+}
+#id-right {	/* This must stay id-right and not be replaced with echo $right */
+	width: 100%;
+	background: rgb(<?php print $colorbackbody; ?>);
+}
+#id-left {
+/*	background-color: #fff;
+	border-right: 1px #888 solid;
+	height: calc(100% - 50px);*/
+}
+
+<?php if (empty($conf->global->THEME_DISABLE_STICKY_TOPMENU)) {  ?>
+.side-nav-vert {
+	position: sticky;
+	top: 0px;
+	z-index: 210;
+}
+<?php } ?>
+
+.side-nav {
+	display: table-cell;
+	border-right: 1px solid #d0d0d0;
+	box-shadow: 3px 0 6px -2px #eee;
+	background: rgb(<?php echo $colorbackvmenu1; ?>);
+}
+div.blockvmenulogo
+{
+	border-bottom: 0 !important;
+}
+div.blockvmenupair, div.blockvmenuimpair {
+	border-top: none !important;
+	border-left: none !important;
+	border-right: none !important;
+	border-bottom: 1px solid #e0e0e0;
+	padding-left: 0 !important;
+}
+div.blockvmenuend, div.blockvmenubookmarks {
+	border: none !important;
+	padding-left: 0 !important;
+}
+div.vmenu, td.vmenu {
+	padding-right: 10px !important;
+}
+.blockvmenu .menu_titre {
+    margin-top: 4px;
+    margin-bottom: 3px;
+}
+
+/* Try responsive even not on smartphone
+#id-container {
+	width: 100%;
+}
+#id-right {
+	width: calc(100% - 200px) !important;
+}
+*/
+
+/* For smartphone (testmenuhider is on) */
+<?php if ($conf->browser->layout == 'phone' && ((GETPOST('testmenuhider', 'int') || ! empty($conf->global->MAIN_TESTMENUHIDER)) && empty($conf->global->MAIN_OPTIMIZEFORTEXTBROWSER))) { ?>
+#id-container {
+	width: 100%;
+}
+.side-nav {
+	border-bottom: 1px solid #BBB;
+	background: #FFF;
+	padding-left: 20px;
+	padding-right: 20px;
+}
+.side-nav {
+	position: absolute;
+    z-index: 90;
+    display: none;
+}
+div.blockvmenulogo
+{
+	border-bottom: 0 !important;
+}
+div.blockvmenusearch {
+	padding-bottom: 12px !important;
+	border-bottom: 1px solid #e0e0e0;
+}
+div.blockvmenupair, div.blockvmenuimpair, div.blockvmenubookmarks, div.blockvmenuend {
+	border-top: none !important;
+	border-left: none !important;
+	border-right: none !important;
+	border-bottom: 1px solid #e0e0e0;
+	padding-left: 0 !important;
+}
+div.vmenu, td.vmenu {
+	padding-right: 6px !important;
+}
+div.fiche {
+	margin-<?php print $left; ?>: 9px !important;
+	margin-<?php print $right; ?>: 10px !important;
+}
+<?php } ?>
+
+
+
+div.fiche {
+	margin-<?php print $left; ?>: <?php print (GETPOST('optioncss', 'aZ09') == 'print'?6:(empty($conf->dol_optimize_smallscreen)?'30':'6')); ?>px;
+	margin-<?php print $right; ?>: <?php print (GETPOST('optioncss', 'aZ09') == 'print'?6:(empty($conf->dol_optimize_smallscreen)?'28':'6')); ?>px;
+	<?php if (! empty($dol_hide_leftmenu)) print 'margin-bottom: 12px;'."\n"; ?>
+	<?php if (! empty($dol_hide_leftmenu)) print 'margin-top: 12px;'."\n"; ?>
+}
+body.onlinepaymentbody div.fiche {	/* For online payment page */
+	margin: 20px !important;
+}
+div.fiche>table:first-child {
+	margin-bottom: 15px !important;
+}
+div.fichecenter {
+	/* margin-top: 10px; */
+	width: 100%;
+	clear: both;	/* This is to have div fichecenter that are true rectangles */
+}
+div.fichecenterbis {
+	margin-top: 8px;
+}
+div.fichethirdleft {
+	<?php if ($conf->browser->layout != 'phone')   { print "float: ".$left.";\n"; } ?>
+	<?php if ($conf->browser->layout != 'phone')   { print "width: 50%;\n"; } ?>
+	<?php if ($conf->browser->layout == 'phone')   { print "padding-bottom: 6px;\n"; } ?>
+}
+div.fichetwothirdright {
+	<?php if ($conf->browser->layout != 'phone')   { print "float: ".$right.";\n"; } ?>
+	<?php if ($conf->browser->layout != 'phone')   { print "width: 50%;\n"; } ?>
+	<?php if ($conf->browser->layout == 'phone')   { print "padding-bottom: 6px\n"; } ?>
+}
+div.fichehalfleft {
+	<?php if ($conf->browser->layout != 'phone')   { print "float: ".$left.";\n"; } ?>
+	<?php if ($conf->browser->layout != 'phone')   { print "width: 50%;\n"; } ?>
+}
+div.fichehalfright {
+	<?php if ($conf->browser->layout != 'phone')   { print "float: ".$right.";\n"; } ?>
+	<?php if ($conf->browser->layout != 'phone')   { print "width: 50%;\n"; } ?>
+}
+div.ficheaddleft {
+	<?php if ($conf->browser->layout != 'phone')   { print "padding-".$left.": 16px;\n"; }
+	else print "margin-top: 10px;\n"; ?>
+}
+div.firstcolumn div.box {
+	padding-right: 10px;
+}
+div.secondcolumn div.box {
+	padding-left: 10px;
+}
+/* Force values on one colum for small screen */
+@media only screen and (max-width: 1000px)
+{
+    div.fiche {
+    	margin-<?php print $left; ?>: <?php print (GETPOST('optioncss', 'aZ09') == 'print'?6:($dol_hide_leftmenu?'6':'20')); ?>px;
+    	margin-<?php print $right; ?>: <?php print (GETPOST('optioncss', 'aZ09') == 'print'?8:6); ?>px;
+    }
+    div.fichecenter {
+    	width: 100%;
+    	clear: both;	/* This is to have div fichecenter that are true rectangles */
+    }
+    div.fichecenterbis {
+    	margin-top: 8px;
+    }
+    div.fichethirdleft {
+    	float: none;
+    	width: auto;
+    	padding-bottom: 6px;
+    }
+    div.fichetwothirdright {
+    	float: none;
+    	width: auto;
+    	padding-bottom: 6px;
+    }
+    div.fichehalfleft {
+    	float: none;
+    	width: auto;
+    }
+    div.fichehalfright {
+    	float: none;
+    	width: auto;
+    }
+    div.ficheaddleft {
+    	<?php print "padding-".$left.": 0px;\n"; ?>
+    	margin-top: 10px;
+    }
+    div.firstcolumn div.box {
+		padding-right: 0px;
+	}
+	div.secondcolumn div.box {
+		padding-left: 0px;
+	}
+}
+
+/* Force values on one colum for small screen */
+@media only screen and (max-width: 1599px)
+{
+    div.fichehalfleft-lg {
+    	float: none;
+    	width: auto;
+    }
+    div.fichehalfright-lg {
+    	float: none;
+    	width: auto;
+    }
+
+    .fichehalfright-lg .ficheaddleft{
+    	padding-left:0;
+    }
+}
+
+/* For table into table into card */
+div.ficheaddleft tr.liste_titre:first-child td table.nobordernopadding td {
+    padding: 0 0 0 0;
+}
+div.nopadding {
+	padding: 0 !important;
+}
+
+.containercenter {
+	display : table;
+	margin : 0px auto;
+}
+
+.pictotitle {
+	margin-<?php echo $right; ?>: 8px;
+	margin-bottom: 4px;
+}
+.pictoobjectwidth {
+	width: 14px;
+}
+.pictosubstatus {
+    padding-left: 2px;
+    padding-right: 2px;
+}
+.pictostatus {
+	width: 15px;
+	vertical-align: middle;
+	margin-top: -3px
+}
+.pictowarning, .pictopreview {
+    padding-<?php echo $left; ?>: 3px;
+}
+.pictowarning {
+    vertical-align: text-bottom;
+}
+.fiche .arearef img.pictoedit, .fiche .arearef span.pictoedit,
+.fiche .fichecenter img.pictoedit, .fiche .fichecenter span.pictoedit,
+.tagtdnote span.pictoedit {
+    opacity: 0.4;
+}
+.colorthumb {
+	padding-left: 1px !important;
+	padding-right: 1px;
+	padding-top: 1px;
+	padding-bottom: 1px;
+	width: 44px;
+	text-align:center;
+}
+div.attacharea {
+	padding-top: 18px;
+	padding-bottom: 10px;
+}
+div.attachareaformuserfileecm {
+	padding-top: 0;
+	padding-bottom: 0;
+}
+
+div.arearef {
+	padding-top: 2px;
+	margin-bottom: 10px;
+	padding-bottom: 10px;
+}
+div.arearefnobottom {
+	padding-top: 2px;
+	padding-bottom: 4px;
+}
+div.heightref {
+	min-height: 80px;
+}
+div.divphotoref {
+	padding-right: 20px;
+}
+div.paginationref {
+	padding-bottom: 10px;
+}
+/* TODO
+div.statusref {
+   	padding: 10px;
+   	border: 1px solid #bbb;
+   	border-radius: 6px;
+} */
+div.statusref {
+	float: right;
+	padding-left: 12px;
+	margin-top: 8px;
+	margin-bottom: 10px;
+	clear: both;
+}
+div.statusref img {
+    padding-left: 8px;
+   	padding-right: 9px;
+   	vertical-align: text-bottom;
+   	width: 18px;
+}
+div.statusrefbis {
+    padding-left: 8px;
+   	padding-right: 9px;
+   	vertical-align: text-bottom;
+}
+img.photoref, div.photoref {
+	border: 1px solid #DDD;
+    -webkit-box-shadow: 0px 0px 6px #DDD;
+    box-shadow: 0px 0px 6px #DDD;
+    padding: 4px;
+	height: 80px;
+	width: 80px;
+    object-fit: contain;
+}
+img.fitcontain {
+    object-fit: contain;
+}
+div.photoref {
+	display:table-cell;
+	vertical-align:middle;
+	text-align:center;
+}
+img.photorefnoborder {
+    padding: 2px;
+	height: 48px;
+	width: 48px;
+    object-fit: contain;
+    border: 1px solid #AAA;
+    border-radius: 100px;
+}
+.underrefbanner {
+}
+.underbanner {
+	border-bottom: <?php echo $borderwidth ?>px solid rgb(<?php echo $colortopbordertitle1 ?>);
+	/* border-bottom: 2px solid rgb(<?php echo $colorbackhmenu1 ?>); */
+}
+.trextrafieldseparator td {
+    /* border-bottom: 2px solid rgb(<?php echo $colorbackhmenu1 ?>) !important; */
+    border-bottom: 2px solid rgb(<?php echo $colortopbordertitle1 ?>) !important;
+}
+
+.tdhrthin {
+	margin: 0;
+	padding-bottom: 0 !important;
+}
+
+/* ============================================================================== */
+/* Menu top et 1ere ligne tableau                                                 */
+/* ============================================================================== */
+
+div#id-top {
+<?php if (GETPOST('optioncss', 'aZ09') == 'print') {  ?>
+	display:none;
+<?php } else { ?>
+	background: rgb(<?php echo $colorbackhmenu1 ?>);
+<?php } ?>
+}
+
+div#tmenu_tooltip {
+<?php if (GETPOST('optioncss', 'aZ09') == 'print') {  ?>
+	display:none;
+<?php } else { ?>
+	padding-<?php echo $right; ?>: <?php echo ($maxwidthloginblock - 10); ?>px;
+<?php } ?>
+}
+
+div.topmenuimage {
+<?php if ($disableimages) { ?>
+	display: none;
+<?php } ?>
+}
+
+div.tmenudiv {
+<?php if (GETPOST('optioncss', 'aZ09') == 'print') {  ?>
+	display:none;
+<?php } else { ?>
+    position: relative;
+    display: block;
+    white-space: nowrap;
+    border-top: 0px;
+    border-<?php print $left; ?>: 0px;
+    border-<?php print $right; ?>: 0px;
+    padding: 0px 0px 0px 0px;	/* t r b l */
+    margin: 0px 0px 0px 0px;	/* t r b l */
+	font-size: 13px;
+    font-weight: normal;
+	color: #000000;
+    text-decoration: none;
+<?php } ?>
+}
+div.tmenudisabled, a.tmenudisabled {
+	opacity: 0.6;
+}
+a.tmenu, a.tmenusel, a.tmenudisabled {
+    font-weight: 300;
+}
+a.tmenudisabled:link, a.tmenudisabled:visited, a.tmenudisabled:hover, a.tmenudisabled:active {
+	padding: 0px 5px 0px 5px;
+	white-space: nowrap;
+	color: #<?php echo $colortextbackhmenu; ?>;
+	text-decoration: none;
+	cursor: not-allowed;
+}
+
+a.tmenu:link, a.tmenu:visited, a.tmenu:hover, a.tmenu:active {
+	padding: 0px 4px 0px 4px;
+	white-space: nowrap;
+	color: #<?php echo $colortextbackhmenu; ?>;
+    text-decoration: none;
+}
+a.tmenusel:link, a.tmenusel:visited, a.tmenusel:hover, a.tmenusel:active {
+	padding: 0px 4px 0px 4px;
+	margin: 0px 0px 0px 0px;
+	white-space: nowrap;
+	color: #<?php echo $colortextbackhmenu; ?>;
+	text-decoration: none !important;
+}
+
+
+ul.tmenu {	/* t r b l */
+    padding: 0px 0px 0px 0px;
+    margin: 0px 0px 0px 0px;
+	list-style: none;
+	display: table;
+}
+ul.tmenu li {	/* We need this to have background color when menu entry wraps on new lines */
+}
+li.tmenu, li.tmenusel {
+	<?php print $minwidthtmenu?'min-width: '.$minwidthtmenu.'px;':''; ?>
+	text-align: center;
+	vertical-align: bottom;
+	<?php if (empty($conf->global->MAIN_MENU_INVERT)) { ?>
+	float: <?php print $left; ?>;
+    <?php } ?>
+	position:relative;
+	display: block;
+	padding: 0 0 0 0;
+	margin: 0 0 0 0;
+	font-weight: normal;
+}
+li.menuhider:hover {
+	background-image: none !important;
+}
+li.tmenusel, li.tmenu:hover {
+    background: rgba(0, 0, 0, 0.1);
+	/* background: rgb(<?php echo $colorbackhmenu1 ?>); */
+}
+
+li.tmenusel::after, li.tmenu:hover::after{
+	content: "";
+	position:absolute;
+	bottom:0px;
+	left: 50%;
+	left: calc(50% - 6px);
+	width: 0;
+	height: 0;
+	border-style: solid;
+	border-width: 0px 6px 5px 6px;
+	border-color:  transparent transparent #ffffff transparent;
+}
+/*
+// add a bottom arrow
+li.tmenusel::before, li.tmenu:hover::before{
+	content: "";
+	position:absolute;
+	top:0px;
+	left:0;
+	width: 100%;
+	height: 2px;
+	background: #fff;
+}*/
+
+
+.tmenuend .tmenuleft { width: 0px; }
+.tmenuend { display: none; }
+div.tmenuleft
+{
+	float: <?php print $left; ?>;
+	margin-top: 0px;
+	<?php if (empty($conf->dol_optimize_smallscreen)) { ?>
+	width: 5px;
+	<?php } ?>
+	<?php if ($disableimages) { ?>
+	height: 26px;
+	<?php } else { ?>
+	height: <?php print $heightmenu; ?>px;
+	<?php } ?>
+}
+div.tmenucenter
+{
+	padding-left: 0px;
+	padding-right: 3px;
+	<?php if ($disableimages) { ?>
+	padding-top: 8px;
+	height: 26px;
+	<?php } else { ?>
+	padding-top: 2px;
+    height: <?php print $heightmenu; ?>px;
+	<?php } ?>
+    width: 100%;
+}
+#menu_titre_logo {
+	padding-top: 0;
+	padding-bottom: 0;
+}
+div.menu_titre {
+	padding-top: 4px;
+	padding-bottom: 4px;
+	overflow: hidden;
+    text-overflow: ellipsis;
+    width: 188px;				/* required to have overflow working. must be same than menu_contenu */
+}
+.mainmenuaspan
+{
+	padding-<?php print $left; ?>: 2px;
+	padding-<?php print $right; ?>: 2px;
+}
+
+div.mainmenu {
+	position : relative;
+	background-repeat:no-repeat;
+	background-position:center top;
+	height: <?php echo ($heightmenu-22); ?>px;
+	margin-left: 0px;
+	min-width: 40px;
+}
+
+/* For mainmenu, we always load the img */
+
+div.mainmenu.menu {
+	background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/menu.png', 1) ?>);
+	<?php print $disableimages?'':'top: 7px'; ?>
+}
+#mainmenutd_menu a.tmenuimage {
+    display: unset;
+}
+a.tmenuimage {
+    display: block;
+}
+
+a.tmenuimage:hover{
+	text-decoration: none;
+}
+
+
+
+
+/* Do not load menu img for other if hidden to save bandwidth */
+
+<?php if (empty($dol_hide_topmenu)) { ?>
+    <?php if (! defined('DISABLE_FONT_AWSOME') && !empty($conf->global->MAIN_USE_FONT_AWESOME_5)) { ?>
+        <?php include dol_buildpath($path.'/theme/'.$theme.'/_main_menu_fa_icons.css.php', 0); ?>
+    <?php } else { ?>
+        div.mainmenu.home{
+            background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/home_over.png', 1) ?>);
+            background-position-x: center;
+        }
+
+        div.mainmenu.billing {
+            background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/money_over.png', 1) ?>);
+        }
+
+        div.mainmenu.accountancy {
+            background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/money_over.png', 1) ?>);
+        }
+
+        div.mainmenu.agenda {
+            background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/agenda_over.png', 1) ?>);
+        }
+
+        div.mainmenu.bank {
+            background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/bank_over.png', 1) ?>);
+        }
+
+        div.mainmenu.cashdesk {
+            background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/pointofsale_over.png', 1) ?>);
+        }
+
+        div.mainmenu.takepos {
+            background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/pointofsale_over.png', 1) ?>);
+        }
+
+        div.mainmenu.companies {
+            background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/company_over.png', 1) ?>);
+        }
+
+        div.mainmenu.commercial {
+            background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/commercial_over.png', 1) ?>);
+        }
+
+        div.mainmenu.ecm {
+            background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/ecm_over.png', 1) ?>);
+        }
+
+        div.mainmenu.externalsite {
+            background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/externalsite_over.png', 1) ?>);
+        }
+
+        div.mainmenu.ftp {
+            background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/tools_over.png', 1) ?>);
+        }
+
+        div.mainmenu.hrm {
+            background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/holiday_over.png', 1) ?>);
+        }
+
+        div.mainmenu.members {
+            background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/members_over.png', 1) ?>);
+        }
+
+        div.mainmenu.products {
+            background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/products_over.png', 1) ?>);
+        }
+
+        div.mainmenu.project {
+            background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/project_over.png', 1) ?>);
+        }
+
+        div.mainmenu.ticket {
+            background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/ticket_over.png', 1) ?>);
+        }
+
+        div.mainmenu.tools {
+            background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/tools_over.png', 1) ?>);
+        }
+
+        div.mainmenu.website {
+            background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/externalsite_over.png', 1) ?>);
+        }
+    <?php } ?>
+
+    <?php
+    // Add here more div for other menu entries. moduletomainmenu=array('module name'=>'name of class for div')
+
+    $moduletomainmenu=array(
+        'user'=>'','syslog'=>'','societe'=>'companies','projet'=>'project','propale'=>'commercial','commande'=>'commercial',
+        'produit'=>'products','service'=>'products','stock'=>'products',
+        'don'=>'accountancy','tax'=>'accountancy','banque'=>'accountancy','facture'=>'accountancy','compta'=>'accountancy','accounting'=>'accountancy','adherent'=>'members','import'=>'tools','export'=>'tools','mailing'=>'tools',
+        'contrat'=>'commercial','ficheinter'=>'commercial','ticket'=>'ticket','deplacement'=>'commercial',
+        'fournisseur'=>'companies',
+        'barcode'=>'','fckeditor'=>'','categorie'=>'',
+    );
+    $mainmenuused='home';
+    foreach($conf->modules as $val)
+    {
+        $mainmenuused.=','.(isset($moduletomainmenu[$val])?$moduletomainmenu[$val]:$val);
+    }
+    $mainmenuusedarray=array_unique(explode(',', $mainmenuused));
+
+    $generic=1;
+    // Put here list of menu entries when the div.mainmenu.menuentry was previously defined
+    $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');
+    // Put here list of menu entries we are sure we don't want
+    $divnotrequired=array('multicurrency','salaries','ticket','margin','opensurvey','paybox','expensereport','incoterm','prelevement','propal','workflow','notification','supplier_proposal','cron','product','productbatch','expedition');
+    foreach($mainmenuusedarray as $val)
+    {
+        if (empty($val) || in_array($val, $divalreadydefined)) continue;
+        if (in_array($val, $divnotrequired)) continue;
+        //print "XXX".$val;
+
+        // Search img file in module dir
+        $found=0; $url='';
+        foreach($conf->file->dol_document_root as $dirroot)
+        {
+            if (file_exists($dirroot."/".$val."/img/".$val."_over.png"))
+            {
+                $url=dol_buildpath('/'.$val.'/img/'.$val.'_over.png', 1);
+                $found=1;
+                break;
+            }
+    		elseif (file_exists($dirroot."/".$val."/img/".$val.".png"))    // Retro compatibilité
+    		{
+    			$url=dol_buildpath('/'.$val.'/img/'.$val.'.png', 1);
+    			$found=1;
+    			break;
+    		}
+        }
+        // Img file not found
+        if (! $found)
+        {
+            $url=dol_buildpath($path.'/theme/'.$theme.'/img/menus/generic'.$generic."_over.png", 1);
+            $found=1;
+            if ($generic < 4) $generic++;
+            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";
+        }
+        if ($found)
+        {
+            print "div.mainmenu.".$val." {\n";
+            print "	background-image: url(".$url.");\n";
+            print "}\n";
+        }
+    }
+    $j=0;
+    while ($j++ < 4)
+    {
+        $url=dol_buildpath($path.'/theme/'.$theme.'/img/menus/generic'.$j."_over.png", 1);
+        print "div.mainmenu.generic".$j." {\n";
+        print "	background-image: url(".$url.");\n";
+        print "}\n";
+    }
+    // End of part to add more div class css
+    ?>
+<?php } // End test if $dol_hide_topmenu ?>
+
+.tmenuimage {
+    padding:0 0 0 0 !important;
+    margin:0 0px 0 0 !important;
+    <?php if ($disableimages) { ?>
+    	display: none;
+    <?php } ?>
+}
+
+
+
+/* Login */
+
+.bodylogin
+{
+	background: #f0f0f0;
+	display: table;
+    position: absolute;
+    height: 100%;
+    width: 100%;
+    font-size: 1em;
+}
+.login_center {
+	display: table-cell;
+    vertical-align: middle;
+}
+.login_vertical_align {
+	padding: 10px;
+	padding-bottom: 80px;
+}
+form#login {
+	padding-bottom: 30px;
+	font-size: 14px;
+	vertical-align: middle;
+}
+.login_table_title {
+	max-width: 530px;
+	color: #eee !important;
+	padding-bottom: 20px;
+	text-shadow: 1px 1px #444;
+}
+.login_table label {
+	text-shadow: 1px 1px 1px #FFF;
+}
+.login_table {
+	margin: 0px auto;  /* Center */
+	padding-left:6px;
+	padding-right:6px;
+	padding-top:16px;
+	padding-bottom:12px;
+	max-width: 560px;
+<?php
+if (! empty($conf->global->MAIN_LOGIN_BACKGROUND)) {
+	print '	background-color: rgba(255, 255, 255, 0.9);';
+} else {
+	print '	background-color: #FFFFFF;';
+}
+?>
+
+	-webkit-box-shadow: 0 2px 23px 2px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(60,60,60,0.15);
+	box-shadow: 0 2px 23px 2px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(60,60,60,0.15);
+
+	border-radius: 5px;
+	/*border-top:solid 1px rgba(180,180,180,.4);
+	border-left:solid 1px rgba(180,180,180,.4);
+	border-right:solid 1px rgba(180,180,180,.4);
+	border-bottom:solid 1px rgba(180,180,180,.4);*/
+}
+.login_table input#username, .login_table input#password, .login_table input#securitycode {
+	border: none;
+	border-bottom: solid 1px rgba(180,180,180,.4);
+	padding: 5px;
+	margin-left: 5px;
+	margin-top: 5px;
+	margin-bottom: 5px;
+}
+.login_table input#username:focus, .login_table input#password:focus, .login_table input#securitycode:focus {
+	outline: none !important;
+}
+.login_table .trinputlogin {
+	font-size: 1.2em;
+	margin: 8px;
+}
+.login_table .tdinputlogin {
+    background-color: transparent;
+    /* border: 2px solid #ccc; */
+    min-width: 220px;
+    border-radius: 2px;
+}
+.login_table .tdinputlogin .fa {
+	padding-left: 10px;
+	width: 14px;
+}
+.login_table .tdinputlogin input#username, .login_table .tdinputlogin input#password {
+	font-size: 1em;
+}
+.login_table .tdinputlogin input#securitycode {
+	font-size: 1em;
+}
+.login_main_message {
+	text-align: center;
+	max-width: 570px;
+	margin-bottom: 22px;
+}
+.login_main_message .error {
+	/* border: 1px solid #caa; */
+	padding: 10px;
+}
+div#login_left, div#login_right {
+	display: inline-block;
+	min-width: 245px;
+	padding-top: 10px;
+	padding-left: 16px;
+	padding-right: 16px;
+	text-align: center;
+	vertical-align: middle;
+}
+div#login_right select#entity {
+    margin-top: 10px;
+}
+table.login_table tr td table.none tr td {
+	padding: 2px;
+}
+table.login_table_securitycode {
+	border-spacing: 0px;
+}
+table.login_table_securitycode tr td {
+	padding-left: 0px;
+	padding-right: 4px;
+}
+#securitycode {
+	min-width: 60px;
+}
+#img_securitycode {
+	border: 1px solid #DDDDDD;
+}
+#img_logo, .img_logo {
+	max-width: 170px;
+	max-height: 90px;
+}
+
+div.backgroundsemitransparent {
+	background:rgba(255,255,255,0.6);
+	padding-left: 10px;
+	padding-right: 10px;
+}
+div.login_block {
+	position: absolute;
+	text-align: <?php print $right; ?>;
+	<?php print $right; ?>: 0;
+	top: <?php print $disableimages?'4px':'0'; ?>;
+	font-weight: bold;
+	<?php echo (empty($disableimages) && $maxwidthloginblock)?'max-width: '.$maxwidthloginblock.'px;':''; ?>
+	<?php if (GETPOST('optioncss', 'aZ09') == 'print') { ?>
+	display: none;
+	<?php } ?>
+}
+div.login_block a {
+	color: #<?php echo $colortextbackvmenu; ?>;
+}
+div.login_block table {
+	display: inline;
+}
+div.login {
+	white-space:nowrap;
+	font-weight: bold;
+	float: right;
+}
+div.login a {
+	color: #<?php echo $colortextbackvmenu; ?>;
+}
+div.login a:hover {
+	color: #<?php echo $colortextbackvmenu; ?>;
+	text-decoration:underline;
+}
+div.login_block_user {
+	display: inline-block;
+	padding-top: 3px;
+	<?php if (empty($conf->global->THEME_TOPMENU_DISABLE_IMAGE)) { ?>
+	min-width: 120px;
+	<?php } ?>
+}
+div.login_block_other {
+	display: inline-block;
+	clear: <?php echo $disableimages?'none':'both'; ?>;
+}
+div.login_block_other { padding-top: 3px; text-align: right; }
+.login_block_elem {
+	float: right;
+	vertical-align: top;
+	padding: 0px 3px 0px 4px !important;
+	height: 16px;
+}
+.atoplogin, .atoplogin:hover {
+	color: #<?php echo $colortextbackhmenu; ?> !important;
+}
+.login_block_getinfo {
+	text-align: center;
+}
+.login_block_getinfo div.login_block_user {
+	display: block;
+}
+.login_block_getinfo .atoplogin, .login_block_getinfo .atoplogin:hover {
+	color: #333 !important;
+}
+.alogin, .alogin:hover {
+	font-weight: normal !important;
+	padding-top: 2px;
+}
+.alogin:hover, .atoplogin:hover {
+	text-decoration:underline !important;
+}
+span.fa.atoplogin, span.fa.atoplogin:hover {
+    font-size: 16px;
+    text-decoration: none !important;
+}
+img.login, img.printer, img.entity {
+	/* padding: 0px 0px 0px 4px; */
+	/* margin: 0px 0px 0px 8px; */
+	text-decoration: none;
+	color: white;
+	font-weight: bold;
+}
+.userimg.atoplogin img.userphoto, .userimgatoplogin img.userphoto {		/* size for user photo in login bar */
+	width: 16px;
+    height: 16px;
+    border-radius: 8px;
+    background-size: contain;
+}
+img.userphoto {			/* size for user photo in lists */
+	border-radius: 9px;
+	width: 18px;
+    height: 18px;
+    background-size: contain;
+    vertical-align: middle;
+}
+img.userphotosmall {			/* size for user photo in lists */
+	border-radius: 6px;
+	width: 12px;
+    height: 12px;
+    background-size: contain;
+    vertical-align: middle;
+    background-color: #FFF;
+}
+.span-icon-user {
+	background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/object_user.png', 1); ?>);
+	background-repeat: no-repeat;
+}
+.span-icon-password {
+	background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/lock.png', 1); ?>);
+	background-repeat: no-repeat;
+}
+
+/* ============================================================================== */
+/* Menu gauche                                                                    */
+/* ============================================================================== */
+
+div.vmenu, td.vmenu {
+    margin-<?php print $right; ?>: 2px;
+    position: relative;
+    float: left;
+    padding: 0px;
+    padding-bottom: 0px;
+    padding-top: 1px;
+    width: 190px;
+}
+
+.vmenu {
+    width: 190px;
+	margin-left: 6px;
+	<?php if (GETPOST('optioncss', 'aZ09') == 'print') { ?>
+    display: none;
+	<?php } ?>
+}
+
+/* Force vmenusearchselectcombo with type=text differently than without because beautify with select2 affect vmenusearchselectcombo differently */
+input.vmenusearchselectcombo[type=text] {
+	width: 180px !important;
+}
+.vmenusearchselectcombo {
+	width: 188px;
+}
+
+.menu_contenu {
+	padding-top: 3px;
+	padding-bottom: 3px;
+	overflow: hidden;
+    text-overflow: ellipsis;
+    width: 188px;				/* required to have overflow working. must be same than .menu_titre */
+}
+#menu_contenu_logo { /* padding-top: 0; */ }
+.companylogo { }
+.searchform { padding-top: 10px; }
+.searchform input { font-size: 16px; }
+
+
+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; }	/* bold = 600, 500 is ko with Edge on 1200x960 */
+font.vmenudisabled  { font-family: <?php print $fontlist ?>; text-align: <?php print $left; ?>; font-weight: bold; color: #aaa; margin-left: 4px; }												/* bold = 600, 500 is ko with Edge on 1200x960 */
+a.vmenu:link, a.vmenu:visited { color: #<?php echo $colortextbackvmenu; ?>; }
+
+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; }
+font.vsmenudisabled { font-family: <?php print $fontlist ?>; text-align: <?php print $left; ?>; font-weight: normal; color: #aaa; }
+a.vsmenu:link, a.vsmenu:visited { color: #<?php echo $colortextbackvmenu; ?>; white-space: nowrap; }
+font.vsmenudisabledmargin { margin: 1px 1px 1px 6px; }
+li a.vsmenudisabled, li.vsmenudisabled { color: #aaa !important; }
+
+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; }
+
+.vmenu div.blockvmenufirst, .vmenu div.blockvmenulogo, .vmenu div.blockvmenusearchphone, .vmenu div.blockvmenubookmarks
+{
+    border-top: 1px solid #BBB;
+}
+a.vsmenu.addbookmarkpicto {
+    padding-right: 10px;
+}
+div.blockvmenusearchphone
+{
+	border-bottom: none !important;
+}
+.vmenu div.blockvmenuend, .vmenu div.blockvmenulogo
+{
+	margin: 0 0 8px 2px;
+}
+.vmenu div.blockvmenusearch
+{
+	padding-bottom: 4px;
+/*	border-bottom: 1px solid #e0e0e0;  */
+}
+.vmenu div.blockvmenuend
+{
+	padding-bottom: 5px;
+}
+.vmenu div.blockvmenulogo
+{
+	padding-bottom: 10px;
+	padding-top: 0;
+}
+div.blockvmenubookmarks
+{
+	padding-top: 10px !important;
+	padding-bottom: 16px !important;
+}
+div.blockvmenupair, div.blockvmenuimpair, div.blockvmenubookmarks, div.blockvmenuend
+{
+	font-family: <?php print $fontlist ?>;
+	color: #000000;
+	text-align: <?php print $left; ?>;
+	text-decoration: none;
+    padding-left: 5px;
+    padding-right: 1px;
+    padding-top: 3px;
+    padding-bottom: 3px;
+    margin: 0 0 0 2px;
+
+	background: rgb(<?php echo $colorbackvmenu1; ?>);
+
+    border-left: 1px solid #AAA;
+    border-right: 1px solid #BBB;
+}
+
+div.blockvmenusearch
+{
+	font-family: <?php print $fontlist ?>;
+	color: #000000;
+	text-align: <?php print $left; ?>;
+	text-decoration: none;
+    margin: 1px 0px 0px 2px;
+	background: rgb(<?php echo $colorbackvmenu1; ?>);
+}
+
+div.blockvmenusearch > form > div {
+	padding-top: 3px;
+}
+div.blockvmenusearch > form > div > label {
+	padding-right: 2px;
+}
+
+div.blockvmenuhelp
+{
+<?php if (empty($conf->dol_optimize_smallscreen)) { ?>
+	font-family: <?php print $fontlist ?>;
+	color: #000000;
+	text-align: center;
+	text-decoration: none;
+    padding-left: 0px;
+    padding-right: 6px;
+    padding-top: 3px;
+    padding-bottom: 3px;
+    margin: 4px 0px 0px 0px;
+<?php } else { ?>
+    display: none;
+<?php } ?>
+}
+
+
+td.barre {
+	border-right: 1px solid #000000;
+	border-bottom: 1px solid #000000;
+	background: #b3c5cc;
+	font-family: <?php print $fontlist ?>;
+	color: #000000;
+	text-align: <?php print $left; ?>;
+	text-decoration: none;
+}
+
+td.barre_select {
+	background: #b3c5cc;
+	color: #000000;
+}
+
+td.photo {
+	background: #F4F4F4;
+	color: #000000;
+    border: 1px solid #bbb;
+}
+
+/* ============================================================================== */
+/* Panes for Main                                                   */
+/* ============================================================================== */
+
+/*
+ *  PANES and CONTENT-DIVs
+ */
+
+#mainContent, #leftContent .ui-layout-pane {
+    padding:    0px;
+    overflow:	auto;
+}
+
+#mainContent, #leftContent .ui-layout-center {
+	padding:    0px;
+	position:   relative; /* contain floated or positioned elements */
+    overflow:   auto;  /* add scrolling to content-div */
+}
+
+
+/* ============================================================================== */
+/* Toolbar for ECM or Filemanager                                                 */
+/* ============================================================================== */
+
+td.ecmroot {
+    padding-bottom: 0 !important;
+}
+
+.largebutton {
+	/* border-top: 1px solid #CCC !important; */
+    padding: 0px 4px 14px 4px !important;
+    min-height: 32px;
+}
+
+
+a.toolbarbutton {
+    margin-top: 0px;
+    margin-left: 4px;
+    margin-right: 4px;
+    height: 30px;
+}
+img.toolbarbutton {
+	margin-top: 1px;
+    height: 30px;
+}
+
+
+
+
+
+/* ============================================================================== */
+/* Onglets                                                                        */
+/* ============================================================================== */
+div.tabs {
+    text-align: <?php print $left; ?>;
+    padding-left: 6px !important;
+    padding-right: 6px !important;
+	clear:both;
+	height:100%;
+}
+div.tabsElem {
+	margin-top: 1px;
+}	/* To avoid overlap of tabs when not browser */
+div.tabsElem a {
+    /* font-weight: normal !important; */
+}
+div.tabBar {
+    color: #<?php echo $colortextbacktab; ?>;
+    padding-top: 16px;
+    padding-left: 0px; padding-right: 0px;
+    padding-bottom: 2px;
+    margin: 0px 0px 16px 0px;
+    border-top: 1px solid #BBB;
+    /* border-bottom: 1px solid #AAA; */
+	width: auto;
+	background: rgb(<?php echo $colorbacktabcard1; ?>);
+}
+div.tabBar div.titre {
+	padding-top: 20px;
+}
+
+div.tabBar.tabBarNoTop {
+    padding-top: 0;
+    border-top: 0;
+}
+
+/* tabBar used for creation/update/send forms */
+div.tabBarWithBottom {
+	padding-bottom: 18px;
+	border-bottom: 1px solid #aaa;
+}
+div.tabBarWithBottom tr {
+	background: unset !important;
+}
+div.tabBarWithBottom table.border>tbody>tr:last-of-type>td {
+	border-bottom: none !important;
+}
+
+div.tabBar table.tableforservicepart2:last-child {
+    border-bottom: 1px solid #aaa;
+}
+.tableforservicepart1 .tdhrthin {
+	height: unset;
+    padding-top: 0 !important;
+}
+
+div.popuptabset {
+	padding: 6px;
+	background: #fff;
+	border: 1px solid #888;
+}
+div.popuptab {
+	padding-top: 3px;
+	padding-bottom: 3px;
+	padding-left: 5px;
+	padding-right: 5px;
+}
+div.tabsAction {
+    margin: 20px 0em 30px 0em;
+    padding: 0em 0em;
+    text-align: right;
+}
+div.tabsActionNoBottom {
+    margin-bottom: 0px;
+}
+div.tabsAction > a {
+	margin-bottom: 16px !important;
+}
+
+a.tabTitle {
+    color:rgba(0,0,0,.5) !important;
+    text-shadow:1px 1px 1px #ffffff;
+	font-family: <?php print $fontlist ?>;
+	font-weight: normal !important;
+    padding: 4px 6px 2px 0px;
+    margin-<?php print $right; ?>: 10px;
+    text-decoration: none;
+    white-space: nowrap;
+}
+
+a.tabunactive {
+    color: rgb(<?php print $colortextlink; ?>) !important;
+}
+a.tab:link, a.tab:visited, a.tab:hover, a.tab#active {
+	font-family: <?php print $fontlist ?>;
+	padding: 12px 14px 13px;
+    margin: 0em 0.2em;
+    text-decoration: none;
+    white-space: nowrap;
+
+	border-right: 1px solid transparent;
+	border-left: 1px solid transparent;
+	border-top: 1px solid transparent;
+	border-bottom: 0px !important;
+
+	background-image: none !important;
+}
+.tabactive, a.tab#active {
+	color: #<?php echo $colortextbacktab; ?> !important;
+	background: rgb(<?php echo $colorbacktabcard1; ?>) !important;
+	margin: 0 0.2em 0 0.2em !important;
+
+	border-right: 1px solid #CCC !important;
+	border-left: 1px solid #CCC !important;
+	/* border-top: <?php echo 2; ?>px solid rgb(<?php echo $colortopbordertitle1; ?>) !important; */
+	border-top: <?php echo 2; ?>px solid rgb(<?php echo $colorbackhmenu1 ?>) !important;
+}
+a.tab:hover
+{
+	/*
+	background: rgba(<?php echo $colorbacktabcard1; ?>, 0.5)  url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/nav-overlay3.png', 1); ?>) 50% 0 repeat-x;
+	color: #<?php echo $colortextbacktab; ?>;
+	*/
+	text-decoration: underline;
+}
+a.tabimage {
+    color: #434956;
+	font-family: <?php print $fontlist ?>;
+    text-decoration: none;
+    white-space: nowrap;
+}
+
+td.tab {
+    background: #dee7ec;
+}
+
+span.tabspan {
+    background: #dee7ec;
+    color: #434956;
+	font-family: <?php print $fontlist ?>;
+    padding: 0px 6px;
+    margin: 0em 0.2em;
+    text-decoration: none;
+    white-space: nowrap;
+	-webkit-border-radius:4px 4px 0px 0px;
+	border-radius:4px 4px 0px 0px;
+
+    border-<?php print $right; ?>: 1px solid #555555;
+    border-<?php print $left; ?>: 1px solid #D8D8D8;
+    border-top: 1px solid #D8D8D8;
+}
+
+/* ============================================================================== */
+/* Boutons actions                                                                */
+/* ============================================================================== */
+
+div.divButAction {
+	margin-bottom: 1.4em;
+}
+div.tabsAction > a.butAction, div.tabsAction > a.butActionRefused {
+	margin-bottom: 1.4em !important;
+}
+div.tabsActionNoBottom > a.butAction, div.tabsActionNoBottom > a.butActionRefused {
+	margin-bottom: 0 !important;
+}
+
+span.butAction, span.butActionDelete {
+	cursor: pointer;
+}
+
+.butAction {
+	background: rgb(225, 231, 225)
+	/* background: rgb(230, 232, 239); */
+}
+.butActionRefused, .butAction, .butAction:link, .butAction:visited, .butAction:hover, .butAction:active, .butActionDelete, .butActionDelete:link, .butActionDelete:visited, .butActionDelete:hover, .butActionDelete:active {
+	text-decoration: none;
+	text-transform: uppercase;
+    font-weight: bold;
+
+	margin: 0em <?php echo ($dol_optimize_smallscreen?'0.6':'0.9'); ?>em !important;
+	padding: 0.6em <?php echo ($dol_optimize_smallscreen?'0.6':'0.7'); ?>em;
+	font-family: <?php print $fontlist ?>;
+    display: inline-block;
+    text-align: center;
+    cursor: pointer;
+    /* color: #fff; */
+    /* background: rgb(<?php echo $colorbackhmenu1 ?>); */
+    color: #444;
+    /* border: 1px solid #aaa; */
+    /* border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); */
+
+    border-top-right-radius: 0 !important;
+    border-bottom-right-radius: 0 !important;
+    border-top-left-radius: 0 !important;
+    border-bottom-left-radius: 0 !important;
+}
+.butActionNew, .butActionNewRefused, .butActionNew:link, .butActionNew:visited, .butActionNew:hover, .butActionNew:active {
+	text-decoration: none;
+	text-transform: uppercase;
+    font-weight: normal;
+
+	margin: 0em 0.3em 0 0.3em !important;
+	padding: 0.2em <?php echo ($dol_optimize_smallscreen?'0.4':'0.7'); ?>em 0.3em;
+	font-family: <?php print $fontlist ?>;
+    display: inline-block;
+    /* text-align: center; New button are on right of screen */
+    cursor: pointer;
+    /*color: #fff !important;
+    background: rgb(<?php echo $colorbackhmenu1 ?>);
+    border: 1px solid rgb(<?php echo $colorbackhmenu1 ?>);
+    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
+    border-top-right-radius: 0 !important;
+    border-bottom-right-radius: 0 !important;
+    border-top-left-radius: 0 !important;
+    border-bottom-left-radius: 0 !important;*/
+}
+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; }
+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; }
+
+.butAction:hover   {
+  -webkit-box-shadow: 0px 0px 6px 1px rgba(50, 50, 50, 0.4), 0px 0px 0px rgba(60,60,60,0.1);
+  box-shadow: 0px 0px 6px 1px rgba(50, 50, 50, 0.4), 0px 0px 0px rgba(60,60,60,0.1);
+}
+.butActionNew:hover   {
+  text-decoration: underline;
+  box-shadow: unset !important;
+}
+
+.butActionDelete, .butActionDelete:link, .butActionDelete:visited, .butActionDelete:hover, .butActionDelete:active, .buttonDelete {
+    background: rgb(234, 228, 225);
+    /* border: 1px solid #633; */
+    color: #633;
+}
+
+.butActionDelete:hover {
+  -webkit-box-shadow: 0px 0px 6px 1px rgba(50, 50, 50, 0.4), 0px 0px 0px rgba(60,60,60,0.1);
+  box-shadow: 0px 0px 6px 1px rgba(50, 50, 50, 0.4), 0px 0px 0px rgba(60,60,60,0.1);
+}
+
+.butActionRefused {
+	text-decoration: none !important;
+	text-transform: uppercase;
+    font-weight: bold !important;
+
+	white-space: nowrap !important;
+	cursor: not-allowed !important;
+	margin: 0em <?php echo ($dol_optimize_smallscreen?'0.6':'0.9'); ?>em;
+	padding: 0.6em <?php echo ($dol_optimize_smallscreen?'0.6':'0.7'); ?>em;
+    font-family: <?php print $fontlist ?> !important;
+    display: inline-block;
+    text-align: center;
+    cursor: pointer;
+    color: #999 !important;
+    border: 1px solid #ccc;
+    box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+}
+.butActionNewRefused, .butActionNewRefused:link, .butActionNewRefused:visited, .butActionNewRefused:hover, .butActionNewRefused:active {
+	text-decoration: none !important;
+	text-transform: uppercase;
+    font-weight: normal !important;
+
+	white-space: nowrap !important;
+	cursor: not-allowed !important;
+	margin: 0em <?php echo ($dol_optimize_smallscreen?'0.7':'0.9'); ?>em;
+	padding: 0.2em <?php echo ($dol_optimize_smallscreen?'0.4':'0.7'); ?>em;
+    font-family: <?php print $fontlist ?> !important;
+    display: inline-block;
+    /* text-align: center;  New button are on right of screen */
+    cursor: pointer;
+    color: #999 !important;
+    padding-top: 0.2em;
+    box-shadow: none !important;
+    -webkit-box-shadow: none !important;
+}
+
+.butActionTransparent {
+	color: #222 ! important;
+	background-color: transparent ! important;
+}
+
+<?php if (! empty($conf->global->MAIN_BUTTON_HIDE_UNAUTHORIZED) && (! $user->admin)) { ?>
+.butActionRefused, .butActionNewRefused {
+	display: none;
+}
+<?php } ?>
+
+
+
+/* ============================================================================== */
+/* Tables                                                                         */
+/* ============================================================================== */
+
+.allwidth {
+	width: 100%;
+}
+
+#undertopmenu {
+	background-repeat: repeat-x;
+	margin-top: <?php echo ($dol_hide_topmenu?'6':'0'); ?>px;
+}
+
+
+.paddingrightonly {
+	border-collapse: collapse;
+	border: 0px;
+	margin-left: 0px;
+	padding-<?php print $left; ?>: 0px !important;
+	padding-<?php print $right; ?>: 4px !important;
+}
+.nocellnopadd {
+	list-style-type:none;
+	margin: 0px !important;
+	padding: 0px !important;
+}
+tr.nocellnopadd td.nobordernopadding, tr.nocellnopadd td.nocellnopadd
+{
+	border: 0px;
+}
+
+.notopnoleft {
+	border-collapse: collapse;
+	border: 0px;
+	padding-top: 0px;
+	padding-<?php print $left; ?>: 0px;
+	padding-<?php print $right; ?>: 16px;
+	padding-bottom: 4px;
+	margin-right: 0px;
+}
+.notopnoleftnoright {
+	border-collapse: collapse;
+	border: 0px;
+	padding-top: 0px;
+	padding-left: 0px;
+	padding-right: 0px;
+	padding-bottom: 4px;
+	margin: 0px 0px 0px 0px;
+}
+
+
+table.border, table.bordernooddeven, table.dataTable, .table-border, .table-border-col, .table-key-border-col, .table-val-border-col, div.border {
+	border-collapse: collapse !important;
+	padding: 1px 2px 1px 3px;			/* t r b l */
+}
+table.borderplus {
+	border: 1px solid #BBB;
+}
+.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 {
+	height: 22px;
+}
+tr.liste_titre.box_titre td table td, .bordernooddeven tr td {
+    height: 22px;
+}
+
+div.tabBar div.border .table-border-row, div.tabBar div.border .table-key-border-col, div.tabBar .table-val-border-col {
+	vertical-align: middle;
+}
+div .tdtop {
+    vertical-align: top !important;
+	/* padding-top: 8px !important; */
+	padding-bottom: 2px !important;
+	padding-bottom: 0px;
+}
+
+table.border td, table.bordernooddeven td, div.border div div.tagtd {
+	padding: 5px 2px 5px 2px;
+	border-collapse: collapse;
+}
+div.tabBar .fichecenter table.border>tbody>tr>td, div.tabBar .fichecenter div.border div div.tagtd, div.tabBar div.border div div.tagtd
+{
+	padding-top: 5px;
+	border-bottom: 1px solid #E0E0E0;
+}
+
+td.border, div.tagtable div div.border {
+	border-top: 1px solid #000000;
+	border-right: 1px solid #000000;
+	border-bottom: 1px solid #000000;
+	border-left: 1px solid #000000;
+}
+.table-key-border-col {
+	/* width: 25%; */
+	vertical-align:top;
+}
+.table-val-border-col {
+	width:auto;
+}
+
+
+/* Main boxes */
+.nobordertop, .nobordertop tr:first-of-type td {
+    border-top: none !important;
+}
+.noborderbottom, .noborderbottom tr:last-of-type td {
+    border-bottom: none !important;
+}
+.bordertop {
+	border-top: 1px solid rgb(<?php echo $colortopbordertitle1 ?>);
+}
+.borderbottom {
+	border-bottom: 1px solid rgb(<?php echo $colortopbordertitle1 ?>);
+}
+
+
+/*.ficheaddleft table.noborder {
+	margin: 0px 0px 0px 0px;
+}*/
+table.liste, table.noborder, table.formdoc, div.noborder {
+	width: 100%;
+
+	border-collapse: separate !important;
+	border-spacing: 0px;
+
+	border-top-width: <?php echo $borderwidth ?>px;
+	border-top-color: rgb(<?php echo $colortopbordertitle1 ?>);
+	border-top-style: solid;
+	/* border-top-width: 2px;
+	border-top-color: rgb(<?php echo $colorbackhmenu1 ?>);
+	border-top-style: solid; */
+
+	border-bottom-width: 1px;
+	border-bottom-color: rgb(<?php echo $colortopbordertitle1 ?>);
+	border-bottom-style: solid;
+
+	margin: 0px 0px 5px 0px;
+}
+div.tabBar div.ficheaddleft table.noborder:last-of-type {
+    border-bottom: 1px solid rgb(<?php echo $colortopbordertitle1 ?>);
+}
+div.tabBar table.border>tbody>tr:last-of-type>td {
+	border-bottom-width: 1px;
+	border-bottom-color: rgb(<?php echo $colortopbordertitle1 ?>);
+	border-bottom-style: solid;
+}
+div.tabBar div.ficheaddleft table.noborder {
+    border-bottom: none;
+}
+
+table.paddingtopbottomonly tr td {
+	padding-top: 1px;
+	padding-bottom: 2px;
+}
+.liste_titre_filter {
+	background: rgb(<?php echo $colorbacktitle1; ?>) !important;
+}
+tr.liste_titre_filter td.liste_titre {
+	/* border-bottom: 1px solid #ddd; */
+	padding-top: 1px;
+	padding-bottom: 0px;
+}
+.liste_titre_create td, .liste_titre_create th, .liste_titre_create .tagtd
+{
+    border-top-width: 1px;
+    border-top-color: rgb(<?php echo $colortopbordertitle1 ?>);
+    border-top-style: solid;
+}
+/*.liste_titre_create td.nobottom, tr#trlinefordates td {
+    background-color: rgb(<?php echo $colorbacktitle1; ?>) !important;
+}*/
+tr#trlinefordates td {
+    border-bottom: 0px !important;
+}
+.liste_titre_add td, .liste_titre_add th, .liste_titre_add .tagtd
+{
+    border-top-width: 1px;
+    border-top-color: rgb(<?php echo $colortopbordertitle1 ?>);
+    border-top-style: solid;
+}
+table.liste tr, table.noborder tr, div.noborder form {
+	border-top-color: #FEFEFE;
+	min-height: 20px;
+}
+table.liste th, table.noborder th, table.noborder tr.liste_titre td, table.noborder tr.box_titre td {
+	padding: 7px 8px 7px 8px;			/* t r b l */
+}
+table.liste td, table.noborder td, div.noborder form div, table.tableforservicepart1 td, table.tableforservicepart2 td {
+	padding: 7px 8px 7px 8px;			/* t r b l */
+	line-height: 1.2em;
+	height: 22px;
+}
+div.liste_titre_bydiv .divsearchfield {
+	padding: 2px 1px 2px 7px;			/* t r b l */
+}
+
+tr.box_titre .nobordernopadding td {
+	padding: 0 ! important;
+}
+table.nobordernopadding {
+	border-collapse: collapse !important;
+	border: 0;
+}
+table.nobordernopadding tr {
+	border: 0 !important;
+	padding: 0 0 !important;
+}
+table.nobordernopadding tr td {
+	border: 0 !important;
+	padding: 0 3px 0 0;
+}
+table.border tr td table.nobordernopadding tr td {
+	padding-top: 0;
+	padding-bottom: 0;
+}
+td.borderright {
+    border: none;	/* to erase value for table.nobordernopadding td */
+	border-right-width: 1px !important;
+	border-right-color: #BBB !important;
+	border-right-style: solid !important;
+}
+
+
+/* For table with no filter before */
+table.listwithfilterbefore {
+	border-top: none !important;
+}
+
+
+.tagtable, .table-border { display: table; }
+.tagtr, .table-border-row  { display: table-row; }
+.tagtd, .table-border-col, .table-key-border-col, .table-val-border-col { display: table-cell; }
+
+
+/* Pagination */
+div.refidpadding  {
+	padding-top: 3px;
+}
+div.refid  {
+	font-weight: bold;
+  	color: rgb(<?php print $colortexttitlenotab; ?>);
+  	font-size: 1.2em;
+}
+div.refidno  {
+	padding-top: 3px;
+	font-weight: normal;
+  	color: #444;
+  	font-size: <?php print is_numeric($fontsize)?$fontsize.'px':$fontsize ?>;
+  	line-height: 21px;
+}
+div.refidno form {
+    display: inline-block;
+}
+
+div.pagination {
+	float: right;
+}
+div.pagination a {
+	font-weight: normal;
+}
+/*div.pagination a.butAction, div.fichehalfright a.butAction {
+    margin-right: 0px !important;
+}
+div.tabsAction a.butActionDelete:last-child, div.tabsAction a.butAction:last-child {
+    margin-right: 0px !important;
+}*/
+div.pagination ul
+{
+  list-style: none;
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  margin: 0;
+}
+div.pagination li {
+  display: inline-block;
+  padding-left: 0px;
+  padding-right: 0px;
+  padding-top: 6px;
+  padding-bottom: 5px;
+}
+.pagination {
+  display: inline-block;
+  padding-left: 0;
+  border-radius: 4px;
+}
+div.pagination li.pagination a,
+div.pagination li.pagination span {
+  padding: 6px 12px;
+  line-height: 1.42857143;
+  color: #000;
+  text-decoration: none;
+  background-repeat: repeat-x;
+}
+div.pagination li.pagination span.inactive {
+  cursor: default;
+  color: #ccc;
+}
+li.noborder.litext, li.noborder.litext a,
+div.pagination li a.inactive:hover,
+div.pagination li span.inactive:hover {
+  	-webkit-box-shadow: none !important;
+  	box-shadow: none !important;
+}
+/*div.pagination li.litext {
+	padding-top: 8px;
+}*/
+div.pagination li.litext a {
+  border: none;
+  padding-right: 10px;
+  padding-left: 4px;
+  font-weight: bold;
+}
+div.pagination li.litext a:hover {
+	background-color: transparent;
+	background-image: none;
+}
+div.pagination li.litext a:hover {
+	background-color: transparent;
+	background-image: none;
+}
+div.pagination li.noborder a:hover {
+  border: none;
+  background-color: transparent;
+}
+div.pagination li a,
+div.pagination li span {
+  /* background-color: #fff; */
+  /* border: 1px solid #ddd; */
+}
+div.pagination li:first-child a,
+div.pagination li:first-child span {
+  margin-left: 0;
+  /*border-top-left-radius: 4px;
+  border-bottom-left-radius: 4px;*/
+}
+div.pagination li:last-child a,
+div.pagination li:last-child span {
+  /*border-top-right-radius: 4px;
+  border-bottom-right-radius: 4px;*/
+}
+div.pagination li a:hover,
+div.pagination li:not(.paginationafterarrows) span:hover,
+div.pagination li a:focus,
+div.pagination li:not(.paginationafterarrows) span:focus {
+  -webkit-box-shadow: 0px 0px 6px 1px rgba(50, 50, 50, 0.4), 0px 0px 0px rgba(60,60,60,0.1);
+  box-shadow: 0px 0px 6px 1px rgba(50, 50, 50, 0.4), 0px 0px 0px rgba(60,60,60,0.1);
+}
+div.pagination li .active a,
+div.pagination li .active span,
+div.pagination li .active a:hover,
+div.pagination li .active span:hover,
+div.pagination li .active a:focus,
+div.pagination li .active span:focus {
+  z-index: 2;
+  color: #fff;
+  cursor: default;
+  background-color: rgb(<?php echo $colorbackhmenu1 ?>);
+  border-color: #337ab7;
+}
+div.pagination .disabled span,
+div.pagination .disabled span:hover,
+div.pagination .disabled span:focus,
+div.pagination .disabled a,
+div.pagination .disabled a:hover,
+div.pagination .disabled a:focus {
+  color: #777;
+  cursor: not-allowed;
+  background-color: #fff;
+  border-color: #ddd;
+}
+div.pagination li.pagination .active {
+  text-decoration: underline;
+  box-shadow: none;
+}
+.paginationafterarrows .nohover {
+  box-shadow: none !important;
+}
+
+div.pagination li.paginationafterarrows {
+	margin-left: 10px;
+}
+.paginationatbottom {
+	margin-top: 9px;
+}
+
+
+
+
+/* Set the color for hover lines */
+.oddeven:hover, .evenodd:hover, .impair:hover, .pair:hover
+{
+<?php if ($colorbacklinepairhover) { ?>
+	background: rgb(<?php echo $colorbacklinepairhover; ?>) !important;		/* Must be background to be stronger than background of odd or even */
+<?php } ?>
+}
+<?php if ($colorbacklinepairchecked) { ?>
+.highlight {
+	background: rgb(<?php echo $colorbacklinepairchecked; ?>) !important; /* Must be background to be stronger than background of odd or even */
+}
+<?php } ?>
+
+.nohover:hover {
+	background: unset;
+}
+.nohoverborder:hover {
+	border: unset;
+	box-shadow: unset;
+	-webkit-box-shadow: unset;
+}
+.oddeven, .evenodd, .impair, .nohover .impair:hover, tr.impair td.nohover, .tagtr.oddeven
+{
+	font-family: <?php print $fontlist ?>;
+	margin-bottom: 1px;
+	color: #202020;
+}
+.impair, .nohover .impair:hover, tr.impair td.nohover
+{
+	background: #<?php echo colorArrayToHex(colorStringToArray($colorbacklineimpair1)); ?>;
+}
+#GanttChartDIV {
+	background-color: #<?php echo colorArrayToHex(colorStringToArray($colorbacklineimpair1)); ?>;
+}
+
+.oddeven, .evenodd, .pair, .nohover .pair:hover, tr.pair td.nohover, .tagtr.oddeven {
+	font-family: <?php print $fontlist ?>;
+	margin-bottom: 1px;
+	color: #202020;
+}
+.pair, .nohover .pair:hover, tr.pair td.nohover {
+	background-color: #<?php echo colorArrayToHex(colorStringToArray($colorbacklinepair1)); ?>;
+}
+
+table.dataTable tr.oddeven {
+	background-color: #<?php echo colorArrayToHex(colorStringToArray($colorbacklinepair1)); ?> !important;
+}
+
+/* For no hover style */
+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 {
+	background-color: #<?php echo colorArrayToHex(colorStringToArray($colorbacklineimpair1)); ?> !important;
+	background: #<?php echo colorArrayToHex(colorStringToArray($colorbacklineimpair1)); ?> !important;
+}
+td.evenodd, tr.nohoverpair td, #trlinefordates td {
+	background-color: #<?php echo colorArrayToHex(colorStringToArray($colorbacklinepair1)); ?> !important;
+	background: #<?php echo colorArrayToHex(colorStringToArray($colorbacklinepair1)); ?> !important;
+}
+.trforbreak td {
+	background-color: #<?php echo colorArrayToHex(colorStringToArray($colorbacklinebreak)); ?> !important;
+}
+
+table.dataTable td {
+    padding: 5px 8px 5px 8px !important;
+}
+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 {
+    padding: 7px 8px 7px 8px;
+    border-bottom: 1px solid #ddd;
+}
+form.pair, form.impair {
+	font-weight: normal;
+}
+form.tagtr:last-of-type div.tagtd, tr.pair:last-of-type td, tr.impair:last-of-type td {
+    border-bottom: 0px !important;
+}
+tr.pair td .nobordernopadding tr td, tr.impair td .nobordernopadding tr td {
+    border-bottom: 0px !important;
+}
+tr.nobottom td, tr.nobottom , td.nobottom {
+    border-bottom: 0px !important;
+}
+div.liste_titre .tagtd {
+	vertical-align: middle;
+}
+div.liste_titre {
+	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 */
+
+	padding-top: 2px;
+	padding-bottom: 2px;
+}
+div.liste_titre_bydiv {
+	border-top-width: <?php echo $borderwidth ?>px;
+    border-top-color: rgb(<?php echo $colortopbordertitle1 ?>);
+    border-top-style: solid;
+
+	border-collapse: collapse;
+	display: table;
+	padding: 2px 0px 2px 0;
+	box-shadow: none;
+	/*width: calc(100% - 1px);	1px more, i don't know why so i remove */
+	width: calc(100%);
+}
+tr.liste_titre, tr.liste_titre_sel, form.liste_titre, form.liste_titre_sel, table.dataTable.tr, tagtr.liste_titre
+{
+	height: 26px !important;
+}
+div.colorback	/* for the form "assign user" on time spent view */
+{
+	background: #f8f8f8;
+	padding: 10px;
+	margin-top: 5px;
+	border: 1px solid #ddd;
+}
+div.liste_titre_bydiv, .liste_titre div.tagtr, tr.liste_titre, tr.liste_titre_sel, .tagtr.liste_titre, .tagtr.liste_titre_sel, form.liste_titre, form.liste_titre_sel, table.dataTable thead tr
+{
+	background: rgb(<?php echo $colorbacktitle1; ?>);
+	font-weight: <?php echo $useboldtitle?'bold':'normal'; ?>;
+
+    color: rgb(<?php echo $colortexttitle; ?>);
+    font-family: <?php print $fontlist ?>;
+    text-align: <?php echo $left; ?>;
+}
+tr.liste_titre th, tr.liste_titre td, th.liste_titre
+{
+	border-bottom: 1px solid rgb(<?php echo $colortopbordertitle1 ?>);
+}
+tr.liste_titre:first-child th, tr:first-child th.liste_titre {
+/*    border-bottom: 1px solid #ddd ! important; */
+	border-bottom: unset;
+}
+tr.liste_titre th, th.liste_titre, tr.liste_titre td, td.liste_titre, form.liste_titre div
+{
+    font-family: <?php print $fontlist ?>;
+    font-weight: <?php echo $useboldtitle?'bold':'normal'; ?>;
+    vertical-align: middle;
+    height: 24px;
+}
+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 {
+	text-shadow: none !important;
+}
+tr.liste_titre_topborder td {
+	border-top-width: <?php echo $borderwidth; ?>px;
+    border-top-color: rgb(<?php echo $colortopbordertitle1 ?>);
+    border-top-style: solid;
+}
+.liste_titre td a {
+	text-shadow: none !important;
+	color: rgb(<?php echo $colortexttitle; ?>);
+}
+.liste_titre td a.notasortlink {
+	color: rgb(<?php echo $colortextlink; ?>);
+}
+.liste_titre td a.notasortlink:hover {
+	background: transparent;
+}
+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 */
+    /* border-bottom: 1px solid #ddd; */
+    border-bottom: unset;
+}
+
+
+tr.liste_titre_sel th, th.liste_titre_sel, tr.liste_titre_sel td, td.liste_titre_sel, form.liste_titre_sel div
+{
+    font-family: <?php print $fontlist ?>;
+    font-weight: normal;
+    border-bottom: 1px solid #FDFFFF;
+    text-decoration: underline;
+}
+input.liste_titre {
+    background: transparent;
+    border: 0px;
+}
+.listactionlargetitle .liste_titre {
+	line-height: 24px;
+}
+.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 {
+    color: #551188;
+    font-weight: normal;
+}
+.noborder tr.liste_total td, tr.liste_total td, form.liste_total div {
+    white-space: nowrap;
+}
+.noborder tr.liste_total_wrap td, tr.liste_total_wrap td, form.liste_total_wrap div {
+	white-space: normal;
+}
+form.liste_total div {
+    border-top: 1px solid #DDDDDD;
+}
+tr.liste_sub_total, tr.liste_sub_total td {
+	border-bottom: 1px solid #aaa;
+}
+/* to avoid too much border on contract card */
+.tableforservicepart1 .impair, .tableforservicepart1 .pair, .tableforservicepart2 .impair, .tableforservicepart2 .pair {
+	background: #FFF;
+}
+.tableforservicepart1 tbody tr td, .tableforservicepart2 tbody tr td {
+	border-bottom: none;
+}
+table.tableforservicepart1:first-of-type tr:first-of-type td {
+    border-top: 1px solid #888;
+}
+table.tableforservicepart1 tr td {
+    border-top: 0px;
+}
+
+.paymenttable, .margintable {
+	/*border-top-width: <?php echo $borderwidth ?>px !important;
+	border-top-color: rgb(<?php echo $colortopbordertitle1 ?>) !important;
+	border-top-style: solid !important;*/
+	border-top: none !important;
+	margin: 0px 0px 0px 0px !important;
+}
+.paymenttable tr td:first-child, .margintable tr td:first-child
+{
+	padding-left: 2px;
+}
+.paymenttable, .margintable tr td {
+	height: 22px;
+}
+
+/* Disable shadows */
+.noshadow {
+	-webkit-box-shadow: 0px 0px 0px #DDD !important;
+	box-shadow: 0px 0px 0px #DDD !important;
+}
+
+div.tabBar .noborder {
+	-webkit-box-shadow: 0px 0px 0px #DDD !important;
+	box-shadow: 0px 0px 0px #DDD !important;
+}
+
+#tablelines tr.liste_titre td, .paymenttable tr.liste_titre td, .margintable tr.liste_titre td, .tableforservicepart1 tr.liste_titre td {
+	border-bottom: 1px solid rgb(<?php echo $colortopbordertitle1 ?>) !important;
+}
+#tablelines tr td {
+    height: unset;
+}
+
+/* Prepare to remove class pair - impair */
+
+.noborder > tbody > tr:nth-child(even):not(.liste_titre), .liste > tbody > tr:nth-child(even):not(.liste_titre),
+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),
+div:not(.fichecenter):not(.fichehalfleft):not(.ficheaddleft) .oddeven.tagtr:nth-of-type(even):not(.liste_titre)
+{
+	background: linear-gradient(bottom, rgb(<?php echo $colorbacklineimpair1; ?>) 85%, rgb(<?php echo $colorbacklineimpair2; ?>) 100%);
+	background: -o-linear-gradient(bottom, rgb(<?php echo $colorbacklineimpair1; ?>) 85%, rgb(<?php echo $colorbacklineimpair2; ?>) 100%);
+	background: -moz-linear-gradient(bottom, rgb(<?php echo $colorbacklineimpair1; ?>) 85%, rgb(<?php echo $colorbacklineimpair2; ?>) 100%);
+	background: -webkit-linear-gradient(bottom, rgb(<?php echo $colorbacklineimpair1; ?>) 85%, rgb(<?php echo $colorbacklineimpair2; ?>) 100%);
+	background: -ms-linear-gradient(bottom, rgb(<?php echo $colorbacklineimpair1; ?>) 85%, rgb(<?php echo $colorbacklineimpair2; ?>) 100%);
+}
+.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),
+.noborder .oddeven.tagtr:nth-child(even):not(:last-child) .tagtd:not(.liste_titre)
+{
+	border-bottom: 1px solid #ddd;
+}
+
+.noborder > tbody > tr:nth-child(odd):not(.liste_titre), .liste > tbody > tr:nth-child(odd):not(.liste_titre),
+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),
+div:not(.fichecenter):not(.fichehalfleft):not(.ficheaddleft) .oddeven.tagtr:nth-of-type(odd):not(.liste_titre)
+{
+	background: linear-gradient(bottom, rgb(<?php echo $colorbacklinepair1; ?>) 85%, rgb(<?php echo $colorbacklinepair2; ?>) 100%);
+	background: -o-linear-gradient(bottom, rgb(<?php echo $colorbacklinepair1; ?>) 85%, rgb(<?php echo $colorbacklinepair2; ?>) 100%);
+	background: -moz-linear-gradient(bottom, rgb(<?php echo $colorbacklinepair1; ?>) 85%, rgb(<?php echo $colorbacklinepair2; ?>) 100%);
+	background: -webkit-linear-gradient(bottom, rgb(<?php echo $colorbacklinepair1; ?>) 85%, rgb(<?php echo $colorbacklinepair2; ?>) 100%);
+	background: -ms-linear-gradient(bottom, rgb(<?php echo $colorbacklinepair1; ?>) 85%, rgb(<?php echo $colorbacklinepair2; ?>) 100%);
+}
+.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),
+.noborder .oddeven.tagtr:nth-child(odd):not(:last-child) .tagtd:not(.liste_titre)
+{
+	border-bottom: 1px solid #ddd;
+}
+
+ul.noborder li:nth-child(even):not(.liste_titre) {
+	background-color: rgb(<?php echo $colorbacklinepair2; ?>) !important;
+}
+
+
+/*
+ *  Boxes
+ */
+
+.box {
+    overflow-x: auto;
+    min-height: 40px;
+}
+/*.ficheaddleft div.boxstats, .ficheaddright div.boxstats {
+    border: none;
+}*/
+.boxstatsborder {
+    /* border: 1px solid #CCC !important; */
+}
+.boxstats, .boxstats130 {
+    display: inline-block;
+    margin: 8px;
+    margin-top: 5px;
+    margin-bottom: 5px;
+    text-align: center;
+
+    background: #fcfcfc;
+    border: 1px solid #eee;
+    border-left: 6px solid #ddd;
+    box-shadow: 1px 1px 8px #ddd;
+    border-radius: 0px;
+}
+.boxstats, .boxstats130, .boxstatscontent {
+	white-space: nowrap;
+	overflow: hidden;
+    text-overflow: ellipsis;
+}
+.boxstats130 {
+    width: 158px;
+    height: 48px;
+    padding: 3px;
+}
+.boxstats {
+    padding: 3px;
+    width: 121px;
+}
+.boxstatscontent {
+	padding: 3px;
+}
+.boxstatsempty {
+    width: 121px;
+    padding-left: 3px;
+    padding-right: 3px;
+    margin-left: 8px;
+    margin-right: 8px;
+}
+.boxstats150empty {
+    width: 158px;
+    padding-left: 3px;
+    padding-right: 3px;
+    margin-left: 8px;
+    margin-right: 8px;
+}
+
+@media only screen and (max-width: 767px)
+{
+	.boxstats, .boxstats130 {
+		margin: 3px;
+	    /*border: 1px solid #ccc;
+    	box-shadow: none; */
+    }
+    .boxstats130 {
+    	text-align: <?php echo $left; ?>
+    }
+	.thumbstat {
+		flex: 1 1 110px;
+		margin-bottom: 8px;
+	}
+	.thumbstat150 {
+		flex: 1 1 110px;
+		margin-bottom: 8px;
+		width: 160px;
+	}
+    .dashboardlineindicator {
+        float: left;
+    	padding-left: 5px;
+    }
+    .boxstats130 {
+    	width: 148px;
+    }
+    .boxstats {
+        width: 111px;
+    }
+    .boxstatsempty {
+    	width: 111px;
+	}
+
+}
+
+.boxstats:hover {
+	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.20);
+}
+span.boxstatstext {
+	opacity: 0.7;
+    line-height: 18px;
+    color: #000;
+}
+span.boxstatstext img, a.dashboardlineindicatorlate img {
+	border: 0;
+}
+a img {
+	border: 0;
+}
+.boxstatsindicator.thumbstat150 {	/* If we remove this, box position is ko on ipad */
+	display: inline-flex;
+}
+span.boxstatsindicator {
+	font-size: 130%;
+	font-weight: normal;
+	line-height: 29px;
+}
+span.dashboardlineindicator, span.dashboardlineindicatorlate {
+	font-size: 130%;
+	font-weight: normal;
+}
+.dashboardlineindicatorlate img {
+	width: 16px;
+}
+span.dashboardlineok {
+	color: #008800;
+}
+span.dashboardlineko {
+	color: #FFF;
+	/*color: #8c4446 ! important;
+	padding-left: 1px;*/
+
+	font-size: 80%;
+}
+.dashboardlinelatecoin {
+	float: right;
+	position: relative;
+    text-align: right;
+    top: -26px;
+    padding: 0px 5px 0px 5px;
+    border-radius: .25em;
+
+    background-color: #9f4705;
+}
+.imglatecoin {
+    padding: 1px 3px 1px 1px;
+    margin-left: 4px;
+    margin-right: 2px;
+    background-color: #8c4446;
+    color: #FFFFFF ! important;
+    border-radius: .25em;
+	display: inline-block;
+	vertical-align: middle;
+}
+.boxtable {
+    margin-bottom: 8px !important;
+    border-bottom-width: 1px;
+
+    border-top: <?php echo $borderwidth ?>px solid rgb(<?php echo $colortopbordertitle1 ?>);
+	/* border-top: 2px solid rgb(<?php echo $colorbackhmenu1 ?>) !important; */
+}
+table.noborder.boxtable tr td {
+    height: unset;
+}
+.boxtablenotop {
+    border-top-width: 0 !important;
+}
+.boxtablenobottom {
+    border-bottom-width: 0 !important;
+}
+.boxtable .fichehalfright, .boxtable .fichehalfleft {
+    min-width: 275px;	/* increasing this, make chart on box not side by side on laptops */
+}
+.tdboxstats {
+	text-align: center;
+}
+.boxworkingboard .tdboxstats {
+	padding-left: 0px !important;
+	padding-right: 0px !important;
+}
+a.valignmiddle.dashboardlineindicator {
+    line-height: 30px;
+}
+
+.box {
+    padding-right: 0px;
+    padding-left: 0px;
+    padding-bottom: 25px;
+}
+
+tr.box_titre {
+    height: 26px;
+
+    /* TO MATCH BOOTSTRAP */
+	/*background: #ddd;
+	color: #000 !important;*/
+
+	/* TO MATCH ELDY */
+	background: rgb(<?php echo $colorbacktitle1; ?>)
+	color: rgb(<?php echo $colortexttitle; ?>);
+    font-family: <?php print $fontlist ?>, sans-serif;
+    font-weight: <?php echo $useboldtitle?'bold':'normal'; ?>;
+    border-bottom: 1px solid #FDFFFF;
+    white-space: nowrap;
+}
+
+tr.box_titre td.boxclose {
+	width: 30px;
+}
+img.boxhandle, img.boxclose {
+	padding-left: 5px;
+}
+
+.formboxfilter {
+	vertical-align: middle;
+	margin-bottom: 6px;
+}
+.formboxfilter input[type=image]
+{
+	top: 5px;
+	position: relative;
+}
+.boxfilter {
+	margin-bottom: 2px;
+	margin-right: 1px;
+}
+.prod_entry_mode_free, .prod_entry_mode_predef {
+    height: 26px !important;
+    vertical-align: middle;
+}
+
+.modulebuilderbox {
+	border: 1px solid #888;
+	padding: 16px;
+}
+
+
+/*
+ *   Ok, Warning, Error
+ */
+
+.ok      { color: #114466; }
+.warning { color: #887711; }
+.error   { color: #550000 !important; font-weight: bold; }
+
+div.ok {
+  color: #114466;
+}
+
+/* Info admin */
+div.info {
+	border-<?php print $left; ?>: solid 5px #87cfd2;
+    padding-top: 8px;
+    padding-left: 10px;
+    padding-right: 4px;
+    padding-bottom: 8px;
+    margin: 0.5em 0em 0.5em 0em;
+    background: #eff8fc;
+}
+
+/* Warning message */
+div.warning {
+    border-<?php print $left; ?>: solid 5px #f2cf87;
+	padding-top: 8px;
+	padding-left: 10px;
+	padding-right: 4px;
+	padding-bottom: 8px;
+	margin: 0.5em 0em 0.5em 0em;
+    background: #fcf8e3;
+}
+div.warning a, div.info a, div.error a {
+	color: rgb(<?php echo $colortextlink; ?>);
+}
+
+/* Error message */
+div.error {
+    border-<?php print $left; ?>: solid 5px #f28787;
+	padding-top: 8px;
+	padding-left: 10px;
+	padding-right: 4px;
+	padding-bottom: 8px;
+	margin: 0.5em 0em 0.5em 0em;
+  background: #EFCFCF;
+}
+
+
+/*
+ *   Liens Payes/Non payes
+ */
+
+a.normal:link { font-weight: normal }
+a.normal:visited { font-weight: normal }
+a.normal:active { font-weight: normal }
+a.normal:hover { font-weight: normal }
+
+a.impayee:link { font-weight: bold; color: #550000; }
+a.impayee:visited { font-weight: bold; color: #550000; }
+a.impayee:active { font-weight: bold; color: #550000; }
+a.impayee:hover { font-weight: bold; color: #550000; }
+
+
+/*
+ *  External web site
+ */
+
+.framecontent {
+    width: 100%;
+    height: 100%;
+}
+
+.framecontent iframe {
+    width: 100%;
+    height: 100%;
+}
+
+
+/*
+ *  Other
+ */
+
+div.boximport {
+    min-height: unset;
+}
+
+.product_line_stock_ok { color: #002200; }
+.product_line_stock_too_low { color: #884400; }
+
+.fieldrequired { font-weight: bold; color: #000055; }
+
+.widthpictotitle { width: 40px; text-align: <?php echo $left; ?>; }
+
+.dolgraphtitle { margin-top: 6px; margin-bottom: 4px; }
+.dolgraphtitlecssboxes { /* margin: 0px; */ }
+.legendColorBox, .legendLabel { border: none !important; }
+div.dolgraph div.legend, div.dolgraph div.legend div { background-color: rgba(255,255,255,0) !important; }
+div.dolgraph div.legend table tbody tr { height: auto; }
+td.legendColorBox { padding: 2px 2px 2px 0 !important; }
+td.legendLabel { padding: 2px 2px 2px 0 !important; }
+
+label.radioprivate {
+    white-space: nowrap;
+}
+
+.photo {
+	border: 0px;
+}
+.photowithmargin {
+	margin-bottom: 2px;
+	margin-top: 10px;
+}
+.photowithborder {
+	border: 1px solid #f0f0f0;
+}
+.photointooltip {
+	margin-top: 6px;
+	margin-bottom: 6px;
+	text-align: center;
+}
+.photodelete {
+	margin-top: 6px !important;
+}
+
+.logo_setup
+{
+	content:url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/logo_setup.svg', 1) ?>);	/* content is used to best fit the container */
+	display: inline-block;
+}
+.nographyet
+{
+	content:url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/nographyet.svg', 1) ?>);
+	display: inline-block;
+    opacity: 0.1;
+    background-repeat: no-repeat;
+}
+.nographyettext
+{
+    opacity: 0.5;
+}
+
+div.titre {
+	font-size: 1.1em;
+	text-decoration: none;
+	padding-top: 5px;
+    padding-bottom: 5px;
+}
+div.titre, .secondary {
+	font-family: <?php print $fontlist ?>;
+	color: rgb(<?php print $colortexttitlenotab; ?>);
+}
+
+#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 */
+#tablepublicpayment { border: 1px solid #CCCCCC !important; width: 100%; padding: 20px; }
+#tablepublicpayment .CTableRow1  { background-color: #F0F0F0 !important; }
+#tablepublicpayment tr.liste_total { border-bottom: 1px solid #CCCCCC !important; }
+#tablepublicpayment tr.liste_total td { border-top: none; }
+
+.divmainbodylarge { margin-left: 40px; margin-right: 40px; }
+#divsubscribe { max-width: 900px; }
+#tablesubscribe { width: 100%; }
+
+div#card-element {
+    border: 1px solid #ccc;
+}
+div#card-errors {
+	color: #fa755a;
+    text-align: center;
+    padding-top: 3px;
+}
+
+
+/*
+ * Effect Postit
+ */
+.effectpostit
+{
+  position: relative;
+}
+.effectpostit:before, .effectpostit:after
+{
+  z-index: -1;
+  position: absolute;
+  content: "";
+  bottom: 15px;
+  left: 10px;
+  width: 50%;
+  top: 80%;
+  max-width:300px;
+  background: #777;
+  -webkit-box-shadow: 0 15px 10px #777;
+  box-shadow: 0 15px 10px #777;
+  -webkit-transform: rotate(-3deg);
+  -moz-transform: rotate(-3deg);
+  -o-transform: rotate(-3deg);
+  -ms-transform: rotate(-3deg);
+  transform: rotate(-3deg);
+}
+.effectpostit:after
+{
+  -webkit-transform: rotate(3deg);
+  -moz-transform: rotate(3deg);
+  -o-transform: rotate(3deg);
+  -ms-transform: rotate(3deg);
+  transform: rotate(3deg);
+  right: 10px;
+  left: auto;
+}
+
+
+
+/* ============================================================================== */
+/* Formulaire confirmation (When Ajax JQuery is used)                             */
+/* ============================================================================== */
+
+.ui-dialog-titlebar {
+}
+.ui-dialog-content {
+}
+
+
+/* ============================================================================== */
+/* For content of image preview                                                   */
+/* ============================================================================== */
+
+/*
+.ui-dialog-content.ui-widget-content > object {
+     max-height: none;
+     width: auto; margin-left: auto; margin-right: auto; display: block;
+}
+*/
+
+
+/* ============================================================================== */
+/* Formulaire confirmation (When HTML is used)                                    */
+/* ============================================================================== */
+
+table.valid {
+    /* border-top: solid 1px #E6E6E6; */
+    border-<?php print $left; ?>: solid 5px #f2cf87;
+    /* border-<?php print $right; ?>: solid 1px #444444;
+    border-bottom: solid 1px #555555; */
+	padding-top: 8px;
+	padding-left: 10px;
+	padding-right: 4px;
+	padding-bottom: 4px;
+	margin: 0px 0px;
+    background: #fcf8e3;
+}
+
+.validtitre {
+	font-weight: bold;
+}
+
+
+/* ============================================================================== */
+/* Tooltips                                                                       */
+/* ============================================================================== */
+
+/* For tooltip using dialog */
+.ui-dialog.highlight.ui-widget.ui-widget-content.ui-front {
+    z-index: 3000;
+}
+
+div.ui-tooltip {
+	max-width: <?php print dol_size(600, 'width'); ?>px !important;
+}
+div.ui-tooltip.mytooltip {
+	border: none !important;
+	padding: 10px 15px;
+	border-radius: 0;
+	margin: 2px;
+	font-stretch: condensed;
+	-moz-box-shadow:   0.5px 0.5px 4px 0px rgba(0, 0, 0, 0.5);
+	-webkit-box-shadow:0.5px 0.5px 4px 0px rgba(0, 0, 0, 0.5);
+	-o-box-shadow:     0.5px 0.5px 4px 0px rgba(0, 0, 0, 0.5);
+	box-shadow:        0.5px 0.5px 4px 0px rgba(0, 0, 0, 0.5);
+	filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=134, Strength=5);
+	background: <?php print $toolTipBgColor; ?> !important;  
+	color : <?php print $toolTipFontColor; ?>;
+}
+
+
+
+
+/* ============================================================================== */
+/* Calendar                                                                       */
+/* ============================================================================== */
+
+.ui-datepicker-calendar .ui-state-default, .ui-datepicker-calendar .ui-widget-content .ui-state-default,
+.ui-datepicker-calendar .ui-widget-header .ui-state-default, .ui-datepicker-calendar .ui-button,
+html .ui-datepicker-calendar .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active
+{
+    border: unset;
+}
+
+img.datecallink { padding-left: 2px !important; padding-right: 2px !important; }
+
+.ui-datepicker-trigger {
+	vertical-align: middle;
+	cursor: pointer;
+	padding-left: 2px;
+	padding-right: 2px;
+}
+
+.bodyline {
+	-webkit-border-radius: 8px;
+	border-radius: 8px;
+	border: 1px #E4ECEC outset;
+	padding: 0px;
+	margin-bottom: 5px;
+}
+table.dp {
+    width: 180px;
+    background-color: #FFFFFF;
+    border-top: solid 2px #DDDDDD;
+    border-<?php print $left; ?>: solid 2px #DDDDDD;
+    border-<?php print $right; ?>: solid 1px #222222;
+    border-bottom: solid 1px #222222;
+    padding: 0px;
+	border-spacing: 0px;
+	border-collapse: collapse;
+}
+.dp td, .tpHour td, .tpMinute td{padding:2px; font-size:10px;}
+/* Barre titre */
+.dpHead,.tpHead,.tpHour td:Hover .tpHead{
+	font-weight:bold;
+	background-color:#b3c5cc;
+	color:white;
+	font-size:11px;
+	cursor:auto;
+}
+/* Barre navigation */
+.dpButtons,.tpButtons {
+	text-align:center;
+	background-color:#617389;
+	color:#FFFFFF;
+	font-weight:bold;
+	cursor:pointer;
+}
+.dpButtons:Active,.tpButtons:Active{border: 1px outset black;}
+.dpDayNames td,.dpExplanation {background-color:#D9DBE1; font-weight:bold; text-align:center; font-size:11px;}
+.dpExplanation{ font-weight:normal; font-size:11px;}
+.dpWeek td{text-align:center}
+
+.dpToday,.dpReg,.dpSelected{
+	cursor:pointer;
+}
+.dpToday{font-weight:bold; color:black; background-color:#DDDDDD;}
+.dpReg:Hover,.dpToday:Hover{background-color:black;color:white}
+
+/* Jour courant */
+.dpSelected{background-color:#0B63A2;color:white;font-weight:bold; }
+
+.tpHour{border-top:1px solid #DDDDDD; border-right:1px solid #DDDDDD;}
+.tpHour td {border-left:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; cursor:pointer;}
+.tpHour td:Hover {background-color:black;color:white;}
+
+.tpMinute {margin-top:5px;}
+.tpMinute td:Hover {background-color:black; color:white; }
+.tpMinute td {background-color:#D9DBE1; text-align:center; cursor:pointer;}
+
+/* Bouton X fermer */
+.dpInvisibleButtons
+{
+    border-style:none;
+    background-color:transparent;
+    padding:0px;
+    font-size: 0.85em;
+    border-width:0px;
+    color:#0B63A2;
+    vertical-align:middle;
+    cursor: pointer;
+}
+.datenowlink
+{
+	color: rgb(<?php print $colortextlink; ?>);
+}
+
+
+/* ============================================================================== */
+/*  Afficher/cacher                                                               */
+/* ============================================================================== */
+
+div.visible {
+    display: block;
+}
+
+div.hidden, td.hidden, img.hidden {
+    display: none;
+}
+
+tr.visible {
+    display: block;
+}
+
+
+/* ============================================================================== */
+/*  Module website                                                                */
+/* ============================================================================== */
+
+.phptag {
+	background: #ddd; border: 1px solid #ccc; border-radius: 4px;
+}
+
+.nobordertransp {
+    border: 0px;
+    background-color: transparent;
+    background-image: none;
+}
+.websitebar {
+	border-bottom: 1px solid #ccc;
+	background: #e6e6e6;
+	display: inline-block;
+}
+.websitebar .buttonDelete, .websitebar .button {
+	text-shadow: none;
+}
+.websitebar .button, .websitebar .buttonDelete
+{
+	padding: 2px 5px 3px 5px !important;
+	margin: 2px 4px 2px 4px  !important;
+    line-height: normal;
+}
+.websiteselection {
+	display: inline-block;
+	padding-left: 10px;
+	vertical-align: middle;
+	line-height: 28px;
+}
+.websitetools {
+	float: right;
+}
+.websiteselection, .websitetools {
+	margin-top: 3px;
+	padding-top: 3px;
+	padding-bottom: 3px;
+}
+.websiteinputurl {
+    display: inline-block;
+    vertical-align: top;
+}
+.websiteiframenoborder {
+	border: 0px;
+}
+span.websitebuttonsitepreview, a.websitebuttonsitepreview {
+	vertical-align: middle;
+}
+span.websitebuttonsitepreview img, a.websitebuttonsitepreview img {
+	width: 26px;
+	display: inline-block;
+}
+span.websitebuttonsitepreviewdisabled img, a.websitebuttonsitepreviewdisabled img {
+	opacity: 0.2;
+}
+.websitehelp {
+    vertical-align: middle;
+    float: right;
+    padding-top: 8px;
+}
+.websiteselectionsection {
+	border-left: 1px solid #bbb;
+	border-right: 1px solid #bbb;
+	margin-left: 0px;
+	padding-left: 8px;
+	margin-right: 5px;
+}
+
+
+/* ============================================================================== */
+/*  Module agenda                                                                 */
+/* ============================================================================== */
+
+.dayevent .tagtr:first-of-type {
+    height: 24px;
+}
+
+.agendacell { height: 60px; }
+table.cal_month    { border-spacing: 0px;  }
+table.cal_month td:first-child  { border-left: 0px; }
+table.cal_month td:last-child   { border-right: 0px; }
+.cal_current_month { border-top: 0; border-left: solid 1px #E0E0E0; border-right: 0; border-bottom: solid 1px #E0E0E0; }
+.cal_current_month_peruserleft { border-top: 0; border-left: solid 2px #6C7C7B; border-right: 0; border-bottom: solid 1px #E0E0E0; }
+.cal_current_month_oneday { border-right: solid 1px #E0E0E0; }
+.cal_other_month   { border-top: 0; border-left: solid 1px #C0C0C0; border-right: 0; border-bottom: solid 1px #C0C0C0; }
+.cal_other_month_peruserleft { border-top: 0; border-left: solid 2px #6C7C7B !important; border-right: 0; }
+.cal_current_month_right { border-right: solid 1px #E0E0E0; }
+.cal_other_month_right   { border-right: solid 1px #C0C0C0; }
+.cal_other_month   { /* opacity: 0.6; */ background: #EAEAEA; padding-<?php print $left; ?>: 2px; padding-<?php print $right; ?>: 1px; padding-top: 0px; padding-bottom: 0px; }
+.cal_past_month    { /* opacity: 0.6; */ background: #EEEEEE; padding-<?php print $left; ?>: 2px; padding-<?php print $right; ?>: 1px; padding-top: 0px; padding-bottom: 0px; }
+.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; }
+.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; }
+.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; }
+.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; }
+.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; }
+.cal_past          { }
+.cal_peruser       { padding-top: 0 !important; padding-bottom: 0 !important; padding-<?php print $left; ?>: 1px !important; padding-<?php print $right; ?>: 1px !important; }
+.cal_impair        { background: #F8F8F8; }
+.cal_today_peruser_impair { background: #F8F8F0; }
+.peruser_busy      { }
+.peruser_notbusy   { opacity: 0.5; }
+table.cal_event    { border: none; border-collapse: collapse; margin-bottom: 1px; min-height: 20px; }
+table.cal_event td { border: none; padding-<?php print $left; ?>: 2px; padding-<?php print $right; ?>: 2px; padding-top: 0px; padding-bottom: 0px; }
+table.cal_event td.cal_event { padding: 4px 4px !important; }
+table.cal_event td.cal_event_right { padding: 4px 4px !important; }
+.cal_event              { font-size: 1em; }
+.cal_event a:link       { color: #111111; font-weight: normal !important; }
+.cal_event a:visited    { color: #111111; font-weight: normal !important; }
+.cal_event a:active     { color: #111111; font-weight: normal !important; }
+.cal_event_busy a:hover { color: #111111; font-weight: normal !important; color:rgba(255,255,255,.75); }
+.cal_event_busy      { }
+.cal_peruserviewname { max-width: 140px; height: 22px; }
+
+.calendarviewcontainertr { height: 100px; }
+
+
+/* ============================================================================== */
+/*  Ajax - Liste deroulante de l'autocompletion                                   */
+/* ============================================================================== */
+
+.ui-widget-content { border: solid 1px rgba(0,0,0,.3); background: #fff !important; }
+
+.ui-autocomplete-loading { background: white url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/working.gif', 1) ?>) right center no-repeat; }
+.ui-autocomplete {
+	       position:absolute;
+	       width:auto;
+	       font-size: 1.0em;
+	       background-color:white;
+	       border:1px solid #888;
+	       margin:0px;
+/*	       padding:0px; This make combo crazy */
+	     }
+.ui-autocomplete ul {
+	       list-style-type:none;
+	       margin:0px;
+	       padding:0px;
+	     }
+.ui-autocomplete ul li.selected { background-color: #D3E5EC;}
+.ui-autocomplete ul li {
+	       list-style-type:none;
+	       display:block;
+	       margin:0;
+	       padding:2px;
+	       height:18px;
+	       cursor:pointer;
+	     }
+
+
+/* ============================================================================== */
+/*  jQuery - jeditable for inline edit                                            */
+/* ============================================================================== */
+
+.editkey_textarea, .editkey_ckeditor, .editkey_string, .editkey_email, .editkey_numeric, .editkey_select, .editkey_autocomplete {
+	background: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/edit.png', 1) ?>) right top no-repeat;
+	cursor: pointer;
+	margin-right: 3px;
+	margin-top: 3px;
+}
+
+.editkey_datepicker {
+	background: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/calendar.png', 1) ?>) right center no-repeat;
+	margin-right: 3px;
+	cursor: pointer;
+	margin-right: 3px;
+	margin-top: 3px;
+}
+
+.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 {
+	background: white;
+	cursor: pointer;
+}
+
+.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 {
+	background: white;
+	cursor: pointer;
+}
+
+.viewval_hover {
+	background: white;
+}
+
+
+/* ============================================================================== */
+/* Admin Menu                                                                     */
+/* ============================================================================== */
+
+/* CSS for treeview */
+.treeview ul { background-color: transparent !important; margin-top: 4px; padding-top: 4px !important; }
+.treeview li { background-color: transparent !important; padding: 0 0 0 16px !important; min-height: 26px; }
+.treeview .hover { color: rgb(<?php print $colortextlink; ?>) !important; text-decoration: underline !important; }
+
+
+
+/* ============================================================================== */
+/*  Show Excel tabs                                                               */
+/* ============================================================================== */
+
+.table_data
+{
+	border-style:ridge;
+	border:1px solid;
+}
+.tab_base
+{
+	background:#C5D0DD;
+	font-weight:bold;
+	border-style:ridge;
+	border: 1px solid;
+	cursor:pointer;
+}
+.table_sub_heading
+{
+	background:#CCCCCC;
+	font-weight:bold;
+	border-style:ridge;
+	border: 1px solid;
+}
+.table_body
+{
+	background:#F0F0F0;
+	font-weight:normal;
+	font-family:sans-serif;
+	border-style:ridge;
+	border: 1px solid;
+	border-spacing: 0px;
+	border-collapse: collapse;
+}
+.tab_loaded
+{
+	background:#222222;
+	color:white;
+	font-weight:bold;
+	border-style:groove;
+	border: 1px solid;
+	cursor:pointer;
+}
+
+
+/* ============================================================================== */
+/*  CSS for color picker                                                          */
+/* ============================================================================== */
+
+A.color, A.color:active, A.color:visited {
+ position : relative;
+ display : block;
+ text-decoration : none;
+ width : 10px;
+ height : 10px;
+ line-height : 10px;
+ margin : 0px;
+ padding : 0px;
+ border : 1px inset white;
+}
+A.color:hover {
+ border : 1px outset white;
+}
+A.none, A.none:active, A.none:visited, A.none:hover {
+ position : relative;
+ display : block;
+ text-decoration : none;
+ width : 10px;
+ height : 10px;
+ line-height : 10px;
+ margin : 0px;
+ padding : 0px;
+ cursor : default;
+ border : 1px solid #b3c5cc;
+}
+.tblColor {
+ display : none;
+}
+.tdColor {
+ padding : 1px;
+}
+.tblContainer {
+ background-color : #b3c5cc;
+}
+.tblGlobal {
+ position : absolute;
+ top : 0px;
+ left : 0px;
+ display : none;
+ background-color : #b3c5cc;
+ border : 2px outset;
+}
+.tdContainer {
+ padding : 5px;
+}
+.tdDisplay {
+ width : 50%;
+ height : 20px;
+ line-height : 20px;
+ border : 1px outset white;
+}
+.tdDisplayTxt {
+ width : 50%;
+ height : 24px;
+ line-height : 12px;
+ font-family : <?php print $fontlist ?>;
+ font-size : 8pt;
+ color : black;
+ text-align : center;
+}
+.btnColor {
+ width : 100%;
+ font-family : <?php print $fontlist ?>;
+ font-size : 10pt;
+ padding : 0px;
+ margin : 0px;
+}
+.btnPalette {
+ width : 100%;
+ font-family : <?php print $fontlist ?>;
+ font-size : 8pt;
+ padding : 0px;
+ margin : 0px;
+}
+
+
+/* Style to overwrites JQuery styles */
+.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
+    border: 1px solid #888;
+    background: rgb(<?php echo $colorbacktitle1; ?>);
+    color: unset;
+}
+
+.ui-menu .ui-menu-item a {
+    text-decoration:none;
+    display:block;
+    padding:.2em .4em;
+    line-height:1.5;
+    font-weight: normal;
+    font-family:<?php echo $fontlist; ?>;
+    font-size:1em;
+}
+.ui-widget {
+    font-family:<?php echo $fontlist; ?>;
+}
+/* .ui-button { margin-left: -2px; <?php print (preg_match('/chrome/', $conf->browser->name)?'padding-top: 1px;':''); ?> } */
+.ui-button { margin-left: -2px; }
+.ui-button-icon-only .ui-button-text { height: 8px; }
+.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: 2px 0px 6px 0px; }
+.ui-button-text
+{
+    line-height: 1em !important;
+}
+.ui-autocomplete-input { margin: 0; padding: 4px; }
+
+
+/* ============================================================================== */
+/*  CKEditor                                                                      */
+/* ============================================================================== */
+
+.cke_dialog {
+    border: 1px #bbb solid ! important;
+}
+/*.cke_editor table, .cke_editor tr, .cke_editor td
+{
+    border: 0px solid #FF0000 !important;
+}
+span.cke_skin_kama { padding: 0 !important; }*/
+.cke_wrapper { padding: 4px !important; }
+a.cke_dialog_ui_button
+{
+    font-family: <?php print $fontlist ?> !important;
+	background-image: url(<?php echo $img_button ?>) !important;
+	background-position: bottom !important;
+    border: 1px solid #C0C0C0 !important;
+	-webkit-border-radius:0px 5px 0px 5px !important;
+	border-radius:0px 5px 0px 5px !important;
+    -webkit-box-shadow: 3px 3px 4px #DDD !important;
+    box-shadow: 3px 3px 4px #DDD !important;
+}
+.cke_dialog_ui_hbox_last
+{
+	vertical-align: bottom ! important;
+}
+/*
+.cke_editable
+{
+	line-height: 1.4 !important;
+	margin: 6px !important;
+}
+*/
+a.cke_dialog_ui_button_ok span {
+    text-shadow: none !important;
+    color: #333 !important;
+}
+
+
+/* ============================================================================== */
+/*  ACE editor                                                                    */
+/* ============================================================================== */
+.ace_editor {
+    border: 1px solid #ddd;
+	margin: 0;
+}
+.aceeditorstatusbar {
+        margin: 0;
+        padding: 0;
+        padding-<?php echo $left; ?>: 10px;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background-color: #ebebeb;
+        height: 28px;
+        line-height: 2.2em;
+}
+.ace_status-indicator {
+        color: gray;
+        position: relative;
+        right: 0;
+        border-left: 1px solid;
+}
+pre#editfilecontentaceeditorid {
+    margin-top: 5px;
+}
+
+
+/* ============================================================================== */
+/*  File upload                                                                   */
+/* ============================================================================== */
+
+.template-upload {
+    height: 72px !important;
+}
+
+
+/* ============================================================================== */
+/*  Holiday                                                                       */
+/* ============================================================================== */
+
+#types .btn {
+    cursor: pointer;
+}
+
+#types .btn-primary {
+    font-weight: bold;
+}
+
+#types form {
+    padding: 20px;
+}
+
+#types label {
+    display:inline-block;
+    width:100px;
+    margin-right: 20px;
+    padding: 4px;
+    text-align: right;
+    vertical-align: top;
+}
+
+#types input.text, #types textarea {
+    width: 400px;
+}
+
+#types textarea {
+    height: 100px;
+}
+
+
+/* ============================================================================== */
+/*  Comments                                                                   	  */
+/* ============================================================================== */
+
+#comment div {
+	box-sizing:border-box;
+}
+#comment .comment {
+    border-radius:7px;
+    margin-bottom:10px;
+    overflow:hidden;
+}
+#comment .comment-table {
+    display:table;
+    height:100%;
+}
+#comment .comment-cell {
+    display:table-cell;
+}
+#comment .comment-info {
+    font-size:0.8em;
+    border-right:1px solid #dedede;
+    margin-right:10px;
+    width:160px;
+    text-align:center;
+    background:rgba(255,255,255,0.5);
+    vertical-align:middle;
+    padding:10px 2px;
+}
+#comment .comment-info a {
+    color:inherit;
+}
+#comment .comment-right {
+    vertical-align:top;
+}
+#comment .comment-description {
+    padding:10px;
+    vertical-align:top;
+}
+#comment .comment-delete {
+    width: 100px;
+    text-align:center;
+    vertical-align:middle;
+}
+#comment .comment-delete:hover {
+    background:rgba(250,20,20,0.8);
+}
+#comment textarea {
+    width: 100%;
+}
+
+
+
+/* ============================================================================== */
+/*  JSGantt                                                                       */
+/* ============================================================================== */
+
+div.scroll2 {
+	width: <?php print isset($_SESSION['dol_screenwidth'])?max($_SESSION['dol_screenwidth']-830, 450):'450'; ?>px !important;
+}
+
+.gtaskname div, .gtaskname {
+	font-size: unset !important;
+}
+div.gantt, .gtaskheading, .gmajorheading, .gminorheading, .gminorheadingwkend {
+	font-size: unset !important;
+	font-weight: normal !important;
+	color: #000 !important;
+}
+div.gTaskInfo {
+    background: #f0f0f0 !important;
+}
+.gtaskblue {
+	background: rgb(108,152,185) !important;
+}
+.gtaskgreen {
+    background: rgb(160,173,58) !important;
+}
+td.gtaskname {
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+td.gminorheadingwkend {
+    color: #888 !important;
+}
+td.gminorheading {
+    color: #666 !important;
+}
+.glistlbl, .glistgrid {
+	width: 582px !important;
+}
+.gtaskname div, .gtaskname {
+    min-width: 250px !important;
+    max-width: 250px !important;
+    width: 250px !important;
+}
+.gpccomplete div, .gpccomplete {
+    min-width: 40px !important;
+    max-width: 40px !important;
+    width: 40px !important;
+}
+
+
+/* ============================================================================== */
+/*  jFileTree                                                                     */
+/* ============================================================================== */
+
+.ecmfiletree {
+	width: 99%;
+	height: 99%;
+	/* background: #FFF; */
+	padding-left: 2px;
+	font-weight: normal;
+}
+
+.fileview {
+	width: 99%;
+	height: 99%;
+	background: #FFF;
+	padding-left: 2px;
+	padding-top: 4px;
+	font-weight: normal;
+}
+
+div.filedirelem {
+    position: relative;
+    display: block;
+    text-decoration: none;
+}
+
+ul.filedirelem {
+    padding: 2px;
+    margin: 0 5px 5px 5px;
+}
+ul.filedirelem li {
+    list-style: none;
+    padding: 2px;
+    margin: 0 10px 20px 10px;
+    width: 160px;
+    height: 120px;
+    text-align: center;
+    display: block;
+    float: <?php print $left; ?>;
+    border: solid 1px #DDDDDD;
+}
+
+ul.ecmjqft {
+	line-height: 16px;
+	padding: 0px;
+	margin: 0px;
+	font-weight: normal;
+}
+
+ul.ecmjqft li {
+	list-style: none;
+	padding: 0px;
+	padding-left: 20px;
+	margin: 0px;
+	white-space: nowrap;
+	display: block;
+}
+
+ul.ecmjqft a {
+	line-height: 24px;
+	vertical-align: middle;
+	color: #333;
+	padding: 0px 0px;
+	font-weight:normal;
+	display: inline-block !important;
+}
+ul.ecmjqft a:active {
+	font-weight: bold !important;
+}
+ul.ecmjqft a:hover {
+    text-decoration: underline;
+}
+div.ecmjqft {
+	vertical-align: middle;
+	display: inline-block !important;
+	text-align: right;
+	float: right;
+	right:4px;
+	clear: both;
+}
+div#ecm-layout-west {
+    width: 380px;
+    vertical-align: top;
+}
+div#ecm-layout-center {
+    width: calc(100% - 390px);
+    vertical-align: top;
+    float: right;
+}
+
+.ecmjqft LI.directory { font-weight:normal; background: url(<?php echo dol_buildpath($path.'/theme/common/treemenu/folder2.png', 1); ?>) left top no-repeat; }
+.ecmjqft LI.expanded { font-weight:normal; background: url(<?php echo dol_buildpath($path.'/theme/common/treemenu/folder2-expanded.png', 1); ?>) left top no-repeat; }
+.ecmjqft LI.wait { font-weight:normal; background: url(<?php echo dol_buildpath('/theme/'.$theme.'/img/working.gif', 1); ?>) left top no-repeat; }
+
+
+/* ============================================================================== */
+/*  jNotify                                                                       */
+/* ============================================================================== */
+
+.jnotify-container {
+	position: fixed !important;
+<?php if (! empty($conf->global->MAIN_JQUERY_JNOTIFY_BOTTOM)) { ?>
+	top: auto !important;
+	bottom: 4px !important;
+<?php } ?>
+	text-align: center;
+	min-width: <?php echo $dol_optimize_smallscreen?'200':'480'; ?>px;
+	width: auto;
+	max-width: 1024px;
+	padding-left: 10px !important;
+	padding-right: 10px !important;
+	word-wrap: break-word;
+}
+.jnotify-container .jnotify-notification .jnotify-message {
+	font-weight: normal;
+}
+.jnotify-container .jnotify-notification-warning .jnotify-close, .jnotify-container .jnotify-notification-warning .jnotify-message {
+    color: #a28918 !important;
+}
+
+/* use or not ? */
+div.jnotify-background {
+	opacity : 0.95 !important;
+    -webkit-box-shadow: 2px 2px 4px #888 !important;
+    box-shadow: 2px 2px 4px #888 !important;
+}
+
+/* ============================================================================== */
+/*  blockUI                                                                      */
+/* ============================================================================== */
+
+/*div.growlUI { background: url(check48.png) no-repeat 10px 10px }*/
+div.dolEventValid h1, div.dolEventValid h2 {
+	color: #567b1b;
+	background-color: #e3f0db;
+	padding: 5px 5px 5px 5px;
+	text-align: left;
+}
+div.dolEventError h1, div.dolEventError h2 {
+	color: #a72947;
+	background-color: #d79eac;
+	padding: 5px 5px 5px 5px;
+	text-align: left;
+}
+
+/* ============================================================================== */
+/*  Maps                                                                          */
+/* ============================================================================== */
+
+.divmap, #google-visualization-geomap-embed-0, #google-visualization-geomap-embed-1, #google-visualization-geomap-embed-2 {
+}
+
+
+/* ============================================================================== */
+/*  Datatable                                                                     */
+/* ============================================================================== */
+
+table.dataTable tr.odd td.sorting_1, table.dataTable tr.even td.sorting_1 {
+  background: none !important;
+}
+.sorting_asc  { background: url('<?php echo dol_buildpath('/theme/'.$theme.'/img/sort_asc.png', 1); ?>') no-repeat center right !important; }
+.sorting_desc { background: url('<?php echo dol_buildpath('/theme/'.$theme.'/img/sort_desc.png', 1); ?>') no-repeat center right !important; }
+.sorting_asc_disabled  { background: url('<?php echo dol_buildpath('/theme/'.$theme.'/img/sort_asc_disabled.png', 1); ?>') no-repeat center right !important; }
+.sorting_desc_disabled { background: url('<?php echo dol_buildpath('/theme/'.$theme.'/img/sort_desc_disabled.png', 1); ?>') no-repeat center right !important; }
+.dataTables_paginate {
+	margin-top: 8px;
+}
+.paginate_button_disabled {
+  opacity: 1 !important;
+  color: #888 !important;
+  cursor: default !important;
+}
+.paginate_disabled_previous:hover, .paginate_enabled_previous:hover, .paginate_disabled_next:hover, .paginate_enabled_next:hover
+{
+	font-weight: normal;
+}
+.paginate_enabled_previous:hover, .paginate_enabled_next:hover
+{
+	text-decoration: underline !important;
+}
+.paginate_active
+{
+	text-decoration: underline !important;
+}
+.paginate_button
+{
+	font-weight: normal !important;
+    text-decoration: none !important;
+}
+.paging_full_numbers {
+	height: inherit !important;
+}
+.paging_full_numbers a.paginate_active:hover, .paging_full_numbers a.paginate_button:hover {
+	background-color: #DDD !important;
+}
+.paging_full_numbers, .paging_full_numbers a.paginate_active, .paging_full_numbers a.paginate_button {
+	background-color: #FFF !important;
+	border-radius: inherit !important;
+}
+.paging_full_numbers a.paginate_button_disabled:hover, .paging_full_numbers a.disabled:hover {
+    background-color: #FFF !important;
+}
+.paginate_button, .paginate_active {
+  border: 1px solid #ddd !important;
+  padding: 6px 12px !important;
+  margin-left: -1px !important;
+  line-height: 1.42857143 !important;
+  margin: 0 0 !important;
+}
+
+/* For jquery plugin combobox */
+/* Disable this. It breaks wrapping of boxes
+.ui-corner-all { white-space: nowrap; } */
+
+.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled, .paginate_button_disabled {
+	opacity: .35;
+	background-image: none;
+}
+
+div.dataTables_length {
+	float: right !important;
+	padding-left: 8px;
+}
+div.dataTables_length select {
+	background: #fff;
+}
+.dataTables_wrapper .dataTables_paginate {
+	padding-top: 0px !important;
+}
+
+/* ============================================================================== */
+/*  Select2                                                                       */
+/* ============================================================================== */
+
+.select2-container--focus span.select2-selection.select2-selection--single {
+    border-bottom: 1px solid #666 !important;
+}
+
+.blockvmenusearch .select2-container--default .select2-selection--single,
+.blockvmenubookmarks .select2-container--default .select2-selection--single
+{
+    background-color: unset;
+}
+.select2-container--default .select2-selection--single .select2-selection__rendered {
+    color: unset;
+}
+.select2-default {
+    color: #999 !important;
+}
+.select2-choice, .select2-container .select2-choice {
+	border-bottom: solid 1px rgba(0,0,0,.4);
+}
+.select2-container .select2-choice > .select2-chosen {
+    margin-right: 23px;
+}
+.select2-container .select2-choice .select2-arrow {
+	border-radius: 0;
+    background: transparent;
+}
+.select2-container-multi .select2-choices {
+	background-image: none;
+}
+.select2-container .select2-choice {
+	color: #000;
+	border-radius: 0;
+}
+.selectoptiondisabledwhite {
+	background: #FFFFFF !important;
+}
+.select2-arrow {
+	border: none;
+	border-left: none !important;
+	background: none !important;
+}
+.select2-choice
+{
+	border-top: none !important;
+	border-left: none !important;
+	border-right: none !important;
+}
+.select2-drop.select2-drop-above {
+	box-shadow: none !important;
+}
+.select2-container--open .select2-dropdown--above {
+    border-bottom: solid 1px rgba(0,0,0,.2);
+}
+.select2-drop.select2-drop-above.select2-drop-active {
+	border-top: 1px solid #ccc;
+	border-bottom: solid 1px rgba(0,0,0,.2);
+}
+.select2-container--default .select2-selection--single
+{
+	outline: none;
+	border-top: none;
+	border-left: none;
+	border-right: none;
+	border-bottom: solid 1px rgba(0,0,0,.2);
+	-webkit-box-shadow: none !important;
+	box-shadow: none !important;
+	border-radius: 0 !important;
+}
+.select2-container--default .select2-selection--multiple {
+	border: solid 1px rgba(0,0,0,.2);
+	border-radius: 0 !important;
+}
+.select2-search__field
+{
+	outline: none;
+	border-top: none !important;
+	border-left: none !important;
+	border-right: none !important;
+	border-bottom: solid 1px rgba(0,0,0,.2) !important;
+	-webkit-box-shadow: none !important;
+	box-shadow: none !important;
+	border-radius: 0 !important;
+}
+.select2-container-active .select2-choice, .select2-container-active .select2-choices
+{
+	outline: none;
+	border-top: none;
+	border-left: none;
+	border-bottom: none;
+	-webkit-box-shadow: none !important;
+	box-shadow: none !important;
+}
+.select2-dropdown-open {
+	background-color: #fff;
+}
+.select2-dropdown-open .select2-choice, .select2-dropdown-open .select2-choices
+{
+	outline: none;
+	border-top: none;
+	border-left: none;
+	border-bottom: none;
+	-webkit-box-shadow: none !important;
+	box-shadow: none !important;
+	background-color: #fff;
+}
+.select2-disabled
+{
+	color: #888;
+}
+.select2-drop.select2-drop-above.select2-drop-active, .select2-drop {
+	border-radius: 0;
+}
+.select2-drop.select2-drop-above {
+	border-radius:  0;
+}
+.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices {
+	background-image: none;
+	border-radius: 0 !important;
+}
+div.select2-drop-above
+{
+	background: #fff;
+	-webkit-box-shadow: none !important;
+	box-shadow: none !important;
+}
+.select2-drop-active
+{
+	border: 1px solid #ccc;
+	padding-top: 4px;
+}
+.select2-search input {
+	border: none;
+}
+a span.select2-chosen
+{
+	font-weight: normal !important;
+}
+.select2-container .select2-choice {
+	background-image: none;
+	/* line-height: 24px; */
+}
+.select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-ajax-error, .select2-results .select2-selection-limit
+{
+	background: #FFFFFF;
+}
+.select2-results {
+	max-height:	400px;
+}
+.select2-container.select2-container-disabled .select2-choice, .select2-container-multi.select2-container-disabled .select2-choices {
+	background-color: #FFFFFF;
+	background-image: none;
+	border: none;
+	cursor: default;
+}
+.select2-container-disabled .select2-choice .select2-arrow b {
+	opacity: 0.4;
+}
+.select2-container-multi .select2-choices .select2-search-choice {
+  margin-bottom: 3px;
+}
+.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices, .select2-container-multi .select2-choices,
+.select2-container-multi.select2-container-active .select2-choices
+{
+	border-bottom: 1px solid #ccc;
+	border-right: none;
+	border-top: none;
+	border-left: none;
+
+}
+.select2-container--default .select2-results>.select2-results__options{
+    max-height: 400px;
+}
+
+/* Special case for the select2 add widget */
+#addbox .select2-container .select2-choice > .select2-chosen, #actionbookmark .select2-container .select2-choice > .select2-chosen {
+    text-align: <?php echo $left; ?>;
+    opacity: 0.4;
+}
+.select2-container--default .select2-selection--single .select2-selection__placeholder {
+	color: unset;
+	opacity: 0.4;
+}
+span#select2-boxbookmark-container, span#select2-boxcombo-container {
+    text-align: <?php echo $left; ?>;
+    opacity: 0.4;
+}
+.select2-container .select2-selection--single .select2-selection__rendered {
+	padding-left: 6px;
+}
+/* Style used before the select2 js is executed on boxcombo */
+#boxbookmark.boxcombo, #boxcombo.boxcombo {
+    text-align: left;
+    opacity: 0.4;
+    border-bottom: solid 1px rgba(0,0,0,.4) !important;
+    height: 26px;
+    line-height: 24px;
+    padding: 0 0 2px 0;
+    vertical-align: top;
+}
+
+/* To emulate select 2 style */
+.select2-container-multi-dolibarr .select2-choices-dolibarr .select2-search-choice-dolibarr {
+  padding: 2px 5px 1px 5px;
+  margin: 0 0 2px 3px;
+  position: relative;
+  line-height: 13px;
+  color: #333;
+  cursor: default;
+  border: 1px solid #aaaaaa;
+  border-radius: 3px;
+  -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
+  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
+  background-clip: padding-box;
+  -webkit-touch-callout: none;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  background-color: #e4e4e4;
+  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));
+  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
+  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
+  background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
+}
+.select2-container-multi-dolibarr .select2-choices-dolibarr .select2-search-choice-dolibarr a {
+	font-weight: normal;
+}
+.select2-container-multi-dolibarr .select2-choices-dolibarr li {
+  float: left;
+  list-style: none;
+}
+.select2-container-multi-dolibarr .select2-choices-dolibarr {
+  height: auto !important;
+  height: 1%;
+  margin: 0;
+  padding: 0 5px 0 0;
+  position: relative;
+  cursor: text;
+  overflow: hidden;
+}
+
+
+/* ============================================================================== */
+/*  For categories                                                                */
+/* ============================================================================== */
+
+.noborderoncategories {
+	border: none !important;
+	border-radius: 5px !important;
+	box-shadow: none;
+	-webkit-box-shadow: none !important;
+    box-shadow: none !important;
+}
+span.noborderoncategories a, li.noborderoncategories a {
+	line-height: normal;
+	vertical-align: top;
+}
+span.noborderoncategories {
+	padding: 3px 5px 0px 5px;
+}
+.categtextwhite, .treeview .categtextwhite.hover {
+	color: #fff !important;
+}
+.categtextblack {
+	color: #000 !important;
+}
+
+
+/* ============================================================================== */
+/*  External lib multiselect with checkbox                                        */
+/* ============================================================================== */
+
+.multi-select-container {
+  display: inline-block;
+  position: relative;
+}
+
+.multi-select-menu {
+  position: absolute;
+  left: 0;
+  top: 0.8em;
+  float: left;
+  min-width: 100%;
+  background: #fff;
+  margin: 1em 0;
+  padding: 0.4em 0;
+  border: 1px solid #aaa;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
+  display: none;
+}
+
+.multi-select-menu input {
+  margin-right: 0.3em;
+  vertical-align: 0.1em;
+}
+
+.multi-select-button {
+  display: inline-block;
+  max-width: 20em;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  vertical-align: middle;
+  background-color: #fff;
+  cursor: default;
+
+  border: none;
+  border-bottom: solid 1px rgba(0,0,0,.2);
+  padding: 5px;
+  padding-left: 2px;
+  height: 17px;
+}
+.multi-select-button:focus {
+  outline: none;
+  border-bottom: 1px solid #666;
+}
+
+.multi-select-button:after {
+  content: "";
+  display: inline-block;
+  width: 0;
+  height: 0;
+  border-style: solid;
+  border-width: 0.5em 0.23em 0em 0.23em;
+  border-color: #444 transparent transparent transparent;
+  margin-left: 0.4em;
+}
+
+.multi-select-container--open .multi-select-menu { display: block; }
+
+.multi-select-container--open .multi-select-button:after {
+  border-width: 0 0.4em 0.4em 0.4em;
+  border-color: transparent transparent #999 transparent;
+}
+
+.multi-select-menuitem {
+    clear: both;
+    float: left;
+    padding-left: 5px
+}
+
+
+/* ============================================================================== */
+/*  Native multiselect with checkbox                                              */
+/* ============================================================================== */
+
+ul.ulselectedfields {
+    z-index: 95;			/* To have the select box appears on first plan even when near buttons are decorated by jmobile */
+}
+dl.dropdown {
+    margin:0px;
+	margin-left: 2px;
+    margin-right: 2px;
+    padding:0px;
+    vertical-align: middle;
+    display: inline-block;
+}
+.dropdown dd, .dropdown dt {
+    margin:0px;
+    padding:0px;
+}
+.dropdown ul {
+    margin: -1px 0 0 0;
+    text-align: <?php echo $left; ?>;
+}
+.dropdown dd {
+    position:relative;
+}
+.dropdown dt a {
+    display:block;
+    overflow: hidden;
+    border:0;
+}
+.dropdown dt a span, .multiSel span {
+    cursor:pointer;
+    display:inline-block;
+    padding: 0 3px 2px 0;
+}
+.dropdown span.value {
+    display:none;
+}
+.dropdown dd ul {
+    background-color: #FFF;
+    box-shadow: 1px 1px 10px #aaa;
+    display:none;
+    <?php echo $right; ?>:0px;						/* pop is align on right */
+    padding: 0 0 0 0;
+    position:absolute;
+    top:2px;
+    list-style:none;
+    max-height: 264px;
+    overflow: auto;
+}
+.dropdown dd ul li {
+	white-space: nowrap;
+	font-weight: normal;
+	padding: 7px 8px 7px 8px;
+	/* color: rgb(<?php print $colortext; ?>); */
+	color: #000;
+}
+.dropdown dd ul li:hover {
+	background: #eee;
+}
+.dropdown dd ul li input[type="checkbox"] {
+    margin-<?php echo $right; ?>: 3px;
+}
+.dropdown dd ul li a, .dropdown dd ul li span {
+    padding: 3px;
+    display: block;
+}
+.dropdown dd ul li span {
+	color: #888;
+}
+.dropdown dd ul li a:hover {
+    background-color:#eee;
+}
+
+
+/* ============================================================================== */
+/*  Markdown rendering                                                             */
+/* ============================================================================== */
+
+.imgmd {
+	width: 90%;
+}
+.moduledesclong h1 {
+	padding-top: 10px;
+	padding-bottom: 20px;
+}
+
+
+/* ============================================================================== */
+/*  JMobile                                                                       */
+/* ============================================================================== */
+
+li.ui-li-divider .ui-link {
+	color: #FFF !important;
+}
+.ui-btn {
+	margin: 0.1em 2px
+}
+a.ui-link, a.ui-link:hover, .ui-btn:hover, span.ui-btn-text:hover, span.ui-btn-inner:hover {
+	text-decoration: none !important;
+}
+.ui-body-c {
+	background: #fff;
+}
+
+.ui-btn-inner {
+	min-width: .4em;
+	padding-left: 6px;
+	padding-right: 6px;
+	font-size: <?php print is_numeric($fontsize)?$fontsize.'px':$fontsize; ?>;
+	/* white-space: normal; */		/* Warning, enable this break the truncate feature */
+}
+.ui-btn-icon-right .ui-btn-inner {
+	padding-right: 30px;
+}
+.ui-btn-icon-left .ui-btn-inner {
+	padding-left: 30px;
+}
+.ui-select .ui-btn-icon-right .ui-btn-inner {
+	padding-right: 30px;
+}
+.ui-select .ui-btn-icon-left .ui-btn-inner {
+	padding-left: 30px;
+}
+.ui-select .ui-btn-icon-right .ui-icon {
+    right: 8px;
+}
+.ui-btn-icon-left > .ui-btn-inner > .ui-icon, .ui-btn-icon-right > .ui-btn-inner > .ui-icon {
+    margin-top: -10px;
+}
+select {
+    /* display: inline-block; */	/* We can't set this. This disable ability to make */
+    overflow:hidden;
+    white-space: nowrap;			/* Enabling this make behaviour strange when selecting the empty value if this empty value is '' instead of '&nbsp;' */
+    text-overflow: ellipsis;
+}
+.fiche .ui-controlgroup {
+	margin: 0px;
+	padding-bottom: 0px;
+}
+div.ui-controlgroup-controls div.tabsElem
+{
+	margin-top: 2px;
+}
+div.ui-controlgroup-controls div.tabsElem a
+{
+	-webkit-box-shadow: 0 -3px 6px rgba(0,0,0,.2);
+	box-shadow: 0 -3px 6px rgba(0,0,0,.2);
+}
+div.ui-controlgroup-controls div.tabsElem a#active {
+	-webkit-box-shadow: 0 -3px 6px rgba(0,0,0,.3);
+	box-shadow: 0 -3px 6px rgba(0,0,0,.3);
+}
+
+a.tab span.ui-btn-inner
+{
+	border: none;
+	padding: 0;
+}
+
+.ui-link {
+	color: rgb(<?php print $colortext; ?>);
+}
+.liste_titre .ui-link {
+	color: rgb(<?php print $colortexttitle; ?>) !important;
+}
+
+a.ui-link {
+	word-wrap: break-word;
+}
+
+/* force wrap possible onto field overflow does not works */
+.formdoc .ui-btn-inner
+{
+	white-space: normal;
+	overflow: hidden;
+	text-overflow: clip; /* "hidden" : do not exists as a text-overflow value (https://developer.mozilla.org/fr/docs/Web/CSS/text-overflow) */
+}
+
+/* Warning: setting this may make screen not beeing refreshed after a combo selection */
+/*.ui-body-c {
+	background: #fff;
+}*/
+
+div.ui-radio, div.ui-checkbox
+{
+	display: inline-block;
+	border-bottom: 0px !important;
+}
+.ui-checkbox input, .ui-radio input {
+	height: auto;
+	width: auto;
+	margin: 4px;
+	position: static;
+}
+div.ui-checkbox label+input, div.ui-radio label+input {
+	position: absolute;
+}
+.ui-mobile fieldset
+{
+	padding-bottom: 10px; margin-bottom: 4px; border-bottom: 1px solid #AAAAAA !important;
+}
+
+ul.ulmenu {
+	border-radius: 0;
+	-webkit-border-radius: 0;
+}
+
+.ui-field-contain label.ui-input-text {
+	vertical-align: middle !important;
+}
+.ui-mobile fieldset {
+	border-bottom: none !important;
+}
+
+/* Style for first level menu with jmobile */
+.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li {
+    padding: 1em 15px;
+    display: block;
+}
+.ui-btn-up-c {
+	font-weight: normal;
+}
+.ui-focus, .ui-btn:focus {
+    -webkit-box-shadow: none;
+    box-shadow: none;
+}
+.ui-bar-b {
+    /*border: 1px solid #888;*/
+    border: none;
+    background: none;
+    text-shadow: none;
+    color: rgb(<?php print $colortexttitlenotab; ?>) !important;
+}
+.ui-bar-b, .lilevel0 {
+    background-repeat: repeat-x;
+    border: none;
+    background: none;
+    text-shadow: none;
+    color: rgb(<?php print $colortexttitlenotab; ?>) !important;
+}
+.alilevel0 {
+	font-weight: normal !important;
+}
+
+.ui-li.ui-last-child, .ui-li.ui-field-contain.ui-last-child {
+    border-bottom-width: 0px !important;
+}
+.alilevel0 {
+    color: rgb(<?php echo $colortexttitle; ?>) !important;
+    background: #f8f8f8
+}
+.ulmenu {
+	box-shadow: none !important;
+	border-bottom: 1px solid #ccc;
+}
+.ui-btn-icon-right {
+	border-right: 1px solid #ccc !important;
+}
+.ui-body-c {
+	border: 1px solid #ccc;
+	text-shadow: none;
+}
+.ui-btn-up-c, .ui-btn-hover-c {
+	/* border: 1px solid #ccc; */
+	text-shadow: none;
+}
+.ui-body-c .ui-link, .ui-body-c .ui-link:visited, .ui-body-c .ui-link:hover {
+	color: rgb(<?php print $colortextlink; ?>);
+}
+.ui-btn-up-c .vsmenudisabled {
+	color: #<?php echo $colorshadowtitle; ?> !important;
+	text-shadow: none !important;
+}
+div.tabsElem a.tab {
+	background: transparent;
+}
+.alilevel1 {
+    color: rgb(<?php print $colortexttitlenotab; ?>) !important;
+}
+.lilevel1 {
+    border-top: 2px solid #444;
+    background: #fff ! important;
+}
+.lilevel1 div div a {
+	font-weight: bold !important;
+}
+.lilevel2
+{
+	padding-left: 22px;
+    background: #fff ! important;
+}
+.lilevel3
+{
+	padding-left: 44px;
+	background: #fff ! important;
+}
+.lilevel4
+{
+	padding-left: 66px;
+    background: #fff ! important;
+}
+.lilevel5
+{
+	padding-left: 88px;
+    background: #fff ! important;
+}
+
+
+
+/* ============================================================================== */
+/*  POS                                                                           */
+/* ============================================================================== */
+
+.menu_choix1 a {
+	background: url('<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus_black/money.png', 1) ?>') top left no-repeat;
+}
+.menu_choix2 a {
+	background: url('<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus_black/home.png', 1) ?>') top left no-repeat;
+}
+.menu_choix1,.menu_choix2 {
+	font-size: 1.4em;
+	text-align: left;
+	border: 1px solid #666;
+	margin-right: 20px;
+}
+.menu_choix1 a, .menu_choix2 a {
+	display: block;
+	color: #fff;
+	text-decoration: none;
+	padding-top: 18px;
+	padding-left: 54px;
+	font-size: 14px;
+	height: 38px;
+}
+.menu_choix1 a:hover,.menu_choix2 a:hover {
+	color: #6d3f6d;
+}
+.menu li.menu_choix1 {
+    padding-top: 6px;
+    padding-right: 10px;
+    padding-bottom: 2px;
+}
+.menu li.menu_choix2 {
+    padding-top: 6px;
+    padding-right: 10px;
+    padding-bottom: 2px;
+}
+@media only screen and (max-width: 767px)
+{
+	.menu_choix1 a, .menu_choix2 a {
+		background-size: 36px 36px;
+		height: 30px;
+		padding-left: 40px;
+	}
+    .menu li.menu_choix1, .menu li.menu_choix2 {
+        padding-left: 4px;
+        padding-right: 0;
+    }
+    .liste_articles {
+    	margin-right: 0 !important;
+    }
+}
+
+
+
+/* ============================================================================== */
+/*  Public                                                                        */
+/* ============================================================================== */
+
+/* The theme for public pages */
+.public_body {
+	margin: 20px;
+}
+.public_border {
+	border: 1px solid #888;
+}
+
+
+
+/* ============================================================================== */
+/* Ticket module                                                                  */
+/* ============================================================================== */
+
+#cd-timeline {
+  position: relative;
+  padding: 2em 0;
+  margin-bottom: 2em;
+}
+#cd-timeline::before {
+  /* this is the vertical line */
+  content: '';
+  position: absolute;
+  top: 0;
+  left: 18px;
+  height: 100%;
+  width: 4px;
+  background: #d7e4ed;
+}
+@media only screen and (min-width: 1170px) {
+  #cd-timeline {
+    margin-bottom: 3em;
+  }
+  #cd-timeline::before {
+    left: 50%;
+    margin-left: -2px;
+  }
+}
+
+.cd-timeline-block {
+  position: relative;
+  margin: 2em 0;
+}
+.cd-timeline-block:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+.cd-timeline-block:first-child {
+  margin-top: 0;
+}
+.cd-timeline-block:last-child {
+  margin-bottom: 0;
+}
+@media only screen and (min-width: 1170px) {
+  .cd-timeline-block {
+    margin: 4em 0;
+  }
+  .cd-timeline-block:first-child {
+    margin-top: 0;
+  }
+  .cd-timeline-block:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.cd-timeline-img {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 40px;
+  height: 40px;
+  border-radius: 50%;
+  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);
+  background: #d7e4ed;
+}
+.cd-timeline-img img {
+  display: block;
+  width: 24px;
+  height: 24px;
+  position: relative;
+  left: 50%;
+  top: 50%;
+  margin-left: -12px;
+  margin-top: -12px;
+}
+.cd-timeline-img.cd-picture {
+  background: #75ce66;
+}
+.cd-timeline-img.cd-movie {
+  background: #c03b44;
+}
+.cd-timeline-img.cd-location {
+  background: #f0ca45;
+}
+@media only screen and (min-width: 1170px) {
+  .cd-timeline-img {
+    width: 60px;
+    height: 60px;
+    left: 50%;
+    margin-left: -30px;
+    /* Force Hardware Acceleration in WebKit */
+    -webkit-transform: translateZ(0);
+    -webkit-backface-visibility: hidden;
+  }
+  .cssanimations .cd-timeline-img.is-hidden {
+    visibility: hidden;
+  }
+  .cssanimations .cd-timeline-img.bounce-in {
+    visibility: visible;
+    -webkit-animation: cd-bounce-1 0.6s;
+    -moz-animation: cd-bounce-1 0.6s;
+    animation: cd-bounce-1 0.6s;
+  }
+}
+
+@-webkit-keyframes cd-bounce-1 {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale(0.5);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale(1.2);
+  }
+
+  100% {
+    -webkit-transform: scale(1);
+  }
+}
+@-moz-keyframes cd-bounce-1 {
+  0% {
+    opacity: 0;
+    -moz-transform: scale(0.5);
+  }
+
+  60% {
+    opacity: 1;
+    -moz-transform: scale(1.2);
+  }
+
+  100% {
+    -moz-transform: scale(1);
+  }
+}
+@keyframes cd-bounce-1 {
+  0% {
+    opacity: 0;
+    -webkit-transform: scale(0.5);
+    -moz-transform: scale(0.5);
+    -ms-transform: scale(0.5);
+    -o-transform: scale(0.5);
+    transform: scale(0.5);
+  }
+
+  60% {
+    opacity: 1;
+    -webkit-transform: scale(1.2);
+    -moz-transform: scale(1.2);
+    -ms-transform: scale(1.2);
+    -o-transform: scale(1.2);
+    transform: scale(1.2);
+  }
+
+  100% {
+    -webkit-transform: scale(1);
+    -moz-transform: scale(1);
+    -ms-transform: scale(1);
+    -o-transform: scale(1);
+    transform: scale(1);
+  }
+}
+.cd-timeline-content {
+  position: relative;
+  margin-left: 60px;
+  background: white;
+  border-radius: 0.25em;
+  padding: 1em;
+  background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(230,230,230,0.4) 100%);
+  background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(230,230,230,0.4) 100%);
+  background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(230,230,230,0.4) 100%);
+  background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(230,230,230,0.4) 100%);
+  background-image: linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(230,230,230,0.4) 100%);
+}
+.cd-timeline-content:after {
+  content: "";
+  display: table;
+  clear: both;
+}
+.cd-timeline-content h2 {
+  color: #303e49;
+}
+.cd-timeline-content .cd-date {
+  font-size: 13px;
+  font-size: 0.8125rem;
+}
+.cd-timeline-content .cd-date {
+  display: inline-block;
+}
+.cd-timeline-content p {
+  margin: 1em 0;
+  line-height: 1.6;
+}
+
+.cd-timeline-content .cd-date {
+  float: left;
+  padding: .2em 0;
+  opacity: .7;
+}
+.cd-timeline-content::before {
+  content: '';
+  position: absolute;
+  top: 16px;
+  right: 100%;
+  height: 0;
+  width: 0;
+  border: 7px solid transparent;
+  border-right: 7px solid white;
+}
+@media only screen and (min-width: 768px) {
+  .cd-timeline-content h2 {
+    font-size: 20px;
+    font-size: 1.25rem;
+  }
+  .cd-timeline-content {
+    font-size: 16px;
+    font-size: 1rem;
+  }
+  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
+    font-size: 14px;
+    font-size: 0.875rem;
+  }
+}
+@media only screen and (min-width: 1170px) {
+  .cd-timeline-content {
+    margin-left: 0;
+    padding: 1.6em;
+    width: 43%;
+  }
+  .cd-timeline-content::before {
+    top: 24px;
+    left: 100%;
+    border-color: transparent;
+    border-left-color: white;
+  }
+  .cd-timeline-content .cd-read-more {
+    float: left;
+  }
+  .cd-timeline-content .cd-date {
+    position: absolute;
+    width: 55%;
+    left: 115%;
+    top: 6px;
+    font-size: 16px;
+    font-size: 1rem;
+  }
+  .cd-timeline-block:nth-child(even) .cd-timeline-content {
+    float: right;
+  }
+  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
+    top: 24px;
+    left: auto;
+    right: 100%;
+    border-color: transparent;
+    border-right-color: white;
+  }
+  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
+    float: right;
+  }
+  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
+    left: auto;
+    right: 115%;
+    text-align: right;
+  }
+
+}
+
+
+
+/* ============================================================================== */
+/* CSS style used for small screen                                                */
+/* ============================================================================== */
+
+.topmenuimage {
+	background-size: 22px auto;
+	top: 2px;
+}
+.imgopensurveywizard
+{
+	padding: 0 4px 0 4px;
+}
+@media only screen and (max-width: 767px)
+{
+	.imgopensurveywizard, .imgautosize { width:95%; height: auto; }
+
+	#tooltip {
+		position: absolute;
+		width: <?php print dol_size(350, 'width'); ?>px;
+	}
+
+    div.tabBar {
+        padding-left: 0px;
+        padding-right: 0px;
+        -webkit-border-radius: 0;
+    	border-radius: 0px;
+        border-right: none;
+        border-left: none;
+    }
+}
+
+@media only screen and (max-width: 1024px)
+{
+	div#ecm-layout-west {
+		width: calc(100% - 4px);
+		clear: both;
+	}
+	div#ecm-layout-center {
+		width: 100%;
+	}
+}
+
+/* nboftopmenuentries = <?php echo $nbtopmenuentries ?>, fontsize=<?php echo is_numeric($fontsize)?$fontsize.'px':$fontsize ?> */
+/* rule to reduce top menu - 1st reduction */
+@media only screen and (max-width: <?php echo round($nbtopmenuentries * 91, 0) + 24; ?>px)	/* reduction 1 */
+{
+	div.tmenucenter {
+	    width: <?php echo round(52); ?>px;	/* size of viewport */
+    	white-space: nowrap;
+  		overflow: hidden;
+  		text-overflow: ellipsis;
+  		color: #<?php echo $colortextbackhmenu; ?>;
+	}
+	.mainmenuaspan {
+  		font-size: 0.9em;
+  		padding-right: 0;
+    }
+    .topmenuimage {
+    	background-size: 22px auto;
+    	margin-top: 0px;
+	}
+
+    li.tmenu, li.tmenusel {
+    	min-width: 36px;
+    }
+    div.mainmenu {
+    	min-width: auto;
+    }
+	div.tmenuleft {
+		display: none;
+	}
+
+	.dropdown dd ul {
+		max-width: 300px;
+	}
+}
+/* rule to reduce top menu - 2nd reduction */
+@media only screen and (max-width: <?php echo round($nbtopmenuentries * 75, 0) + 24; ?>px)	/* reduction 2 */
+{
+	div.mainmenu {
+		height: 23px;
+	}
+	div.tmenucenter {
+	    max-width: <?php echo round(26); ?>px;	/* size of viewport */
+  		text-overflow: clip;
+	}
+	span.mainmenuaspan {
+    	margin-left: 1px;
+	}
+	.mainmenuaspan {
+  		font-size: 0.9em;
+  		padding-left: 0;
+  		padding-right: 0;
+    }
+    .topmenuimage {
+    	background-size: 20px auto;
+    	margin-top: 2px;
+    	left: 4px;
+	}
+}
+/* rule to reduce top menu - 3rd reduction */
+@media only screen and (max-width: <?php echo round($nbtopmenuentries * 49, 0) + 12; ?>px)	/* reduction 3 */
+{
+	.side-nav {
+		z-index: 200;
+		background: rgb(<?php echo $colorbackvmenu1; ?>);
+		padding-top: 70px;
+    }
+	#id-left {
+    	z-index: 201;
+		background: rgb(<?php echo $colorbackvmenu1; ?>);
+	}
+
+    .login_vertical_align {
+    	padding-left: 20px;
+    	padding-right: 20px;
+    }
+
+	/* Reduce login top right info */
+	.help {
+	<?php if ($disableimages) {  ?>
+		display: none;
+	<?php } ?>
+	}
+	div#tmenu_tooltip {
+	<?php if (GETPOST('optioncss', 'aZ09') == 'print') {  ?>
+		display:none;
+	<?php } else { ?>
+		padding-<?php echo $right; ?>: 0;
+	<?php } ?>
+	}
+	div.login_block_user {
+		min-width: 0;
+		width: 100%;
+	}
+	div.login_block {
+		<?php if ($conf->browser->layout == 'phone' && ((GETPOST('testmenuhider', 'int') || ! empty($conf->global->MAIN_TESTMENUHIDER)) && empty($conf->global->MAIN_OPTIMIZEFORTEXTBROWSER))) { ?>
+		/* Style when phone layout or when using the menuhider */
+		display: none;
+		padding-top: 20px;
+		padding-left: 20px;
+    	padding-right: 20px;
+    	padding-bottom: 16px;
+		<?php } else { ?>
+		padding-top: 5px;
+		padding-left: 5px;
+    	padding-right: 5px;
+    	padding-bottom: 5px;
+    	<?php } ?>
+		top: inherit !important;
+		left: 0 !important;
+		text-align: center;
+        vertical-align: middle;
+
+		background: rgb(<?php echo $colorbackvmenu1; ?>);
+
+        height: 50px;
+
+    	z-index: 202;
+    	min-width: 190px;
+    	max-width: 190px;
+    	width: 190px;
+    }
+	div.login_block_user, div.login_block_other { clear: both; }
+	.atoplogin, .atoplogin:hover
+	{
+		color: #000 !important;
+	}
+	.login_block_elem {
+		padding: 0 !important;
+	}
+    li.tmenu, li.tmenusel {
+        min-width: 32px;
+    }
+	div.mainmenu {
+		height: 23px;
+	}
+	div.tmenucenter {
+  		text-overflow: clip;
+	}
+    .topmenuimage {
+    	background-size: 20px auto;
+    	margin-top: 2px !important;
+    	left: 2px;
+	}
+	div.mainmenu {
+    	min-width: 20px;
+    }
+
+	.titlefield {
+	    width: auto !important;		/* We want to ignor the 30%, try to use more if you can */
+	}
+	.tableforfield>tr>td:first-child {
+	    max-width: 100px;			/* but no more than 100px */
+	}
+	.badge {
+		line-height: 1.2em;
+		min-width: auto;
+		font-size: 12px;
+	}
+}
diff --git a/htdocs/theme/eldy/_main_menu_fa_icons.css.php b/htdocs/theme/eldy/_main_menu_fa_icons.css.php
new file mode 100644
index 00000000000..e4f3b918ecb
--- /dev/null
+++ b/htdocs/theme/eldy/_main_menu_fa_icons.css.php
@@ -0,0 +1,129 @@
+<?php if (! defined('ISLOADEDBYSTEELSHEET')) die('Must be call by steelsheet'); ?>
+/* <style type="text/css" > */
+
+.mainmenu::before{  
+    /* font part */
+    font-family: "Font Awesome 5 Free";
+    font-weight: 900;
+    font-style: normal;
+    font-variant: normal;
+    text-rendering: auto;
+    line-height: 26px;
+	font-size: <?php echo $topMenuFontSize; ?>;
+    -webkit-font-smoothing: antialiased;
+    text-align:center;
+	text-decoration:none;
+	color: #<?php echo $colortextbackhmenu; ?>;
+}
+
+
+div.mainmenu.menu {
+	background-image: none;
+}
+
+div.mainmenu.menu::before {	
+content: "\f0c9";
+}
+
+
+.mainmenu.home::before{
+	content: "\f015";
+} 
+
+.mainmenu.billing::before {
+    content: "\f0d6";
+}
+
+.mainmenu.accountancy::before {
+    content: "\f0d6";
+}
+
+.mainmenu.agenda::before {
+    content: "\f073";
+}
+
+.mainmenu.bank::before {
+    content: "\f19c";
+}
+
+<?php if($conf->global->MAIN_FEATURES_LEVEL == 2){ ?>
+/* TESTING USAGE OF SVG WITHOUT FONT */
+.mainmenu.cashdesk{
+    line-height: 26px;
+}
+
+.mainmenu.cashdesk .tmenuimage{
+
+    line-height: 26px;
+    display: inline-block;
+    vertical-align: middle;
+    height: <?php echo $topMenuFontSize; ?>;
+	background-color: #<?php echo $colortextbackhmenu; ?>;
+    width: 100%;
+	
+    -webkit-mask: url(./img/fontawesome/cash-register-solid.svg) no-repeat 50% 50%; /* for old webkit browser */
+    mask: url(./img/fontawesome/cash-register-solid.svg) no-repeat 50% 50%;
+    
+}
+
+<?php }else{ ?>
+
+.mainmenu.cashdesk::before {
+    content: "\f788";
+}
+
+<?php } ?>
+
+
+
+.mainmenu.takepos::before {
+    content: "\f217";
+}
+
+.mainmenu.companies::before {
+    content: "\f1ad";
+}
+
+.mainmenu.commercial::before {
+    content: "\f508";
+}
+
+.mainmenu.ecm::before {
+    content: "\f07c";
+}
+
+.mainmenu.externalsite::before {
+    content: "\f360";
+}
+
+.mainmenu.ftp::before {
+    content: "\f362";
+}
+
+.mainmenu.hrm::before {
+    content: "\f5ca";
+}
+
+.mainmenu.members::before {
+    content: "\f0c0";
+}
+
+.mainmenu.products::before {
+    content: "\f468";
+}
+
+.mainmenu.project::before {
+    content: "\f0e8";
+}
+
+.mainmenu.ticket::before {
+    content: "\f3ff";
+}
+
+.mainmenu.tools::before {
+    content: "\f0ad";
+}
+
+.mainmenu.website::before {
+    content: "\f542";
+}
\ No newline at end of file
diff --git a/htdocs/theme/eldy/doc/badges.php b/htdocs/theme/eldy/doc/badges.php
new file mode 100644
index 00000000000..97cc8edb461
--- /dev/null
+++ b/htdocs/theme/eldy/doc/badges.php
@@ -0,0 +1,330 @@
+<?php
+
+if (! defined('NOREQUIRESOC'))    define('NOREQUIRESOC', '1');
+if (! defined('NOCSRFCHECK'))     define('NOCSRFCHECK', 1);
+if (! defined('NOTOKENRENEWAL'))  define('NOTOKENRENEWAL', 1);
+if (! defined('NOLOGIN'))         define('NOLOGIN', 1);          // File must be accessed by logon page so without login
+if (! defined('NOREQUIREHTML'))   define('NOREQUIREHTML', 1);
+if (! defined('NOREQUIREAJAX'))   define('NOREQUIREAJAX', '1');
+
+session_cache_limiter('public');
+
+require_once '../../../main.inc.php';
+require_once DOL_DOCUMENT_ROOT.'/core/lib/functions.lib.php';
+
+?>
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+	<meta name="description" content="Documentation and examples for theme.">
+	
+	<link href="../style.css.php" rel="stylesheet">
+
+	<link href="doc.css" rel="stylesheet">
+  </head>
+  <body class="docpage" >  
+  
+  <main  role="main"  >
+          <h1 class="bd-title" id="content">Badges</h1>
+          <p class="bd-lead">Documentation and examples for badges, our small count and labeling component.</p>
+
+          <h2 id="example">Example</h2>
+
+		<p>Badges scale to match the size of the immediate parent element by using relative font sizing and em units.</p>
+		
+		<div class="bd-example">
+		<h1>Example heading <span class="badge badge-secondary">New</span></h1>
+		<h2>Example heading <span class="badge badge-secondary">New</span></h2>
+		<h3>Example heading <span class="badge badge-secondary">New</span></h3>
+		<h4>Example heading <span class="badge badge-secondary">New</span></h4>
+		<h5>Example heading <span class="badge badge-secondary">New</span></h5>
+		<h6>Example heading <span class="badge badge-secondary">New</span></h6>
+		</div>
+		
+		<figure class="highlight">
+    		<pre>
+        		
+&lt;h1&gt;Example heading &lt;span class=&quot;badge badge-secondary&quot;&gt;New&lt;/span&gt;&lt;/h1&gt;
+&lt;h2&gt;Example heading &lt;span class=&quot;badge badge-secondary&quot;&gt;New&lt;/span&gt;&lt;/h2&gt;
+&lt;h3&gt;Example heading &lt;span class=&quot;badge badge-secondary&quot;&gt;New&lt;/span&gt;&lt;/h3&gt;
+&lt;h4&gt;Example heading &lt;span class=&quot;badge badge-secondary&quot;&gt;New&lt;/span&gt;&lt;/h4&gt;
+&lt;h5&gt;Example heading &lt;span class=&quot;badge badge-secondary&quot;&gt;New&lt;/span&gt;&lt;/h5&gt;
+&lt;h6&gt;Example heading &lt;span class=&quot;badge badge-secondary&quot;&gt;New&lt;/span&gt;&lt;/h6&gt;
+        		
+    		</pre>
+		</figure>
+		
+		<p>Badges can be used as part of links or buttons to provide a counter.</p>
+		
+		<div class="bd-example">
+		<button type="button" class="button">
+		  Notifications <span class="badge badge-primary">4</span>
+		</button>
+		</div>
+		
+		<figure class="highlight"><pre>
+&lt;button type=&quot;button&quot; class=&quot;button&quot;&gt;
+  Notifications &lt;span class=&quot;badge badge-primary&quot;&gt;4&lt;/span&gt;
+&lt;/button&gt;
+		</pre></figure>
+		
+		<div class="warning">		
+		<p>Note that depending on how they are used, badges may be confusing for users of screen readers and similar assistive technologies. While the styling of badges provides a visual cue as to their purpose, these users will simply be presented with the content of the badge. Depending on the specific situation, these badges may seem like random additional words or numbers at the end of a sentence, link, or button.</p>
+		
+		<p>Unless the context is clear (as with the “Notifications” example, where it is understood that the “4” is the number of notifications), consider including additional context with a visually hidden piece of additional text.</p>
+		
+		<p><strong>Remember to use aria-label attribute for accessibility in Dolibarr. Don't forget to use aria-hidden on icons included in badges</strong></p>
+		</div>
+
+		<div class="bd-example">
+		<button type="button" class="button">
+		  Profile <span class="badge badge-primary" aria-label="9 unread messages" >9</span>
+		  <span class="sr-only">unread messages</span>
+		</button>
+		</div>
+		
+		<figure class="highlight">
+    		<pre>
+        		
+        		
+&lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot;&gt;
+  Profile &lt;span class=&quot;badge badge-light&quot; aria-label=&quot;9 unread messages&quot; &gt;9&lt;/span&gt;
+  &lt;span class=&quot;sr-only&quot;&gt;unread messages&lt;/span&gt;
+&lt;/button&gt;
+        		
+        		
+    		</pre>
+		</figure>
+		
+		<h2 id="contextual-variations">Contextual variations</h2>
+		
+		<p>Add any of the below mentioned modifier classes to change the appearance of a badge.</p>
+		
+		<div class="bd-example">
+		
+		<span class="badge badge-primary">Primary</span>
+		<span class="badge badge-secondary">Secondary</span>
+		<span class="badge badge-success">Success</span>
+		<span class="badge badge-danger">Danger</span>
+		<span class="badge badge-warning">Warning</span>
+		<span class="badge badge-info">Info</span>
+		<span class="badge badge-light">Light</span>
+		<span class="badge badge-dark">Dark</span>
+		</div>
+		
+		<figure class="highlight">
+    		<pre>
+        		
+&lt;span class=&quot;badge badge-primary&quot;&gt;Primary&lt;/span&gt;
+&lt;span class=&quot;badge badge-secondary&quot;&gt;Secondary&lt;/span&gt;
+&lt;span class=&quot;badge badge-success&quot;&gt;Success&lt;/span&gt;
+&lt;span class=&quot;badge badge-danger&quot;&gt;Danger&lt;/span&gt;
+&lt;span class=&quot;badge badge-warning&quot;&gt;Warning&lt;/span&gt;
+&lt;span class=&quot;badge badge-info&quot;&gt;Info&lt;/span&gt;
+&lt;span class=&quot;badge badge-light&quot;&gt;Light&lt;/span&gt;
+&lt;span class=&quot;badge badge-dark&quot;&gt;Dark&lt;/span&gt;
+        		
+    		</pre>
+		</figure>
+		
+		<div class="warning">
+		<h5 id="conveying-meaning-to-assistive-technologies">Conveying meaning to assistive technologies</h5>
+		
+		<p>Using color to add meaning only provides a visual indication, which will not be conveyed to users of assistive technologies – such as screen readers. Ensure that information denoted by the color is either obvious from the content itself (e.g. the visible text), or is included through alternative means, such as additional text hidden with the .sr-only class.</p>
+		</div>
+		
+		
+
+		<h2 id="contextual-variations">Default status</h2>
+		
+		<p>Add any of the below mentioned modifier classes to change the appearance of a badge to be linked to a default status.</p>
+		
+		<div class="bd-example">
+		<?php for ($i = 0; $i <= 9; $i++): ?>
+		<span class="badge badge-status<?php print $i;  ?>" >status-<?php print $i;  ?></span>
+		<?php endfor; ?>
+		</div>
+
+		<figure class="highlight"><pre><pre>
+<?php for ($i = 0; $i <= 9; $i++): ?>
+&lt;span class="badge badge-status<?php print $i;  ?>" &gt;status<?php print $i;  ?>&lt;/span&gt;
+<?php endfor; ?>
+		</pre></figure>
+		
+				
+		<h2 id="pill-badges">Pill badges</h2>
+		
+		<p>Use the .badge-pill modifier class to make badges more rounded (with a larger border-radius and additional horizontal padding).</p>
+		
+		<div class="bd-example">
+		
+		<span class="badge badge-pill badge-primary">Primary</span>
+		<span class="badge badge-pill badge-secondary">Secondary</span>
+		<span class="badge badge-pill badge-success">Success</span>
+		<span class="badge badge-pill badge-danger">Danger</span>
+		<span class="badge badge-pill badge-warning">Warning</span>
+		<span class="badge badge-pill badge-info">Info</span>
+		<span class="badge badge-pill badge-light">Light</span>
+		<span class="badge badge-pill badge-dark">Dark</span>
+		
+		<?php for ($i = 0; $i <= 9; $i++): ?>
+		<span class="badge badge-pill badge-status<?php print $i;  ?>" >status<?php print $i;  ?></span>
+		<?php endfor; ?>
+		
+		</div>
+		
+		<figure class="highlight">
+		<pre>
+		
+&lt;span class=&quot;badge badge-pill badge-primary&quot;&gt;Primary&lt;/span&gt;
+&lt;span class=&quot;badge badge-pill badge-secondary&quot;&gt;Secondary&lt;/span&gt;
+&lt;span class=&quot;badge badge-pill badge-success&quot;&gt;Success&lt;/span&gt;
+&lt;span class=&quot;badge badge-pill badge-danger&quot;&gt;Danger&lt;/span&gt;
+&lt;span class=&quot;badge badge-pill badge-warning&quot;&gt;Warning&lt;/span&gt;
+&lt;span class=&quot;badge badge-pill badge-info&quot;&gt;Info&lt;/span&gt;
+&lt;span class=&quot;badge badge-pill badge-light&quot;&gt;Light&lt;/span&gt;
+&lt;span class=&quot;badge badge-pill badge-dark&quot;&gt;Dark&lt;/span&gt;
+<?php for ($i = 0; $i <= 9; $i++): ?>
+&lt;span class="badge badge-pill badge-status<?php print $i;  ?>" &gt;status<?php print $i;  ?>&lt;/span&gt;
+<?php endfor; ?>
+		</pre></figure>
+		
+		
+		
+		<h2 id="dot-badges">Dot badges</h2>
+		
+		<p>.dot-pill modifier class to make badges circle.</p>
+		
+		<div class="bd-example">
+		
+		<span class="badge badge-dot badge-primary"></span>
+		<span class="badge badge-dot badge-secondary"></span>
+		<span class="badge badge-dot badge-success"></span>
+		<span class="badge badge-dot badge-danger"></span>
+		<span class="badge badge-dot badge-warning"></span>
+		<span class="badge badge-dot badge-info"></span>
+		<span class="badge badge-dot badge-light"></span>
+		<span class="badge badge-dot badge-dark"></span>
+		
+		<?php for ($i = 0; $i <= 9; $i++): ?>
+		<span class="badge badge-dot badge-status<?php print $i;  ?>" ></span>
+		<?php endfor; ?>
+		
+		</div>
+		
+		<figure class="highlight">
+		<pre>
+		
+&lt;span class=&quot;badge badge-dot badge-primary&quot;&gt;&lt;/span&gt;
+&lt;span class=&quot;badge badge-dot badge-secondary&quot;&gt;&lt;/span&gt;
+&lt;span class=&quot;badge badge-dot badge-success&quot;&gt;&lt;/span&gt;
+&lt;span class=&quot;badge badge-dot badge-danger&quot;&gt;&lt;/span&gt;
+&lt;span class=&quot;badge badge-dot badge-warning&quot;&gt;&lt;/span&gt;
+&lt;span class=&quot;badge badge-dot badge-info&quot;&gt;&lt;/span&gt;
+&lt;span class=&quot;badge badge-dot badge-light&quot;&gt;&lt;/span&gt;
+&lt;span class=&quot;badge badge-dot badge-dark&quot;&gt;&lt;/span&gt;
+<?php for ($i = 0; $i <= 9; $i++): ?>
+&lt;span class="badge badge-dot badge-status<?php print $i;  ?>" &gt;&lt;/span&gt;
+<?php endfor; ?>
+		</pre></figure>
+		
+		
+<div class="warning">		
+		<p>Note that depending on how they are used, badges may be confusing for users of screen readers and similar assistive technologies. While the styling of badges provides a visual cue as to their purpose, these users will simply be presented with the content of the badge. Depending on the specific situation, these badges may seem like random additional words or numbers at the end of a sentence, link, or button.</p>
+		
+		<p>Unless the context is clear (as with the “Notifications” example, where it is understood that the “4” is the number of notifications), consider including additional context with a visually hidden piece of additional text.</p>
+		
+		<p><strong>Remember to use aria-label attribute for accessibility in Dolibarr. Don't forget to use aria-hidden on icons included in badges</strong></p>
+</div>		
+		
+		
+		<h2 id="links">Links</h2>
+		
+		<p>Using the contextual .badge-* classes on an &lt;a&gt; element quickly provide <em>actionable</em> badges with hover and focus states.</p>
+		
+		<div class="bd-example">
+		
+		<a href="#" class="badge badge-primary">Primary</a>
+		<a href="#" class="badge badge-secondary">Secondary</a>
+		<a href="#" class="badge badge-success">Success</a>
+		<a href="#" class="badge badge-danger">Danger</a>
+		<a href="#" class="badge badge-warning">Warning</a>
+		<a href="#" class="badge badge-info">Info</a>
+		<a href="#" class="badge badge-light">Light</a>
+		<a href="#" class="badge badge-dark">Dark</a>
+		<?php for ($i = 0; $i <= 9; $i++): ?>
+		<a href="#" class="badge badge-status<?php print $i;  ?>" >status<?php print $i;  ?></a>
+		<?php endfor; ?>
+		
+		</div>
+		
+		<figure class="highlight"><pre>
+&lt;a href=&quot;#&quot; class=&quot;badge badge-primary&quot;&gt;Primary&lt;/a&gt;
+&lt;a href=&quot;#&quot; class=&quot;badge badge-secondary&quot;&gt;Secondary&lt;/a&gt;
+&lt;a href=&quot;#&quot; class=&quot;badge badge-success&quot;&gt;Success&lt;/a&gt;
+&lt;a href=&quot;#&quot; class=&quot;badge badge-danger&quot;&gt;Danger&lt;/a&gt;
+&lt;a href=&quot;#&quot; class=&quot;badge badge-warning&quot;&gt;Warning&lt;/a&gt;
+&lt;a href=&quot;#&quot; class=&quot;badge badge-info&quot;&gt;Info&lt;/a&gt;
+&lt;a href=&quot;#&quot; class=&quot;badge badge-light&quot;&gt;Light&lt;/a&gt;
+&lt;a href=&quot;#&quot; class=&quot;badge badge-dark&quot;&gt;Dark&lt;/a&gt;
+<?php for ($i = 0; $i <= 9; $i++): ?>
+&lt;a href=&quot;#&quot; class="badge badge-status<?php print $i;  ?>" &gt;status<?php print $i;  ?>&lt;/a&gt;
+<?php endfor; ?>
+		</pre></figure>
+
+
+		<h2 id="helper">Use badge helper function</h2>
+		<p>Using the dolGetBadge function provide in core/lib/functions.lib.php. This function is recommended for code uniformisation and easy maintain</p>
+		<?php print dolGetBadge('your label for accessibility', 'your label <u>with</u> <em>html</em>', 'primary') ?>
+		<?php print dolGetBadge('your label for accessibility', 'your label <u>with</u> <em>html</em>', 'danger', 'pill') ?>
+		<?php print dolGetBadge('your label for accessibility', 'your label <u>with</u> <em>html</em>', 'warning', 'dot') ?>
+		
+		<figure class="highlight"><pre>
+&lt;?php  print dolGetBadge('your label for accessibility', 'your label &lt;u&gt;with&lt;/u&gt; &lt;em&gt;html&lt;/em&gt;', 'danger', 'pill') ?&gt;
+&lt;?php  print dolGetBadge('your label for accessibility', 'your label &lt;u&gt;with&lt;/u&gt; &lt;em&gt;html&lt;/em&gt;', 'warning', 'dot') ?&gt;
+		</pre></figure>
+		
+		<h2 id="helper">Use status helper function</h2>
+		<p>Using the dolGetStatus function provide in core/lib/functions.lib.php. This function is recommended for code uniformisation and easy maintain</p>
+		<?php
+		$saveGlobalConf = $conf->global->MAIN_STATUS_USES_CSS;
+		$conf->global->MAIN_STATUS_USES_CSS = 1;
+		?>
+		<h4>Using hidden global conf MAIN_STATUS_USES_CSS=1</h4>
+		<p><?php print dolGetStatus('your label for accessibility', 'your label', 'your label <u>with</u> <em>html</em>', 'status4') ?></p>
+		<p><?php print dolGetStatus('your label for accessibility', 'your label', 'your label <u>with</u> <em>html</em>', 'status4', 1) ?></p>
+		<p><?php print dolGetStatus('your label for accessibility', 'your label', 'your label <u>with</u> <em>html</em>', 'status4', 2) ?></p>
+		<p><?php print dolGetStatus('your label for accessibility', 'your label', 'your label <u>with</u> <em>html</em>', 'status4', 3) ?></p>
+		<p><?php print dolGetStatus('your label for accessibility', 'your label', 'your label <u>with</u> <em>html</em>', 'status4', 4) ?></p>
+		<p><?php print dolGetStatus('your label for accessibility', 'your label', 'your label <u>with</u> <em>html</em>', 'status4', 5) ?></p>
+		<p><?php print dolGetStatus('your label for accessibility', 'your label', 'your label <u>with</u> <em>html</em>', 'status4', 6) ?></p>
+
+		<?php $conf->global->MAIN_STATUS_USES_CSS = 0; ?>
+		<h4>Disabled hidden global conf : MAIN_STATUS_USES_CSS=0</h4>
+		<p><?php print dolGetStatus('your label for accessibility', 'your label', 'your label <u>with</u> <em>html</em>', 'status4', 1) ?></p>
+		<p><?php print dolGetStatus('your label for accessibility', 'your label', 'your label <u>with</u> <em>html</em>', 'status4', 2) ?></p>
+		<p><?php print dolGetStatus('your label for accessibility', 'your label', 'your label <u>with</u> <em>html</em>', 'status4', 3) ?></p>
+		<p><?php print dolGetStatus('your label for accessibility', 'your label', 'your label <u>with</u> <em>html</em>', 'status4', 4) ?></p>
+		<p><?php print dolGetStatus('your label for accessibility', 'your label', 'your label <u>with</u> <em>html</em>', 'status4', 5) ?></p>
+		<p><?php print dolGetStatus('your label for accessibility', 'your label', 'your label <u>with</u> <em>html</em>', 'status4', 6) ?></p>
+
+		<?php $conf->global->MAIN_STATUS_USES_CSS = $saveGlobalConf; ?>
+		
+		
+				<figure class="highlight"><pre>
+&lt;?php print dolGetStatus('your label for accessibility', 'your label', 'your label &lt;u&gt;with&lt;/u&gt; &lt;em&gt;html&lt;/em&gt;', 'status4') ?&gt;
+&lt;?php print dolGetStatus('your label for accessibility', 'your label', 'your label &lt;u&gt;with&lt;/u&gt; &lt;em&gt;html&lt;/em&gt;', 'status4',1) ?&gt;
+&lt;?php print dolGetStatus('your label for accessibility', 'your label', 'your label &lt;u&gt;with&lt;/u&gt; &lt;em&gt;html&lt;/em&gt;', 'status4',2) ?&gt;
+&lt;?php print dolGetStatus('your label for accessibility', 'your label', 'your label &lt;u&gt;with&lt;/u&gt; &lt;em&gt;html&lt;/em&gt;', 'status4',3) ?&gt;
+&lt;?php print dolGetStatus('your label for accessibility', 'your label', 'your label &lt;u&gt;with&lt;/u&gt; &lt;em&gt;html&lt;/em&gt;', 'status4',4) ?&gt;
+&lt;?php print dolGetStatus('your label for accessibility', 'your label', 'your label &lt;u&gt;with&lt;/u&gt; &lt;em&gt;html&lt;/em&gt;', 'status4',5) ?&gt;
+&lt;?php print dolGetStatus('your label for accessibility', 'your label', 'your label &lt;u&gt;with&lt;/u&gt; &lt;em&gt;html&lt;/em&gt;', 'status4',6) ?&gt;
+		</pre></figure>
+
+		
+        </main>
+  
+  </body>
+</html>
\ No newline at end of file
diff --git a/htdocs/theme/eldy/doc/doc.css b/htdocs/theme/eldy/doc/doc.css
new file mode 100644
index 00000000000..a8908185d17
--- /dev/null
+++ b/htdocs/theme/eldy/doc/doc.css
@@ -0,0 +1,5 @@
+/* Simple css for Doc page */
+body.docpage{
+	background: #fff;
+	padding:20px;
+}
\ No newline at end of file
diff --git a/htdocs/theme/eldy/img/fontawesome/README b/htdocs/theme/eldy/img/fontawesome/README
new file mode 100644
index 00000000000..bd5c51480b3
--- /dev/null
+++ b/htdocs/theme/eldy/img/fontawesome/README
@@ -0,0 +1,3 @@
+there icons are licensed under the Creative Commons Attribution 4.0 International license https://fontawesome.com/license
+Credit font Awesome
+
diff --git a/htdocs/theme/eldy/img/fontawesome/cash-register-solid.svg b/htdocs/theme/eldy/img/fontawesome/cash-register-solid.svg
new file mode 100644
index 00000000000..9de110c5903
--- /dev/null
+++ b/htdocs/theme/eldy/img/fontawesome/cash-register-solid.svg
@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="cash-register" class="svg-inline--fa fa-cash-register fa-w-16" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="currentColor" d="M511.1 378.8l-26.7-160c-2.6-15.4-15.9-26.7-31.6-26.7H208v-64h96c8.8 0 16-7.2 16-16V16c0-8.8-7.2-16-16-16H48c-8.8 0-16 7.2-16 16v96c0 8.8 7.2 16 16 16h96v64H59.1c-15.6 0-29 11.3-31.6 26.7L.8 378.7c-.6 3.5-.9 7-.9 10.5V480c0 17.7 14.3 32 32 32h448c17.7 0 32-14.3 32-32v-90.7c.1-3.5-.2-7-.8-10.5zM280 248c0-8.8 7.2-16 16-16h16c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16h-16c-8.8 0-16-7.2-16-16v-16zm-32 64h16c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16h-16c-8.8 0-16-7.2-16-16v-16c0-8.8 7.2-16 16-16zm-32-80c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16h-16c-8.8 0-16-7.2-16-16v-16c0-8.8 7.2-16 16-16h16zM80 80V48h192v32H80zm40 200h-16c-8.8 0-16-7.2-16-16v-16c0-8.8 7.2-16 16-16h16c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16zm16 64v-16c0-8.8 7.2-16 16-16h16c8.8 0 16 7.2 16 16v16c0 8.8-7.2 16-16 16h-16c-8.8 0-16-7.2-16-16zm216 112c0 4.4-3.6 8-8 8H168c-4.4 0-8-3.6-8-8v-16c0-4.4 3.6-8 8-8h176c4.4 0 8 3.6 8 8v16zm24-112c0 8.8-7.2 16-16 16h-16c-8.8 0-16-7.2-16-16v-16c0-8.8 7.2-16 16-16h16c8.8 0 16 7.2 16 16v16zm48-80c0 8.8-7.2 16-16 16h-16c-8.8 0-16-7.2-16-16v-16c0-8.8 7.2-16 16-16h16c8.8 0 16 7.2 16 16v16z"></path></svg>
\ No newline at end of file
diff --git a/htdocs/theme/eldy/img/fontawesome/home-solid.svg b/htdocs/theme/eldy/img/fontawesome/home-solid.svg
new file mode 100644
index 00000000000..c1c8559c03b
--- /dev/null
+++ b/htdocs/theme/eldy/img/fontawesome/home-solid.svg
@@ -0,0 +1 @@
+<svg aria-hidden="true" focusable="false" data-prefix="fas" data-icon="home" class="svg-inline--fa fa-home fa-w-18" role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 576 512"><path fill="currentColor" d="M280.37 148.26L96 300.11V464a16 16 0 0 0 16 16l112.06-.29a16 16 0 0 0 15.92-16V368a16 16 0 0 1 16-16h64a16 16 0 0 1 16 16v95.64a16 16 0 0 0 16 16.05L464 480a16 16 0 0 0 16-16V300L295.67 148.26a12.19 12.19 0 0 0-15.3 0zM571.6 251.47L488 182.56V44.05a12 12 0 0 0-12-12h-56a12 12 0 0 0-12 12v72.61L318.47 43a48 48 0 0 0-61 0L4.34 251.47a12 12 0 0 0-1.6 16.9l25.5 31A12 12 0 0 0 45.15 301l235.22-193.74a12.19 12.19 0 0 1 15.3 0L530.9 301a12 12 0 0 0 16.9-1.6l25.5-31a12 12 0 0 0-1.7-16.93z"></path></svg>
\ No newline at end of file
diff --git a/htdocs/theme/eldy/main_menu_fa_icons.css b/htdocs/theme/eldy/main_menu_fa_icons.css
deleted file mode 100644
index 57d422b8395..00000000000
--- a/htdocs/theme/eldy/main_menu_fa_icons.css
+++ /dev/null
@@ -1,159 +0,0 @@
-div.mainmenu.home::before {
-    font-family: "Font Awesome 5 Free";
-    font-weight: 900;
-    content: "\f015";
-    color: white;
-    font-size: 1.5em;
-}
-
-div.mainmenu.billing::before {
-    font-family: "Font Awesome 5 Free";
-    font-weight: 900;
-    content: "\f0d6";
-    color: white;
-    font-size: 1.5em;
-}
-
-div.mainmenu.accountancy::before {
-    font-family: "Font Awesome 5 Free";
-    font-weight: 900;
-    content: "\f0d6";
-    color: white;
-    font-size: 1.5em;
-}
-
-div.mainmenu.agenda::before {
-    font-family: "Font Awesome 5 Free";
-    font-weight: 900;
-    content: "\f073";
-    color: white;
-    font-size: 1.5em;
-}
-
-div.mainmenu.bank::before {
-    font-family: "Font Awesome 5 Free";
-    font-weight: 900;
-    content: "\f19c";
-    color: white;
-    font-size: 1.5em;
-}
-
-div.mainmenu.cashdesk::before {
-    font-family: "Font Awesome 5 Free";
-    font-weight: 900;
-    content: "\f788";
-    color: white;
-    font-size: 1.5em;
-}
-
-div.mainmenu.takepos::before {
-    font-family: "Font Awesome 5 Free";
-    font-weight: 900;
-    content: "\f217";
-    color: white;
-    font-size: 1.5em;
-}
-
-div.mainmenu.companies::before {
-    font-family: "Font Awesome 5 Free";
-    font-weight: 900;
-    content: "\f1ad";
-    color: white;
-    font-size: 1.5em;
-}
-
-div.mainmenu.commercial::before {
-    font-family: "Font Awesome 5 Free";
-    font-weight: 900;
-    content: "\f508";
-    color: white;
-    font-size: 1.5em;
-}
-
-div.mainmenu.ecm::before {
-    font-family: "Font Awesome 5 Free";
-    font-weight: 900;
-    content: "\f07c";
-    color: white;
-    font-size: 1.5em;
-}
-
-div.mainmenu.externalsite::before {
-    font-family: "Font Awesome 5 Free";
-    font-weight: 900;
-    content: "\f360";
-    color: white;
-    font-size: 1.5em;
-}
-
-div.mainmenu.ftp::before {
-    font-family: "Font Awesome 5 Free";
-    font-weight: 900;
-    content: "\f362";
-    color: white;
-    font-size: 1.5em;
-}
-
-div.mainmenu.hrm::before {
-    font-family: "Font Awesome 5 Free";
-    font-weight: 900;
-    content: "\f5ca";
-    color: white;
-    font-size: 1.5em;
-}
-
-div.mainmenu.members::before {
-    font-family: "Font Awesome 5 Free";
-    font-weight: 900;
-    content: "\f0c0";
-    color: white;
-    font-size: 1.5em;
-}
-
-div.mainmenu.products::before {
-    font-family: "Font Awesome 5 Free";
-    font-weight: 900;
-    content: "\f468";
-    color: white;
-    font-size: 1.5em;
-}
-
-div.mainmenu.mrp::before {
-    font-family: "Font Awesome 5 Free";
-    font-weight: 900;
-    content: "\f468";
-    color: white;
-    font-size: 1.5em;
-}
-
-div.mainmenu.project::before {
-    font-family: "Font Awesome 5 Free";
-    font-weight: 900;
-    content: "\f0e8";
-    color: white;
-    font-size: 1.5em;
-}
-
-div.mainmenu.ticket::before {
-    font-family: "Font Awesome 5 Free";
-    font-weight: 900;
-    content: "\f3ff";
-    color: white;
-    font-size: 1.5em;
-}
-
-div.mainmenu.tools::before {
-    font-family: "Font Awesome 5 Free";
-    font-weight: 900;
-    content: "\f0ad";
-    color: white;
-    font-size: 1.5em;
-}
-
-div.mainmenu.website::before {
-    font-family: "Font Awesome 5 Free";
-    font-weight: 900;
-    content: "\f542";
-    color: white;
-    font-size: 1.5em;
-}
\ No newline at end of file
diff --git a/htdocs/theme/eldy/style.css.php b/htdocs/theme/eldy/style.css.php
index 9557c97d6d1..bb03fd73520 100644
--- a/htdocs/theme/eldy/style.css.php
+++ b/htdocs/theme/eldy/style.css.php
@@ -24,7 +24,7 @@
  *		\file       htdocs/theme/eldy/style.css.php
  *		\brief      File for CSS style sheet Eldy
  */
-
+ 
 //if (! defined('NOREQUIREUSER')) define('NOREQUIREUSER','1');	// Not disabled because need to load personalized language
 //if (! defined('NOREQUIREDB'))   define('NOREQUIREDB','1');	// Not disabled to increase speed. Language code is found on url.
 if (! defined('NOREQUIRESOC'))    define('NOREQUIRESOC', '1');
@@ -36,40 +36,26 @@ if (! defined('NOLOGIN'))         define('NOLOGIN', 1);          // File must be
 if (! defined('NOREQUIREHTML'))   define('NOREQUIREHTML', 1);
 if (! defined('NOREQUIREAJAX'))   define('NOREQUIREAJAX', '1');
 
-// Colors
-$colorbackhmenu1='60,70,100';      // topmenu
-$colorbackvmenu1='248,248,248';      // vmenu
-$colortopbordertitle1='200,200,200';    // top border of title
-$colorbacktitle1='220,220,223';      // title of tables,list
-$colorbacktabcard1='255,255,255';  // card
-$colorbacktabactive='234,234,234';
-$colorbacklineimpair1='255,255,255';    // line impair
-$colorbacklineimpair2='255,255,255';    // line impair
-$colorbacklinepair1='250,250,250';    // line pair
-$colorbacklinepair2='250,250,250';    // line pair
-$colorbacklinepairhover='230,237,244';	// line hover
-$colorbacklinebreak='239,231,224';		// line break
-$colorbackbody='255,255,255';
-$colortexttitlenotab='100,60,20';
-$colortexttitle='0,0,0';
-$colortext='0,0,0';
-$colortextlink='0,0,100';
-$fontsize='0.86em';
-$fontsizesmaller='0.75em';
+
+define('ISLOADEDBYSTEELSHEET', '1');
+
+require_once __DIR__ . '/theme_vars.php';
+
+
 
 if (defined('THEME_ONLY_CONSTANT')) return;
 
 session_cache_limiter('public');
 
-require_once '../../main.inc.php';
+require_once __DIR__.'/../../main.inc.php'; // __DIR__ allow this script to be included in custom themes
 require_once DOL_DOCUMENT_ROOT.'/core/lib/functions2.lib.php';
 
 // Load user to have $user->conf loaded (not done into main because of NOLOGIN constant defined)
 // and permission, so we can later calculate number of top menu ($nbtopmenuentries) according to user profile.
 if (empty($user->id) && ! empty($_SESSION['dol_login']))
 {
-	$user->fetch('', $_SESSION['dol_login'], '', 1);
-	$user->getrights();
+    $user->fetch('', $_SESSION['dol_login'], '', 1);
+    $user->getrights();
 }
 
 
@@ -121,11 +107,11 @@ if (! isset($conf->global->THEME_ELDY_TEXTLINK)) $conf->global->THEME_ELDY_TEXTL
 // Case of option editable only if option THEME_ELDY_ENABLE_PERSONALIZED is on
 if (empty($conf->global->THEME_ELDY_ENABLE_PERSONALIZED))
 {
-	$conf->global->THEME_ELDY_BACKTABCARD1='255,255,255';     // card
-	$conf->global->THEME_ELDY_BACKTABACTIVE='234,234,234';
-	$conf->global->THEME_ELDY_TEXT='0,0,0';
-	$conf->global->THEME_ELDY_FONT_SIZE1='0.86em';
-	$conf->global->THEME_ELDY_FONT_SIZE2='0.75em';
+    $conf->global->THEME_ELDY_BACKTABCARD1='255,255,255';     // card
+    $conf->global->THEME_ELDY_BACKTABACTIVE='234,234,234';
+    $conf->global->THEME_ELDY_TEXT='0,0,0';
+    $conf->global->THEME_ELDY_FONT_SIZE1='0.86em';
+    $conf->global->THEME_ELDY_FONT_SIZE2='0.75em';
 }
 
 // Case of option availables only if THEME_ELDY_ENABLE_PERSONALIZED is on
@@ -153,8 +139,8 @@ $colorbacklinepairhover=((! isset($conf->global->THEME_ELDY_USE_HOVER) || (strin
 $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));
 if (! empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED))
 {
-	$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));
-	$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));
+    $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));
+    $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));
 }
 
 //$colortopbordertitle1=$colorbackhmenu1;
@@ -176,9 +162,9 @@ $colorbacktitle1=join(',', colorStringToArray($colorbacktitle1));    // Normaliz
 $tmppart=explode(',', $colorbacktitle1);
 if ($colortexttitle == '')
 {
-	$tmpval=(! empty($tmppart[0]) ? $tmppart[0] : 0)+(! empty($tmppart[1]) ? $tmppart[1] : 0)+(! empty($tmppart[2]) ? $tmppart[2] : 0);
-	if ($tmpval <= 460) { $colortexttitle='FFFFFF'; $colorshadowtitle='888888'; }
-	else { $colortexttitle='000000'; $colorshadowtitle='FFFFFF'; }
+    $tmpval=(! empty($tmppart[0]) ? $tmppart[0] : 0)+(! empty($tmppart[1]) ? $tmppart[1] : 0)+(! empty($tmppart[2]) ? $tmppart[2] : 0);
+    if ($tmpval <= 460) { $colortexttitle='FFFFFF'; $colorshadowtitle='888888'; }
+    else { $colortexttitle='000000'; $colorshadowtitle='FFFFFF'; }
 }
 else $colorshadowtitle='888888';
 
@@ -243,5678 +229,17 @@ print 'dol_screenwidth='.$_SESSION['dol_screenwidth']."\n";
 print 'dol_screenheight='.$_SESSION['dol_screenheight']."\n";
 print 'fontsize='.$fontsize."\n";
 print 'nbtopmenuentries='.$nbtopmenuentries."\n";
+print 'fontsizesmaller='.$fontsizesmaller;
+print 'topMenuFontSize='.$topMenuFontSize."\n";
+print 'toolTipBgColor='.$toolTipBgColor."\n";
+print 'toolTipFontColor='.$toolTipFontColor."\n";
 print '*/'."\n";
 
-?>
 
-/* ============================================================================== */
-/* Default styles                                                                 */
-/* ============================================================================== */
 
 
-body {
-<?php if (GETPOST('optioncss', 'aZ09') == 'print') {  ?>
-	background-color: #FFFFFF;
-<?php } else { ?>
-	background: rgb(<?php print $colorbackbody; ?>);
-<?php } ?>
-	color: rgb(<?php echo $colortext; ?>);
-	font-size: <?php print is_numeric($fontsize) ? $fontsize.'px' : $fontsize; ?>;
-	line-height: 1.4;
-	font-family: <?php print $fontlist ?>;
-    margin-top: 0;
-    margin-bottom: 0;
-    margin-right: 0;
-    margin-left: 0;
-    <?php print 'direction: '.$langs->trans("DIRECTION").";\n"; ?>
-}
+require_once __DIR__ . '/_global.css.php';
 
-.thumbstat { font-weight: bold !important; }
-th a { font-weight: <?php echo ($useboldtitle?'bold':'normal'); ?> !important; }
-a.tab { font-weight: 500 !important; }
 
-a:link, a:visited, a:hover, a:active { font-family: <?php print $fontlist ?>; font-weight: normal; color: rgb(<?php print $colortextlink; ?>); text-decoration: none;  }
-a:hover { text-decoration: underline; color: rgb(<?php print $colortextlink; ?>); }
-a.commonlink { color: rgb(<?php print $colortextlink; ?>) !important; text-decoration: none; }
-th.liste_titre a div div:hover, th.liste_titre_sel a div div:hover { text-decoration: underline; }
-input, input.flat, textarea, textarea.flat, form.flat select, select, select.flat, .dataTables_length label select {
-	background-color: #FFF;
-}
-select.vmenusearchselectcombo {
-	background-color: unset;
-}
 
-input.select2-input {
-	border-bottom: none ! important;
-}
-.select2-choice {
-	border: none;
-	border-bottom:  solid 1px rgba(0,0,0,.2) !important;	/* required to avoid to lose bottom line when focus is lost on select2. */
-}
-
-.liste_titre input[name=month_date_when], .liste_titre input[name=monthvalid], .liste_titre input[name=search_ordermonth], .liste_titre input[name=search_deliverymonth],
-.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],
-.liste_titre input[name=month_lim], .liste_titre input[name=month_start], .liste_titre input[name=month_end], .liste_titre input[name=month_create],
-.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],
-.liste_titre input[name=search_month_create], .liste_titre input[name=search_month_start], .liste_titre input[name=search_month_end],
-.liste_titre input[name=day_date_when], .liste_titre input[name=dayvalid], .liste_titre input[name=search_orderday], .liste_titre input[name=search_deliveryday],
-.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],
-.liste_titre input[name=day_lim], .liste_titre input[name=day_start], .liste_titre input[name=day_end], .liste_titre input[name=day_create],
-.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],
-.liste_titre input[name=search_day_create], .liste_titre input[name=search_day_start], .liste_titre input[name=search_day_end],
-.liste_titre input[name=search_day_date_when], .liste_titre input[name=search_month_date_when], .liste_titre input[name=search_year_date_when],
-.liste_titre input[name=search_dtstartday], .liste_titre input[name=search_dtendday], .liste_titre input[name=search_dtstartmonth], .liste_titre input[name=search_dtendmonth]
-{
-	margin-right: 4px;
-}
-input[type=submit] {
-	margin-left: 5px;
-}
-input, input.flat, form.flat select, select, select.flat, .dataTables_length label select {
-	border: none;
-}
-input, input.flat, textarea, textarea.flat, form.flat select, select, select.flat, .dataTables_length label select {
-    font-family: <?php print $fontlist ?>;
-    outline: none;
-    margin: 0px 0px 0px 0px;
-    border<?php echo empty($conf->global->THEME_HIDE_BORDER_ON_INPUT)?'-bottom':''; ?>: solid 1px rgba(0,0,0,.2);
-}
-
-input {
-    line-height: 1.3em;
-	padding: 5px;
-	padding-left: 5px;
-}
-select {
-	padding-top: 4px;
-	padding-right: 4px;
-	padding-bottom: 3px;
-	padding-left: 2px;
-}
-input, select {
-	margin-left:0px;
-	margin-bottom:1px;
-	margin-top:1px;
-}
-
-/* Focus definitions must be after standard definition */
-textarea:focus {
-    /* v6 box-shadow: 0 0 4px #8091BF; */
-	border: 1px solid #aaa !important;
-}
-input:focus, select:focus {
-	border-bottom: 1px solid #666;
-}
-textarea.cke_source:focus
-{
-	box-shadow: none;
-}
-
-textarea {
-	border-radius: 0;
-	border-top:solid 1px rgba(0,0,0,.2);
-	border-left:solid 1px rgba(0,0,0,.2);
-	border-right:solid 1px rgba(0,0,0,.2);
-	border-bottom:solid 1px rgba(0,0,0,.2);
-
-	padding:4px;
-	margin-left:0px;
-	margin-bottom:1px;
-	margin-top:1px;
-	}
-input.removedassigned  {
-	padding: 2px !important;
-	vertical-align: text-bottom;
-	margin-bottom: -3px;
-}
-input.smallpadd {	/* Used for timesheet input */
-	padding-left: 0px !important;
-	padding-right: 0px !important;
-}
-input.buttongen {
-	vertical-align: middle;
-}
-input.buttonpayment {
-	min-width: 320px;
-	margin-bottom: 15px;
-	background-image: none;
-	line-height: 24px;
-	padding: 8px;
-	background: none;
-	padding-left: 38px;
-	text-align: <?php echo $left; ?>;
-	border: 1px solid #ddd;
-	background-color: #eee;
-	white-space: normal;
-	box-shadow: 1px 1px 8px #bbb;
-}
-input.buttonpaymentcb {
-	background-image: url(<?php echo dol_buildpath($path.'/theme/common/credit_card.png', 1) ?>);
-	background-size: 26px;
-	background-repeat: no-repeat;
-	background-position: 5px 11px;
-}
-input.buttonpaymentcheque {
-	background-image: url(<?php echo dol_buildpath($path.'/theme/common/cheque.png', 1) ?>);
-	background-size: 24px;
-	background-repeat: no-repeat;
-	background-position: 5px 8px;
-}
-input.buttonpaymentpaypal {
-	background-image: url(<?php echo dol_buildpath($path.'/paypal/img/object_paypal.png', 1) ?>);
-	background-repeat: no-repeat;
-	background-position: 8px 11px;
-}
-input.buttonpaymentpaybox {
-	background-image: url(<?php echo dol_buildpath($path.'/paybox/img/object_paybox.png', 1) ?>);
-	background-repeat: no-repeat;
-	background-position: 8px 11px;
-}
-input.buttonpaymentstripe {
-	background-image: url(<?php echo dol_buildpath($path.'/stripe/img/object_stripe.png', 1) ?>);
-	background-repeat: no-repeat;
-	background-position: 8px 11px;
-}
-
-/* Used by timesheets */
-span.timesheetalreadyrecorded input {
-    border: none;
-    border-bottom: solid 1px rgba(0,0,0,0.4);
-    margin-right: 1px !important;
-}
-td.weekend {
-	background-color: #eee;
-}
-td.onholidaymorning, td.onholidayafternoon {
-	background-color: #fdf6f2;
-}
-td.onholidayallday {
-	background-color: #f4eede;
-}
-td.leftborder, td.hide0 {
-	border-left: 1px solid #ccc;
-}
-td.leftborder, td.hide6 {
-	border-right: 1px solid #ccc;
-}
-td.rightborder {
-	border-right: 1px solid #ccc;
-}
-
-td.actionbuttons a {
-    padding-left: 6px;
-}
-select.flat, form.flat select {
-	font-weight: normal;
-	font-size: unset;
-}
-.optionblue {
-	color: rgb(<?php echo $colortextlink; ?>);
-}
-.select2-results .select2-highlighted.optionblue {
-	color: #FFF !important;
-}
-.optiongrey, .opacitymedium {
-	opacity: 0.4;
-}
-.opacityhigh {
-	opacity: 0.2;
-}
-.opacitytransp {
-	opacity: 0;
-}
-select:invalid {
-	color: gray;
-}
-input:disabled {
-	background:#ddd;
-}
-
-input.liste_titre {
-	box-shadow: none !important;
-}
-input.removedfile {
-	padding: 0px !important;
-	border: 0px !important;
-	vertical-align: text-bottom;
-}
-textarea:disabled {
-	background:#ddd;
-}
-input[type=file ]    { background-color: transparent; border-top: none; border-left: none; border-right: none; box-shadow: none; }
-input[type=checkbox] { background-color: transparent; border: none; box-shadow: none; }
-input[type=radio]    { background-color: transparent; border: none; box-shadow: none; }
-input[type=image]    { background-color: transparent; border: none; box-shadow: none; }
-input:-webkit-autofill {
-	background-color: #FDFFF0 !important;
-	background-image:none !important;
-	-webkit-box-shadow: 0 0 0 50px #FDFFF0 inset;
-}
-::-webkit-input-placeholder { color:#ccc; }
-input:-moz-placeholder { color:#ccc; }
-input[name=price], input[name=weight], input[name=volume], input[name=surface], input[name=sizeheight], select[name=incoterm_id] { margin-right: 6px; }
-input[name=surface] { margin-right: 4px; }
-fieldset { border: 1px solid #AAAAAA !important; }
-.legendforfieldsetstep { padding-bottom: 10px; }
-input#onlinepaymenturl, input#directdownloadlink {
-	opacity: 0.7;
-}
-
-hr { border: 0; border-top: 1px solid #ccc; }
-.tabBar hr { margin-top: 20px; margin-bottom: 17px; }
-
-.button, .buttonDelete, input[name="sbmtConnexion"] {
-	margin-bottom: 0;
-	margin-top: 0;
-	margin-left: 5px;
-	margin-right: 5px;
-    font-family: <?php print $fontlist ?>;
-	display: inline-block;
-	padding: 4px 14px;
-	text-align: center;
-	cursor: pointer;
-	text-decoration: none !important;
-	background-color: #f5f5f5;
-	background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
-	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
-	background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
-	background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
-	background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
-	background-repeat: repeat-x;
-	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
-	border: 1px solid #aaa;
-	-webkit-border-radius: 2px;
-	border-radius: 1px;
-
-	font-weight: bold;
-	text-transform: uppercase;
-	color: #444;
-}
-.button:focus, .buttonDelete:focus  {
-	-webkit-box-shadow: 0px 0px 5px 1px rgba(0, 0, 60, 0.2), 0px 0px 0px rgba(60,60,60,0.1);
-	box-shadow: 0px 0px 5px 1px rgba(0, 0, 60, 0.2), 0px 0px 0px rgba(60,60,60,0.1);
-}
-.button:hover, .buttonDelete:hover   {
-	/* warning: having a larger shadow has side effect when button is completely on left of a table */
-	-webkit-box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2), 0px 0px 0px rgba(60,60,60,0.1);
-	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.2), 0px 0px 0px rgba(60,60,60,0.1);
-}
-.button:disabled, .buttonDelete:disabled {
-	opacity: 0.4;
-    box-shadow: none;
-    -webkit-box-shadow: none;
-    cursor: auto;
-}
-.buttonRefused {
-	pointer-events: none;
-   	cursor: default;
-	opacity: 0.4;
-    box-shadow: none;
-    -webkit-box-shadow: none;
-}
-form {
-    padding:0px;
-    margin:0px;
-}
-form#addproduct {
-    padding-top: 10px;
-}
-div.float
-{
-    float:<?php print $left; ?>;
-}
-div.floatright
-{
-    float:<?php print $right; ?>;
-}
-.inline-block
-{
-	display:inline-block;
-}
-
-th .button {
-    -webkit-box-shadow: none !important;
-    box-shadow: none !important;
-	-webkit-border-radius:0px !important;
-	border-radius:0px !important;
-}
-.maxwidthsearch {		/* Max width of column with the search picto */
-	width: 54px;
-}
-.valigntop {
-	vertical-align: top;
-}
-.valignmiddle {
-	vertical-align: middle;
-}
-.valignbottom {
-	vertical-align: bottom;
-}
-.valigntextbottom {
-	vertical-align: text-bottom;
-}
-.centpercent {
-	width: 100%;
-}
-.quatrevingtpercent, .inputsearch {
-	width: 80%;
-}
-.soixantepercent {
-	width: 60%;
-}
-.quatrevingtquinzepercent {
-	width: 95%;
-}
-textarea.centpercent {
-	width: 96%;
-}
-.center {
-    text-align: center;
-    margin: 0px auto;
-}
-.left {
-	text-align: <?php print $left; ?>;
-}
-.right {
-	text-align: <?php print $right; ?>;
-}
-.justify {
-	text-align: justify;
-}
-.nowrap {
-	white-space: <?php print ($dol_optimize_smallscreen?'normal':'nowrap'); ?>;
-}
-.liste_titre .nowrap {
-	white-space: nowrap;
-}
-.nowraponall {	/* no wrap on all devices */
-	white-space: nowrap;
-}
-.wrapimp {
-	white-space: normal !important;
-}
-.wordwrap {
-	word-wrap: break-word;
-}
-.wordbreak {
-	word-break: break-all;
-}
-.bold {
-	font-weight: bold !important;
-}
-.nobold {
-	font-weight: normal !important;
-}
-.nounderline {
-    text-decoration: none;
-}
-.paddingleft {
-	padding-<?php print $left; ?>: 4px;
-}
-.paddingleft2 {
-	padding-<?php print $left; ?>: 2px;
-}
-.paddingright {
-	padding-<?php print $right; ?>: 4px;
-}
-.paddingright2 {
-	padding-<?php print $right; ?>: 2px;
-}
-.cursordefault {
-	cursor: default;
-}
-.cursorpointer {
-	cursor: pointer;
-}
-.cursormove {
-	cursor: move;
-}
-.cursornotallowed {
-	cursor: not-allowed;
-}
-.badge {
-	display: inline-block;
-	min-width: 10px;
-	padding: 2px 5px;
-	font-size: 10px;
-	font-weight: 700;
-	line-height: 1em;
-	color: #fff;
-	text-align: center;
-	white-space: nowrap;
-	vertical-align: text-bottom;
-	background-color: #aaa;
-	border-radius: 10px;
-}
-.borderrightlight
-{
-	border-right: 1px solid #DDD;
-}
-#formuserfile {
-	margin-top: 4px;
-}
-#formuserfile_link {
-	margin-left: 1px;
-}
-.listofinvoicetype {
-	height: 28px;
-	vertical-align: middle;
-}
-.divsocialnetwork:not(:first-child) {
-    padding-left: 20px;
-}
-div.divsearchfield {
-	float: <?php print $left; ?>;
-	margin-<?php print $right; ?>: 12px;
-    margin-<?php print $left; ?>: 2px;
-	margin-top: 4px;
-    margin-bottom: 4px;
-  	padding-left: 2px;
-}
-.divsearchfieldfilter {
-    text-overflow: clip;
-    overflow: auto;
-    padding-bottom: 5px;
-    opacity: 0.6;
-}
-<?php
-// Add a nowrap on smartphone, so long list of field used for filter are overflowed with clip
-if ($conf->browser->layout == 'phone') {
-?>
-.divsearchfieldfilter {
-   	white-space: nowrap;
-}
-<?php } ?>
-div.confirmmessage {
-	padding-top: 6px;
-}
-ul.attendees {
-	padding-top: 0;
-	padding-bottom: 0;
-	padding-left: 0;
-	margin-top: 0;
-	margin-bottom: 0;
-}
-ul.attendees li {
-	list-style-type: none;
-	padding-top:1px;
-	padding-bottom:1px;
-}
-.googlerefreshcal {
-	padding-top: 4px;
-	padding-bottom: 4px;
-}
-.paddingtopbottom {
-	padding-top: 10px;
-	padding-bottom: 10px;
-}
-.checkallactions {
-    margin-left: 2px;		/* left must be same than right to keep checkbox centered */
-    margin-right: 2px;		/* left must be same than right to keep checkbox centered */
-    vertical-align: middle;
-}
-select.flat.selectlimit {
-    max-width: 62px;
-}
-.selectlimit, .marginrightonly {
-	margin-right: 10px !important;
-}
-.marginleftonly {
-	margin-left: 10px !important;
-}
-.marginleftonlyshort {
-	margin-left: 4px !important;
-}
-.nomarginleft {
-	margin-left: 0px !important;
-}
-.marginbottomonly {
-	margin-bottom: 10px !important;
-}
-.selectlimit, .selectlimit:focus {
-    border-left: none !important;
-    border-top: none !important;
-    border-right: none !important;
-    outline: none;
-}
-.strikefordisabled {
-	text-decoration: line-through;
-}
-.widthdate {
-	width: 130px;
-}
-/* using a tdoverflowxxx make the min-width not working */
-.tdoverflow {
-    max-width: 0;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-.tdoverflowmax50 {			/* For tdoverflow, the max-midth become a minimum ! */
-    max-width: 50px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-.tdoverflowmax100 {			/* For tdoverflow, the max-midth become a minimum ! */
-    max-width: 100px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-.tdoverflowmax150 {			/* For tdoverflow, the max-midth become a minimum ! */
-    max-width: 150px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-.tdoverflowmax200 {			/* For tdoverflow, the max-midth become a minimum ! */
-    max-width: 200px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-.tdoverflowmax300 {			/* For tdoverflow, the max-midth become a minimum ! */
-    max-width: 300px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-}
-.tdoverflowauto {
-    max-width: 0;
-    overflow: auto;
-}
-.tablelistofcalendars {
-	margin-top: 25px !important;
-}
-.amountalreadypaid {
-}
-.amountpaymentcomplete {
-	color: #008800;
-	font-weight: bold;
-	font-size: 1.4em;
-}
-.amountremaintopay {
-	color: #880000;
-	font-weight: bold;
-	font-size: 1.4em;
-}
-.amountremaintopayback {
-	font-weight: bold;
-	font-size: 1.4em;
-}
-.amountpaymentneutral {
-	font-weight: bold;
-	font-size: 1.4em;
-}
-.savingdocmask {
-	margin-top: 6px;
-	margin-bottom: 12px;
-}
-#builddoc_form ~ .showlinkedobjectblock {
-    margin-top: 20px;
-}
-
-/* For the long description of module */
-.moduledesclong p img, .moduledesclong p a img {
-    max-width: 90% !important;
-    height: auto !important;
-}
-.imgdoc {
-    margin: 18px;
-    border: 1px solid #ccc;
-    box-shadow: 1px 1px 25px #aaa;
-    max-width: calc(100% - 56px);
-}
-.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 {
-	color: #055;
-}
-
-.fa-15 {
-	font-size: 1.5em;
-}
-
-/* DOL_XXX for future usage (when left menu has been removed). If we do not use datatable */
-/*.table-responsive {
-    width: calc(100% - 330px);
-    margin-bottom: 15px;
-    overflow-y: hidden;
-    -ms-overflow-style: -ms-autohiding-scrollbar;
-}*/
-/* Style used for most tables */
-.div-table-responsive, .div-table-responsive-no-min {
-    overflow-x: auto;
-    min-height: 0.01%;
-}
-.div-table-responsive {
-    line-height: 120%;
-}
-/* Style used for full page tables with field selector and no content after table (priority before previous for such tables) */
-div.fiche>form>div.div-table-responsive, div.fiche>form>div.div-table-responsive-no-min {
-    overflow-x: auto;
-}
-div.fiche>form>div.div-table-responsive {
-    min-height: 392px;
-}
-div.fiche>div.tabBar>form>div.div-table-responsive {
-    min-height: 392px;
-}
-div.fiche {
-	/* text-align: justify; */
-}
-
-.flexcontainer {
-    <?php if (in_array($conf->browser->name, array('chrome','firefox'))) echo 'display: inline-flex;'."\n"; ?>
-    flex-flow: row wrap;
-    justify-content: flex-start;
-}
-.thumbstat {
-    min-width: 150px;
-}
-.thumbstat150 {
-    min-width: 168px;
-    max-width: 169px;
-    /* 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 */
-}
-.thumbstat, .thumbstat150 {
-<?php if ($conf->browser->name == 'ie') { ?>
-    min-width: 150px;
-    width: 100%;
-    display: inline;
-<?php } else { ?>
-	flex-grow: 1;
-	flex-shrink: 0;
-<?php } ?>
-}
-
-select.selectarrowonleft {
-	direction: rtl;
-}
-select.selectarrowonleft option {
-	direction: ltr;
-}
-
-
-/* ============================================================================== */
-/* Styles to hide objects                                                         */
-/* ============================================================================== */
-
-.clearboth  { clear:both; }
-.hideobject { display: none; }
-.minwidth50  { min-width: 50px; }
-/* rule for not too small screen only */
-@media only screen and (min-width: <?php echo round($nbtopmenuentries * 45, 0) + 7; ?>px)
-{
-	.width25  { width: 25px; }
-    .width50  { width: 50px; }
-    .width75  { width: 75px; }
-    .width100 { width: 100px; }
-    .width200 { width: 200px; }
-    .minwidth100 { min-width: 100px; }
-    .minwidth150 { min-width: 150px; }
-    .minwidth200 { min-width: 200px; }
-    .minwidth300 { min-width: 300px; }
-    .minwidth400 { min-width: 400px; }
-    .minwidth500 { min-width: 500px; }
-    .minwidth50imp  { min-width: 50px !important; }
-    .minwidth75imp  { min-width: 75px !important; }
-    .minwidth100imp { min-width: 100px !important; }
-    .minwidth200imp { min-width: 200px !important; }
-    .minwidth300imp { min-width: 300px !important; }
-    .minwidth400imp { min-width: 400px !important; }
-    .minwidth500imp { min-width: 500px !important; }
-}
-.widthauto { width: auto; }
-.width25  { width: 25px; }
-.width50  { width: 50px; }
-.width75  { width: 75px; }
-.width100 { width: 100px; }
-.width150 { width: 150px; }
-.width200 { width: 200px; }
-.maxwidth25  { max-width: 25px; }
-.maxwidth50  { max-width: 50px; }
-.maxwidth75  { max-width: 75px; }
-.maxwidth100 { max-width: 100px; }
-.maxwidth125 { max-width: 125px; }
-.maxwidth150 { max-width: 150px; }
-.maxwidth200 { max-width: 200px; }
-.maxwidth300 { max-width: 300px; }
-.maxwidth400 { max-width: 400px; }
-.maxwidth500 { max-width: 500px; }
-.maxwidth50imp  { max-width: 50px !important; }
-.maxwidth75imp  { max-width: 75px !important; }
-.minheight20 { min-height: 20px; }
-.minheight40 { min-height: 40px; }
-.titlefieldcreate { width: 20%; }
-.titlefield       { width: 25%; }
-.titlefieldmiddle { width: 50%; }
-.imgmaxwidth180 { max-width: 180px; }
-.imgmaxheight50 { max-height: 50px; }
-
-.width20p { width:20%; }
-.width25p { width:25%; }
-.width40p { width:40%; }
-.width50p { width:50%; }
-.width60p { width:60%; }
-.width75p { width:75%; }
-.width80p { width:80%; }
-.width100p { width:100%; }
-
-
-/* Force values for small screen 1400 */
-@media only screen and (max-width: 1400px)
-{
-	.titlefield { width: 30% !important; }
-	.titlefieldcreate { width: 30% !important; }
-	.minwidth50imp  { min-width: 50px !important; }
-    .minwidth75imp  { min-width: 75px !important; }
-    .minwidth100imp { min-width: 100px !important; }
-    .minwidth150imp { min-width: 150px !important; }
-    .minwidth200imp { min-width: 200px !important; }
-    .minwidth300imp { min-width: 300px !important; }
-    .minwidth400imp { min-width: 300px !important; }
-    .minwidth500imp { min-width: 300px !important; }
-}
-
-/* Force values for small screen 1000 */
-@media only screen and (max-width: 1000px)
-{
-    .maxwidthonsmartphone { max-width: 100px; }
-	.minwidth50imp  { min-width: 50px !important; }
-    .minwidth75imp  { min-width: 70px !important; }
-    .minwidth100imp { min-width: 80px !important; }
-    .minwidth150imp { min-width: 100px !important; }
-    .minwidth200imp { min-width: 110px !important; }
-    .minwidth300imp { min-width: 120px !important; }
-    .minwidth400imp { min-width: 150px !important; }
-    .minwidth500imp { min-width: 250px !important; }
-}
-
-/* Force values for small screen 767 */
-@media only screen and (max-width: 767px)
-{
-	body {
-		font-size: <?php print is_numeric($fontsize) ? ($fontsize+3).'px' : $fontsize; ?>;
-	}
-	div.refidno {
-		font-size: <?php print is_numeric($fontsize) ? ($fontsize+3).'px' : $fontsize; ?> !important;
-	}
-}
-
-/* Force values for small screen 570 */
-@media only screen and (max-width: 570px)
-{
-	body {
-		font-size: <?php print is_numeric($fontsize) ? ($fontsize+3).'px' : $fontsize; ?>;
-	}
-	div.refidno {
-		font-size: <?php print is_numeric($fontsize) ? ($fontsize+3).'px' : $fontsize; ?> !important;
-	}
-
-	.divmainbodylarge { margin-left: 20px !important; margin-right: 20px !important; }
-
-    .tdoverflowonsmartphone {
-        max-width: 0;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-    }
-    .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 {
-    	height: 40px !important;
-    }
-
-    .quatrevingtpercent, .inputsearch {
-    	width: 95%;
-    }
-
-	select {
-		padding-top: 4px;
-		padding-bottom: 5px;
-	}
-
-	input, input[type=text], input[type=password], select, textarea     {
-		min-width: 20px;
-    }
-    input[type=text], input[type=password] {
-		max-width: 180px;
-	}
-    .vmenu .searchform input {
-		max-width: 138px;	/* length of input text in the quick search box when using a smartphone and without dolidroid */
-	}
-
-    .hideonsmartphone { display: none; }
-    .hideonsmartphoneimp { display: none !important; }
-    .noenlargeonsmartphone { width : 50px !important; display: inline !important; }
-    .maxwidthonsmartphone, #search_newcompany.ui-autocomplete-input { max-width: 100px; }
-    .maxwidth50onsmartphone { max-width: 40px; }
-    .maxwidth75onsmartphone { max-width: 50px; }
-    .maxwidth100onsmartphone { max-width: 70px; }
-    .maxwidth150onsmartphone { max-width: 120px; }
-    .maxwidth200onsmartphone { max-width: 200px; }
-    .maxwidth300onsmartphone { max-width: 300px; }
-    .maxwidth400onsmartphone { max-width: 400px; }
-	.minwidth50imp  { min-width: 50px !important; }
-	.minwidth75imp  { min-width: 60px !important; }
-    .minwidth100imp { min-width: 80px !important; }
-    .minwidth150imp { min-width: 90px !important; }
-    .minwidth200imp { min-width: 100px !important; }
-    .minwidth300imp { min-width: 120px !important; }
-    .minwidth400imp { min-width: 150px !important; }
-    .minwidth500imp { min-width: 250px !important; }
-    .titlefield { width: auto; }
-    .titlefieldcreate { width: auto; }
-
-	#tooltip {
-		position: absolute;
-		width: <?php print dol_size(300, 'width'); ?>px;
-	}
-
-	/* intput, input[type=text], */
-	select {
-		width: 98%;
-		min-width: 40px;
-	}
-
-	div.divphotoref {
-		padding-right: 5px;
-	    padding-bottom: 5px;
-	}
-    img.photoref, div.photoref {
-    	border: none;
-        -webkit-box-shadow: none;
-        box-shadow: none;
-        padding: 4px;
-    	height: 20px;
-    	width: 20px;
-        object-fit: contain;
-    }
-
-	div.statusref {
-    	padding-right: 10px;
-   	}
-	div.statusref img {
-    	padding-right: 3px !important;
-   	}
-	div.statusrefbis {
-    	padding-right: 3px !important;
-   	}
-	/* TODO
-	div.statusref {
-    	padding-top: 0px !important;
-    	padding-left: 0px !important;
-    	border: none !important;
-   	}
-	*/
-
-   	input.buttonpayment {
-		min-width: 300px;
-   	}
-}
-.linkobject { cursor: pointer; }
-
-table.tableforfield tr>td:first-of-type {
-	color: #666;
-}
-
-<?php if (GETPOST('optioncss', 'aZ09') == 'print') { ?>
-.hideonprint { display: none; }
-<?php } ?>
-
-
-/* ============================================================================== */
-/* Styles for dragging lines                                                      */
-/* ============================================================================== */
-
-.dragClass {
-	color: #002255;
-}
-td.showDragHandle {
-	cursor: move;
-}
-.tdlineupdown {
-	white-space: nowrap;
-	min-width: 10px;
-}
-
-
-/* ============================================================================== */
-/* Styles de positionnement des zones                                             */
-/* ============================================================================== */
-
-#id-container {
-	display: table;					/* DOL_XXX Empeche fonctionnement correct du scroll horizontal sur tableau, avec datatable ou CSS */
-	table-layout: fixed;
-}
-#id-right, #id-left {
-	padding-top: 20px;
-	padding-bottom: 20px;
-
-	display: table-cell;			/* DOL_XXX Empeche fonctionnement correct du scroll horizontal sur tableau, avec datatable ou CSS */
-	float: none;
-	vertical-align: top;
-}
-#id-right {	/* This must stay id-right and not be replaced with echo $right */
-	width: 100%;
-	background: rgb(<?php print $colorbackbody; ?>);
-}
-#id-left {
-/*	background-color: #fff;
-	border-right: 1px #888 solid;
-	height: calc(100% - 50px);*/
-}
-
-<?php if (empty($conf->global->THEME_DISABLE_STICKY_TOPMENU)) {  ?>
-.side-nav-vert {
-	position: sticky;
-	top: 0px;
-	z-index: 210;
-}
-<?php } ?>
-
-.side-nav {
-	display: table-cell;
-	border-right: 1px solid #d0d0d0;
-	box-shadow: 3px 0 6px -2px #eee;
-	background: rgb(<?php echo $colorbackvmenu1; ?>);
-}
-div.blockvmenulogo
-{
-	border-bottom: 0 !important;
-}
-div.blockvmenupair, div.blockvmenuimpair {
-	border-top: none !important;
-	border-left: none !important;
-	border-right: none !important;
-	border-bottom: 1px solid #e0e0e0;
-	padding-left: 0 !important;
-}
-div.blockvmenuend, div.blockvmenubookmarks {
-	border: none !important;
-	padding-left: 0 !important;
-}
-div.vmenu, td.vmenu {
-	padding-right: 10px !important;
-}
-.blockvmenu .menu_titre {
-    margin-top: 4px;
-    margin-bottom: 3px;
-}
-
-/* Try responsive even not on smartphone
-#id-container {
-	width: 100%;
-}
-#id-right {
-	width: calc(100% - 200px) !important;
-}
-*/
-
-/* For smartphone (testmenuhider is on) */
-<?php if ($conf->browser->layout == 'phone' && ((GETPOST('testmenuhider', 'int') || ! empty($conf->global->MAIN_TESTMENUHIDER)) && empty($conf->global->MAIN_OPTIMIZEFORTEXTBROWSER))) { ?>
-#id-container {
-	width: 100%;
-}
-.side-nav {
-	border-bottom: 1px solid #BBB;
-	background: #FFF;
-	padding-left: 20px;
-	padding-right: 20px;
-}
-.side-nav {
-	position: absolute;
-    z-index: 90;
-    display: none;
-}
-div.blockvmenulogo
-{
-	border-bottom: 0 !important;
-}
-div.blockvmenusearch {
-	padding-bottom: 12px !important;
-	border-bottom: 1px solid #e0e0e0;
-}
-div.blockvmenupair, div.blockvmenuimpair, div.blockvmenubookmarks, div.blockvmenuend {
-	border-top: none !important;
-	border-left: none !important;
-	border-right: none !important;
-	border-bottom: 1px solid #e0e0e0;
-	padding-left: 0 !important;
-}
-div.vmenu, td.vmenu {
-	padding-right: 6px !important;
-}
-div.fiche {
-	margin-<?php print $left; ?>: 9px !important;
-	margin-<?php print $right; ?>: 10px !important;
-}
-<?php } ?>
-
-
-
-div.fiche {
-	margin-<?php print $left; ?>: <?php print (GETPOST('optioncss', 'aZ09') == 'print'?6:(empty($conf->dol_optimize_smallscreen)?'30':'6')); ?>px;
-	margin-<?php print $right; ?>: <?php print (GETPOST('optioncss', 'aZ09') == 'print'?6:(empty($conf->dol_optimize_smallscreen)?'28':'6')); ?>px;
-	<?php if (! empty($dol_hide_leftmenu)) print 'margin-bottom: 12px;'."\n"; ?>
-	<?php if (! empty($dol_hide_leftmenu)) print 'margin-top: 12px;'."\n"; ?>
-}
-body.onlinepaymentbody div.fiche {	/* For online payment page */
-	margin: 20px !important;
-}
-div.fiche>table:first-child {
-	margin-bottom: 15px !important;
-}
-div.fichecenter {
-	/* margin-top: 10px; */
-	width: 100%;
-	clear: both;	/* This is to have div fichecenter that are true rectangles */
-}
-div.fichecenterbis {
-	margin-top: 8px;
-}
-div.fichethirdleft {
-	<?php if ($conf->browser->layout != 'phone')   { print "float: ".$left.";\n"; } ?>
-	<?php if ($conf->browser->layout != 'phone')   { print "width: 50%;\n"; } ?>
-	<?php if ($conf->browser->layout == 'phone')   { print "padding-bottom: 6px;\n"; } ?>
-}
-div.fichetwothirdright {
-	<?php if ($conf->browser->layout != 'phone')   { print "float: ".$right.";\n"; } ?>
-	<?php if ($conf->browser->layout != 'phone')   { print "width: 50%;\n"; } ?>
-	<?php if ($conf->browser->layout == 'phone')   { print "padding-bottom: 6px\n"; } ?>
-}
-div.fichehalfleft {
-	<?php if ($conf->browser->layout != 'phone')   { print "float: ".$left.";\n"; } ?>
-	<?php if ($conf->browser->layout != 'phone')   { print "width: 50%;\n"; } ?>
-}
-div.fichehalfright {
-	<?php if ($conf->browser->layout != 'phone')   { print "float: ".$right.";\n"; } ?>
-	<?php if ($conf->browser->layout != 'phone')   { print "width: 50%;\n"; } ?>
-}
-div.ficheaddleft {
-	<?php if ($conf->browser->layout != 'phone')   { print "padding-".$left.": 16px;\n"; }
-	else print "margin-top: 10px;\n"; ?>
-}
-div.firstcolumn div.box {
-	padding-right: 10px;
-}
-div.secondcolumn div.box {
-	padding-left: 10px;
-}
-/* Force values on one colum for small screen */
-@media only screen and (max-width: 1000px)
-{
-    div.fiche {
-    	margin-<?php print $left; ?>: <?php print (GETPOST('optioncss', 'aZ09') == 'print'?6:($dol_hide_leftmenu?'6':'20')); ?>px;
-    	margin-<?php print $right; ?>: <?php print (GETPOST('optioncss', 'aZ09') == 'print'?8:6); ?>px;
-    }
-    div.fichecenter {
-    	width: 100%;
-    	clear: both;	/* This is to have div fichecenter that are true rectangles */
-    }
-    div.fichecenterbis {
-    	margin-top: 8px;
-    }
-    div.fichethirdleft {
-    	float: none;
-    	width: auto;
-    	padding-bottom: 6px;
-    }
-    div.fichetwothirdright {
-    	float: none;
-    	width: auto;
-    	padding-bottom: 6px;
-    }
-    div.fichehalfleft {
-    	float: none;
-    	width: auto;
-    }
-    div.fichehalfright {
-    	float: none;
-    	width: auto;
-    }
-    div.ficheaddleft {
-    	<?php print "padding-".$left.": 0px;\n"; ?>
-    	margin-top: 10px;
-    }
-    div.firstcolumn div.box {
-		padding-right: 0px;
-	}
-	div.secondcolumn div.box {
-		padding-left: 0px;
-	}
-}
-
-/* Force values on one colum for small screen */
-@media only screen and (max-width: 1599px)
-{
-    div.fichehalfleft-lg {
-    	float: none;
-    	width: auto;
-    }
-    div.fichehalfright-lg {
-    	float: none;
-    	width: auto;
-    }
-
-    .fichehalfright-lg .ficheaddleft{
-    	padding-left:0;
-    }
-}
-
-/* For table into table into card */
-div.ficheaddleft tr.liste_titre:first-child td table.nobordernopadding td {
-    padding: 0 0 0 0;
-}
-div.nopadding {
-	padding: 0 !important;
-}
-
-.containercenter {
-	display : table;
-	margin : 0px auto;
-}
-
-.pictotitle {
-	margin-<?php echo $right; ?>: 8px;
-	margin-bottom: 4px;
-}
-.pictoobjectwidth {
-	width: 14px;
-}
-.pictosubstatus {
-    padding-left: 2px;
-    padding-right: 2px;
-}
-.pictostatus {
-	width: 15px;
-	vertical-align: middle;
-	margin-top: -3px
-}
-.pictowarning, .pictopreview {
-    padding-<?php echo $left; ?>: 3px;
-}
-.pictowarning {
-    vertical-align: text-bottom;
-}
-.fiche .arearef img.pictoedit, .fiche .arearef span.pictoedit,
-.fiche .fichecenter img.pictoedit, .fiche .fichecenter span.pictoedit,
-.tagtdnote span.pictoedit {
-    opacity: 0.4;
-}
-.colorthumb {
-	padding-left: 1px !important;
-	padding-right: 1px;
-	padding-top: 1px;
-	padding-bottom: 1px;
-	width: 44px;
-	text-align:center;
-}
-div.attacharea {
-	padding-top: 18px;
-	padding-bottom: 10px;
-}
-div.attachareaformuserfileecm {
-	padding-top: 0;
-	padding-bottom: 0;
-}
-
-div.arearef {
-	padding-top: 2px;
-	margin-bottom: 10px;
-	padding-bottom: 10px;
-}
-div.arearefnobottom {
-	padding-top: 2px;
-	padding-bottom: 4px;
-}
-div.heightref {
-	min-height: 80px;
-}
-div.divphotoref {
-	padding-right: 20px;
-}
-div.paginationref {
-	padding-bottom: 10px;
-}
-/* TODO
-div.statusref {
-   	padding: 10px;
-   	border: 1px solid #bbb;
-   	border-radius: 6px;
-} */
-div.statusref {
-	float: right;
-	padding-left: 12px;
-	margin-top: 8px;
-	margin-bottom: 10px;
-	clear: both;
-}
-div.statusref img {
-    padding-left: 8px;
-   	padding-right: 9px;
-   	vertical-align: text-bottom;
-   	width: 18px;
-}
-div.statusrefbis {
-    padding-left: 8px;
-   	padding-right: 9px;
-   	vertical-align: text-bottom;
-}
-img.photoref, div.photoref {
-	border: 1px solid #DDD;
-    -webkit-box-shadow: 0px 0px 6px #DDD;
-    box-shadow: 0px 0px 6px #DDD;
-    padding: 4px;
-	height: 80px;
-	width: 80px;
-    object-fit: contain;
-}
-img.fitcontain {
-    object-fit: contain;
-}
-div.photoref {
-	display:table-cell;
-	vertical-align:middle;
-	text-align:center;
-}
-img.photorefnoborder {
-    padding: 2px;
-	height: 48px;
-	width: 48px;
-    object-fit: contain;
-    border: 1px solid #AAA;
-    border-radius: 100px;
-}
-.underrefbanner {
-}
-.underbanner {
-	border-bottom: <?php echo $borderwidth ?>px solid rgb(<?php echo $colortopbordertitle1 ?>);
-	/* border-bottom: 2px solid rgb(<?php echo $colorbackhmenu1 ?>); */
-}
-.trextrafieldseparator td {
-    /* border-bottom: 2px solid rgb(<?php echo $colorbackhmenu1 ?>) !important; */
-    border-bottom: 2px solid rgb(<?php echo $colortopbordertitle1 ?>) !important;
-}
-
-.tdhrthin {
-	margin: 0;
-	padding-bottom: 0 !important;
-}
-
-/* ============================================================================== */
-/* Menu top et 1ere ligne tableau                                                 */
-/* ============================================================================== */
-
-div#id-top {
-<?php if (GETPOST('optioncss', 'aZ09') == 'print') {  ?>
-	display:none;
-<?php } else { ?>
-	background: rgb(<?php echo $colorbackhmenu1 ?>);
-<?php } ?>
-}
-
-div#tmenu_tooltip {
-<?php if (GETPOST('optioncss', 'aZ09') == 'print') {  ?>
-	display:none;
-<?php } else { ?>
-	padding-<?php echo $right; ?>: <?php echo ($maxwidthloginblock - 10); ?>px;
-<?php } ?>
-}
-
-div.topmenuimage {
-<?php if ($disableimages) { ?>
-	display: none;
-<?php } ?>
-}
-
-div.tmenudiv {
-<?php if (GETPOST('optioncss', 'aZ09') == 'print') {  ?>
-	display:none;
-<?php } else { ?>
-    position: relative;
-    display: block;
-    white-space: nowrap;
-    border-top: 0px;
-    border-<?php print $left; ?>: 0px;
-    border-<?php print $right; ?>: 0px;
-    padding: 0px 0px 0px 0px;	/* t r b l */
-    margin: 0px 0px 0px 0px;	/* t r b l */
-	font-size: 13px;
-    font-weight: normal;
-	color: #000000;
-    text-decoration: none;
-<?php } ?>
-}
-div.tmenudisabled, a.tmenudisabled {
-	opacity: 0.6;
-}
-a.tmenu, a.tmenusel, a.tmenudisabled {
-    font-weight: 300;
-}
-a.tmenudisabled:link, a.tmenudisabled:visited, a.tmenudisabled:hover, a.tmenudisabled:active {
-	padding: 0px 5px 0px 5px;
-	white-space: nowrap;
-	color: #<?php echo $colortextbackhmenu; ?>;
-	text-decoration: none;
-	cursor: not-allowed;
-}
-
-a.tmenu:link, a.tmenu:visited, a.tmenu:hover, a.tmenu:active {
-	padding: 0px 4px 0px 4px;
-	white-space: nowrap;
-	color: #<?php echo $colortextbackhmenu; ?>;
-    text-decoration: none;
-}
-a.tmenusel:link, a.tmenusel:visited, a.tmenusel:hover, a.tmenusel:active {
-	padding: 0px 4px 0px 4px;
-	margin: 0px 0px 0px 0px;
-	white-space: nowrap;
-	color: #<?php echo $colortextbackhmenu; ?>;
-	text-decoration: none !important;
-}
-
-
-ul.tmenu {	/* t r b l */
-    padding: 0px 0px 0px 0px;
-    margin: 0px 0px 0px 0px;
-	list-style: none;
-	display: table;
-}
-ul.tmenu li {	/* We need this to have background color when menu entry wraps on new lines */
-}
-li.tmenu, li.tmenusel {
-	<?php print $minwidthtmenu?'min-width: '.$minwidthtmenu.'px;':''; ?>
-	text-align: center;
-	vertical-align: bottom;
-	<?php if (empty($conf->global->MAIN_MENU_INVERT)) { ?>
-	float: <?php print $left; ?>;
-    <?php } ?>
-	position:relative;
-	display: block;
-	padding: 0 0 0 0;
-	margin: 0 0 0 0;
-	font-weight: normal;
-}
-li.menuhider:hover {
-	background-image: none !important;
-}
-li.tmenusel, li.tmenu:hover {
-    background-image: -o-linear-gradient(bottom, rgba(250,250,250,0.3) 0%, rgba(0,0,0,0.5) 100%);
-    background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.5) 0%, rgba(250,250,250,0) 100%);
-    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.5) 0%, rgba(250,250,250,0) 100%);
-    background-image: -ms-linear-gradient(bottom, rgba(250,250,250,0.3) 0%, rgba(0,0,0,0.5) 100%);
-    background-image: linear-gradient(bottom, rgba(250,250,250,0.3) 0%, rgba(0,0,0,0.5) 100%);
-	/* background: rgb(<?php echo $colorbackhmenu1 ?>); */
-}
-.tmenuend .tmenuleft { width: 0px; }
-.tmenuend { display: none; }
-div.tmenuleft
-{
-	float: <?php print $left; ?>;
-	margin-top: 0px;
-	<?php if (empty($conf->dol_optimize_smallscreen)) { ?>
-	width: 5px;
-	<?php } ?>
-	<?php if ($disableimages) { ?>
-	height: 26px;
-	<?php } else { ?>
-	height: <?php print $heightmenu; ?>px;
-	<?php } ?>
-}
-div.tmenucenter
-{
-	padding-left: 0px;
-	padding-right: 3px;
-	<?php if ($disableimages) { ?>
-	padding-top: 8px;
-	height: 26px;
-	<?php } else { ?>
-	padding-top: 2px;
-    height: <?php print $heightmenu; ?>px;
-	<?php } ?>
-    width: 100%;
-}
-#menu_titre_logo {
-	padding-top: 0;
-	padding-bottom: 0;
-}
-div.menu_titre {
-	padding-top: 4px;
-	padding-bottom: 4px;
-	overflow: hidden;
-    text-overflow: ellipsis;
-    width: 188px;				/* required to have overflow working. must be same than menu_contenu */
-}
-.mainmenuaspan
-{
-	padding-<?php print $left; ?>: 2px;
-	padding-<?php print $right; ?>: 2px;
-}
-
-div.mainmenu {
-	position : relative;
-	background-repeat:no-repeat;
-	background-position:center top;
-	height: <?php echo ($heightmenu-22); ?>px;
-	margin-left: 0px;
-	min-width: 40px;
-}
-
-/* For mainmenu, we always load the img */
-
-div.mainmenu.menu {
-	background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/menu.png', 1) ?>);
-	<?php print $disableimages?'':'top: 7px'; ?>
-}
-#mainmenutd_menu a.tmenuimage {
-    display: unset;
-}
-a.tmenuimage {
-    display: block;
-}
-
-/* Do not load menu img for other if hidden to save bandwidth */
-
-<?php if (empty($dol_hide_topmenu)) { ?>
-    <?php if (! defined('DISABLE_FONT_AWSOME') && !empty($conf->global->MAIN_USE_FONT_AWESOME_5)) { ?>
-        <?php include dol_buildpath($path.'/theme/'.$theme.'/main_menu_fa_icons.css', 0); ?>
-    <?php } else { ?>
-        div.mainmenu.home{
-            background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/home_over.png', 1) ?>);
-            background-position-x: center;
-        }
-
-        div.mainmenu.billing {
-            background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/money_over.png', 1) ?>);
-        }
-
-        div.mainmenu.accountancy {
-            background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/money_over.png', 1) ?>);
-        }
-
-        div.mainmenu.agenda {
-            background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/agenda_over.png', 1) ?>);
-        }
-
-        div.mainmenu.bank {
-            background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/bank_over.png', 1) ?>);
-        }
-
-        div.mainmenu.cashdesk {
-            background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/pointofsale_over.png', 1) ?>);
-        }
-
-        div.mainmenu.takepos {
-            background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/pointofsale_over.png', 1) ?>);
-        }
-
-        div.mainmenu.companies {
-            background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/company_over.png', 1) ?>);
-        }
-
-        div.mainmenu.commercial {
-            background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/commercial_over.png', 1) ?>);
-        }
-
-        div.mainmenu.ecm {
-            background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/ecm_over.png', 1) ?>);
-        }
-
-        div.mainmenu.externalsite {
-            background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/externalsite_over.png', 1) ?>);
-        }
-
-        div.mainmenu.ftp {
-            background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/tools_over.png', 1) ?>);
-        }
-
-        div.mainmenu.hrm {
-            background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/holiday_over.png', 1) ?>);
-        }
-
-        div.mainmenu.members {
-            background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/members_over.png', 1) ?>);
-        }
-
-        div.mainmenu.products {
-            background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/products_over.png', 1) ?>);
-        }
-
-        div.mainmenu.project {
-            background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/project_over.png', 1) ?>);
-        }
-
-        div.mainmenu.ticket {
-            background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/ticket_over.png', 1) ?>);
-        }
-
-        div.mainmenu.tools {
-            background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/tools_over.png', 1) ?>);
-        }
-
-        div.mainmenu.website {
-            background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/externalsite_over.png', 1) ?>);
-        }
-    <?php } ?>
-
-    <?php
-    // Add here more div for other menu entries. moduletomainmenu=array('module name'=>'name of class for div')
-
-    $moduletomainmenu=array(
-        'user'=>'','syslog'=>'','societe'=>'companies','projet'=>'project','propale'=>'commercial','commande'=>'commercial',
-        'produit'=>'products','service'=>'products','stock'=>'products',
-        'don'=>'accountancy','tax'=>'accountancy','banque'=>'accountancy','facture'=>'accountancy','compta'=>'accountancy','accounting'=>'accountancy','adherent'=>'members','import'=>'tools','export'=>'tools','mailing'=>'tools',
-        'contrat'=>'commercial','ficheinter'=>'commercial','ticket'=>'ticket','deplacement'=>'commercial',
-        'fournisseur'=>'companies',
-        'barcode'=>'','fckeditor'=>'','categorie'=>'',
-    );
-    $mainmenuused='home';
-    foreach($conf->modules as $val)
-    {
-        $mainmenuused.=','.(isset($moduletomainmenu[$val])?$moduletomainmenu[$val]:$val);
-    }
-    $mainmenuusedarray=array_unique(explode(',', $mainmenuused));
-
-    $generic=1;
-    // Put here list of menu entries when the div.mainmenu.menuentry was previously defined
-    $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');
-    // Put here list of menu entries we are sure we don't want
-    $divnotrequired=array('multicurrency','salaries','ticket','margin','opensurvey','paybox','expensereport','incoterm','prelevement','propal','workflow','notification','supplier_proposal','cron','product','productbatch','expedition');
-    foreach($mainmenuusedarray as $val)
-    {
-        if (empty($val) || in_array($val, $divalreadydefined)) continue;
-        if (in_array($val, $divnotrequired)) continue;
-        //print "XXX".$val;
-
-        // Search img file in module dir
-        $found=0; $url='';
-        foreach($conf->file->dol_document_root as $dirroot)
-        {
-            if (file_exists($dirroot."/".$val."/img/".$val."_over.png"))
-            {
-                $url=dol_buildpath('/'.$val.'/img/'.$val.'_over.png', 1);
-                $found=1;
-                break;
-            }
-    		elseif (file_exists($dirroot."/".$val."/img/".$val.".png"))    // Retro compatibilité
-    		{
-    			$url=dol_buildpath('/'.$val.'/img/'.$val.'.png', 1);
-    			$found=1;
-    			break;
-    		}
-        }
-        // Img file not found
-        if (! $found)
-        {
-            $url=dol_buildpath($path.'/theme/'.$theme.'/img/menus/generic'.$generic."_over.png", 1);
-            $found=1;
-            if ($generic < 4) $generic++;
-            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";
-        }
-        if ($found)
-        {
-            print "div.mainmenu.".$val." {\n";
-            print "	background-image: url(".$url.");\n";
-            print "}\n";
-        }
-    }
-    $j=0;
-    while ($j++ < 4)
-    {
-        $url=dol_buildpath($path.'/theme/'.$theme.'/img/menus/generic'.$j."_over.png", 1);
-        print "div.mainmenu.generic".$j." {\n";
-        print "	background-image: url(".$url.");\n";
-        print "}\n";
-    }
-    // End of part to add more div class css
-    ?>
-<?php } // End test if $dol_hide_topmenu ?>
-
-.tmenuimage {
-    padding:0 0 0 0 !important;
-    margin:0 0px 0 0 !important;
-    <?php if ($disableimages) { ?>
-    	display: none;
-    <?php } ?>
-}
-
-
-
-/* Login */
-
-.bodylogin
-{
-	background: #f0f0f0;
-	display: table;
-    position: absolute;
-    height: 100%;
-    width: 100%;
-    font-size: 1em;
-}
-.login_center {
-	display: table-cell;
-    vertical-align: middle;
-}
-.login_vertical_align {
-	padding: 10px;
-	padding-bottom: 80px;
-}
-form#login {
-	padding-bottom: 30px;
-	font-size: 14px;
-	vertical-align: middle;
-}
-.login_table_title {
-	max-width: 530px;
-	color: #eee !important;
-	padding-bottom: 20px;
-	text-shadow: 1px 1px #444;
-}
-.login_table label {
-	text-shadow: 1px 1px 1px #FFF;
-}
-.login_table {
-	margin: 0px auto;  /* Center */
-	padding-left:6px;
-	padding-right:6px;
-	padding-top:16px;
-	padding-bottom:12px;
-	max-width: 560px;
-<?php
-if (! empty($conf->global->MAIN_LOGIN_BACKGROUND)) {
-	print '	background-color: rgba(255, 255, 255, 0.9);';
-} else {
-	print '	background-color: #FFFFFF;';
-}
-?>
-
-	-webkit-box-shadow: 0 2px 23px 2px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(60,60,60,0.15);
-	box-shadow: 0 2px 23px 2px rgba(0, 0, 0, 0.2), 0 2px 6px rgba(60,60,60,0.15);
-
-	border-radius: 5px;
-	/*border-top:solid 1px rgba(180,180,180,.4);
-	border-left:solid 1px rgba(180,180,180,.4);
-	border-right:solid 1px rgba(180,180,180,.4);
-	border-bottom:solid 1px rgba(180,180,180,.4);*/
-}
-.login_table input#username, .login_table input#password, .login_table input#securitycode {
-	border: none;
-	border-bottom: solid 1px rgba(180,180,180,.4);
-	padding: 5px;
-	margin-left: 5px;
-	margin-top: 5px;
-	margin-bottom: 5px;
-}
-.login_table input#username:focus, .login_table input#password:focus, .login_table input#securitycode:focus {
-	outline: none !important;
-}
-.login_table .trinputlogin {
-	font-size: 1.2em;
-	margin: 8px;
-}
-.login_table .tdinputlogin {
-    background-color: transparent;
-    /* border: 2px solid #ccc; */
-    min-width: 220px;
-    border-radius: 2px;
-}
-.login_table .tdinputlogin .fa {
-	padding-left: 10px;
-	width: 14px;
-}
-.login_table .tdinputlogin input#username, .login_table .tdinputlogin input#password {
-	font-size: 1em;
-}
-.login_table .tdinputlogin input#securitycode {
-	font-size: 1em;
-}
-.login_main_message {
-	text-align: center;
-	max-width: 570px;
-	margin-bottom: 22px;
-}
-.login_main_message .error {
-	/* border: 1px solid #caa; */
-	padding: 10px;
-}
-div#login_left, div#login_right {
-	display: inline-block;
-	min-width: 245px;
-	padding-top: 10px;
-	padding-left: 16px;
-	padding-right: 16px;
-	text-align: center;
-	vertical-align: middle;
-}
-div#login_right select#entity {
-    margin-top: 10px;
-}
-table.login_table tr td table.none tr td {
-	padding: 2px;
-}
-table.login_table_securitycode {
-	border-spacing: 0px;
-}
-table.login_table_securitycode tr td {
-	padding-left: 0px;
-	padding-right: 4px;
-}
-#securitycode {
-	min-width: 60px;
-}
-#img_securitycode {
-	border: 1px solid #DDDDDD;
-}
-#img_logo, .img_logo {
-	max-width: 170px;
-	max-height: 90px;
-}
-
-div.backgroundsemitransparent {
-	background:rgba(255,255,255,0.6);
-	padding-left: 10px;
-	padding-right: 10px;
-}
-div.login_block {
-	position: absolute;
-	text-align: <?php print $right; ?>;
-	<?php print $right; ?>: 0;
-	top: <?php print $disableimages?'4px':'0'; ?>;
-	font-weight: bold;
-	<?php echo (empty($disableimages) && $maxwidthloginblock)?'max-width: '.$maxwidthloginblock.'px;':''; ?>
-	<?php if (GETPOST('optioncss', 'aZ09') == 'print') { ?>
-	display: none;
-	<?php } ?>
-}
-div.login_block a {
-	color: #<?php echo $colortextbackvmenu; ?>;
-}
-div.login_block table {
-	display: inline;
-}
-div.login {
-	white-space:nowrap;
-	font-weight: bold;
-	float: right;
-}
-div.login a {
-	color: #<?php echo $colortextbackvmenu; ?>;
-}
-div.login a:hover {
-	color: #<?php echo $colortextbackvmenu; ?>;
-	text-decoration:underline;
-}
-div.login_block_user {
-	display: inline-block;
-	padding-top: 3px;
-	<?php if (empty($conf->global->THEME_TOPMENU_DISABLE_IMAGE)) { ?>
-	min-width: 120px;
-	<?php } ?>
-}
-div.login_block_other {
-	display: inline-block;
-	clear: <?php echo $disableimages?'none':'both'; ?>;
-}
-div.login_block_other { padding-top: 3px; text-align: right; }
-.login_block_elem {
-	float: right;
-	vertical-align: top;
-	padding: 0px 3px 0px 4px !important;
-	height: 16px;
-}
-.atoplogin, .atoplogin:hover {
-	color: #<?php echo $colortextbackhmenu; ?> !important;
-}
-.login_block_getinfo {
-	text-align: center;
-}
-.login_block_getinfo div.login_block_user {
-	display: block;
-}
-.login_block_getinfo .atoplogin, .login_block_getinfo .atoplogin:hover {
-	color: #333 !important;
-}
-.alogin, .alogin:hover {
-	font-weight: normal !important;
-	padding-top: 2px;
-}
-.alogin:hover, .atoplogin:hover {
-	text-decoration:underline !important;
-}
-span.fa.atoplogin, span.fa.atoplogin:hover {
-    font-size: 16px;
-    text-decoration: none !important;
-}
-img.login, img.printer, img.entity {
-	/* padding: 0px 0px 0px 4px; */
-	/* margin: 0px 0px 0px 8px; */
-	text-decoration: none;
-	color: white;
-	font-weight: bold;
-}
-.userimg.atoplogin img.userphoto, .userimgatoplogin img.userphoto {		/* size for user photo in login bar */
-	width: 16px;
-    height: 16px;
-    border-radius: 8px;
-    background-size: contain;
-}
-img.userphoto {			/* size for user photo in lists */
-	border-radius: 9px;
-	width: 18px;
-    height: 18px;
-    background-size: contain;
-    vertical-align: middle;
-}
-img.userphotosmall {			/* size for user photo in lists */
-	border-radius: 6px;
-	width: 12px;
-    height: 12px;
-    background-size: contain;
-    vertical-align: middle;
-    background-color: #FFF;
-}
-.span-icon-user {
-	background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/object_user.png', 1); ?>);
-	background-repeat: no-repeat;
-}
-.span-icon-password {
-	background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/lock.png', 1); ?>);
-	background-repeat: no-repeat;
-}
-
-/* ============================================================================== */
-/* Menu gauche                                                                    */
-/* ============================================================================== */
-
-div.vmenu, td.vmenu {
-    margin-<?php print $right; ?>: 2px;
-    position: relative;
-    float: left;
-    padding: 0px;
-    padding-bottom: 0px;
-    padding-top: 1px;
-    width: 190px;
-}
-
-.vmenu {
-    width: 190px;
-	margin-left: 6px;
-	<?php if (GETPOST('optioncss', 'aZ09') == 'print') { ?>
-    display: none;
-	<?php } ?>
-}
-
-/* Force vmenusearchselectcombo with type=text differently than without because beautify with select2 affect vmenusearchselectcombo differently */
-input.vmenusearchselectcombo[type=text] {
-	width: 180px !important;
-}
-.vmenusearchselectcombo {
-	width: 188px;
-}
-
-.menu_contenu {
-	padding-top: 3px;
-	padding-bottom: 3px;
-	overflow: hidden;
-    text-overflow: ellipsis;
-    width: 188px;				/* required to have overflow working. must be same than .menu_titre */
-}
-#menu_contenu_logo { /* padding-top: 0; */ }
-.companylogo { }
-.searchform { padding-top: 10px; }
-.searchform input { font-size: 16px; }
-
-
-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; }	/* bold = 600, 500 is ko with Edge on 1200x960 */
-font.vmenudisabled  { font-family: <?php print $fontlist ?>; text-align: <?php print $left; ?>; font-weight: bold; color: #aaa; margin-left: 4px; }												/* bold = 600, 500 is ko with Edge on 1200x960 */
-a.vmenu:link, a.vmenu:visited { color: #<?php echo $colortextbackvmenu; ?>; }
-
-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; }
-font.vsmenudisabled { font-family: <?php print $fontlist ?>; text-align: <?php print $left; ?>; font-weight: normal; color: #aaa; }
-a.vsmenu:link, a.vsmenu:visited { color: #<?php echo $colortextbackvmenu; ?>; white-space: nowrap; }
-font.vsmenudisabledmargin { margin: 1px 1px 1px 6px; }
-li a.vsmenudisabled, li.vsmenudisabled { color: #aaa !important; }
-
-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; }
-
-.vmenu div.blockvmenufirst, .vmenu div.blockvmenulogo, .vmenu div.blockvmenusearchphone, .vmenu div.blockvmenubookmarks
-{
-    border-top: 1px solid #BBB;
-}
-a.vsmenu.addbookmarkpicto {
-    padding-right: 10px;
-}
-div.blockvmenusearchphone
-{
-	border-bottom: none !important;
-}
-.vmenu div.blockvmenuend, .vmenu div.blockvmenulogo
-{
-	margin: 0 0 8px 2px;
-}
-.vmenu div.blockvmenusearch
-{
-	padding-bottom: 4px;
-/*	border-bottom: 1px solid #e0e0e0;  */
-}
-.vmenu div.blockvmenuend
-{
-	padding-bottom: 5px;
-}
-.vmenu div.blockvmenulogo
-{
-	padding-bottom: 10px;
-	padding-top: 0;
-}
-div.blockvmenubookmarks
-{
-	padding-top: 10px !important;
-	padding-bottom: 16px !important;
-}
-div.blockvmenupair, div.blockvmenuimpair, div.blockvmenubookmarks, div.blockvmenuend
-{
-	font-family: <?php print $fontlist ?>;
-	color: #000000;
-	text-align: <?php print $left; ?>;
-	text-decoration: none;
-    padding-left: 5px;
-    padding-right: 1px;
-    padding-top: 3px;
-    padding-bottom: 3px;
-    margin: 0 0 0 2px;
-
-	background: rgb(<?php echo $colorbackvmenu1; ?>);
-
-    border-left: 1px solid #AAA;
-    border-right: 1px solid #BBB;
-}
-
-div.blockvmenusearch
-{
-	font-family: <?php print $fontlist ?>;
-	color: #000000;
-	text-align: <?php print $left; ?>;
-	text-decoration: none;
-    margin: 1px 0px 0px 2px;
-	background: rgb(<?php echo $colorbackvmenu1; ?>);
-}
-
-div.blockvmenusearch > form > div {
-	padding-top: 3px;
-}
-div.blockvmenusearch > form > div > label {
-	padding-right: 2px;
-}
-
-div.blockvmenuhelp
-{
-<?php if (empty($conf->dol_optimize_smallscreen)) { ?>
-	font-family: <?php print $fontlist ?>;
-	color: #000000;
-	text-align: center;
-	text-decoration: none;
-    padding-left: 0px;
-    padding-right: 6px;
-    padding-top: 3px;
-    padding-bottom: 3px;
-    margin: 4px 0px 0px 0px;
-<?php } else { ?>
-    display: none;
-<?php } ?>
-}
-
-
-td.barre {
-	border-right: 1px solid #000000;
-	border-bottom: 1px solid #000000;
-	background: #b3c5cc;
-	font-family: <?php print $fontlist ?>;
-	color: #000000;
-	text-align: <?php print $left; ?>;
-	text-decoration: none;
-}
-
-td.barre_select {
-	background: #b3c5cc;
-	color: #000000;
-}
-
-td.photo {
-	background: #F4F4F4;
-	color: #000000;
-    border: 1px solid #bbb;
-}
-
-/* ============================================================================== */
-/* Panes for Main                                                   */
-/* ============================================================================== */
-
-/*
- *  PANES and CONTENT-DIVs
- */
-
-#mainContent, #leftContent .ui-layout-pane {
-    padding:    0px;
-    overflow:	auto;
-}
-
-#mainContent, #leftContent .ui-layout-center {
-	padding:    0px;
-	position:   relative; /* contain floated or positioned elements */
-    overflow:   auto;  /* add scrolling to content-div */
-}
-
-
-/* ============================================================================== */
-/* Toolbar for ECM or Filemanager                                                 */
-/* ============================================================================== */
-
-td.ecmroot {
-    padding-bottom: 0 !important;
-}
-
-.largebutton {
-	/* border-top: 1px solid #CCC !important; */
-    padding: 0px 4px 14px 4px !important;
-    min-height: 32px;
-}
-
-
-a.toolbarbutton {
-    margin-top: 0px;
-    margin-left: 4px;
-    margin-right: 4px;
-    height: 30px;
-}
-img.toolbarbutton {
-	margin-top: 1px;
-    height: 30px;
-}
-
-
-
-
-
-/* ============================================================================== */
-/* Onglets                                                                        */
-/* ============================================================================== */
-div.tabs {
-    text-align: <?php print $left; ?>;
-    padding-left: 6px !important;
-    padding-right: 6px !important;
-	clear:both;
-	height:100%;
-}
-div.tabsElem {
-	margin-top: 1px;
-}	/* To avoid overlap of tabs when not browser */
-div.tabsElem a {
-    /* font-weight: normal !important; */
-}
-div.tabBar {
-    color: #<?php echo $colortextbacktab; ?>;
-    padding-top: 16px;
-    padding-left: 0px; padding-right: 0px;
-    padding-bottom: 2px;
-    margin: 0px 0px 16px 0px;
-    border-top: 1px solid #BBB;
-    /* border-bottom: 1px solid #AAA; */
-	width: auto;
-	background: rgb(<?php echo $colorbacktabcard1; ?>);
-}
-div.tabBar div.titre {
-	padding-top: 20px;
-}
-
-div.tabBar.tabBarNoTop {
-    padding-top: 0;
-    border-top: 0;
-}
-
-/* tabBar used for creation/update/send forms */
-div.tabBarWithBottom {
-	padding-bottom: 18px;
-	border-bottom: 1px solid #aaa;
-}
-div.tabBarWithBottom tr {
-	background: unset !important;
-}
-div.tabBarWithBottom table.border>tbody>tr:last-of-type>td {
-	border-bottom: none !important;
-}
-
-div.tabBar table.tableforservicepart2:last-child {
-    border-bottom: 1px solid #aaa;
-}
-.tableforservicepart1 .tdhrthin {
-	height: unset;
-    padding-top: 0 !important;
-}
-
-div.popuptabset {
-	padding: 6px;
-	background: #fff;
-	border: 1px solid #888;
-}
-div.popuptab {
-	padding-top: 3px;
-	padding-bottom: 3px;
-	padding-left: 5px;
-	padding-right: 5px;
-}
-div.tabsAction {
-    margin: 20px 0em 30px 0em;
-    padding: 0em 0em;
-    text-align: right;
-}
-div.tabsActionNoBottom {
-    margin-bottom: 0px;
-}
-div.tabsAction > a {
-	margin-bottom: 16px !important;
-}
-
-a.tabTitle {
-    color:rgba(0,0,0,.5) !important;
-    text-shadow:1px 1px 1px #ffffff;
-	font-family: <?php print $fontlist ?>;
-	font-weight: normal !important;
-    padding: 4px 6px 2px 0px;
-    margin-<?php print $right; ?>: 10px;
-    text-decoration: none;
-    white-space: nowrap;
-}
-
-a.tabunactive {
-    color: rgb(<?php print $colortextlink; ?>) !important;
-}
-a.tab:link, a.tab:visited, a.tab:hover, a.tab#active {
-	font-family: <?php print $fontlist ?>;
-	padding: 12px 14px 13px;
-    margin: 0em 0.2em;
-    text-decoration: none;
-    white-space: nowrap;
-
-	border-right: 1px solid transparent;
-	border-left: 1px solid transparent;
-	border-top: 1px solid transparent;
-	border-bottom: 0px !important;
-
-	background-image: none !important;
-}
-.tabactive, a.tab#active {
-	color: #<?php echo $colortextbacktab; ?> !important;
-	background: rgb(<?php echo $colorbacktabcard1; ?>) !important;
-	margin: 0 0.2em 0 0.2em !important;
-
-	border-right: 1px solid #CCC !important;
-	border-left: 1px solid #CCC !important;
-	/* border-top: <?php echo 2; ?>px solid rgb(<?php echo $colortopbordertitle1; ?>) !important; */
-	border-top: <?php echo 2; ?>px solid rgb(<?php echo $colorbackhmenu1 ?>) !important;
-}
-a.tab:hover
-{
-	/*
-	background: rgba(<?php echo $colorbacktabcard1; ?>, 0.5)  url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/nav-overlay3.png', 1); ?>) 50% 0 repeat-x;
-	color: #<?php echo $colortextbacktab; ?>;
-	*/
-	text-decoration: underline;
-}
-a.tabimage {
-    color: #434956;
-	font-family: <?php print $fontlist ?>;
-    text-decoration: none;
-    white-space: nowrap;
-}
-
-td.tab {
-    background: #dee7ec;
-}
-
-span.tabspan {
-    background: #dee7ec;
-    color: #434956;
-	font-family: <?php print $fontlist ?>;
-    padding: 0px 6px;
-    margin: 0em 0.2em;
-    text-decoration: none;
-    white-space: nowrap;
-	-webkit-border-radius:4px 4px 0px 0px;
-	border-radius:4px 4px 0px 0px;
-
-    border-<?php print $right; ?>: 1px solid #555555;
-    border-<?php print $left; ?>: 1px solid #D8D8D8;
-    border-top: 1px solid #D8D8D8;
-}
-
-/* ============================================================================== */
-/* Boutons actions                                                                */
-/* ============================================================================== */
-
-div.divButAction {
-	margin-bottom: 1.4em;
-}
-div.tabsAction > a.butAction, div.tabsAction > a.butActionRefused {
-	margin-bottom: 1.4em !important;
-}
-div.tabsActionNoBottom > a.butAction, div.tabsActionNoBottom > a.butActionRefused {
-	margin-bottom: 0 !important;
-}
-
-span.butAction, span.butActionDelete {
-	cursor: pointer;
-}
-
-.butAction {
-	background: rgb(225, 231, 225)
-	/* background: rgb(230, 232, 239); */
-}
-.butActionRefused, .butAction, .butAction:link, .butAction:visited, .butAction:hover, .butAction:active, .butActionDelete, .butActionDelete:link, .butActionDelete:visited, .butActionDelete:hover, .butActionDelete:active {
-	text-decoration: none;
-	text-transform: uppercase;
-    font-weight: bold;
-
-	margin: 0em <?php echo ($dol_optimize_smallscreen?'0.6':'0.9'); ?>em !important;
-	padding: 0.6em <?php echo ($dol_optimize_smallscreen?'0.6':'0.7'); ?>em;
-	font-family: <?php print $fontlist ?>;
-    display: inline-block;
-    text-align: center;
-    cursor: pointer;
-    /* color: #fff; */
-    /* background: rgb(<?php echo $colorbackhmenu1 ?>); */
-    color: #444;
-    /* border: 1px solid #aaa; */
-    /* border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25); */
-
-    border-top-right-radius: 0 !important;
-    border-bottom-right-radius: 0 !important;
-    border-top-left-radius: 0 !important;
-    border-bottom-left-radius: 0 !important;
-}
-.butActionNew, .butActionNewRefused, .butActionNew:link, .butActionNew:visited, .butActionNew:hover, .butActionNew:active {
-	text-decoration: none;
-	text-transform: uppercase;
-    font-weight: normal;
-
-	margin: 0em 0.3em 0 0.3em !important;
-	padding: 0.2em <?php echo ($dol_optimize_smallscreen?'0.4':'0.7'); ?>em 0.3em;
-	font-family: <?php print $fontlist ?>;
-    display: inline-block;
-    /* text-align: center; New button are on right of screen */
-    cursor: pointer;
-    /*color: #fff !important;
-    background: rgb(<?php echo $colorbackhmenu1 ?>);
-    border: 1px solid rgb(<?php echo $colorbackhmenu1 ?>);
-    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.25);
-    border-top-right-radius: 0 !important;
-    border-bottom-right-radius: 0 !important;
-    border-top-left-radius: 0 !important;
-    border-bottom-left-radius: 0 !important;*/
-}
-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; }
-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; }
-
-.butAction:hover   {
-  -webkit-box-shadow: 0px 0px 6px 1px rgba(50, 50, 50, 0.4), 0px 0px 0px rgba(60,60,60,0.1);
-  box-shadow: 0px 0px 6px 1px rgba(50, 50, 50, 0.4), 0px 0px 0px rgba(60,60,60,0.1);
-}
-.butActionNew:hover   {
-  text-decoration: underline;
-  box-shadow: unset !important;
-}
-
-.butActionDelete, .butActionDelete:link, .butActionDelete:visited, .butActionDelete:hover, .butActionDelete:active, .buttonDelete {
-    background: rgb(234, 228, 225);
-    /* border: 1px solid #633; */
-    color: #633;
-}
-
-.butActionDelete:hover {
-  -webkit-box-shadow: 0px 0px 6px 1px rgba(50, 50, 50, 0.4), 0px 0px 0px rgba(60,60,60,0.1);
-  box-shadow: 0px 0px 6px 1px rgba(50, 50, 50, 0.4), 0px 0px 0px rgba(60,60,60,0.1);
-}
-
-.butActionRefused {
-	text-decoration: none !important;
-	text-transform: uppercase;
-    font-weight: bold !important;
-
-	white-space: nowrap !important;
-	cursor: not-allowed !important;
-	margin: 0em <?php echo ($dol_optimize_smallscreen?'0.6':'0.9'); ?>em;
-	padding: 0.6em <?php echo ($dol_optimize_smallscreen?'0.6':'0.7'); ?>em;
-    font-family: <?php print $fontlist ?> !important;
-    display: inline-block;
-    text-align: center;
-    cursor: pointer;
-    color: #999 !important;
-    border: 1px solid #ccc;
-    box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    -webkit-box-sizing: border-box;
-}
-.butActionNewRefused, .butActionNewRefused:link, .butActionNewRefused:visited, .butActionNewRefused:hover, .butActionNewRefused:active {
-	text-decoration: none !important;
-	text-transform: uppercase;
-    font-weight: normal !important;
-
-	white-space: nowrap !important;
-	cursor: not-allowed !important;
-	margin: 0em <?php echo ($dol_optimize_smallscreen?'0.7':'0.9'); ?>em;
-	padding: 0.2em <?php echo ($dol_optimize_smallscreen?'0.4':'0.7'); ?>em;
-    font-family: <?php print $fontlist ?> !important;
-    display: inline-block;
-    /* text-align: center;  New button are on right of screen */
-    cursor: pointer;
-    color: #999 !important;
-    padding-top: 0.2em;
-    box-shadow: none !important;
-    -webkit-box-shadow: none !important;
-}
-
-.butActionTransparent {
-	color: #222 ! important;
-	background-color: transparent ! important;
-}
-
-<?php if (! empty($conf->global->MAIN_BUTTON_HIDE_UNAUTHORIZED) && (! $user->admin)) { ?>
-.butActionRefused, .butActionNewRefused {
-	display: none;
-}
-<?php } ?>
-
-
-
-/* ============================================================================== */
-/* Tables                                                                         */
-/* ============================================================================== */
-
-.allwidth {
-	width: 100%;
-}
-
-#undertopmenu {
-	background-repeat: repeat-x;
-	margin-top: <?php echo ($dol_hide_topmenu?'6':'0'); ?>px;
-}
-
-
-.paddingrightonly {
-	border-collapse: collapse;
-	border: 0px;
-	margin-left: 0px;
-	padding-<?php print $left; ?>: 0px !important;
-	padding-<?php print $right; ?>: 4px !important;
-}
-.nocellnopadd {
-	list-style-type:none;
-	margin: 0px !important;
-	padding: 0px !important;
-}
-tr.nocellnopadd td.nobordernopadding, tr.nocellnopadd td.nocellnopadd
-{
-	border: 0px;
-}
-
-.notopnoleft {
-	border-collapse: collapse;
-	border: 0px;
-	padding-top: 0px;
-	padding-<?php print $left; ?>: 0px;
-	padding-<?php print $right; ?>: 16px;
-	padding-bottom: 4px;
-	margin-right: 0px;
-}
-.notopnoleftnoright {
-	border-collapse: collapse;
-	border: 0px;
-	padding-top: 0px;
-	padding-left: 0px;
-	padding-right: 0px;
-	padding-bottom: 4px;
-	margin: 0px 0px 0px 0px;
-}
-
-
-table.border, table.bordernooddeven, table.dataTable, .table-border, .table-border-col, .table-key-border-col, .table-val-border-col, div.border {
-	border-collapse: collapse !important;
-	padding: 1px 2px 1px 3px;			/* t r b l */
-}
-table.borderplus {
-	border: 1px solid #BBB;
-}
-.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 {
-	height: 22px;
-}
-tr.liste_titre.box_titre td table td, .bordernooddeven tr td {
-    height: 22px;
-}
-
-div.tabBar div.border .table-border-row, div.tabBar div.border .table-key-border-col, div.tabBar .table-val-border-col {
-	vertical-align: middle;
-}
-div .tdtop {
-    vertical-align: top !important;
-	/* padding-top: 8px !important; */
-	padding-bottom: 2px !important;
-	padding-bottom: 0px;
-}
-
-table.border td, table.bordernooddeven td, div.border div div.tagtd {
-	padding: 5px 2px 5px 2px;
-	border-collapse: collapse;
-}
-div.tabBar .fichecenter table.border>tbody>tr>td, div.tabBar .fichecenter div.border div div.tagtd, div.tabBar div.border div div.tagtd
-{
-	padding-top: 5px;
-	border-bottom: 1px solid #E0E0E0;
-}
-
-td.border, div.tagtable div div.border {
-	border-top: 1px solid #000000;
-	border-right: 1px solid #000000;
-	border-bottom: 1px solid #000000;
-	border-left: 1px solid #000000;
-}
-.table-key-border-col {
-	/* width: 25%; */
-	vertical-align:top;
-}
-.table-val-border-col {
-	width:auto;
-}
-
-
-/* Main boxes */
-.nobordertop, .nobordertop tr:first-of-type td {
-    border-top: none !important;
-}
-.noborderbottom, .noborderbottom tr:last-of-type td {
-    border-bottom: none !important;
-}
-.bordertop {
-	border-top: 1px solid rgb(<?php echo $colortopbordertitle1 ?>);
-}
-.borderbottom {
-	border-bottom: 1px solid rgb(<?php echo $colortopbordertitle1 ?>);
-}
-
-
-/*.ficheaddleft table.noborder {
-	margin: 0px 0px 0px 0px;
-}*/
-table.liste, table.noborder, table.formdoc, div.noborder {
-	width: 100%;
-
-	border-collapse: separate !important;
-	border-spacing: 0px;
-
-	border-top-width: <?php echo $borderwidth ?>px;
-	border-top-color: rgb(<?php echo $colortopbordertitle1 ?>);
-	border-top-style: solid;
-	/* border-top-width: 2px;
-	border-top-color: rgb(<?php echo $colorbackhmenu1 ?>);
-	border-top-style: solid; */
-
-	border-bottom-width: 1px;
-	border-bottom-color: rgb(<?php echo $colortopbordertitle1 ?>);
-	border-bottom-style: solid;
-
-	margin: 0px 0px 5px 0px;
-}
-div.tabBar div.ficheaddleft table.noborder:last-of-type {
-    border-bottom: 1px solid rgb(<?php echo $colortopbordertitle1 ?>);
-}
-div.tabBar table.border>tbody>tr:last-of-type>td {
-	border-bottom-width: 1px;
-	border-bottom-color: rgb(<?php echo $colortopbordertitle1 ?>);
-	border-bottom-style: solid;
-}
-div.tabBar div.ficheaddleft table.noborder {
-    border-bottom: none;
-}
-
-table.paddingtopbottomonly tr td {
-	padding-top: 1px;
-	padding-bottom: 2px;
-}
-.liste_titre_filter {
-	background: rgb(<?php echo $colorbacktitle1; ?>) !important;
-}
-tr.liste_titre_filter td.liste_titre {
-	/* border-bottom: 1px solid #ddd; */
-	padding-top: 1px;
-	padding-bottom: 0px;
-}
-.liste_titre_create td, .liste_titre_create th, .liste_titre_create .tagtd
-{
-    border-top-width: 1px;
-    border-top-color: rgb(<?php echo $colortopbordertitle1 ?>);
-    border-top-style: solid;
-}
-/*.liste_titre_create td.nobottom, tr#trlinefordates td {
-    background-color: rgb(<?php echo $colorbacktitle1; ?>) !important;
-}*/
-tr#trlinefordates td {
-    border-bottom: 0px !important;
-}
-.liste_titre_add td, .liste_titre_add th, .liste_titre_add .tagtd
-{
-    border-top-width: 1px;
-    border-top-color: rgb(<?php echo $colortopbordertitle1 ?>);
-    border-top-style: solid;
-}
-table.liste tr, table.noborder tr, div.noborder form {
-	border-top-color: #FEFEFE;
-	min-height: 20px;
-}
-table.liste th, table.noborder th, table.noborder tr.liste_titre td, table.noborder tr.box_titre td {
-	padding: 7px 8px 7px 8px;			/* t r b l */
-}
-table.liste td, table.noborder td, div.noborder form div, table.tableforservicepart1 td, table.tableforservicepart2 td {
-	padding: 7px 8px 7px 8px;			/* t r b l */
-	line-height: 1.2em;
-	height: 22px;
-}
-div.liste_titre_bydiv .divsearchfield {
-	padding: 2px 1px 2px 7px;			/* t r b l */
-}
-
-tr.box_titre .nobordernopadding td {
-	padding: 0 ! important;
-}
-table.nobordernopadding {
-	border-collapse: collapse !important;
-	border: 0;
-}
-table.nobordernopadding tr {
-	border: 0 !important;
-	padding: 0 0 !important;
-}
-table.nobordernopadding tr td {
-	border: 0 !important;
-	padding: 0 3px 0 0;
-}
-table.border tr td table.nobordernopadding tr td {
-	padding-top: 0;
-	padding-bottom: 0;
-}
-td.borderright {
-    border: none;	/* to erase value for table.nobordernopadding td */
-	border-right-width: 1px !important;
-	border-right-color: #BBB !important;
-	border-right-style: solid !important;
-}
-
-
-/* For table with no filter before */
-table.listwithfilterbefore {
-	border-top: none !important;
-}
-
-
-.tagtable, .table-border { display: table; }
-.tagtr, .table-border-row  { display: table-row; }
-.tagtd, .table-border-col, .table-key-border-col, .table-val-border-col { display: table-cell; }
-
-
-/* Pagination */
-div.refidpadding  {
-	padding-top: 3px;
-}
-div.refid  {
-	font-weight: bold;
-  	color: rgb(<?php print $colortexttitlenotab; ?>);
-  	font-size: 1.2em;
-}
-div.refidno  {
-	padding-top: 3px;
-	font-weight: normal;
-  	color: #444;
-  	font-size: <?php print is_numeric($fontsize)?$fontsize.'px':$fontsize ?>;
-  	line-height: 21px;
-}
-div.refidno form {
-    display: inline-block;
-}
-
-div.pagination {
-	float: right;
-}
-div.pagination a {
-	font-weight: normal;
-}
-/*div.pagination a.butAction, div.fichehalfright a.butAction {
-    margin-right: 0px !important;
-}
-div.tabsAction a.butActionDelete:last-child, div.tabsAction a.butAction:last-child {
-    margin-right: 0px !important;
-}*/
-div.pagination ul
-{
-  list-style: none;
-  display: inline-block;
-  padding-left: 0px;
-  padding-right: 0px;
-  margin: 0;
-}
-div.pagination li {
-  display: inline-block;
-  padding-left: 0px;
-  padding-right: 0px;
-  padding-top: 6px;
-  padding-bottom: 5px;
-}
-.pagination {
-  display: inline-block;
-  padding-left: 0;
-  border-radius: 4px;
-}
-div.pagination li.pagination a,
-div.pagination li.pagination span {
-  padding: 6px 12px;
-  line-height: 1.42857143;
-  color: #000;
-  text-decoration: none;
-  background-repeat: repeat-x;
-}
-div.pagination li.pagination span.inactive {
-  cursor: default;
-  color: #ccc;
-}
-li.noborder.litext, li.noborder.litext a,
-div.pagination li a.inactive:hover,
-div.pagination li span.inactive:hover {
-  	-webkit-box-shadow: none !important;
-  	box-shadow: none !important;
-}
-/*div.pagination li.litext {
-	padding-top: 8px;
-}*/
-div.pagination li.litext a {
-  border: none;
-  padding-right: 10px;
-  padding-left: 4px;
-  font-weight: bold;
-}
-div.pagination li.litext a:hover {
-	background-color: transparent;
-	background-image: none;
-}
-div.pagination li.litext a:hover {
-	background-color: transparent;
-	background-image: none;
-}
-div.pagination li.noborder a:hover {
-  border: none;
-  background-color: transparent;
-}
-div.pagination li a,
-div.pagination li span {
-  /* background-color: #fff; */
-  /* border: 1px solid #ddd; */
-}
-div.pagination li:first-child a,
-div.pagination li:first-child span {
-  margin-left: 0;
-  /*border-top-left-radius: 4px;
-  border-bottom-left-radius: 4px;*/
-}
-div.pagination li:last-child a,
-div.pagination li:last-child span {
-  /*border-top-right-radius: 4px;
-  border-bottom-right-radius: 4px;*/
-}
-div.pagination li a:hover,
-div.pagination li:not(.paginationafterarrows) span:hover,
-div.pagination li a:focus,
-div.pagination li:not(.paginationafterarrows) span:focus {
-  -webkit-box-shadow: 0px 0px 6px 1px rgba(50, 50, 50, 0.4), 0px 0px 0px rgba(60,60,60,0.1);
-  box-shadow: 0px 0px 6px 1px rgba(50, 50, 50, 0.4), 0px 0px 0px rgba(60,60,60,0.1);
-}
-div.pagination li .active a,
-div.pagination li .active span,
-div.pagination li .active a:hover,
-div.pagination li .active span:hover,
-div.pagination li .active a:focus,
-div.pagination li .active span:focus {
-  z-index: 2;
-  color: #fff;
-  cursor: default;
-  background-color: rgb(<?php echo $colorbackhmenu1 ?>);
-  border-color: #337ab7;
-}
-div.pagination .disabled span,
-div.pagination .disabled span:hover,
-div.pagination .disabled span:focus,
-div.pagination .disabled a,
-div.pagination .disabled a:hover,
-div.pagination .disabled a:focus {
-  color: #777;
-  cursor: not-allowed;
-  background-color: #fff;
-  border-color: #ddd;
-}
-div.pagination li.pagination .active {
-  text-decoration: underline;
-  box-shadow: none;
-}
-.paginationafterarrows .nohover {
-  box-shadow: none !important;
-}
-
-div.pagination li.paginationafterarrows {
-	margin-left: 10px;
-}
-.paginationatbottom {
-	margin-top: 9px;
-}
-
-
-
-
-/* Set the color for hover lines */
-.oddeven:hover, .evenodd:hover, .impair:hover, .pair:hover
-{
-<?php if ($colorbacklinepairhover) { ?>
-	background: rgb(<?php echo $colorbacklinepairhover; ?>) !important;		/* Must be background to be stronger than background of odd or even */
-<?php } ?>
-}
-<?php if ($colorbacklinepairchecked) { ?>
-.highlight {
-	background: rgb(<?php echo $colorbacklinepairchecked; ?>) !important; /* Must be background to be stronger than background of odd or even */
-}
-<?php } ?>
-
-.nohover:hover {
-	background: unset;
-}
-.nohoverborder:hover {
-	border: unset;
-	box-shadow: unset;
-	-webkit-box-shadow: unset;
-}
-.oddeven, .evenodd, .impair, .nohover .impair:hover, tr.impair td.nohover, .tagtr.oddeven
-{
-	font-family: <?php print $fontlist ?>;
-	margin-bottom: 1px;
-	color: #202020;
-}
-.impair, .nohover .impair:hover, tr.impair td.nohover
-{
-	background: #<?php echo colorArrayToHex(colorStringToArray($colorbacklineimpair1)); ?>;
-}
-#GanttChartDIV {
-	background-color: #<?php echo colorArrayToHex(colorStringToArray($colorbacklineimpair1)); ?>;
-}
-
-.oddeven, .evenodd, .pair, .nohover .pair:hover, tr.pair td.nohover, .tagtr.oddeven {
-	font-family: <?php print $fontlist ?>;
-	margin-bottom: 1px;
-	color: #202020;
-}
-.pair, .nohover .pair:hover, tr.pair td.nohover {
-	background-color: #<?php echo colorArrayToHex(colorStringToArray($colorbacklinepair1)); ?>;
-}
-
-table.dataTable tr.oddeven {
-	background-color: #<?php echo colorArrayToHex(colorStringToArray($colorbacklinepair1)); ?> !important;
-}
-
-/* For no hover style */
-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 {
-	background-color: #<?php echo colorArrayToHex(colorStringToArray($colorbacklineimpair1)); ?> !important;
-	background: #<?php echo colorArrayToHex(colorStringToArray($colorbacklineimpair1)); ?> !important;
-}
-td.evenodd, tr.nohoverpair td, #trlinefordates td {
-	background-color: #<?php echo colorArrayToHex(colorStringToArray($colorbacklinepair1)); ?> !important;
-	background: #<?php echo colorArrayToHex(colorStringToArray($colorbacklinepair1)); ?> !important;
-}
-.trforbreak td {
-	background-color: #<?php echo colorArrayToHex(colorStringToArray($colorbacklinebreak)); ?> !important;
-}
-
-table.dataTable td {
-    padding: 5px 8px 5px 8px !important;
-}
-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 {
-    padding: 7px 8px 7px 8px;
-    border-bottom: 1px solid #ddd;
-}
-form.pair, form.impair {
-	font-weight: normal;
-}
-form.tagtr:last-of-type div.tagtd, tr.pair:last-of-type td, tr.impair:last-of-type td {
-    border-bottom: 0px !important;
-}
-tr.pair td .nobordernopadding tr td, tr.impair td .nobordernopadding tr td {
-    border-bottom: 0px !important;
-}
-tr.nobottom td, tr.nobottom , td.nobottom {
-    border-bottom: 0px !important;
-}
-div.liste_titre .tagtd {
-	vertical-align: middle;
-}
-div.liste_titre {
-	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 */
-
-	padding-top: 2px;
-	padding-bottom: 2px;
-}
-div.liste_titre_bydiv {
-	border-top-width: <?php echo $borderwidth ?>px;
-    border-top-color: rgb(<?php echo $colortopbordertitle1 ?>);
-    border-top-style: solid;
-
-	border-collapse: collapse;
-	display: table;
-	padding: 2px 0px 2px 0;
-	box-shadow: none;
-	/*width: calc(100% - 1px);	1px more, i don't know why so i remove */
-	width: calc(100%);
-}
-tr.liste_titre, tr.liste_titre_sel, form.liste_titre, form.liste_titre_sel, table.dataTable.tr, tagtr.liste_titre
-{
-	height: 26px !important;
-}
-div.colorback	/* for the form "assign user" on time spent view */
-{
-	background: #f8f8f8;
-	padding: 10px;
-	margin-top: 5px;
-	border: 1px solid #ddd;
-}
-div.liste_titre_bydiv, .liste_titre div.tagtr, tr.liste_titre, tr.liste_titre_sel, .tagtr.liste_titre, .tagtr.liste_titre_sel, form.liste_titre, form.liste_titre_sel, table.dataTable thead tr
-{
-	background: rgb(<?php echo $colorbacktitle1; ?>);
-	font-weight: <?php echo $useboldtitle?'bold':'normal'; ?>;
-
-    color: rgb(<?php echo $colortexttitle; ?>);
-    font-family: <?php print $fontlist ?>;
-    text-align: <?php echo $left; ?>;
-}
-tr.liste_titre th, tr.liste_titre td, th.liste_titre
-{
-	border-bottom: 1px solid rgb(<?php echo $colortopbordertitle1 ?>);
-}
-tr.liste_titre:first-child th, tr:first-child th.liste_titre {
-/*    border-bottom: 1px solid #ddd ! important; */
-	border-bottom: unset;
-}
-tr.liste_titre th, th.liste_titre, tr.liste_titre td, td.liste_titre, form.liste_titre div
-{
-    font-family: <?php print $fontlist ?>;
-    font-weight: <?php echo $useboldtitle?'bold':'normal'; ?>;
-    vertical-align: middle;
-    height: 24px;
-}
-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 {
-	text-shadow: none !important;
-}
-tr.liste_titre_topborder td {
-	border-top-width: <?php echo $borderwidth; ?>px;
-    border-top-color: rgb(<?php echo $colortopbordertitle1 ?>);
-    border-top-style: solid;
-}
-.liste_titre td a {
-	text-shadow: none !important;
-	color: rgb(<?php echo $colortexttitle; ?>);
-}
-.liste_titre td a.notasortlink {
-	color: rgb(<?php echo $colortextlink; ?>);
-}
-.liste_titre td a.notasortlink:hover {
-	background: transparent;
-}
-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 */
-    /* border-bottom: 1px solid #ddd; */
-    border-bottom: unset;
-}
-
-
-tr.liste_titre_sel th, th.liste_titre_sel, tr.liste_titre_sel td, td.liste_titre_sel, form.liste_titre_sel div
-{
-    font-family: <?php print $fontlist ?>;
-    font-weight: normal;
-    border-bottom: 1px solid #FDFFFF;
-    text-decoration: underline;
-}
-input.liste_titre {
-    background: transparent;
-    border: 0px;
-}
-.listactionlargetitle .liste_titre {
-	line-height: 24px;
-}
-.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 {
-    color: #551188;
-    font-weight: normal;
-}
-.noborder tr.liste_total td, tr.liste_total td, form.liste_total div {
-    white-space: nowrap;
-}
-.noborder tr.liste_total_wrap td, tr.liste_total_wrap td, form.liste_total_wrap div {
-	white-space: normal;
-}
-form.liste_total div {
-    border-top: 1px solid #DDDDDD;
-}
-tr.liste_sub_total, tr.liste_sub_total td {
-	border-bottom: 1px solid #aaa;
-}
-/* to avoid too much border on contract card */
-.tableforservicepart1 .impair, .tableforservicepart1 .pair, .tableforservicepart2 .impair, .tableforservicepart2 .pair {
-	background: #FFF;
-}
-.tableforservicepart1 tbody tr td, .tableforservicepart2 tbody tr td {
-	border-bottom: none;
-}
-table.tableforservicepart1:first-of-type tr:first-of-type td {
-    border-top: 1px solid #888;
-}
-table.tableforservicepart1 tr td {
-    border-top: 0px;
-}
-
-.paymenttable, .margintable {
-	/*border-top-width: <?php echo $borderwidth ?>px !important;
-	border-top-color: rgb(<?php echo $colortopbordertitle1 ?>) !important;
-	border-top-style: solid !important;*/
-	border-top: none !important;
-	margin: 0px 0px 0px 0px !important;
-}
-.paymenttable tr td:first-child, .margintable tr td:first-child
-{
-	padding-left: 2px;
-}
-.paymenttable, .margintable tr td {
-	height: 22px;
-}
-
-/* Disable shadows */
-.noshadow {
-	-webkit-box-shadow: 0px 0px 0px #DDD !important;
-	box-shadow: 0px 0px 0px #DDD !important;
-}
-
-div.tabBar .noborder {
-	-webkit-box-shadow: 0px 0px 0px #DDD !important;
-	box-shadow: 0px 0px 0px #DDD !important;
-}
-
-#tablelines tr.liste_titre td, .paymenttable tr.liste_titre td, .margintable tr.liste_titre td, .tableforservicepart1 tr.liste_titre td {
-	border-bottom: 1px solid rgb(<?php echo $colortopbordertitle1 ?>) !important;
-}
-#tablelines tr td {
-    height: unset;
-}
-
-/* Prepare to remove class pair - impair */
-
-.noborder > tbody > tr:nth-child(even):not(.liste_titre), .liste > tbody > tr:nth-child(even):not(.liste_titre),
-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),
-div:not(.fichecenter):not(.fichehalfleft):not(.ficheaddleft) .oddeven.tagtr:nth-of-type(even):not(.liste_titre)
-{
-	background: linear-gradient(bottom, rgb(<?php echo $colorbacklineimpair1; ?>) 85%, rgb(<?php echo $colorbacklineimpair2; ?>) 100%);
-	background: -o-linear-gradient(bottom, rgb(<?php echo $colorbacklineimpair1; ?>) 85%, rgb(<?php echo $colorbacklineimpair2; ?>) 100%);
-	background: -moz-linear-gradient(bottom, rgb(<?php echo $colorbacklineimpair1; ?>) 85%, rgb(<?php echo $colorbacklineimpair2; ?>) 100%);
-	background: -webkit-linear-gradient(bottom, rgb(<?php echo $colorbacklineimpair1; ?>) 85%, rgb(<?php echo $colorbacklineimpair2; ?>) 100%);
-	background: -ms-linear-gradient(bottom, rgb(<?php echo $colorbacklineimpair1; ?>) 85%, rgb(<?php echo $colorbacklineimpair2; ?>) 100%);
-}
-.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),
-.noborder .oddeven.tagtr:nth-child(even):not(:last-child) .tagtd:not(.liste_titre)
-{
-	border-bottom: 1px solid #ddd;
-}
-
-.noborder > tbody > tr:nth-child(odd):not(.liste_titre), .liste > tbody > tr:nth-child(odd):not(.liste_titre),
-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),
-div:not(.fichecenter):not(.fichehalfleft):not(.ficheaddleft) .oddeven.tagtr:nth-of-type(odd):not(.liste_titre)
-{
-	background: linear-gradient(bottom, rgb(<?php echo $colorbacklinepair1; ?>) 85%, rgb(<?php echo $colorbacklinepair2; ?>) 100%);
-	background: -o-linear-gradient(bottom, rgb(<?php echo $colorbacklinepair1; ?>) 85%, rgb(<?php echo $colorbacklinepair2; ?>) 100%);
-	background: -moz-linear-gradient(bottom, rgb(<?php echo $colorbacklinepair1; ?>) 85%, rgb(<?php echo $colorbacklinepair2; ?>) 100%);
-	background: -webkit-linear-gradient(bottom, rgb(<?php echo $colorbacklinepair1; ?>) 85%, rgb(<?php echo $colorbacklinepair2; ?>) 100%);
-	background: -ms-linear-gradient(bottom, rgb(<?php echo $colorbacklinepair1; ?>) 85%, rgb(<?php echo $colorbacklinepair2; ?>) 100%);
-}
-.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),
-.noborder .oddeven.tagtr:nth-child(odd):not(:last-child) .tagtd:not(.liste_titre)
-{
-	border-bottom: 1px solid #ddd;
-}
-
-ul.noborder li:nth-child(even):not(.liste_titre) {
-	background-color: rgb(<?php echo $colorbacklinepair2; ?>) !important;
-}
-
-
-/*
- *  Boxes
- */
-
-.box {
-    overflow-x: auto;
-    min-height: 40px;
-}
-/*.ficheaddleft div.boxstats, .ficheaddright div.boxstats {
-    border: none;
-}*/
-.boxstatsborder {
-    /* border: 1px solid #CCC !important; */
-}
-.boxstats, .boxstats130 {
-    display: inline-block;
-    margin: 8px;
-    margin-top: 5px;
-    margin-bottom: 5px;
-    text-align: center;
-
-    background: #fcfcfc;
-    border: 1px solid #eee;
-    border-left: 6px solid #ddd;
-    box-shadow: 1px 1px 8px #ddd;
-    border-radius: 0px;
-}
-.boxstats, .boxstats130, .boxstatscontent {
-	white-space: nowrap;
-	overflow: hidden;
-    text-overflow: ellipsis;
-}
-.boxstats130 {
-    width: 158px;
-    height: 48px;
-    padding: 3px;
-}
-.boxstats {
-    padding: 3px;
-    width: 121px;
-}
-.boxstatscontent {
-	padding: 3px;
-}
-.boxstatsempty {
-    width: 121px;
-    padding-left: 3px;
-    padding-right: 3px;
-    margin-left: 8px;
-    margin-right: 8px;
-}
-.boxstats150empty {
-    width: 158px;
-    padding-left: 3px;
-    padding-right: 3px;
-    margin-left: 8px;
-    margin-right: 8px;
-}
-
-@media only screen and (max-width: 767px)
-{
-	.boxstats, .boxstats130 {
-		margin: 3px;
-	    /*border: 1px solid #ccc;
-    	box-shadow: none; */
-    }
-    .boxstats130 {
-    	text-align: <?php echo $left; ?>
-    }
-	.thumbstat {
-		flex: 1 1 110px;
-		margin-bottom: 8px;
-	}
-	.thumbstat150 {
-		flex: 1 1 110px;
-		margin-bottom: 8px;
-		width: 160px;
-	}
-    .dashboardlineindicator {
-        float: left;
-    	padding-left: 5px;
-    }
-    .boxstats130 {
-    	width: 148px;
-    }
-    .boxstats {
-        width: 111px;
-    }
-    .boxstatsempty {
-    	width: 111px;
-	}
-
-}
-
-.boxstats:hover {
-	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.20);
-}
-span.boxstatstext {
-	opacity: 0.7;
-    line-height: 18px;
-    color: #000;
-}
-span.boxstatstext img, a.dashboardlineindicatorlate img {
-	border: 0;
-}
-a img {
-	border: 0;
-}
-.boxstatsindicator.thumbstat150 {	/* If we remove this, box position is ko on ipad */
-	display: inline-flex;
-}
-span.boxstatsindicator {
-	font-size: 130%;
-	font-weight: normal;
-	line-height: 29px;
-}
-span.dashboardlineindicator, span.dashboardlineindicatorlate {
-	font-size: 130%;
-	font-weight: normal;
-}
-.dashboardlineindicatorlate img {
-	width: 16px;
-}
-span.dashboardlineok {
-	color: #008800;
-}
-span.dashboardlineko {
-	color: #FFF;
-	/*color: #8c4446 ! important;
-	padding-left: 1px;*/
-
-	font-size: 80%;
-}
-.dashboardlinelatecoin {
-	float: right;
-	position: relative;
-    text-align: right;
-    top: -26px;
-    padding: 0px 5px 0px 5px;
-    border-radius: .25em;
-
-    background-color: #9f4705;
-}
-.imglatecoin {
-    padding: 1px 3px 1px 1px;
-    margin-left: 4px;
-    margin-right: 2px;
-    background-color: #8c4446;
-    color: #FFFFFF ! important;
-    border-radius: .25em;
-	display: inline-block;
-	vertical-align: middle;
-}
-.boxtable {
-    margin-bottom: 8px !important;
-    border-bottom-width: 1px;
-
-    border-top: <?php echo $borderwidth ?>px solid rgb(<?php echo $colortopbordertitle1 ?>);
-	/* border-top: 2px solid rgb(<?php echo $colorbackhmenu1 ?>) !important; */
-}
-table.noborder.boxtable tr td {
-    height: unset;
-}
-.boxtablenotop {
-    border-top-width: 0 !important;
-}
-.boxtablenobottom {
-    border-bottom-width: 0 !important;
-}
-.boxtable .fichehalfright, .boxtable .fichehalfleft {
-    min-width: 275px;	/* increasing this, make chart on box not side by side on laptops */
-}
-.tdboxstats {
-	text-align: center;
-}
-.boxworkingboard .tdboxstats {
-	padding-left: 0px !important;
-	padding-right: 0px !important;
-}
-a.valignmiddle.dashboardlineindicator {
-    line-height: 30px;
-}
-
-.box {
-    padding-right: 0px;
-    padding-left: 0px;
-    padding-bottom: 25px;
-}
-
-tr.box_titre {
-    height: 26px;
-
-    /* TO MATCH BOOTSTRAP */
-	/*background: #ddd;
-	color: #000 !important;*/
-
-	/* TO MATCH ELDY */
-	background: rgb(<?php echo $colorbacktitle1; ?>)
-	color: rgb(<?php echo $colortexttitle; ?>);
-    font-family: <?php print $fontlist ?>, sans-serif;
-    font-weight: <?php echo $useboldtitle?'bold':'normal'; ?>;
-    border-bottom: 1px solid #FDFFFF;
-    white-space: nowrap;
-}
-
-tr.box_titre td.boxclose {
-	width: 30px;
-}
-img.boxhandle, img.boxclose {
-	padding-left: 5px;
-}
-
-.formboxfilter {
-	vertical-align: middle;
-	margin-bottom: 6px;
-}
-.formboxfilter input[type=image]
-{
-	top: 5px;
-	position: relative;
-}
-.boxfilter {
-	margin-bottom: 2px;
-	margin-right: 1px;
-}
-.prod_entry_mode_free, .prod_entry_mode_predef {
-    height: 26px !important;
-    vertical-align: middle;
-}
-
-.modulebuilderbox {
-	border: 1px solid #888;
-	padding: 16px;
-}
-
-
-/*
- *   Ok, Warning, Error
- */
-
-.ok      { color: #114466; }
-.warning { color: #887711; }
-.error   { color: #550000 !important; font-weight: bold; }
-
-div.ok {
-  color: #114466;
-}
-
-/* Info admin */
-div.info {
-	border-<?php print $left; ?>: solid 5px #87cfd2;
-    padding-top: 8px;
-    padding-left: 10px;
-    padding-right: 4px;
-    padding-bottom: 8px;
-    margin: 0.5em 0em 0.5em 0em;
-    background: #eff8fc;
-}
-
-/* Warning message */
-div.warning {
-    border-<?php print $left; ?>: solid 5px #f2cf87;
-	padding-top: 8px;
-	padding-left: 10px;
-	padding-right: 4px;
-	padding-bottom: 8px;
-	margin: 0.5em 0em 0.5em 0em;
-    background: #fcf8e3;
-}
-div.warning a, div.info a, div.error a {
-	color: rgb(<?php echo $colortextlink; ?>);
-}
-
-/* Error message */
-div.error {
-    border-<?php print $left; ?>: solid 5px #f28787;
-	padding-top: 8px;
-	padding-left: 10px;
-	padding-right: 4px;
-	padding-bottom: 8px;
-	margin: 0.5em 0em 0.5em 0em;
-  background: #EFCFCF;
-}
-
-
-/*
- *   Liens Payes/Non payes
- */
-
-a.normal:link { font-weight: normal }
-a.normal:visited { font-weight: normal }
-a.normal:active { font-weight: normal }
-a.normal:hover { font-weight: normal }
-
-a.impayee:link { font-weight: bold; color: #550000; }
-a.impayee:visited { font-weight: bold; color: #550000; }
-a.impayee:active { font-weight: bold; color: #550000; }
-a.impayee:hover { font-weight: bold; color: #550000; }
-
-
-/*
- *  External web site
- */
-
-.framecontent {
-    width: 100%;
-    height: 100%;
-}
-
-.framecontent iframe {
-    width: 100%;
-    height: 100%;
-}
-
-
-/*
- *  Other
- */
-
-div.boximport {
-    min-height: unset;
-}
-
-.product_line_stock_ok { color: #002200; }
-.product_line_stock_too_low { color: #884400; }
-
-.fieldrequired { font-weight: bold; color: #000055; }
-
-.widthpictotitle { width: 40px; text-align: <?php echo $left; ?>; }
-
-.dolgraphtitle { margin-top: 6px; margin-bottom: 4px; }
-.dolgraphtitlecssboxes { /* margin: 0px; */ }
-.legendColorBox, .legendLabel { border: none !important; }
-div.dolgraph div.legend, div.dolgraph div.legend div { background-color: rgba(255,255,255,0) !important; }
-div.dolgraph div.legend table tbody tr { height: auto; }
-td.legendColorBox { padding: 2px 2px 2px 0 !important; }
-td.legendLabel { padding: 2px 2px 2px 0 !important; }
-
-label.radioprivate {
-    white-space: nowrap;
-}
-
-.photo {
-	border: 0px;
-}
-.photowithmargin {
-	margin-bottom: 2px;
-	margin-top: 10px;
-}
-.photowithborder {
-	border: 1px solid #f0f0f0;
-}
-.photointooltip {
-	margin-top: 6px;
-	margin-bottom: 6px;
-	text-align: center;
-}
-.photodelete {
-	margin-top: 6px !important;
-}
-
-.logo_setup
-{
-	content:url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/logo_setup.svg', 1) ?>);	/* content is used to best fit the container */
-	display: inline-block;
-}
-.nographyet
-{
-	content:url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/nographyet.svg', 1) ?>);
-	display: inline-block;
-    opacity: 0.1;
-    background-repeat: no-repeat;
-}
-.nographyettext
-{
-    opacity: 0.5;
-}
-
-div.titre {
-	font-size: 1.1em;
-	text-decoration: none;
-	padding-top: 5px;
-    padding-bottom: 5px;
-}
-div.titre, .secondary {
-	font-family: <?php print $fontlist ?>;
-	color: rgb(<?php print $colortexttitlenotab; ?>);
-}
-
-#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 */
-#tablepublicpayment { border: 1px solid #CCCCCC !important; width: 100%; padding: 20px; }
-#tablepublicpayment .CTableRow1  { background-color: #F0F0F0 !important; }
-#tablepublicpayment tr.liste_total { border-bottom: 1px solid #CCCCCC !important; }
-#tablepublicpayment tr.liste_total td { border-top: none; }
-
-.divmainbodylarge { margin-left: 40px; margin-right: 40px; }
-#divsubscribe { max-width: 900px; }
-#tablesubscribe { width: 100%; }
-
-div#card-element {
-    border: 1px solid #ccc;
-}
-div#card-errors {
-	color: #fa755a;
-    text-align: center;
-    padding-top: 3px;
-}
-
-
-/*
- * Effect Postit
- */
-.effectpostit
-{
-  position: relative;
-}
-.effectpostit:before, .effectpostit:after
-{
-  z-index: -1;
-  position: absolute;
-  content: "";
-  bottom: 15px;
-  left: 10px;
-  width: 50%;
-  top: 80%;
-  max-width:300px;
-  background: #777;
-  -webkit-box-shadow: 0 15px 10px #777;
-  box-shadow: 0 15px 10px #777;
-  -webkit-transform: rotate(-3deg);
-  -moz-transform: rotate(-3deg);
-  -o-transform: rotate(-3deg);
-  -ms-transform: rotate(-3deg);
-  transform: rotate(-3deg);
-}
-.effectpostit:after
-{
-  -webkit-transform: rotate(3deg);
-  -moz-transform: rotate(3deg);
-  -o-transform: rotate(3deg);
-  -ms-transform: rotate(3deg);
-  transform: rotate(3deg);
-  right: 10px;
-  left: auto;
-}
-
-
-
-/* ============================================================================== */
-/* Formulaire confirmation (When Ajax JQuery is used)                             */
-/* ============================================================================== */
-
-.ui-dialog-titlebar {
-}
-.ui-dialog-content {
-}
-
-
-/* ============================================================================== */
-/* For content of image preview                                                   */
-/* ============================================================================== */
-
-/*
-.ui-dialog-content.ui-widget-content > object {
-     max-height: none;
-     width: auto; margin-left: auto; margin-right: auto; display: block;
-}
-*/
-
-
-/* ============================================================================== */
-/* Formulaire confirmation (When HTML is used)                                    */
-/* ============================================================================== */
-
-table.valid {
-    /* border-top: solid 1px #E6E6E6; */
-    border-<?php print $left; ?>: solid 5px #f2cf87;
-    /* border-<?php print $right; ?>: solid 1px #444444;
-    border-bottom: solid 1px #555555; */
-	padding-top: 8px;
-	padding-left: 10px;
-	padding-right: 4px;
-	padding-bottom: 4px;
-	margin: 0px 0px;
-    background: #fcf8e3;
-}
-
-.validtitre {
-	font-weight: bold;
-}
-
-
-/* ============================================================================== */
-/* Tooltips                                                                       */
-/* ============================================================================== */
-
-/* For tooltip using dialog */
-.ui-dialog.highlight.ui-widget.ui-widget-content.ui-front {
-    z-index: 3000;
-}
-
-div.ui-tooltip {
-	max-width: <?php print dol_size(600, 'width'); ?>px !important;
-}
-.mytooltip {
-	border-top: solid 1px #BBBBBB;
-	border-<?php print $left; ?>: solid 1px #BBBBBB;
-	border-<?php print $right; ?>: solid 1px #444444;
-	border-bottom: solid 1px #444444;
-	padding: 5px 20px;
-	border-radius: 0;
-	box-shadow: 0 0 4px grey;
-	margin: 2px;
-	font-stretch: condensed;
-}
-
-
-
-
-/* ============================================================================== */
-/* Calendar                                                                       */
-/* ============================================================================== */
-
-.ui-datepicker-calendar .ui-state-default, .ui-datepicker-calendar .ui-widget-content .ui-state-default,
-.ui-datepicker-calendar .ui-widget-header .ui-state-default, .ui-datepicker-calendar .ui-button,
-html .ui-datepicker-calendar .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active
-{
-    border: unset;
-}
-
-img.datecallink { padding-left: 2px !important; padding-right: 2px !important; }
-
-.ui-datepicker-trigger {
-	vertical-align: middle;
-	cursor: pointer;
-	padding-left: 2px;
-	padding-right: 2px;
-}
-
-.bodyline {
-	-webkit-border-radius: 8px;
-	border-radius: 8px;
-	border: 1px #E4ECEC outset;
-	padding: 0px;
-	margin-bottom: 5px;
-}
-table.dp {
-    width: 180px;
-    background-color: #FFFFFF;
-    border-top: solid 2px #DDDDDD;
-    border-<?php print $left; ?>: solid 2px #DDDDDD;
-    border-<?php print $right; ?>: solid 1px #222222;
-    border-bottom: solid 1px #222222;
-    padding: 0px;
-	border-spacing: 0px;
-	border-collapse: collapse;
-}
-.dp td, .tpHour td, .tpMinute td{padding:2px; font-size:10px;}
-/* Barre titre */
-.dpHead,.tpHead,.tpHour td:Hover .tpHead{
-	font-weight:bold;
-	background-color:#b3c5cc;
-	color:white;
-	font-size:11px;
-	cursor:auto;
-}
-/* Barre navigation */
-.dpButtons,.tpButtons {
-	text-align:center;
-	background-color:#617389;
-	color:#FFFFFF;
-	font-weight:bold;
-	cursor:pointer;
-}
-.dpButtons:Active,.tpButtons:Active{border: 1px outset black;}
-.dpDayNames td,.dpExplanation {background-color:#D9DBE1; font-weight:bold; text-align:center; font-size:11px;}
-.dpExplanation{ font-weight:normal; font-size:11px;}
-.dpWeek td{text-align:center}
-
-.dpToday,.dpReg,.dpSelected{
-	cursor:pointer;
-}
-.dpToday{font-weight:bold; color:black; background-color:#DDDDDD;}
-.dpReg:Hover,.dpToday:Hover{background-color:black;color:white}
-
-/* Jour courant */
-.dpSelected{background-color:#0B63A2;color:white;font-weight:bold; }
-
-.tpHour{border-top:1px solid #DDDDDD; border-right:1px solid #DDDDDD;}
-.tpHour td {border-left:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; cursor:pointer;}
-.tpHour td:Hover {background-color:black;color:white;}
-
-.tpMinute {margin-top:5px;}
-.tpMinute td:Hover {background-color:black; color:white; }
-.tpMinute td {background-color:#D9DBE1; text-align:center; cursor:pointer;}
-
-/* Bouton X fermer */
-.dpInvisibleButtons
-{
-    border-style:none;
-    background-color:transparent;
-    padding:0px;
-    font-size: 0.85em;
-    border-width:0px;
-    color:#0B63A2;
-    vertical-align:middle;
-    cursor: pointer;
-}
-.datenowlink
-{
-	color: rgb(<?php print $colortextlink; ?>);
-}
-
-
-/* ============================================================================== */
-/*  Afficher/cacher                                                               */
-/* ============================================================================== */
-
-div.visible {
-    display: block;
-}
-
-div.hidden, td.hidden, img.hidden {
-    display: none;
-}
-
-tr.visible {
-    display: block;
-}
-
-
-/* ============================================================================== */
-/*  Module website                                                                */
-/* ============================================================================== */
-
-.phptag {
-	background: #ddd; border: 1px solid #ccc; border-radius: 4px;
-}
-
-.nobordertransp {
-    border: 0px;
-    background-color: transparent;
-    background-image: none;
-}
-.websitebar {
-	border-bottom: 1px solid #ccc;
-	background: #e6e6e6;
-	display: inline-block;
-}
-.websitebar .buttonDelete, .websitebar .button {
-	text-shadow: none;
-}
-.websitebar .button, .websitebar .buttonDelete
-{
-	padding: 2px 5px 3px 5px !important;
-	margin: 2px 4px 2px 4px  !important;
-    line-height: normal;
-}
-.websiteselection {
-	display: inline-block;
-	padding-left: 10px;
-	vertical-align: middle;
-	line-height: 28px;
-}
-.websitetools {
-	float: right;
-}
-.websiteselection, .websitetools {
-	margin-top: 3px;
-	padding-top: 3px;
-	padding-bottom: 3px;
-}
-.websiteinputurl {
-    display: inline-block;
-    vertical-align: top;
-}
-.websiteiframenoborder {
-	border: 0px;
-}
-span.websitebuttonsitepreview, a.websitebuttonsitepreview {
-	vertical-align: middle;
-}
-span.websitebuttonsitepreview img, a.websitebuttonsitepreview img {
-	width: 26px;
-	display: inline-block;
-}
-span.websitebuttonsitepreviewdisabled img, a.websitebuttonsitepreviewdisabled img {
-	opacity: 0.2;
-}
-.websitehelp {
-    vertical-align: middle;
-    float: right;
-    padding-top: 8px;
-}
-.websiteselectionsection {
-	border-left: 1px solid #bbb;
-	border-right: 1px solid #bbb;
-	margin-left: 0px;
-	padding-left: 8px;
-	margin-right: 5px;
-}
-
-
-/* ============================================================================== */
-/*  Module agenda                                                                 */
-/* ============================================================================== */
-
-.dayevent .tagtr:first-of-type {
-    height: 24px;
-}
-
-.agendacell { height: 60px; }
-table.cal_month    { border-spacing: 0px;  }
-table.cal_month td:first-child  { border-left: 0px; }
-table.cal_month td:last-child   { border-right: 0px; }
-.cal_current_month { border-top: 0; border-left: solid 1px #E0E0E0; border-right: 0; border-bottom: solid 1px #E0E0E0; }
-.cal_current_month_peruserleft { border-top: 0; border-left: solid 2px #6C7C7B; border-right: 0; border-bottom: solid 1px #E0E0E0; }
-.cal_current_month_oneday { border-right: solid 1px #E0E0E0; }
-.cal_other_month   { border-top: 0; border-left: solid 1px #C0C0C0; border-right: 0; border-bottom: solid 1px #C0C0C0; }
-.cal_other_month_peruserleft { border-top: 0; border-left: solid 2px #6C7C7B !important; border-right: 0; }
-.cal_current_month_right { border-right: solid 1px #E0E0E0; }
-.cal_other_month_right   { border-right: solid 1px #C0C0C0; }
-.cal_other_month   { /* opacity: 0.6; */ background: #EAEAEA; padding-<?php print $left; ?>: 2px; padding-<?php print $right; ?>: 1px; padding-top: 0px; padding-bottom: 0px; }
-.cal_past_month    { /* opacity: 0.6; */ background: #EEEEEE; padding-<?php print $left; ?>: 2px; padding-<?php print $right; ?>: 1px; padding-top: 0px; padding-bottom: 0px; }
-.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; }
-.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; }
-.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; }
-.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; }
-.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; }
-.cal_past          { }
-.cal_peruser       { padding-top: 0 !important; padding-bottom: 0 !important; padding-<?php print $left; ?>: 1px !important; padding-<?php print $right; ?>: 1px !important; }
-.cal_impair        { background: #F8F8F8; }
-.cal_today_peruser_impair { background: #F8F8F0; }
-.peruser_busy      { }
-.peruser_notbusy   { opacity: 0.5; }
-table.cal_event    { border: none; border-collapse: collapse; margin-bottom: 1px; min-height: 20px; }
-table.cal_event td { border: none; padding-<?php print $left; ?>: 2px; padding-<?php print $right; ?>: 2px; padding-top: 0px; padding-bottom: 0px; }
-table.cal_event td.cal_event { padding: 4px 4px !important; }
-table.cal_event td.cal_event_right { padding: 4px 4px !important; }
-.cal_event              { font-size: 1em; }
-.cal_event a:link       { color: #111111; font-weight: normal !important; }
-.cal_event a:visited    { color: #111111; font-weight: normal !important; }
-.cal_event a:active     { color: #111111; font-weight: normal !important; }
-.cal_event_busy a:hover { color: #111111; font-weight: normal !important; color:rgba(255,255,255,.75); }
-.cal_event_busy      { }
-.cal_peruserviewname { max-width: 140px; height: 22px; }
-
-.calendarviewcontainertr { height: 100px; }
-
-
-/* ============================================================================== */
-/*  Ajax - Liste deroulante de l'autocompletion                                   */
-/* ============================================================================== */
-
-.ui-widget-content { border: solid 1px rgba(0,0,0,.3); background: #fff !important; }
-
-.ui-autocomplete-loading { background: white url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/working.gif', 1) ?>) right center no-repeat; }
-.ui-autocomplete {
-	       position:absolute;
-	       width:auto;
-	       font-size: 1.0em;
-	       background-color:white;
-	       border:1px solid #888;
-	       margin:0px;
-/*	       padding:0px; This make combo crazy */
-	     }
-.ui-autocomplete ul {
-	       list-style-type:none;
-	       margin:0px;
-	       padding:0px;
-	     }
-.ui-autocomplete ul li.selected { background-color: #D3E5EC;}
-.ui-autocomplete ul li {
-	       list-style-type:none;
-	       display:block;
-	       margin:0;
-	       padding:2px;
-	       height:18px;
-	       cursor:pointer;
-	     }
-
-
-/* ============================================================================== */
-/*  jQuery - jeditable for inline edit                                            */
-/* ============================================================================== */
-
-.editkey_textarea, .editkey_ckeditor, .editkey_string, .editkey_email, .editkey_numeric, .editkey_select, .editkey_autocomplete {
-	background: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/edit.png', 1) ?>) right top no-repeat;
-	cursor: pointer;
-	margin-right: 3px;
-	margin-top: 3px;
-}
-
-.editkey_datepicker {
-	background: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/calendar.png', 1) ?>) right center no-repeat;
-	margin-right: 3px;
-	cursor: pointer;
-	margin-right: 3px;
-	margin-top: 3px;
-}
-
-.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 {
-	background: white;
-	cursor: pointer;
-}
-
-.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 {
-	background: white;
-	cursor: pointer;
-}
-
-.viewval_hover {
-	background: white;
-}
-
-
-/* ============================================================================== */
-/* Admin Menu                                                                     */
-/* ============================================================================== */
-
-/* CSS for treeview */
-.treeview ul { background-color: transparent !important; margin-top: 4px; padding-top: 4px !important; }
-.treeview li { background-color: transparent !important; padding: 0 0 0 16px !important; min-height: 26px; }
-.treeview .hover { color: rgb(<?php print $colortextlink; ?>) !important; text-decoration: underline !important; }
-
-
-
-/* ============================================================================== */
-/*  Show Excel tabs                                                               */
-/* ============================================================================== */
-
-.table_data
-{
-	border-style:ridge;
-	border:1px solid;
-}
-.tab_base
-{
-	background:#C5D0DD;
-	font-weight:bold;
-	border-style:ridge;
-	border: 1px solid;
-	cursor:pointer;
-}
-.table_sub_heading
-{
-	background:#CCCCCC;
-	font-weight:bold;
-	border-style:ridge;
-	border: 1px solid;
-}
-.table_body
-{
-	background:#F0F0F0;
-	font-weight:normal;
-	font-family:sans-serif;
-	border-style:ridge;
-	border: 1px solid;
-	border-spacing: 0px;
-	border-collapse: collapse;
-}
-.tab_loaded
-{
-	background:#222222;
-	color:white;
-	font-weight:bold;
-	border-style:groove;
-	border: 1px solid;
-	cursor:pointer;
-}
-
-
-/* ============================================================================== */
-/*  CSS for color picker                                                          */
-/* ============================================================================== */
-
-A.color, A.color:active, A.color:visited {
- position : relative;
- display : block;
- text-decoration : none;
- width : 10px;
- height : 10px;
- line-height : 10px;
- margin : 0px;
- padding : 0px;
- border : 1px inset white;
-}
-A.color:hover {
- border : 1px outset white;
-}
-A.none, A.none:active, A.none:visited, A.none:hover {
- position : relative;
- display : block;
- text-decoration : none;
- width : 10px;
- height : 10px;
- line-height : 10px;
- margin : 0px;
- padding : 0px;
- cursor : default;
- border : 1px solid #b3c5cc;
-}
-.tblColor {
- display : none;
-}
-.tdColor {
- padding : 1px;
-}
-.tblContainer {
- background-color : #b3c5cc;
-}
-.tblGlobal {
- position : absolute;
- top : 0px;
- left : 0px;
- display : none;
- background-color : #b3c5cc;
- border : 2px outset;
-}
-.tdContainer {
- padding : 5px;
-}
-.tdDisplay {
- width : 50%;
- height : 20px;
- line-height : 20px;
- border : 1px outset white;
-}
-.tdDisplayTxt {
- width : 50%;
- height : 24px;
- line-height : 12px;
- font-family : <?php print $fontlist ?>;
- font-size : 8pt;
- color : black;
- text-align : center;
-}
-.btnColor {
- width : 100%;
- font-family : <?php print $fontlist ?>;
- font-size : 10pt;
- padding : 0px;
- margin : 0px;
-}
-.btnPalette {
- width : 100%;
- font-family : <?php print $fontlist ?>;
- font-size : 8pt;
- padding : 0px;
- margin : 0px;
-}
-
-
-/* Style to overwrites JQuery styles */
-.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
-    border: 1px solid #888;
-    background: rgb(<?php echo $colorbacktitle1; ?>);
-    color: unset;
-}
-
-.ui-menu .ui-menu-item a {
-    text-decoration:none;
-    display:block;
-    padding:.2em .4em;
-    line-height:1.5;
-    font-weight: normal;
-    font-family:<?php echo $fontlist; ?>;
-    font-size:1em;
-}
-.ui-widget {
-    font-family:<?php echo $fontlist; ?>;
-}
-/* .ui-button { margin-left: -2px; <?php print (preg_match('/chrome/', $conf->browser->name)?'padding-top: 1px;':''); ?> } */
-.ui-button { margin-left: -2px; }
-.ui-button-icon-only .ui-button-text { height: 8px; }
-.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: 2px 0px 6px 0px; }
-.ui-button-text
-{
-    line-height: 1em !important;
-}
-.ui-autocomplete-input { margin: 0; padding: 4px; }
-
-
-/* ============================================================================== */
-/*  CKEditor                                                                      */
-/* ============================================================================== */
-
-.cke_dialog {
-    border: 1px #bbb solid ! important;
-}
-/*.cke_editor table, .cke_editor tr, .cke_editor td
-{
-    border: 0px solid #FF0000 !important;
-}
-span.cke_skin_kama { padding: 0 !important; }*/
-.cke_wrapper { padding: 4px !important; }
-a.cke_dialog_ui_button
-{
-    font-family: <?php print $fontlist ?> !important;
-	background-image: url(<?php echo $img_button ?>) !important;
-	background-position: bottom !important;
-    border: 1px solid #C0C0C0 !important;
-	-webkit-border-radius:0px 5px 0px 5px !important;
-	border-radius:0px 5px 0px 5px !important;
-    -webkit-box-shadow: 3px 3px 4px #DDD !important;
-    box-shadow: 3px 3px 4px #DDD !important;
-}
-.cke_dialog_ui_hbox_last
-{
-	vertical-align: bottom ! important;
-}
-/*
-.cke_editable
-{
-	line-height: 1.4 !important;
-	margin: 6px !important;
-}
-*/
-a.cke_dialog_ui_button_ok span {
-    text-shadow: none !important;
-    color: #333 !important;
-}
-
-
-/* ============================================================================== */
-/*  ACE editor                                                                    */
-/* ============================================================================== */
-.ace_editor {
-    border: 1px solid #ddd;
-	margin: 0;
-}
-.aceeditorstatusbar {
-        margin: 0;
-        padding: 0;
-        padding-<?php echo $left; ?>: 10px;
-        left: 0;
-        right: 0;
-        bottom: 0;
-        background-color: #ebebeb;
-        height: 28px;
-        line-height: 2.2em;
-}
-.ace_status-indicator {
-        color: gray;
-        position: relative;
-        right: 0;
-        border-left: 1px solid;
-}
-pre#editfilecontentaceeditorid {
-    margin-top: 5px;
-}
-
-
-/* ============================================================================== */
-/*  File upload                                                                   */
-/* ============================================================================== */
-
-.template-upload {
-    height: 72px !important;
-}
-
-
-/* ============================================================================== */
-/*  Holiday                                                                       */
-/* ============================================================================== */
-
-#types .btn {
-    cursor: pointer;
-}
-
-#types .btn-primary {
-    font-weight: bold;
-}
-
-#types form {
-    padding: 20px;
-}
-
-#types label {
-    display:inline-block;
-    width:100px;
-    margin-right: 20px;
-    padding: 4px;
-    text-align: right;
-    vertical-align: top;
-}
-
-#types input.text, #types textarea {
-    width: 400px;
-}
-
-#types textarea {
-    height: 100px;
-}
-
-
-/* ============================================================================== */
-/*  Comments                                                                   	  */
-/* ============================================================================== */
-
-#comment div {
-	box-sizing:border-box;
-}
-#comment .comment {
-    border-radius:7px;
-    margin-bottom:10px;
-    overflow:hidden;
-}
-#comment .comment-table {
-    display:table;
-    height:100%;
-}
-#comment .comment-cell {
-    display:table-cell;
-}
-#comment .comment-info {
-    font-size:0.8em;
-    border-right:1px solid #dedede;
-    margin-right:10px;
-    width:160px;
-    text-align:center;
-    background:rgba(255,255,255,0.5);
-    vertical-align:middle;
-    padding:10px 2px;
-}
-#comment .comment-info a {
-    color:inherit;
-}
-#comment .comment-right {
-    vertical-align:top;
-}
-#comment .comment-description {
-    padding:10px;
-    vertical-align:top;
-}
-#comment .comment-delete {
-    width: 100px;
-    text-align:center;
-    vertical-align:middle;
-}
-#comment .comment-delete:hover {
-    background:rgba(250,20,20,0.8);
-}
-#comment textarea {
-    width: 100%;
-}
-
-
-
-/* ============================================================================== */
-/*  JSGantt                                                                       */
-/* ============================================================================== */
-
-div.scroll2 {
-	width: <?php print isset($_SESSION['dol_screenwidth'])?max($_SESSION['dol_screenwidth']-830, 450):'450'; ?>px !important;
-}
-
-.gtaskname div, .gtaskname {
-	font-size: unset !important;
-}
-div.gantt, .gtaskheading, .gmajorheading, .gminorheading, .gminorheadingwkend {
-	font-size: unset !important;
-	font-weight: normal !important;
-	color: #000 !important;
-}
-div.gTaskInfo {
-    background: #f0f0f0 !important;
-}
-.gtaskblue {
-	background: rgb(108,152,185) !important;
-}
-.gtaskgreen {
-    background: rgb(160,173,58) !important;
-}
-td.gtaskname {
-    overflow: hidden;
-    text-overflow: ellipsis;
-}
-td.gminorheadingwkend {
-    color: #888 !important;
-}
-td.gminorheading {
-    color: #666 !important;
-}
-.glistlbl, .glistgrid {
-	width: 582px !important;
-}
-.gtaskname div, .gtaskname {
-    min-width: 250px !important;
-    max-width: 250px !important;
-    width: 250px !important;
-}
-.gpccomplete div, .gpccomplete {
-    min-width: 40px !important;
-    max-width: 40px !important;
-    width: 40px !important;
-}
-
-
-/* ============================================================================== */
-/*  jFileTree                                                                     */
-/* ============================================================================== */
-
-.ecmfiletree {
-	width: 99%;
-	height: 99%;
-	/* background: #FFF; */
-	padding-left: 2px;
-	font-weight: normal;
-}
-
-.fileview {
-	width: 99%;
-	height: 99%;
-	background: #FFF;
-	padding-left: 2px;
-	padding-top: 4px;
-	font-weight: normal;
-}
-
-div.filedirelem {
-    position: relative;
-    display: block;
-    text-decoration: none;
-}
-
-ul.filedirelem {
-    padding: 2px;
-    margin: 0 5px 5px 5px;
-}
-ul.filedirelem li {
-    list-style: none;
-    padding: 2px;
-    margin: 0 10px 20px 10px;
-    width: 160px;
-    height: 120px;
-    text-align: center;
-    display: block;
-    float: <?php print $left; ?>;
-    border: solid 1px #DDDDDD;
-}
-
-ul.ecmjqft {
-	line-height: 16px;
-	padding: 0px;
-	margin: 0px;
-	font-weight: normal;
-}
-
-ul.ecmjqft li {
-	list-style: none;
-	padding: 0px;
-	padding-left: 20px;
-	margin: 0px;
-	white-space: nowrap;
-	display: block;
-}
-
-ul.ecmjqft a {
-	line-height: 24px;
-	vertical-align: middle;
-	color: #333;
-	padding: 0px 0px;
-	font-weight:normal;
-	display: inline-block !important;
-}
-ul.ecmjqft a:active {
-	font-weight: bold !important;
-}
-ul.ecmjqft a:hover {
-    text-decoration: underline;
-}
-div.ecmjqft {
-	vertical-align: middle;
-	display: inline-block !important;
-	text-align: right;
-	float: right;
-	right:4px;
-	clear: both;
-}
-div#ecm-layout-west {
-    width: 380px;
-    vertical-align: top;
-}
-div#ecm-layout-center {
-    width: calc(100% - 390px);
-    vertical-align: top;
-    float: right;
-}
-
-.ecmjqft LI.directory { font-weight:normal; background: url(<?php echo dol_buildpath($path.'/theme/common/treemenu/folder2.png', 1); ?>) left top no-repeat; }
-.ecmjqft LI.expanded { font-weight:normal; background: url(<?php echo dol_buildpath($path.'/theme/common/treemenu/folder2-expanded.png', 1); ?>) left top no-repeat; }
-.ecmjqft LI.wait { font-weight:normal; background: url(<?php echo dol_buildpath('/theme/'.$theme.'/img/working.gif', 1); ?>) left top no-repeat; }
-
-
-/* ============================================================================== */
-/*  jNotify                                                                       */
-/* ============================================================================== */
-
-.jnotify-container {
-	position: fixed !important;
-<?php if (! empty($conf->global->MAIN_JQUERY_JNOTIFY_BOTTOM)) { ?>
-	top: auto !important;
-	bottom: 4px !important;
-<?php } ?>
-	text-align: center;
-	min-width: <?php echo $dol_optimize_smallscreen?'200':'480'; ?>px;
-	width: auto;
-	max-width: 1024px;
-	padding-left: 10px !important;
-	padding-right: 10px !important;
-	word-wrap: break-word;
-}
-.jnotify-container .jnotify-notification .jnotify-message {
-	font-weight: normal;
-}
-.jnotify-container .jnotify-notification-warning .jnotify-close, .jnotify-container .jnotify-notification-warning .jnotify-message {
-    color: #a28918 !important;
-}
-
-/* use or not ? */
-div.jnotify-background {
-	opacity : 0.95 !important;
-    -webkit-box-shadow: 2px 2px 4px #888 !important;
-    box-shadow: 2px 2px 4px #888 !important;
-}
-
-/* ============================================================================== */
-/*  blockUI                                                                      */
-/* ============================================================================== */
-
-/*div.growlUI { background: url(check48.png) no-repeat 10px 10px }*/
-div.dolEventValid h1, div.dolEventValid h2 {
-	color: #567b1b;
-	background-color: #e3f0db;
-	padding: 5px 5px 5px 5px;
-	text-align: left;
-}
-div.dolEventError h1, div.dolEventError h2 {
-	color: #a72947;
-	background-color: #d79eac;
-	padding: 5px 5px 5px 5px;
-	text-align: left;
-}
-
-/* ============================================================================== */
-/*  Maps                                                                          */
-/* ============================================================================== */
-
-.divmap, #google-visualization-geomap-embed-0, #google-visualization-geomap-embed-1, #google-visualization-geomap-embed-2 {
-}
-
-
-/* ============================================================================== */
-/*  Datatable                                                                     */
-/* ============================================================================== */
-
-table.dataTable tr.odd td.sorting_1, table.dataTable tr.even td.sorting_1 {
-  background: none !important;
-}
-.sorting_asc  { background: url('<?php echo dol_buildpath('/theme/'.$theme.'/img/sort_asc.png', 1); ?>') no-repeat center right !important; }
-.sorting_desc { background: url('<?php echo dol_buildpath('/theme/'.$theme.'/img/sort_desc.png', 1); ?>') no-repeat center right !important; }
-.sorting_asc_disabled  { background: url('<?php echo dol_buildpath('/theme/'.$theme.'/img/sort_asc_disabled.png', 1); ?>') no-repeat center right !important; }
-.sorting_desc_disabled { background: url('<?php echo dol_buildpath('/theme/'.$theme.'/img/sort_desc_disabled.png', 1); ?>') no-repeat center right !important; }
-.dataTables_paginate {
-	margin-top: 8px;
-}
-.paginate_button_disabled {
-  opacity: 1 !important;
-  color: #888 !important;
-  cursor: default !important;
-}
-.paginate_disabled_previous:hover, .paginate_enabled_previous:hover, .paginate_disabled_next:hover, .paginate_enabled_next:hover
-{
-	font-weight: normal;
-}
-.paginate_enabled_previous:hover, .paginate_enabled_next:hover
-{
-	text-decoration: underline !important;
-}
-.paginate_active
-{
-	text-decoration: underline !important;
-}
-.paginate_button
-{
-	font-weight: normal !important;
-    text-decoration: none !important;
-}
-.paging_full_numbers {
-	height: inherit !important;
-}
-.paging_full_numbers a.paginate_active:hover, .paging_full_numbers a.paginate_button:hover {
-	background-color: #DDD !important;
-}
-.paging_full_numbers, .paging_full_numbers a.paginate_active, .paging_full_numbers a.paginate_button {
-	background-color: #FFF !important;
-	border-radius: inherit !important;
-}
-.paging_full_numbers a.paginate_button_disabled:hover, .paging_full_numbers a.disabled:hover {
-    background-color: #FFF !important;
-}
-.paginate_button, .paginate_active {
-  border: 1px solid #ddd !important;
-  padding: 6px 12px !important;
-  margin-left: -1px !important;
-  line-height: 1.42857143 !important;
-  margin: 0 0 !important;
-}
-
-/* For jquery plugin combobox */
-/* Disable this. It breaks wrapping of boxes
-.ui-corner-all { white-space: nowrap; } */
-
-.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled, .paginate_button_disabled {
-	opacity: .35;
-	background-image: none;
-}
-
-div.dataTables_length {
-	float: right !important;
-	padding-left: 8px;
-}
-div.dataTables_length select {
-	background: #fff;
-}
-.dataTables_wrapper .dataTables_paginate {
-	padding-top: 0px !important;
-}
-
-/* ============================================================================== */
-/*  Select2                                                                       */
-/* ============================================================================== */
-
-.select2-container--focus span.select2-selection.select2-selection--single {
-    border-bottom: 1px solid #666 !important;
-}
-
-.blockvmenusearch .select2-container--default .select2-selection--single,
-.blockvmenubookmarks .select2-container--default .select2-selection--single
-{
-    background-color: unset;
-}
-.select2-container--default .select2-selection--single .select2-selection__rendered {
-    color: unset;
-}
-.select2-default {
-    color: #999 !important;
-}
-.select2-choice, .select2-container .select2-choice {
-	border-bottom: solid 1px rgba(0,0,0,.4);
-}
-.select2-container .select2-choice > .select2-chosen {
-    margin-right: 23px;
-}
-.select2-container .select2-choice .select2-arrow {
-	border-radius: 0;
-    background: transparent;
-}
-.select2-container-multi .select2-choices {
-	background-image: none;
-}
-.select2-container .select2-choice {
-	color: #000;
-	border-radius: 0;
-}
-.selectoptiondisabledwhite {
-	background: #FFFFFF !important;
-}
-.select2-arrow {
-	border: none;
-	border-left: none !important;
-	background: none !important;
-}
-.select2-choice
-{
-	border-top: none !important;
-	border-left: none !important;
-	border-right: none !important;
-}
-.select2-drop.select2-drop-above {
-	box-shadow: none !important;
-}
-.select2-container--open .select2-dropdown--above {
-    border-bottom: solid 1px rgba(0,0,0,.2);
-}
-.select2-drop.select2-drop-above.select2-drop-active {
-	border-top: 1px solid #ccc;
-	border-bottom: solid 1px rgba(0,0,0,.2);
-}
-.select2-container--default .select2-selection--single
-{
-	outline: none;
-	border-top: none;
-	border-left: none;
-	border-right: none;
-	border-bottom: solid 1px rgba(0,0,0,.2);
-	-webkit-box-shadow: none !important;
-	box-shadow: none !important;
-	border-radius: 0 !important;
-}
-.select2-container--default .select2-selection--multiple {
-	border: solid 1px rgba(0,0,0,.2);
-	border-radius: 0 !important;
-}
-.select2-search__field
-{
-	outline: none;
-	border-top: none !important;
-	border-left: none !important;
-	border-right: none !important;
-	border-bottom: solid 1px rgba(0,0,0,.2) !important;
-	-webkit-box-shadow: none !important;
-	box-shadow: none !important;
-	border-radius: 0 !important;
-}
-.select2-container-active .select2-choice, .select2-container-active .select2-choices
-{
-	outline: none;
-	border-top: none;
-	border-left: none;
-	border-bottom: none;
-	-webkit-box-shadow: none !important;
-	box-shadow: none !important;
-}
-.select2-dropdown-open {
-	background-color: #fff;
-}
-.select2-dropdown-open .select2-choice, .select2-dropdown-open .select2-choices
-{
-	outline: none;
-	border-top: none;
-	border-left: none;
-	border-bottom: none;
-	-webkit-box-shadow: none !important;
-	box-shadow: none !important;
-	background-color: #fff;
-}
-.select2-disabled
-{
-	color: #888;
-}
-.select2-drop.select2-drop-above.select2-drop-active, .select2-drop {
-	border-radius: 0;
-}
-.select2-drop.select2-drop-above {
-	border-radius:  0;
-}
-.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices {
-	background-image: none;
-	border-radius: 0 !important;
-}
-div.select2-drop-above
-{
-	background: #fff;
-	-webkit-box-shadow: none !important;
-	box-shadow: none !important;
-}
-.select2-drop-active
-{
-	border: 1px solid #ccc;
-	padding-top: 4px;
-}
-.select2-search input {
-	border: none;
-}
-a span.select2-chosen
-{
-	font-weight: normal !important;
-}
-.select2-container .select2-choice {
-	background-image: none;
-	/* line-height: 24px; */
-}
-.select2-results .select2-no-results, .select2-results .select2-searching, .select2-results .select2-ajax-error, .select2-results .select2-selection-limit
-{
-	background: #FFFFFF;
-}
-.select2-results {
-	max-height:	400px;
-}
-.select2-container.select2-container-disabled .select2-choice, .select2-container-multi.select2-container-disabled .select2-choices {
-	background-color: #FFFFFF;
-	background-image: none;
-	border: none;
-	cursor: default;
-}
-.select2-container-disabled .select2-choice .select2-arrow b {
-	opacity: 0.4;
-}
-.select2-container-multi .select2-choices .select2-search-choice {
-  margin-bottom: 3px;
-}
-.select2-dropdown-open.select2-drop-above .select2-choice, .select2-dropdown-open.select2-drop-above .select2-choices, .select2-container-multi .select2-choices,
-.select2-container-multi.select2-container-active .select2-choices
-{
-	border-bottom: 1px solid #ccc;
-	border-right: none;
-	border-top: none;
-	border-left: none;
-
-}
-.select2-container--default .select2-results>.select2-results__options{
-    max-height: 400px;
-}
-
-/* Special case for the select2 add widget */
-#addbox .select2-container .select2-choice > .select2-chosen, #actionbookmark .select2-container .select2-choice > .select2-chosen {
-    text-align: <?php echo $left; ?>;
-    opacity: 0.4;
-}
-.select2-container--default .select2-selection--single .select2-selection__placeholder {
-	color: unset;
-	opacity: 0.4;
-}
-span#select2-boxbookmark-container, span#select2-boxcombo-container {
-    text-align: <?php echo $left; ?>;
-    opacity: 0.4;
-}
-.select2-container .select2-selection--single .select2-selection__rendered {
-	padding-left: 6px;
-}
-/* Style used before the select2 js is executed on boxcombo */
-#boxbookmark.boxcombo, #boxcombo.boxcombo {
-    text-align: left;
-    opacity: 0.4;
-    border-bottom: solid 1px rgba(0,0,0,.4) !important;
-    height: 26px;
-    line-height: 24px;
-    padding: 0 0 2px 0;
-    vertical-align: top;
-}
-
-/* To emulate select 2 style */
-.select2-container-multi-dolibarr .select2-choices-dolibarr .select2-search-choice-dolibarr {
-  padding: 2px 5px 1px 5px;
-  margin: 0 0 2px 3px;
-  position: relative;
-  line-height: 13px;
-  color: #333;
-  cursor: default;
-  border: 1px solid #aaaaaa;
-  border-radius: 3px;
-  -webkit-box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
-  box-shadow: 0 0 2px #fff inset, 0 1px 0 rgba(0, 0, 0, 0.05);
-  background-clip: padding-box;
-  -webkit-touch-callout: none;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  background-color: #e4e4e4;
-  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));
-  background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
-  background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
-  background-image: linear-gradient(to bottom, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eee 100%);
-}
-.select2-container-multi-dolibarr .select2-choices-dolibarr .select2-search-choice-dolibarr a {
-	font-weight: normal;
-}
-.select2-container-multi-dolibarr .select2-choices-dolibarr li {
-  float: left;
-  list-style: none;
-}
-.select2-container-multi-dolibarr .select2-choices-dolibarr {
-  height: auto !important;
-  height: 1%;
-  margin: 0;
-  padding: 0 5px 0 0;
-  position: relative;
-  cursor: text;
-  overflow: hidden;
-}
-
-
-/* ============================================================================== */
-/*  For categories                                                                */
-/* ============================================================================== */
-
-.noborderoncategories {
-	border: none !important;
-	border-radius: 5px !important;
-	box-shadow: none;
-	-webkit-box-shadow: none !important;
-    box-shadow: none !important;
-}
-span.noborderoncategories a, li.noborderoncategories a {
-	line-height: normal;
-	vertical-align: top;
-}
-span.noborderoncategories {
-	padding: 3px 5px 0px 5px;
-}
-.categtextwhite, .treeview .categtextwhite.hover {
-	color: #fff !important;
-}
-.categtextblack {
-	color: #000 !important;
-}
-
-
-/* ============================================================================== */
-/*  External lib multiselect with checkbox                                        */
-/* ============================================================================== */
-
-.multi-select-container {
-  display: inline-block;
-  position: relative;
-}
-
-.multi-select-menu {
-  position: absolute;
-  left: 0;
-  top: 0.8em;
-  float: left;
-  min-width: 100%;
-  background: #fff;
-  margin: 1em 0;
-  padding: 0.4em 0;
-  border: 1px solid #aaa;
-  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
-  display: none;
-}
-
-.multi-select-menu input {
-  margin-right: 0.3em;
-  vertical-align: 0.1em;
-}
-
-.multi-select-button {
-  display: inline-block;
-  max-width: 20em;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  vertical-align: middle;
-  background-color: #fff;
-  cursor: default;
-
-  border: none;
-  border-bottom: solid 1px rgba(0,0,0,.2);
-  padding: 5px;
-  padding-left: 2px;
-  height: 17px;
-}
-.multi-select-button:focus {
-  outline: none;
-  border-bottom: 1px solid #666;
-}
-
-.multi-select-button:after {
-  content: "";
-  display: inline-block;
-  width: 0;
-  height: 0;
-  border-style: solid;
-  border-width: 0.5em 0.23em 0em 0.23em;
-  border-color: #444 transparent transparent transparent;
-  margin-left: 0.4em;
-}
-
-.multi-select-container--open .multi-select-menu { display: block; }
-
-.multi-select-container--open .multi-select-button:after {
-  border-width: 0 0.4em 0.4em 0.4em;
-  border-color: transparent transparent #999 transparent;
-}
-
-.multi-select-menuitem {
-    clear: both;
-    float: left;
-    padding-left: 5px
-}
-
-
-/* ============================================================================== */
-/*  Native multiselect with checkbox                                              */
-/* ============================================================================== */
-
-ul.ulselectedfields {
-    z-index: 95;			/* To have the select box appears on first plan even when near buttons are decorated by jmobile */
-}
-dl.dropdown {
-    margin:0px;
-	margin-left: 2px;
-    margin-right: 2px;
-    padding:0px;
-    vertical-align: middle;
-    display: inline-block;
-}
-.dropdown dd, .dropdown dt {
-    margin:0px;
-    padding:0px;
-}
-.dropdown ul {
-    margin: -1px 0 0 0;
-    text-align: <?php echo $left; ?>;
-}
-.dropdown dd {
-    position:relative;
-}
-.dropdown dt a {
-    display:block;
-    overflow: hidden;
-    border:0;
-}
-.dropdown dt a span, .multiSel span {
-    cursor:pointer;
-    display:inline-block;
-    padding: 0 3px 2px 0;
-}
-.dropdown span.value {
-    display:none;
-}
-.dropdown dd ul {
-    background-color: #FFF;
-    box-shadow: 1px 1px 10px #aaa;
-    display:none;
-    <?php echo $right; ?>:0px;						/* pop is align on right */
-    padding: 0 0 0 0;
-    position:absolute;
-    top:2px;
-    list-style:none;
-    max-height: 264px;
-    overflow: auto;
-}
-.dropdown dd ul li {
-	white-space: nowrap;
-	font-weight: normal;
-	padding: 7px 8px 7px 8px;
-	/* color: rgb(<?php print $colortext; ?>); */
-	color: #000;
-}
-.dropdown dd ul li:hover {
-	background: #eee;
-}
-.dropdown dd ul li input[type="checkbox"] {
-    margin-<?php echo $right; ?>: 3px;
-}
-.dropdown dd ul li a, .dropdown dd ul li span {
-    padding: 3px;
-    display: block;
-}
-.dropdown dd ul li span {
-	color: #888;
-}
-.dropdown dd ul li a:hover {
-    background-color:#eee;
-}
-
-
-/* ============================================================================== */
-/*  Markdown rendering                                                             */
-/* ============================================================================== */
-
-.imgmd {
-	width: 90%;
-}
-.moduledesclong h1 {
-	padding-top: 10px;
-	padding-bottom: 20px;
-}
-
-
-/* ============================================================================== */
-/*  JMobile                                                                       */
-/* ============================================================================== */
-
-li.ui-li-divider .ui-link {
-	color: #FFF !important;
-}
-.ui-btn {
-	margin: 0.1em 2px
-}
-a.ui-link, a.ui-link:hover, .ui-btn:hover, span.ui-btn-text:hover, span.ui-btn-inner:hover {
-	text-decoration: none !important;
-}
-.ui-body-c {
-	background: #fff;
-}
-
-.ui-btn-inner {
-	min-width: .4em;
-	padding-left: 6px;
-	padding-right: 6px;
-	font-size: <?php print is_numeric($fontsize)?$fontsize.'px':$fontsize; ?>;
-	/* white-space: normal; */		/* Warning, enable this break the truncate feature */
-}
-.ui-btn-icon-right .ui-btn-inner {
-	padding-right: 30px;
-}
-.ui-btn-icon-left .ui-btn-inner {
-	padding-left: 30px;
-}
-.ui-select .ui-btn-icon-right .ui-btn-inner {
-	padding-right: 30px;
-}
-.ui-select .ui-btn-icon-left .ui-btn-inner {
-	padding-left: 30px;
-}
-.ui-select .ui-btn-icon-right .ui-icon {
-    right: 8px;
-}
-.ui-btn-icon-left > .ui-btn-inner > .ui-icon, .ui-btn-icon-right > .ui-btn-inner > .ui-icon {
-    margin-top: -10px;
-}
-select {
-    /* display: inline-block; */	/* We can't set this. This disable ability to make */
-    overflow:hidden;
-    white-space: nowrap;			/* Enabling this make behaviour strange when selecting the empty value if this empty value is '' instead of '&nbsp;' */
-    text-overflow: ellipsis;
-}
-.fiche .ui-controlgroup {
-	margin: 0px;
-	padding-bottom: 0px;
-}
-div.ui-controlgroup-controls div.tabsElem
-{
-	margin-top: 2px;
-}
-div.ui-controlgroup-controls div.tabsElem a
-{
-	-webkit-box-shadow: 0 -3px 6px rgba(0,0,0,.2);
-	box-shadow: 0 -3px 6px rgba(0,0,0,.2);
-}
-div.ui-controlgroup-controls div.tabsElem a#active {
-	-webkit-box-shadow: 0 -3px 6px rgba(0,0,0,.3);
-	box-shadow: 0 -3px 6px rgba(0,0,0,.3);
-}
-
-a.tab span.ui-btn-inner
-{
-	border: none;
-	padding: 0;
-}
-
-.ui-link {
-	color: rgb(<?php print $colortext; ?>);
-}
-.liste_titre .ui-link {
-	color: rgb(<?php print $colortexttitle; ?>) !important;
-}
-
-a.ui-link {
-	word-wrap: break-word;
-}
-
-/* force wrap possible onto field overflow does not works */
-.formdoc .ui-btn-inner
-{
-	white-space: normal;
-	overflow: hidden;
-	text-overflow: clip; /* "hidden" : do not exists as a text-overflow value (https://developer.mozilla.org/fr/docs/Web/CSS/text-overflow) */
-}
-
-/* Warning: setting this may make screen not beeing refreshed after a combo selection */
-/*.ui-body-c {
-	background: #fff;
-}*/
-
-div.ui-radio, div.ui-checkbox
-{
-	display: inline-block;
-	border-bottom: 0px !important;
-}
-.ui-checkbox input, .ui-radio input {
-	height: auto;
-	width: auto;
-	margin: 4px;
-	position: static;
-}
-div.ui-checkbox label+input, div.ui-radio label+input {
-	position: absolute;
-}
-.ui-mobile fieldset
-{
-	padding-bottom: 10px; margin-bottom: 4px; border-bottom: 1px solid #AAAAAA !important;
-}
-
-ul.ulmenu {
-	border-radius: 0;
-	-webkit-border-radius: 0;
-}
-
-.ui-field-contain label.ui-input-text {
-	vertical-align: middle !important;
-}
-.ui-mobile fieldset {
-	border-bottom: none !important;
-}
-
-/* Style for first level menu with jmobile */
-.ui-li .ui-btn-inner a.ui-link-inherit, .ui-li-static.ui-li {
-    padding: 1em 15px;
-    display: block;
-}
-.ui-btn-up-c {
-	font-weight: normal;
-}
-.ui-focus, .ui-btn:focus {
-    -webkit-box-shadow: none;
-    box-shadow: none;
-}
-.ui-bar-b {
-    /*border: 1px solid #888;*/
-    border: none;
-    background: none;
-    text-shadow: none;
-    color: rgb(<?php print $colortexttitlenotab; ?>) !important;
-}
-.ui-bar-b, .lilevel0 {
-    background-repeat: repeat-x;
-    border: none;
-    background: none;
-    text-shadow: none;
-    color: rgb(<?php print $colortexttitlenotab; ?>) !important;
-}
-.alilevel0 {
-	font-weight: normal !important;
-}
-
-.ui-li.ui-last-child, .ui-li.ui-field-contain.ui-last-child {
-    border-bottom-width: 0px !important;
-}
-.alilevel0 {
-    color: rgb(<?php echo $colortexttitle; ?>) !important;
-    background: #f8f8f8
-}
-.ulmenu {
-	box-shadow: none !important;
-	border-bottom: 1px solid #ccc;
-}
-.ui-btn-icon-right {
-	border-right: 1px solid #ccc !important;
-}
-.ui-body-c {
-	border: 1px solid #ccc;
-	text-shadow: none;
-}
-.ui-btn-up-c, .ui-btn-hover-c {
-	/* border: 1px solid #ccc; */
-	text-shadow: none;
-}
-.ui-body-c .ui-link, .ui-body-c .ui-link:visited, .ui-body-c .ui-link:hover {
-	color: rgb(<?php print $colortextlink; ?>);
-}
-.ui-btn-up-c .vsmenudisabled {
-	color: #<?php echo $colorshadowtitle; ?> !important;
-	text-shadow: none !important;
-}
-div.tabsElem a.tab {
-	background: transparent;
-}
-.alilevel1 {
-    color: rgb(<?php print $colortexttitlenotab; ?>) !important;
-}
-.lilevel1 {
-    border-top: 2px solid #444;
-    background: #fff ! important;
-}
-.lilevel1 div div a {
-	font-weight: bold !important;
-}
-.lilevel2
-{
-	padding-left: 22px;
-    background: #fff ! important;
-}
-.lilevel3
-{
-	padding-left: 44px;
-	background: #fff ! important;
-}
-.lilevel4
-{
-	padding-left: 66px;
-    background: #fff ! important;
-}
-.lilevel5
-{
-	padding-left: 88px;
-    background: #fff ! important;
-}
-
-
-
-/* ============================================================================== */
-/*  POS                                                                           */
-/* ============================================================================== */
-
-.menu_choix1 a {
-	background: url('<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus_black/money.png', 1) ?>') top left no-repeat;
-}
-.menu_choix2 a {
-	background: url('<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus_black/home.png', 1) ?>') top left no-repeat;
-}
-.menu_choix1,.menu_choix2 {
-	font-size: 1.4em;
-	text-align: left;
-	border: 1px solid #666;
-	margin-right: 20px;
-}
-.menu_choix1 a, .menu_choix2 a {
-	display: block;
-	color: #fff;
-	text-decoration: none;
-	padding-top: 18px;
-	padding-left: 54px;
-	font-size: 14px;
-	height: 38px;
-}
-.menu_choix1 a:hover,.menu_choix2 a:hover {
-	color: #6d3f6d;
-}
-.menu li.menu_choix1 {
-    padding-top: 6px;
-    padding-right: 10px;
-    padding-bottom: 2px;
-}
-.menu li.menu_choix2 {
-    padding-top: 6px;
-    padding-right: 10px;
-    padding-bottom: 2px;
-}
-@media only screen and (max-width: 767px)
-{
-	.menu_choix1 a, .menu_choix2 a {
-		background-size: 36px 36px;
-		height: 30px;
-		padding-left: 40px;
-	}
-    .menu li.menu_choix1, .menu li.menu_choix2 {
-        padding-left: 4px;
-        padding-right: 0;
-    }
-    .liste_articles {
-    	margin-right: 0 !important;
-    }
-}
-
-
-
-/* ============================================================================== */
-/*  Public                                                                        */
-/* ============================================================================== */
-
-/* The theme for public pages */
-.public_body {
-	margin: 20px;
-}
-.public_border {
-	border: 1px solid #888;
-}
-
-
-
-/* ============================================================================== */
-/* Ticket module                                                                  */
-/* ============================================================================== */
-
-#cd-timeline {
-  position: relative;
-  padding: 2em 0;
-  margin-bottom: 2em;
-}
-#cd-timeline::before {
-  /* this is the vertical line */
-  content: '';
-  position: absolute;
-  top: 0;
-  left: 18px;
-  height: 100%;
-  width: 4px;
-  background: #d7e4ed;
-}
-@media only screen and (min-width: 1170px) {
-  #cd-timeline {
-    margin-bottom: 3em;
-  }
-  #cd-timeline::before {
-    left: 50%;
-    margin-left: -2px;
-  }
-}
-
-.cd-timeline-block {
-  position: relative;
-  margin: 2em 0;
-}
-.cd-timeline-block:after {
-  content: "";
-  display: table;
-  clear: both;
-}
-.cd-timeline-block:first-child {
-  margin-top: 0;
-}
-.cd-timeline-block:last-child {
-  margin-bottom: 0;
-}
-@media only screen and (min-width: 1170px) {
-  .cd-timeline-block {
-    margin: 4em 0;
-  }
-  .cd-timeline-block:first-child {
-    margin-top: 0;
-  }
-  .cd-timeline-block:last-child {
-    margin-bottom: 0;
-  }
-}
-
-.cd-timeline-img {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 40px;
-  height: 40px;
-  border-radius: 50%;
-  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);
-  background: #d7e4ed;
-}
-.cd-timeline-img img {
-  display: block;
-  width: 24px;
-  height: 24px;
-  position: relative;
-  left: 50%;
-  top: 50%;
-  margin-left: -12px;
-  margin-top: -12px;
-}
-.cd-timeline-img.cd-picture {
-  background: #75ce66;
-}
-.cd-timeline-img.cd-movie {
-  background: #c03b44;
-}
-.cd-timeline-img.cd-location {
-  background: #f0ca45;
-}
-@media only screen and (min-width: 1170px) {
-  .cd-timeline-img {
-    width: 60px;
-    height: 60px;
-    left: 50%;
-    margin-left: -30px;
-    /* Force Hardware Acceleration in WebKit */
-    -webkit-transform: translateZ(0);
-    -webkit-backface-visibility: hidden;
-  }
-  .cssanimations .cd-timeline-img.is-hidden {
-    visibility: hidden;
-  }
-  .cssanimations .cd-timeline-img.bounce-in {
-    visibility: visible;
-    -webkit-animation: cd-bounce-1 0.6s;
-    -moz-animation: cd-bounce-1 0.6s;
-    animation: cd-bounce-1 0.6s;
-  }
-}
-
-@-webkit-keyframes cd-bounce-1 {
-  0% {
-    opacity: 0;
-    -webkit-transform: scale(0.5);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: scale(1.2);
-  }
-
-  100% {
-    -webkit-transform: scale(1);
-  }
-}
-@-moz-keyframes cd-bounce-1 {
-  0% {
-    opacity: 0;
-    -moz-transform: scale(0.5);
-  }
-
-  60% {
-    opacity: 1;
-    -moz-transform: scale(1.2);
-  }
-
-  100% {
-    -moz-transform: scale(1);
-  }
-}
-@keyframes cd-bounce-1 {
-  0% {
-    opacity: 0;
-    -webkit-transform: scale(0.5);
-    -moz-transform: scale(0.5);
-    -ms-transform: scale(0.5);
-    -o-transform: scale(0.5);
-    transform: scale(0.5);
-  }
-
-  60% {
-    opacity: 1;
-    -webkit-transform: scale(1.2);
-    -moz-transform: scale(1.2);
-    -ms-transform: scale(1.2);
-    -o-transform: scale(1.2);
-    transform: scale(1.2);
-  }
-
-  100% {
-    -webkit-transform: scale(1);
-    -moz-transform: scale(1);
-    -ms-transform: scale(1);
-    -o-transform: scale(1);
-    transform: scale(1);
-  }
-}
-.cd-timeline-content {
-  position: relative;
-  margin-left: 60px;
-  background: white;
-  border-radius: 0.25em;
-  padding: 1em;
-  background-image: -o-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(230,230,230,0.4) 100%);
-  background-image: -moz-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(230,230,230,0.4) 100%);
-  background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(230,230,230,0.4) 100%);
-  background-image: -ms-linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(230,230,230,0.4) 100%);
-  background-image: linear-gradient(bottom, rgba(0,0,0,0.1) 0%, rgba(230,230,230,0.4) 100%);
-}
-.cd-timeline-content:after {
-  content: "";
-  display: table;
-  clear: both;
-}
-.cd-timeline-content h2 {
-  color: #303e49;
-}
-.cd-timeline-content .cd-date {
-  font-size: 13px;
-  font-size: 0.8125rem;
-}
-.cd-timeline-content .cd-date {
-  display: inline-block;
-}
-.cd-timeline-content p {
-  margin: 1em 0;
-  line-height: 1.6;
-}
-
-.cd-timeline-content .cd-date {
-  float: left;
-  padding: .2em 0;
-  opacity: .7;
-}
-.cd-timeline-content::before {
-  content: '';
-  position: absolute;
-  top: 16px;
-  right: 100%;
-  height: 0;
-  width: 0;
-  border: 7px solid transparent;
-  border-right: 7px solid white;
-}
-@media only screen and (min-width: 768px) {
-  .cd-timeline-content h2 {
-    font-size: 20px;
-    font-size: 1.25rem;
-  }
-  .cd-timeline-content {
-    font-size: 16px;
-    font-size: 1rem;
-  }
-  .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
-    font-size: 14px;
-    font-size: 0.875rem;
-  }
-}
-@media only screen and (min-width: 1170px) {
-  .cd-timeline-content {
-    margin-left: 0;
-    padding: 1.6em;
-    width: 43%;
-  }
-  .cd-timeline-content::before {
-    top: 24px;
-    left: 100%;
-    border-color: transparent;
-    border-left-color: white;
-  }
-  .cd-timeline-content .cd-read-more {
-    float: left;
-  }
-  .cd-timeline-content .cd-date {
-    position: absolute;
-    width: 55%;
-    left: 115%;
-    top: 6px;
-    font-size: 16px;
-    font-size: 1rem;
-  }
-  .cd-timeline-block:nth-child(even) .cd-timeline-content {
-    float: right;
-  }
-  .cd-timeline-block:nth-child(even) .cd-timeline-content::before {
-    top: 24px;
-    left: auto;
-    right: 100%;
-    border-color: transparent;
-    border-right-color: white;
-  }
-  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more {
-    float: right;
-  }
-  .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
-    left: auto;
-    right: 115%;
-    text-align: right;
-  }
-
-}
-
-
-
-/* ============================================================================== */
-/* CSS style used for small screen                                                */
-/* ============================================================================== */
-
-.topmenuimage {
-	background-size: 22px auto;
-	top: 2px;
-}
-.imgopensurveywizard
-{
-	padding: 0 4px 0 4px;
-}
-@media only screen and (max-width: 767px)
-{
-	.imgopensurveywizard, .imgautosize { width:95%; height: auto; }
-
-	#tooltip {
-		position: absolute;
-		width: <?php print dol_size(350, 'width'); ?>px;
-	}
-
-    div.tabBar {
-        padding-left: 0px;
-        padding-right: 0px;
-        -webkit-border-radius: 0;
-    	border-radius: 0px;
-        border-right: none;
-        border-left: none;
-    }
-}
-
-@media only screen and (max-width: 1024px)
-{
-	div#ecm-layout-west {
-		width: calc(100% - 4px);
-		clear: both;
-	}
-	div#ecm-layout-center {
-		width: 100%;
-	}
-}
-
-/* nboftopmenuentries = <?php echo $nbtopmenuentries ?>, fontsize=<?php echo is_numeric($fontsize)?$fontsize.'px':$fontsize ?> */
-/* rule to reduce top menu - 1st reduction */
-@media only screen and (max-width: <?php echo round($nbtopmenuentries * 91, 0) + 24; ?>px)	/* reduction 1 */
-{
-	div.tmenucenter {
-	    width: <?php echo round(52); ?>px;	/* size of viewport */
-    	white-space: nowrap;
-  		overflow: hidden;
-  		text-overflow: ellipsis;
-  		color: #<?php echo $colortextbackhmenu; ?>;
-	}
-	.mainmenuaspan {
-  		font-size: 0.9em;
-  		padding-right: 0;
-    }
-    .topmenuimage {
-    	background-size: 22px auto;
-    	margin-top: 0px;
-	}
-
-    li.tmenu, li.tmenusel {
-    	min-width: 36px;
-    }
-    div.mainmenu {
-    	min-width: auto;
-    }
-	div.tmenuleft {
-		display: none;
-	}
-
-	.dropdown dd ul {
-		max-width: 300px;
-	}
-}
-/* rule to reduce top menu - 2nd reduction */
-@media only screen and (max-width: <?php echo round($nbtopmenuentries * 75, 0) + 24; ?>px)	/* reduction 2 */
-{
-	div.mainmenu {
-		height: 23px;
-	}
-	div.tmenucenter {
-	    max-width: <?php echo round(26); ?>px;	/* size of viewport */
-  		text-overflow: clip;
-	}
-	span.mainmenuaspan {
-    	margin-left: 1px;
-	}
-	.mainmenuaspan {
-  		font-size: 0.9em;
-  		padding-left: 0;
-  		padding-right: 0;
-    }
-    .topmenuimage {
-    	background-size: 20px auto;
-    	margin-top: 2px;
-    	left: 4px;
-	}
-}
-/* rule to reduce top menu - 3rd reduction */
-@media only screen and (max-width: <?php echo round($nbtopmenuentries * 49, 0) + 12; ?>px)	/* reduction 3 */
-{
-	.side-nav {
-		z-index: 200;
-		background: rgb(<?php echo $colorbackvmenu1; ?>);
-		padding-top: 70px;
-    }
-	#id-left {
-    	z-index: 201;
-		background: rgb(<?php echo $colorbackvmenu1; ?>);
-	}
-
-    .login_vertical_align {
-    	padding-left: 20px;
-    	padding-right: 20px;
-    }
-
-	/* Reduce login top right info */
-	.help {
-	<?php if ($disableimages) {  ?>
-		display: none;
-	<?php } ?>
-	}
-	div#tmenu_tooltip {
-	<?php if (GETPOST('optioncss', 'aZ09') == 'print') {  ?>
-		display:none;
-	<?php } else { ?>
-		padding-<?php echo $right; ?>: 0;
-	<?php } ?>
-	}
-	div.login_block_user {
-		min-width: 0;
-		width: 100%;
-	}
-	div.login_block {
-		<?php if ($conf->browser->layout == 'phone' && ((GETPOST('testmenuhider', 'int') || ! empty($conf->global->MAIN_TESTMENUHIDER)) && empty($conf->global->MAIN_OPTIMIZEFORTEXTBROWSER))) { ?>
-		/* Style when phone layout or when using the menuhider */
-		display: none;
-		padding-top: 20px;
-		padding-left: 20px;
-    	padding-right: 20px;
-    	padding-bottom: 16px;
-		<?php } else { ?>
-		padding-top: 5px;
-		padding-left: 5px;
-    	padding-right: 5px;
-    	padding-bottom: 5px;
-    	<?php } ?>
-		top: inherit !important;
-		left: 0 !important;
-		text-align: center;
-        vertical-align: middle;
-
-		background: rgb(<?php echo $colorbackvmenu1; ?>);
-
-        height: 50px;
-
-    	z-index: 202;
-    	min-width: 190px;
-    	max-width: 190px;
-    	width: 190px;
-    }
-	div.login_block_user, div.login_block_other { clear: both; }
-	.atoplogin, .atoplogin:hover
-	{
-		color: #000 !important;
-	}
-	.login_block_elem {
-		padding: 0 !important;
-	}
-    li.tmenu, li.tmenusel {
-        min-width: 32px;
-    }
-	div.mainmenu {
-		height: 23px;
-	}
-	div.tmenucenter {
-  		text-overflow: clip;
-	}
-    .topmenuimage {
-    	background-size: 20px auto;
-    	margin-top: 2px !important;
-    	left: 2px;
-	}
-	div.mainmenu {
-    	min-width: 20px;
-    }
-
-	.titlefield {
-	    width: auto !important;		/* We want to ignor the 30%, try to use more if you can */
-	}
-	.tableforfield>tr>td:first-child {
-	    max-width: 100px;			/* but no more than 100px */
-	}
-	.badge {
-		line-height: 1.2em;
-		min-width: auto;
-		font-size: 12px;
-	}
-}
-
-<?php
 if (is_object($db)) $db->close();
diff --git a/htdocs/theme/eldy/theme_vars.php b/htdocs/theme/eldy/theme_vars.php
new file mode 100644
index 00000000000..c03f6b28027
--- /dev/null
+++ b/htdocs/theme/eldy/theme_vars.php
@@ -0,0 +1,78 @@
+<?php
+/* Copyright (C) 2004-2017	Laurent Destailleur		<eldy@users.sourceforge.net>
+ * Copyright (C) 2006		Rodolphe Quiedeville	<rodolphe@quiedeville.org>
+ * Copyright (C) 2007-2017	Regis Houssin			<regis.houssin@inodbox.com>
+ * Copyright (C) 2011		Philippe Grand			<philippe.grand@atoo-net.com>
+ * Copyright (C) 2012		Juanjo Menent			<jmenent@2byte.es>
+ * Copyright (C) 2018       Ferran Marcet           <fmarcet@2byte.es>
+ *
+ * This program is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FI8TNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see <http://www.gnu.org/licenses/>.
+ */
+
+/**
+ *		\file       htdocs/theme/eldy/theme_vars.css.php
+ *		\brief      File for CSS style sheet Eldy
+ */
+
+if (defined('THEME_ONLY_CONSTANT')) return;
+
+
+// Colors
+$colorbackhmenu1='60,70,100';      // topmenu
+$colorbackvmenu1='248,248,248';      // vmenu
+$colortopbordertitle1='200,200,200';    // top border of title
+$colorbacktitle1='220,220,223';      // title of tables,list
+$colorbacktabcard1='255,255,255';  // card
+$colorbacktabactive='234,234,234';
+$colorbacklineimpair1='255,255,255';    // line impair
+$colorbacklineimpair2='255,255,255';    // line impair
+$colorbacklinepair1='250,250,250';    // line pair
+$colorbacklinepair2='250,250,250';    // line pair
+$colorbacklinepairhover='230,237,244';	// line hover
+$colorbacklinebreak='239,231,224';		// line break
+$colorbackbody='255,255,255';
+$colortexttitlenotab='100,60,20';
+$colortexttitle='0,0,0';
+$colortext='0,0,0';
+$colortextlink='0,0,100';
+$fontsize='0.86em';
+$fontsizesmaller='0.75em';
+$topMenuFontSize='1.1em';
+$toolTipBgColor='rgba(255, 255, 255, 0.96);';
+$toolTipFontColor='#333';
+
+// Badges colors
+$badgePrimary   ='#007bff';
+$badgeSecondary ='#6c757d';
+$badgeSuccess   ='#28a745';
+$badgeDanger    ='#dc3545';
+$badgeWarning   ='#ffc107';
+$badgeInfo      ='#17a2b8';
+$badgeDark      ='#343a40';
+$badgeLight     ='#f8f9fa';
+
+/* default color for status : After a quick check, somme status can have oposite function according to objects
+*  So this badges status uses default value according to theme eldy status img
+*  TODO: use color definition vars above for define badges color status X -> expemple $badgeStatusValidate, $badgeStatusClosed, $badgeStatusActive ....
+*/
+$badgeStatus0='#cbd3d3';
+$badgeStatus1='#bc9526';
+$badgeStatus2='#e6f0f0';
+$badgeStatus3='#bca52b';
+$badgeStatus4='#277d1e';
+$badgeStatus5='#cad2d2';
+$badgeStatus6='#cad2d2';
+$badgeStatus7='#baa32b';
+$badgeStatus8='#be3013';
+$badgeStatus9='#e7f0f0';