diff --git a/htdocs/theme/eldy/badges.inc.php b/htdocs/theme/eldy/badges.inc.php
index 00c2a91a29c..f3f311eccca 100644
--- a/htdocs/theme/eldy/badges.inc.php
+++ b/htdocs/theme/eldy/badges.inc.php
@@ -1,140 +1,142 @@
 <?php
-if (!defined('ISLOADEDBYSTEELSHEET')) die('Must be call by steelsheet');
+if (!defined('ISLOADEDBYSTEELSHEET')) {
+	die('Must be call by steelsheet');
+}
 ?>
 /* 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;
+	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-status {
-    font-size: 0.95em;
-    padding: .19em .35em;			/* more than 0.19 generate a change into heigth of lines */
+	font-size: 0.95em;
+	padding: .19em .35em;			/* more than 0.19 generate a change into heigth of lines */
 }
 .tabBar .arearef .statusref .badge-status, .tabBar .arearefnobottom .statusref .badge-status {
-    font-size: 1.1em;
-    padding: .4em .4em;
+	font-size: 1.1em;
+	padding: .4em .4em;
 }
 /* Force values for small screen 767 */
 @media only screen and (max-width: 767px)
 {
 	.tabBar .arearef .statusref .badge-status, .tabBar .arearefnobottom .statusref .badge-status {
-	    font-size: 0.95em;
-	    padding: .3em .2em;
+		font-size: 0.95em;
+		padding: .3em .2em;
 	}
 }
 
 .badge-pill, .tabs .badge {
-    padding-right: .5em;
-    padding-left: .5em;
-    border-radius: 0.25rem;
+	padding-right: .5em;
+	padding-left: .5em;
+	border-radius: 0.25rem;
 }
 
 .badge-dot {
-    padding: 0;
-    border-radius: 50%;
-    padding: 0.45em;
-    vertical-align: text-top;
+	padding: 0;
+	border-radius: 50%;
+	padding: 0.45em;
+	vertical-align: text-top;
 }
 
 a.badge:focus, a.badge:hover {
-    text-decoration: none;
+	text-decoration: none;
 }
 
 .liste_titre .badge:not(.nochangebackground) {
-    background-color: <?php print $badgeSecondary; ?>;
-    color: #fff;
+	background-color: <?php print $badgeSecondary; ?>;
+	color: #fff;
 }
 
 span.badgeneutral {
-    padding: 2px 7px 2px 7px;
-    background-color: #e4e4e4;
-    color: #666;
-    border-radius: 10px;
+	padding: 2px 7px 2px 7px;
+	background-color: #e4e4e4;
+	color: #666;
+	border-radius: 10px;
 }
 
 
 /* PRIMARY */
 .badge-primary{
-    color: #fff !important;
-    background-color: <?php print $badgePrimary; ?>;
+	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); ?>;
+	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); ?>;
+	color: #fff !important;
+	background-color: <?php print colorDarker($badgePrimary, 10); ?>;
 }
 
 /* SECONDARY */
 .badge-secondary, .tabs .badge {
-    color: #fff !important;
-    background-color: <?php print $badgeSecondary; ?>;
+	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); ?>;
+	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); ?>;
+	color: #fff !important;
+	background-color: <?php print colorDarker($badgeSecondary, 10); ?>;
 }
 
 /* SUCCESS */
 .badge-success {
-    color: #fff !important;
-    background-color: <?php print $badgeSuccess; ?>;
+	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); ?>;
+	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); ?>;
+	color: #fff !important;
+	background-color: <?php print colorDarker($badgeSuccess, 10); ?>;
 }
 
 /* DANGER */
 .badge-danger {
-    color: #fff !important;
-    background-color: <?php print $badgeDanger; ?>;
+	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); ?>;
+	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); ?>;
+	color: #fff !important;
+	background-color: <?php print colorDarker($badgeDanger, 10); ?>;
 }
 
 /* WARNING */
 .badge-warning {
-    color: #fff !important;
-    background-color: <?php print $badgeWarning; ?>;
+	color: #fff !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); ?>;
+	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); ?>;
+	color: #212529 !important;
+	background-color: <?php print colorDarker($badgeWarning, 10); ?>;
 }
 
 /* WARNING colorblind */
@@ -150,53 +152,53 @@ body[class*="colorblind-"] a.badge-warning:focus, a.badge-warning:hover {
 
 /* INFO */
 .badge-info {
-    color: #fff !important;
-    background-color: <?php print $badgeInfo; ?>;
+	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); ?>;
+	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); ?>;
+	color: #fff !important;
+	background-color: <?php print colorDarker($badgeInfo, 10); ?>;
 }
 
 /* LIGHT */
 .badge-light {
-    color: #212529 !important;
-    background-color: <?php print $badgeLight; ?>;
+	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); ?>;
+	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); ?>;
+	color: #212529 !important;
+	background-color: <?php print colorDarker($badgeLight, 10); ?>;
 }
 
 /* DARK */
 .badge-dark {
-    color: #fff !important;
-    background-color: <?php print $badgeDark; ?>;
+	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); ?>;
+	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); ?>;
+	color: #fff !important;
+	background-color: <?php print colorDarker($badgeDark, 10); ?>;
 }
 
 
 @media only screen and (max-width: 570px)
 {
 	span.badge.badge-status {
-	    overflow: hidden;
-	    max-width: 130px;
-	    text-overflow: ellipsis;
+		overflow: hidden;
+		max-width: 130px;
+		text-overflow: ellipsis;
 	}
 }
 
@@ -246,8 +248,12 @@ function _createStatusBadgeCss($statusName, $statusVarNamePrefix = '', $commentL
 			$thisBadgeBackgroundColor = "#fff";
 		}
 
-		if (in_array((string) $statusName, array('0', '5', '9'))) $thisBadgeTextColor = '#999999';
-		if (in_array((string) $statusName, array('6'))) $thisBadgeTextColor = '#777777';
+		if (in_array((string) $statusName, array('0', '5', '9'))) {
+			$thisBadgeTextColor = '#999999';
+		}
+		if (in_array((string) $statusName, array('6'))) {
+			$thisBadgeTextColor = '#777777';
+		}
 
 		print $cssPrefix.".badge-status".$statusName." {\n";
 		print "        color: ".$thisBadgeTextColor." !important;\n";
diff --git a/htdocs/theme/eldy/btn.inc.php b/htdocs/theme/eldy/btn.inc.php
index d6a2251b390..8cb51a152d4 100644
--- a/htdocs/theme/eldy/btn.inc.php
+++ b/htdocs/theme/eldy/btn.inc.php
@@ -1,19 +1,21 @@
 <?php
-if (!defined('ISLOADEDBYSTEELSHEET')) die('Must be call by steelsheet'); ?>
+if (!defined('ISLOADEDBYSTEELSHEET')) {
+	die('Must be call by steelsheet');
+} ?>
 /* <style type="text/css" > */
 
 :root {
-            --btncolortext:rgb(<?php print $colortextlink; ?>);
-            --btncolorbg: #fbfbfb;
-            --btncolorborderhover: none;
-            --btncolorborder: #FFF;
-            /* --butactionbg:rgba(150, 110, 162, 0.95); */
-            --butactionbg:rgb(118, 145, 225);
-            --butactionbg:rgba(150, 110, 162, 0.95);
-            --butactiondeletebg: rgb(234,228,225);
-            /* tertiary color */
-            /* --butactionbg:rgb(218, 235, 225); */
-            /* --butactionbg:rgb(228, 218, 235); */
+			--btncolortext:rgb(<?php print $colortextlink; ?>);
+			--btncolorbg: #fbfbfb;
+			--btncolorborderhover: none;
+			--btncolorborder: #FFF;
+			/* --butactionbg:rgba(150, 110, 162, 0.95); */
+			--butactionbg:rgb(118, 145, 225);
+			--butactionbg:rgba(150, 110, 162, 0.95);
+			--butactiondeletebg: rgb(234,228,225);
+			/* tertiary color */
+			/* --butactionbg:rgb(218, 235, 225); */
+			/* --butactionbg:rgb(228, 218, 235); */
 }
 
 <?php
@@ -45,60 +47,60 @@ if (!empty($conf->global->THEME_DARKMODEENABLED)) {
 /* ============================================================================== */
 
 div.divButAction {
-    margin-bottom: 1.4em;
+	margin-bottom: 1.4em;
 }
 div.tabsAction > a.butAction, div.tabsAction > a.butActionRefused, div.tabsAction > a.butActionDelete,
 div.tabsAction > span.butAction, div.tabsAction > span.butActionRefused, div.tabsAction > span.butActionDelete {
-    margin-bottom: 1.4em !important;
+	margin-bottom: 1.4em !important;
 }
 div.tabsActionNoBottom > a.butAction, div.tabsActionNoBottom > a.butActionRefused {
-    margin-bottom: 0 !important;
+	margin-bottom: 0 !important;
 }
 
 span.butAction, span.butActionDelete {
-    cursor: pointer;
+	cursor: pointer;
 }
 .paginationafterarrows .butAction {
-    font-size: 0.9em;
+	font-size: 0.9em;
 }
 .butAction {
-    background: var(--butactionbg);
-    color: #FFF !important;
-    border-radius: 3px;
-    /* background: rgb(230, 232, 239); */
+	background: var(--butactionbg);
+	color: #FFF !important;
+	border-radius: 3px;
+	/* 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;
+	text-decoration: none;
+	text-transform: uppercase;
+	font-weight: bold;
 
-    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;
-    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); */
+	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;
+	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;*/
+	/*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;
+	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;
+	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;
 }
 
 .tableforfieldcreate a.butActionNew>span.fa-plus-circle, .tableforfieldcreate a.butActionNew>span.fa-plus-circle:hover,
@@ -127,66 +129,66 @@ span.butActionNewRefused>span.fa, span.butActionNewRefused>span.fa:hover
 }
 
 .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);
+	-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;
+	text-decoration: underline;
+	box-shadow: unset !important;
 }
 
 .butActionDelete, .butActionDelete:link, .butActionDelete:visited, .butActionDelete:hover, .butActionDelete:active, .buttonDelete {
-    background: var(--butactiondeletebg);
-    /* border: 1px solid #633; */
-    color: #633;
+	background: var(--butactiondeletebg);
+	/* 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);
+	-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;
+	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;
+	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;
+	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;
+	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;
+	color: #222 ! important;
+	background-color: transparent ! important;
 }
 
 
@@ -195,37 +197,37 @@ TITLE BUTTON
  */
 
 .btnTitle, a.btnTitle {
-    display: inline-block;
-    padding: 4px 4px 4px 4px;
-    font-weight: 400;
-    /* line-height: 1; */
-    text-align: center;
-    white-space: nowrap;
-    vertical-align: middle;
-    -ms-touch-action: manipulation;
-    touch-action: manipulation;
-    cursor: pointer;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    box-shadow: var(--btncolorbg);
-    text-decoration: none;
-    position: relative;
-    /* margin: 0 0 0 8px; */
-    min-width: 72px;
-    text-align: center;
-    color: var(--btncolortext);
-    border: none;
-    font-size: 12px;
-    font-weight: 300;
-    background-color: var(--btncolorbg);
+	display: inline-block;
+	padding: 4px 4px 4px 4px;
+	font-weight: 400;
+	/* line-height: 1; */
+	text-align: center;
+	white-space: nowrap;
+	vertical-align: middle;
+	-ms-touch-action: manipulation;
+	touch-action: manipulation;
+	cursor: pointer;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+	box-shadow: var(--btncolorbg);
+	text-decoration: none;
+	position: relative;
+	/* margin: 0 0 0 8px; */
+	min-width: 72px;
+	text-align: center;
+	color: var(--btncolortext);
+	border: none;
+	font-size: 12px;
+	font-weight: 300;
+	background-color: var(--btncolorbg);
 	border: 1px solid var(--btncolorborder);
 }
 
 a.btnTitle.btnTitleSelected {
-    border: 1px solid #ccc;
-    border-radius: 3px;
+	border: 1px solid #ccc;
+	border-radius: 3px;
 }
 
 .btnTitle > .btnTitle-icon{
@@ -233,43 +235,43 @@ a.btnTitle.btnTitleSelected {
 }
 
 .btnTitle > .btnTitle-label{
-    color: #666666;
+	color: #666666;
 }
 
 .btnTitle:hover, a.btnTitle:hover {
 	border: 1px solid #bbb;
-    border-radius: 3px;
-    position: relative;
-    text-align: center;
-    /* color: #ffffff;
-    background-color: rgb(<?php print $colortextlink; ?>); */
-    font-size: 12px;
-    text-decoration: none;
-    box-shadow: none;
+	border-radius: 3px;
+	position: relative;
+	text-align: center;
+	/* color: #ffffff;
+	background-color: rgb(<?php print $colortextlink; ?>); */
+	font-size: 12px;
+	text-decoration: none;
+	box-shadow: none;
 }
 
 .btnTitle.refused, a.btnTitle.refused, .btnTitle.refused:hover, a.btnTitle.refused:hover {
-        color: #8a8a8a;
-        cursor: not-allowed;
-        background-color: #fbfbfb;
-        background: repeating-linear-gradient( 45deg, #ffffff, #f1f1f1 4px, #f1f1f1 4px, #f1f1f1 4px );
+		color: #8a8a8a;
+		cursor: not-allowed;
+		background-color: #fbfbfb;
+		background: repeating-linear-gradient( 45deg, #ffffff, #f1f1f1 4px, #f1f1f1 4px, #f1f1f1 4px );
 }
 
 .btnTitle:hover .btnTitle-label{
-     color: var(--btncolorborderhover);
+	 color: var(--btncolorborderhover);
 }
 
 .btnTitle.refused .btnTitle-label, .btnTitle.refused:hover .btnTitle-label{
-    color: #8a8a8a;
+	color: #8a8a8a;
 }
 
 .btnTitle>.fa {
-    font-size: 20px;
-    display: block;
+	font-size: 20px;
+	display: block;
 }
 
 div.pagination li:first-child a.btnTitle{
-    margin-left: 10px;
+	margin-left: 10px;
 }
 
 
@@ -284,15 +286,15 @@ div.pagination li:first-child a.btnTitle{
 		font-size: 0.95em;
 	}
 	.btnTitle, a.btnTitle {
-	    display: inline-block;
-	    padding: 4px 4px 4px 4px;
+		display: inline-block;
+		padding: 4px 4px 4px 4px;
 		min-width: unset;
 	}
 }
 
 <?php if (!empty($conf->global->MAIN_BUTTON_HIDE_UNAUTHORIZED) && (!$user->admin)) { ?>
 .butActionRefused, .butActionNewRefused, .btnTitle.refused {
-    display: none !important;
+	display: none !important;
 }
 <?php } ?>
 
diff --git a/htdocs/theme/eldy/dropdown.inc.php b/htdocs/theme/eldy/dropdown.inc.php
index 1140589a2e2..871ee5aa68c 100644
--- a/htdocs/theme/eldy/dropdown.inc.php
+++ b/htdocs/theme/eldy/dropdown.inc.php
@@ -1,63 +1,65 @@
 <?php
-if (!defined('ISLOADEDBYSTEELSHEET')) die('Must be call by steelsheet'); ?>
+if (!defined('ISLOADEDBYSTEELSHEET')) {
+	die('Must be call by steelsheet');
+} ?>
 /* <style type="text/css" > dont remove this line it's an ide hack */
 /*
  * Dropdown of user popup
  */
 
 button.dropdown-item.global-search-item {
-    outline: none;
+	outline: none;
 }
 
 .open>.dropdown-search, .open>.dropdown-bookmark, .open>.dropdown-quickadd, .open>.dropdown-menu, .dropdown dd ul.open {
-    display: block;
+	display: block;
 }
 
 .dropdown-search {
-    border-color: #eee;
+	border-color: #eee;
 
-    position: absolute;
-    top: 100%;
-    left: 0;
-    z-index: 1000;
-    display: none;
-    float: left;
-    min-width: 160px;
-    margin: 2px 0 0;
-    font-size: 14px;
-    text-align: left;
-    list-style: none;
-    background-color: #fff;
-    -webkit-background-clip: padding-box;
-    background-clip: padding-box;
-    border: 1px solid #ccc;
-    border: 1px solid rgba(0,0,0,.15);
-    border-radius: 4px;
-    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
-    box-shadow: 0 6px 12px rgba(0,0,0,.175);
+	position: absolute;
+	top: 100%;
+	left: 0;
+	z-index: 1000;
+	display: none;
+	float: left;
+	min-width: 160px;
+	margin: 2px 0 0;
+	font-size: 14px;
+	text-align: left;
+	list-style: none;
+	background-color: #fff;
+	-webkit-background-clip: padding-box;
+	background-clip: padding-box;
+	border: 1px solid #ccc;
+	border: 1px solid rgba(0,0,0,.15);
+	border-radius: 4px;
+	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
+	box-shadow: 0 6px 12px rgba(0,0,0,.175);
 }
 .dropdown-bookmark {
-    border-color: #eee;
+	border-color: #eee;
 
-    position: absolute;
-    top: 100%;
-    left: 0;
-    z-index: 1000;
-    display: none;
-    float: left;
-    min-width: 160px;
-    margin: 2px 0 0;
-    font-size: 14px;
-    text-align: left;
-    list-style: none;
-    background-color: #fff;
-    -webkit-background-clip: padding-box;
-    background-clip: padding-box;
-    border: 1px solid #ccc;
-    border: 1px solid rgba(0,0,0,.15);
-    border-radius: 4px;
-    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
-    box-shadow: 0 6px 12px rgba(0,0,0,.175);
+	position: absolute;
+	top: 100%;
+	left: 0;
+	z-index: 1000;
+	display: none;
+	float: left;
+	min-width: 160px;
+	margin: 2px 0 0;
+	font-size: 14px;
+	text-align: left;
+	list-style: none;
+	background-color: #fff;
+	-webkit-background-clip: padding-box;
+	background-clip: padding-box;
+	border: 1px solid #ccc;
+	border: 1px solid rgba(0,0,0,.15);
+	border-radius: 4px;
+	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
+	box-shadow: 0 6px 12px rgba(0,0,0,.175);
 }
 .dropdown-quickadd {
 	border-color: #eee;
@@ -83,107 +85,107 @@ button.dropdown-item.global-search-item {
 	box-shadow: 0 6px 12px rgba(0,0,0,.175);
 }
 .dropdown-menu {
-    border-color: #eee;
+	border-color: #eee;
 
-    position: absolute;
-    top: 100%;
-    left: 0;
-    z-index: 1000;
-    display: none;
-    float: left;
-    min-width: 160px;
-    margin: 2px 0 0;
-    font-size: 14px;
-    text-align: left;
-    list-style: none;
-    background-color: #fff;
-    -webkit-background-clip: padding-box;
-    background-clip: padding-box;
-    border: 1px solid #ccc;
-    border: 1px solid rgba(0,0,0,.15);
-    border-radius: 4px;
-    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
-    box-shadow: 0 6px 12px rgba(0,0,0,.175);
+	position: absolute;
+	top: 100%;
+	left: 0;
+	z-index: 1000;
+	display: none;
+	float: left;
+	min-width: 160px;
+	margin: 2px 0 0;
+	font-size: 14px;
+	text-align: left;
+	list-style: none;
+	background-color: #fff;
+	-webkit-background-clip: padding-box;
+	background-clip: padding-box;
+	border: 1px solid #ccc;
+	border: 1px solid rgba(0,0,0,.15);
+	border-radius: 4px;
+	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
+	box-shadow: 0 6px 12px rgba(0,0,0,.175);
 }
 
 
 .dropdown-toggle{
-    text-decoration: none !important;
+	text-decoration: none !important;
 }
 
 .dropdown-toggle::after {
-    /* font part */
-    font-family: "Font Awesome 5 Free";
-    font-size: 0.7em;
-    font-weight: 900;
-    font-style: normal;
-    font-variant: normal;
-    text-rendering: auto;
-    -webkit-font-smoothing: antialiased;
-    text-align:center;
-    text-decoration:none;
-    margin:  auto 3px;
-    display: inline-block;
-    content: "\f078";
+	/* font part */
+	font-family: "Font Awesome 5 Free";
+	font-size: 0.7em;
+	font-weight: 900;
+	font-style: normal;
+	font-variant: normal;
+	text-rendering: auto;
+	-webkit-font-smoothing: antialiased;
+	text-align:center;
+	text-decoration:none;
+	margin:  auto 3px;
+	display: inline-block;
+	content: "\f078";
 
-    -webkit-transition: -webkit-transform .2s ease-in-out;
-    -ms-transition: -ms-transform .2s ease-in-out;
-    transition: transform .2s ease-in-out;
+	-webkit-transition: -webkit-transform .2s ease-in-out;
+	-ms-transition: -ms-transform .2s ease-in-out;
+	transition: transform .2s ease-in-out;
 }
 
 .open>.dropdown-toggle::after {
-    transform: rotate(180deg);
+	transform: rotate(180deg);
 }
 
 /*
 * MENU Dropdown
 */
 .login_block.usedropdown .logout-btn{
-    display: none;
+	display: none;
 }
 
 .tmenu .open.dropdown, .tmenu .open.dropdown {
-    background: rgba(0, 0, 0, 0.1);
+	background: rgba(0, 0, 0, 0.1);
 }
 .tmenu .dropdown-menu, .login_block .dropdown-menu, .topnav .dropdown-menu {
-    position: absolute;
-    right: 2px;
-    <?php echo $left; ?>: auto;
-    line-height:1.3em;
+	position: absolute;
+	right: 2px;
+	<?php echo $left; ?>: auto;
+	line-height:1.3em;
 }
 .tmenu .dropdown-menu, .login_block  .dropdown-menu .user-body {
-    border-bottom-right-radius: 4px;
-    border-bottom-left-radius: 4px;
+	border-bottom-right-radius: 4px;
+	border-bottom-left-radius: 4px;
 }
 .user-body {
-    color: #333;
+	color: #333;
 }
 .side-nav-vert .user-menu .dropdown-menu, .topnav .user-menu .dropdown-menu {
-    border-top-right-radius: 0;
-    border-top-left-radius: 0;
-    padding: 1px 0 0 0;
-    border-top-width: 0;
-    width: 300px;
+	border-top-right-radius: 0;
+	border-top-left-radius: 0;
+	padding: 1px 0 0 0;
+	border-top-width: 0;
+	width: 300px;
 }
 .topnav .user-menu .dropdown-menu {
 	top: 50px;
 }
 .side-nav-vert .user-menu .dropdown-menu, .topnav .user-menu .dropdown-menu {
-    margin-top: 0;
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
+	margin-top: 0;
+	border-top-left-radius: 0;
+	border-top-right-radius: 0;
 }
 
 .side-nav-vert .user-menu .dropdown-menu > .user-header, .topnav .user-menu .dropdown-menu > .user-header {
-    min-height: 100px;
-    padding: 10px;
-    text-align: center;
-    white-space: normal;
+	min-height: 100px;
+	padding: 10px;
+	text-align: center;
+	white-space: normal;
 }
 
 #topmenu-global-search-dropdown .dropdown-menu{
-    width: 300px;
-    max-width: 100%;
+	width: 300px;
+	max-width: 100%;
 }
 
 div#topmenu-global-search-dropdown, div#topmenu-bookmark-dropdown, div#topmenu-quickadd-dropdown {
@@ -192,184 +194,184 @@ div#topmenu-global-search-dropdown, div#topmenu-bookmark-dropdown, div#topmenu-q
 	<?php } ?>
 }
 a.top-menu-dropdown-link {
-    padding: 8px;
+	padding: 8px;
 }
 
 .dropdown-user-image {
-    border-radius: 50%;
-    vertical-align: middle;
-    z-index: 5;
-    height: 90px;
-    width: 90px;
-    border: 3px solid;
-    border-color: transparent;
-    border-color: rgba(255, 255, 255, 0.2);
-    max-width: 100%;
-    max-height :100%;
+	border-radius: 50%;
+	vertical-align: middle;
+	z-index: 5;
+	height: 90px;
+	width: 90px;
+	border: 3px solid;
+	border-color: transparent;
+	border-color: rgba(255, 255, 255, 0.2);
+	max-width: 100%;
+	max-height :100%;
 }
 
 .dropdown-menu > .user-header{
-    background: var(--colorbackhmenu1);
+	background: var(--colorbackhmenu1);
 }
 
 .dropdown-menu .dropdown-header{
-    padding: 8px 8px 8px 8px;
+	padding: 8px 8px 8px 8px;
 }
 
 .dropdown-menu > .user-footer {
-    border-top: 1px solid #f0f0f0;
-    background-color: #f9f9f9;
-    padding: 10px;
+	border-top: 1px solid #f0f0f0;
+	background-color: #f9f9f9;
+	padding: 10px;
 }
 
 .user-footer:after {
-    clear: both;
+	clear: both;
 }
 
 .dropdown-menu > .bookmark-footer{
-    border-top: 1px solid #f0f0f0;
-    background-color: #f9f9f9;
-    padding: 10px;
+	border-top: 1px solid #f0f0f0;
+	background-color: #f9f9f9;
+	padding: 10px;
 }
 
 
 .dropdown-menu > .user-body, .dropdown-body{
-    padding: 15px;
-    border-bottom: 1px solid #f4f4f4;
-    border-top: 1px solid #dddddd;
-    white-space: normal;
+	padding: 15px;
+	border-bottom: 1px solid #f4f4f4;
+	border-top: 1px solid #dddddd;
+	white-space: normal;
 }
 
 .dropdown-menu > .bookmark-body, .dropdown-body{
-    overflow-y: auto;
-    max-height: 60vh ; /* fallback for browsers without support for calc() */
-    max-height: calc(90vh - 110px) ;
+	overflow-y: auto;
+	max-height: 60vh ; /* fallback for browsers without support for calc() */
+	max-height: calc(90vh - 110px) ;
 	white-space: normal;
 }
 #topmenu-bookmark-dropdown .dropdown-menu > .bookmark-body, #topmenu-bookmark-dropdown .dropdown-body{
-    max-height: 60vh ; /* fallback for browsers without support for calc() */
-    max-height: calc(90vh - 200px) ;
+	max-height: 60vh ; /* fallback for browsers without support for calc() */
+	max-height: calc(90vh - 200px) ;
 }
 
 
 .dropdown-body::-webkit-scrollbar {
-        width: 8px;
-    }
+		width: 8px;
+	}
 .dropdown-body::-webkit-scrollbar-thumb {
-    -webkit-border-radius: 0;
-    border-radius: 0;
-    /* background: rgb(<?php echo $colorbackhmenu1 ?>); */
-    background: #aaa;
+	-webkit-border-radius: 0;
+	border-radius: 0;
+	/* background: rgb(<?php echo $colorbackhmenu1 ?>); */
+	background: #aaa;
 }
 .dropdown-body::-webkit-scrollbar-track {
-    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-    -webkit-border-radius: 0;
-    border-radius: 0;
+	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+	-webkit-border-radius: 0;
+	border-radius: 0;
 }
 
 
 #topmenu-login-dropdown, #topmenu-bookmark-dropdown, #topmenu-global-search-dropdown {
-    padding: 0 5px 0 5px;
+	padding: 0 5px 0 5px;
 }
 #topmenu-login-dropdown a:hover{
-    text-decoration: none;
+	text-decoration: none;
 }
 
 #topmenuloginmoreinfo-btn{
-    display: block;
-    text-aling: right;
-    color:#666;
-    cursor: pointer;
+	display: block;
+	text-aling: right;
+	color:#666;
+	cursor: pointer;
 }
 
 #topmenuloginmoreinfo{
-    display: none;
-    clear: both;
-    font-size: 0.95em;
+	display: none;
+	clear: both;
+	font-size: 0.95em;
 }
 
 .button-top-menu-dropdown {
-    display: inline-block;
-    padding: 6px 12px;
-    margin-bottom: 0;
-    font-size: 14px;
-    font-weight: 400;
-    line-height: 1.42857143;
-    text-align: center;
-    white-space: nowrap;
-    vertical-align: middle;
-    -ms-touch-action: manipulation;
-    touch-action: manipulation;
-    cursor: pointer;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    background-image: none;
-    border: 1px solid transparent;
-    border-radius: 4px;
+	display: inline-block;
+	padding: 6px 12px;
+	margin-bottom: 0;
+	font-size: 14px;
+	font-weight: 400;
+	line-height: 1.42857143;
+	text-align: center;
+	white-space: nowrap;
+	vertical-align: middle;
+	-ms-touch-action: manipulation;
+	touch-action: manipulation;
+	cursor: pointer;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+	background-image: none;
+	border: 1px solid transparent;
+	border-radius: 4px;
 }
 
 .user-footer .button-top-menu-dropdown {
-    color: #666666;
-    border-radius: 0;
-    -webkit-box-shadow: none;
-    -moz-box-shadow: none;
-    box-shadow: none;
-    border-width: 1px;
-    background-color: #f4f4f4;
-    border-color: #ddd;
+	color: #666666;
+	border-radius: 0;
+	-webkit-box-shadow: none;
+	-moz-box-shadow: none;
+	box-shadow: none;
+	border-width: 1px;
+	background-color: #f4f4f4;
+	border-color: #ddd;
 }
 
 .dropdown-menu a.top-menu-dropdown-link {
-    color: rgb(<?php print $colortextlink; ?>) !important;
-    -webkit-box-shadow: none;
-    -moz-box-shadow: none;
-    box-shadow: none;
-    display: block;
-    margin: 5px 0px;
+	color: rgb(<?php print $colortextlink; ?>) !important;
+	-webkit-box-shadow: none;
+	-moz-box-shadow: none;
+	box-shadow: none;
+	display: block;
+	margin: 5px 0px;
 }
 
 .dropdown-item {
-    display: block !important;
-    box-sizing: border-box;
-    width: 100%;
-    padding: .3em 1.5em .4em 1em;
-    clear: both;
-    font-weight: 400;
-    color: #212529  !important;
-    text-align: inherit;
-    background-color: transparent;
-    border: 0;
+	display: block !important;
+	box-sizing: border-box;
+	width: 100%;
+	padding: .3em 1.5em .4em 1em;
+	clear: both;
+	font-weight: 400;
+	color: #212529  !important;
+	text-align: inherit;
+	background-color: transparent;
+	border: 0;
 
-    -webkit-box-shadow: none;
-    -moz-box-shadow: none;
-    box-shadow: none;
+	-webkit-box-shadow: none;
+	-moz-box-shadow: none;
+	box-shadow: none;
 }
 
 .dropdown-item::before {
-    /* font part */
-    font-family: "Font Awesome 5 Free";
-    font-weight: 900;
-    font-style: normal;
-    font-variant: normal;
-    text-rendering: auto;
-    -webkit-font-smoothing: antialiased;
-    text-align:center;
-    text-decoration:none;
-    margin-right: 5px;
-    display: inline-block;
-    content: "\f0da";
-    /* color: rgba(0,0,0,0.3); */
+	/* font part */
+	font-family: "Font Awesome 5 Free";
+	font-weight: 900;
+	font-style: normal;
+	font-variant: normal;
+	text-rendering: auto;
+	-webkit-font-smoothing: antialiased;
+	text-align:center;
+	text-decoration:none;
+	margin-right: 5px;
+	display: inline-block;
+	content: "\f0da";
+	/* color: rgba(0,0,0,0.3); */
 }
 .dropdown-item.bookmark-item-external::before {
 	content: "\f35d";
 }
 
 .dropdown-item.active, .dropdown-item:hover, .dropdown-item:focus  {
-    color: #<?php echo $colortextbackhmenu; ?> !important;
-    text-decoration: none;
-    background: rgb(<?php echo $colorbackhmenu1 ?>);
+	color: #<?php echo $colortextbackhmenu; ?> !important;
+	text-decoration: none;
+	background: rgb(<?php echo $colorbackhmenu1 ?>);
 }
 
 /*
@@ -377,34 +379,34 @@ a.top-menu-dropdown-link {
 */
 
 .dropdown-search-input {
-    width: 100%;
-    padding: 10px 35px 10px 20px;
+	width: 100%;
+	padding: 10px 35px 10px 20px;
 
-    background-color: transparent;
-    /*font-size: 14px;
-    line-height: 16px;*/
-    box-sizing: border-box;
+	background-color: transparent;
+	/*font-size: 14px;
+	line-height: 16px;*/
+	box-sizing: border-box;
 
-    color: #575756;
-    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
-    background-repeat: no-repeat;
-    background-size: 16px 16px;
-    background-position: 95% center;
-    border-radius: 10px;
-    border: 1px solid #c4c4c2 !important;
-    transition: all 250ms ease-in-out;
-    backface-visibility: hidden;
-    transform-style: preserve-3d;
+	color: #575756;
+	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
+	background-repeat: no-repeat;
+	background-size: 16px 16px;
+	background-position: 95% center;
+	border-radius: 10px;
+	border: 1px solid #c4c4c2 !important;
+	transition: all 250ms ease-in-out;
+	backface-visibility: hidden;
+	transform-style: preserve-3d;
 
 }
 
 .dropdown-search-input::placeholder {
-    color: color(#575756 a(0.8));
-    letter-spacing: 1.5px;
+	color: color(#575756 a(0.8));
+	letter-spacing: 1.5px;
 }
 
 .hidden-search-result{
-    display: none !important;
+	display: none !important;
 }
 
 /*
@@ -468,11 +470,11 @@ div.quickaddblock:focus {
 @media only screen and (max-width: 767px)
 {
 	.dropdown-search-input {
-	    width: 100%;
+		width: 100%;
 	}
 
 	.tmenu .dropdown-menu, .login_block .dropdown-menu, .topnav .dropdown-menu {
-	    margin-left: 5px;
-	    right: 0;
-    }
+		margin-left: 5px;
+		right: 0;
+	}
 }
diff --git a/htdocs/theme/eldy/global.inc.php b/htdocs/theme/eldy/global.inc.php
index 326aac90390..6a92e16fdb0 100644
--- a/htdocs/theme/eldy/global.inc.php
+++ b/htdocs/theme/eldy/global.inc.php
@@ -1,4 +1,6 @@
-<?php if (!defined('ISLOADEDBYSTEELSHEET')) die('Must be call by steelsheet'); ?>
+<?php if (!defined('ISLOADEDBYSTEELSHEET')) {
+	die('Must be call by steelsheet');
+} ?>
 /* <style type="text/css" > */
 
 /* ============================================================================== */
@@ -101,12 +103,12 @@ body {
 	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;
-    font-weight: 400;
-    <?php print 'direction: '.$langs->trans("DIRECTION").";\n"; ?>
+	margin-top: 0;
+	margin-bottom: 0;
+	margin-right: 0;
+	margin-left: 0;
+	font-weight: 400;
+	<?php print 'direction: '.$langs->trans("DIRECTION").";\n"; ?>
 }
 
 /* Style used to protect html content in output to avoid attack by replacing full page with js content */
@@ -138,10 +140,10 @@ select.vmenusearchselectcombo {
 }
 
 table.liste th.wrapcolumntitle.liste_titre:not(.maxwidthsearch), table.liste td.wrapcolumntitle.liste_titre:not(.maxwidthsearch) {
-    overflow: hidden;
-    white-space: nowrap;
-    max-width: 100px;
-    text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: nowrap;
+	max-width: 100px;
+	text-overflow: ellipsis;
 }
 .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],
@@ -164,20 +166,20 @@ input[type=submit], input[type=submit]:hover {
 	margin-left: 5px;
 }
 input[type=checkbox], input[type=radio] {
-    margin: 0 3px 0 3px;
+	margin: 0 3px 0 3px;
 }
 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_SHOW_BORDER_ON_INPUT) ? '-bottom' : ''; ?>: solid 1px var(--inputbordercolor);
+	font-family: <?php print $fontlist ?>;
+	outline: none;
+	margin: 0px 0px 0px 0px;
+	border<?php echo empty($conf->global->THEME_SHOW_BORDER_ON_INPUT) ? '-bottom' : ''; ?>: solid 1px var(--inputbordercolor);
 }
 
 input {
-    line-height: 1.3em;
+	line-height: 1.3em;
 	padding: 4px;
 	padding-left: 5px;
 }
@@ -199,11 +201,11 @@ input, select {
 	background: var(--butactionbg);
 	color: #FFF !important;
 	border-radius: 3px;
-    border-collapse: collapse;
-    border: none;
+	border-collapse: collapse;
+	border: none;
 }
 #mainbody span.websitetools input.button:not(.buttongen):not(.bordertransp) {
-    color: #000 !important;
+	color: #000 !important;
 }
 #mainbody input.buttongen, #mainbody button.buttongen {
 	padding: 3px 4px;
@@ -214,11 +216,11 @@ input.button:focus {
 }
 
 input.button.massactionconfirmed {
-    margin: 4px;
+	margin: 4px;
 }
 
 input:invalid, select:invalid {
-    border-color: #ea1212;
+	border-color: #ea1212;
 }
 
 /* Focus definitions must be after standard definition */
@@ -233,7 +235,7 @@ textarea.cke_source:focus
 	box-shadow: none;
 }
 div#cke_dp_desc {
-    margin-top: 5px;
+	margin-top: 5px;
 }
 textarea {
 	border-radius: 0;
@@ -279,7 +281,7 @@ input.buttonpayment, button.buttonpayment, div.buttonpayment {
 	max-width: 350px;
 }
 div.buttonpayment input:focus {
-    color: #008;
+	color: #008;
 }
 .buttonpaymentsmall {
 	font-size: 0.65em;
@@ -287,12 +289,12 @@ div.buttonpayment input:focus {
 	padding-right: 5px;
 }
 div.buttonpayment input {
-    background-color: unset;
-    color: #fff;
-    border-bottom: unset;
-    font-weight: bold;
-    text-transform: uppercase;
-    cursor: pointer;
+	background-color: unset;
+	color: #fff;
+	border-bottom: unset;
+	font-weight: bold;
+	text-transform: uppercase;
+	cursor: pointer;
 }
 input.buttonpaymentcb {
 	background-image: url(<?php echo dol_buildpath($path.'/theme/common/credit_card.png', 1) ?>);
@@ -329,17 +331,17 @@ input.buttonpaymentstripe {
 a.butStatus {
 	padding-left: 5px;
 	padding-right: 5px;
-    background-color: transparent;
-    color: var(--colortext) !important;
-    border: 2px solid var( --butactionbg);
-    margin: 0 0.45em !important;
+	background-color: transparent;
+	color: var(--colortext) !important;
+	border: 2px solid var( --butactionbg);
+	margin: 0 0.45em !important;
 }
 
 /* Used by timesheets */
 span.timesheetalreadyrecorded input {
-    border: none;
-    border-bottom: solid 1px rgba(0,0,0,0.4);
-    margin-right: 1px !important;
+	border: none;
+	border-bottom: solid 1px rgba(0,0,0,0.4);
+	margin-right: 1px !important;
 }
 td.onholidaymorning, td.onholidayafternoon {
 	background-color: #fdf6f2;
@@ -363,15 +365,15 @@ td.rightborder {
 }
 
 td.actionbuttons a {
-    padding-left: 6px;
+	padding-left: 6px;
 }
 select.flat, form.flat select, .pageplusone {
 	font-weight: normal;
 	font-size: unset;
 }
 input.pageplusone {
-    padding-bottom: 4px;
-    padding-top: 4px;
+	padding-bottom: 4px;
+	padding-top: 4px;
 }
 
 .saturatemedium {
@@ -400,17 +402,17 @@ input.pageplusone {
 	color: #fff;
 }
 .colorgrey {
-    color: #888 !important;
+	color: #888 !important;
 }
 .colorblack {
 	color: #000;
 }
 
 .vmirror {
-    transform: scale(1, -1);
+	transform: scale(1, -1);
 }
 .hmirror {
-    transform: scale(-1, 1);
+	transform: scale(-1, 1);
 }
 
 select:invalid {
@@ -437,7 +439,7 @@ input[type=file ]    {
 	border-left: none;
 	border-right: none;
 	<?php } ?>
-    border<?php echo empty($conf->global->THEME_SHOW_BORDER_ON_INPUT) ? '-bottom' : ''; ?>: solid 1px var(--inputbordercolor);
+	border<?php echo empty($conf->global->THEME_SHOW_BORDER_ON_INPUT) ? '-bottom' : ''; ?>: solid 1px var(--inputbordercolor);
 }
 input[type=checkbox] { background-color: transparent; border: none; box-shadow: none; }
 input[type=radio]    { background-color: transparent; border: none; box-shadow: none; }
@@ -462,11 +464,11 @@ input#onlinepaymenturl, input#directdownloadlink {
 
 .formconsumeproduce {
 	background: #f3f3f3;
-    padding: 20px 0px 0px 0px;
+	padding: 20px 0px 0px 0px;
 }
 
 div#moretabsList, div#moretabsListaction {
-    z-index: 5;
+	z-index: 5;
 }
 
 hr { border: 0; border-top: 1px solid #ccc; }
@@ -511,38 +513,38 @@ hr { border: 0; border-top: 1px solid #ccc; }
 }
 .button:disabled, .buttonDelete:disabled, .button.disabled {
 	opacity: 0.4;
-    box-shadow: none;
-    -webkit-box-shadow: none;
-    cursor: auto;
+	box-shadow: none;
+	-webkit-box-shadow: none;
+	cursor: auto;
 }
 .buttonRefused {
 	pointer-events: none;
-   	cursor: default;
+	   cursor: default;
 	opacity: 0.4;
-    box-shadow: none;
-    -webkit-box-shadow: none;
+	box-shadow: none;
+	-webkit-box-shadow: none;
 }
 .button_search, .button_removefilter {
-    border: unset;
-    background-color: unset;
+	border: unset;
+	background-color: unset;
 }
 .button_search:hover, .button_removefilter:hover {
-    cursor: pointer;
+	cursor: pointer;
 }
 form {
-    padding:0px;
-    margin:0px;
+	padding:0px;
+	margin:0px;
 }
 form#addproduct {
-    padding-top: 10px;
+	padding-top: 10px;
 }
 div.float, span.floatleft
 {
-    float:<?php print $left; ?>;
+	float:<?php print $left; ?>;
 }
 div.floatright
 {
-    float:<?php print $right; ?>;
+	float:<?php print $right; ?>;
 }
 .block
 {
@@ -553,14 +555,14 @@ div.floatright
 	display:inline-block;
 }
 .largenumber {
-    font-size: 1.4em;
+	font-size: 1.4em;
 }
 button[name='button_search_x'] span.fa.fa-search {
-    font-size: 1.3em;
+	font-size: 1.3em;
 }
 button[name='button_removefilter_x'] span.fa.fa-remove {
-    opacity: 0.5;
-    font-size: 1.3em;
+	opacity: 0.5;
+	font-size: 1.3em;
 }
 button:focus {
 	outline: none;
@@ -568,8 +570,8 @@ button:focus {
 
 
 th .button {
-    -webkit-box-shadow: none !important;
-    box-shadow: none !important;
+	-webkit-box-shadow: none !important;
+	box-shadow: none !important;
 	-webkit-border-radius:0px !important;
 	border-radius:0px !important;
 }
@@ -608,27 +610,27 @@ textarea.centpercent {
 	width: 96%;
 }
 .small, small {
-    font-size: 85%;
+	font-size: 85%;
 }
 
 .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
-    font-size: 65%;
+	font-size: 65%;
 }
 .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
-    font-weight: 400;
-    line-height: 1;
-    color: #777;
+	font-weight: 400;
+	line-height: 1;
+	color: #777;
 }
 
 .flip {
 	transform: scaleX(-1) translate(2px, 0);
 }
 .center {
-    text-align: center;
-    margin: 0px auto;
+	text-align: center;
+	margin: 0px auto;
 }
 .alignstart {
-    text-align: start;
+	text-align: start;
 }
 .left {
 	text-align: <?php print $left; ?>;
@@ -640,10 +642,10 @@ textarea.centpercent {
 	text-align: justify;
 }
 .pull-left {
-    float: left!important;
+	float: left!important;
 }
 .pull-right {
-    float: right!important;
+	float: right!important;
 }
 .nowrap {
 	white-space: <?php print ($dol_optimize_smallscreen ? 'normal' : 'nowrap'); ?>;
@@ -679,7 +681,7 @@ textarea.centpercent {
 	text-transform: uppercase;
 }
 .nounderline {
-    text-decoration: none;
+	text-decoration: none;
 }
 .nopadding {
 	padding: 0;
@@ -733,48 +735,48 @@ textarea.centpercent {
 	cursor: not-allowed;
 }
 .backgroundblank {
-    background-color: #fff;
+	background-color: #fff;
 }
 .nobackground, .nobackground tr {
 	background: unset !important;
 }
 .checkboxattachfilelabel {
-    font-size: 0.85em;
-    opacity: 0.7;
+	font-size: 0.85em;
+	opacity: 0.7;
 }
 .borderimp {
 	border: 1px solid #888 !important;
 }
 .text-warning{
-    color : <?php print $textWarning; ?>
+	color : <?php print $textWarning; ?>
 }
 .longmessagecut {
-    max-height: 250px;
-    max-width: 100%;
-    overflow-y: auto;
+	max-height: 250px;
+	max-width: 100%;
+	overflow-y: auto;
 }
 
 body[class*="colorblind-"] .text-warning{
-    color : <?php print $colorblind_deuteranopes_textWarning; ?>
+	color : <?php print $colorblind_deuteranopes_textWarning; ?>
 }
 .text-success{
-    color : <?php print $textSuccess; ?>
+	color : <?php print $textSuccess; ?>
 }
 body[class*="colorblind-"] .text-success{
-    color : <?php print $colorblind_deuteranopes_textSuccess; ?>
+	color : <?php print $colorblind_deuteranopes_textSuccess; ?>
 }
 
 .text-danger{
-    color : <?php print $textDanger; ?>
+	color : <?php print $textDanger; ?>
 }
 
 .editfielda span.fa-pencil-alt, .editfielda span.fa-pencil-ruler, .editfielda span.fa-trash, .editfielda span.fa-crop,
 .editfieldlang {
-    color: #ccc !important;
+	color: #ccc !important;
 }
 .editfielda span.fa-pencil-alt:hover, .editfielda span.fa-pencil-ruler:hover, .editfielda span.fa-trash:hover, .editfielda span.fa-crop:hover,
 .editfieldlang:hover {
-    color: var(--colortexttitle) !important;
+	color: var(--colortexttitle) !important;
 }
 .fawidth30 {
 	width: 20px;
@@ -784,9 +786,9 @@ body[class*="colorblind-"] .text-success{
 }
 
 span.fa.fa-plus-circle.paddingleft {
-    padding-right: 4px;
-    padding-top: 3px;
-    padding-bottom: 2px;
+	padding-right: 4px;
+	padding-top: 3px;
+	padding-bottom: 2px;
 }
 
 .size15x { font-size: 1.5em !important; }
@@ -801,7 +803,7 @@ span.fa.fa-plus-circle.paddingleft {
 
 /* Themes for badges */
 
-    <?php include dol_buildpath($path.'/theme/'.$theme.'/badges.inc.php', 0); ?>
+	<?php include dol_buildpath($path.'/theme/'.$theme.'/badges.inc.php', 0); ?>
 
 .borderrightlight
 {
@@ -815,8 +817,8 @@ span.fa.fa-plus-circle.paddingleft {
 	margin-top: 4px;
 }
 #formuserfile input[type='file'] {
-    font-size: 1em;
-    /* opacity: 0.5em; */
+	font-size: 1em;
+	/* opacity: 0.5em; */
 }
 /*#formuserfile input[type='file']:valid {
 	color: #a00;
@@ -829,56 +831,56 @@ span.fa.fa-plus-circle.paddingleft {
 	margin-left: 1px;
 }
 #formuserfile_link input[type='text'] {
-    font-size: 1em;
+	font-size: 1em;
 }
 .listofinvoicetype {
 	height: 28px;
 	vertical-align: middle;
 }
 .divsocialnetwork:not(:first-child) {
-    padding-left: 20px;
+	padding-left: 20px;
 }
 div.divsearchfield {
 	float: <?php print $left; ?>;
 	margin-<?php print $right; ?>: 12px;
-    margin-<?php print $left; ?>: 2px;
+	margin-<?php print $left; ?>: 2px;
 	margin-top: 4px;
-    margin-bottom: 4px;
-  	padding-left: 2px;
+	margin-bottom: 4px;
+	  padding-left: 2px;
 }
 .divsearchfieldfilter {
-    text-overflow: clip;
-    overflow: auto;
-    padding-bottom: 5px;
-    opacity: 0.6;
+	text-overflow: clip;
+	overflow: auto;
+	padding-bottom: 5px;
+	opacity: 0.6;
 }
 .divadvancedsearchfield:first-child {
-    margin-top: 3px;
+	margin-top: 3px;
 }
 .divadvancedsearchfield {
-    float: left;
-    padding-left: 15px;
-    padding-right: 15px;
-    padding-bottom: 2px;
-    padding-top: 2px;
+	float: left;
+	padding-left: 15px;
+	padding-right: 15px;
+	padding-bottom: 2px;
+	padding-top: 2px;
 }
 .divadvancedsearchfield span.select2.select2-container.select2-container--default {
 	padding-bottom: 4px;
 }
 .search_component_params {
 	/*display: flex; */
-    -webkit-flex-flow: row wrap;
-    flex-flow: row wrap;
-    background: #fff;
-    padding-top: 3px;
-    padding-bottom: 3px;
-    padding-left: 10px;
-    padding-right: 10px;
-    border-bottom: solid 1px rgba(0,0,0,.2);
-    height: 24px;
+	-webkit-flex-flow: row wrap;
+	flex-flow: row wrap;
+	background: #fff;
+	padding-top: 3px;
+	padding-bottom: 3px;
+	padding-left: 10px;
+	padding-right: 10px;
+	border-bottom: solid 1px rgba(0,0,0,.2);
+	height: 24px;
 }
 .search_component_searchtext {
-    padding-top: 2px;
+	padding-top: 2px;
 }
 .search_component_params_text, .search_component_params_text:focus {
 	border-bottom: none;
@@ -888,16 +890,16 @@ div.divsearchfield {
 }
 
 .a-filter, .a-mesure {
-    border-radius: 50px;
-    background: var(--colortexttitlenotab);
-    color: #fff;
-    padding: 8px 10px 8px 6px;
+	border-radius: 50px;
+	background: var(--colortexttitlenotab);
+	color: #fff;
+	padding: 8px 10px 8px 6px;
 }
 .a-filter:before {
-    content: "\f0b0";
+	content: "\f0b0";
 }
 .a-mesure:before {
-    content: "\f080";
+	content: "\f080";
 }
 .a-filter:before, .a-mesure:before {
 	font-family: "Font Awesome 5 Free";
@@ -906,10 +908,10 @@ div.divsearchfield {
 	padding-left: 5px;
 }
 .a-filter-disabled, .a-mesure-disabled {
-    border-radius: 50px;
-    background: var(--colorbacktitle1);
-    padding: 8px;
-    opacity: 0.6;
+	border-radius: 50px;
+	background: var(--colorbacktitle1);
+	padding: 8px;
+	opacity: 0.6;
 }
 
 div.div-for-modal {
@@ -920,9 +922,9 @@ div.div-for-modal {
 	width:500px;  /* adjust as per your needs */
 	height:400px;   /* adjust as per your needs */
 	background: #fff;
-    border: 1px solid #bbb;
-    box-shadow: 2px 2px 20px #ddd;
-    z-index: 100;
+	border: 1px solid #bbb;
+	box-shadow: 2px 2px 20px #ddd;
+	z-index: 100;
 }
 
 <?php
@@ -930,7 +932,7 @@ div.div-for-modal {
 if ($conf->browser->layout == 'phone') {
 	?>
 .divsearchfieldfilter {
-   	white-space: nowrap;
+	   white-space: nowrap;
 }
 <?php } ?>
 div.confirmmessage {
@@ -957,12 +959,12 @@ ul.attendees li {
 	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;
+	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;
+	max-width: 62px;
 }
 .selectlimit, .marginrightonly {
 	margin-right: 10px !important;
@@ -989,16 +991,16 @@ select.flat.selectlimit {
 	margin-bottom: 3px !important;
 }
 .nomargintop {
-    margin-top: 0 !important;
+	margin-top: 0 !important;
 }
 .nomarginbottom {
-    margin-bottom: 0 !important;
+	margin-bottom: 0 !important;
 }
 .selectlimit, .selectlimit:focus {
-    border-left: none !important;
-    border-top: none !important;
-    border-right: none !important;
-    outline: none;
+	border-left: none !important;
+	border-top: none !important;
+	border-right: none !important;
+	outline: none;
 }
 .strikefordisabled {
 	text-decoration: line-through;
@@ -1011,69 +1013,69 @@ select.flat.selectlimit {
    text-overflow: none;
 }
 .tdoverflow {
-    max-width: 0;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
+	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;
+	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;
+	max-width: 100px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
 }
 .tdoverflowmax100imp {			/* For tdoverflow, the max-midth become a minimum ! */
-    max-width: 100px !important;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
+	max-width: 100px !important;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
 }
 .tdoverflowmax125 {			/* For tdoverflow, the max-midth become a minimum ! */
-    max-width: 125px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
+	max-width: 125px;
+	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;
+	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;
+	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;
+	max-width: 300px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
 }
 .tdoverflowauto {
-    max-width: 0;
-    overflow: auto;
+	max-width: 0;
+	overflow: auto;
 }
 .divintowithtwolinesmax {
-    width: 75px;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
-    overflow: hidden;
+	width: 75px;
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 2;
+	overflow: hidden;
 }
 .twolinesmax {
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
-    overflow: hidden;
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 2;
+	overflow: hidden;
 }
 
 .tablelistofcalendars {
@@ -1082,8 +1084,8 @@ select.flat.selectlimit {
 
 /* Styles for amount on card */
 table.paymenttable td.amountpaymentcomplete, table.paymenttable td.amountremaintopay {
-    padding-top: 0px;
-    padding-bottom: 0px;
+	padding-top: 0px;
+	padding-bottom: 0px;
 }
 .amountalreadypaid {
 }
@@ -1108,10 +1110,10 @@ table.paymenttable td.amountpaymentcomplete, table.paymenttable td.amountremaint
 }
 
 .onlinepaymentbody .amountpaymentcomplete {
-    background-color: var(--amountpaymentcomplete);
-    color: #fff;
-    padding: 5px;
-    border-radius: 5px;
+	background-color: var(--amountpaymentcomplete);
+	color: #fff;
+	padding: 5px;
+	border-radius: 5px;
 }
 
 .savingdocmask {
@@ -1119,19 +1121,19 @@ table.paymenttable td.amountpaymentcomplete, table.paymenttable td.amountremaint
 	margin-bottom: 12px;
 }
 #builddoc_form ~ .showlinkedobjectblock {
-    margin-top: 20px;
+	margin-top: 20px;
 }
 
 /* For the long description of module */
 .moduledesclong p img, .moduledesclong p a img {
-    max-width: 90% !important;
-    height: auto !important;
+	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);
+	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;
@@ -1143,51 +1145,53 @@ table.paymenttable td.amountpaymentcomplete, table.paymenttable td.amountremaint
 
 /* 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;
+	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%;
+	overflow-x: auto;
+	min-height: 0.01%;
 }
 .div-table-responsive {
-    line-height: 120%;
+	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;
+	overflow-x: auto;
 }
 div.fiche>form>div.div-table-responsive {
-    min-height: 392px;
+	min-height: 392px;
 }
 div.fiche>div.tabBar>form>div.div-table-responsive {
-    min-height: 392px;
+	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;
+	<?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: 148px;
+	min-width: 148px;
 }
 .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 */
+	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;
+	min-width: 150px;
+	width: 100%;
+	display: inline;
 <?php } else { ?>
 	flex-grow: 1;
 	flex-shrink: 0;
@@ -1202,7 +1206,7 @@ select.selectarrowonleft option {
 }
 
 table[summary="list_of_modules"] .fa-cog {
-    font-size: 1.5em;
+	font-size: 1.5em;
 }
 
 .linkedcol-element {
@@ -1238,24 +1242,24 @@ table[summary="list_of_modules"] .fa-cog {
 {
 	.width20  { width: 20px; }
 	.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; }
-    .minwidth250imp { min-width: 250px !important; }
-    .minwidth300imp { min-width: 300px !important; }
-    .minwidth400imp { min-width: 400px !important; }
-    .minwidth500imp { min-width: 500px !important; }
+	.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; }
+	.minwidth250imp { min-width: 250px !important; }
+	.minwidth300imp { min-width: 300px !important; }
+	.minwidth400imp { min-width: 400px !important; }
+	.minwidth500imp { min-width: 500px !important; }
 }
 .widthauto { width: auto; }
 .width20  { width: 20px; }
@@ -1307,16 +1311,16 @@ table[summary="list_of_modules"] .fa-cog {
 	.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; }
-    .minwidth250imp { min-width: 250px !important; }
-    .minwidth300imp { min-width: 300px !important; }
-    .minwidth400imp { min-width: 300px !important; }
-    .minwidth500imp { min-width: 300px !important; }
+	.minwidth75imp  { min-width: 75px !important; }
+	.minwidth100imp { min-width: 100px !important; }
+	.minwidth150imp { min-width: 150px !important; }
+	.minwidth200imp { min-width: 200px !important; }
+	.minwidth250imp { min-width: 250px !important; }
+	.minwidth300imp { min-width: 300px !important; }
+	.minwidth400imp { min-width: 300px !important; }
+	.minwidth500imp { min-width: 300px !important; }
 
-    .linkedcol-element {
+	.linkedcol-element {
 		min-width: unset;
 	}
 }
@@ -1324,16 +1328,16 @@ table[summary="list_of_modules"] .fa-cog {
 /* Force values for small screen 1000 */
 @media only screen and (max-width: 1000px)
 {
-    .maxwidthonsmartphone { max-width: 100px; }
+	.maxwidthonsmartphone { max-width: 100px; }
 	.minwidth50imp  { min-width: 50px !important; }
-    .minwidth75imp  { min-width: 75px !important; }
-    .minwidth100imp { min-width: 100px !important; }
-    .minwidth150imp { min-width: 110px !important; }
-    .minwidth200imp { min-width: 110px !important; }
-    .minwidth250imp { min-width: 115px !important; }
-    .minwidth300imp { min-width: 120px !important; }
-    .minwidth400imp { min-width: 150px !important; }
-    .minwidth500imp { min-width: 250px !important; }
+	.minwidth75imp  { min-width: 75px !important; }
+	.minwidth100imp { min-width: 100px !important; }
+	.minwidth150imp { min-width: 110px !important; }
+	.minwidth200imp { min-width: 110px !important; }
+	.minwidth250imp { min-width: 115px !important; }
+	.minwidth300imp { min-width: 120px !important; }
+	.minwidth400imp { min-width: 150px !important; }
+	.minwidth500imp { min-width: 250px !important; }
 }
 
 select.widthcentpercentminusx, span.widthcentpercentminusx:not(.select2-selection), input.widthcentpercentminusx {
@@ -1352,16 +1356,16 @@ select.widthcentpercentminusxx, span.widthcentpercentminusxx:not(.select2-select
 		font-size: <?php print is_numeric($fontsize) ? ($fontsize + 3).'px' : $fontsize; ?> !important;
 	}
 	.divadvancedsearchfield {
-    	padding-left: 5px;
-    	padding-right: 5px;
-    }
-
-	div.divphotoref {
-	    padding-right: 10px !important;
+		padding-left: 5px;
+		padding-right: 5px;
 	}
 
-    .hideonsmartphone { display: none; }
-    .hideonsmartphoneimp { display: none !important; }
+	div.divphotoref {
+		padding-right: 10px !important;
+	}
+
+	.hideonsmartphone { display: none; }
+	.hideonsmartphoneimp { display: none !important; }
 
 	span.pictotitle {
 		margin-<?php echo $left; ?>: 0 !important;
@@ -1383,17 +1387,17 @@ select.widthcentpercentminusxx, span.widthcentpercentminusxx:not(.select2-select
 		width:	auto !important;
 	}
 	.poweredbypublicpayment {
-    	float: unset !important;
+		float: unset !important;
 		top: unset !important;
-    	bottom: 8px;
-    	position: relative !important;
-    }
-    .poweredbyimg {
-    	width: 48px;
-    }
-    input.buttonpayment, button.buttonpayment, div.buttonpayment {
-    	min-width: 270px;
-    }
+		bottom: 8px;
+		position: relative !important;
+	}
+	.poweredbyimg {
+		width: 48px;
+	}
+	input.buttonpayment, button.buttonpayment, div.buttonpayment {
+		min-width: 270px;
+	}
 }
 
 /* Force values for small screen 570 */
@@ -1419,31 +1423,31 @@ select.widthcentpercentminusxx, span.widthcentpercentminusxx:not(.select2-select
 
 	.divmainbodylarge { margin-left: 20px !important; margin-right: 20px !important; }
 
-    .tdoverflowonsmartphone {
-        max-width: 0;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-    }
-    .tdoverflowmax100onsmartphone {			/* For tdoverflow, the max-midth become a minimum ! */
-	    max-width: 100px;
-	    overflow: hidden;
-	    text-overflow: ellipsis;
-	    white-space: nowrap;
+	.tdoverflowonsmartphone {
+		max-width: 0;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
 	}
-    .tdoverflowmax150onsmartphone {			/* For tdoverflow, the max-midth become a minimum ! */
-	    max-width: 100px;
-	    overflow: hidden;
-	    text-overflow: ellipsis;
-	    white-space: nowrap;
+	.tdoverflowmax100onsmartphone {			/* For tdoverflow, the max-midth become a minimum ! */
+		max-width: 100px;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+	.tdoverflowmax150onsmartphone {			/* For tdoverflow, the max-midth become a minimum ! */
+		max-width: 100px;
+		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;
 	}
-    .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%;
-    }
+	.quatrevingtpercent, .inputsearch {
+		width: 95%;
+	}
 
 	select {
 		padding-top: 4px;
@@ -1455,36 +1459,36 @@ select.widthcentpercentminusxx, span.widthcentpercentminusxx:not(.select2-select
 	}
 	input, input[type=text], input[type=password], select, textarea     {
 		min-width: 20px;
-    }
-    .trinputlogin input[type=text], input[type=password] {
+	}
+	.trinputlogin input[type=text], input[type=password] {
 		max-width: 140px;
 	}
-    .vmenu .searchform input {
+	.vmenu .searchform input {
 		max-width: 138px;	/* length of input text in the quick search box when using a smartphone and without dolidroid */
 	}
 
-    .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; }
-    .maxwidth150onsmartphoneimp { max-width: 120px !important; }
-    .maxwidth200onsmartphone { max-width: 200px; }
-    .maxwidth250onsmartphone { max-width: 250px; }
-    .maxwidth300onsmartphone { max-width: 300px; }
-    .maxwidth400onsmartphone { max-width: 400px; }
+	.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; }
+	.maxwidth150onsmartphoneimp { max-width: 120px !important; }
+	.maxwidth200onsmartphone { max-width: 200px; }
+	.maxwidth250onsmartphone { max-width: 250px; }
+	.maxwidth300onsmartphone { max-width: 300px; }
+	.maxwidth400onsmartphone { max-width: 400px; }
 	.minwidth50imp  { min-width: 50px !important; }
 	.minwidth75imp  { min-width: 75px !important; }
-    .minwidth100imp { min-width: 100px !important; }
-    .minwidth150imp { min-width: 110px !important; }
-    .minwidth200imp { min-width: 110px !important; }
-    .minwidth250imp { min-width: 115px !important; }
-    .minwidth300imp { min-width: 120px !important; }
-    .minwidth400imp { min-width: 150px !important; }
-    .minwidth500imp { min-width: 250px !important; }
-    .titlefield { width: auto; }
-    .titlefieldcreate { width: auto; }
+	.minwidth100imp { min-width: 100px !important; }
+	.minwidth150imp { min-width: 110px !important; }
+	.minwidth200imp { min-width: 110px !important; }
+	.minwidth250imp { min-width: 115px !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;
@@ -1499,38 +1503,38 @@ select.widthcentpercentminusxx, span.widthcentpercentminusxx:not(.select2-select
 
 	div.divphotoref {
 		padding-<?php echo $right; ?>: 5px;
-	    padding-bottom: 5px;
+		padding-bottom: 5px;
+	}
+	img.photoref, div.photoref {
+		border: 1px solid rgba(0, 0, 0, 0.2);
+		box-shadow: none;
+		-webkit-box-shadow: none;
+		padding: 4px;
+		height: 20px;
+		width: 20px;
+		object-fit: contain;
 	}
-    img.photoref, div.photoref {
-    	border: 1px solid rgba(0, 0, 0, 0.2);
-    	box-shadow: none;
-        -webkit-box-shadow: none;
-        padding: 4px;
-    	height: 20px;
-    	width: 20px;
-        object-fit: contain;
-    }
 
 	div.statusref {
-    	padding-right: 10px;
-   	}
+		padding-right: 10px;
+	   }
 	div.statusref img {
-    	padding-right: 3px !important;
-   	}
+		padding-right: 3px !important;
+	   }
 	div.statusrefbis {
-    	padding-right: 3px !important;
-   	}
+		padding-right: 3px !important;
+	   }
 	/* TODO
 	div.statusref {
-    	padding-top: 0px !important;
-    	padding-left: 0px !important;
-    	border: none !important;
-   	}
+		padding-top: 0px !important;
+		padding-left: 0px !important;
+		border: none !important;
+	   }
 	*/
 
-   	input.buttonpayment {
+	   input.buttonpayment {
 		min-width: 300px;
-   	}
+	   }
 }
 .linkobject { cursor: pointer; }
 
@@ -1629,23 +1633,23 @@ div.blockvmenulogo
 	border-bottom: 0 !important;
 }
 .menulogocontainer {
-    margin: <?php echo $disableimages ? '0' : '6'; ?>px;
-    margin-left: 11px;
-    margin-right: 9px;
-    padding: 0;
-    height: <?php echo $disableimages ? '20' : '32'; ?>px;
-    /* width: 100px; */
-    max-width: 100px;
-    vertical-align: middle;
+	margin: <?php echo $disableimages ? '0' : '6'; ?>px;
+	margin-left: 11px;
+	margin-right: 9px;
+	padding: 0;
+	height: <?php echo $disableimages ? '20' : '32'; ?>px;
+	/* width: 100px; */
+	max-width: 100px;
+	vertical-align: middle;
 }
 .backgroundforcompanylogo {
-    background-color: rgba(255,255,255,0.7);
-    border-radius: 4px;
+	background-color: rgba(255,255,255,0.7);
+	border-radius: 4px;
 }
 .menulogocontainer img.mycompany {
-    object-fit: contain;
-    width: inherit;
-    height: inherit;
+	object-fit: contain;
+	width: inherit;
+	height: inherit;
 }
 #mainmenutd_companylogo::after, #mainmenutd_menu::after {
 	content: unset !important;
@@ -1680,8 +1684,8 @@ div.vmenu, td.vmenu {
 	padding-right: 10px !important;
 }
 .blockvmenu .menu_titre {
-    margin-top: 4px;
-    margin-bottom: 1px;
+	margin-top: 4px;
+	margin-bottom: 1px;
 }
 
 /* Try responsive even not on smartphone
@@ -1721,7 +1725,7 @@ div.vmenu, td.vmenu {
 		padding-left: 20px;
 		padding-right: 20px;
 		position: absolute;
-	    	z-index: 90;
+			z-index: 90;
 	}
 	div.blockvmenulogo
 	{
@@ -1759,8 +1763,12 @@ div.vmenu, td.vmenu {
 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"; ?>
+	<?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;
@@ -1779,28 +1787,50 @@ 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"; } ?>
+	<?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"; } ?>
+	<?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.fichetwothirdright div.ficheaddleft {
-     padding-<?php echo $left; ?>: 20px;
+	 padding-<?php echo $left; ?>: 20px;
 }
 div.fichehalfleft {
-	<?php if ($conf->browser->layout != 'phone') { print "float: ".$left.";\n"; } ?>
-	<?php if ($conf->browser->layout != 'phone') { print "width: calc(50% - 10px);\n"; } ?>
+	<?php if ($conf->browser->layout != 'phone') {
+		print "float: ".$left.";\n";
+	} ?>
+	<?php if ($conf->browser->layout != 'phone') {
+		print "width: calc(50% - 10px);\n";
+	} ?>
 }
 div.fichehalfright {
-	<?php if ($conf->browser->layout != 'phone') { print "float: ".$right.";\n"; } ?>
-	<?php if ($conf->browser->layout != 'phone') { print "width: calc(50% - 10px);\n"; } ?>
+	<?php if ($conf->browser->layout != 'phone') {
+		print "float: ".$right.";\n";
+	} ?>
+	<?php if ($conf->browser->layout != 'phone') {
+		print "width: calc(50% - 10px);\n";
+	} ?>
 }
 div.fichehalfright {
-	<?php if ($conf->browser->layout == 'phone') { print "margin-top: 10px;\n"; } ?>
+	<?php if ($conf->browser->layout == 'phone') {
+		print "margin-top: 10px;\n";
+	} ?>
 }
 div.firstcolumn div.box {
 	padding-right: 10px;
@@ -1811,42 +1841,42 @@ div.secondcolumn div.box {
 /* 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.fichetwothirdright div.ficheaddleft {
-    	padding-left: 0;
+	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.fichehalfleft {
-    	float: none;
-    	width: auto;
-    }
-    div.fichehalfright {
-    	float: none;
-    	width: auto;
-    }
-    div.fichehalfright {
-    	margin-top: 10px;
-    }
-    div.firstcolumn div.box {
+	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.fichetwothirdright div.ficheaddleft {
+		padding-left: 0;
+	}
+	div.fichehalfleft {
+		float: none;
+		width: auto;
+	}
+	div.fichehalfright {
+		float: none;
+		width: auto;
+	}
+	div.fichehalfright {
+		margin-top: 10px;
+	}
+	div.firstcolumn div.box {
 		padding-right: 0px;
 	}
 	div.secondcolumn div.box {
@@ -1857,23 +1887,23 @@ div.secondcolumn div.box {
 /* 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;
-    }
+	div.fichehalfleft-lg {
+		float: none;
+		width: auto;
+	}
+	div.fichehalfright-lg {
+		float: none;
+		width: auto;
+	}
 
-    .fichehalfright-lg .fichehalfright {
-    	padding-left:0;
-    }
+	.fichehalfright-lg .fichehalfright {
+		padding-left:0;
+	}
 }
 
 /* For table into table into card */
 div.fichehalfright tr.liste_titre:first-child td table.nobordernopadding td {
-    padding: 0 0 0 0;
+	padding: 0 0 0 0;
 }
 div.nopadding {
 	padding: 0 !important;
@@ -1885,28 +1915,28 @@ div.nopadding {
 }
 
 td.nobordernopadding.widthpictotitle.col-picto {
-    color: #bbb;
-    opacity: 0.85;
+	color: #bbb;
+	opacity: 0.85;
 }
 .table-list-of-attached-files .col-picto, .table-list-of-links .col-picto {
-    opacity: 0.7 !important;
-    font-size: 0.7em;
-    width: 20px;
+	opacity: 0.7 !important;
+	font-size: 0.7em;
+	width: 20px;
 }
 .table-list-of-attached-files .col-picto .widthpictotitle, .table-list-of-links .col-picto .widthpictotitle {
 	width: unset;
-    color: #999;
+	color: #999;
 }
 
 /*
 span.widthpictotitle.pictotitle {
-    background: var(--colortexttitlenotab);
-    opacity: 0.8;
-    color: #fff !important;
-    padding: 7px;
-    border-radius: 2px;
-    min-width: 30px;
-    text-align: center;
+	background: var(--colortexttitlenotab);
+	opacity: 0.8;
+	color: #fff !important;
+	padding: 7px;
+	border-radius: 2px;
+	min-width: 30px;
+	text-align: center;
 }
 */
 .pictotitle {
@@ -1918,8 +1948,8 @@ span.widthpictotitle.pictotitle {
 	width: 14px;
 }
 .pictosubstatus {
-    padding-left: 2px;
-    padding-right: 2px;
+	padding-left: 2px;
+	padding-right: 2px;
 }
 .pictostatus {
 	width: 15px;
@@ -1927,14 +1957,14 @@ span.widthpictotitle.pictotitle {
 	margin-top: -3px
 }
 .pictowarning, .pictoerror, .pictopreview {
-    padding-<?php echo $left; ?>: 3px;
+	padding-<?php echo $left; ?>: 3px;
 }
 .pictowarning {
-    /* vertical-align: text-bottom; */
-    color: <?php echo $badgeWarning ?>;
+	/* vertical-align: text-bottom; */
+	color: <?php echo $badgeWarning ?>;
 }
 .pictoerror {
-    color: <?php echo $badgeDanger ?>;
+	color: <?php echo $badgeDanger ?>;
 }
 .pictomodule {
 	width: 14px;
@@ -1945,12 +1975,12 @@ span.widthpictotitle.pictotitle {
 .fiche .arearef img.pictoedit, .fiche .arearef span.pictoedit,
 .fiche .fichecenter img.pictoedit, .fiche .fichecenter span.pictoedit,
 .tagtdnote span.pictoedit {
-    opacity: 0.4;
+	opacity: 0.4;
 }
 .pictofixedwidth {
-    text-align: left;
-    width: 18px;
-    padding-right: 0;
+	text-align: left;
+	width: 18px;
+	padding-right: 0;
 }
 
 .colorthumb {
@@ -1990,9 +2020,9 @@ div.paginationref {
 }
 /* TODO
 div.statusref {
-   	padding: 10px;
-   	border: 1px solid #bbb;
-   	border-radius: 6px;
+	   padding: 10px;
+	   border: 1px solid #bbb;
+	   border-radius: 6px;
 } */
 div.statusref {
 	float: right;
@@ -2000,33 +2030,33 @@ div.statusref {
 	margin-top: 8px;
 	margin-bottom: 10px;
 	clear: both;
-    text-align: right;
+	text-align: right;
 }
 div.statusref img {
-    padding-left: 8px;
-   	padding-right: 9px;
-   	vertical-align: text-bottom;
-   	width: 18px;
+	padding-left: 8px;
+	   padding-right: 9px;
+	   vertical-align: text-bottom;
+	   width: 18px;
 }
 div.statusrefbis {
-    padding-left: 8px;
-   	padding-right: 9px;
-   	vertical-align: text-bottom;
+	padding-left: 8px;
+	   padding-right: 9px;
+	   vertical-align: text-bottom;
 }
 img.photoref, div.photoref {
 	/* border: 1px solid #DDD; */
-    -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
-    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
-    padding: 4px;
+	-webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
+	box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2);
+	padding: 4px;
 	height: 80px;
 	width: 80px;
-    object-fit: contain;
+	object-fit: contain;
 }
 div.photoref .fa, div.photoref .fas, div.photoref .far {
 	font-size: 2.5em;
 }
 img.fitcontain {
-    object-fit: contain;
+	object-fit: contain;
 }
 div.photoref {
 	display:table-cell;
@@ -2034,12 +2064,12 @@ div.photoref {
 	text-align:center;
 }
 img.photorefnoborder {
-    padding: 2px;
+	padding: 2px;
 	height: 48px;
 	width: 48px;
-    object-fit: contain;
-    border: 1px solid #AAA;
-    border-radius: 100px;
+	object-fit: contain;
+	border: 1px solid #AAA;
+	border-radius: 100px;
 }
 .underrefbanner {
 }
@@ -2048,8 +2078,8 @@ img.photorefnoborder {
 	/* border-bottom: 2px solid var(--colorbackhmenu1); */
 }
 .trextrafieldseparator td, .trextrafields_collapse_last td {
-    /* border-bottom: 2px solid var(--colorbackhmenu1) !important; */
-    border-bottom: 2px solid rgb(<?php echo $colortopbordertitle1 ?>) !important;
+	/* border-bottom: 2px solid var(--colorbackhmenu1) !important; */
+	border-bottom: 2px solid rgb(<?php echo $colortopbordertitle1 ?>) !important;
 }
 
 .tdhrthin {
@@ -2079,12 +2109,12 @@ div#tmenu_tooltip {
 <?php } ?>
 
   -webkit-touch-callout: none; /* iOS Safari */
-    -webkit-user-select: none; /* Safari */
-     -khtml-user-select: none; /* Konqueror HTML */
-       -moz-user-select: none; /* Firefox */
-        -ms-user-select: none; /* Internet Explorer/Edge */
-            user-select: none; /* Non-prefixed version, currently
-                                  supported by Chrome and Opera */
+	-webkit-user-select: none; /* Safari */
+	 -khtml-user-select: none; /* Konqueror HTML */
+	   -moz-user-select: none; /* Firefox */
+		-ms-user-select: none; /* Internet Explorer/Edge */
+			user-select: none; /* Non-prefixed version, currently
+								  supported by Chrome and Opera */
 
 
 }
@@ -2099,25 +2129,25 @@ 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 */
+	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;
+	font-weight: normal;
 	color: #000000;
-    text-decoration: none;
+	text-decoration: none;
 <?php } ?>
 }
 div.tmenudisabled, a.tmenudisabled {
 	opacity: 0.6;
 }
 a.tmenu, a.tmenusel, a.tmenudisabled {
-    /* font-weight: 300; */
+	/* font-weight: 300; */
 }
 a.tmenudisabled:link, a.tmenudisabled:visited, a.tmenudisabled:hover, a.tmenudisabled:active {
 	padding: 0px 5px 0px 5px;
@@ -2131,7 +2161,7 @@ a.tmenu:link, a.tmenu:visited, a.tmenu:hover, a.tmenu:active {
 	padding: 0px 2px 0px 2px;
 	white-space: nowrap;
 	color: var(--colortextbackhmenu);
-    text-decoration: none;
+	text-decoration: none;
 }
 a.tmenusel:link, a.tmenusel:visited, a.tmenusel:hover, a.tmenusel:active {
 	padding: 0px 4px 0px 4px;
@@ -2143,8 +2173,8 @@ a.tmenusel:link, a.tmenusel:visited, a.tmenusel:hover, a.tmenusel:active {
 
 
 ul.tmenu {	/* t r b l */
-    padding: 0px 0px 0px 0px;
-    margin: 0px 0px 0px 0px;
+	padding: 0px 0px 0px 0px;
+	margin: 0px 0px 0px 0px;
 	list-style: none;
 	display: table;
 }
@@ -2156,7 +2186,7 @@ li.tmenu, li.tmenusel {
 	vertical-align: bottom;
 	<?php if (empty($conf->global->MAIN_MENU_INVERT)) { ?>
 	float: <?php print $left; ?>;
-    <?php } ?>
+	<?php } ?>
 	position:relative;
 	display: block;
 	padding: 0 0 0 0;
@@ -2204,9 +2234,9 @@ div.tmenucenter
 	height: 26px;
 	<?php } else { ?>
 	padding-top: 2px;
-    height: <?php print $heightmenu; ?>px;
+	height: <?php print $heightmenu; ?>px;
 	<?php } ?>
-    /* width: 100%; */
+	/* width: 100%; */
 }
 #menu_titre_logo {
 	padding-top: 0;
@@ -2216,8 +2246,8 @@ 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 */
+	text-overflow: ellipsis;
+	width: 188px;				/* required to have overflow working. must be same than menu_contenu */
 }
 .mainmenuaspan
 {
@@ -2237,10 +2267,10 @@ div.mainmenu {
 }
 
 a.tmenuimage:focus, .mainmenu.topmenuimage:focus {
-    outline: none;
+	outline: none;
 }
 button.ui-button.ui-corner-all.ui-widget:focus {
-    outline: none;
+	outline: none;
 }
 
 /* For mainmenu, we always load the img */
@@ -2250,10 +2280,10 @@ div.mainmenu.menu {
 	<?php print $disableimages ? '' : 'top: 7px'; ?>
 }
 #mainmenutd_menu a.tmenuimage {
-    display: unset;
+	display: unset;
 }
 a.tmenuimage {
-    display: block;
+	display: block;
 }
 
 a.tmenuimage:hover{
@@ -2266,9 +2296,9 @@ a.tmenuimage:hover{
 /* Do not load menu img for other if hidden to save bandwidth */
 
 <?php if (empty($dol_hide_topmenu)) { ?>
-    <?php include dol_buildpath($path.'/theme/'.$theme.'/main_menu_fa_icons.inc.php', 0); ?>
+	<?php include dol_buildpath($path.'/theme/'.$theme.'/main_menu_fa_icons.inc.php', 0); ?>
 
-    <?php
+	<?php
 	// Add here more div for other menu entries. moduletomainmenu=array('module name'=>'name of class for div')
 
 	$moduletomainmenu = array(
@@ -2280,8 +2310,7 @@ a.tmenuimage:hover{
 		'barcode'=>'', 'fckeditor'=>'', 'categorie'=>'',
 	);
 	$mainmenuused = 'home';
-	foreach ($conf->modules as $val)
-	{
+	foreach ($conf->modules as $val) {
 		$mainmenuused .= ','.(isset($moduletomainmenu[$val]) ? $moduletomainmenu[$val] : $val);
 	}
 	$mainmenuusedarray = array_unique(explode(',', $mainmenuused));
@@ -2291,29 +2320,29 @@ a.tmenuimage:hover{
 	$divalreadydefined = array('home', 'companies', 'products', 'mrp', 'commercial', 'externalsite', 'accountancy', 'project', 'tools', 'members', 'agenda', 'ftp', 'holiday', 'hrm', 'bookmark', 'cashdesk', 'takepos', 'ecm', 'geoipmaxmind', 'gravatar', 'clicktodial', 'paypal', 'stripe', 'webservices', 'website');
 	// 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;
+	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.".png"))
-			{
+		foreach ($conf->file->dol_document_root as $dirroot) {
+			if (file_exists($dirroot."/".$val."/img/".$val.".png")) {
 				$url = dol_buildpath('/'.$val.'/img/'.$val.'.png', 1);
 				$found = 1;
 				break;
 			}
 		}
 		// Img file not found
-		if (!$found)
-		{
+		if (!$found) {
 			if (!defined('DISABLE_FONT_AWSOME')) {
 				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";
- 				print "/* Overwrite this definition in your own css with a different content to use your own font awesome icon. */\n";
+				print "/* Overwrite this definition in your own css with a different content to use your own font awesome icon. */\n";
 				print 'div.mainmenu.'.$val.'::before {
                     content: "\f249";
                 }'."\n";
@@ -2336,11 +2365,11 @@ a.tmenuimage:hover{
 <?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 } ?>
+	padding:0 0 0 0 !important;
+	margin:0 0px 0 0 !important;
+	<?php if ($disableimages) { ?>
+		display: none;
+	<?php } ?>
 }
 
 
@@ -2351,14 +2380,14 @@ a.tmenuimage:hover{
 {
 	background: #f0f0f0;
 	display: table;
-    position: absolute;
-    height: 100%;
-    width: 100%;
-    font-size: 1em;
+	position: absolute;
+	height: 100%;
+	width: 100%;
+	font-size: 1em;
 }
 .login_center {
 	display: table-cell;
-    vertical-align: middle;
+	vertical-align: middle;
 }
 .login_vertical_align {
 	padding: 10px;
@@ -2418,10 +2447,10 @@ if (!empty($conf->global->MAIN_LOGIN_BACKGROUND)) {
 	margin: 8px;
 }
 .login_table .tdinputlogin {
-    background-color: transparent;
-    /* border: 2px solid #ccc; */
-    min-width: 220px;
-    border-radius: 2px;
+	background-color: transparent;
+	/* border: 2px solid #ccc; */
+	min-width: 220px;
+	border-radius: 2px;
 }
 .login_table .tdinputlogin .fa {
 	padding-left: 10px;
@@ -2434,7 +2463,7 @@ if (!empty($conf->global->MAIN_LOGIN_BACKGROUND)) {
 	font-size: 1em;
 }
 .login_main_home {
-    word-break: break-word;
+	word-break: break-word;
 }
 .login_main_message {
 	text-align: center;
@@ -2455,7 +2484,7 @@ div#login_left, div#login_right {
 	vertical-align: middle;
 }
 div#login_right select#entity {
-    margin-top: 10px;
+	margin-top: 10px;
 }
 table.login_table tr td table.none tr td {
 	padding: 2px;
@@ -2518,17 +2547,17 @@ div.login a:hover {
 	text-decoration:underline;
 }
 .login_block_elem a span.atoplogin, .login_block_elem span.atoplogin {
-    vertical-align: middle;
+	vertical-align: middle;
 }
 div.login_block_user {
 	display: inline-block;
-    vertical-align: middle;
+	vertical-align: middle;
 	line-height: <?php echo $disableimages ? '25' : '50'; ?>px;
 	height: <?php echo $disableimages ? '25' : '50'; ?>px;
 }
 div.login_block_other {
 	display: inline-block;
-    vertical-align: middle;
+	vertical-align: middle;
 	clear: <?php echo $disableimages ? 'none' : 'both'; ?>;
 	padding-top: 0;
 	text-align: right;
@@ -2566,11 +2595,11 @@ div.login_block_other {
 	text-decoration:underline !important;
 }
 span.fa.atoplogin, span.fa.atoplogin:hover {
-    font-size: 16px;
-    text-decoration: none !important;
+	font-size: 16px;
+	text-decoration: none !important;
 }
 .atoplogin #dropdown-icon-down, .atoplogin #dropdown-icon-up {
-    font-size: 0.7em;
+	font-size: 0.7em;
 }
 img.login, img.printer, img.entity {
 	/* padding: 0px 0px 0px 4px; */
@@ -2581,33 +2610,33 @@ img.login, img.printer, img.entity {
 }
 .userimg.atoplogin img.userphoto, .userimgatoplogin img.userphoto {		/* size for user photo in login bar */
 	width: <?php echo $disableimages ? '26' : '30'; ?>px;
-    height: <?php echo $disableimages ? '26' : '30'; ?>px;
-    border-radius: 50%;
-    background-size: contain;
-    background-size: contain;
-    border: 1px solid;
-    border-color: rgba(255, 255, 255, 0.2);
+	height: <?php echo $disableimages ? '26' : '30'; ?>px;
+	border-radius: 50%;
+	background-size: contain;
+	background-size: contain;
+	border: 1px solid;
+	border-color: rgba(255, 255, 255, 0.2);
 }
 img.userphoto {			/* size for user photo in lists */
 	border-radius: 0.72em;
 	width: 1.4em;
-    height: 1.4em;
-    background-size: contain;
-    vertical-align: middle;
+	height: 1.4em;
+	background-size: contain;
+	vertical-align: middle;
 }
 img.userphotosmall {			/* size for user photo in lists */
 	border-radius: 0.6em;
 	width: 1.2em;
-    height: 1.2em;
-    background-size: contain;
-    vertical-align: middle;
-    background-color: #FFF;
+	height: 1.2em;
+	background-size: contain;
+	vertical-align: middle;
+	background-color: #FFF;
 }
 img.userphoto[alt="Gravatar avatar"], img.photouserphoto.dropdown-user-image[alt="Gravatar avatar"] {
-    background: #fff;
+	background: #fff;
 }
 form[name="addtime"] img.userphoto {
-    border: 1px solid #444;
+	border: 1px solid #444;
 }
 .span-icon-user {
 	background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/object_user.png', 1); ?>);
@@ -2623,20 +2652,20 @@ form[name="addtime"] img.userphoto {
 /* ============================================================================== */
 
 div.vmenu, td.vmenu {
-    margin-<?php print $right; ?>: 2px;
-    position: relative;
-    float: left;
-    padding: 0px;
-    padding-bottom: 0px;
-    padding-top: 1px;
-    width: 190px;
+	margin-<?php print $right; ?>: 2px;
+	position: relative;
+	float: left;
+	padding: 0px;
+	padding-bottom: 0px;
+	padding-top: 1px;
+	width: 190px;
 }
 
 .vmenu {
-    width: 190px;
+	width: 190px;
 	margin-left: 6px;
 	<?php if (GETPOST('optioncss', 'aZ09') == 'print') { ?>
-    display: none;
+	display: none;
 	<?php } ?>
 }
 
@@ -2652,8 +2681,8 @@ input.vmenusearchselectcombo[type=text] {
 	padding-top: 3px;
 	padding-bottom: 3px;
 	overflow: hidden;
-    text-overflow: ellipsis;
-    width: 188px;				/* required to have overflow working. must be same than .menu_titre */
+	text-overflow: ellipsis;
+	width: 188px;				/* required to have overflow working. must be same than .menu_titre */
 }
 #menu_contenu_logo { /* padding-top: 0; */ }
 .companylogo { }
@@ -2686,22 +2715,22 @@ a.help:link, a.help:visited, a.help:hover, a.help:active, span.help { text-align
 	/* color: #f3e4ac !important; */
 }
 .helppresentcircle {
-    color: var(--colorbackhmenu1);
-    filter: invert(0.8);
-    margin-left: -7px;
-    display: inline-block;
-    margin-top: -10px;
-    font-size: x-small;
-    vertical-align: super;
-    opacity: 0.95;
+	color: var(--colorbackhmenu1);
+	filter: invert(0.8);
+	margin-left: -7px;
+	display: inline-block;
+	margin-top: -10px;
+	font-size: x-small;
+	vertical-align: super;
+	opacity: 0.95;
 }
 
 .vmenu div.blockvmenufirst, .vmenu div.blockvmenulogo, .vmenu div.blockvmenusearchphone, .vmenu div.blockvmenubookmarks
 {
-    border-top: 1px solid #BBB;
+	border-top: 1px solid #BBB;
 }
 a.vsmenu.addbookmarkpicto {
-    padding-right: 10px;
+	padding-right: 10px;
 }
 div.blockvmenusearchphone
 {
@@ -2735,16 +2764,16 @@ div.blockvmenupair, div.blockvmenuimpair, div.blockvmenubookmarks, div.blockvmen
 	color: #000000;
 	text-align: <?php print $left; ?>;
 	text-decoration: none;
-    padding-left: 5px;
-    padding-right: 1px;
-    padding-top: 4px;
-    padding-bottom: 7px;
-    margin: 0 0 0 2px;
+	padding-left: 5px;
+	padding-right: 1px;
+	padding-top: 4px;
+	padding-bottom: 7px;
+	margin: 0 0 0 2px;
 
 	background: var(--colorbackvmenu1);
 
-    border-left: 1px solid #AAA;
-    border-right: 1px solid #BBB;
+	border-left: 1px solid #AAA;
+	border-right: 1px solid #BBB;
 }
 
 div.blockvmenusearch
@@ -2753,7 +2782,7 @@ div.blockvmenusearch
 	color: #000000;
 	text-align: <?php print $left; ?>;
 	text-decoration: none;
-    margin: 1px 0px 0px 2px;
+	margin: 1px 0px 0px 2px;
 	background: var(--colorbackvmenu1);
 }
 
@@ -2771,13 +2800,13 @@ div.blockvmenuhelp
 	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;
+	padding-left: 0px;
+	padding-right: 6px;
+	padding-top: 3px;
+	padding-bottom: 3px;
+	margin: 4px 0px 0px 0px;
 <?php } else { ?>
-    display: none;
+	display: none;
 <?php } ?>
 }
 
@@ -2800,7 +2829,7 @@ td.barre_select {
 td.photo {
 	background: #F4F4F4;
 	color: #000000;
-    border: 1px solid #bbb;
+	border: 1px solid #bbb;
 }
 
 /* ============================================================================== */
@@ -2812,14 +2841,14 @@ td.photo {
  */
 
 #mainContent, #leftContent .ui-layout-pane {
-    padding:    0px;
-    overflow:	auto;
+	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 */
+	overflow:   auto;  /* add scrolling to content-div */
 }
 
 
@@ -2828,29 +2857,29 @@ td.photo {
 /* ============================================================================== */
 
 td.ecmroot {
-    padding-bottom: 0 !important;
+	padding-bottom: 0 !important;
 }
 
 .largebutton {
 	/* border-top: 1px solid #CCC !important; */
-    padding: 0px 4px 14px 4px !important;
-    min-height: 32px;
+	padding: 0px 4px 14px 4px !important;
+	min-height: 32px;
 }
 
 
 a.toolbarbutton {
-    margin-top: 0px;
-    margin-left: 4px;
-    margin-right: 4px;
-    height: 30px;
+	margin-top: 0px;
+	margin-left: 4px;
+	margin-right: 4px;
+	height: 30px;
 }
 img.toolbarbutton {
 	margin-top: 1px;
-    height: 30px;
+	height: 30px;
 }
 
 li.expanded > a.fmdirlia.jqft.ecmjqft {
-    font-weight: bold !important;
+	font-weight: bold !important;
 }
 
 
@@ -2860,10 +2889,10 @@ li.expanded > a.fmdirlia.jqft.ecmjqft {
 /* Onglets                                                                        */
 /* ============================================================================== */
 div.tabs {
-    text-align: <?php print $left; ?>;
-    margin-top: 10px;
-    padding-left: 6px;
-    padding-right: 6px;
+	text-align: <?php print $left; ?>;
+	margin-top: 10px;
+	padding-left: 6px;
+	padding-right: 6px;
 	clear:both;
 	height:100%;
 }
@@ -2872,20 +2901,20 @@ div.tabsElem {
 }	/* To avoid overlap of tabs when not browser */
 /*
 div.tabsElem a.tabactive::before, div.tabsElem a.tabunactive::before {
-    content: "\f0da";
-    font-family: "Font Awesome 5 Free";
-    padding-right: 2px;
-    font-weight: 900;
+	content: "\f0da";
+	font-family: "Font Awesome 5 Free";
+	padding-right: 2px;
+	font-weight: 900;
 }
 */
 div.tabBar {
-    color: var(--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; */
+	color: var(--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: var(--colorbacktabcard1);
 }
@@ -2897,8 +2926,8 @@ div.fiche table:not(.table-fiche-title) tr.titre td {
 }
 
 div.tabBar.tabBarNoTop {
-    padding-top: 0;
-    border-top: 0;
+	padding-top: 0;
+	border-top: 0;
 }
 
 /* tabBar used for creation/update/send forms */
@@ -2914,11 +2943,11 @@ div.tabBarWithBottom table.border>tbody>tr:last-of-type>td {
 }
 
 div.tabBar table.tableforservicepart2:last-child {
-    border-bottom: 1px solid #aaa;
+	border-bottom: 1px solid #aaa;
 }
 .tableforservicepart1 .tdhrthin {
 	height: unset;
-    padding-top: 0 !important;
+	padding-top: 0 !important;
 }
 /* Payment Screen : Pointer cursor in the autofill image */
 .AutoFillAmount {
@@ -2942,26 +2971,26 @@ div.popuptab {
 /* ============================================================================== */
 
 div.tabsAction {
-    margin: 20px 0em 30px 0em;
-    padding: 0em 0em;
-    text-align: right;
+	margin: 20px 0em 30px 0em;
+	padding: 0em 0em;
+	text-align: right;
 }
 div.tabsActionNoBottom {
-    margin-bottom: 0px;
+	margin-bottom: 0px;
 }
 div.tabsAction > a {
 	margin-bottom: 16px !important;
 }
 
 a.tabTitle {
-    color: rgba(0,0,0,0.4) !important;
-    text-shadow:1px 1px 1px #ffffff;
+	color: rgba(0,0,0,0.4) !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;
+	padding: 4px 6px 2px 0px;
+	margin-<?php print $right; ?>: 10px;
+	text-decoration: none;
+	white-space: nowrap;
 }
 .tabTitleText {
 	display: none;
@@ -2970,18 +2999,18 @@ a.tabTitle {
 	max-height: 14px;
 }
 div.tabs div.tabsElem:first-of-type a.tab {
-    margin-left: 0px !important;
+	margin-left: 0px !important;
 }
 
 a.tabunactive {
-    color: var(--colortextlink) !important;
+	color: var(--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;
+	margin: 0em 0.2em;
+	text-decoration: none;
+	white-space: nowrap;
 
 	/*border-right: 1px solid #ddd;
 	border-left: 1px solid #ddd;
@@ -3011,30 +3040,30 @@ a.tab:hover
 	text-decoration: underline;
 }
 a.tabimage {
-    color: #434956;
+	color: #434956;
 	font-family: <?php print $fontlist ?>;
-    text-decoration: none;
-    white-space: nowrap;
+	text-decoration: none;
+	white-space: nowrap;
 }
 
 td.tab {
-    background: #dee7ec;
+	background: #dee7ec;
 }
 
 span.tabspan {
-    background: #dee7ec;
-    color: #434956;
+	background: #dee7ec;
+	color: #434956;
 	font-family: <?php print $fontlist ?>;
-    padding: 0px 6px;
-    margin: 0em 0.2em;
-    text-decoration: none;
-    white-space: nowrap;
+	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;
+	border-<?php print $right; ?>: 1px solid #555555;
+	border-<?php print $left; ?>: 1px solid #D8D8D8;
+	border-top: 1px solid #D8D8D8;
 }
 
 /* ============================================================================== */
@@ -3082,10 +3111,10 @@ tr.nocellnopadd td.nobordernopadding, tr.nocellnopadd td.nocellnopadd
 }
 
 .smallpaddingimp {
-    padding: 4px !important;
+	padding: 4px !important;
 }
 input.button.smallpaddingimp {
-    font-size: 0.8em;
+	font-size: 0.8em;
 }
 .nopaddingleft {
 	padding-<?php print $left; ?>: 0px;
@@ -3122,8 +3151,8 @@ div.tabs.nopaddingleft {
 }
 
 table.tableforemailform tr td {
-    padding-top: 3px;
-    padding-bottom: 3px;
+	padding-top: 3px;
+	padding-bottom: 3px;
 }
 
 table.border, table.bordernooddeven, table.dataTable, .table-border, .table-border-col, .table-key-border-col, .table-val-border-col, div.border {
@@ -3137,14 +3166,14 @@ table.borderplus {
 	height: 22px;
 }
 tr.liste_titre.box_titre td table td, .bordernooddeven tr td {
-    height: 22px;
+	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;
+	vertical-align: top !important;
 	/*padding-top: 10px !important;
 	padding-bottom: 2px !important; */
 }
@@ -3176,10 +3205,10 @@ td.border, div.tagtable div div.border {
 
 /* Main boxes */
 .nobordertop, .nobordertop tr:first-of-type td {
-    border-top: none !important;
+	border-top: none !important;
 }
 .noborderbottom, .noborderbottom tr:last-of-type td {
-    border-bottom: none !important;
+	border-bottom: none !important;
 }
 .bordertop {
 	border-top: 1px solid rgb(<?php echo $colortopbordertitle1 ?>);
@@ -3202,14 +3231,14 @@ table.liste, table.noborder, table.formdoc, div.noborder {
 	margin: 0px 0px 5px 0px;
 
 	/*width: calc(100% - 7px);
-    border-collapse: separate !important;
-    border-spacing: 0px;
-    border-top-width: 0px;
-    border-top-color: rgb(215,215,215);
-    border-top-style: solid;
-    margin: 0px 0px 5px 2px;
-    box-shadow: 1px 1px 5px #ddd;
-    */
+	border-collapse: separate !important;
+	border-spacing: 0px;
+	border-top-width: 0px;
+	border-top-color: rgb(215,215,215);
+	border-top-style: solid;
+	margin: 0px 0px 5px 2px;
+	box-shadow: 1px 1px 5px #ddd;
+	*/
 }
 #tablelines {
 	border-bottom-width: 1px;
@@ -3222,7 +3251,7 @@ table.liste tr:last-of-type td, table.noborder:not(#tablelines) tr:last-of-type
 	border-bottom-style: solid;
 }
 div.tabBar div.fichehalfright table.noborder:not(.margintable):not(.paymenttable):not(.lastrecordtable):last-of-type {
-    border-bottom: 1px solid rgb(<?php echo $colortopbordertitle1 ?>);
+	border-bottom: 1px solid rgb(<?php echo $colortopbordertitle1 ?>);
 }
 div.tabBar table.border>tbody>tr:last-of-type>td {
 	border-bottom-width: 1px;
@@ -3230,7 +3259,7 @@ div.tabBar table.border>tbody>tr:last-of-type>td {
 	border-bottom-style: solid;
 }
 div.tabBar div.fichehalfright table.noborder {
-    border-bottom: none;
+	border-bottom: none;
 }
 
 table.paddingtopbottomonly tr td {
@@ -3241,11 +3270,11 @@ table.paddingtopbottomonly tr td {
 	background: var(--colorbacktitle1) !important;
 }
 .liste_titre2 {
-    background: var(--colorbackhmenu1) !important;
-    color: #fff;
+	background: var(--colorbackhmenu1) !important;
+	color: #fff;
 }
 table:not(.listwithfilterbefore) tr.liste_titre_filter:first-of-type td.liste_titre {
-    padding-top: 5px;
+	padding-top: 5px;
 }
 
 tr.liste_titre_filter td.liste_titre {
@@ -3258,19 +3287,19 @@ tr.liste_titre_filter td.liste_titre:first-of-type {
 }
 .liste_titre_create td, .liste_titre_create th, .liste_titre_create .tagtd
 {
-    border-bottom-width: 0 !important;
-    border-top-width: 1px;
-    border-top-color: rgb(<?php echo $colortopbordertitle1 ?>);
-    border-top-style: solid;
+	border-bottom-width: 0 !important;
+	border-top-width: 1px;
+	border-top-color: rgb(<?php echo $colortopbordertitle1 ?>);
+	border-top-style: solid;
 }
 tr#trlinefordates td {
-    border-bottom: 0px !important;
+	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;
+	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;
@@ -3308,13 +3337,13 @@ table.border tr td table.nobordernopadding tr td {
 	padding-bottom: 0;
 }
 td.borderright {
-    border: none;	/* to erase value for table.nobordernopadding td */
+	border: none;	/* to erase value for table.nobordernopadding td */
 	border-right-width: 1px !important;
 	border-right-color: #BBB !important;
 	border-right-style: solid !important;
 }
 td.borderleft {
-    border: none;	/* to erase value for table.nobordernopadding td */
+	border: none;	/* to erase value for table.nobordernopadding td */
 	border-left-width: 1px !important;
 	border-left-color: #BBB !important;
 	border-left-style: solid !important;
@@ -3339,19 +3368,19 @@ div.refidpadding  {
 }
 div.refid  {
 	font-weight: bold;
-  	color: var(--colortexttitlenotab);
-  	font-size: 1.2em;
-  	word-break: break-word;
+	  color: var(--colortexttitlenotab);
+	  font-size: 1.2em;
+	  word-break: break-word;
 }
 div.refidno  {
 	padding-top: 3px;
 	font-weight: normal;
-  	color: var(--refidnocolor);
-  	font-size: <?php print is_numeric($fontsize) ? $fontsize.'px' : $fontsize ?>;
-  	line-height: 21px;
+	  color: var(--refidnocolor);
+	  font-size: <?php print is_numeric($fontsize) ? $fontsize.'px' : $fontsize ?>;
+	  line-height: 21px;
 }
 div.refidno form {
-    display: inline-block;
+	display: inline-block;
 }
 
 div.pagination {
@@ -3361,10 +3390,10 @@ div.pagination a {
 	font-weight: normal;
 }
 /*div.pagination a.butAction, div.fichehalfright a.butAction {
-    margin-right: 0px !important;
+	margin-right: 0px !important;
 }
 div.tabsAction a.butActionDelete:last-child, div.tabsAction a.butAction:last-child {
-    margin-right: 0px !important;
+	margin-right: 0px !important;
 }*/
 div.pagination ul
 {
@@ -3402,8 +3431,8 @@ div.pagination li.pagination span.inactive {
 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;
+	  -webkit-box-shadow: none !important;
+	  box-shadow: none !important;
 }
 /*div.pagination li.litext {
 	padding-top: 8px;
@@ -3491,15 +3520,15 @@ table.hidepaginationnext .paginationnext {
 	display: none;
 }
 .tabBar .arearef .pagination.paginationref {
-    max-width: calc(30%);
+	max-width: calc(30%);
 }
 .paginationafterarrows a.btnTitlePlus, .titre_right  a.btnTitlePlus {
-    border: 1px solid var(--btncolorborder);
+	border: 1px solid var(--btncolorborder);
 }
 .paginationafterarrows a.btnTitlePlus:hover span:before, .titre_right a.btnTitlePlus:hover span:before {
-    /* text-shadow: 0px 0px 5px #ccc; */
-    /* filter: invert(0.3); */
-    font-size: 1.07em;
+	/* text-shadow: 0px 0px 5px #ccc; */
+	/* filter: invert(0.3); */
+	font-size: 1.07em;
 }
 
 
@@ -3515,7 +3544,7 @@ table.hidepaginationnext .paginationnext {
 }
 .treditedlinefordate {
 	background: var(--colorbacklinepairchecked) !important;   /* Must be background to be stronger than background of odd or even */
-    border-bottom: 0px;
+	border-bottom: 0px;
 }
 <?php if ($colorbacklinepairchecked) { ?>
 .highlight {
@@ -3566,34 +3595,34 @@ td.evenodd, tr.nohoverpair td, #trlinefordates td {
 }
 .trforbreak td {
 	font-weight: 500;
-    border-bottom: 1pt solid black !important;
+	border-bottom: 1pt solid black !important;
 	background-color: var(--colorbacklinebreak) !important;
 }
 .trforbreak.nobold td a, .trforbreak.nobold span.secondary {
-    font-weight: normal !important;
+	font-weight: normal !important;
 }
 
 table.dataTable td {
-    padding: 5px 8px 5px 8px !important;
+	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;
+	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;
+	border-bottom: 0px !important;
 }
 tr.nobottom td {
-    border-bottom: 0px !important;
+	border-bottom: 0px !important;
 }
 div.tableforcontact form.tagtr:last-of-type div.tagtd {
-    border-bottom: 1px solid #ddd !important;
+	border-bottom: 1px solid #ddd !important;
 }
 tr.pair td .nobordernopadding tr td, tr.impair td .nobordernopadding tr td {
-    border-bottom: 0px !important;
+	border-bottom: 0px !important;
 }
 table.nobottomiftotal tr.liste_total td {
 	background-color: #fff;
@@ -3613,8 +3642,8 @@ div.liste_titre {
 }
 div.liste_titre_bydiv {
 	border-top-width: <?php echo $borderwidth ?>px;
-    border-top-color: rgb(<?php echo $colortopbordertitle1 ?>);
-    border-top-style: solid;
+	border-top-color: rgb(<?php echo $colortopbordertitle1 ?>);
+	border-top-style: solid;
 
 	border-collapse: collapse;
 	display: table;
@@ -3639,9 +3668,9 @@ div.liste_titre_bydiv, .liste_titre div.tagtr, tr.liste_titre, tr.liste_titre_se
 	background: var(--colorbacktitle1);
 	font-weight: <?php echo $useboldtitle ? 'bold' : 'normal'; ?>;
 
-    color: var(--colortexttitle);
-    font-family: <?php print $fontlist ?>;
-    text-align: <?php echo $left; ?>;
+	color: var(--colortexttitle);
+	font-family: <?php print $fontlist ?>;
+	text-align: <?php echo $left; ?>;
 }
 tr.liste_titre th, tr.liste_titre td, th.liste_titre
 {
@@ -3653,10 +3682,10 @@ tr.liste_titre:first-child th, tr:first-child th.liste_titre {
 }
 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;
+	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;
@@ -3664,8 +3693,8 @@ tr.liste_titre th a, th.liste_titre a, tr.liste_titre td a, td.liste_titre a, fo
 }
 tr.liste_titre_topborder td {
 	border-top-width: <?php echo $borderwidth; ?>px;
-    border-top-color: rgb(<?php echo $colortopbordertitle1 ?>);
-    border-top-style: solid;
+	border-top-color: rgb(<?php echo $colortopbordertitle1 ?>);
+	border-top-style: solid;
 }
 .liste_titre td a {
 	text-shadow: none !important;
@@ -3678,8 +3707,8 @@ tr.liste_titre_topborder td {
 	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;
+	/* border-bottom: 1px solid #ddd; */
+	border-bottom: unset;
 }
 
 div.liste_titre {
@@ -3687,30 +3716,30 @@ div.liste_titre {
 }
 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;
+	font-family: <?php print $fontlist ?>;
+	font-weight: normal;
+	border-bottom: 1px solid #FDFFFF;
+	text-decoration: underline;
 }
 input.liste_titre {
-    background: transparent;
-    border: 0px;
+	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: var(--listetotal);
-    font-weight: normal;
+	color: var(--listetotal);
+	font-weight: normal;
 }
 .noborder tr.liste_total td, tr.liste_total td, form.liste_total div {
-    white-space: nowrap;
+	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;
+	border-top: 1px solid #DDDDDD;
 }
 tr.liste_sub_total, tr.liste_sub_total td {
 	border-bottom: 1px solid #aaa;
@@ -3723,10 +3752,10 @@ tr.liste_sub_total, tr.liste_sub_total td {
 	border-bottom: none;
 }
 table.tableforservicepart1:first-of-type tr:first-of-type td {
-    border-top: 1px solid #888;
+	border-top: 1px solid #888;
 }
 table.tableforservicepart1 tr td {
-    border-top: 0px;
+	border-top: 0px;
 }
 
 .paymenttable, .margintable {
@@ -3734,7 +3763,7 @@ table.tableforservicepart1 tr td {
 	margin: 0px 0px 0px 0px !important;
 }
 table.noborder.paymenttable {
-    border-bottom: none !important;
+	border-bottom: none !important;
 }
 .paymenttable tr td:first-child, .margintable tr td:first-child
 {
@@ -3763,7 +3792,7 @@ div.tabBar .noborder {
 	border-bottom: 1px solid rgb(<?php echo $colortopbordertitle1 ?>) !important;
 }
 #tablelines tr td {
-    height: unset;
+	height: unset;
 }
 
 /* Prepare to remove class pair - impair */
@@ -3810,48 +3839,48 @@ ul.noborder li:nth-child(even):not(.liste_titre) {
  */
 
 .box {
-    overflow-x: auto;
-    min-height: 40px;
-    padding-right: 0px;
-    padding-left: 0px;
-    padding-bottom: 10px;
+	overflow-x: auto;
+	min-height: 40px;
+	padding-right: 0px;
+	padding-left: 0px;
+	padding-bottom: 10px;
 }
 .ficheaddleft div.boxstats, .ficheaddright div.boxstats {
-    border: none;
+	border: none;
 }
 .boxstatsborder {
-    /* border: 1px solid #CCC !important; */
+	/* border: 1px solid #CCC !important; */
 }
 .boxstats, .boxstats130 {
-    display: inline-block;
-    margin-left: 8px;
-    margin-right: 8px;
-    margin-top: 5px;
-    margin-bottom: 5px;
-    text-align: center;
+	display: inline-block;
+	margin-left: 8px;
+	margin-right: 8px;
+	margin-top: 5px;
+	margin-bottom: 5px;
+	text-align: center;
 
-    background: var(--colorbackbody);
-    border: 1px solid var(--colorboxstatsborder);
-    border-left: 6px solid var(--colorboxstatsborder);
-    /* box-shadow: 1px 1px 8px var(--colorboxstatsborder); */
-    border-radius: 0px;
+	background: var(--colorbackbody);
+	border: 1px solid var(--colorboxstatsborder);
+	border-left: 6px solid var(--colorboxstatsborder);
+	/* box-shadow: 1px 1px 8px var(--colorboxstatsborder); */
+	border-radius: 0px;
 }
 .boxstats, .boxstats130, .boxstatscontent {
 	white-space: nowrap;
 	overflow: hidden;
-    text-overflow: ellipsis;
+	text-overflow: ellipsis;
 }
 .boxstats130 {
-    width: 100%;
-    height: 59px;
-    /* padding: 3px; */
+	width: 100%;
+	height: 59px;
+	/* padding: 3px; */
 }
 .boxstats {
-    padding-left: 6px;
-    padding-right: 6px;
-    padding-top: 2px;
-    padding-bottom: 2px;
-    width: 118px;
+	padding-left: 6px;
+	padding-right: 6px;
+	padding-top: 2px;
+	padding-bottom: 2px;
+	width: 118px;
 }
 
 .boxtable:not(.widgetstats) td.tdboxstats .boxstats {
@@ -3859,37 +3888,37 @@ ul.noborder li:nth-child(even):not(.liste_titre) {
 }
 
 .tabBar .fichehalfright .boxstats {
-    padding-top: 8px;
-    padding-bottom: 4px;
+	padding-top: 8px;
+	padding-bottom: 4px;
 }
 .boxstatscontent {
 	padding: 3px;
 }
 .boxstatsempty {
-    width: 121px;
-    padding-left: 3px;
-    padding-right: 3px;
-    margin-left: 8px;
-    margin-right: 8px;
+	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;
+	width: 158px;
+	padding-left: 3px;
+	padding-right: 3px;
+	margin-left: 8px;
+	margin-right: 8px;
 }
 
 
 @media only screen and (max-width: 767px)
 {
 	.tabBar .arearef .pagination.paginationref {
-	    max-width: calc(50%);
+		max-width: calc(50%);
 	}
 
 	.clearbothonsmartphone {
-	    clear: both;
-	    display: block !important;
+		clear: both;
+		display: block !important;
 	}
 
 	div.tabs {
@@ -3910,31 +3939,31 @@ ul.noborder li:nth-child(even):not(.liste_titre) {
 	}
 	.boxstats, .boxstats130 {
 		margin: 3px;
-    }
-    .boxstats130 {
-    	text-align: <?php echo $left; ?>
-    }
+	}
+	.boxstats130 {
+		text-align: <?php echo $left; ?>
+	}
 	.thumbstat {
 		flex: 1 1 110px;
 		margin-bottom: 8px;
-	    min-width: <?php echo isset($_SESSION['dol_screenwidth']) ?min(160, round($_SESSION['dol_screenwidth'] / 2 - 20)) : 150; ?>px;	/* on screen < 320, we guaranty to have 2 columns */
+		min-width: <?php echo isset($_SESSION['dol_screenwidth']) ?min(160, round($_SESSION['dol_screenwidth'] / 2 - 20)) : 150; ?>px;	/* on screen < 320, we guaranty to have 2 columns */
 	}
 	.thumbstat150 {
 		flex: 1 1 110px;
 		margin-bottom: 8px;
-	    min-width: <?php echo isset($_SESSION['dol_screenwidth']) ?min(160, round($_SESSION['dol_screenwidth'] / 2 - 20)) : 160; ?>px;	/* on screen < 320, we guaranty to have 2 columns */
-	    max-width: <?php echo isset($_SESSION['dol_screenwidth']) ?min(161, round($_SESSION['dol_screenwidth'] / 2 - 20)) : 161; ?>px;	/* on screen < 320, we guaranty to have 2 columns */
-    	/* width: ...px; If I use with, there is trouble on size of flex boxes solved with min + (max that is a little bit higer than min) */
+		min-width: <?php echo isset($_SESSION['dol_screenwidth']) ?min(160, round($_SESSION['dol_screenwidth'] / 2 - 20)) : 160; ?>px;	/* on screen < 320, we guaranty to have 2 columns */
+		max-width: <?php echo isset($_SESSION['dol_screenwidth']) ?min(161, round($_SESSION['dol_screenwidth'] / 2 - 20)) : 161; ?>px;	/* on screen < 320, we guaranty to have 2 columns */
+		/* width: ...px; If I use with, there is trouble on size of flex boxes solved with min + (max that is a little bit higer than min) */
 	}
-    .dashboardlineindicator {
-        float: left;
-    	padding-left: 5px;
-    }
-    .boxstats {
-        width: 111px;
-    }
-    .boxstatsempty {
-    	width: 111px;
+	.dashboardlineindicator {
+		float: left;
+		padding-left: 5px;
+	}
+	.boxstats {
+		width: 111px;
+	}
+	.boxstatsempty {
+		width: 111px;
 	}
 
 }
@@ -3946,8 +3975,8 @@ span.boxstatstext span:not(.fas) {
 	opacity: 0.5;
 }
 span.boxstatstext {
-    line-height: 18px;
-    color: var(--colortext);
+	line-height: 18px;
+	color: var(--colortext);
 }
 span.boxstatstext img, a.dashboardlineindicatorlate img {
 	border: 0;
@@ -3985,42 +4014,42 @@ span.dashboardlineko {
 .dashboardlinelatecoin {
 	float: right;
 	position: relative;
-    text-align: right;
-    top: -27px;
-    right: 2px;
-    padding: 0px 5px 0px 5px;
-    border-radius: .25em;
+	text-align: right;
+	top: -27px;
+	right: 2px;
+	padding: 0px 5px 0px 5px;
+	border-radius: .25em;
 
-    background-color: #9f4705;
+	background-color: #9f4705;
 }
 .imglatecoin {
-    padding: 1px 3px 1px 1px;
-    margin-left: 4px;
-    margin-right: 2px;
-    background-color: #8c4446;
-    color: #FFFFFF ! important;
-    border-radius: .25em;
+	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: 25px !important;
-    border-bottom-width: 1px;
+	margin-bottom: 25px !important;
+	border-bottom-width: 1px;
 	background: var(--colorbackbody);
-    border-top: <?php echo $borderwidth ?>px solid rgb(<?php echo $colortopbordertitle1 ?>);
+	border-top: <?php echo $borderwidth ?>px solid rgb(<?php echo $colortopbordertitle1 ?>);
 	/* border-top: 2px solid var(--colorbackhmenu1) !important; */
 }
 table.noborder.boxtable tr td {
-    height: unset;
+	height: unset;
 }
 .boxtablenotop {
-    border-top-width: 0 !important;
+	border-top-width: 0 !important;
 }
 .boxtablenobottom {
-    border-bottom-width: 0 !important;
+	border-bottom-width: 0 !important;
 }
 .boxtable .fichehalfright, .boxtable .fichehalfleft {
-    min-width: 275px;	/* increasing this, make chart on box not side by side on laptops */
+	min-width: 275px;	/* increasing this, make chart on box not side by side on laptops */
 }
 .tdboxstats {
 	text-align: center;
@@ -4030,23 +4059,23 @@ table.noborder.boxtable tr td {
 	padding-right: 0px !important;
 }
 a.valignmiddle.dashboardlineindicator {
-    line-height: 30px;
+	line-height: 30px;
 }
 
 tr.box_titre {
-    height: 26px;
+	height: 26px;
 
-    /* TO MATCH BOOTSTRAP */
+	/* TO MATCH BOOTSTRAP */
 	/*background: #ddd;
 	color: #000 !important;*/
 
 	/* TO MATCH ELDY */
 	background: var(--colorbacktitle1);
 	color: var(--colortexttitle);
-    font-family: <?php print $fontlist ?>, sans-serif;
-    font-weight: <?php echo $useboldtitle ? 'bold' : 'normal'; ?>;
-    border-bottom: 1px solid #FDFFFF;
-    white-space: nowrap;
+	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 {
@@ -4070,8 +4099,8 @@ img.boxhandle, img.boxclose {
 	margin-right: 1px;
 }
 .prod_entry_mode_free, .prod_entry_mode_predef {
-    height: 26px !important;
-    vertical-align: middle;
+	height: 26px !important;
+	vertical-align: middle;
 }
 
 .modulebuilderbox {
@@ -4096,24 +4125,24 @@ div.ok {
 /* Info admin */
 div.info {
 	border-<?php print $left; ?>: solid 5px #87cfd2;
-    padding-top: 8px;
-    padding-left: 10px;
-    padding-right: 4px;
-    padding-bottom: 8px;
-    margin: 1em 0em 1em 0em;
-    background: #eff8fc;
-    color: #558;
-}
-
-/* Warning message */
-div.warning {
-    border-<?php print $left; ?>: solid 5px #f2cf87;
 	padding-top: 8px;
 	padding-left: 10px;
 	padding-right: 4px;
 	padding-bottom: 8px;
 	margin: 1em 0em 1em 0em;
-    background: #fcf8e3;
+	background: #eff8fc;
+	color: #558;
+}
+
+/* Warning message */
+div.warning {
+	border-<?php print $left; ?>: solid 5px #f2cf87;
+	padding-top: 8px;
+	padding-left: 10px;
+	padding-right: 4px;
+	padding-bottom: 8px;
+	margin: 1em 0em 1em 0em;
+	background: #fcf8e3;
 }
 div.warning a, div.info a, div.error a {
 	color: var(--colortextlink);
@@ -4121,7 +4150,7 @@ div.warning a, div.info a, div.error a {
 
 /* Error message */
 div.error {
-    border-<?php print $left; ?>: solid 5px #f28787;
+	border-<?php print $left; ?>: solid 5px #f28787;
 	padding-top: 8px;
 	padding-left: 10px;
 	padding-right: 4px;
@@ -4151,13 +4180,13 @@ a.impayee:hover { font-weight: bold; color: #550000; }
  */
 
 .framecontent {
-    width: 100%;
-    height: 100%;
+	width: 100%;
+	height: 100%;
 }
 
 .framecontent iframe {
-    width: 100%;
-    height: 100%;
+	width: 100%;
+	height: 100%;
 }
 
 
@@ -4166,11 +4195,11 @@ a.impayee:hover { font-weight: bold; color: #550000; }
  */
 
 .opened-dash-board-wrap {
-    margin-bottom: 25px;
+	margin-bottom: 25px;
 }
 
 div.boximport {
-    min-height: unset;
+	min-height: unset;
 }
 
 .product_line_stock_ok { color: #002200; }
@@ -4191,11 +4220,11 @@ 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; }
 td.legendLabel {
-    text-align: <?php echo $left; ?>;
+	text-align: <?php echo $left; ?>;
 }
 
 label.radioprivate {
-    white-space: nowrap;
+	white-space: nowrap;
 }
 
 .photo {
@@ -4206,7 +4235,7 @@ label.radioprivate {
 	margin-top: 10px;
 }
 div.divphotoref > a > .photowithmargin {		/* Margin right for photo not inside a div.photoref frame only */
-    margin-right: 15px;
+	margin-right: 15px;
 }
 .photowithborder {
 	border: 1px solid #f0f0f0;
@@ -4229,33 +4258,33 @@ div.divphotoref > a > .photowithmargin {		/* Margin right for photo not inside a
 {
 	content:url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/nographyet.svg', 1) ?>);
 	display: inline-block;
-    opacity: 0.1;
-    background-repeat: no-repeat;
+	opacity: 0.1;
+	background-repeat: no-repeat;
 }
 .nographyettext
 {
-    opacity: 0.5;
+	opacity: 0.5;
 }
 
 div.titre {
 	font-size: 1.1em;
 	text-decoration: none;
 	padding-top: 5px;
-    padding-bottom: 5px;
-    font-weight: 400;
+	padding-bottom: 5px;
+	font-weight: 400;
 }
 div.fiche > table.table-fiche-title:first-of-type div {
-    color: var(--colortexttitlenotab);
-    font-size: 1.05em;
-    /* text-transform: uppercase; */
-    /* font-weight: 600; */
+	color: var(--colortexttitlenotab);
+	font-size: 1.05em;
+	/* text-transform: uppercase; */
+	/* font-weight: 600; */
 }
 
 div.titre {
-    color: var(--colortexttitlenotab);
+	color: var(--colortexttitlenotab);
 }
 .secondary {
-    color: var(--colortexttitlenotab);
+	color: var(--colortexttitlenotab);
 }
 .tertiary {
 	color: var(--colortexttitlenotab2);
@@ -4274,11 +4303,11 @@ div.backgreypublicpayment { background-color: #f0f0f0; padding: 20px; border-bot
 .poweredbypublicpayment {
 	float: right;
 	top: 8px;
-    right: 8px;
-    position: absolute;
-    font-size: 0.8em;
-    color: #222;
-    opacity: 0.3;
+	right: 8px;
+	position: absolute;
+	font-size: 0.8em;
+	color: #222;
+	opacity: 0.3;
 }
 #dolpaymenttable { min-width: 290px; 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; }
@@ -4286,7 +4315,7 @@ div.backgreypublicpayment { background-color: #f0f0f0; padding: 20px; border-bot
 #tablepublicpayment tr.liste_total { border-bottom: 1px solid #CCCCCC !important; }
 #tablepublicpayment tr.liste_total td { border-top: none; }
 input#cardholder-name {
-    font-size: 1em;
+	font-size: 1em;
 }
 
 .divmainbodylarge { margin-left: 40px; margin-right: 40px; }
@@ -4294,13 +4323,13 @@ input#cardholder-name {
 #tablesubscribe { width: 100%; }
 
 div#card-element {
-    border: 1px solid #ccc;
+	border: 1px solid #ccc;
 }
 div#card-errors {
 	color: #fa755a;
-    text-align: center;
-    padding-top: 3px;
-    max-width: 320px;
+	text-align: center;
+	padding-top: 3px;
+	max-width: 320px;
 }
 
 
@@ -4359,8 +4388,8 @@ div#card-errors {
 
 /*
 .ui-dialog-content.ui-widget-content > object {
-     max-height: none;
-     width: auto; margin-left: auto; margin-right: auto; display: block;
+	 max-height: none;
+	 width: auto; margin-left: auto; margin-right: auto; display: block;
 }
 */
 
@@ -4370,16 +4399,16 @@ div#card-errors {
 /* ============================================================================== */
 
 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; */
+	/* 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;
+	background: #fcf8e3;
 }
 
 .validtitre {
@@ -4393,7 +4422,7 @@ table.valid {
 
 /* For tooltip using dialog */
 .ui-dialog.highlight.ui-widget.ui-widget-content.ui-front {
-    z-index: 3000;
+	z-index: 3000;
 }
 
 div.ui-tooltip {
@@ -4424,20 +4453,20 @@ div.ui-tooltip.mytooltip {
 /* ============================================================================== */
 
 /*div.divfordateinput img.ui-datepicker-trigger {
-    float: left;
-    display: inline-block;
-    vertical-align: middle;
-    padding-top: 10px;
+	float: left;
+	display: inline-block;
+	vertical-align: middle;
+	padding-top: 10px;
 }
 .hasDatepicker {
-    padding-bottom: 6px;
+	padding-bottom: 6px;
 }*/
 
 .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;
+	border: unset;
 }
 
 img.datecallink { padding-left: 2px !important; padding-right: 2px !important; }
@@ -4457,13 +4486,13 @@ img.datecallink { padding-left: 2px !important; padding-right: 2px !important; }
 	margin-bottom: 5px;
 }
 table.dp {
-    width: 180px;
-    background-color: var(--inputbackgroundcolor);
-    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;
+	width: 180px;
+	background-color: var(--inputbackgroundcolor);
+	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;
 }
@@ -4509,14 +4538,14 @@ table.dp {
 /* 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;
+	border-style:none;
+	background-color:transparent;
+	padding:0px;
+	font-size: 0.85em;
+	border-width:0px;
+	color:#0B63A2;
+	vertical-align:middle;
+	cursor: pointer;
 }
 .datenowlink
 {
@@ -4529,15 +4558,15 @@ table.dp {
 /* ============================================================================== */
 
 div.visible {
-    display: block;
+	display: block;
 }
 
 div.hidden, td.hidden, img.hidden, span.hidden, div.showifmore {
-    display: none;
+	display: none;
 }
 
 tr.visible {
-    display: block;
+	display: block;
 }
 
 
@@ -4546,10 +4575,10 @@ tr.visible {
 /* ============================================================================== */
 
 .exampleapachesetup {
-    overflow-y: auto;
-    height: 100px;
-    font-size: 0.8em;
-    border: 1px solid #aaa;
+	overflow-y: auto;
+	height: 100px;
+	font-size: 0.8em;
+	border: 1px solid #aaa;
 }
 
 span[phptag] {
@@ -4557,14 +4586,14 @@ span[phptag] {
 }
 
 .nobordertransp {
-    border: 0px;
-    background-color: transparent;
-    background-image: none;
+	border: 0px;
+	background-color: transparent;
+	background-image: none;
 }
 .bordertransp {
-    background-color: transparent;
-    background-image: none;
-    border: none;
+	background-color: transparent;
+	background-image: none;
+	border: none;
 	font-weight: normal;
 }
 .websitebar {
@@ -4581,9 +4610,9 @@ span[phptag] {
 {
 	padding: 4px 5px 4px 5px !important;
 	margin: 2px 4px 2px 4px  !important;
-    line-height: normal;
-    background: #f5f5f5 !important;
-    border: 1px solid #ccc !important;
+	line-height: normal;
+	background: #f5f5f5 !important;
+	border: 1px solid #ccc !important;
 }
 .websiteselection {
 	/* display: inline-block; */
@@ -4600,9 +4629,9 @@ span[phptag] {
 	padding-bottom: 3px; */
 }
 .websiteinputurl {
-    display: inline-block;
-    vertical-align: top;
-    line-height: 28px;
+	display: inline-block;
+	vertical-align: top;
+	line-height: 28px;
 }
 .websiteiframenoborder {
 	border: 0px;
@@ -4618,9 +4647,9 @@ span.websitebuttonsitepreviewdisabled img, a.websitebuttonsitepreviewdisabled im
 	opacity: 0.2;
 }
 .websitehelp {
-    vertical-align: middle;
-    float: right;
-    padding-top: 8px;
+	vertical-align: middle;
+	float: right;
+	padding-top: 8px;
 }
 .websiteselectionsection {
 	border-left: 1px solid #bbb;
@@ -4630,11 +4659,11 @@ span.websitebuttonsitepreviewdisabled img, a.websitebuttonsitepreviewdisabled im
 	margin-right: 5px;
 }
 .websitebar input#previewpageurl {
-    line-height: 1em;
+	line-height: 1em;
 }
 
 #divbodywebsite section p {
-    margin: unset;
+	margin: unset;
 }
 
 
@@ -4644,7 +4673,7 @@ span.websitebuttonsitepreviewdisabled img, a.websitebuttonsitepreviewdisabled im
 /* ============================================================================== */
 
 .dayevent .tagtr:first-of-type {
-    height: 24px;
+	height: 24px;
 }
 
 .agendacell { height: 60px; }
@@ -4670,10 +4699,10 @@ table.cal_month td { padding-left: 1px !important; padding-right: 1px !important
 .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: linear-gradient(bottom, var(--colorbacklinepair1) 85%, var(--colorbacklinepair2) 100%);
-    background: -o-linear-gradient(bottom, var(--colorbacklinepair1) 85%, var(--colorbacklinepair2) 100%);
-    background: -moz-linear-gradient(bottom, var(--colorbacklinepair1) 85%, var(--colorbacklinepair2) 100%);
-    background: -webkit-linear-gradient(bottom, var(--colorbacklinepair1) 85%, var(--colorbacklinepair2) 100%);
-    /*  background: -ms-linear-gradient(bottom, var(--colorbacklinepair1) 85%, var(--colorbacklinepair2) 100%); */
+	background: -o-linear-gradient(bottom, var(--colorbacklinepair1) 85%, var(--colorbacklinepair2) 100%);
+	background: -moz-linear-gradient(bottom, var(--colorbacklinepair1) 85%, var(--colorbacklinepair2) 100%);
+	background: -webkit-linear-gradient(bottom, var(--colorbacklinepair1) 85%, var(--colorbacklinepair2) 100%);
+	/*  background: -ms-linear-gradient(bottom, var(--colorbacklinepair1) 85%, var(--colorbacklinepair2) 100%); */
 }
 .cal_today_peruser_impair { background: #F8F8F0; }
 .peruser_busy      { }
@@ -4694,7 +4723,7 @@ table.cal_event td.cal_event_right { padding: 4px 4px !important; }
 table.cal_month tr td table.nobordernopadding tr td { padding: 0 2px 0 2px; }
 table.cal_month tr.liste_titre td.tdfordaytitle { min-width: 120px; }
 a.dayevent-aday {
-    padding-left: 8px;
+	padding-left: 8px;
 }
 
 .calendarviewcontainertr { height: 100px; }
@@ -4713,28 +4742,28 @@ td.cal_other_month {
 
 .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: var(--inputbackgroundcolor);
-	       border:1px solid #888;
-	       margin:0px;
+		   position:absolute;
+		   width:auto;
+		   font-size: 1.0em;
+		   background-color: var(--inputbackgroundcolor);
+		   border:1px solid #888;
+		   margin:0px;
 /*	       padding:0px; This make combo crazy */
-	     }
+		 }
 .ui-autocomplete ul {
-	       list-style-type:none;
-	       margin:0px;
-	       padding:0px;
-	     }
+		   list-style-type:none;
+		   margin:0px;
+		   padding:0px;
+		 }
 .ui-autocomplete ul li.selected { background-color: var(--inputbackgroundcolor);}
 .ui-autocomplete ul li {
-	       list-style-type:none;
-	       display:block;
-	       margin:0;
-	       padding:2px;
-	       height:18px;
-	       cursor:pointer;
-	     }
+		   list-style-type:none;
+		   display:block;
+		   margin:0;
+		   padding:2px;
+		   height:18px;
+		   cursor:pointer;
+		 }
 
 
 /* ============================================================================== */
@@ -4910,22 +4939,22 @@ A.none, A.none:active, A.none:visited, A.none:hover {
 
 /* 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: var(--colorbacktitle1);
-    color: unset;
+	border: 1px solid #888;
+	background: var(--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;
+	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; ?>;
+	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; }
@@ -4933,7 +4962,7 @@ A.none, A.none:active, A.none:visited, A.none:hover {
 .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;
+	line-height: 1em !important;
 }
 .ui-autocomplete-input { margin: 0; padding: 4px; }
 
@@ -4943,28 +4972,28 @@ A.none, A.none:active, A.none:visited, A.none:hover {
 /* ============================================================================== */
 
 body.cke_show_borders {
-    margin: 5px !important;
+	margin: 5px !important;
 }
 
 .cke_dialog {
-    border: 1px #bbb solid ! important;
+	border: 1px #bbb solid ! important;
 }
 /*.cke_editor table, .cke_editor tr, .cke_editor td
 {
-    border: 0px solid #FF0000 !important;
+	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;
+	font-family: <?php print $fontlist ?> !important;
 	background-image: url(<?php echo $img_button ?>) !important;
 	background-position: bottom !important;
-    border: 1px solid #C0C0C0 !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;
+	-webkit-box-shadow: 3px 3px 4px #DDD !important;
+	box-shadow: 3px 3px 4px #DDD !important;
 }
 .cke_dialog_ui_hbox_last
 {
@@ -4978,8 +5007,8 @@ a.cke_dialog_ui_button
 }
 */
 a.cke_dialog_ui_button_ok span {
-    text-shadow: none !important;
-    color: #333 !important;
+	text-shadow: none !important;
+	color: #333 !important;
 }
 
 
@@ -4987,28 +5016,28 @@ a.cke_dialog_ui_button_ok span {
 /*  ACE editor                                                                    */
 /* ============================================================================== */
 .ace_editor {
-    border: 1px solid #ddd;
+	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;
+		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;
+		color: gray;
+		position: relative;
+		right: 0;
+		border-left: 1px solid;
 }
 pre#editfilecontentaceeditorid {
-    margin-top: 5px;
+	margin-top: 5px;
 }
 
 
@@ -5017,7 +5046,7 @@ pre#editfilecontentaceeditorid {
 /* ============================================================================== */
 
 .template-upload {
-    height: 72px !important;
+	height: 72px !important;
 }
 
 
@@ -5038,32 +5067,32 @@ pre#editfilecontentaceeditorid {
 /* ============================================================================== */
 
 #types .btn {
-    cursor: pointer;
+	cursor: pointer;
 }
 
 #types .btn-primary {
-    font-weight: bold;
+	font-weight: bold;
 }
 
 #types form {
-    padding: 20px;
+	padding: 20px;
 }
 
 #types label {
-    display:inline-block;
-    width:100px;
-    margin-right: 20px;
-    padding: 4px;
-    text-align: right;
-    vertical-align: top;
+	display:inline-block;
+	width:100px;
+	margin-right: 20px;
+	padding: 4px;
+	text-align: right;
+	vertical-align: top;
 }
 
 #types input.text, #types textarea {
-    width: 400px;
+	width: 400px;
 }
 
 #types textarea {
-    height: 100px;
+	height: 100px;
 }
 
 
@@ -5075,55 +5104,55 @@ pre#editfilecontentaceeditorid {
 	box-sizing:border-box;
 }
 #comment .comment {
-    border-radius:7px;
-    margin-bottom:10px;
-    overflow:hidden;
+	border-radius:7px;
+	margin-bottom:10px;
+	overflow:hidden;
 }
 #comment .comment-table {
-    display:table;
-    height:100%;
+	display:table;
+	height:100%;
 }
 #comment .comment-cell {
-    display:table-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;
+	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;
+	color:inherit;
 }
 #comment .comment-right {
-    vertical-align:top;
+	vertical-align:top;
 }
 #comment .comment-description {
-    padding:10px;
-    vertical-align:top;
+	padding:10px;
+	vertical-align:top;
 }
 #comment .comment-delete {
-    width: 100px;
-    text-align:center;
-    vertical-align:middle;
+	width: 100px;
+	text-align:center;
+	vertical-align:middle;
 }
 #comment .comment-delete:hover {
-    background:rgba(250,20,20,0.8);
+	background:rgba(250,20,20,0.8);
 }
 #comment .comment-edit {
-    width: 100px;
-    text-align:center;
-    vertical-align:middle;
+	width: 100px;
+	text-align:center;
+	vertical-align:middle;
 }
 #comment .comment-edit:hover {
-    background:rgba(0,184,148,0.8);
+	background:rgba(0,184,148,0.8);
 }
 #comment textarea {
-    width: 100%;
+	width: 100%;
 }
 
 
@@ -5137,7 +5166,7 @@ div.scroll2 {
 }
 
 div#GanttChartDIVglisthead, div#GanttChartDIVgcharthead {
-    line-height: 2;
+	line-height: 2;
 }
 
 .gtaskname div, .gtaskname, .gstartdate div, .gstartdate, .genddate div, .genddate {
@@ -5150,50 +5179,50 @@ div.gantt, .gtaskheading, .gmajorheading, .gminorheading, .gminorheadingwkend {
 	color: #000 !important;
 }
 div.gTaskInfo {
-    background: #f0f0f0 !important;
+	background: #f0f0f0 !important;
 }
 .gtaskblue {
 	background: rgb(108,152,185) !important;
 }
 .gtaskgreen {
-    background: rgb(160,173,58) !important;
+	background: rgb(160,173,58) !important;
 }
 td.gtaskname {
-    overflow: hidden;
-    text-overflow: ellipsis;
+	overflow: hidden;
+	text-overflow: ellipsis;
 }
 td.gminorheadingwkend {
-    color: #888 !important;
+	color: #888 !important;
 }
 td.gminorheading {
-    color: #666 !important;
+	color: #666 !important;
 }
 .glistlbl, .glistgrid {
 	width: 582px !important;
 }
 /*.gtaskname div, .gtaskname {
-    min-width: 250px !important;
-    max-width: 250px !important;
-    width: 250px !important;
+	min-width: 250px !important;
+	max-width: 250px !important;
+	width: 250px !important;
 }*/
 .gtaskname div, .gtaskname {
-    min-width: 250px !important;
-    max-width: unset !important;
-    width: unset !important;
+	min-width: 250px !important;
+	max-width: unset !important;
+	width: unset !important;
 }
 .gpccomplete div, .gpccomplete {
-    min-width: 40px !important;
-    max-width: 40px !important;
-    width: 40px !important;
+	min-width: 40px !important;
+	max-width: 40px !important;
+	width: 40px !important;
 }
 td.gtaskheading.gstartdate, td.gtaskheading.genddate {
-    white-space: break-spaces;
+	white-space: break-spaces;
 }
 .gtasktableh tr:nth-child(2) td:nth-child(2), .gtasktableh tr:nth-child(2) td:nth-child(3), .gtasktableh tr:nth-child(2) td:nth-child(4), .gtasktableh tr:nth-child(2) td:nth-child(5), .gtasktableh tr:nth-child(2) td:nth-child(6), .gtasktableh tr:nth-child(2) td:nth-child(7) {
-    color: transparent !important;
-    border-left: none;
-    border-right: none;
-    border-top: none;
+	color: transparent !important;
+	border-left: none;
+	border-right: none;
+	border-top: none;
 }
 
 /* ============================================================================== */
@@ -5217,25 +5246,25 @@ td.gtaskheading.gstartdate, td.gtaskheading.genddate {
 }
 
 div.filedirelem {
-    position: relative;
-    display: block;
-    text-decoration: none;
+	position: relative;
+	display: block;
+	text-decoration: none;
 }
 
 ul.filedirelem {
-    padding: 2px;
-    margin: 0 5px 5px 5px;
+	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;
+	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 {
@@ -5266,7 +5295,7 @@ ul.ecmjqft a:active {
 	font-weight: bold !important;
 }
 ul.ecmjqft a:hover {
-    text-decoration: underline;
+	text-decoration: underline;
 }
 div.ecmjqft {
 	vertical-align: middle;
@@ -5280,16 +5309,16 @@ div.ecmjqft {
 	min-height: 40px;
 }
 #ecm-layout-north div.attachareaformuserfileecm {
-    padding-bottom: 0px;
+	padding-bottom: 0px;
 }
 div#ecm-layout-west {
-    width: 380px;
-    vertical-align: top;
+	width: 380px;
+	vertical-align: top;
 }
 div#ecm-layout-center {
-    width: calc(100% - 390px);
-    vertical-align: top;
-    float: right;
+	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; }
@@ -5319,14 +5348,14 @@ div#ecm-layout-center {
 	font-weight: normal;
 }
 .jnotify-container .jnotify-notification-warning .jnotify-close, .jnotify-container .jnotify-notification-warning .jnotify-message {
-    color: #a28918 !important;
+	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;
+	-webkit-box-shadow: 2px 2px 4px #888 !important;
+	box-shadow: 2px 2px 4px #888 !important;
 }
 
 /* ============================================================================== */
@@ -5389,7 +5418,7 @@ table.dataTable tr.odd td.sorting_1, table.dataTable tr.even td.sorting_1 {
 .paginate_button
 {
 	font-weight: normal !important;
-    text-decoration: none !important;
+	text-decoration: none !important;
 }
 .paging_full_numbers {
 	height: inherit !important;
@@ -5402,7 +5431,7 @@ table.dataTable tr.odd td.sorting_1, table.dataTable tr.even td.sorting_1 {
 	border-radius: inherit !important;
 }
 .paging_full_numbers a.paginate_button_disabled:hover, .paging_full_numbers a.disabled:hover {
-    background-color: var(--colorbackbody) !important;
+	background-color: var(--colorbackbody) !important;
 }
 .paginate_button, .paginate_active {
   border: 1px solid #ddd !important;
@@ -5441,23 +5470,23 @@ span.select2-selection--single.flat[aria-disabled="true"] span.select2-selection
 }
 
 span#select2-taskid-container[title^='--'] {
-    opacity: 0.3;
+	opacity: 0.3;
 }
 
 .select2-container--default .select2-results__option--highlighted[aria-selected] {
-    background-color: rgb(<?php echo $colorbackhmenu1 ?>);
-    color: var(--colortextbackhmenu);
+	background-color: rgb(<?php echo $colorbackhmenu1 ?>);
+	color: var(--colortextbackhmenu);
 }
 .select2-container--default .select2-results__option--highlighted[aria-selected] span {
-    color: #fff !important;
+	color: #fff !important;
 }
 
 span.select2.select2-container.select2-container--default {
 	<?php if (empty($conf->global->THEME_SHOW_BORDER_ON_INPUT)) { ?>
-    border-left: none;
-    border-top: none;
-    border-right: none;
-    <?php } ?>
+	border-left: none;
+	border-top: none;
+	border-right: none;
+	<?php } ?>
 }
 input.select2-input {
 	border-bottom: none ! important;
@@ -5477,36 +5506,36 @@ input.select2-input {
 	border: none;
 }
 .select2-container--focus span.select2-selection.select2-selection--single {
-    border-bottom: 1px solid #666 !important;
+	border-bottom: 1px solid #666 !important;
 }
 
 .blockvmenusearch .select2-container--default .select2-selection--single,
 .blockvmenubookmarks .select2-container--default .select2-selection--single
 {
-    background-color: var(--colorbackvmenu1);
+	background-color: var(--colorbackvmenu1);
 }
 .select2-container--default .select2-selection--single {
-    background-color: var(--colorbackbody);
+	background-color: var(--colorbackbody);
 }
 #blockvmenusearch .select2-container--default .select2-selection--single .select2-selection__placeholder {
-    color: var(--colortextbackvmenu);
+	color: var(--colortextbackvmenu);
 }
 .select2-container--default .select2-selection--single .select2-selection__rendered {
-    color: var(--colortext);
-    /* background-color: var(--colorbackvmenu1); */
+	color: var(--colortext);
+	/* background-color: var(--colorbackvmenu1); */
 }
 .select2-default {
-    color: #999 !important;
+	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;
+	margin-right: 23px;
 }
 .select2-container .select2-choice .select2-arrow {
 	border-radius: 0;
-    background: transparent;
+	background: transparent;
 }
 .select2-container-multi .select2-choices {
 	background-image: none;
@@ -5533,7 +5562,7 @@ input.select2-input {
 	box-shadow: none !important;
 }
 .select2-container--open .select2-dropdown--above {
-    border-bottom: solid 1px var(--inputbordercolor);
+	border-bottom: solid 1px var(--inputbordercolor);
 }
 .select2-drop.select2-drop-above.select2-drop-active {
 	border-top: 1px solid #ccc;
@@ -5680,36 +5709,36 @@ a span.select2-chosen
 
 }
 .select2-container--default .select2-results>.select2-results__options{
-    max-height: 400px;
+	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;
+	text-align: <?php echo $left; ?>;
+	opacity: 0.4;
 }
 .select2-container--default .select2-selection--single .select2-selection__placeholder {
 	color: var(--colortext);
 	opacity: 0.4;
 }
 span#select2-boxbookmark-container, span#select2-boxcombo-container {
-    text-align: <?php echo $left; ?>;
+	text-align: <?php echo $left; ?>;
 }
 span#select2-boxbookmark-container {
-    opacity: 0.4;
+	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;
+	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 */
@@ -5763,7 +5792,7 @@ span#select2-boxbookmark-container {
 	border-radius: 5px !important;
 	box-shadow: none;
 	-webkit-box-shadow: none !important;
-    box-shadow: none !important;
+	box-shadow: none !important;
 }
 span.noborderoncategories a, li.noborderoncategories a {
 	line-height: normal;
@@ -5853,9 +5882,9 @@ span.noborderoncategories {
 }
 
 .multi-select-menuitem {
-    clear: both;
-    float: left;
-    padding-left: 5px
+	clear: both;
+	float: left;
+	padding-left: 5px
 }
 
 
@@ -5864,52 +5893,52 @@ span.noborderoncategories {
 /* ============================================================================== */
 
 ul.ulselectedfields {
-    z-index: 95;			/* To have the select box appears on first plan even when near buttons are decorated by jmobile */
+	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:0px;
 	margin-left: 2px;
-    margin-right: 2px;
-    padding:0px;
-    vertical-align: middle;
-    display: inline-block;
+	margin-right: 2px;
+	padding:0px;
+	vertical-align: middle;
+	display: inline-block;
 }
 .dropdown dd, .dropdown dt {
-    margin:0px;
-    padding:0px;
+	margin:0px;
+	padding:0px;
 }
 .dropdown ul {
-    margin: -1px 0 0 0;
-    text-align: <?php echo $left; ?>;
+	margin: -1px 0 0 0;
+	text-align: <?php echo $left; ?>;
 }
 .dropdown dd {
-    position:relative;
+	position:relative;
 }
 .dropdown dt a {
-    display:block;
-    overflow: hidden;
-    border:0;
+	display:block;
+	overflow: hidden;
+	border:0;
 }
 .dropdown dt a span, .multiSel span {
-    cursor:pointer;
-    display:inline-block;
-    padding: 0 3px 2px 0;
+	cursor:pointer;
+	display:inline-block;
+	padding: 0 3px 2px 0;
 }
 .dropdown span.value {
-    display:none;
+	display:none;
 }
 .dropdown dd ul {
-    background-color: var(--inputbackgroundcolor);
-    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;
-    border-radius: 2px;
+	background-color: var(--inputbackgroundcolor);
+	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;
+	border-radius: 2px;
 }
 .dropdown dd ul li {
 	white-space: nowrap;
@@ -5922,22 +5951,22 @@ dl.dropdown {
 	background: #eee;
 }
 .dropdown dd ul li input[type="checkbox"] {
-    margin-<?php echo $right; ?>: 3px;
+	margin-<?php echo $right; ?>: 3px;
 }
 .dropdown dd ul li a, .dropdown dd ul li span {
-    padding: 3px;
-    display: block;
+	padding: 3px;
+	display: block;
 }
 .dropdown dd ul li span {
 	color: #888;
 }
 /*.dropdown dd ul li a:hover {
-    background-color: var(--inputbackgroundcolor);
+	background-color: var(--inputbackgroundcolor);
 }*/
 dd.dropdowndd ul li {
-    text-overflow: ellipsis;
-    overflow: hidden;
-    white-space: nowrap;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: nowrap;
 }
 
 
@@ -5959,11 +5988,11 @@ dd.dropdowndd ul li {
 /* ============================================================================== */
 
 .searchpage .tagtr .tagtd {
-    padding-bottom: 3px;
+	padding-bottom: 3px;
 }
 .searchpage .tagtr .tagtd .button {
 	background: unset;
-    border: unset;
+	border: unset;
 }
 
 li.ui-li-divider .ui-link {
@@ -5999,16 +6028,16 @@ a.ui-link, a.ui-link:hover, .ui-btn:hover, span.ui-btn-text:hover, span.ui-btn-i
 	padding-left: 30px;
 }
 .ui-select .ui-btn-icon-right .ui-icon {
-    right: 8px;
+	right: 8px;
 }
 .ui-btn-icon-left > .ui-btn-inner > .ui-icon, .ui-btn-icon-right > .ui-btn-inner > .ui-icon {
-    margin-top: -10px;
+	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;
+	/* 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;
@@ -6091,40 +6120,40 @@ ul.ulmenu {
 
 /* 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;
+	padding: 1em 15px;
+	display: block;
 }
 .ui-btn-up-c {
 	font-weight: normal;
 }
 .ui-focus, .ui-btn:focus {
-    -webkit-box-shadow: none;
-    box-shadow: none;
+	-webkit-box-shadow: none;
+	box-shadow: none;
 }
 .ui-bar-b {
-    /*border: 1px solid #888;*/
-    border: none;
-    background: none;
-    text-shadow: none;
-    color: var(--colortexttitlenotab) !important;
+	/*border: 1px solid #888;*/
+	border: none;
+	background: none;
+	text-shadow: none;
+	color: var(--colortexttitlenotab) !important;
 }
 .ui-bar-b, .lilevel0 {
-    background-repeat: repeat-x;
-    border: none;
-    background: none;
-    text-shadow: none;
-    color: var(--colortexttitlenotab) !important;
+	background-repeat: repeat-x;
+	border: none;
+	background: none;
+	text-shadow: none;
+	color: var(--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;
+	border-bottom-width: 0px !important;
 }
 .alilevel0 {
-    color: var(--colortexttitle) !important;
-    background: #f8f8f8
+	color: var(--colortexttitle) !important;
+	background: #f8f8f8
 }
 .ulmenu {
 	box-shadow: none !important;
@@ -6152,11 +6181,11 @@ div.tabsElem a.tab {
 	background: transparent;
 }
 .alilevel1 {
-    color: var(--colortexttitlenotab) !important;
+	color: var(--colortexttitlenotab) !important;
 }
 .lilevel1 {
-    border-top: 2px solid #444;
-    background: #fff ! important;
+	border-top: 2px solid #444;
+	background: #fff ! important;
 }
 .lilevel1 div div a {
 	font-weight: bold !important;
@@ -6164,7 +6193,7 @@ div.tabsElem a.tab {
 .lilevel2
 {
 	padding-left: 22px;
-    background: #fff ! important;
+	background: #fff ! important;
 }
 .lilevel3
 {
@@ -6174,12 +6203,12 @@ div.tabsElem a.tab {
 .lilevel4
 {
 	padding-left: 66px;
-    background: #fff ! important;
+	background: #fff ! important;
 }
 .lilevel5
 {
 	padding-left: 88px;
-    background: #fff ! important;
+	background: #fff ! important;
 }
 
 
@@ -6213,14 +6242,14 @@ div.tabsElem a.tab {
 	color: #6d3f6d;
 }
 .menu li.menu_choix1 {
-    padding-top: 6px;
-    padding-right: 10px;
-    padding-bottom: 2px;
+	padding-top: 6px;
+	padding-right: 10px;
+	padding-bottom: 2px;
 }
 .menu li.menu_choix2 {
-    padding-top: 6px;
-    padding-right: 10px;
-    padding-bottom: 2px;
+	padding-top: 6px;
+	padding-right: 10px;
+	padding-bottom: 2px;
 }
 @media only screen and (max-width: 767px)
 {
@@ -6229,13 +6258,13 @@ div.tabsElem a.tab {
 		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;
-    }
+	.menu li.menu_choix1, .menu li.menu_choix2 {
+		padding-left: 4px;
+		padding-right: 0;
+	}
+	.liste_articles {
+		margin-right: 0 !important;
+	}
 }
 
 
@@ -6263,7 +6292,7 @@ div.tabsElem a.tab {
 
 .ticketpublicarea {
 	margin-left: 15%;
-    margin-right: 15%;
+	margin-right: 15%;
 }
 .publicnewticketform {
 	/* margin-top: 25px !important; */
@@ -6301,11 +6330,11 @@ div.tabsElem a.tab {
 }
 @media only screen and (min-width: 1170px) {
   #cd-timeline {
-    margin-bottom: 3em;
+	margin-bottom: 3em;
   }
   #cd-timeline::before {
-    left: 50%;
-    margin-left: -2px;
+	left: 50%;
+	margin-left: -2px;
   }
 }
 
@@ -6326,13 +6355,13 @@ div.tabsElem a.tab {
 }
 @media only screen and (min-width: 1170px) {
   .cd-timeline-block {
-    margin: 4em 0;
+	margin: 4em 0;
   }
   .cd-timeline-block:first-child {
-    margin-top: 0;
+	margin-top: 0;
   }
   .cd-timeline-block:last-child {
-    margin-bottom: 0;
+	margin-bottom: 0;
   }
 }
 
@@ -6367,80 +6396,80 @@ div.tabsElem a.tab {
 }
 @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;
+	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;
+	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;
+	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);
+	opacity: 0;
+	-webkit-transform: scale(0.5);
   }
 
   60% {
-    opacity: 1;
-    -webkit-transform: scale(1.2);
+	opacity: 1;
+	-webkit-transform: scale(1.2);
   }
 
   100% {
-    -webkit-transform: scale(1);
+	-webkit-transform: scale(1);
   }
 }
 @-moz-keyframes cd-bounce-1 {
   0% {
-    opacity: 0;
-    -moz-transform: scale(0.5);
+	opacity: 0;
+	-moz-transform: scale(0.5);
   }
 
   60% {
-    opacity: 1;
-    -moz-transform: scale(1.2);
+	opacity: 1;
+	-moz-transform: scale(1.2);
   }
 
   100% {
-    -moz-transform: scale(1);
+	-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);
+	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);
+	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);
+	-webkit-transform: scale(1);
+	-moz-transform: scale(1);
+	-ms-transform: scale(1);
+	-o-transform: scale(1);
+	transform: scale(1);
   }
 }
 .cd-timeline-content {
@@ -6492,58 +6521,58 @@ div.tabsElem a.tab {
 }
 @media only screen and (min-width: 768px) {
   .cd-timeline-content h2 {
-    font-size: 20px;
-    font-size: 1.25rem;
+	font-size: 20px;
+	font-size: 1.25rem;
   }
   .cd-timeline-content {
-    font-size: 16px;
-    font-size: 1rem;
+	font-size: 16px;
+	font-size: 1rem;
   }
   .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
-    font-size: 14px;
-    font-size: 0.875rem;
+	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%;
+	margin-left: 0;
+	padding: 1.6em;
+	width: 43%;
   }
   .cd-timeline-content::before {
-    top: 24px;
-    left: 100%;
-    border-color: transparent;
-    border-left-color: white;
+	top: 24px;
+	left: 100%;
+	border-color: transparent;
+	border-left-color: white;
   }
   .cd-timeline-content .cd-read-more {
-    float: left;
+	float: left;
   }
   .cd-timeline-content .cd-date {
-    position: absolute;
-    width: 55%;
-    left: 115%;
-    top: 6px;
-    font-size: 16px;
-    font-size: 1rem;
+	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;
+	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;
+	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;
+	float: right;
   }
   .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
-    left: auto;
-    right: 115%;
-    text-align: right;
+	left: auto;
+	right: 115%;
+	text-align: right;
   }
 
 }
@@ -6557,21 +6586,21 @@ div.phpdebugbar * {
 	font-weight: unset;
 }
 span.phpdebugbar-tooltip.phpdebugbar-tooltip-extra-wide, span.phpdebugbar-tooltip.phpdebugbar-tooltip-wide {
-    width: 250px !important;
+	width: 250px !important;
 }
 .phpdebugbar-indicator span.phpdebugbar-tooltip {
-    opacity: .95 !important;
+	opacity: .95 !important;
 }
 a.phpdebugbar-tab.phpdebugbar-active {
 	background-image: unset !important;
 }
 .phpdebugbar-fa-tags:before {
-    content: "\f121";
-    font-weight: 600 !important;
+	content: "\f121";
+	font-weight: 600 !important;
 }
 .phpdebugbar-fa-tasks:before {
-    content: "\f550";
-    font-weight: 600 !important;
+	content: "\f550";
+	font-weight: 600 !important;
 }
 .phpdebugbar-fa-tags, .phpdebugbar-fa-tasks, .phpdebugbar-indicator .fa {
 	font-family: "Font Awesome 5 Free";
@@ -6600,10 +6629,10 @@ div.phpdebugbar-widgets-templates a.phpdebugbar-widgets-editor-link:before
 /* ============================================================================== */
 
 .dol-xaxis-vertical .flot-x-axis .flot-tick-label.tickLabel {
-    text-orientation: sideways;
-    font-weight: 400;
-    writing-mode: vertical-rl;
-    white-space: nowrap;
+	text-orientation: sideways;
+	font-weight: 400;
+	writing-mode: vertical-rl;
+	white-space: nowrap;
 }
 
 
@@ -6637,14 +6666,14 @@ div.phpdebugbar-widgets-templates a.phpdebugbar-widgets-editor-link:before
 		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;
-    }
+	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)
@@ -6663,27 +6692,27 @@ div.phpdebugbar-widgets-templates a.phpdebugbar-widgets-editor-link:before
 @media only screen and (max-width: <?php echo empty($conf->global->THEME_ELDY_WITDHOFFSET_FOR_REDUC1) ? round($nbtopmenuentries * 90, 0) + 340 : $conf->global->THEME_ELDY_WITDHOFFSET_FOR_REDUC1; ?>px)	/* reduction 1 */
 {
 	div.tmenucenter {
-	    width: <?php echo round(52); ?>px;	/* size of viewport */
-    	white-space: nowrap;
-  		overflow: hidden;
-  		text-overflow: ellipsis;
-  		color: var(--colortextbackhmenu);
+		width: <?php echo round(52); ?>px;	/* size of viewport */
+		white-space: nowrap;
+		  overflow: hidden;
+		  text-overflow: ellipsis;
+		  color: var(--colortextbackhmenu);
 	}
 	.mainmenuaspan {
-  		font-size: 0.9em;
-  		padding-right: 0;
-    }
-    .topmenuimage {
-    	background-size: 22px auto;
-    	margin-top: 0px;
+		  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;
-    }
+	li.tmenu, li.tmenusel {
+		min-width: 36px;
+	}
+	div.mainmenu {
+		min-width: auto;
+	}
 	div.tmenuleft {
 		display: none;
 	}
@@ -6702,21 +6731,21 @@ div.phpdebugbar-widgets-templates a.phpdebugbar-widgets-editor-link:before
 		height: 23px;
 	}
 	div.tmenucenter {
-	    max-width: <?php echo round(26); ?>px;	/* size of viewport */
-  		text-overflow: clip;
+		max-width: <?php echo round(26); ?>px;	/* size of viewport */
+		  text-overflow: clip;
 	}
 	span.mainmenuaspan {
-    	margin-left: 1px;
+		margin-left: 1px;
 	}
 	.mainmenuaspan {
-  		font-size: 0.9em;
-  		padding-left: 0;
-  		padding-right: 0;
-    }
-    .topmenuimage {
-    	background-size: 20px auto;
-    	margin-top: 2px;
-    	left: 4px;
+		  font-size: 0.9em;
+		  padding-left: 0;
+		  padding-right: 0;
+	}
+	.topmenuimage {
+		background-size: 20px auto;
+		margin-top: 2px;
+		left: 4px;
 	}
 
 	.dropdown dd ul {
@@ -6730,16 +6759,16 @@ div.phpdebugbar-widgets-templates a.phpdebugbar-widgets-editor-link:before
 		z-index: 200;
 		background: var(--colorbackvmenu1);
 		padding-top: 70px;
-    }
+	}
 	#id-left {
-    	z-index: 201;
+		z-index: 201;
 		background: var(--colorbackvmenu1);
 	}
 
-    .login_vertical_align {
-    	padding-left: 20px;
-    	padding-right: 20px;
-    }
+	.login_vertical_align {
+		padding-left: 20px;
+		padding-right: 20px;
+	}
 
 	/* Reduce login top right info */
 	.help {
@@ -6759,34 +6788,34 @@ div.phpdebugbar-widgets-templates a.phpdebugbar-widgets-editor-link:before
 		width: 100%;
 	}
 	div.login_block a {
-        color: unset;
-    }
+		color: unset;
+	}
 	div.login_block {
 		/* Style when phone layout or when using the menuhider */
 		padding-top: 10px;
 		padding-left: 20px;
-    	padding-right: 20px;
-    	padding-bottom: 16px;
+		padding-right: 20px;
+		padding-bottom: 16px;
 		top: inherit !important;
 		left: 0 !important;
 		text-align: center;
-        vertical-align: middle;
+		vertical-align: middle;
 
 		background: var(--colorbackvmenu1);
 
-        height: 50px;
+		height: 50px;
 
-    	z-index: 202;
-    	min-width: 200px;      /* must be width of menu + padding + padding of sidenav */
-    	max-width: 200px;      /* must be width of menu + padding + padding of sidenav */
-    	width: 200px;          /* must be width of menu + padding + padding of sidenav */
-    }
-    .side-nav-vert .user-menu .dropdown-menu {
-        width: 234px !important;
-    }
-    div.login_block_other {
-        margin-right: unset;
-    }
+		z-index: 202;
+		min-width: 200px;      /* must be width of menu + padding + padding of sidenav */
+		max-width: 200px;      /* must be width of menu + padding + padding of sidenav */
+		width: 200px;          /* must be width of menu + padding + padding of sidenav */
+	}
+	.side-nav-vert .user-menu .dropdown-menu {
+		width: 234px !important;
+	}
+	div.login_block_other {
+		margin-right: unset;
+	}
 	div.login_block_user, div.login_block_other { clear: both; }
 	.atoplogin, .atoplogin:hover
 	{
@@ -6798,32 +6827,32 @@ div.phpdebugbar-widgets-templates a.phpdebugbar-widgets-editor-link:before
 		padding: 0 !important;
 		height: 38px;
 	}
-    li.tmenu, li.tmenusel {
-        min-width: 32px;
-    }
+	li.tmenu, li.tmenusel {
+		min-width: 32px;
+	}
 	div.mainmenu {
 		height: 23px;
 	}
 	div.tmenucenter {
-  		text-overflow: clip;
+		  text-overflow: clip;
 	}
-    .topmenuimage {
-    	background-size: 20px auto;
-    	margin-top: 2px !important;
-    	left: 2px;
+	.topmenuimage {
+		background-size: 20px auto;
+		margin-top: 2px !important;
+		left: 2px;
 	}
 	div.mainmenu {
-    	min-width: 20px;
-    }
+		min-width: 20px;
+	}
 
 	.titlefield {
-	    width: auto !important;		/* We want to ignore the 30%, try to use more if you can */
+		width: auto !important;		/* We want to ignore the 30%, try to use more if you can */
 	}
 	.tableforfield>tr>td:first-child, .tableforfield>tbody>tr>td:first-child, div.tableforfield div.tagtr>div.tagtd:first-of-type {
-	    /* max-width: 100px; */			/* but no more than 100px */
+		/* max-width: 100px; */			/* but no more than 100px */
 	}
 	.tableforfield>tr>td:nth-child(2), .tableforfield>tbody>tr>td:nth-child(2), div.tableforfield div.tagtr>div.tagtd:nth-child(2) {
-	    word-break: break-word;
+		word-break: break-word;
 	}
 	.badge {
 		min-width: auto;
@@ -6865,7 +6894,9 @@ include dol_buildpath($path.'/theme/'.$theme.'/info-box.inc.php', 0);
 include dol_buildpath($path.'/theme/'.$theme.'/progress.inc.php', 0);
 include dol_buildpath($path.'/theme/'.$theme.'/timeline.inc.php', 0);
 
-if (!empty($conf->global->THEME_CUSTOM_CSS)) print $conf->global->THEME_CUSTOM_CSS;
+if (!empty($conf->global->THEME_CUSTOM_CSS)) {
+	print $conf->global->THEME_CUSTOM_CSS;
+}
 
 ?>
 
diff --git a/htdocs/theme/eldy/info-box.inc.php b/htdocs/theme/eldy/info-box.inc.php
index 2da8de5cff3..04e4c035b4a 100644
--- a/htdocs/theme/eldy/info-box.inc.php
+++ b/htdocs/theme/eldy/info-box.inc.php
@@ -1,5 +1,7 @@
 <?php
-if (!defined('ISLOADEDBYSTEELSHEET')) die('Must be call by steelsheet'); ?>
+if (!defined('ISLOADEDBYSTEELSHEET')) {
+	die('Must be call by steelsheet');
+} ?>
 /* <style type="text/css" > */
 
 /*
@@ -8,33 +10,33 @@ if (!defined('ISLOADEDBYSTEELSHEET')) die('Must be call by steelsheet'); ?>
  */
 
 .info-box-module-external span.info-box-icon-version {
-    background: #bbb;
+	background: #bbb;
 }
 
 .info-box {
 	display: block;
-    position: relative;
+	position: relative;
 	min-height: 90px;
 	/* background: #fff; */
 	width: 100%;
 	box-shadow: 1px 1px 15px rgba(192, 192, 192, 0.2);
-    border-radius: 2px;
-    border: 1px solid #e9e9e9;
+	border-radius: 2px;
+	border: 1px solid #e9e9e9;
 	margin-bottom: 15px;
 }
 .info-box.info-box-sm {
-    min-height: 80px;
-    margin-bottom: 10px;
-    /* background: #fff; */
+	min-height: 80px;
+	margin-bottom: 10px;
+	/* background: #fff; */
 }
 .opened-dash-board-wrap .info-box.info-box-sm {
-    border-radius: 0 0 0 20px;
+	border-radius: 0 0 0 20px;
 }
 .info-box-more {
-    float: right;
-    top: 5px;
-    position: absolute;
-    right: 8px;
+	float: right;
+	top: 5px;
+	position: absolute;
+	right: 8px;
 }
 
 .info-box small {
@@ -71,7 +73,7 @@ if (!defined('ISLOADEDBYSTEELSHEET')) die('Must be call by steelsheet'); ?>
 	border-bottom-right-radius: 0;
 	border-bottom-left-radius: 2px;
 	display: block;
-    overflow: hidden;
+	overflow: hidden;
 	float: left;
 	height: 90px;
 	width: 90px;
@@ -82,20 +84,20 @@ if (!defined('ISLOADEDBYSTEELSHEET')) die('Must be call by steelsheet'); ?>
 }
 
 .info-box-module .info-box-icon {
-    padding-top: 5px;
-    padding-bottom: 5px;
+	padding-top: 5px;
+	padding-bottom: 5px;
 }
 .info-box-sm .info-box-icon {
-    height: 80px;
-    width: 78px;
-    font-size: 25px;
-    line-height: 92px;
+	height: 80px;
+	width: 78px;
+	font-size: 25px;
+	line-height: 92px;
 }
 .opened-dash-board-wrap .info-box-sm .info-box-icon {
-    border-radius: 0 0 0 20px;
+	border-radius: 0 0 0 20px;
 }
 .opened-dash-board-wrap .info-box-sm .info-box-icon {
-    line-height: 80px;
+	line-height: 80px;
 }
 .info-box-module .info-box-icon {
 	height: 98px;
@@ -104,75 +106,75 @@ if (!defined('ISLOADEDBYSTEELSHEET')) die('Must be call by steelsheet'); ?>
 	max-width: 100%;
 }
 .info-box-module .info-box-icon > img {
-    max-width: 60%;
+	max-width: 60%;
 }
 
 a.info-box-text.info-box-text-a {
-    display: table-cell;
+	display: table-cell;
 }
 a.info-box-text-a i.fa.fa-exclamation-triangle {
-    font-size: 0.9em;
+	font-size: 0.9em;
 }
 
 .info-box-icon-text{
-    box-sizing: border-box;
-    display: block;
-    position: absolute;
-    width: 90px;
-    bottom: 0px;
-    color: #ffffff;
-    background-color: rgba(0,0,0,0.1);
-    cursor: default;
+	box-sizing: border-box;
+	display: block;
+	position: absolute;
+	width: 90px;
+	bottom: 0px;
+	color: #ffffff;
+	background-color: rgba(0,0,0,0.1);
+	cursor: default;
 
-    font-size: 10px;
-    line-height: 15px;
-    padding: 0px 3px;
-    text-align: center;
-    opacity: 0;
-    -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
-    transition: opacity 0.5s, visibility 0s 0.5s;
+	font-size: 10px;
+	line-height: 15px;
+	padding: 0px 3px;
+	text-align: center;
+	opacity: 0;
+	-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
+	transition: opacity 0.5s, visibility 0s 0.5s;
 }
 
 .info-box-icon-version {
-    box-sizing: border-box;
-    display: block;
-    position: absolute;
-    width: 90px;
-    bottom: 0px;
-    color: #ffffff;
-    background-color: rgba(0,0,0,0.1);
-    cursor: default;
+	box-sizing: border-box;
+	display: block;
+	position: absolute;
+	width: 90px;
+	bottom: 0px;
+	color: #ffffff;
+	background-color: rgba(0,0,0,0.1);
+	cursor: default;
 
-    font-size: 10px;
-    line-height: 22px;
-    padding: 0px 3px;
-    text-align: center;
-    opacity: 1;
-    -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
-    transition: opacity 0.5s, visibility 0s 0.5s;
+	font-size: 10px;
+	line-height: 22px;
+	padding: 0px 3px;
+	text-align: center;
+	opacity: 1;
+	-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
+	transition: opacity 0.5s, visibility 0s 0.5s;
 }
 .box-flex-item.info-box-module.info-box-module-disabled {
-    /* opacity: 0.6; */
+	/* opacity: 0.6; */
 }
 
 .info-box-actions {
 	position: absolute;
-    right: 0;
-    bottom: 0;
+	right: 0;
+	bottom: 0;
 }
 
 <?php if (empty($conf->global->MAIN_DISABLE_GLOBAL_BOXSTATS) && !empty($conf->global->MAIN_INCLUDE_GLOBAL_STATS_IN_OPENED_DASHBOARD)) { ?>
 .info-box-icon-text{
-    opacity: 1;
+	opacity: 1;
 }
 <?php } ?>
 
 .info-box-sm .info-box-icon-text, .info-box-sm .info-box-icon-version{
-    overflow: hidden;
-    width: 80px;
+	overflow: hidden;
+	width: 80px;
 }
 .info-box:hover .info-box-icon-text{
-    opacity: 1;
+	opacity: 1;
 }
 
 .info-box-content {
@@ -180,11 +182,11 @@ a.info-box-text-a i.fa.fa-exclamation-triangle {
 	margin-left: 84px;
 }
 .info-box-sm .info-box-content{
-    margin-left: 80px;
+	margin-left: 80px;
 }
 .info-box-sm .info-box-module-enabled {
-    /* background: linear-gradient(0.35turn, #fff, #fff, #f6faf8, #e4efe8) */
-    background: linear-gradient(0.4turn, #fff, #fff, #fff, #e4efe8);
+	/* background: linear-gradient(0.35turn, #fff, #fff, #f6faf8, #e4efe8) */
+	background: linear-gradient(0.4turn, #fff, #fff, #fff, #e4efe8);
 }
 .info-box-content-warning span.font-status4 {
 	color: #bc9526 !important;
@@ -193,7 +195,7 @@ a.info-box-text-a i.fa.fa-exclamation-triangle {
 	background: #ffd7a3;
 }*/
 /*.info-box-icon.info-box-icon-module-enabled {
-    background: #e4f0e4 !important;
+	background: #e4f0e4 !important;
 }*/
 
 .info-box-number {
@@ -240,20 +242,26 @@ a.info-box-text{ text-decoration: none;}
 include_once DOL_DOCUMENT_ROOT.'/core/lib/functions2.lib.php';
 
 $prefix = '';
-if (!empty($conf->global->THEME_INFOBOX_COLOR_ON_BACKGROUND)) $prefix = 'background-';
+if (!empty($conf->global->THEME_INFOBOX_COLOR_ON_BACKGROUND)) {
+	$prefix = 'background-';
+}
 
-if (!isset($conf->global->THEME_SATURATE_RATIO)) $conf->global->THEME_SATURATE_RATIO = 0.7;
-if (GETPOSTISSET('THEME_SATURATE_RATIO')) $conf->global->THEME_SATURATE_RATIO = GETPOST('THEME_SATURATE_RATIO', 'int');
+if (!isset($conf->global->THEME_SATURATE_RATIO)) {
+	$conf->global->THEME_SATURATE_RATIO = 0.7;
+}
+if (GETPOSTISSET('THEME_SATURATE_RATIO')) {
+	$conf->global->THEME_SATURATE_RATIO = GETPOST('THEME_SATURATE_RATIO', 'int');
+}
 
 ?>
 .info-box-icon {
 	<?php if ($prefix) { ?>
 	color: #fff !important;
 	<?php } ?>
-    opacity: 0.95;
-    <?php if (isset($conf->global->THEME_SATURATE_RATIO)) { ?>
-        filter: saturate(<?php echo $conf->global->THEME_SATURATE_RATIO; ?>);
-    <?php } ?>
+	opacity: 0.95;
+	<?php if (isset($conf->global->THEME_SATURATE_RATIO)) { ?>
+		filter: saturate(<?php echo $conf->global->THEME_SATURATE_RATIO; ?>);
+	<?php } ?>
 }
 
 .customer-back {
@@ -435,13 +443,13 @@ if (GETPOSTISSET('THEME_SATURATE_RATIO')) $conf->global->THEME_SATURATE_RATIO =
 }
 .info-box-module {
 	min-width: 350px;
-    max-width: 350px;
+	max-width: 350px;
 }
 
 @media only screen and (max-width: 1740px) {
 	.info-box-module {
-	    min-width: 315px;
-	    max-width: 315px;
+		min-width: 315px;
+		max-width: 315px;
 	}
 }
 
@@ -463,8 +471,8 @@ if (GETPOSTISSET('THEME_SATURATE_RATIO')) $conf->global->THEME_SATURATE_RATIO =
 @media only screen and (max-width: 767px)
 {
 	.box-flex-container {
-	    margin: 0 0 0 0px !important;
-	    width: 100% !important;
+		margin: 0 0 0 0px !important;
+		width: 100% !important;
 	}
 	.info-box-module {
 		width: 100%;
diff --git a/htdocs/theme/eldy/main_menu_fa_icons.inc.php b/htdocs/theme/eldy/main_menu_fa_icons.inc.php
index 156da9be652..14421e38db7 100644
--- a/htdocs/theme/eldy/main_menu_fa_icons.inc.php
+++ b/htdocs/theme/eldy/main_menu_fa_icons.inc.php
@@ -1,23 +1,25 @@
-<?php if (!defined('ISLOADEDBYSTEELSHEET')) die('Must be call by steelsheet'); ?>
+<?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: 23px;
+	/* font part */
+	font-family: "Font Awesome 5 Free";
+	font-weight: 900;
+	font-style: normal;
+	font-variant: normal;
+	text-rendering: auto;
+	line-height: 23px;
 	font-size: <?php echo $topMenuFontSize; ?>;
-    -webkit-font-smoothing: antialiased;
-    text-align:center;
+	-webkit-font-smoothing: antialiased;
+	text-align:center;
 	text-decoration:none;
 	color: #<?php echo $colortextbackhmenu; ?>;
 }
 
 .fa-15x {
-    font-size: 1.5em;
+	font-size: 1.5em;
 }
 
 div.mainmenu.menu {
@@ -34,116 +36,116 @@ div.mainmenu.home::before{
 }
 
 div.mainmenu.billing::before {
-    content: "\f51e";
+	content: "\f51e";
 }
 
 div.mainmenu.accountancy::before {
-    content: "\f53d";
+	content: "\f53d";
 }
 
 div.mainmenu.agenda::before {
-    content: "\f073";
+	content: "\f073";
 }
 
 div.mainmenu.bank::before {
-    content: "\f19c";
+	content: "\f19c";
 }
 
 <?php if ($conf->global->MAIN_FEATURES_LEVEL == 2) { ?>
 /* TESTING USAGE OF SVG WITHOUT FONT */
 div.mainmenu.cashdesk {
-    line-height: 26px;
+	line-height: 26px;
 }
 
 div.mainmenu.cashdesk .tmenuimage {
-    line-height: 26px;
-    display: inline-block;
-    vertical-align: middle;
-    height: <?php echo $topMenuFontSize; ?>;
+	line-height: 26px;
+	display: inline-block;
+	vertical-align: middle;
+	height: <?php echo $topMenuFontSize; ?>;
 	background-color: #<?php echo $colortextbackhmenu; ?>;
-    width: 100%;
-    -webkit-mask: url(<?php echo DOL_URL_ROOT.'/theme/common/fontawesome-5/svgs/solid/cash-register.svg' ?>) no-repeat 50% 50%; /* for old webkit browser */
-    mask: url(<?php echo DOL_URL_ROOT.'/theme/common/fontawesome-5/svgs/solid/cash-register.svg' ?>) no-repeat 50% 50%;
+	width: 100%;
+	-webkit-mask: url(<?php echo DOL_URL_ROOT.'/theme/common/fontawesome-5/svgs/solid/cash-register.svg' ?>) no-repeat 50% 50%; /* for old webkit browser */
+	mask: url(<?php echo DOL_URL_ROOT.'/theme/common/fontawesome-5/svgs/solid/cash-register.svg' ?>) no-repeat 50% 50%;
 }
 
 <?php } else { ?>
 div.mainmenu.cashdesk::before {
-    content: "\f788";
+	content: "\f788";
 }
 
 <?php } ?>
 
 
 div.mainmenu.takepos::before {
-    content: "\f788";
+	content: "\f788";
 }
 
 div.mainmenu.companies::before {
-    content: "\f1ad";
+	content: "\f1ad";
 }
 
 div.mainmenu.commercial::before {
-    content: "\f0f2";
+	content: "\f0f2";
 }
 
 div.mainmenu.ecm::before {
-    content: "\f07c";
+	content: "\f07c";
 }
 
 div.mainmenu.externalsite::before {
-    content: "\f360";
+	content: "\f360";
 }
 
 div.mainmenu.ftp::before {
-    content: "\f362";
+	content: "\f362";
 }
 
 div.mainmenu.hrm::before {
-    content: "\f508";
+	content: "\f508";
 }
 
 div.mainmenu.members::before {
-    content: "\f007";
+	content: "\f007";
 }
 
 div.mainmenu.products::before {
-    content: "\f1b2";
+	content: "\f1b2";
 }
 
 div.mainmenu.mrp::before {
-    content: "\f1b3";
+	content: "\f1b3";
 }
 
 div.mainmenu.project::before {
-    content: "\f0e8";
+	content: "\f0e8";
 }
 
 div.mainmenu.ticket::before {
-    content: "\f3ff";
+	content: "\f3ff";
 }
 
 div.mainmenu.tools::before {
-    content: "\f0ad";
+	content: "\f0ad";
 }
 
 div.mainmenu.website::before {
-    content: "\f57d";
+	content: "\f57d";
 }
 
 div.mainmenu.generic1::before {
-    content: "\f249";
+	content: "\f249";
 }
 
 div.mainmenu.generic2::before {
-    content: "\f249";
+	content: "\f249";
 }
 
 div.mainmenu.generic3::before {
-    content: "\f249";
+	content: "\f249";
 }
 
 div.mainmenu.generic4::before {
-    content: "\f249";
+	content: "\f249";
 }
 
 /* Define color of some picto */
diff --git a/htdocs/theme/eldy/manifest.json.php b/htdocs/theme/eldy/manifest.json.php
index 098ceb4aaae..7d0f75614c7 100644
--- a/htdocs/theme/eldy/manifest.json.php
+++ b/htdocs/theme/eldy/manifest.json.php
@@ -25,16 +25,36 @@
  *		\brief      File for The Web App
  */
 
-if (!defined('NOREQUIREUSER'))   define('NOREQUIREUSER', '1');
-if (!defined('NOREQUIRESOC'))    define('NOREQUIRESOC', '1');
-if (!defined('NOREQUIRETRAN'))   define('NOREQUIRETRAN', '1');
-if (!defined('NOCSRFCHECK'))     define('NOCSRFCHECK', '1');
-if (!defined('NOTOKENRENEWAL'))  define('NOTOKENRENEWAL', '1');
-if (!defined('NOLOGIN'))         define('NOLOGIN', '1');
-if (!defined('NOREQUIREMENU'))   define('NOREQUIREMENU', '1');
-if (!defined('NOREQUIREHTML'))   define('NOREQUIREHTML', '1');
-if (!defined('NOREQUIREAJAX'))   define('NOREQUIREAJAX', '1');
-if (!defined('NOSESSION'))       define('NOSESSION', '1');
+if (!defined('NOREQUIREUSER')) {
+	define('NOREQUIREUSER', '1');
+}
+if (!defined('NOREQUIRESOC')) {
+	define('NOREQUIRESOC', '1');
+}
+if (!defined('NOREQUIRETRAN')) {
+	define('NOREQUIRETRAN', '1');
+}
+if (!defined('NOCSRFCHECK')) {
+	define('NOCSRFCHECK', '1');
+}
+if (!defined('NOTOKENRENEWAL')) {
+	define('NOTOKENRENEWAL', '1');
+}
+if (!defined('NOLOGIN')) {
+	define('NOLOGIN', '1');
+}
+if (!defined('NOREQUIREMENU')) {
+	define('NOREQUIREMENU', '1');
+}
+if (!defined('NOREQUIREHTML')) {
+	define('NOREQUIREHTML', '1');
+}
+if (!defined('NOREQUIREAJAX')) {
+	define('NOREQUIREAJAX', '1');
+}
+if (!defined('NOSESSION')) {
+	define('NOSESSION', '1');
+}
 
 require_once __DIR__.'/../../main.inc.php';
 
@@ -45,8 +65,7 @@ if (empty($dolibarr_nocache)) {
 	header('Cache-Control: max-age=10800, public, must-revalidate');
 	// For a text/json, we must set an Expires to avoid to have it forced to an expired value by the web server
 	header('Expires: '.gmdate('D, d M Y H:i:s', dol_now('gmt') + 10800) . ' GMT');
-}
-else {
+} else {
 	header('Cache-Control: no-cache');
 }
 
@@ -55,7 +74,9 @@ $manifest = new stdClass();
 
 
 $manifest->name = constant('DOL_APPLICATION_TITLE');
-if (!empty($conf->global->MAIN_APPLICATION_TITLE)) $manifest->name = $conf->global->MAIN_APPLICATION_TITLE;
+if (!empty($conf->global->MAIN_APPLICATION_TITLE)) {
+	$manifest->name = $conf->global->MAIN_APPLICATION_TITLE;
+}
 
 
 $manifest->theme_color = !empty($conf->global->MAIN_MANIFEST_APPLI_THEME_COLOR)?$conf->global->MAIN_MANIFEST_APPLI_THEME_COLOR:'#F05F40';
@@ -64,21 +85,23 @@ $manifest->display = "standalone";
 $manifest->splash_pages = null;
 $manifest->icons = array();
 
-if (!empty($conf->global->MAIN_MANIFEST_APPLI_LOGO_URL)){
+if (!empty($conf->global->MAIN_MANIFEST_APPLI_LOGO_URL)) {
 	$icon = new stdClass();
 	$icon->src = $conf->global->MAIN_MANIFEST_APPLI_LOGO_URL;
-	if ($conf->global->MAIN_MANIFEST_APPLI_LOGO_URL_SIZE) { $icon->sizes = $conf->global->MAIN_MANIFEST_APPLI_LOGO_URL_SIZE."x".$conf->global->MAIN_MANIFEST_APPLI_LOGO_URL_SIZE; }
-	else { $icon->sizes = "512x512"; }
+	if ($conf->global->MAIN_MANIFEST_APPLI_LOGO_URL_SIZE) {
+		$icon->sizes = $conf->global->MAIN_MANIFEST_APPLI_LOGO_URL_SIZE."x".$conf->global->MAIN_MANIFEST_APPLI_LOGO_URL_SIZE;
+	} else {
+		$icon->sizes = "512x512";
+	}
 	$icon->type = "image/png";
 	$manifest->icons[] = $icon;
-}
-elseif (!empty($conf->global->MAIN_INFO_SOCIETE_LOGO_SQUARRED)){
-	if (!empty($conf->global->MAIN_INFO_SOCIETE_LOGO_SQUARRED_MINI)){
+} elseif (!empty($conf->global->MAIN_INFO_SOCIETE_LOGO_SQUARRED)) {
+	if (!empty($conf->global->MAIN_INFO_SOCIETE_LOGO_SQUARRED_MINI)) {
 		$iconRelativePath 	= 'logos/thumbs/'.$conf->global->MAIN_INFO_SOCIETE_LOGO_SQUARRED_MINI;
 		$iconPath 	= $conf->mycompany->dir_output.'/'.$iconRelativePath;
 		if (is_readable($iconPath)) {
 			$imgSize = getimagesize($iconPath);
-			if ($imgSize){
+			if ($imgSize) {
 				$icon = new stdClass();
 				$icon->src = DOL_URL_ROOT.'/viewimage.php?cache=1&modulepart=mycompany&file='.urlencode($iconRelativePath);
 				$icon->sizes = $imgSize[0]."x".$imgSize[1];
@@ -88,12 +111,12 @@ elseif (!empty($conf->global->MAIN_INFO_SOCIETE_LOGO_SQUARRED)){
 		}
 	}
 
-	if (!empty($conf->global->MAIN_INFO_SOCIETE_LOGO_SQUARRED_SMALL)){
+	if (!empty($conf->global->MAIN_INFO_SOCIETE_LOGO_SQUARRED_SMALL)) {
 		$iconRelativePath 	= 'logos/thumbs/'.$conf->global->MAIN_INFO_SOCIETE_LOGO_SQUARRED_SMALL;
 		$iconPath 	= $conf->mycompany->dir_output.'/'.$iconRelativePath;
 		if (is_readable($iconPath)) {
 			$imgSize = getimagesize($iconPath);
-			if ($imgSize){
+			if ($imgSize) {
 				$icon = new stdClass();
 				$icon->src = DOL_URL_ROOT.'/viewimage.php?cache=1&modulepart=mycompany&file='.urlencode($iconRelativePath);
 				$icon->sizes = $imgSize[0]."x".$imgSize[1];
@@ -103,12 +126,12 @@ elseif (!empty($conf->global->MAIN_INFO_SOCIETE_LOGO_SQUARRED)){
 		}
 	}
 
-	if (!empty($conf->global->MAIN_INFO_SOCIETE_LOGO_SQUARRED)){
+	if (!empty($conf->global->MAIN_INFO_SOCIETE_LOGO_SQUARRED)) {
 		$iconRelativePath 	= 'logos/'.$conf->global->MAIN_INFO_SOCIETE_LOGO_SQUARRED;
 		$iconPath 	= $conf->mycompany->dir_output.'/'.$iconRelativePath;
 		if (is_readable($iconPath)) {
 			$imgSize = getimagesize($iconPath);
-			if ($imgSize){
+			if ($imgSize) {
 				$icon = new stdClass();
 				$icon->src = DOL_URL_ROOT.'/viewimage.php?cache=1&modulepart=mycompany&file='.urlencode($iconRelativePath);
 				$icon->sizes = $imgSize[0]."x".$imgSize[1];
@@ -120,7 +143,7 @@ elseif (!empty($conf->global->MAIN_INFO_SOCIETE_LOGO_SQUARRED)){
 }
 
 // Add Dolibarr std icon
-if (empty($manifest->icons)){
+if (empty($manifest->icons)) {
 	$icon = new stdClass();
 	$icon->src = DOL_URL_ROOT.'/theme/dolibarr_256x256_color.png';
 	$icon->sizes = "256x256";
diff --git a/htdocs/theme/eldy/progress.inc.php b/htdocs/theme/eldy/progress.inc.php
index 71f25ff35ba..e74c84cf89e 100644
--- a/htdocs/theme/eldy/progress.inc.php
+++ b/htdocs/theme/eldy/progress.inc.php
@@ -1,5 +1,7 @@
 <?php
-if (!defined('ISLOADEDBYSTEELSHEET')) die('Must be call by steelsheet'); ?>
+if (!defined('ISLOADEDBYSTEELSHEET')) {
+	die('Must be call by steelsheet');
+} ?>
 /* <style type="text/css" > */
 /*
  progress style is based on boostrap and admin lte framework
@@ -12,183 +14,183 @@ if (!defined('ISLOADEDBYSTEELSHEET')) die('Must be call by steelsheet'); ?>
  */
 
 .progress * {
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
+	-webkit-box-sizing: border-box;
+	-moz-box-sizing: border-box;
+	box-sizing: border-box;
 }
 
 .progress {
-    height: 20px;
-    overflow: hidden;
-    background-color: #f5f5f5;
-    background-color: rgba(128, 128, 128, 0.1);
-    border-radius: 4px;
-    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
-    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+	height: 20px;
+	overflow: hidden;
+	background-color: #f5f5f5;
+	background-color: rgba(128, 128, 128, 0.1);
+	border-radius: 4px;
+	-webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
+	box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
 }
 
 .progress.spaced{
-    margin-bottom: 20px;
+	margin-bottom: 20px;
 }
 
 .progress-bar {
-    float: left;
-    width: 0;
-    height: 100%;
-    font-size: 12px;
-    line-height: 20px;
-    color: #fff;
-    text-align: center;
-    background-color: #337ab7;
-    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
-    box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
-    -webkit-transition: width .6s ease;
-    -o-transition: width .6s ease;
-    transition: width .6s ease;
+	float: left;
+	width: 0;
+	height: 100%;
+	font-size: 12px;
+	line-height: 20px;
+	color: #fff;
+	text-align: center;
+	background-color: #337ab7;
+	-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
+	box-shadow: inset 0 -1px 0 rgba(0,0,0,.15);
+	-webkit-transition: width .6s ease;
+	-o-transition: width .6s ease;
+	transition: width .6s ease;
 }
 
 
 
 .progress-group > .progress{
-    clear: both;
+	clear: both;
 }
 
 .progress,
 .progress > .progress-bar {
-    -webkit-box-shadow: none;
-    box-shadow: none;
+	-webkit-box-shadow: none;
+	box-shadow: none;
 }
 .progress,
 .progress > .progress-bar,
 .progress .progress-bar,
 .progress > .progress-bar .progress-bar {
-    border-radius: 1px;
+	border-radius: 1px;
 }
 /* size variation */
 .progress.sm,
 .progress-sm {
-    height: 10px;
+	height: 10px;
 }
 .progress.sm,
 .progress-sm,
 .progress.sm .progress-bar,
 .progress-sm .progress-bar {
-    border-radius: 1px;
+	border-radius: 1px;
 }
 .progress.xs,
 .progress-xs {
-    height: 7px;
+	height: 7px;
 }
 .progress.xs,
 .progress-xs,
 .progress.xs .progress-bar,
 .progress-xs .progress-bar {
-    border-radius: 1px;
+	border-radius: 1px;
 }
 .progress.xxs,
 .progress-xxs {
-    height: 3px;
+	height: 3px;
 }
 .progress.xxs,
 .progress-xxs,
 .progress.xxs .progress-bar,
 .progress-xxs .progress-bar {
-    border-radius: 1px;
+	border-radius: 1px;
 }
 
 
 /* Vertical bars */
 .progress.vertical {
-    position: relative;
-    width: 30px;
-    height: 200px;
-    display: inline-block;
-    margin-right: 10px;
+	position: relative;
+	width: 30px;
+	height: 200px;
+	display: inline-block;
+	margin-right: 10px;
 }
 .progress.vertical > .progress-bar {
-    width: 100%;
-    position: absolute;
-    bottom: 0;
+	width: 100%;
+	position: absolute;
+	bottom: 0;
 }
 .progress.vertical.sm,
 .progress.vertical.progress-sm {
-    width: 20px;
+	width: 20px;
 }
 .progress.vertical.xs,
 .progress.vertical.progress-xs {
-    width: 10px;
+	width: 10px;
 }
 .progress.vertical.xxs,
 .progress.vertical.progress-xxs {
-    width: 3px;
+	width: 3px;
 }
 .progress-group .progress-text {
-    /* font-weight: 600; */
+	/* font-weight: 600; */
 }
 .progress-group .progress-number {
-    float: right;
+	float: right;
 }
 
 
 
 /* Remove margins from progress bars when put in a table */
 .table tr > td .progress {
-    margin: 0;
+	margin: 0;
 }
 .progress-bar-light-blue,
 .progress-bar-primary {
-    background-color: #3c8dbc;
+	background-color: #3c8dbc;
 }
 .progress-striped .progress-bar-light-blue,
 .progress-striped .progress-bar-primary {
-    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 }
 .progress-bar-green, .progress-bar-success {
-    background-color: <?php echo $badgeSuccess ?>;
+	background-color: <?php echo $badgeSuccess ?>;
 }
 .progress-striped .progress-bar-green, .progress-striped .progress-bar-success {
-    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 }
 body[class*="colorblind-"] .progress-bar-green, body[class*="colorblind-"] .progress-bar-success {
-    background-color: <?php echo $colorblind_deuteranopes_badgeSuccess ?>;
+	background-color: <?php echo $colorblind_deuteranopes_badgeSuccess ?>;
 }
 body[class*="colorblind-"] .progress-bar-red, body[class*="colorblind-"] .progress-bar-danger {
-    background-color: <?php echo $colorblind_deuteranopes_badgeDanger ?>;
+	background-color: <?php echo $colorblind_deuteranopes_badgeDanger ?>;
 }
 
 .progress-bar-aqua,
 .progress-bar-info {
-    background-color: #00c0ef;
+	background-color: #00c0ef;
 }
 .progress-striped .progress-bar-aqua,
 .progress-striped .progress-bar-info {
-    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 }
 .progress-bar-yellow,
 .progress-bar-warning {
-    background-color: <?php echo $badgeWarning ?>;
+	background-color: <?php echo $badgeWarning ?>;
 }
 .progress-striped .progress-bar-yellow,
 .progress-striped .progress-bar-warning {
-    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 }
 .progress-bar-red,
 .progress-bar-danger {
-    background-color: <?php echo $badgeDanger ?>;
+	background-color: <?php echo $badgeDanger ?>;
 }
 .progress-striped .progress-bar-red,
 .progress-striped .progress-bar-danger {
-    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+	background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+	background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+	background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
 }
 .progress-bar-consumed {
 	background-color: rgb(0, 0, 0, 0.15);
diff --git a/htdocs/theme/eldy/style.css.php b/htdocs/theme/eldy/style.css.php
index 319789b6fde..44a0a7d7b20 100644
--- a/htdocs/theme/eldy/style.css.php
+++ b/htdocs/theme/eldy/style.css.php
@@ -27,21 +27,35 @@
 
 //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');
+if (!defined('NOREQUIRESOC')) {
+	define('NOREQUIRESOC', '1');
+}
 //if (! defined('NOREQUIRETRAN')) define('NOREQUIRETRAN','1');	// Not disabled because need to do translations
-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('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('NOREQUIREMENU'))   define('NOREQUIREMENU',1);  	// We load menu manager class (note that object loaded may have wrong content because NOLOGIN is set and some values depends on login)
-if (!defined('NOREQUIREHTML'))   define('NOREQUIREHTML', 1);
-if (!defined('NOREQUIREAJAX'))   define('NOREQUIREAJAX', '1');
+if (!defined('NOREQUIREHTML')) {
+	define('NOREQUIREHTML', 1);
+}
+if (!defined('NOREQUIREAJAX')) {
+	define('NOREQUIREAJAX', '1');
+}
 
 
 define('ISLOADEDBYSTEELSHEET', '1');
 
 
 require __DIR__.'/theme_vars.inc.php';
-if (defined('THEME_ONLY_CONSTANT')) return;
+if (defined('THEME_ONLY_CONSTANT')) {
+	return;
+}
 
 
 session_cache_limiter('public');
@@ -51,8 +65,7 @@ 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']))
-{
+if (empty($user->id) && !empty($_SESSION['dol_login'])) {
 	$user->fetch('', $_SESSION['dol_login'], '', 1);
 	$user->getrights();
 
@@ -65,12 +78,21 @@ if (empty($user->id) && !empty($_SESSION['dol_login']))
 // Define css type
 top_httphead('text/css');
 // Important: Following code is to avoid page request by browser and PHP CPU at each Dolibarr page access.
-if (empty($dolibarr_nocache)) header('Cache-Control: max-age=10800, public, must-revalidate');
-else header('Cache-Control: no-cache');
+if (empty($dolibarr_nocache)) {
+	header('Cache-Control: max-age=10800, public, must-revalidate');
+} else {
+	header('Cache-Control: no-cache');
+}
 
-if (GETPOST('theme', 'alpha')) $conf->theme = GETPOST('theme', 'alpha'); // If theme was forced on URL
-if (GETPOST('lang', 'aZ09')) $langs->setDefaultLang(GETPOST('lang', 'aZ09')); // If language was forced on URL
-if (GETPOST('THEME_DARKMODEENABLED', 'int')) $conf->global->THEME_DARKMODEENABLED = GETPOST('THEME_DARKMODEENABLED', 'int'); // If darkmode was forced on URL
+if (GETPOST('theme', 'alpha')) {
+	$conf->theme = GETPOST('theme', 'alpha'); // If theme was forced on URL
+}
+if (GETPOST('lang', 'aZ09')) {
+	$langs->setDefaultLang(GETPOST('lang', 'aZ09')); // If language was forced on URL
+}
+if (GETPOST('THEME_DARKMODEENABLED', 'int')) {
+	$conf->global->THEME_DARKMODEENABLED = GETPOST('THEME_DARKMODEENABLED', 'int'); // If darkmode was forced on URL
+}
 
 $langs->load("main", 0, 1);
 $right = ($langs->trans("DIRECTION") == 'rtl' ? 'left' : 'right');
@@ -78,7 +100,9 @@ $left = ($langs->trans("DIRECTION") == 'rtl' ? 'right' : 'left');
 
 $path = ''; // This value may be used in future for external module to overwrite theme
 $theme = 'eldy'; // Value of theme
-if (!empty($conf->global->MAIN_OVERWRITE_THEME_RES)) { $path = '/'.$conf->global->MAIN_OVERWRITE_THEME_RES; $theme = $conf->global->MAIN_OVERWRITE_THEME_RES; }
+if (!empty($conf->global->MAIN_OVERWRITE_THEME_RES)) {
+	$path = '/'.$conf->global->MAIN_OVERWRITE_THEME_RES; $theme = $conf->global->MAIN_OVERWRITE_THEME_RES;
+}
 
 // Define image path files and other constants
 $fontlist = 'arial,tahoma,verdana,helvetica'; //$fontlist='helvetica, verdana, arial, sans-serif';
@@ -98,19 +122,36 @@ $useboldtitle = (isset($conf->global->THEME_ELDY_USEBOLDTITLE) ? $conf->global->
 $borderwidth = 1;
 
 // Case of option always editable
-if (!isset($conf->global->THEME_ELDY_BACKBODY)) $conf->global->THEME_ELDY_BACKBODY = $colorbackbody;
-if (!isset($conf->global->THEME_ELDY_TOPMENU_BACK1)) $conf->global->THEME_ELDY_TOPMENU_BACK1 = $colorbackhmenu1;
-if (!isset($conf->global->THEME_ELDY_VERMENU_BACK1)) $conf->global->THEME_ELDY_VERMENU_BACK1 = $colorbackvmenu1;
-if (!isset($conf->global->THEME_ELDY_BACKTITLE1)) $conf->global->THEME_ELDY_BACKTITLE1 = $colorbacktitle1;
-if (!isset($conf->global->THEME_ELDY_USE_HOVER)) $conf->global->THEME_ELDY_USE_HOVER = $colorbacklinepairhover;
-if (!isset($conf->global->THEME_ELDY_USE_CHECKED)) $conf->global->THEME_ELDY_USE_CHECKED = $colorbacklinepairchecked;
-if (!isset($conf->global->THEME_ELDY_LINEBREAK)) $conf->global->THEME_ELDY_LINEBREAK = $colorbacklinebreak;
-if (!isset($conf->global->THEME_ELDY_TEXTTITLENOTAB)) $conf->global->THEME_ELDY_TEXTTITLENOTAB = $colortexttitlenotab;
-if (!isset($conf->global->THEME_ELDY_TEXTLINK)) $conf->global->THEME_ELDY_TEXTLINK = $colortextlink;
+if (!isset($conf->global->THEME_ELDY_BACKBODY)) {
+	$conf->global->THEME_ELDY_BACKBODY = $colorbackbody;
+}
+if (!isset($conf->global->THEME_ELDY_TOPMENU_BACK1)) {
+	$conf->global->THEME_ELDY_TOPMENU_BACK1 = $colorbackhmenu1;
+}
+if (!isset($conf->global->THEME_ELDY_VERMENU_BACK1)) {
+	$conf->global->THEME_ELDY_VERMENU_BACK1 = $colorbackvmenu1;
+}
+if (!isset($conf->global->THEME_ELDY_BACKTITLE1)) {
+	$conf->global->THEME_ELDY_BACKTITLE1 = $colorbacktitle1;
+}
+if (!isset($conf->global->THEME_ELDY_USE_HOVER)) {
+	$conf->global->THEME_ELDY_USE_HOVER = $colorbacklinepairhover;
+}
+if (!isset($conf->global->THEME_ELDY_USE_CHECKED)) {
+	$conf->global->THEME_ELDY_USE_CHECKED = $colorbacklinepairchecked;
+}
+if (!isset($conf->global->THEME_ELDY_LINEBREAK)) {
+	$conf->global->THEME_ELDY_LINEBREAK = $colorbacklinebreak;
+}
+if (!isset($conf->global->THEME_ELDY_TEXTTITLENOTAB)) {
+	$conf->global->THEME_ELDY_TEXTTITLENOTAB = $colortexttitlenotab;
+}
+if (!isset($conf->global->THEME_ELDY_TEXTLINK)) {
+	$conf->global->THEME_ELDY_TEXTLINK = $colortextlink;
+}
 
 // Case of option editable only if option THEME_ELDY_ENABLE_PERSONALIZED is on
-if (empty($conf->global->THEME_ELDY_ENABLE_PERSONALIZED))
-{
+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';
@@ -142,8 +183,7 @@ $fontsizesmaller     = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (emp
 // Hover color
 $colorbacklinepairhover = ((!isset($conf->global->THEME_ELDY_USE_HOVER) || (string) $conf->global->THEME_ELDY_USE_HOVER === '255,255,255') ? '' : ($conf->global->THEME_ELDY_USE_HOVER === '1' ? 'e6edf0' : $conf->global->THEME_ELDY_USE_HOVER));
 $colorbacklinepairchecked = ((!isset($conf->global->THEME_ELDY_USE_CHECKED) || (string) $conf->global->THEME_ELDY_USE_CHECKED === '255,255,255') ? '' : ($conf->global->THEME_ELDY_USE_CHECKED === '1' ? 'e6edf0' : $conf->global->THEME_ELDY_USE_CHECKED));
-if (!empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED))
-{
+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));
 }
@@ -153,26 +193,42 @@ if (!empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED))
 $colorbackhmenu1 = join(',', colorStringToArray($colorbackhmenu1)); // Normalize value to 'x,y,z'
 $tmppart = explode(',', $colorbackhmenu1);
 $tmpval = (!empty($tmppart[0]) ? $tmppart[0] : 0) + (!empty($tmppart[1]) ? $tmppart[1] : 0) + (!empty($tmppart[2]) ? $tmppart[2] : 0);
-if ($tmpval <= 460) $colortextbackhmenu = 'FFFFFF';
-else $colortextbackhmenu = '000000';
+if ($tmpval <= 460) {
+	$colortextbackhmenu = 'FFFFFF';
+} else {
+	$colortextbackhmenu = '000000';
+}
 
 $colorbackvmenu1 = join(',', colorStringToArray($colorbackvmenu1)); // Normalize value to 'x,y,z'
 $tmppart = explode(',', $colorbackvmenu1);
 $tmpval = (!empty($tmppart[0]) ? $tmppart[0] : 0) + (!empty($tmppart[1]) ? $tmppart[1] : 0) + (!empty($tmppart[2]) ? $tmppart[2] : 0);
-if ($tmpval <= 460) { $colortextbackvmenu = 'FFFFFF'; } else { $colortextbackvmenu = '000000'; }
+if ($tmpval <= 460) {
+	$colortextbackvmenu = 'FFFFFF';
+} else {
+	$colortextbackvmenu = '000000';
+}
 
 $colorbacktitle1 = join(',', colorStringToArray($colorbacktitle1)); // Normalize value to 'x,y,z'
 $tmppart = explode(',', $colorbacktitle1);
-if ($colortexttitle == '')
-{
+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'; }
-} else $colorshadowtitle = '888888';
+	if ($tmpval <= 460) {
+		$colortexttitle = 'FFFFFF'; $colorshadowtitle = '888888';
+	} else {
+		$colortexttitle = '000000'; $colorshadowtitle = 'FFFFFF';
+	}
+} else {
+	$colorshadowtitle = '888888';
+}
 
 $colorbacktabcard1 = join(',', colorStringToArray($colorbacktabcard1)); // Normalize value to 'x,y,z'
 $tmppart = explode(',', $colorbacktabcard1);
 $tmpval = (!empty($tmppart[0]) ? $tmppart[0] : 0) + (!empty($tmppart[1]) ? $tmppart[1] : 0) + (!empty($tmppart[2]) ? $tmppart[2] : 0);
-if ($tmpval <= 460) { $colortextbacktab = 'FFFFFF'; } else { $colortextbacktab = '000000'; }
+if ($tmpval <= 460) {
+	$colortextbacktab = 'FFFFFF';
+} else {
+	$colortextbacktab = '000000';
+}
 
 
 // Format color value to match expected format (may be 'FFFFFF' or '255,255,255')
@@ -185,8 +241,12 @@ $colorbacklineimpair1 = join(',', colorStringToArray($colorbacklineimpair1));
 $colorbacklineimpair2 = join(',', colorStringToArray($colorbacklineimpair2));
 $colorbacklinepair1 = join(',', colorStringToArray($colorbacklinepair1));
 $colorbacklinepair2 = join(',', colorStringToArray($colorbacklinepair2));
-if ($colorbacklinepairhover != '') $colorbacklinepairhover = join(',', colorStringToArray($colorbacklinepairhover));
-if ($colorbacklinepairchecked != '') $colorbacklinepairchecked = join(',', colorStringToArray($colorbacklinepairchecked));
+if ($colorbacklinepairhover != '') {
+	$colorbacklinepairhover = join(',', colorStringToArray($colorbacklinepairhover));
+}
+if ($colorbacklinepairchecked != '') {
+	$colorbacklinepairchecked = join(',', colorStringToArray($colorbacklinepairchecked));
+}
 $colorbackbody = join(',', colorStringToArray($colorbackbody));
 $colortexttitlenotab = join(',', colorStringToArray($colortexttitlenotab));
 $colortexttitle = join(',', colorStringToArray($colortexttitle));
@@ -195,7 +255,9 @@ $colortextlink = join(',', colorStringToArray($colortextlink));
 
 $nbtopmenuentries = $menumanager->showmenu('topnb');
 
-if ($conf->browser->layout == 'phone') $nbtopmenuentries = max($nbtopmenuentries, 10);
+if ($conf->browser->layout == 'phone') {
+	$nbtopmenuentries = max($nbtopmenuentries, 10);
+}
 
 
 $minwidthtmenu = 66; /* minimum width for one top menu entry */
@@ -203,11 +265,19 @@ $heightmenu = 50; /* height of top menu, part with image */
 $heightmenu2 = 49; /* height of top menu, part with login  */
 $disableimages = 0;
 $maxwidthloginblock = 180;
-if (!empty($conf->global->THEME_TOPMENU_DISABLE_IMAGE)) { $disableimages = 1; $maxwidthloginblock = $maxwidthloginblock + 50; $minwidthtmenu = 0; }
+if (!empty($conf->global->THEME_TOPMENU_DISABLE_IMAGE)) {
+	$disableimages = 1; $maxwidthloginblock = $maxwidthloginblock + 50; $minwidthtmenu = 0;
+}
 
-if (!empty($conf->global->MAIN_USE_TOP_MENU_QUICKADD_DROPDOWN)) { $maxwidthloginblock = $maxwidthloginblock + 55; }
-if (!empty($conf->global->MAIN_USE_TOP_MENU_SEARCH_DROPDOWN)) { $maxwidthloginblock = $maxwidthloginblock + 55; }
-if (!empty($conf->bookmark->enabled)) { $maxwidthloginblock = $maxwidthloginblock + 55; }
+if (!empty($conf->global->MAIN_USE_TOP_MENU_QUICKADD_DROPDOWN)) {
+	$maxwidthloginblock = $maxwidthloginblock + 55;
+}
+if (!empty($conf->global->MAIN_USE_TOP_MENU_SEARCH_DROPDOWN)) {
+	$maxwidthloginblock = $maxwidthloginblock + 55;
+}
+if (!empty($conf->bookmark->enabled)) {
+	$maxwidthloginblock = $maxwidthloginblock + 55;
+}
 
 
 print '/*'."\n";
@@ -247,4 +317,6 @@ print '*/'."\n";
 require __DIR__.'/global.inc.php';
 
 
-if (is_object($db)) $db->close();
+if (is_object($db)) {
+	$db->close();
+}
diff --git a/htdocs/theme/eldy/theme_vars.inc.php b/htdocs/theme/eldy/theme_vars.inc.php
index cc73803f452..8bb2fd3bbca 100644
--- a/htdocs/theme/eldy/theme_vars.inc.php
+++ b/htdocs/theme/eldy/theme_vars.inc.php
@@ -33,12 +33,9 @@
 global $theme_bordercolor, $theme_datacolor, $theme_bgcolor, $theme_bgcoloronglet;
 $theme_bordercolor = array(235, 235, 224);
 $theme_datacolor = array(array(137, 86, 161), array(60, 147, 183), array(250, 190, 80), array(80, 166, 90), array(190, 190, 100), array(91, 115, 247), array(140, 140, 220), array(190, 120, 120), array(115, 125, 150), array(100, 170, 20), array(150, 135, 125), array(85, 135, 150), array(150, 135, 80), array(150, 80, 150));
-if (!defined('ISLOADEDBYSTEELSHEET'))	// File is run after an include of a php page, not by the style sheet, if the constant is not defined.
-{
-	if (!empty($conf->global->MAIN_OPTIMIZEFORCOLORBLIND)) // user is loaded by dolgraph.class.php
-	{
-		if ($conf->global->MAIN_OPTIMIZEFORCOLORBLIND == 'flashy')
-		{
+if (!defined('ISLOADEDBYSTEELSHEET')) {	// File is run after an include of a php page, not by the style sheet, if the constant is not defined.
+	if (!empty($conf->global->MAIN_OPTIMIZEFORCOLORBLIND)) { // user is loaded by dolgraph.class.php
+		if ($conf->global->MAIN_OPTIMIZEFORCOLORBLIND == 'flashy') {
 			$theme_datacolor = array(array(157, 56, 191), array(0, 147, 183), array(250, 190, 30), array(221, 75, 57), array(0, 166, 90), array(140, 140, 220), array(190, 120, 120), array(190, 190, 100), array(115, 125, 150), array(100, 170, 20), array(150, 135, 125), array(85, 135, 150), array(150, 135, 80), array(150, 80, 150));
 		} else {
 			// for now we use the same configuration for all types of color blind
diff --git a/htdocs/theme/eldy/timeline.inc.php b/htdocs/theme/eldy/timeline.inc.php
index d5fba863b3d..161505f77ea 100644
--- a/htdocs/theme/eldy/timeline.inc.php
+++ b/htdocs/theme/eldy/timeline.inc.php
@@ -1,6 +1,6 @@
 <?php
 /*!
-    Source :
+	Source :
  *   AdminLTE v2.4.8
  *   Author: Almsaeed Studio
  *	 Website: Almsaeed Studio <https://adminlte.io>
@@ -8,7 +8,9 @@
  *           Please visit http://opensource.org/licenses/MIT for more information
  */
 
-if (!defined('ISLOADEDBYSTEELSHEET')) die('Must be call by steelsheet'); ?>
+if (!defined('ISLOADEDBYSTEELSHEET')) {
+	die('Must be call by steelsheet');
+} ?>
 /* <style type="text/css" > */
 
 
@@ -17,68 +19,68 @@ if (!defined('ISLOADEDBYSTEELSHEET')) die('Must be call by steelsheet'); ?>
 * -------------------
 */
 .timeline {
-    position: relative;
-    margin: 0 0 30px 0;
-    padding: 0;
-    list-style: none;
+	position: relative;
+	margin: 0 0 30px 0;
+	padding: 0;
+	list-style: none;
 }
 .timeline:before {
-    content: '';
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    width: 4px;
-    background: #ddd;
-    left: 31px;
-    margin: 0;
-    border-radius: 2px;
+	content: '';
+	position: absolute;
+	top: 0;
+	bottom: 0;
+	width: 4px;
+	background: #ddd;
+	left: 31px;
+	margin: 0;
+	border-radius: 2px;
 }
 .timeline > li {
-    position: relative;
-    margin-right: 0;
-    margin-bottom: 15px;
+	position: relative;
+	margin-right: 0;
+	margin-bottom: 15px;
 }
 .timeline > li:before,
 .timeline > li:after {
-    content: " ";
-    display: table;
+	content: " ";
+	display: table;
 }
 .timeline > li:after {
-    clear: both;
+	clear: both;
 }
 .timeline > li > .timeline-item {
-    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
-    box-shadow:  0 1px 3px rgba(0, 0, 0, 0.1);
-    border:1px solid #d2d2d2;
-    border-radius: 3px;
-    margin-top: 0;
-    background: #fff;
-    color: #444;
-    margin-left: 60px;
-    margin-right: 0px;
-    padding: 0;
-    position: relative;
+	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+	box-shadow:  0 1px 3px rgba(0, 0, 0, 0.1);
+	border:1px solid #d2d2d2;
+	border-radius: 3px;
+	margin-top: 0;
+	background: #fff;
+	color: #444;
+	margin-left: 60px;
+	margin-right: 0px;
+	padding: 0;
+	position: relative;
 }
 
 .timeline > li.timeline-code-ticket_msg_private  > .timeline-item {
 		background: #fffbe5;
-        border-color: #d0cfc0;
+		border-color: #d0cfc0;
 }
 
 
 .timeline > li > .timeline-item > .time{
-    color: #6f6f6f;
-    float: right;
-    padding: 10px;
-    font-size: 12px;
+	color: #6f6f6f;
+	float: right;
+	padding: 10px;
+	font-size: 12px;
 }
 
 
 .timeline > li > .timeline-item > .timeline-header-action{
-    color: #6f6f6f;
-    float: right;
-    padding: 7px;
-    font-size: 12px;
+	color: #6f6f6f;
+	float: right;
+	padding: 7px;
+	font-size: 12px;
 }
 
 
@@ -87,43 +89,43 @@ a.timeline-btn:visited,
 a.timeline-btn:hover,
 a.timeline-btn:active
 {
-    display: inline-block;
-    margin-bottom: 0;
-    font-weight: 400;
-    border-radius: 0;
-    box-shadow: none;
-    padding: 1px 5px;
-    font-size: 12px;
-    line-height: 1.5;
-    text-align: center;
-    white-space: nowrap;
-    vertical-align: middle;
-    touch-action: manipulation;
-    cursor: pointer;
-    user-select: none;
-    background-image: none;
-    text-decoration: none;
-    background-color: #f4f4f4;
-    color: #444;
-    border: 1px solid #ddd;
+	display: inline-block;
+	margin-bottom: 0;
+	font-weight: 400;
+	border-radius: 0;
+	box-shadow: none;
+	padding: 1px 5px;
+	font-size: 12px;
+	line-height: 1.5;
+	text-align: center;
+	white-space: nowrap;
+	vertical-align: middle;
+	touch-action: manipulation;
+	cursor: pointer;
+	user-select: none;
+	background-image: none;
+	text-decoration: none;
+	background-color: #f4f4f4;
+	color: #444;
+	border: 1px solid #ddd;
 }
 
 a.timeline-btn:hover
 {
-    background-color: #e7e7e7;
-    color: #333;
-    border-color: #adadad;
+	background-color: #e7e7e7;
+	color: #333;
+	border-color: #adadad;
 }
 
 
 .timeline > li > .timeline-item > .timeline-header {
-    margin: 0;
-    color: #333;
-    border-bottom: 1px solid #f4f4f4;
-    padding: 10px;
-    font-size: 14px;
-    font-weight: normal;
-    line-height: 1.1;
+	margin: 0;
+	color: #333;
+	border-bottom: 1px solid #f4f4f4;
+	padding: 10px;
+	font-size: 14px;
+	font-weight: normal;
+	line-height: 1.1;
 }
 
 .timeline > li > .timeline-item > .timeline-footer {
@@ -131,74 +133,74 @@ a.timeline-btn:hover
 }
 
 .timeline > li.timeline-code-ticket_msg_private  > .timeline-item > .timeline-header, .timeline > li.timeline-code-ticket_msg_private  > .timeline-item > .timeline-footer {
-    border-color: #ecebda;
+	border-color: #ecebda;
 }
 
 .timeline > li > .timeline-item > .timeline-header > a {
-    font-weight: 600;
+	font-weight: 600;
 }
 .timeline > li > .timeline-item > .timeline-body,
 .timeline > li > .timeline-item > .timeline-footer {
-    padding: 10px;
+	padding: 10px;
 }
 .timeline > li > .fa,
 .timeline > li > .glyphicon,
 .timeline > li > .ion {
-    width: 30px;
-    height: 30px;
-    font-size: 15px;
-    line-height: 30px;
-    position: absolute;
-    color: #666;
-    background: #d2d6de;
-    border-radius: 50%;
-    text-align: center;
-    left: 18px;
-    top: 5px;
+	width: 30px;
+	height: 30px;
+	font-size: 15px;
+	line-height: 30px;
+	position: absolute;
+	color: #666;
+	background: #d2d6de;
+	border-radius: 50%;
+	text-align: center;
+	left: 18px;
+	top: 5px;
 }
 .timeline > .time-label > span {
-    font-weight: 600;
-    padding: 5px;
-    display: inline-block;
-    background-color: #fff;
-    border-radius: 4px;
+	font-weight: 600;
+	padding: 5px;
+	display: inline-block;
+	background-color: #fff;
+	border-radius: 4px;
 }
 .timeline-inverse > li > .timeline-item {
-    background: #f0f0f0;
-    border: 1px solid #ddd;
-    -webkit-box-shadow: none;
-    box-shadow: none;
+	background: #f0f0f0;
+	border: 1px solid #ddd;
+	-webkit-box-shadow: none;
+	box-shadow: none;
 }
 .timeline-inverse > li > .timeline-item > .timeline-header {
-    border-bottom-color: #ddd;
+	border-bottom-color: #ddd;
 }
 
 .timeline-icon-todo,
 .timeline-icon-in-progress,
 .timeline-icon-done{
-    color: #fff !important;
+	color: #fff !important;
 }
 
 .timeline-icon-not-applicble{
-    color: #000;
-    background-color: #f7f7f7;
+	color: #000;
+	background-color: #f7f7f7;
 }
 
 .timeline-icon-todo{
-    background-color: #dd4b39 !important;
+	background-color: #dd4b39 !important;
 }
 
 .timeline-icon-in-progress{
-    background-color: #00c0ef !important;
+	background-color: #00c0ef !important;
 }
 .timeline-icon-done{
-    background-color: #00a65a !important;
+	background-color: #00a65a !important;
 }
 
 
 .timeline-badge-date{
-    background-color: #0073b7 !important;
-    color: #fff !important;
+	background-color: #0073b7 !important;
+	color: #fff !important;
 }
 
 .timeline-documents-container{
diff --git a/htdocs/theme/md/badges.inc.php b/htdocs/theme/md/badges.inc.php
index 1ce2d912669..7dd0229ae46 100644
--- a/htdocs/theme/md/badges.inc.php
+++ b/htdocs/theme/md/badges.inc.php
@@ -1,135 +1,137 @@
 <?php
-if (!defined('ISLOADEDBYSTEELSHEET')) die('Must be call by steelsheet'); ?>
+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;
+	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-status {
-    font-size: 1em;
-    padding: .19em .35em;			/* more than 0.19 generate a change into heigth of lines */
+	font-size: 1em;
+	padding: .19em .35em;			/* more than 0.19 generate a change into heigth of lines */
 }
 .tabBar .arearef .statusref .badge-status, .tabBar .arearefnobottom .statusref .badge-status {
-    font-size: 1.1em;
-    padding: .4em .4em;
+	font-size: 1.1em;
+	padding: .4em .4em;
 }
 /* Force values for small screen 767 */
 @media only screen and (max-width: 767px)
 {
 	.tabBar .arearef .statusref .badge-status, .tabBar .arearefnobottom .statusref .badge-status {
-	    font-size: 0.95em;
-	    padding: .3em .2em;
+		font-size: 0.95em;
+		padding: .3em .2em;
 	}
 }
 
 .badge-pill, .tabs .badge {
-    padding-right: .5em;
-    padding-left: .5em;
-    border-radius: 0.25rem;
+	padding-right: .5em;
+	padding-left: .5em;
+	border-radius: 0.25rem;
 }
 
 .badge-dot {
-    padding: 0;
-    border-radius: 50%;
-    padding: 0.45em;
-    vertical-align: unset;
+	padding: 0;
+	border-radius: 50%;
+	padding: 0.45em;
+	vertical-align: unset;
 }
 
 a.badge:focus, a.badge:hover {
-    text-decoration: none;
+	text-decoration: none;
 }
 
 .liste_titre .badge:not(.nochangebackground) {
-    background-color: <?php print $badgeSecondary; ?>;
-    color: #fff;
+	background-color: <?php print $badgeSecondary; ?>;
+	color: #fff;
 }
 
 
 /* PRIMARY */
 .badge-primary{
-    color: #fff !important;
-    background-color: <?php print $badgePrimary; ?>;
+	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); ?>;
+	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); ?>;
+	color: #fff !important;
+	background-color: <?php print colorDarker($badgePrimary, 10); ?>;
 }
 
 /* SECONDARY */
 .badge-secondary, .tabs .badge {
-    color: #fff !important;
-    background-color: <?php print $badgeSecondary; ?>;
+	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); ?>;
+	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); ?>;
+	color: #fff !important;
+	background-color: <?php print colorDarker($badgeSecondary, 10); ?>;
 }
 
 /* SUCCESS */
 .badge-success {
-    color: #fff !important;
-    background-color: <?php print $badgeSuccess; ?>;
+	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); ?>;
+	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); ?>;
+	color: #fff !important;
+	background-color: <?php print colorDarker($badgeSuccess, 10); ?>;
 }
 
 /* DANGER */
 .badge-danger {
-    color: #fff !important;
-    background-color:  <?php print $badgeDanger; ?>;
+	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); ?>;
+	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); ?>;
+	color: #fff !important;
+	background-color: <?php print colorDarker($badgeDanger, 10); ?>;
 }
 
 /* WARNING */
 .badge-warning {
-    color: #fff !important;
-    background-color: <?php print $badgeWarning; ?>;
+	color: #fff !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); ?>;
+	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); ?>;
+	color: #212529 !important;
+	background-color: <?php print colorDarker($badgeWarning, 10); ?>;
 }
 
 /* WARNING colorblind */
@@ -145,44 +147,44 @@ body[class*="colorblind-"] a.badge-warning:focus, a.badge-warning:hover {
 
 /* INFO */
 .badge-info {
-    color: #fff !important;
-    background-color: <?php print $badgeInfo; ?>;
+	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); ?>;
+	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); ?>;
+	color: #fff !important;
+	background-color: <?php print colorDarker($badgeInfo, 10); ?>;
 }
 
 /* LIGHT */
 .badge-light {
-    color: #212529 !important;
-    background-color: <?php print $badgeLight; ?>;
+	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); ?>;
+	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); ?>;
+	color: #212529 !important;
+	background-color: <?php print colorDarker($badgeLight, 10); ?>;
 }
 
 /* DARK */
 .badge-dark {
-    color: #fff !important;
-    background-color: <?php print $badgeDark; ?>;
+	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); ?>;
+	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); ?>;
+	color: #fff !important;
+	background-color: <?php print colorDarker($badgeDark, 10); ?>;
 }
 
 
@@ -231,8 +233,12 @@ function _createStatusBadgeCss($statusName, $statusVarNamePrefix = '', $commentL
 			$thisBadgeBackgroundColor = "#fff";
 		}
 
-		if (in_array((string) $statusName, array('0', '5', '9'))) $thisBadgeTextColor = '#999999';
-		if (in_array((string) $statusName, array('6'))) $thisBadgeTextColor = '#777777';
+		if (in_array((string) $statusName, array('0', '5', '9'))) {
+			$thisBadgeTextColor = '#999999';
+		}
+		if (in_array((string) $statusName, array('6'))) {
+			$thisBadgeTextColor = '#777777';
+		}
 
 		print $cssPrefix.".badge-status".$statusName." {\n";
 		print "        color: ".$thisBadgeTextColor." !important;\n";
diff --git a/htdocs/theme/md/btn.inc.php b/htdocs/theme/md/btn.inc.php
index 1b27e7eeafb..8fc5fe1aacc 100644
--- a/htdocs/theme/md/btn.inc.php
+++ b/htdocs/theme/md/btn.inc.php
@@ -1,17 +1,19 @@
 <?php
-if (!defined('ISLOADEDBYSTEELSHEET')) die('Must be call by steelsheet'); ?>
+if (!defined('ISLOADEDBYSTEELSHEET')) {
+	die('Must be call by steelsheet');
+} ?>
 /* <style type="text/css" > */
 
 :root {
-            --btncolortext:rgb(<?php print $colortextlink; ?>);
-            --btncolorbg: #fbfbfb;
-            --btncolorborderhover: none;
-            --btncolorborder: #FFF;
-            --butactiondeletebg: rgb(234,228,225);
-            /* tertiary color */
-            /* --butactionbg:rgb(218, 235, 225); */
-            /* --butactionbg:rgb(228, 218, 235); */
-            --butactionbg:rgb(118, 145, 225);
+			--btncolortext:rgb(<?php print $colortextlink; ?>);
+			--btncolorbg: #fbfbfb;
+			--btncolorborderhover: none;
+			--btncolorborder: #FFF;
+			--butactiondeletebg: rgb(234,228,225);
+			/* tertiary color */
+			/* --butactionbg:rgb(218, 235, 225); */
+			/* --butactionbg:rgb(228, 218, 235); */
+			--butactionbg:rgb(118, 145, 225);
 }
 
 <?php
@@ -50,7 +52,7 @@ div.tabsAction > span.butAction, div.tabsAction > span.butActionRefused, div.tab
 	margin-bottom: 1.4em !important;
 }
 div.tabsActionNoBottom > a.butAction, div.tabsActionNoBottom > a.butActionRefused {
-    margin-bottom: 0 !important;
+	margin-bottom: 0 !important;
 }
 
 span.butAction, span.butActionDelete {
@@ -58,44 +60,44 @@ span.butAction, span.butActionDelete {
 }
 
 .butAction {
-    background: var(--butactionbg);
-    color: #FFF !important;
-    border-radius: 3px;
-    /* background: rgb(230, 232, 239); */
+	background: var(--butactionbg);
+	color: #FFF !important;
+	border-radius: 3px;
+	/* 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;
+	text-decoration: none;
+	text-transform: uppercase;
+	font-weight: bold;
 
-    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 ?>;
-    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); */
+	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 ?>;
+	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;*/
+	/*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;
+	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;
+	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;
 }
 
 .button {
@@ -211,61 +213,61 @@ span.butActionNewRefused>span.fa, span.butActionNewRefused>span.fa:hover
 }
 
 .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);
+	-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;
+	text-decoration: underline;
+	box-shadow: unset !important;
 }
 
 .butActionDelete, .butActionDelete:link, .butActionDelete:visited, .butActionDelete:hover, .butActionDelete:active, .buttonDelete {
-    background: var(--butactiondeletebg);
-    /* border: 1px solid #633; */
-    color: #633;
+	background: var(--butactiondeletebg);
+	/* 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);
+	-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;
+	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;
+	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;
+	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;
+	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 {
@@ -279,41 +281,41 @@ TITLE BUTTON
  */
 
 div.pagination li:first-child a.btnTitle {
-    margin-left: 10px;
+	margin-left: 10px;
 }
 
 .btnTitle, a.btnTitle {
-    display: inline-block;
-    padding: 6px 12px;
-    font-size: 14px
-    font-weight: 400;
-    line-height: 1.4;
-    text-align: center;
-    white-space: nowrap;
-    vertical-align: middle;
-    -ms-touch-action: manipulation;
-    touch-action: manipulation;
-    cursor: pointer;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    box-shadow: none;
-    text-decoration: none;
-    position: relative;
-    margin: 0 0 0 10px;
-    min-width: 80px;
-    text-align: center;
-    color: rgb(<?php print $colortextlink; ?>);
-    border: none;
-    font-size: 12px;
-    font-weight: 300;
-    background-color: #fbfbfb;
+	display: inline-block;
+	padding: 6px 12px;
+	font-size: 14px
+	font-weight: 400;
+	line-height: 1.4;
+	text-align: center;
+	white-space: nowrap;
+	vertical-align: middle;
+	-ms-touch-action: manipulation;
+	touch-action: manipulation;
+	cursor: pointer;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+	box-shadow: none;
+	text-decoration: none;
+	position: relative;
+	margin: 0 0 0 10px;
+	min-width: 80px;
+	text-align: center;
+	color: rgb(<?php print $colortextlink; ?>);
+	border: none;
+	font-size: 12px;
+	font-weight: 300;
+	background-color: #fbfbfb;
 }
 
 a.btnTitle.btnTitleSelected {
-    border: 1px solid #ccc;
-    border-radius: 3px;
+	border: 1px solid #ccc;
+	border-radius: 3px;
 }
 
 .btnTitle > .btnTitle-icon{
@@ -321,42 +323,42 @@ a.btnTitle.btnTitleSelected {
 }
 
 .btnTitle > .btnTitle-label{
-    color: #666666;
+	color: #666666;
 }
 
 .btnTitle:hover, a.btnTitle:hover {
-    border-radius: 3px;
-    position: relative;
-    margin: 0 0 0 10px;
-    text-align: center;
-    color: #ffffff;
-    background-color: rgb(<?php print $colortextlink; ?>);
-    font-size: 12px;
-    text-decoration: none;
-    box-shadow: none;
+	border-radius: 3px;
+	position: relative;
+	margin: 0 0 0 10px;
+	text-align: center;
+	color: #ffffff;
+	background-color: rgb(<?php print $colortextlink; ?>);
+	font-size: 12px;
+	text-decoration: none;
+	box-shadow: none;
 }
 
 .btnTitle.refused, a.btnTitle.refused, .btnTitle.refused:hover, a.btnTitle.refused:hover {
-        color: #8a8a8a;
-        cursor: not-allowed;
-        background-color: #fbfbfb;
-        background: repeating-linear-gradient( 45deg, #ffffff, #f1f1f1 4px, #f1f1f1 4px, #f1f1f1 4px );
+		color: #8a8a8a;
+		cursor: not-allowed;
+		background-color: #fbfbfb;
+		background: repeating-linear-gradient( 45deg, #ffffff, #f1f1f1 4px, #f1f1f1 4px, #f1f1f1 4px );
 }
 
 .btnTitle:hover .btnTitle-label{
-    color: #ffffff;
+	color: #ffffff;
 }
 div.pagination .btnTitle:hover .btnTitle-label{
 	color: rgb(<?php print $colortextlink; ?>);
 }
 
 .btnTitle.refused .btnTitle-label, .btnTitle.refused:hover .btnTitle-label{
-    color: #8a8a8a;
+	color: #8a8a8a;
 }
 
 .btnTitle>.fa {
-    font-size: 20px;
-    display: block;
+	font-size: 20px;
+	display: block;
 }
 
 /* rule to reduce top menu - 2nd reduction: Reduce width of top menu icons again */
@@ -366,15 +368,15 @@ div.pagination .btnTitle:hover .btnTitle-label{
 		font-size: 0.95em;
 	}
 	.btnTitle, a.btnTitle {
-	    display: inline-block;
-	    padding: 4px 4px 4px 4px;
+		display: inline-block;
+		padding: 4px 4px 4px 4px;
 		min-width: unset;
 	}
 }
 
 <?php if (!empty($conf->global->MAIN_BUTTON_HIDE_UNAUTHORIZED) && (!$user->admin)) { ?>
 .butActionRefused, .butActionNewRefused, .btnTitle.refused {
-    display: none !important;
+	display: none !important;
 }
 <?php } ?>
 
diff --git a/htdocs/theme/md/dropdown.inc.php b/htdocs/theme/md/dropdown.inc.php
index 6f7d55a285c..9b96c9b061b 100644
--- a/htdocs/theme/md/dropdown.inc.php
+++ b/htdocs/theme/md/dropdown.inc.php
@@ -1,5 +1,7 @@
 <?php
-if (!defined('ISLOADEDBYSTEELSHEET')) die('Must be call by steelsheet'); ?>
+if (!defined('ISLOADEDBYSTEELSHEET')) {
+	die('Must be call by steelsheet');
+} ?>
 
 /* <style type="text/css" > dont remove this line it's an ide hack */
 /*
@@ -7,15 +9,15 @@ if (!defined('ISLOADEDBYSTEELSHEET')) die('Must be call by steelsheet'); ?>
  */
 
 .bookmark-footer a.top-menu-dropdown-link {
-    white-space: normal;
+	white-space: normal;
 }
 
 button.dropdown-item.global-search-item {
-    outline: none;
+	outline: none;
 }
 
 .open>.dropdown-search, .open>.dropdown-bookmark, .open>.dropdown-menu, .dropdown dd ul.open {
-    display: block;
+	display: block;
 }
 
 
@@ -23,9 +25,9 @@ button.dropdown-item.global-search-item {
 	color: #fff;
 }
 div#topmenu-bookmark-dropdown {
-    position: fixed;
-    right: 20px;
-    top: 0px;
+	position: fixed;
+	right: 20px;
+	top: 0px;
 }
 
 #topmenu-login-dropdown .dropdown-toggle:after {
@@ -33,347 +35,347 @@ div#topmenu-bookmark-dropdown {
 }
 
 #topmenu-bookmark-dropdown .dropdown-menu {
-    width: 300px;
+	width: 300px;
 }
 
 button.dropdown-item.global-search-item {
-    outline: none;
+	outline: none;
 }
 
 .open>.dropdown-search, .open>.dropdown-bookmark, .open>.dropdown-menu{
-    display: block;
+	display: block;
 }
 
 .dropdown-search {
-    border-color: #eee;
+	border-color: #eee;
 
-    position: absolute;
-    top: 100%;
-    left: 0;
-    z-index: 1000;
-    display: none;
-    float: left;
-    min-width: 160px;
-    margin: 2px 0 0;
-    font-size: 14px;
-    text-align: left;
-    list-style: none;
-    background-color: #fff;
-    -webkit-background-clip: padding-box;
-    background-clip: padding-box;
-    border: 1px solid #ccc;
-    border: 1px solid rgba(0,0,0,.15);
-    border-radius: 4px;
-    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
-    box-shadow: 0 6px 12px rgba(0,0,0,.175);
+	position: absolute;
+	top: 100%;
+	left: 0;
+	z-index: 1000;
+	display: none;
+	float: left;
+	min-width: 160px;
+	margin: 2px 0 0;
+	font-size: 14px;
+	text-align: left;
+	list-style: none;
+	background-color: #fff;
+	-webkit-background-clip: padding-box;
+	background-clip: padding-box;
+	border: 1px solid #ccc;
+	border: 1px solid rgba(0,0,0,.15);
+	border-radius: 4px;
+	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
+	box-shadow: 0 6px 12px rgba(0,0,0,.175);
 }
 .dropdown-bookmark {
-    border-color: #eee;
+	border-color: #eee;
 
-    position: absolute;
-    top: 100%;
-    left: 0;
-    z-index: 1000;
-    display: none;
-    float: left;
-    min-width: 160px;
-    margin: 2px 0 0;
-    font-size: 14px;
-    text-align: left;
-    list-style: none;
-    background-color: #fff;
-    -webkit-background-clip: padding-box;
-    background-clip: padding-box;
-    border: 1px solid #ccc;
-    border: 1px solid rgba(0,0,0,.15);
-    border-radius: 4px;
-    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
-    box-shadow: 0 6px 12px rgba(0,0,0,.175);
+	position: absolute;
+	top: 100%;
+	left: 0;
+	z-index: 1000;
+	display: none;
+	float: left;
+	min-width: 160px;
+	margin: 2px 0 0;
+	font-size: 14px;
+	text-align: left;
+	list-style: none;
+	background-color: #fff;
+	-webkit-background-clip: padding-box;
+	background-clip: padding-box;
+	border: 1px solid #ccc;
+	border: 1px solid rgba(0,0,0,.15);
+	border-radius: 4px;
+	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
+	box-shadow: 0 6px 12px rgba(0,0,0,.175);
 }
 .dropdown-menu {
-    border-color: #eee;
+	border-color: #eee;
 
-    position: absolute;
-    top: 100%;
-    left: 0;
-    z-index: 1000;
-    display: none;
-    float: left;
-    min-width: 160px;
-    margin: 2px 0 0;
-    font-size: 14px;
-    text-align: left;
-    list-style: none;
-    background-color: #fff;
-    -webkit-background-clip: padding-box;
-    background-clip: padding-box;
-    border: 1px solid #ccc;
-    border: 1px solid rgba(0,0,0,.15);
-    border-radius: 4px;
-    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
-    box-shadow: 0 6px 12px rgba(0,0,0,.175);
+	position: absolute;
+	top: 100%;
+	left: 0;
+	z-index: 1000;
+	display: none;
+	float: left;
+	min-width: 160px;
+	margin: 2px 0 0;
+	font-size: 14px;
+	text-align: left;
+	list-style: none;
+	background-color: #fff;
+	-webkit-background-clip: padding-box;
+	background-clip: padding-box;
+	border: 1px solid #ccc;
+	border: 1px solid rgba(0,0,0,.15);
+	border-radius: 4px;
+	-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
+	box-shadow: 0 6px 12px rgba(0,0,0,.175);
 }
 
 
 .dropdown-toggle{
-    text-decoration: none !important;
+	text-decoration: none !important;
 }
 
 .dropdown-toggle::after {
-    /* font part */
-    font-family: "Font Awesome 5 Free";
-    font-size: 0.7em;
-    font-weight: 900;
-    font-style: normal;
-    font-variant: normal;
-    text-rendering: auto;
-    -webkit-font-smoothing: antialiased;
-    text-align:center;
-    text-decoration:none;
-    margin:  auto 3px;
-    display: inline-block;
-    content: "\f078";
+	/* font part */
+	font-family: "Font Awesome 5 Free";
+	font-size: 0.7em;
+	font-weight: 900;
+	font-style: normal;
+	font-variant: normal;
+	text-rendering: auto;
+	-webkit-font-smoothing: antialiased;
+	text-align:center;
+	text-decoration:none;
+	margin:  auto 3px;
+	display: inline-block;
+	content: "\f078";
 
-    -webkit-transition: -webkit-transform .2s ease-in-out;
-    -ms-transition: -ms-transform .2s ease-in-out;
-    transition: transform .2s ease-in-out;
+	-webkit-transition: -webkit-transform .2s ease-in-out;
+	-ms-transition: -ms-transform .2s ease-in-out;
+	transition: transform .2s ease-in-out;
 }
 
 .open>.dropdown-toggle::after {
-    transform: rotate(180deg);
+	transform: rotate(180deg);
 }
 
 /*
 * MENU Dropdown
 */
 .login_block.usedropdown .logout-btn{
-    /* display: none; */
+	/* display: none; */
 }
 
 .tmenu .open.dropdown, .tmenu .open.dropdown {
-    background: rgba(0, 0, 0, 0.1);
+	background: rgba(0, 0, 0, 0.1);
 }
 .tmenu .dropdown-menu, .login_block .dropdown-menu {
-    position: absolute;
-    right: 0;
-    <?php echo $left; ?>: auto;
-    line-height:1.3em;
+	position: absolute;
+	right: 0;
+	<?php echo $left; ?>: auto;
+	line-height:1.3em;
 }
 .tmenu .dropdown-menu, .login_block  .dropdown-menu .user-body {
-    border-bottom-right-radius: 4px;
-    border-bottom-left-radius: 4px;
+	border-bottom-right-radius: 4px;
+	border-bottom-left-radius: 4px;
 }
 .user-body {
-    color: #333;
+	color: #333;
 }
 .side-nav-vert .user-menu .dropdown-menu {
-    border-top-right-radius: 0;
-    border-top-left-radius: 0;
-    padding: 1px 0 0 0;
-    border-top-width: 0;
-    width: 300px;
+	border-top-right-radius: 0;
+	border-top-left-radius: 0;
+	padding: 1px 0 0 0;
+	border-top-width: 0;
+	width: 300px;
 }
 .side-nav-vert .user-menu .dropdown-menu {
-    margin-top: 0;
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
+	margin-top: 0;
+	border-top-left-radius: 0;
+	border-top-right-radius: 0;
 }
 
 .side-nav-vert .user-menu .dropdown-menu > .user-header {
-    min-height: 100px;
-    padding: 10px;
-    text-align: center;
-    white-space: normal;
+	min-height: 100px;
+	padding: 10px;
+	text-align: center;
+	white-space: normal;
 }
 
 #topmenu-global-search-dropdown .dropdown-menu{
-    width: 300px;
-    max-width: 100%;
+	width: 300px;
+	max-width: 100%;
 }
 
 div#topmenu-global-search-dropdown, div#topmenu-bookmark-dropdown {
-    line-height: 46px;
+	line-height: 46px;
 }
 a.top-menu-dropdown-link {
-    padding: 8px;
+	padding: 8px;
 }
 
 .dropdown-user-image {
-    border-radius: 50%;
-    vertical-align: middle;
-    z-index: 5;
-    height: 90px;
-    width: 90px;
-    border: 3px solid;
-    border-color: transparent;
-    border-color: rgba(255, 255, 255, 0.2);
-    max-width: 100%;
-    max-height :100%;
+	border-radius: 50%;
+	vertical-align: middle;
+	z-index: 5;
+	height: 90px;
+	width: 90px;
+	border: 3px solid;
+	border-color: transparent;
+	border-color: rgba(255, 255, 255, 0.2);
+	max-width: 100%;
+	max-height :100%;
 }
 
 .dropdown-menu > .user-header{
-    background: rgb(<?php echo $colorbackhmenu1 ?>);
+	background: rgb(<?php echo $colorbackhmenu1 ?>);
 }
 
 
 
 .dropdown-menu .dropdown-header{
-    padding: 8px 10px 10px 10px;
+	padding: 8px 10px 10px 10px;
 }
 
 .dropdown-menu > .user-footer {
-    background-color: #f9f9f9;
-    padding: 10px;
+	background-color: #f9f9f9;
+	padding: 10px;
 }
 
 .user-footer:after {
-    clear: both;
+	clear: both;
 }
 
 
 .dropdown-menu > .bookmark-footer{
-    border-top: 1px solid #f0f0f0;
-    background-color: #f9f9f9;
-    padding: 10px;
+	border-top: 1px solid #f0f0f0;
+	background-color: #f9f9f9;
+	padding: 10px;
 }
 
 
 .dropdown-menu > .user-body, .dropdown-body{
-    padding: 15px;
-    border-bottom: 1px solid #f4f4f4;
-    border-top: 1px solid #dddddd;
-    white-space: normal;
+	padding: 15px;
+	border-bottom: 1px solid #f4f4f4;
+	border-top: 1px solid #dddddd;
+	white-space: normal;
 }
 
 .dropdown-menu > .bookmark-body, .dropdown-body{
-    padding: 10px 0;
-    overflow-y: auto;
-    max-height: 60vh ; /* fallback for browsers without support for calc() */
-    max-height: calc(90vh - 110px) ;
+	padding: 10px 0;
+	overflow-y: auto;
+	max-height: 60vh ; /* fallback for browsers without support for calc() */
+	max-height: calc(90vh - 110px) ;
 	white-space: normal;
 }
 #topmenu-bookmark-dropdown .dropdown-menu > .bookmark-body, #topmenu-bookmark-dropdown .dropdown-body{
-    max-height: 60vh ; /* fallback for browsers without support for calc() */
-    max-height: calc(90vh - 200px) ;
+	max-height: 60vh ; /* fallback for browsers without support for calc() */
+	max-height: calc(90vh - 200px) ;
 }
 
 
 .dropdown-body::-webkit-scrollbar {
-        width: 8px;
-    }
+		width: 8px;
+	}
 .dropdown-body::-webkit-scrollbar-thumb {
-    -webkit-border-radius: 0;
-    border-radius: 0;
-    /* background: rgb(<?php echo $colorbackhmenu1 ?>); */
-    background: #aaa;
+	-webkit-border-radius: 0;
+	border-radius: 0;
+	/* background: rgb(<?php echo $colorbackhmenu1 ?>); */
+	background: #aaa;
 }
 .dropdown-body::-webkit-scrollbar-track {
-    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-    -webkit-border-radius: 0;
-    border-radius: 0;
+	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
+	-webkit-border-radius: 0;
+	border-radius: 0;
 }
 
 
 #topmenu-login-dropdown, #topmenu-bookmark-dropdown, #topmenu-global-search-dropdown {
-    padding: 0 5px 0 5px;
+	padding: 0 5px 0 5px;
 }
 #topmenu-login-dropdown a:hover{
-    text-decoration: none;
+	text-decoration: none;
 }
 
 #topmenuloginmoreinfo-btn{
-    display: block;
-    text-aling: right;
-    color:#666;
-    cursor: pointer;
+	display: block;
+	text-aling: right;
+	color:#666;
+	cursor: pointer;
 }
 
 #topmenuloginmoreinfo{
-    display: none;
-    clear: both;
-    font-size: 0.95em;
+	display: none;
+	clear: both;
+	font-size: 0.95em;
 }
 
 .button-top-menu-dropdown {
-    display: inline-block;
-    padding: 6px 12px;
-    margin-bottom: 0;
-    font-size: 14px;
-    font-weight: 400;
-    line-height: 1.42857143;
-    text-align: center;
-    white-space: nowrap;
-    vertical-align: middle;
-    -ms-touch-action: manipulation;
-    touch-action: manipulation;
-    cursor: pointer;
-    -webkit-user-select: none;
-    -moz-user-select: none;
-    -ms-user-select: none;
-    user-select: none;
-    background-image: none;
-    border: 1px solid transparent;
-    border-radius: 4px;
+	display: inline-block;
+	padding: 6px 12px;
+	margin-bottom: 0;
+	font-size: 14px;
+	font-weight: 400;
+	line-height: 1.42857143;
+	text-align: center;
+	white-space: nowrap;
+	vertical-align: middle;
+	-ms-touch-action: manipulation;
+	touch-action: manipulation;
+	cursor: pointer;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+	background-image: none;
+	border: 1px solid transparent;
+	border-radius: 4px;
 }
 
 .user-footer .button-top-menu-dropdown {
-    color: #666666;
-    border-radius: 0;
-    -webkit-box-shadow: none;
-    -moz-box-shadow: none;
-    box-shadow: none;
-    border-width: 1px;
-    background-color: #f4f4f4;
-    border-color: #ddd;
+	color: #666666;
+	border-radius: 0;
+	-webkit-box-shadow: none;
+	-moz-box-shadow: none;
+	box-shadow: none;
+	border-width: 1px;
+	background-color: #f4f4f4;
+	border-color: #ddd;
 }
 
 .dropdown-menu a.top-menu-dropdown-link {
-    color: rgb(<?php print $colortextlink; ?>) !important;
-    -webkit-box-shadow: none;
-    -moz-box-shadow: none;
-    box-shadow: none;
-    display: block;
-    margin: 5px 0px;
+	color: rgb(<?php print $colortextlink; ?>) !important;
+	-webkit-box-shadow: none;
+	-moz-box-shadow: none;
+	box-shadow: none;
+	display: block;
+	margin: 5px 0px;
 }
 
 .dropdown-item {
-    display: block !important;
-    box-sizing: border-box;
-    width: 100%;
-    padding: .25rem 1.5rem .25rem 1rem;
-    clear: both;
-    font-weight: 400;
-    color: #212529  !important;
-    text-align: inherit;
-    background-color: transparent;
-    border: 0;
+	display: block !important;
+	box-sizing: border-box;
+	width: 100%;
+	padding: .25rem 1.5rem .25rem 1rem;
+	clear: both;
+	font-weight: 400;
+	color: #212529  !important;
+	text-align: inherit;
+	background-color: transparent;
+	border: 0;
 
-    -webkit-box-shadow: none;
-    -moz-box-shadow: none;
-    box-shadow: none;
+	-webkit-box-shadow: none;
+	-moz-box-shadow: none;
+	box-shadow: none;
 }
 
 .dropdown-item::before {
-    /* font part */
-    font-family: "Font Awesome 5 Free";
-    font-weight: 900;
-    font-style: normal;
-    font-variant: normal;
-    text-rendering: auto;
-    -webkit-font-smoothing: antialiased;
-    text-align:center;
-    text-decoration:none;
-    margin-right: 5px;
-    display: inline-block;
-    content: "\f0da";
-    color: rgba(0,0,0,0.3);
+	/* font part */
+	font-family: "Font Awesome 5 Free";
+	font-weight: 900;
+	font-style: normal;
+	font-variant: normal;
+	text-rendering: auto;
+	-webkit-font-smoothing: antialiased;
+	text-align:center;
+	text-decoration:none;
+	margin-right: 5px;
+	display: inline-block;
+	content: "\f0da";
+	color: rgba(0,0,0,0.3);
 }
 
 
 .dropdown-item.active, .dropdown-item:hover, .dropdown-item:focus  {
-    color: #<?php echo $colortextbackhmenu; ?> !important;
-    text-decoration: none;
-    background: rgb(<?php echo $colorbackhmenu1 ?>);
+	color: #<?php echo $colortextbackhmenu; ?> !important;
+	text-decoration: none;
+	background: rgb(<?php echo $colorbackhmenu1 ?>);
 }
 
 /*
@@ -381,26 +383,26 @@ a.top-menu-dropdown-link {
 */
 
 .dropdown-search-input {
-    width: 100%;
-    padding: 10px 35px 10px 20px;
+	width: 100%;
+	padding: 10px 35px 10px 20px;
 
-    background-color: transparent;
-    font-size: 14px;
-    line-height: 16px;
-    box-sizing: border-box;
+	background-color: transparent;
+	font-size: 14px;
+	line-height: 16px;
+	box-sizing: border-box;
 
 
-    color: #575756;
-    background-color: transparent;
-    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
-    background-repeat: no-repeat;
-    background-size: 16px 16px;
-    background-position: 95% center;
-    border-radius: 50px;
-    border: 1px solid #c4c4c2 !important;
-    transition: all 250ms ease-in-out;
-    backface-visibility: hidden;
-    transform-style: preserve-3d;
+	color: #575756;
+	background-color: transparent;
+	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
+	background-repeat: no-repeat;
+	background-size: 16px 16px;
+	background-position: 95% center;
+	border-radius: 50px;
+	border: 1px solid #c4c4c2 !important;
+	transition: all 250ms ease-in-out;
+	backface-visibility: hidden;
+	transform-style: preserve-3d;
 
 }
 
@@ -421,11 +423,11 @@ a.top-menu-dropdown-link {
 	}
 
 	div#topmenu-global-search-dropdown, div#topmenu-bookmark-dropdown {
-    	line-height: unset;
+		line-height: unset;
 	}
 
 	ul.tmenu {
-	    margin-right: 2px;
+		margin-right: 2px;
 	}
 }
 
@@ -450,10 +452,10 @@ a.top-menu-dropdown-link {
 
 
 .dropdown-search-input::placeholder {
-    color: color(#575756 a(0.8));
-    letter-spacing: 1.5px;
+	color: color(#575756 a(0.8));
+	letter-spacing: 1.5px;
 }
 
 .hidden-search-result{
-    display: none !important;
+	display: none !important;
 }
diff --git a/htdocs/theme/md/info-box.inc.php b/htdocs/theme/md/info-box.inc.php
index a784a1ec7d9..1ab7dc02bf0 100644
--- a/htdocs/theme/md/info-box.inc.php
+++ b/htdocs/theme/md/info-box.inc.php
@@ -1,5 +1,7 @@
 <?php
-if (!defined('ISLOADEDBYSTEELSHEET')) die('Must be call by steelsheet'); ?>
+if (!defined('ISLOADEDBYSTEELSHEET')) {
+	die('Must be call by steelsheet');
+} ?>
 /* <style type="text/css" > */
 
 
@@ -12,10 +14,16 @@ if (!defined('ISLOADEDBYSTEELSHEET')) die('Must be call by steelsheet'); ?>
 include_once DOL_DOCUMENT_ROOT.'/core/lib/functions2.lib.php';
 
 $prefix = '';
-if (!empty($conf->global->THEME_INFOBOX_COLOR_ON_BACKGROUND)) $prefix = 'background-';
+if (!empty($conf->global->THEME_INFOBOX_COLOR_ON_BACKGROUND)) {
+	$prefix = 'background-';
+}
 
-if (!isset($conf->global->THEME_SATURATE_RATIO)) $conf->global->THEME_SATURATE_RATIO = 0.7;
-if (GETPOSTISSET('THEME_SATURATE_RATIO')) $conf->global->THEME_SATURATE_RATIO = GETPOST('THEME_SATURATE_RATIO', 'int');
+if (!isset($conf->global->THEME_SATURATE_RATIO)) {
+	$conf->global->THEME_SATURATE_RATIO = 0.7;
+}
+if (GETPOSTISSET('THEME_SATURATE_RATIO')) {
+	$conf->global->THEME_SATURATE_RATIO = GETPOST('THEME_SATURATE_RATIO', 'int');
+}
 
 ?>
 
@@ -112,14 +120,14 @@ if (GETPOSTISSET('THEME_SATURATE_RATIO')) $conf->global->THEME_SATURATE_RATIO =
 
 
 .info-box-module-external span.info-box-icon-version {
-    background: #bbb;
+	background: #bbb;
 }
 
 a.info-box-text.info-box-text-a {
-    display: table-cell;
+	display: table-cell;
 }
 a.info-box-text-a i.fa.fa-exclamation-triangle {
-    font-size: 0.9em;
+	font-size: 0.9em;
 }
 
 .info-box {
@@ -134,14 +142,14 @@ a.info-box-text-a i.fa.fa-exclamation-triangle {
 	border: 1px solid #e9e9e9;
 }
 .info-box.info-box-sm{
-    min-height: 80px;
-    margin-bottom: 10px;
+	min-height: 80px;
+	margin-bottom: 10px;
 }
 .info-box-more {
-    float: right;
-    top: 4px;
-    position: absolute;
-    right: 10px;
+	float: right;
+	top: 4px;
+	position: absolute;
+	right: 10px;
 }
 
 .info-box small {
@@ -182,17 +190,17 @@ a.info-box-text-a i.fa.fa-exclamation-triangle {
 	font-size: 45px;
 	line-height: 90px;
 	background: #eee;
-    <?php if (isset($conf->global->THEME_SATURATE_RATIO)) { ?>
-        filter: saturate(<?php echo $conf->global->THEME_SATURATE_RATIO; ?>);
-    <?php } ?>
+	<?php if (isset($conf->global->THEME_SATURATE_RATIO)) { ?>
+		filter: saturate(<?php echo $conf->global->THEME_SATURATE_RATIO; ?>);
+	<?php } ?>
 }
 .info-box-sm .info-box-icon {
-    width: 80px;
-    font-size: 25px;
-    line-height: 92px;
+	width: 80px;
+	font-size: 25px;
+	line-height: 92px;
 }
 .opened-dash-board-wrap .info-box-sm .info-box-icon {
-    line-height: 80px;
+	line-height: 80px;
 }
 .info-box-module .info-box-icon {
 	height: 98px;
@@ -201,69 +209,69 @@ a.info-box-text-a i.fa.fa-exclamation-triangle {
 	max-width: 100%;
 }
 .info-box-module .info-box-icon > img {
-    max-width: 55%;
+	max-width: 55%;
 }
 
 .info-box-icon-text{
-    box-sizing: border-box;
-    display: block;
-    position: absolute;
-    width: 90px;
-    bottom: 0px;
-    color: #ffffff;
-    background-color: rgba(0,0,0,0.1);
-    cursor: default;
+	box-sizing: border-box;
+	display: block;
+	position: absolute;
+	width: 90px;
+	bottom: 0px;
+	color: #ffffff;
+	background-color: rgba(0,0,0,0.1);
+	cursor: default;
 
-    font-size: 10px;
-    line-height: 15px;
-    padding: 0px 3px;
-    text-align: center;
-    opacity: 0;
-    -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
-    transition: opacity 0.5s, visibility 0s 0.5s;
+	font-size: 10px;
+	line-height: 15px;
+	padding: 0px 3px;
+	text-align: center;
+	opacity: 0;
+	-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
+	transition: opacity 0.5s, visibility 0s 0.5s;
 }
 
 .info-box-icon-version {
-    box-sizing: border-box;
-    display: block;
-    position: absolute;
-    width: 90px;
-    bottom: 0px;
-    color: #ffffff;
-    background-color: rgba(0,0,0,0.1);
-    cursor: default;
+	box-sizing: border-box;
+	display: block;
+	position: absolute;
+	width: 90px;
+	bottom: 0px;
+	color: #ffffff;
+	background-color: rgba(0,0,0,0.1);
+	cursor: default;
 
-    font-size: 10px;
-    line-height: 22px;
-    padding: 0px 3px;
-    text-align: center;
-    opacity: 1;
-    -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
-    transition: opacity 0.5s, visibility 0s 0.5s;
+	font-size: 10px;
+	line-height: 22px;
+	padding: 0px 3px;
+	text-align: center;
+	opacity: 1;
+	-webkit-transition: opacity 0.5s, visibility 0s 0.5s;
+	transition: opacity 0.5s, visibility 0s 0.5s;
 }
 
 .box-flex-item.info-box-module.info-box-module-disabled {
-    /* opacity: 0.6; */
+	/* opacity: 0.6; */
 }
 
 .info-box-actions {
 	position: absolute;
-    right: 0;
-    bottom: 0;
+	right: 0;
+	bottom: 0;
 }
 
 <?php if (empty($conf->global->MAIN_DISABLE_GLOBAL_BOXSTATS) && !empty($conf->global->MAIN_INCLUDE_GLOBAL_STATS_IN_OPENED_DASHBOARD)) { ?>
 .info-box-icon-text{
-    opacity: 1;
+	opacity: 1;
 }
 <?php } ?>
 
 .info-box-sm .info-box-icon-text, .info-box-sm .info-box-icon-version{
-    overflow: hidden;
-    width: 80px;
+	overflow: hidden;
+	width: 80px;
 }
 .info-box:hover .info-box-icon-text{
-    opacity: 1;
+	opacity: 1;
 }
 
 .info-box-content {
@@ -291,7 +299,7 @@ a.info-box-text-a i.fa.fa-exclamation-triangle {
 	margin-bottom: 6px;
 }
 .info-box-title {
-    width: calc(100% - 20px);
+	width: calc(100% - 20px);
 }
 .info-box-text{
 	font-size: 0.92em;
@@ -315,8 +323,12 @@ a.info-box-text{ text-decoration: none;}
 }
 <?php
 include_once DOL_DOCUMENT_ROOT.'/core/lib/functions2.lib.php';
-if (!isset($conf->global->THEME_SATURATE_RATIO)) $conf->global->THEME_SATURATE_RATIO = 0.7;
-if (GETPOSTISSET('THEME_SATURATE_RATIO')) $conf->global->THEME_SATURATE_RATIO = GETPOST('THEME_SATURATE_RATIO', 'int');
+if (!isset($conf->global->THEME_SATURATE_RATIO)) {
+	$conf->global->THEME_SATURATE_RATIO = 0.7;
+}
+if (GETPOSTISSET('THEME_SATURATE_RATIO')) {
+	$conf->global->THEME_SATURATE_RATIO = GETPOST('THEME_SATURATE_RATIO', 'int');
+}
 ?>
 .bg-infobox-project i.fa{
 	color: #605ca8 !important;
@@ -471,7 +483,7 @@ if (GETPOSTISSET('THEME_SATURATE_RATIO')) $conf->global->THEME_SATURATE_RATIO =
 
 .info-box-module {
 	min-width: 350px;
-    max-width: 350px;
+	max-width: 350px;
 }
 
 .info-box-module .info-box-content {
@@ -481,8 +493,8 @@ if (GETPOSTISSET('THEME_SATURATE_RATIO')) $conf->global->THEME_SATURATE_RATIO =
 
 @media only screen and (max-width: 1740px) {
 	.info-box-module {
-	    min-width: 315px;
-	    max-width: 315px;
+		min-width: 315px;
+		max-width: 315px;
 	}
 }
 @media only screen and (max-width: 767px) {
diff --git a/htdocs/theme/md/main_menu_fa_icons.inc.php b/htdocs/theme/md/main_menu_fa_icons.inc.php
index 9326cf40ffe..eec79b951eb 100644
--- a/htdocs/theme/md/main_menu_fa_icons.inc.php
+++ b/htdocs/theme/md/main_menu_fa_icons.inc.php
@@ -1,48 +1,50 @@
-<?php if (!defined('ISLOADEDBYSTEELSHEET')) die('Must be call by steelsheet'); ?>
+<?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 part */
+	font-family: "Font Awesome 5 Free";
+	font-weight: 900;
+	font-style: normal;
+	font-variant: normal;
+	text-rendering: auto;
+	line-height: 26px;
 	font-size: 1.5em;
-    -webkit-font-smoothing: antialiased;
-    text-align:center;
+	-webkit-font-smoothing: antialiased;
+	text-align:center;
 	text-decoration:none;
 	color: #<?php echo $colortextbackhmenu; ?>;
 }
 
 .fa-15x {
-    font-size: 1.5em;
+	font-size: 1.5em;
 }
 
 div.mainmenu.ticket::before {
-    content: "\f3ff";
+	content: "\f3ff";
 }
 div.mainmenu.ticket {
-    background-image: none !important;
+	background-image: none !important;
 }
 
 
 
 div.mainmenu.generic1::before {
-    content: "\f249";
+	content: "\f249";
 }
 
 div.mainmenu.generic2::before {
-    content: "\f249";
+	content: "\f249";
 }
 
 div.mainmenu.generic3::before {
-    content: "\f249";
+	content: "\f249";
 }
 
 div.mainmenu.generic4::before {
-    content: "\f249";
+	content: "\f249";
 }
 
 /* Define color of some picto */
diff --git a/htdocs/theme/md/manifest.json.php b/htdocs/theme/md/manifest.json.php
index 6051ff260ef..b249e81e7df 100644
--- a/htdocs/theme/md/manifest.json.php
+++ b/htdocs/theme/md/manifest.json.php
@@ -25,22 +25,46 @@
  *		\brief      File for The Web App
  */
 
-if (!defined('NOREQUIREUSER'))   define('NOREQUIREUSER', '1');
-if (!defined('NOREQUIREDB'))     define('NOREQUIREDB', '1');
-if (!defined('NOREQUIRESOC'))    define('NOREQUIRESOC', '1');
-if (!defined('NOREQUIRETRAN'))   define('NOREQUIRETRAN', '1');
-if (!defined('NOCSRFCHECK'))     define('NOCSRFCHECK', '1');
-if (!defined('NOTOKENRENEWAL'))  define('NOTOKENRENEWAL', '1');
-if (!defined('NOLOGIN'))         define('NOLOGIN', '1');
-if (!defined('NOREQUIREMENU'))   define('NOREQUIREMENU', '1');
-if (!defined('NOREQUIREHTML'))   define('NOREQUIREHTML', '1');
-if (!defined('NOREQUIREAJAX'))   define('NOREQUIREAJAX', '1');
-if (!defined('NOSESSION'))       define('NOSESSION', '1');
+if (!defined('NOREQUIREUSER')) {
+	define('NOREQUIREUSER', '1');
+}
+if (!defined('NOREQUIREDB')) {
+	define('NOREQUIREDB', '1');
+}
+if (!defined('NOREQUIRESOC')) {
+	define('NOREQUIRESOC', '1');
+}
+if (!defined('NOREQUIRETRAN')) {
+	define('NOREQUIRETRAN', '1');
+}
+if (!defined('NOCSRFCHECK')) {
+	define('NOCSRFCHECK', '1');
+}
+if (!defined('NOTOKENRENEWAL')) {
+	define('NOTOKENRENEWAL', '1');
+}
+if (!defined('NOLOGIN')) {
+	define('NOLOGIN', '1');
+}
+if (!defined('NOREQUIREMENU')) {
+	define('NOREQUIREMENU', '1');
+}
+if (!defined('NOREQUIREHTML')) {
+	define('NOREQUIREHTML', '1');
+}
+if (!defined('NOREQUIREAJAX')) {
+	define('NOREQUIREAJAX', '1');
+}
+if (!defined('NOSESSION')) {
+	define('NOSESSION', '1');
+}
 
 require_once __DIR__.'/../../main.inc.php';
 
 $appli = constant('DOL_APPLICATION_TITLE');
-if (!empty($conf->global->MAIN_APPLICATION_TITLE)) $appli = $conf->global->MAIN_APPLICATION_TITLE;
+if (!empty($conf->global->MAIN_APPLICATION_TITLE)) {
+	$appli = $conf->global->MAIN_APPLICATION_TITLE;
+}
 
 top_httphead('text/json');
 // Important: Following code is to avoid page request by browser and PHP CPU at each Dolibarr page access.
@@ -48,22 +72,21 @@ if (empty($dolibarr_nocache)) {
 	header('Cache-Control: max-age=10800, public, must-revalidate');
 	// For a text/json, we must set an Expires to avoid to have it forced to an expired value by the web server
 	header('Expires: '.gmdate('D, d M Y H:i:s', dol_now('gmt') + 10800) . ' GMT');
-}
-else {
+} else {
 	header('Cache-Control: no-cache');
 }
 
 ?>
 {
-    "name": "<?php echo $appli; ?>",
-    "icons": [
-        {
-            "src": "<?php echo DOL_URL_ROOT.'/theme/dolibarr_256x256_color.png'; ?>",
-            "sizes": "256x256",
-            "type": "image/png"
-        }
-    ],
-    "theme_color": "#ffffff",
-    "background_color": "#ffffff",
-    "display": "standalone"
+	"name": "<?php echo $appli; ?>",
+	"icons": [
+		{
+			"src": "<?php echo DOL_URL_ROOT.'/theme/dolibarr_256x256_color.png'; ?>",
+			"sizes": "256x256",
+			"type": "image/png"
+		}
+	],
+	"theme_color": "#ffffff",
+	"background_color": "#ffffff",
+	"display": "standalone"
 }
\ No newline at end of file
diff --git a/htdocs/theme/md/progress.inc.php b/htdocs/theme/md/progress.inc.php
index 9a78141ace0..979f8b8034e 100644
--- a/htdocs/theme/md/progress.inc.php
+++ b/htdocs/theme/md/progress.inc.php
@@ -1,5 +1,7 @@
 <?php
-if (!defined('ISLOADEDBYSTEELSHEET')) die('Must be call by steelsheet');
+if (!defined('ISLOADEDBYSTEELSHEET')) {
+	die('Must be call by steelsheet');
+}
 
 include dol_buildpath($path.'/theme/eldy/progress.inc.php', 0); // actually md use same style as eldy theme
 
diff --git a/htdocs/theme/md/style.css.php b/htdocs/theme/md/style.css.php
index 81407987c35..def22ff87de 100644
--- a/htdocs/theme/md/style.css.php
+++ b/htdocs/theme/md/style.css.php
@@ -28,21 +28,35 @@
 
 //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');
+if (!defined('NOREQUIRESOC')) {
+	define('NOREQUIRESOC', '1');
+}
 //if (! defined('NOREQUIRETRAN')) define('NOREQUIRETRAN','1');	// Not disabled because need to do translations
-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('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('NOREQUIREMENU'))   define('NOREQUIREMENU',1);  // We need top menu content
-if (!defined('NOREQUIREHTML'))   define('NOREQUIREHTML', 1);
-if (!defined('NOREQUIREAJAX'))   define('NOREQUIREAJAX', '1');
+if (!defined('NOREQUIREHTML')) {
+	define('NOREQUIREHTML', 1);
+}
+if (!defined('NOREQUIREAJAX')) {
+	define('NOREQUIREAJAX', '1');
+}
 
 
 define('ISLOADEDBYSTEELSHEET', '1');
 
 
 require __DIR__.'/theme_vars.inc.php';
-if (defined('THEME_ONLY_CONSTANT')) return;
+if (defined('THEME_ONLY_CONSTANT')) {
+	return;
+}
 
 session_cache_limiter('public');
 
@@ -52,8 +66,7 @@ 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']))
-{
+if (empty($user->id) && !empty($_SESSION['dol_login'])) {
 	$user->fetch('', $_SESSION['dol_login'], '', 1);
 	$user->getrights();
 
@@ -66,11 +79,18 @@ if (empty($user->id) && !empty($_SESSION['dol_login']))
 // Define css type
 top_httphead('text/css');
 // Important: Following code is to avoid page request by browser and PHP CPU at each Dolibarr page access.
-if (empty($dolibarr_nocache)) header('Cache-Control: max-age=10800, public, must-revalidate');
-else header('Cache-Control: no-cache');
+if (empty($dolibarr_nocache)) {
+	header('Cache-Control: max-age=10800, public, must-revalidate');
+} else {
+	header('Cache-Control: no-cache');
+}
 
-if (GETPOST('theme', 'alpha')) $conf->theme = GETPOST('theme', 'alpha'); // If theme was forced on URL
-if (GETPOST('lang', 'aZ09')) $langs->setDefaultLang(GETPOST('lang', 'aZ09')); // If language was forced on URL
+if (GETPOST('theme', 'alpha')) {
+	$conf->theme = GETPOST('theme', 'alpha'); // If theme was forced on URL
+}
+if (GETPOST('lang', 'aZ09')) {
+	$langs->setDefaultLang(GETPOST('lang', 'aZ09')); // If language was forced on URL
+}
 
 $langs->load("main", 0, 1);
 $right = ($langs->trans("DIRECTION") == 'rtl' ? 'left' : 'right');
@@ -78,7 +98,9 @@ $left = ($langs->trans("DIRECTION") == 'rtl' ? 'right' : 'left');
 
 $path = ''; // This value may be used in future for external module to overwrite theme
 $theme = 'md'; // Value of theme
-if (!empty($conf->global->MAIN_OVERWRITE_THEME_RES)) { $path = '/'.$conf->global->MAIN_OVERWRITE_THEME_RES; $theme = $conf->global->MAIN_OVERWRITE_THEME_RES; }
+if (!empty($conf->global->MAIN_OVERWRITE_THEME_RES)) {
+	$path = '/'.$conf->global->MAIN_OVERWRITE_THEME_RES; $theme = $conf->global->MAIN_OVERWRITE_THEME_RES;
+}
 
 // Define image path files and other constants
 $fontlist = 'roboto,arial,tahoma,verdana,helvetica'; //$fontlist='verdana,helvetica,arial,sans-serif';
@@ -98,19 +120,36 @@ $useboldtitle = (isset($conf->global->THEME_ELDY_USEBOLDTITLE) ? $conf->global->
 $borderwidth = 2;
 
 // Case of option always editable
-if (!isset($conf->global->THEME_ELDY_BACKBODY)) $conf->global->THEME_ELDY_BACKBODY = $colorbackbody;
-if (!isset($conf->global->THEME_ELDY_TOPMENU_BACK1)) $conf->global->THEME_ELDY_TOPMENU_BACK1 = $colorbackhmenu1;
-if (!isset($conf->global->THEME_ELDY_VERMENU_BACK1)) $conf->global->THEME_ELDY_VERMENU_BACK1 = $colorbackvmenu1;
-if (!isset($conf->global->THEME_ELDY_BACKTITLE1)) $conf->global->THEME_ELDY_BACKTITLE1 = $colorbacktitle1;
-if (!isset($conf->global->THEME_ELDY_USE_HOVER)) $conf->global->THEME_ELDY_USE_HOVER = $colorbacklinepairhover;
-if (!isset($conf->global->THEME_ELDY_USE_CHECKED)) $conf->global->THEME_ELDY_USE_CHECKED = $colorbacklinepairchecked;
-if (!isset($conf->global->THEME_ELDY_LINEBREAK)) $conf->global->THEME_ELDY_LINEBREAK = $colorbacklinebreak;
-if (!isset($conf->global->THEME_ELDY_TEXTTITLENOTAB)) $conf->global->THEME_ELDY_TEXTTITLENOTAB = $colortexttitlenotab;
-if (!isset($conf->global->THEME_ELDY_TEXTLINK)) $conf->global->THEME_ELDY_TEXTLINK = $colortextlink;
+if (!isset($conf->global->THEME_ELDY_BACKBODY)) {
+	$conf->global->THEME_ELDY_BACKBODY = $colorbackbody;
+}
+if (!isset($conf->global->THEME_ELDY_TOPMENU_BACK1)) {
+	$conf->global->THEME_ELDY_TOPMENU_BACK1 = $colorbackhmenu1;
+}
+if (!isset($conf->global->THEME_ELDY_VERMENU_BACK1)) {
+	$conf->global->THEME_ELDY_VERMENU_BACK1 = $colorbackvmenu1;
+}
+if (!isset($conf->global->THEME_ELDY_BACKTITLE1)) {
+	$conf->global->THEME_ELDY_BACKTITLE1 = $colorbacktitle1;
+}
+if (!isset($conf->global->THEME_ELDY_USE_HOVER)) {
+	$conf->global->THEME_ELDY_USE_HOVER = $colorbacklinepairhover;
+}
+if (!isset($conf->global->THEME_ELDY_USE_CHECKED)) {
+	$conf->global->THEME_ELDY_USE_CHECKED = $colorbacklinepairchecked;
+}
+if (!isset($conf->global->THEME_ELDY_LINEBREAK)) {
+	$conf->global->THEME_ELDY_LINEBREAK = $colorbacklinebreak;
+}
+if (!isset($conf->global->THEME_ELDY_TEXTTITLENOTAB)) {
+	$conf->global->THEME_ELDY_TEXTTITLENOTAB = $colortexttitlenotab;
+}
+if (!isset($conf->global->THEME_ELDY_TEXTLINK)) {
+	$conf->global->THEME_ELDY_TEXTLINK = $colortextlink;
+}
 
 // Case of option editable only if option THEME_ELDY_ENABLE_PERSONALIZED is on
-if (empty($conf->global->THEME_ELDY_ENABLE_PERSONALIZED))
-{
+if (empty($conf->global->THEME_ELDY_ENABLE_PERSONALIZED)) {
 	// 90A4AE, 607D8B, 455A64, 37474F
 	$conf->global->THEME_ELDY_BACKTABCARD1 = '255,255,255'; // card
 	$conf->global->THEME_ELDY_BACKTABACTIVE = '234,234,234';
@@ -143,38 +182,55 @@ $fontsizesmaller     = empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED) ? (emp
 // Hover color
 $colorbacklinepairhover = ((!isset($conf->global->THEME_ELDY_USE_HOVER) || (string) $conf->global->THEME_ELDY_USE_HOVER === '255,255,255') ? '' : ($conf->global->THEME_ELDY_USE_HOVER === '1' ? 'edf4fb' : $conf->global->THEME_ELDY_USE_HOVER));
 $colorbacklinepairchecked = ((!isset($conf->global->THEME_ELDY_USE_CHECKED) || (string) $conf->global->THEME_ELDY_USE_CHECKED === '255,255,255') ? '' : ($conf->global->THEME_ELDY_USE_CHECKED === '1' ? 'edf4fb' : $conf->global->THEME_ELDY_USE_CHECKED));
-if (!empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED))
-{
+if (!empty($user->conf->THEME_ELDY_ENABLE_PERSONALIZED)) {
 	$colorbacklinepairhover = ((!isset($user->conf->THEME_ELDY_USE_HOVER) || $user->conf->THEME_ELDY_USE_HOVER === '255,255,255') ? '' : ($user->conf->THEME_ELDY_USE_HOVER === '1' ? 'edf4fb' : $user->conf->THEME_ELDY_USE_HOVER));
 	$colorbacklinepairchecked = ((!isset($user->conf->THEME_ELDY_USE_CHECKED) || $user->conf->THEME_ELDY_USE_CHECKED === '255,255,255') ? '' : ($user->conf->THEME_ELDY_USE_CHECKED === '1' ? 'edf4fb' : $user->conf->THEME_ELDY_USE_CHECKED));
 }
 
-if (empty($colortopbordertitle1)) $colortopbordertitle1 = $colorbackhmenu1;
+if (empty($colortopbordertitle1)) {
+	$colortopbordertitle1 = $colorbackhmenu1;
+}
 
 // Set text color to black or white
 $colorbackhmenu1 = join(',', colorStringToArray($colorbackhmenu1)); // Normalize value to 'x,y,z'
 $tmppart = explode(',', $colorbackhmenu1);
 $tmpval = (!empty($tmppart[0]) ? $tmppart[0] : 0) + (!empty($tmppart[1]) ? $tmppart[1] : 0) + (!empty($tmppart[2]) ? $tmppart[2] : 0);
-if ($tmpval <= 460) $colortextbackhmenu = 'FFFFFF';
-else $colortextbackhmenu = '000000';
+if ($tmpval <= 460) {
+	$colortextbackhmenu = 'FFFFFF';
+} else {
+	$colortextbackhmenu = '000000';
+}
 
 $colorbackvmenu1 = join(',', colorStringToArray($colorbackvmenu1)); // Normalize value to 'x,y,z'
 $tmppart = explode(',', $colorbackvmenu1);
 $tmpval = (!empty($tmppart[0]) ? $tmppart[0] : 0) + (!empty($tmppart[1]) ? $tmppart[1] : 0) + (!empty($tmppart[2]) ? $tmppart[2] : 0);
-if ($tmpval <= 460) { $colortextbackvmenu = 'FFFFFF'; } else { $colortextbackvmenu = '000000'; }
+if ($tmpval <= 460) {
+	$colortextbackvmenu = 'FFFFFF';
+} else {
+	$colortextbackvmenu = '000000';
+}
 
 $colorbacktitle1 = join(',', colorStringToArray($colorbacktitle1)); // Normalize value to 'x,y,z'
 $tmppart = explode(',', $colorbacktitle1);
-if ($colortexttitle == '')
-{
+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 = '101010'; $colorshadowtitle = 'FFFFFF'; }
-} else $colorshadowtitle = '888888';
+	if ($tmpval <= 460) {
+		$colortexttitle = 'FFFFFF'; $colorshadowtitle = '888888';
+	} else {
+		$colortexttitle = '101010'; $colorshadowtitle = 'FFFFFF';
+	}
+} else {
+	$colorshadowtitle = '888888';
+}
 
 $colorbacktabcard1 = join(',', colorStringToArray($colorbacktabcard1)); // Normalize value to 'x,y,z'
 $tmppart = explode(',', $colorbacktabcard1);
 $tmpval = (!empty($tmppart[0]) ? $tmppart[0] : 0) + (!empty($tmppart[1]) ? $tmppart[1] : 0) + (!empty($tmppart[2]) ? $tmppart[2] : 0);
-if ($tmpval <= 460) { $colortextbacktab = 'FFFFFF'; } else { $colortextbacktab = '111111'; }
+if ($tmpval <= 460) {
+	$colortextbacktab = 'FFFFFF';
+} else {
+	$colortextbacktab = '111111';
+}
 
 // Format color value to match expected format (may be 'FFFFFF' or '255,255,255')
 $colorbackhmenu1 = join(',', colorStringToArray($colorbackhmenu1));
@@ -186,8 +242,12 @@ $colorbacklineimpair1 = join(',', colorStringToArray($colorbacklineimpair1));
 $colorbacklineimpair2 = join(',', colorStringToArray($colorbacklineimpair2));
 $colorbacklinepair1 = join(',', colorStringToArray($colorbacklinepair1));
 $colorbacklinepair2 = join(',', colorStringToArray($colorbacklinepair2));
-if ($colorbacklinepairhover != '') $colorbacklinepairhover = join(',', colorStringToArray($colorbacklinepairhover));
-if ($colorbacklinepairchecked != '') $colorbacklinepairchecked = join(',', colorStringToArray($colorbacklinepairchecked));
+if ($colorbacklinepairhover != '') {
+	$colorbacklinepairhover = join(',', colorStringToArray($colorbacklinepairhover));
+}
+if ($colorbacklinepairchecked != '') {
+	$colorbacklinepairchecked = join(',', colorStringToArray($colorbacklinepairchecked));
+}
 $colorbackbody = join(',', colorStringToArray($colorbackbody));
 $colortexttitlenotab = join(',', colorStringToArray($colortexttitlenotab));
 $colortexttitle = join(',', colorStringToArray($colortexttitle));
@@ -195,7 +255,9 @@ $colortext = join(',', colorStringToArray($colortext));
 $colortextlink = join(',', colorStringToArray($colortextlink));
 
 $nbtopmenuentries = $menumanager->showmenu('topnb');
-if ($conf->browser->layout == 'phone') $nbtopmenuentries = max($nbtopmenuentries, 10);
+if ($conf->browser->layout == 'phone') {
+	$nbtopmenuentries = max($nbtopmenuentries, 10);
+}
 
 print '/*'."\n";
 print 'colorbackbody='.$colorbackbody."\n";
@@ -278,11 +340,11 @@ body {
 	font-size: <?php print is_numeric($fontsize) ? $fontsize.'px' : $fontsize; ?>;
 	line-height: 1.3;
 	font-family: <?php print $fontlist ?>;
-    margin-top: 0;
-    margin-bottom: 0;
-    margin-right: 0;
-    margin-left: 0;
-    <?php print 'direction: '.$langs->trans("DIRECTION").";\n"; ?>
+	margin-top: 0;
+	margin-bottom: 0;
+	margin-right: 0;
+	margin-left: 0;
+	<?php print 'direction: '.$langs->trans("DIRECTION").";\n"; ?>
 }
 
 .sensiblehtmlcontent * {
@@ -301,14 +363,14 @@ input {
 	font-size: unset;
 }
 input, input.flat, textarea, textarea.flat, form.flat select, select, select.flat, .dataTables_length label select {
-    background-color: #FDFDFD;
+	background-color: #FDFDFD;
 }
 select.vmenusearchselectcombo {
 	background-color: unset;
 }
 
 textarea:focus, button:focus {
-    /* v6 box-shadow: 0 0 4px #8091BF; */
+	/* v6 box-shadow: 0 0 4px #8091BF; */
 	border: 1px solid #aaa !important;
 }
 input:focus, textarea:focus, button:focus, select:focus {
@@ -321,10 +383,10 @@ textarea.cke_source:focus
 }
 
 th.wrapcolumntitle.liste_titre:not(.maxwidthsearch), td.wrapcolumntitle.liste_titre:not(.maxwidthsearch) {
-    overflow: hidden;
-    white-space: nowrap;
-    max-width: 120px;
-    text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: nowrap;
+	max-width: 120px;
+	text-overflow: ellipsis;
 }
 .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],
@@ -344,14 +406,14 @@ select#date_startday, select#date_startmonth, select#date_endday, select#date_en
 }
 input, input.flat, textarea, textarea.flat, form.flat select, select, select.flat, .dataTables_length label select {
 	font-family: <?php print $fontlist ?>;
-    border: none;
-    border<?php echo empty($conf->global->THEME_HIDE_BORDER_ON_INPUT) ? '-bottom' : ''; ?>: solid 1px rgba(0,0,0,.2);
-    outline: none;
-    margin: 0px 0px 0px 0px;
+	border: none;
+	border<?php echo empty($conf->global->THEME_HIDE_BORDER_ON_INPUT) ? '-bottom' : ''; ?>: solid 1px rgba(0,0,0,.2);
+	outline: none;
+	margin: 0px 0px 0px 0px;
 }
 
 input {
-    line-height: 17px;
+	line-height: 17px;
 	padding: 4px;
 	padding-left: 5px;
 }
@@ -367,7 +429,7 @@ input, select {
 	margin-top:1px;
 }
 input.button.massactionconfirmed {
-    margin: 4px;
+	margin: 4px;
 }
 
 textarea {
@@ -399,8 +461,8 @@ input.buttonpayment, button.buttonpayment, div.buttonpayment {
 	min-width: 290px;
 	margin-bottom: 15px;
 	margin-top: 15px;
-    margin-left: 5px;
-    margin-right: 5px;
+	margin-left: 5px;
+	margin-right: 5px;
 	background-image: none;
 	line-height: 24px;
 	padding: 8px;
@@ -412,15 +474,15 @@ input.buttonpayment, button.buttonpayment, div.buttonpayment {
 	color: #888 !important;
 }
 div.buttonpayment input {
-    background-color: unset;
-    border-bottom: unset;
-    font-weight: bold;
-    text-transform: uppercase;
+	background-color: unset;
+	border-bottom: unset;
+	font-weight: bold;
+	text-transform: uppercase;
 	color: #333;
 	cursor: pointer;
 }
 div.buttonpayment input:focus {
-    color: #008;
+	color: #008;
 }
 input.buttonpaymentcb {
 	background-image: url(<?php echo dol_buildpath($path.'/theme/common/credit_card.png', 1) ?>);
@@ -466,16 +528,16 @@ a.butStatus {
 	padding-left: 5px;
 	padding-right: 5px;
 	background-color: transparent;
-    color: var(--colortext) !important;
-    border: 2px solid var( --butactionbg);
-    margin: 0 0.45em !important;
+	color: var(--colortext) !important;
+	border: 2px solid var( --butactionbg);
+	margin: 0 0.45em !important;
 }
 
 /* Used by timesheets */
 span.timesheetalreadyrecorded input {
-    border: none;
-    border-bottom: solid 1px rgba(0,0,0,0.1);
-    margin-right: 1px !important;
+	border: none;
+	border-bottom: solid 1px rgba(0,0,0,0.1);
+	margin-right: 1px !important;
 }
 td.onholidaymorning, td.onholidayafternoon {
 	background-color: #fdf6f2;
@@ -494,7 +556,7 @@ td.rightborder {
 }
 
 td.actionbuttons a {
-    padding-left: 6px;
+	padding-left: 6px;
 }
 select.flat, form.flat select, .pageplusone {
 	font-weight: normal;
@@ -502,8 +564,8 @@ select.flat, form.flat select, .pageplusone {
 	height: 2em;
 }
 input.pageplusone {
-    padding-bottom: 4px;
-    padding-top: 4px;
+	padding-bottom: 4px;
+	padding-top: 4px;
 }
 
 .saturatemedium {
@@ -536,10 +598,10 @@ input.pageplusone {
 }
 
 .vmirror {
-    transform: scale(1, -1);
+	transform: scale(1, -1);
 }
 .hmirror {
-    transform: scale(-1, 1);
+	transform: scale(-1, 1);
 }
 
 select:invalid {
@@ -588,7 +650,7 @@ input#onlinepaymenturl, input#directdownloadlink {
 }
 
 div#moretabsList, div#moretabsListaction {
-    z-index: 5;
+	z-index: 5;
 }
 
 hr { border: 0; border-top: 1px solid #ccc; }
@@ -600,7 +662,7 @@ hr { border: 0; border-top: 1px solid #ccc; }
 	padding: 4px 14px;
 	margin-bottom: 0;
 	margin-top: 0;
-    font-family: <?php print $fontlist ?>;
+	font-family: <?php print $fontlist ?>;
 	text-align: center;
 	cursor: pointer;
 	color: #333333 !important;
@@ -632,35 +694,35 @@ hr { border: 0; border-top: 1px solid #ccc; }
 }
 .button:disabled, .buttonDelete:disabled, .button.disabled, .buttonDelete.disabled {
 	opacity: 0.4;
-    box-shadow: none;
-    -webkit-box-shadow: none;
-    cursor: auto;
+	box-shadow: none;
+	-webkit-box-shadow: none;
+	cursor: auto;
 }
 .buttonRefused {
 	pointer-events: none;
-   	cursor: default;
+	   cursor: default;
 	opacity: 0.4;
-    box-shadow: none;
-    -webkit-box-shadow: none;
+	box-shadow: none;
+	-webkit-box-shadow: none;
 }
 .button_search, .button_removefilter {
-    border: unset;
-    background: unset;
+	border: unset;
+	background: unset;
 }
 .button_search:hover, .button_removefilter:hover {
-    cursor: pointer;
+	cursor: pointer;
 }
 form {
-    padding:0px;
-    margin:0px;
+	padding:0px;
+	margin:0px;
 }
 div.float, span.floatleft
 {
-    float:<?php print $left; ?>;
+	float:<?php print $left; ?>;
 }
 div.floatright
 {
-    float:<?php print $right; ?>;
+	float:<?php print $right; ?>;
 }
 .block
 {
@@ -671,12 +733,12 @@ div.floatright
 	display:inline-block;
 }
 .largenumber {
-    font-size: 1.4em;
+	font-size: 1.4em;
 }
 
 th .button {
-    -webkit-box-shadow: none !important;
-    box-shadow: none !important;
+	-webkit-box-shadow: none !important;
+	box-shadow: none !important;
 	-webkit-border-radius:0px !important;
 	border-radius:0px !important;
 }
@@ -713,21 +775,21 @@ textarea.centpercent {
 	width: 96%;
 }
 .small, small {
-    font-size: 85%;
+	font-size: 85%;
 }
 
 .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small {
-    font-size: 65%;
+	font-size: 65%;
 }
 .h1 .small, .h1 small, .h2 .small, .h2 small, .h3 .small, .h3 small, .h4 .small, .h4 small, .h5 .small, .h5 small, .h6 .small, .h6 small, h1 .small, h1 small, h2 .small, h2 small, h3 .small, h3 small, h4 .small, h4 small, h5 .small, h5 small, h6 .small, h6 small {
-    font-weight: 400;
-    line-height: 1;
-    color: #777;
+	font-weight: 400;
+	line-height: 1;
+	color: #777;
 }
 
 .center {
-    text-align: center;
-    margin: 0px auto;
+	text-align: center;
+	margin: 0px auto;
 }
 .left {
 	text-align: <?php print $left; ?>;
@@ -739,10 +801,10 @@ textarea.centpercent {
 	text-align: justify;
 }
 .pull-left {
-    float: left!important;
+	float: left!important;
 }
 .pull-right {
-    float: right!important;
+	float: right!important;
 }
 .nowrap {
 	white-space: <?php print ($dol_optimize_smallscreen ? 'normal' : 'nowrap'); ?>;
@@ -775,7 +837,7 @@ textarea.centpercent {
 	font-weight: normal !important;
 }
 .nounderline {
-    text-decoration: none;
+	text-decoration: none;
 }
 .nopadding {
 	padding: 0;
@@ -817,43 +879,43 @@ textarea.centpercent {
 	cursor: not-allowed;
 }
 .backgroundblank {
-    background-color: #fff;
+	background-color: #fff;
 }
 .nobackground, .nobackground tr {
 	background: unset !important;
 }
 .checkboxattachfilelabel {
-    font-size: 0.85em;
-    opacity: 0.7;
+	font-size: 0.85em;
+	opacity: 0.7;
 }
 .longmessagecut {
-    max-height: 250px;
-    max-width: 100%;
-    overflow-y: auto;
+	max-height: 250px;
+	max-width: 100%;
+	overflow-y: auto;
 }
 
 .text-warning{
-    color : <?php print $textWarning; ?>
+	color : <?php print $textWarning; ?>
 }
 body[class*="colorblind-"] .text-warning{
-    color : <?php print $colorblind_deuteranopes_textWarning; ?>
+	color : <?php print $colorblind_deuteranopes_textWarning; ?>
 }
 .text-success{
-    color : <?php print $textSuccess; ?>
+	color : <?php print $textSuccess; ?>
 }
 body[class*="colorblind-"] .text-success{
-    color : <?php print $colorblind_deuteranopes_textSuccess; ?>
+	color : <?php print $colorblind_deuteranopes_textSuccess; ?>
 }
 
 .text-danger{
-    color : <?php print $textDanger; ?>
+	color : <?php print $textDanger; ?>
 }
 
 .editfielda span.fa-pencil-alt, .editfielda span.fa-trash {
-    color: #ccc !important;
+	color: #ccc !important;
 }
 .editfielda span.fa-pencil-alt:hover, .editfielda span.fa-trash:hover {
-    color: rgb(<?php echo $colortexttitle; ?>) !important;
+	color: rgb(<?php echo $colortexttitle; ?>) !important;
 }
 
 .size15x { font-size: 1.5em !important; }
@@ -891,32 +953,32 @@ body[class*="colorblind-"] .text-success{
 	vertical-align: middle;
 }
 .divsocialnetwork:not(:first-child) {
-    padding-left: 20px;
+	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;
+	margin-bottom: 4px;
+	  padding-left: 2px;
 }
 .divsearchfieldfilter {
-    text-overflow: clip;
-    overflow: auto;
-    white-space: nowrap;
-    padding-bottom: 5px;
-    opacity: 0.6;
+	text-overflow: clip;
+	overflow: auto;
+	white-space: nowrap;
+	padding-bottom: 5px;
+	opacity: 0.6;
 }
 .divadvancedsearchfield:first-child {
-    margin-top: 3px;
+	margin-top: 3px;
 }
 .divadvancedsearchfield {
-    float: left;
-    padding-left: 15px;
-    padding-right: 15px;
-    padding-bottom: 2px;
-    padding-top: 2px;
+	float: left;
+	padding-left: 15px;
+	padding-right: 15px;
+	padding-bottom: 2px;
+	padding-top: 2px;
 }
 .divadvancedsearchfield span.select2.select2-container.select2-container--default {
 	padding-bottom: 4px;
@@ -926,22 +988,22 @@ div.divsearchfield {
 if ($conf->browser->layout == 'phone') {
 	?>
 .divsearchfieldfilter {
-   	white-space: nowrap;
+	   white-space: nowrap;
 }
 <?php } ?>
 
 
 .a-filter, .a-mesure {
-    border-radius: 50px;
-    background: var(--colortexttitlenotab);
-    color: #fff;
-    padding: 8px 10px 8px 6px;
+	border-radius: 50px;
+	background: var(--colortexttitlenotab);
+	color: #fff;
+	padding: 8px 10px 8px 6px;
 }
 .a-filter:before {
-    content: "\f0b0";
+	content: "\f0b0";
 }
 .a-mesure:before {
-    content: "\f080";
+	content: "\f080";
 }
 .a-filter:before, .a-mesure:before {
 	font-family: "Font Awesome 5 Free";
@@ -950,10 +1012,10 @@ if ($conf->browser->layout == 'phone') {
 	padding-left: 5px;
 }
 .a-filter-disabled, .a-mesure-disabled {
-    border-radius: 50px;
-    background: var(--colorbacktitle1);
-    padding: 8px;
-    opacity: 0.6;
+	border-radius: 50px;
+	background: var(--colorbacktitle1);
+	padding: 8px;
+	opacity: 0.6;
 }
 
 
@@ -982,12 +1044,12 @@ input > ul.attendees {
 	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;
+	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;
+	max-width: 62px;
 }
 .selectlimit, .marginrightonly {
 	margin-right: 10px !important;
@@ -1008,17 +1070,17 @@ select.flat.selectlimit {
 	margin-bottom: 10px !important;
 }
 .nomargintop {
-    margin-top: 0 !important;
+	margin-top: 0 !important;
 }
 .nomarginbottom {
-    margin-bottom: 0 !important;
+	margin-bottom: 0 !important;
 }
 
 .selectlimit, .selectlimit:focus {
-    border-left: none !important;
-    border-top: none !important;
-    border-right: none !important;
-    outline: none;
+	border-left: none !important;
+	border-top: none !important;
+	border-right: none !important;
+	outline: none;
 }
 .strikefordisabled {
 	text-decoration: line-through;
@@ -1028,69 +1090,69 @@ select.flat.selectlimit {
 }
 /* using a tdoverflowxxx make the min-width not working */
 .tdoverflow {
-    max-width: 0;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
+	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;
+	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;
+	max-width: 100px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
 }
 .tdoverflowmax100imp {			/* For tdoverflow, the max-midth become a minimum ! */
-    max-width: 100px !important;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
+	max-width: 100px !important;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
 }
 .tdoverflowmax125 {			/* For tdoverflow, the max-midth become a minimum ! */
-    max-width: 125px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
+	max-width: 125px;
+	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;
+	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;
+	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;
+	max-width: 300px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
 }
 .tdoverflowauto {
-    max-width: 0;
-    overflow: auto;
+	max-width: 0;
+	overflow: auto;
 }
 .divintodwithtwolinesmax {
-    width: 75px;
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
-    overflow: hidden;
+	width: 75px;
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 2;
+	overflow: hidden;
 }
 .twolinesmax {
-    display: -webkit-box;
-    -webkit-box-orient: vertical;
-    -webkit-line-clamp: 2;
-    overflow: hidden;
+	display: -webkit-box;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 2;
+	overflow: hidden;
 }
 
 .tablelistofcalendars {
@@ -1118,19 +1180,19 @@ select.flat.selectlimit {
 	margin-bottom: 12px;
 }
 #builddoc_form ~ .showlinkedobjectblock {
-    margin-top: 20px;
+	margin-top: 20px;
 }
 
 /* For the long description of module */
 .moduledesclong p img,.moduledesclong p a img {
-    max-width: 90% !important;
-    height: auto !important;
+	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);
+	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: #505;
@@ -1142,34 +1204,36 @@ select.flat.selectlimit {
 
 /* 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;
+	width: calc(100% - 330px);
+	margin-bottom: 15px;
+	overflow-y: hidden;
+	-ms-overflow-style: -ms-autohiding-scrollbar;
 }*/
 /* Style used for most tables */
 div.fiche>div.tabBar>form>div.div-table-responsive {
-    min-height: 392px;
+	min-height: 392px;
 }
 .div-table-responsive, .div-table-responsive-no-min {
-    overflow-x: auto;
-    min-height: 0.01%;
+	overflow-x: auto;
+	min-height: 0.01%;
 }
 .div-table-responsive {
-    line-height: 120%;
+	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;
+	overflow-x: auto;
 }
 div.fiche>form>div.div-table-responsive {
-    min-height: 392px;
+	min-height: 392px;
 }
 
 .flexcontainer {
-    <?php if (in_array($conf->browser->name, array('chrome', 'firefox'))) echo 'display: inline-flex;' ?>
-    flex-flow: row wrap;
-    justify-content: flex-start;
+	<?php if (in_array($conf->browser->name, array('chrome', 'firefox'))) {
+		echo 'display: inline-flex;';
+	} ?>
+	flex-flow: row wrap;
+	justify-content: flex-start;
 }
 .thumbstat {
 	flex: 1 1 116px;
@@ -1178,13 +1242,13 @@ div.fiche>form>div.div-table-responsive {
 	flex: 1 1 150px;
 }
 .thumbstat, .thumbstat150 {
-    flex-grow: 1;
-    flex-shrink: 1;
-    /* flex-basis: 140px; */
-    /* min-width: 150px; */
-    width: 158px;
-    justify-content: flex-start;
-    align-self: flex-start;
+	flex-grow: 1;
+	flex-shrink: 1;
+	/* flex-basis: 140px; */
+	/* min-width: 150px; */
+	width: 158px;
+	justify-content: flex-start;
+	align-self: flex-start;
 }
 
 select.selectarrowonleft {
@@ -1195,7 +1259,7 @@ select.selectarrowonleft option {
 }
 
 table[summary="list_of_modules"] .fa-cog {
-    font-size: 1.5em;
+	font-size: 1.5em;
 }
 
 .linkedcol-element {
@@ -1221,10 +1285,10 @@ table[summary="list_of_modules"] .fa-cog {
 {
 	.width20  { width: 20px; }
 	.width25  { width: 25px; }
-    .width50  { width: 50px; }
-    .width75  { width: 75px; }
-    .width100 { width: 100px; }
-    .width200 { width: 200px; }
+	.width50  { width: 50px; }
+	.width75  { width: 75px; }
+	.width100 { width: 100px; }
+	.width200 { width: 200px; }
 	.minwidth100 { min-width: 100px; }
 	.minwidth150 { min-width: 150px; }
 	.minwidth200 { min-width: 200px; }
@@ -1232,10 +1296,10 @@ table[summary="list_of_modules"] .fa-cog {
 	.minwidth400 { min-width: 400px; }
 	.minwidth500 { min-width: 500px; }
 	.minwidth50imp  { min-width: 50px !important; }
-    .minwidth75imp  { min-width: 75px !important; }
+	.minwidth75imp  { min-width: 75px !important; }
 	.minwidth100imp { min-width: 100px !important; }
 	.minwidth200imp { min-width: 200px !important; }
-    .minwidth250imp { min-width: 250px !important; }
+	.minwidth250imp { min-width: 250px !important; }
 	.minwidth300imp { min-width: 300px !important; }
 	.minwidth400imp { min-width: 400px !important; }
 	.minwidth500imp { min-width: 500px !important; }
@@ -1287,16 +1351,16 @@ table[summary="list_of_modules"] .fa-cog {
 	.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; }
-    .minwidth250imp { min-width: 250px !important; }
-    .minwidth300imp { min-width: 300px !important; }
-    .minwidth400imp { min-width: 300px !important; }
-    .minwidth500imp { min-width: 300px !important; }
+	.minwidth75imp  { min-width: 75px !important; }
+	.minwidth100imp { min-width: 100px !important; }
+	.minwidth150imp { min-width: 150px !important; }
+	.minwidth200imp { min-width: 200px !important; }
+	.minwidth250imp { min-width: 250px !important; }
+	.minwidth300imp { min-width: 300px !important; }
+	.minwidth400imp { min-width: 300px !important; }
+	.minwidth500imp { min-width: 300px !important; }
 
-    .linkedcol-element {
+	.linkedcol-element {
 		min-width: unset;
 	}
 }
@@ -1304,16 +1368,16 @@ table[summary="list_of_modules"] .fa-cog {
 /* Force values for small screen 1000 */
 @media only screen and (max-width: 1000px)
 {
-    .maxwidthonsmartphone { max-width: 100px; }
+	.maxwidthonsmartphone { max-width: 100px; }
 	.minwidth50imp  { min-width: 50px !important; }
-    .minwidth75imp  { min-width: 70px !important; }
-    .minwidth100imp { min-width: 100px !important; }
-    .minwidth150imp { min-width: 110px !important; }
-    .minwidth200imp { min-width: 110px !important; }
-    .minwidth250imp { min-width: 115px !important; }
-    .minwidth300imp { min-width: 120px !important; }
-    .minwidth400imp { min-width: 150px !important; }
-    .minwidth500imp { min-width: 250px !important; }
+	.minwidth75imp  { min-width: 70px !important; }
+	.minwidth100imp { min-width: 100px !important; }
+	.minwidth150imp { min-width: 110px !important; }
+	.minwidth200imp { min-width: 110px !important; }
+	.minwidth250imp { min-width: 115px !important; }
+	.minwidth300imp { min-width: 120px !important; }
+	.minwidth400imp { min-width: 150px !important; }
+	.minwidth500imp { min-width: 250px !important; }
 }
 
 /* Set a width. Note: add also a max-width, for example maxwidth500, that will be used in priority */
@@ -1337,7 +1401,7 @@ table[summary="list_of_modules"] .fa-cog {
 	}
 
 	div.divphotoref {
-	    padding-right: 10px !important;
+		padding-right: 10px !important;
 	}
 }
 
@@ -1353,51 +1417,51 @@ table[summary="list_of_modules"] .fa-cog {
 	}
 
 	.login_vertical_align {
-    	padding-left: 0;
-    }
-    .login_table input#username, .login_table input#password, .login_table input#securitycode {
+		padding-left: 0;
+	}
+	.login_table input#username, .login_table input#password, .login_table input#securitycode {
 		margin-left: 5px !important;
-    }
+	}
 	div#login_left, div#login_right {
-	    min-width: 150px !important;
-	    padding-left: 5px !important;
-	    padding-right: 5px !important;
-    }
-    .login_table div#login_right .tdinputlogin, .login_table div#login_right .tdinputlogin input {
-	    min-width: 150px !important;
-    }
+		min-width: 150px !important;
+		padding-left: 5px !important;
+		padding-right: 5px !important;
+	}
+	.login_table div#login_right .tdinputlogin, .login_table div#login_right .tdinputlogin input {
+		min-width: 150px !important;
+	}
 
 	.divmainbodylarge { margin-left: 20px; margin-right: 20px; }
 
-    .tdoverflowonsmartphone {
-        max-width: 0;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-    }
-    .tdoverflowmax100onsmartphone {			/* For tdoverflow, the max-midth become a minimum ! */
-	    max-width: 100px;
-	    overflow: hidden;
-	    text-overflow: ellipsis;
-	    white-space: nowrap;
+	.tdoverflowonsmartphone {
+		max-width: 0;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
 	}
-    .tdoverflowmax150onsmartphone {			/* For tdoverflow, the max-midth become a minimum ! */
-	    max-width: 100px;
-	    overflow: hidden;
-	    text-overflow: ellipsis;
-	    white-space: nowrap;
+	.tdoverflowmax100onsmartphone {			/* For tdoverflow, the max-midth become a minimum ! */
+		max-width: 100px;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
+	}
+	.tdoverflowmax150onsmartphone {			/* For tdoverflow, the max-midth become a minimum ! */
+		max-width: 100px;
+		overflow: hidden;
+		text-overflow: ellipsis;
+		white-space: nowrap;
 	}
 
 	div.fiche {
-		    margin-top: <?php print ($dol_hide_topmenu ? '12' : '6'); ?>px !important;
+			margin-top: <?php print ($dol_hide_topmenu ? '12' : '6'); ?>px !important;
+	}
+	.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;
 	}
-    .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%;
-    }
+	.quatrevingtpercent, .inputsearch {
+		width: 95%;
+	}
 
 	select {
 		padding-top: 4px;
@@ -1409,34 +1473,34 @@ table[summary="list_of_modules"] .fa-cog {
 	}
 	input, input[type=text], input[type=password], select, textarea     {
 		min-width: 20px;
-    	min-height: 1.4em;
-    	line-height: 1.4em;
-     }
+		min-height: 1.4em;
+		line-height: 1.4em;
+	 }
 
-    .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; }
-    .maxwidth150onsmartphoneimp { max-width: 120px !important; }
-    .maxwidth200onsmartphone { max-width: 200px; }
-    .maxwidth250onsmartphone { max-width: 250px; }
-    .maxwidth300onsmartphone { max-width: 300px; }
-    .maxwidth400onsmartphone { max-width: 400px; }
+	.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; }
+	.maxwidth150onsmartphoneimp { max-width: 120px !important; }
+	.maxwidth200onsmartphone { max-width: 200px; }
+	.maxwidth250onsmartphone { max-width: 250px; }
+	.maxwidth300onsmartphone { max-width: 300px; }
+	.maxwidth400onsmartphone { max-width: 400px; }
 	.minwidth50imp  { min-width: 50px !important; }
 	.minwidth75imp  { min-width: 75px !important; }
-    .minwidth100imp { min-width: 100px !important; }
-    .minwidth150imp { min-width: 110px !important; }
-    .minwidth200imp { min-width: 110px !important; }
-    .minwidth250imp { min-width: 115px !important; }
-    .minwidth300imp { min-width: 120px !important; }
-    .minwidth400imp { min-width: 150px !important; }
-    .minwidth500imp { min-width: 250px !important; }
-    .titlefield { width: auto; }
-    .titlefieldcreate { width: auto; }
+	.minwidth100imp { min-width: 100px !important; }
+	.minwidth150imp { min-width: 110px !important; }
+	.minwidth200imp { min-width: 110px !important; }
+	.minwidth250imp { min-width: 115px !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;
@@ -1451,31 +1515,31 @@ table[summary="list_of_modules"] .fa-cog {
 
 	div.divphotoref {
 		padding-<?php echo $right; ?>: 5px;
-	    padding-bottom: 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;
 	}
-    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;
-   	}
+		padding-right: 10px;
+	   }
 	div.statusref img {
-    	padding-right: 3px !important;
-   	}
+		padding-right: 3px !important;
+	   }
 	div.statusrefbis {
-    	padding-right: 3px !important;
-   	}
+		padding-right: 3px !important;
+	   }
 
-   	input.buttonpayment {
+	   input.buttonpayment {
 		min-width: 300px;
-   	}
+	   }
 }
 .linkobject { cursor: pointer; }
 
@@ -1690,7 +1754,7 @@ div.login_block {
 	color: #333 !important;
 }
 .login_block_elem a span.atoplogin, .login_block_elem span.atoplogin {
-    vertical-align: middle;
+	vertical-align: middle;
 }
 
 
@@ -1718,7 +1782,9 @@ div.fiche {
 div.fiche {
 	margin-<?php print $left; ?>: <?php print (GETPOST('optioncss', 'aZ09') == 'print' ? 6 : (empty($conf->dol_optimize_smallscreen) ? '24' : '6')); ?>px;
 	margin-<?php print $right; ?>: <?php print (GETPOST('optioncss', 'aZ09') == 'print' ? 6 : (empty($conf->dol_optimize_smallscreen) ? '22' : '6')); ?>px;
-	<?php if (!empty($dol_hide_leftmenu) && !empty($dol_hide_topmenu)) print 'margin-top: 12px;'; ?>
+	<?php if (!empty($dol_hide_leftmenu) && !empty($dol_hide_topmenu)) {
+		print 'margin-top: 12px;';
+	} ?>
 	margin-bottom: 15px;
 }
 body.onlinepaymentbody div.fiche {	/* For online payment page */
@@ -1735,28 +1801,50 @@ 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"; } ?>
+	<?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"; } ?>
+	<?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.fichetwothirdright div.ficheaddleft {
-    padding-left: 20px;
+	padding-left: 20px;
 }
 div.fichehalfleft {
-	<?php if ($conf->browser->layout != 'phone') { print "float: ".$left.";\n"; } ?>
-	<?php if ($conf->browser->layout != 'phone') { print "width: calc(50% - 10px);\n"; } ?>
+	<?php if ($conf->browser->layout != 'phone') {
+		print "float: ".$left.";\n";
+	} ?>
+	<?php if ($conf->browser->layout != 'phone') {
+		print "width: calc(50% - 10px);\n";
+	} ?>
 }
 div.fichehalfright {
-	<?php if ($conf->browser->layout != 'phone') { print "float: ".$right.";\n"; } ?>
-	<?php if ($conf->browser->layout != 'phone') { print "width: calc(50% - 10px);\n"; } ?>
+	<?php if ($conf->browser->layout != 'phone') {
+		print "float: ".$right.";\n";
+	} ?>
+	<?php if ($conf->browser->layout != 'phone') {
+		print "width: calc(50% - 10px);\n";
+	} ?>
 }
 div.fichehalfright {
-	<?php if ($conf->browser->layout == 'phone') { print "margin-top: 10px;\n"; } ?>
+	<?php if ($conf->browser->layout == 'phone') {
+		print "margin-top: 10px;\n";
+	} ?>
 }
 div.firstcolumn div.box {
 	padding-right: 10px;
@@ -1767,44 +1855,46 @@ div.secondcolumn div.box {
 /* Force values on one colum for small screen */
 @media only screen and (max-width: 900px)
 {
-    div.fiche {
-    	margin-<?php print $left; ?>: <?php print (GETPOST('optioncss', 'aZ09') == 'print' ? 6 : ($dol_hide_leftmenu ? '4' : '20')); ?>px;
-    	margin-<?php print $right; ?>: <?php print (GETPOST('optioncss', 'aZ09') == 'print' ? 8 : 16); ?>px;
-    	<?php if (!empty($conf->dol_hide_leftmenu) && !empty($conf->dol_hide_topmenu)) print 'margin-top: 4px;'; ?>
-    	margin-bottom: 15px;
-    }
-    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.fichetwothirdright div.ficheaddleft {
-    	padding-left: 0;
+	div.fiche {
+		margin-<?php print $left; ?>: <?php print (GETPOST('optioncss', 'aZ09') == 'print' ? 6 : ($dol_hide_leftmenu ? '4' : '20')); ?>px;
+		margin-<?php print $right; ?>: <?php print (GETPOST('optioncss', 'aZ09') == 'print' ? 8 : 16); ?>px;
+		<?php if (!empty($conf->dol_hide_leftmenu) && !empty($conf->dol_hide_topmenu)) {
+			print 'margin-top: 4px;';
+		} ?>
+		margin-bottom: 15px;
 	}
-    div.fichehalfleft {
-    	float: none;
-    	width: auto;
-    }
-    div.fichehalfright {
-    	float: none;
-    	width: auto;
-    }
-    div.fichehalfright {
-    	margin-top: 10px;
-    }
-    div.firstcolumn div.box {
+	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.fichetwothirdright div.ficheaddleft {
+		padding-left: 0;
+	}
+	div.fichehalfleft {
+		float: none;
+		width: auto;
+	}
+	div.fichehalfright {
+		float: none;
+		width: auto;
+	}
+	div.fichehalfright {
+		margin-top: 10px;
+	}
+	div.firstcolumn div.box {
 		padding-right: 0px;
 	}
 	div.secondcolumn div.box {
@@ -1814,7 +1904,7 @@ div.secondcolumn div.box {
 
 /* For table into table into card */
 div.fichehalfright tr.liste_titre:first-child td table.nobordernopadding td {
-    padding: 0 0 0 0;
+	padding: 0 0 0 0;
 }
 div.nopadding {
 	padding: 0 !important;
@@ -1833,17 +1923,17 @@ div.nopadding {
 	width: 14px;
 }
 .table-list-of-attached-files .col-picto, .table-list-of-links .col-picto {
-    opacity: 0.7 !important;
-    font-size: 1em;
-    width: 20px;
+	opacity: 0.7 !important;
+	font-size: 1em;
+	width: 20px;
 }
 .table-list-of-attached-files .col-picto .widthpictotitle, .table-list-of-links .col-picto .widthpictotitle {
 	width: unset;
-    color: #999;
+	color: #999;
 }
 .pictosubstatus {
-    padding-left: 2px;
-    padding-right: 2px;
+	padding-left: 2px;
+	padding-right: 2px;
 }
 .pictostatus {
 	width: 15px;
@@ -1851,14 +1941,14 @@ div.nopadding {
 	margin-top: -3px
 }
 .pictowarning, .pictoerror, .pictopreview {
-    padding-<?php echo $left; ?>: 3px;
+	padding-<?php echo $left; ?>: 3px;
 }
 .pictowarning {
-    /* vertical-align: text-bottom; */
-    color: <?php echo $badgeWarning; ?>;
+	/* vertical-align: text-bottom; */
+	color: <?php echo $badgeWarning; ?>;
 }
 .pictoerror {
-    color: <?php echo $badgeDanger ?>;
+	color: <?php echo $badgeDanger ?>;
 }
 .pictomodule {
 	width: 14px;
@@ -1866,14 +1956,14 @@ div.nopadding {
 .fiche .arearef img.pictoedit, .fiche .arearef span.pictoedit,
 .fiche .fichecenter img.pictoedit, .fiche .fichecenter span.pictoedit,
 .tagtdnote span.pictoedit {
-    opacity: 0.6;
+	opacity: 0.6;
 }
 img.hideonsmartphone.pictoactionview {
-    vertical-align: bottom;
+	vertical-align: bottom;
 }
 .pictofixedwidth {
-    text-align: left;
-    width: 16px;
+	text-align: left;
+	width: 16px;
 }
 
 .colorthumb {
@@ -1918,32 +2008,32 @@ div.statusref {
 	clear: both;
 }
 div.statusref img {
-    padding-left: 8px;
-    padding-right: 9px;
-    vertical-align: text-bottom;
-    width: 18px;
+	padding-left: 8px;
+	padding-right: 9px;
+	vertical-align: text-bottom;
+	width: 18px;
 }
 div.statusrefbis {
-    padding-left: 8px;
-   	padding-right: 9px;
-   	vertical-align: text-bottom;
+	padding-left: 8px;
+	   padding-right: 9px;
+	   vertical-align: text-bottom;
 }
 img.photoref, div.photoref {
 	border: 1px solid #CCC;
-    -webkit-box-shadow: 3px 3px 4px #DDD;
-    box-shadow: 3px 3px 4px #DDD;
-    padding: 4px;
+	-webkit-box-shadow: 3px 3px 4px #DDD;
+	box-shadow: 3px 3px 4px #DDD;
+	padding: 4px;
 	height: 80px;
 	width: 80px;
-    object-fit: contain;
+	object-fit: contain;
 }
 
 div.photoref .fa, div.photoref .fas, div.photoref .far {
-    font-size: 2.5em;
+	font-size: 2.5em;
 }
 
 img.fitcontain {
-    object-fit: contain;
+	object-fit: contain;
 }
 div.photoref {
 	display:table-cell;
@@ -1951,12 +2041,12 @@ div.photoref {
 	text-align:center;
 }
 img.photorefnoborder {
-    padding: 2px;
+	padding: 2px;
 	height: 48px;
 	width: 48px;
-    object-fit: contain;
-    border: 1px solid #AAA;
-    border-radius: 100px;
+	object-fit: contain;
+	border: 1px solid #AAA;
+	border-radius: 100px;
 }
 .underrefbanner {
 }
@@ -1965,7 +2055,7 @@ img.photorefnoborder {
 }
 
 .trextrafieldseparator td, .trextrafields_collapse_last td {
-    border-bottom: 1px solid rgb(<?php echo $colortopbordertitle1 ?>) !important;
+	border-bottom: 1px solid rgb(<?php echo $colortopbordertitle1 ?>) !important;
 }
 .tdhrthin {
 	margin: 0;
@@ -1987,7 +2077,9 @@ $heightmenu = 48; /* height of top menu, part with image */
 $heightmenu2 = 48; /* height of top menu, ârt with login  */
 $disableimages = 0;
 $maxwidthloginblock = 110;
-if (!empty($conf->global->THEME_TOPMENU_DISABLE_IMAGE)) { $heightmenu = 30; $disableimages = 1; $maxwidthloginblock = 180; $minwidthtmenu = 0; }
+if (!empty($conf->global->THEME_TOPMENU_DISABLE_IMAGE)) {
+	$heightmenu = 30; $disableimages = 1; $maxwidthloginblock = 180; $minwidthtmenu = 0;
+}
 ?>
 
 div#tmenu_tooltip {
@@ -2024,25 +2116,25 @@ 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 */
+	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;
+	font-weight: normal;
 	color: #000000;
-    text-decoration: none;
+	text-decoration: none;
 <?php } ?>
 }
 div.tmenudisabled, a.tmenudisabled {
 	opacity: 0.6;
 }
 a.tmenudisabled:link, a.tmenudisabled:visited, a.tmenudisabled:hover, a.tmenudisabled:active {
-    font-weight: normal;
+	font-weight: normal;
 	padding: 0px 5px 0px 5px;
 	white-space: nowrap;
 	color: #<?php echo $colortextbackhmenu; ?>;
@@ -2051,12 +2143,12 @@ a.tmenudisabled:link, a.tmenudisabled:visited, a.tmenudisabled:hover, a.tmenudis
 }
 
 a.tmenu:link, a.tmenu:visited, a.tmenu:hover, a.tmenu:active {
-    font-weight: normal;
+	font-weight: normal;
 	padding: 0px 5px 0px 5px;
 	white-space: nowrap;
 	/*	text-shadow: 1px 1px 1px #000000; */
 	color: #<?php echo $colortextbackhmenu; ?>;
-    text-decoration: none;
+	text-decoration: none;
 }
 a.tmenusel:link, a.tmenusel:visited, a.tmenusel:hover, a.tmenusel:active {
 	font-weight: normal;
@@ -2069,12 +2161,12 @@ a.tmenusel:link, a.tmenusel:visited, a.tmenusel:hover, a.tmenusel:active {
 
 
 ul.tmenu {	/* t r b l */
-    padding: 0px 0px 0px 0px;
-    margin: 0px 0px 0px 0px;
+	padding: 0px 0px 0px 0px;
+	margin: 0px 0px 0px 0px;
 	list-style: none;
 	display: table;
-    margin-right: 65px;		/* to keep space for bookmark */
-    padding-left: 5px;
+	margin-right: 65px;		/* to keep space for bookmark */
+	padding-left: 5px;
 }
 ul.tmenu li {
 	background: rgb(<?php echo $colorbackhmenu1 ?>);
@@ -2093,12 +2185,13 @@ li.tmenu, li.tmenusel {
 	vertical-align: bottom;
 	<?php if (empty($conf->global->MAIN_MENU_INVERT)) { ?>
 	float: <?php print $left; ?>;
-    	<?php if (!$disableimages) { ?>
-    height: <?php print $heightmenu; ?>px;
+		<?php if (!$disableimages) { ?>
+	height: <?php print $heightmenu; ?>px;
 	padding: 0px 0px 2px 0px;
-    	<?php } else { ?>
-    padding: 0px 0px 0px 0px;
-		<?php } } ?>
+		<?php } else { ?>
+	padding: 0px 0px 0px 0px;
+		<?php }
+	} ?>
 	position:relative;
 	display: block;
 	margin: 0px 0px 0px 0px;
@@ -2133,14 +2226,14 @@ div.tmenucenter
 	height: 26px;
 	<?php } else { ?>
 	padding-top: 2px;
-    height: <?php print $heightmenu; ?>px;
+	height: <?php print $heightmenu; ?>px;
 	<?php } ?>
-    width: 100%;
+	width: 100%;
 }
 div.menu_titre {
 	padding-bottom: 2px;
 	overflow: hidden;
-    text-overflow: ellipsis;
+	text-overflow: ellipsis;
 }
 .mainmenuaspan
 {
@@ -2157,14 +2250,14 @@ div.mainmenu {
 	min-width: 40px;
 }
 a.tmenuimage:focus, .mainmenu.topmenuimage:focus {
-    outline: none;
+	outline: none;
 }
 
 /* Do not load menu img if hidden to save bandwidth */
 <?php if (empty($dol_hide_topmenu)) { ?>
-    <?php if (!defined('DISABLE_FONT_AWSOME')) { ?>
-        <?php include dol_buildpath($path.'/theme/'.$theme.'/main_menu_fa_icons.inc.php', 0); ?>
-    <?php } ?>
+	<?php if (!defined('DISABLE_FONT_AWSOME')) { ?>
+		<?php include dol_buildpath($path.'/theme/'.$theme.'/main_menu_fa_icons.inc.php', 0); ?>
+	<?php } ?>
 
 div.mainmenu.home{
 	background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/home.png', 1) ?>);
@@ -2184,7 +2277,7 @@ div.mainmenu.agenda {
 }
 
 div.mainmenu.bank {
-    background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/bank.png', 1) ?>);
+	background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/bank.png', 1) ?>);
 }
 
 div.mainmenu.cashdesk {
@@ -2212,7 +2305,7 @@ div.mainmenu.externalsite {
 }
 
 div.mainmenu.ftp {
-    background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/tools.png', 1) ?>);
+	background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/menus/tools.png', 1) ?>);
 }
 
 div.mainmenu.hrm {
@@ -2265,8 +2358,7 @@ div.mainmenu.website {
 		'barcode'=>'', 'fckeditor'=>'', 'categorie'=>'',
 	);
 	$mainmenuused = 'home';
-	foreach ($conf->modules as $val)
-	{
+	foreach ($conf->modules as $val) {
 		$mainmenuused .= ','.(isset($moduletomainmenu[$val]) ? $moduletomainmenu[$val] : $val);
 	}
 	$mainmenuusedarray = array_unique(explode(',', $mainmenuused));
@@ -2276,26 +2368,26 @@ div.mainmenu.website {
 	$divalreadydefined = array('home', 'companies', 'products', 'mrp', 'commercial', 'externalsite', 'accountancy', 'project', 'tools', 'members', 'agenda', 'ftp', 'holiday', 'hrm', 'bookmark', 'cashdesk', 'takepos', 'ecm', 'geoipmaxmind', 'gravatar', 'clicktodial', 'paypal', 'stripe', 'webservices', 'website');
 	// 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;
+	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.".png"))
-			{
+		foreach ($conf->file->dol_document_root as $dirroot) {
+			if (file_exists($dirroot."/".$val."/img/".$val.".png")) {
 				$url = dol_buildpath('/'.$val.'/img/'.$val.'.png', 1);
 				$found = 1;
 				break;
 			}
 		}
 		// Img file not found
-		if (!$found)
-		{
+		if (!$found) {
 			if (!defined('DISABLE_FONT_AWSOME')) {
 				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";
 				print 'div.mainmenu.'.$val.'::before {
@@ -2320,22 +2412,22 @@ div.mainmenu.website {
 }	// 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 } ?>
+	padding:0 0 0 0 !important;
+	margin:0 0px 0 0 !important;
+	<?php if ($disableimages) { ?>
+		display: none;
+	<?php } ?>
 }
 .topmenuimage {
 	<?php if ($disableimages) { ?>
-    	display: none;
-    <?php } ?>
+		display: none;
+	<?php } ?>
 }
 a.tmenuimage {
-    display: block;
+	display: block;
 }
 a.tmenuimage:focus {
-    outline: none;
+	outline: none;
 }
 
 
@@ -2345,13 +2437,13 @@ a.tmenuimage:focus {
 {
 	background: #f0f0f0;
 	display: table;
-    position: absolute;
-    height: 100%;
-    width: 100%;
+	position: absolute;
+	height: 100%;
+	width: 100%;
 }
 .login_center {
 	display: table-cell;
-    vertical-align: middle;
+	vertical-align: middle;
 }
 .login_vertical_align {
 	padding: 10px;
@@ -2404,9 +2496,9 @@ form#login {
 	margin: 8px;
 }
 .login_table .tdinputlogin {
-    background-color: #fff;
-    min-width: 220px;
-    border-radius: 2px;
+	background-color: #fff;
+	min-width: 220px;
+	border-radius: 2px;
 }
 .login_table .tdinputlogin {
 	border-bottom: 1px solid #ccc;
@@ -2417,7 +2509,7 @@ form#login {
 }
 
 .login_main_home {
-    word-break: break-word;
+	word-break: break-word;
 }
 .login_main_message {
 	text-align: center;
@@ -2438,7 +2530,7 @@ div#login_left, div#login_right {
 	vertical-align: middle;
 }
 div#login_right select#entity {
-    margin-top: 10px;
+	margin-top: 10px;
 }
 table.login_table tr td table.none tr td {
 	padding: 2px;
@@ -2468,8 +2560,8 @@ table.login_table_securitycode tr td {
 
 div.login_block {
 	border-right: 1px solid rgba(0,0,0,0.3);
-    padding-top: 3px;
-    padding-bottom: 3px;
+	padding-top: 3px;
+	padding-bottom: 3px;
 	<?php print $left; ?>: 0;
 	top: 0px;
 <?php if (in_array($conf->browser->layout, array('phone', 'tablet')) && empty($conf->global->MAIN_OPTIMIZEFORTEXTBROWSER)) { ?>
@@ -2507,13 +2599,13 @@ div.login_block_other { padding-top: 3px; }
 
 .topnav div.login_block_user {
 	display: inline-block;
-    vertical-align: middle;
+	vertical-align: middle;
 	line-height: <?php echo $disableimages ? '25' : '50'; ?>px;
 	height: <?php echo $disableimages ? '25' : '50'; ?>px;
 }
 .topnav div.login_block_other {
 	display: inline-block;
-    vertical-align: middle;
+	vertical-align: middle;
 	clear: <?php echo $disableimages ? 'none' : 'both'; ?>;
 	padding-top: 0;
 	text-align: right;
@@ -2531,11 +2623,11 @@ div.login_block_other { padding-top: 3px; }
 	margin-top: 1px;
 }
 a.aversion {
-    white-space: nowrap;
-    width: 48px;
-    overflow: hidden;
-    text-overflow: ellipsis;
-    display: block;
+	white-space: nowrap;
+	width: 48px;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: block;
 }
 
 .atoplogin, .atoplogin:hover {
@@ -2550,8 +2642,8 @@ a.aversion {
 	text-decoration:underline !important;
 }
 span.fa.atoplogin, span.fa.atoplogin:hover {
-    font-size: 16px;
-    text-decoration: none !important;
+	font-size: 16px;
+	text-decoration: none !important;
 }
 img.login, img.printer, img.entity {
 	/* padding: 0px 0px 0px 4px; */
@@ -2564,29 +2656,29 @@ img.login, img.printer, img.entity {
 	border-radius: 8px;
 	width: 16px;
 	height: 16px;
-    background-size: contain;
+	background-size: contain;
 	vertical-align: text-bottom;
 	background-color: #FFF;
 }
 img.userphoto {			/* size for user photo in lists */
-    border-radius: 0.75em;
-    width: 1.5em;
-    height: 1.5em;
-    background-size: contain;
-    vertical-align: middle;
+	border-radius: 0.75em;
+	width: 1.5em;
+	height: 1.5em;
+	background-size: contain;
+	vertical-align: middle;
 }
 img.userphotosmall {			/* size for user photo in lists */
 	border-radius: 0.6em;
 	width: 1.2em;
-    height: 1.2em;
-    background-size: contain;
-    vertical-align: middle;
+	height: 1.2em;
+	background-size: contain;
+	vertical-align: middle;
 }
 img.userphoto[alt="Gravatar avatar"] {
-    background: #fff;
+	background: #fff;
 }
 form[name="addtime"] img.userphoto {
-    border: 1px solid #444;
+	border: 1px solid #444;
 }
 .span-icon-user {
 	background-image: url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/object_user.png', 1); ?>);
@@ -2602,19 +2694,19 @@ form[name="addtime"] img.userphoto {
 /* ============================================================================== */
 
 div.vmenu, td.vmenu {
-    margin-<?php print $right; ?>: 2px;
-    position: relative;
-    float: left;
-    padding: 0px;
-    padding-bottom: 0px;
-    padding-top: 0px;
-    width: 222px;
+	margin-<?php print $right; ?>: 2px;
+	position: relative;
+	float: left;
+	padding: 0px;
+	padding-bottom: 0px;
+	padding-top: 0px;
+	width: 222px;
 }
 
 .vmenu {
 	margin-left: 4px;
 	<?php if (GETPOST('optioncss', 'aZ09') == 'print') { ?>
-    display: none;
+	display: none;
 	<?php } ?>
 }
 
@@ -2626,7 +2718,7 @@ div.vmenu, td.vmenu {
 	padding-top: 4px;
 	padding-bottom: 3px;
 	overflow: hidden;
-    text-overflow: ellipsis;
+	text-overflow: ellipsis;
 }
 #menu_contenu_logo { padding-right: 4px; }
 .companylogo { padding-top: 4px; }
@@ -2644,14 +2736,14 @@ font.vsmenudisabledmargin { margin: 1px 1px 1px 8px; }
 a.help:link, a.help:visited, a.help:hover, a.help:active, span.help { text-align: <?php print $left; ?>; font-weight: normal; color: #999; text-decoration: none; }
 
 .helppresentcircle {
-    color: var(--colorbackhmenu1);
-    filter: invert(0.5);
-    margin-left: -7px;
-    display: inline-block;
-    margin-top: -10px;
-    font-size: x-small;
-    vertical-align: super;
-    opacity: 0.95;
+	color: var(--colorbackhmenu1);
+	filter: invert(0.5);
+	margin-left: -7px;
+	display: inline-block;
+	margin-top: -10px;
+	font-size: x-small;
+	vertical-align: super;
+	opacity: 0.95;
 }
 
 div.blockvmenulogo
@@ -2659,23 +2751,23 @@ div.blockvmenulogo
 	border-bottom: 0 !important;
 }
 .menulogocontainer {
-    margin: <?php echo $disableimages ? '0' : '6'; ?>px;
-    margin-left: 12px;
-    margin-right: 6px;
-    padding: 0;
-    height: <?php echo $disableimages ? '20' : '32'; ?>px;
-    /* width: 100px; */
-    max-width: 100px;
-    vertical-align: middle;
+	margin: <?php echo $disableimages ? '0' : '6'; ?>px;
+	margin-left: 12px;
+	margin-right: 6px;
+	padding: 0;
+	height: <?php echo $disableimages ? '20' : '32'; ?>px;
+	/* width: 100px; */
+	max-width: 100px;
+	vertical-align: middle;
 }
 .backgroundforcompanylogo {
 	background-color: rgba(255,255,255,0.7);
 	border-radius: 5px;
 }
 .menulogocontainer img.mycompany {
-    object-fit: contain;
-    width: inherit;
-    height: inherit;
+	object-fit: contain;
+	width: inherit;
+	height: inherit;
 }
 #mainmenutd_companylogo::after {
 	content: unset;
@@ -2701,14 +2793,14 @@ div.blockvmenupair, div.blockvmenuimpair
 	color: #000000;
 	text-align: <?php print $left; ?>;
 	text-decoration: none;
-    padding-left: 5px;
-    padding-right: 1px;
-    padding-top: 3px;
-    padding-bottom: 3px;
-    margin: 1px 0px 8px 0px;
+	padding-left: 5px;
+	padding-right: 1px;
+	padding-top: 3px;
+	padding-bottom: 3px;
+	margin: 1px 0px 8px 0px;
 
-    padding-bottom: 10px;
-    border-bottom: 1px solid #e0e0e0;
+	padding-bottom: 10px;
+	border-bottom: 1px solid #e0e0e0;
 }
 div.blockvmenubookmarks
 {
@@ -2719,7 +2811,7 @@ div.blockvmenuend {
 	padding-left: 0 !important;
 }
 a.vsmenu.addbookmarkpicto {
-    padding-right: 10px;
+	padding-right: 10px;
 }
 div.blockvmenufirst {
 	padding-top: 10px;
@@ -2731,14 +2823,14 @@ div.blockvmenusearch, div.blockvmenubookmarks
 	color: #000000;
 	text-align: <?php print $left; ?>;
 	text-decoration: none;
-    padding-left: 5px;
-    padding-right: 1px;
-    padding-top: 3px;
-    padding-bottom: 3px;
-    margin: 1px 0px 2px 0px;
+	padding-left: 5px;
+	padding-right: 1px;
+	padding-top: 3px;
+	padding-bottom: 3px;
+	margin: 1px 0px 2px 0px;
 
-    padding-bottom: 10px;
-    /* border-bottom: 1px solid #f4f4f4; */
+	padding-bottom: 10px;
+	/* border-bottom: 1px solid #f4f4f4; */
 }
 div.blockvmenusearchphone
 {
@@ -2753,13 +2845,13 @@ div.blockvmenuhelp
 	color: #000000;
 	text-align: center;
 	text-decoration: none;
-    padding-left: 0px;
-    padding-right: 8px;
-    padding-top: 3px;
-    padding-bottom: 3px;
-    margin: 4px 0px 0px 0px;
+	padding-left: 0px;
+	padding-right: 8px;
+	padding-top: 3px;
+	padding-bottom: 3px;
+	margin: 4px 0px 0px 0px;
 <?php } else { ?>
-    display: none;
+	display: none;
 <?php } ?>
 }
 
@@ -2782,7 +2874,7 @@ td.barre_select {
 td.photo {
 	background: #F4F4F4;
 	color: #000000;
-    border: 1px solid #bbb;
+	border: 1px solid #bbb;
 }
 
 /* ============================================================================== */
@@ -2794,14 +2886,14 @@ td.photo {
  */
 
 #mainContent, #leftContent .ui-layout-pane {
-    padding:    0px;
-    overflow:	auto;
+	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 */
+	overflow:   auto;  /* add scrolling to content-div */
 }
 
 
@@ -2810,29 +2902,29 @@ td.photo {
 /* ============================================================================== */
 
 td.ecmroot {
-    padding-bottom: 0 !important;
+	padding-bottom: 0 !important;
 }
 
 .largebutton {
 	/* border-top: 1px solid #CCC !important; */
-    padding: 0px 4px 14px 4px !important;
-    min-height: 32px;
+	padding: 0px 4px 14px 4px !important;
+	min-height: 32px;
 }
 
 
 a.toolbarbutton {
-    margin-top: 0px;
-    margin-left: 4px;
-    margin-right: 4px;
-    height: 30px;
+	margin-top: 0px;
+	margin-left: 4px;
+	margin-right: 4px;
+	height: 30px;
 }
 img.toolbarbutton {
 	margin-top: 1px;
-    height: 30px;
+	height: 30px;
 }
 
 li.expanded > a.fmdirlia.jqft.ecmjqft {
-    font-weight: bold !important;
+	font-weight: bold !important;
 }
 
 
@@ -2840,30 +2932,30 @@ li.expanded > a.fmdirlia.jqft.ecmjqft {
 /* Onglets                                                                        */
 /* ============================================================================== */
 div.tabs {
-    text-align: <?php print $left; ?>;
-    margin-left: 6px !important;
-    margin-right: 6px !important;
-    clear:both;
+	text-align: <?php print $left; ?>;
+	margin-left: 6px !important;
+	margin-right: 6px !important;
+	clear:both;
 	height:100%;
 }
 div.tabsElem {
 	margin-top: 6px;
 }		/* To avoid overlap of tabs when not browser */
 div.tabsElem a {
-    font-weight: normal !important;
+	font-weight: normal !important;
 }
 div.tabBar {
-    color: #<?php echo $colortextbacktab; ?>;
-    padding-top: 16px;
-    padding-left: 16px;
-    padding-right: 16px;
+	color: #<?php echo $colortextbacktab; ?>;
+	padding-top: 16px;
+	padding-left: 16px;
+	padding-right: 16px;
 	padding-bottom: 16px;
-    margin: 0px 0px 16px 0px;
-    -webkit-border-radius: 3px;
+	margin: 0px 0px 16px 0px;
+	-webkit-border-radius: 3px;
 	border-radius: 3px;
-    border-right: 1px solid #BBB;
-    border-left: 1px solid #BBB;
-    border-top: 1px solid #CCC;
+	border-right: 1px solid #BBB;
+	border-left: 1px solid #BBB;
+	border-top: 1px solid #CCC;
 	width: auto;
 	background: rgb(<?php echo $colorbacktabcard1; ?>);
 	border-bottom: 1px solid #aaa;
@@ -2875,8 +2967,8 @@ div.tabBar tr.titre td {
 
 /*
 div.tabBar.tabBarNoTop {
-    padding-top: 0;
-    border-top: 0;
+	padding-top: 0;
+	border-top: 0;
 }
 */
 
@@ -2886,7 +2978,7 @@ div.tabBarWithBottom {
 	border-bottom: 1px solid #aaa;
 }
 div.tabBar table.tableforservicepart2:last-child {
-    border-bottom: 1px solid #aaa;
+	border-bottom: 1px solid #aaa;
 }
 .tableforservicepart1 .tdhrthin {
 	height: unset;
@@ -2904,12 +2996,12 @@ div.divButAction {
 	margin-bottom: 1.4em;
 }
 div.tabsAction {
-    margin: 20px 0em 20px 0em;
-    padding: 0em 0em;
-    text-align: right;
+	margin: 20px 0em 20px 0em;
+	padding: 0em 0em;
+	text-align: right;
 }
 div.tabsActionNoBottom {
-    margin-bottom: 0px;
+	margin-bottom: 0px;
 }
 div.tabsAction > a {
 	margin-bottom: 16px !important;
@@ -2928,15 +3020,15 @@ div.popuptab {
 }
 
 a.tabTitle {
-    color:rgba(0,0,0,.5);
-    margin-<?php print $right; ?>: 10px;
-    text-shadow:1px 1px 1px #ffffff;
+	color:rgba(0,0,0,.5);
+	margin-<?php print $right; ?>: 10px;
+	text-shadow:1px 1px 1px #ffffff;
 	font-family: <?php print $fontlist ?>;
 	font-weight: normal;
-    padding: 4px 6px 2px 6px;
-    margin: 0px 6px;
-    text-decoration: none;
-    white-space: nowrap;
+	padding: 4px 6px 2px 6px;
+	margin: 0px 6px;
+	text-decoration: none;
+	white-space: nowrap;
 }
 .tabTitleText {
 	display: none;
@@ -2945,22 +3037,22 @@ a.tabTitle {
 	max-height: 14px;
 }
 div.tabs div.tabsElem:first-of-type a.tab {
-    margin-left: 0px !important;
+	margin-left: 0px !important;
 }
 
 a.tab:link, a.tab:visited, a.tab:hover, a.tab#active {
 	font-family: <?php print $fontlist ?>;
 	padding: 12px 13px 12px;
-    margin: 0em 0.2em;
-    text-decoration: none;
-    white-space: nowrap;
+	margin: 0em 0.2em;
+	text-decoration: none;
+	white-space: nowrap;
 	background-image: none !important;
 }
 
 
 .tabunactive {	/* We add some border on tabunactive to avoid change of position of title when switching tabs (border of tabunactive = border of tabactive) */
-    border-right: 1px solid rgb(<?php echo $colorbackbody; ?>);
-    border-left: 1px solid rgb(<?php echo $colorbackbody; ?>);
+	border-right: 1px solid rgb(<?php echo $colorbackbody; ?>);
+	border-left: 1px solid rgb(<?php echo $colorbackbody; ?>);
 }
 
 .tabactive, a.tab#active {
@@ -2980,30 +3072,30 @@ a.tab:hover
 	text-decoration: underline;
 }
 a.tabimage {
-    color: #434956;
+	color: #434956;
 	font-family: <?php print $fontlist ?>;
-    text-decoration: none;
-    white-space: nowrap;
+	text-decoration: none;
+	white-space: nowrap;
 }
 
 td.tab {
-    background: #dee7ec;
+	background: #dee7ec;
 }
 
 span.tabspan {
-    background: #dee7ec;
-    color: #434956;
+	background: #dee7ec;
+	color: #434956;
 	font-family: <?php print $fontlist ?>;
-    padding: 0px 6px;
-    margin: 0em 0.2em;
-    text-decoration: none;
-    white-space: nowrap;
+	padding: 0px 6px;
+	margin: 0em 0.2em;
+	text-decoration: none;
+	white-space: nowrap;
 	-webkit-border-radius:3px 3px 0px 0px;
 	border-radius:3px 3px 0px 0px;
 
-    border-<?php print $right; ?>: 1px solid #555555;
-    border-<?php print $left; ?>: 1px solid #D8D8D8;
-    border-top: 1px solid #D8D8D8;
+	border-<?php print $right; ?>: 1px solid #555555;
+	border-<?php print $left; ?>: 1px solid #D8D8D8;
+	border-top: 1px solid #D8D8D8;
 }
 
 /* ============================================================================== */
@@ -3051,7 +3143,7 @@ tr.nocellnopadd td.nobordernopadding, tr.nocellnopadd td.nocellnopadd
 }
 
 .smallpaddingimp {
-    padding: 4px !important;
+	padding: 4px !important;
 }
 .nopaddingleft {
 	padding-<?php print $left; ?>: 0px;
@@ -3085,8 +3177,8 @@ tr.nocellnopadd td.nobordernopadding, tr.nocellnopadd td.nocellnopadd
 }
 
 table.tableforemailform tr td {
-    padding-top: 3px;
-    padding-bottom: 3px;
+	padding-top: 3px;
+	padding-bottom: 3px;
 }
 
 table.border, table.bordernooddeven, table.dataTable, .table-border, .table-border-col, .table-key-border-col, .table-val-border-col, div.border {
@@ -3102,7 +3194,7 @@ table.borderplus {
 	height: 26px;
 }
 tr.liste_titre.box_titre td table td, .bordernooddeven tr td {
-    height: 26px;
+	height: 26px;
 }
 
 table.border td, table.bordernooddeven td, div.border div div.tagtd {
@@ -3129,10 +3221,10 @@ td.border, div.tagtable div div.border {
 
 /* Main boxes */
 .nobordertop, .nobordertop tr:first-of-type td {
-    border-top: none !important;
+	border-top: none !important;
 }
 .noborderbottom, .noborderbottom tr:last-of-type td {
-    border-bottom: none !important;
+	border-bottom: none !important;
 }
 .bordertop {
 	border-top: 1px solid rgb(<?php echo $colortopbordertitle1 ?>);
@@ -3151,8 +3243,8 @@ div.colorback
 	margin-top: 5px;
 }
 .liste_titre_bydiv {
-    border-right: 1px solid #ccc;
-    border-left: 1px solid #ccc;
+	border-right: 1px solid #ccc;
+	border-left: 1px solid #ccc;
 }
 table.liste, table.noborder, table.formdoc, div.noborder {
 	width: calc(100% - 1px);	/* -1 to fix a bug. Without, a scroll appears due to overflow-x: auto; of div-table-responsive */
@@ -3168,8 +3260,8 @@ table.liste, table.noborder, table.formdoc, div.noborder {
 	border-bottom-color: #BBB;
 	border-bottom-style: solid;
 
-    border-right: 1px solid #ccc;
-    border-left: 1px solid #ccc;
+	border-right: 1px solid #ccc;
+	border-left: 1px solid #ccc;
 
 	margin: 0px 0px 8px 0px;
 
@@ -3202,21 +3294,21 @@ tr.liste_titre_filter td.liste_titre {
 }
 .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;*/
+	/*border-top-width: 1px;
+	border-top-color: rgb(<?php echo $colortopbordertitle1 ?>);
+	border-top-style: solid;*/
 }
 .liste_titre_add td, .liste_titre_add th, .liste_titre_add .tagtd
 {
-    border-top-width: 2px;
-    border-top-color: rgb(<?php echo $colortopbordertitle1 ?>);
-    border-top-style: solid;
+	border-top-width: 2px;
+	border-top-color: rgb(<?php echo $colortopbordertitle1 ?>);
+	border-top-style: solid;
 }
 .liste_titre_add td, .liste_titre_add .tagtd
 {
-    border-top-width: 1px;
-    border-top-color: rgb(<?php echo $colortopbordertitle1 ?>);
-    border-top-style: solid;
+	border-top-width: 1px;
+	border-top-color: rgb(<?php echo $colortopbordertitle1 ?>);
+	border-top-style: solid;
 }
 
 table.liste th, table.noborder th, table.noborder tr.liste_titre td {
@@ -3227,7 +3319,7 @@ table.noborder td, div.noborder form, div.noborder form div, table.tableforservi
 }
 form.tagtable {
 	padding: unset !important;
-    border: unset !important;
+	border: unset !important;
 }
 
 table.liste td, table.noborder td, div.noborder form div {
@@ -3254,13 +3346,13 @@ table.border tr td table.nobordernopadding tr td {
 	padding-bottom: 0;
 }
 td.borderright {
-    border: none;	/* to erase value for table.nobordernopadding td */
+	border: none;	/* to erase value for table.nobordernopadding td */
 	border-right-width: 1px !important;
 	border-right-color: #BBB !important;
 	border-right-style: solid !important;
 }
 td.borderleft {
-    border: none;	/* to erase value for table.nobordernopadding td */
+	border: none;	/* to erase value for table.nobordernopadding td */
 	border-left-width: 1px !important;
 	border-left-color: #BBB !important;
 	border-left-style: solid !important;
@@ -3284,17 +3376,17 @@ div.refidpadding  {
 div.refid  {
 	font-weight: bold;
 	color: rgb(<?php print $colortexttitlenotab; ?>);
-  	font-size: 160%;
+	  font-size: 160%;
 }
 div.refidno  {
 	padding-top: 8px;
 	font-weight: normal;
-  	color: #444;
-  	font-size: <?php print $fontsize ?>px;
-  	line-height: 21px;
+	  color: #444;
+	  font-size: <?php print $fontsize ?>px;
+	  line-height: 21px;
 }
 div.refidno form {
-    display: inline-block;
+	display: inline-block;
 }
 
 div.pagination {
@@ -3362,10 +3454,10 @@ div.pagination li a:hover,
 div.pagination li span:hover,
 div.pagination li a:focus,
 div.pagination li span:focus {
-    color: #000;
-    background-color: #eee;
-    border-color: #ddd;
-  	/* padding-top: 8px; */
+	color: #000;
+	background-color: #eee;
+	border-color: #ddd;
+	  /* padding-top: 8px; */
 }
 div.pagination li .active a,
 div.pagination li .active span,
@@ -3410,12 +3502,12 @@ table.hidepaginationnext .paginationnext {
 	display: none;
 }
 .paginationafterarrows a.btnTitlePlus {
-    border: 1px solid var(--btncolorborder);
+	border: 1px solid var(--btncolorborder);
 }
 .paginationafterarrows a.btnTitlePlus:hover span:before {
-    /* text-shadow: 0px 0px 5px #ccc; */
-    /* filter: invert(0.3); */
-    font-size: 1.03em;
+	/* text-shadow: 0px 0px 5px #ccc; */
+	/* filter: invert(0.3); */
+	font-size: 1.03em;
 }
 
 
@@ -3527,25 +3619,25 @@ td.evenodd, tr.nohoverpair td, #trlinefordates td {
 }
 .trforbreak td {
 	font-weight: bold;
-    border-bottom: 1pt solid black !important;
+	border-bottom: 1pt solid black !important;
 	background-color: var(--colorbacklinebreak) !important;
 }
 
 table.dataTable td {
-    padding: 5px 2px 5px 3px !important;
+	padding: 5px 2px 5px 3px !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: 5px 2px 5px 3px;
-    border-bottom: 1px solid #eee;
+	padding: 5px 2px 5px 3px;
+	border-bottom: 1px solid #eee;
 }
 form.pair, form.impair {
 	font-weight: normal;
 }
 tr.pair:last-of-type td, tr.impair:last-of-type td {
-    border-bottom: 0px !important;
+	border-bottom: 0px !important;
 }
 tr.pair td .nobordernopadding tr td, tr.impair td .nobordernopadding tr td {
-    border-bottom: 0px !important;
+	border-bottom: 0px !important;
 }
 /*
 table.nobottomiftotal tr.liste_total td {
@@ -3576,8 +3668,8 @@ div.liste_titre {
 }
 div.liste_titre_bydiv {
 	border-top-width: <?php echo $borderwidth ?>px;
-    border-top-color: rgb(<?php echo $colortopbordertitle1 ?>);
-    border-top-style: solid;
+	border-top-color: rgb(<?php echo $colortopbordertitle1 ?>);
+	border-top-style: solid;
 
 	box-shadow: none;
 	border-collapse: collapse;
@@ -3593,11 +3685,11 @@ div.liste_titre_bydiv, .liste_titre div.tagtr, tr.liste_titre, tr.liste_titre_se
 {
 	background: rgb(<?php echo $colorbacktitle1; ?>);
 	font-weight: <?php echo $useboldtitle ? 'bold' : 'normal'; ?>;
-    border-bottom: 1px solid #FDFFFF;
+	border-bottom: 1px solid #FDFFFF;
 
-    color: rgb(<?php echo $colortexttitle; ?>);
-    font-family: <?php print $fontlist ?>;
-    text-align: <?php echo $left; ?>;
+	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
 {
@@ -3605,14 +3697,14 @@ tr.liste_titre th, tr.liste_titre td, th.liste_titre
 }
 /* TODO Once title line is moved under title search, make border bottom of all th black and force to whit when it's first tr */
 tr:first-child th.liste_titre, tr:first-child th.liste_titre_sel {
-    border-bottom: 1px solid #FFF ! important;
+	border-bottom: 1px solid #FFF ! important;
 }
 tr.liste_titre th, th.liste_titre, tr.liste_titre td, td.liste_titre, form.liste_titre div, div.liste_titre
 {
-    font-family: <?php print $fontlist ?>;
-    font-weight: <?php echo $useboldtitle ? 'bold' : 'normal'; ?>;
-    vertical-align: middle;
-    height: 24px;
+	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;
@@ -3620,8 +3712,8 @@ tr.liste_titre th a, th.liste_titre a, tr.liste_titre td a, td.liste_titre a, fo
 }
 tr.liste_titre_topborder td {
 	border-top-width: <?php echo $borderwidth; ?>px;
-    border-top-color: rgb(<?php echo $colortopbordertitle1 ?>);
-    border-top-style: solid;
+	border-top-color: rgb(<?php echo $colortopbordertitle1 ?>);
+	border-top-style: solid;
 }
 .liste_titre td a {
 	text-shadow: none !important;
@@ -3634,7 +3726,7 @@ tr.liste_titre_topborder td {
 	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 rgb(<?php echo $colortopbordertitle1 ?>);
+	border-bottom: 1px solid rgb(<?php echo $colortopbordertitle1 ?>);
 }
 
 div.liste_titre {
@@ -3642,23 +3734,23 @@ div.liste_titre {
 }
 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;
+	font-family: <?php print $fontlist ?>;
+	font-weight: normal;
+	border-bottom: 1px solid #FDFFFF;
+	text-decoration: underline;
 }
 input.liste_titre {
-    background: transparent;
-    border: 0px;
+	background: transparent;
+	border: 0px;
 }
 
 .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: #332266;
-    /* padding: 4px; */
+	color: #332266;
+	/* padding: 4px; */
 }
 .noborder tr.liste_total td, tr.liste_total td, form.liste_total div {
-    white-space: nowrap;
-    line-height: 1.5em;
+	white-space: nowrap;
+	line-height: 1.5em;
 }
 }
 .noborder tr.liste_total_wrap td, tr.liste_total_wrap td, form.liste_total_wrap div {
@@ -3706,7 +3798,7 @@ div.tabBar .noborder {
 	box-shadow: 0px 0px 0px #f4f4f4 !important;
 }
 div .tdtop {
-    vertical-align: top !important;
+	vertical-align: top !important;
 	padding-top: 5px !important;
 	padding-bottom: 0px !important;
 }
@@ -3715,7 +3807,7 @@ div .tdtop {
 	border-bottom: 1px solid #AAA !important;
 }
 #tablelines tr td {
-    height: unset;
+	height: unset;
 }
 
 
@@ -3763,50 +3855,50 @@ ul.noborder li:nth-child(even):not(.liste_titre) {
  */
 
 .box {
-    overflow-x: auto;
-    min-height: 40px;
-    padding-right: 0px;
-    padding-left: 0px;
-    padding-bottom: 12px;
+	overflow-x: auto;
+	min-height: 40px;
+	padding-right: 0px;
+	padding-left: 0px;
+	padding-bottom: 12px;
 }
 .ficheaddleft div.boxstats, .ficheaddright div.boxstats {
-    border: none;
+	border: none;
 }
 .boxstatsborder {
-    /* border: 1px solid #CCC !important; */
+	/* border: 1px solid #CCC !important; */
 }
 .boxstats, .boxstats130 {
-    display: inline-block;
-    margin: 8px;
-    /* border: 1px solid #CCC; */
-    text-align: center;
-    border-radius: 2px;
-    background: #eee;
+	display: inline-block;
+	margin: 8px;
+	/* border: 1px solid #CCC; */
+	text-align: center;
+	border-radius: 2px;
+	background: #eee;
 }
 .boxstats, .boxstats130, .boxstatscontent {
 	white-space: nowrap;
 	overflow: hidden;
-    text-overflow: ellipsis;
+	text-overflow: ellipsis;
 }
 .boxstats {
-    padding: 3px;
-    width: 100px;
-    min-height: 40px;
+	padding: 3px;
+	width: 100px;
+	min-height: 40px;
 }
 .boxstats130 {
-    width: 135px;
-    height: 54px;
-    padding: 3px;
+	width: 135px;
+	height: 54px;
+	padding: 3px;
 }
 @media only screen and (max-width: 767px)
 {
 	.tabBar .arearef .pagination.paginationref {
-	    max-width: calc(50%);
+		max-width: calc(50%);
 	}
 
 	.clearbothonsmartphone {
-	    clear: both;
-	    display: block !important;
+		clear: both;
+		display: block !important;
 	}
 
 	div.tabs {
@@ -3817,34 +3909,34 @@ ul.noborder li:nth-child(even):not(.liste_titre) {
 
 	.boxstats, .boxstats130 {
 		margin: 3px;
-	    border: 1px solid #ddd;
-    	box-shadow: none;
-    	background: #eee;
-    }
+		border: 1px solid #ddd;
+		box-shadow: none;
+		background: #eee;
+	}
 	.thumbstat {
 		flex: 1 1 110px;
 	}
 	.thumbstat150 {
 		flex: 1 1 110px;
 	}
-    .dashboardlineindicator {
-        float: left;
-    	padding-left: 5px;
-    }
-    .boxstats130 {
-    	width: 148px;
-    }
-    .boxstats {
-        width: 100px;
-    }
+	.dashboardlineindicator {
+		float: left;
+		padding-left: 5px;
+	}
+	.boxstats130 {
+		width: 148px;
+	}
+	.boxstats {
+		width: 100px;
+	}
 }
 .boxstats:hover {
 	box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.20);
 }
 span.boxstatstext {
-    /* opacity: 0.7; */		/* a bug if browser make z-index infintie when opacity is set so we disable it */
-    line-height: 18px;
-    color: #000;
+	/* opacity: 0.7; */		/* a bug if browser make z-index infintie when opacity is set so we disable it */
+	line-height: 18px;
+	color: #000;
 }
 .boxstatsindicator.thumbstat150 {	/* If we remove this, box position is ko on ipad */
 	display: inline-flex;
@@ -3874,29 +3966,29 @@ span.dashboardlineko {
 .dashboardlinelatecoin {
 	float: right;
 	position: relative;
-    text-align: right;
-    top: -24px;
-    padding: 1px 6px 1px 6px;
-    background-color: #8c4446;
-    color: #FFFFFF ! important;
-    border-radius: .25em;
+	text-align: right;
+	top: -24px;
+	padding: 1px 6px 1px 6px;
+	background-color: #8c4446;
+	color: #FFFFFF ! important;
+	border-radius: .25em;
 }
 .boxtable {
-    margin-bottom: 8px !important;
-    border-bottom-width: 1px;
+	margin-bottom: 8px !important;
+	border-bottom-width: 1px;
 }
 .boxtable {
-    margin-bottom: 8px !important;
-    border-bottom-width: 1px;
+	margin-bottom: 8px !important;
+	border-bottom-width: 1px;
 }
 .boxtablenotop {
-    /* border-top-width: 0 !important; */
+	/* border-top-width: 0 !important; */
 }
 .boxtablenobottom {
-    /* border-bottom-width: 0 !important; */
+	/* border-bottom-width: 0 !important; */
 }
 .boxtable .fichehalfright, .boxtable .fichehalfleft {
-    min-width: 275px;
+	min-width: 275px;
 }
 .tdboxstats {
 	text-align: center;
@@ -3906,25 +3998,25 @@ span.dashboardlineko {
 	padding-right: 1px !important;
 }
 a.valignmiddle.dashboardlineindicator {
-    line-height: 30px;
+	line-height: 30px;
 }
 
 tr.box_titre {
-    height: 26px !important;
+	height: 26px !important;
 
-    /* TO MATCH BOOTSTRAP */
+	/* TO MATCH BOOTSTRAP */
 	/*background: #ddd;
 	color: #000 !important; */
 
 	/* TO MATCH ELDY */
 	background: rgb(<?php echo $colorbacktitle1; ?>);
 
-    background-repeat: repeat-x;
-    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;
+	background-repeat: repeat-x;
+	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 {
@@ -3949,8 +4041,8 @@ img.boxhandle, img.boxclose {
 }
 
 .prod_entry_mode_free, .prod_entry_mode_predef {
-    height: 26px !important;
-    vertical-align: middle;
+	height: 26px !important;
+	vertical-align: middle;
 }
 
 .modulebuilderbox {
@@ -3975,23 +4067,23 @@ div.ok {
 /* 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;
+	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; ?>);
@@ -3999,7 +4091,7 @@ div.warning a, div.info a, div.error a {
 
 /* Error message */
 div.error {
-    border-<?php print $left; ?>: solid 5px #f28787;
+	border-<?php print $left; ?>: solid 5px #f28787;
 	padding-top: 8px;
 	padding-left: 10px;
 	padding-right: 4px;
@@ -4030,13 +4122,13 @@ a.impayee:hover { font-weight: bold; color: #550000; }
  */
 
 .framecontent {
-    width: 100%;
-    height: 100%;
+	width: 100%;
+	height: 100%;
 }
 
 .framecontent iframe {
-    width: 100%;
-    height: 100%;
+	width: 100%;
+	height: 100%;
 }
 
 
@@ -4046,11 +4138,11 @@ a.impayee:hover { font-weight: bold; color: #550000; }
  */
 
 .opened-dash-board-wrap {
-    margin-bottom: 25px;
+	margin-bottom: 25px;
 }
 
 div.boximport {
-    min-height: unset;
+	min-height: unset;
 }
 
 .product_line_stock_ok { color: #002200; }
@@ -4070,11 +4162,11 @@ 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; }
 td.legendLabel {
-    text-align: <?php echo $left; ?>;
+	text-align: <?php echo $left; ?>;
 }
 
 label.radioprivate {
-    white-space: nowrap;
+	white-space: nowrap;
 }
 
 .photo {
@@ -4085,7 +4177,7 @@ label.radioprivate {
 	margin-top: 2px;
 }
 div.divphotoref > a > .photowithmargin {		/* Margin right for photo not inside a div.photoref frame only */
-    margin-right: 15px;
+	margin-right: 15px;
 }
 .photowithborder {
 	border: 1px solid #f0f0f0;
@@ -4108,20 +4200,20 @@ div.divphotoref > a > .photowithmargin {		/* Margin right for photo not inside a
 {
 	content:url(<?php echo dol_buildpath($path.'/theme/'.$theme.'/img/nographyet.svg', 1) ?>);
 	display: inline-block;
-    opacity: 0.1;
-    background-repeat: no-repeat;
+	opacity: 0.1;
+	background-repeat: no-repeat;
 }
 .nographyettext
 {
-    opacity: 0.5;
+	opacity: 0.5;
 }
 
 div.titre {
 	font-size: 14px;
 	text-decoration: none;
 	padding-top: 5px;
-    padding-bottom: 5px;
-    text-transform: uppercase;
+	padding-bottom: 5px;
+	text-transform: uppercase;
 	/* text-shadow: 1px 1px 2px #FFFFFF; */
 }
 div.titre {
@@ -4146,14 +4238,14 @@ div.backgreypublicpayment { background-color: #f0f0f0; padding: 20px; border-bot
 .poweredbypublicpayment {
 	float: right;
 	top: 8px;
-    right: 8px;
-    position: absolute;
-    font-size: 0.8em;
-    color: #222;
-    opacity: 0.3;
+	right: 8px;
+	position: absolute;
+	font-size: 0.8em;
+	color: #222;
+	opacity: 0.3;
 }
 span.buttonpaymentsmall {
-    text-shadow: none;
+	text-shadow: none;
 }
 #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; }
@@ -4166,13 +4258,13 @@ span.buttonpaymentsmall {
 #tablesubscribe { width: 100%; }
 
 div#card-element {
-    border: 1px solid #ccc;
+	border: 1px solid #ccc;
 }
 div#card-errors {
 	color: #fa755a;
-    text-align: center;
-    padding-top: 3px;
-    max-width: 320px;
+	text-align: center;
+	padding-top: 3px;
+	max-width: 320px;
 }
 
 
@@ -4224,7 +4316,7 @@ div#card-errors {
 .ui-dialog-titlebar {
 }
 .ui-dialog-content {
-    font-size: <?php print $fontsize; ?>px !important;
+	font-size: <?php print $fontsize; ?>px !important;
 }
 
 
@@ -4234,8 +4326,8 @@ div#card-errors {
 
 /*
 .ui-dialog-content.ui-widget-content > object {
-     max-height: none;
-     width: auto; margin-left: auto; margin-right: auto; display: block;
+	 max-height: none;
+	 width: auto; margin-left: auto; margin-right: auto; display: block;
 }
 */
 
@@ -4245,16 +4337,16 @@ div#card-errors {
 /* ============================================================================== */
 
 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; */
+	/* 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;
+	background: #fcf8e3;
 }
 
 .validtitre {
@@ -4268,7 +4360,7 @@ table.valid {
 
 /* For tooltip using dialog */
 .ui-dialog.highlight.ui-widget.ui-widget-content.ui-front {
-    z-index: 3000;
+	z-index: 3000;
 }
 
 div.ui-tooltip {
@@ -4300,7 +4392,7 @@ div.ui-tooltip.mytooltip {
 .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;
+	border: unset;
 }
 
 img.datecallink { padding-left: 2px !important; padding-right: 2px !important; }
@@ -4320,13 +4412,13 @@ img.datecallink { padding-left: 2px !important; padding-right: 2px !important; }
 	margin-bottom: 5px;
 }
 table.dp {
-    width: 180px;
-    background-color: #FFFFFF;
-    /*border-top: solid 2px #f4f4f4;
-    border-<?php print $left; ?>: solid 2px #f4f4f4;
-    border-<?php print $right; ?>: solid 1px #222222;
-    border-bottom: solid 1px #222222; */
-    padding: 0px;
+	width: 180px;
+	background-color: #FFFFFF;
+	/*border-top: solid 2px #f4f4f4;
+	border-<?php print $left; ?>: solid 2px #f4f4f4;
+	border-<?php print $right; ?>: solid 1px #222222;
+	border-bottom: solid 1px #222222; */
+	padding: 0px;
 	border-spacing: 0px;
 	border-collapse: collapse;
 }
@@ -4372,14 +4464,14 @@ table.dp {
 /* Bouton X fermer */
 .dpInvisibleButtons
 {
-    border-style:none;
-    background-color:transparent;
-    padding:0px;
-    font-size: 0.85em;
-    border-width:0px;
-    color: #eee;
-    vertical-align:middle;
-    cursor: pointer;
+	border-style:none;
+	background-color:transparent;
+	padding:0px;
+	font-size: 0.85em;
+	border-width:0px;
+	color: #eee;
+	vertical-align:middle;
+	cursor: pointer;
 }
 .datenowlink
 {
@@ -4399,15 +4491,15 @@ table.dp {
 /* ============================================================================== */
 
 div.visible {
-    display: block;
+	display: block;
 }
 
 div.hidden, td.hidden, img.hidden, span.hidden, div.showifmore {
-    display: none;
+	display: none;
 }
 
 tr.visible {
-    display: block;
+	display: block;
 }
 
 
@@ -4416,10 +4508,10 @@ tr.visible {
 /* ============================================================================== */
 
 .exampleapachesetup {
-    overflow-y: auto;
-    max-height: 100px;
-    font-size: 0.8em;
-    border: 1px solid #aaa;
+	overflow-y: auto;
+	max-height: 100px;
+	font-size: 0.8em;
+	border: 1px solid #aaa;
 }
 
 span[phptag] {
@@ -4427,16 +4519,16 @@ span[phptag] {
 }
 
 .nobordertransp {
-    border: 0px;
-    background-color: transparent;
-    background-image: none;
-    color: #000 !important;
-    text-shadow: none;
+	border: 0px;
+	background-color: transparent;
+	background-image: none;
+	color: #000 !important;
+	text-shadow: none;
 }
 .bordertransp {
-    background-color: transparent;
-    background-image: none;
-    border: 1px solid #aaa;
+	background-color: transparent;
+	background-image: none;
+	border: 1px solid #aaa;
 	font-weight: normal;
 	color: #444 !important;
 }
@@ -4444,7 +4536,7 @@ span[phptag] {
 	border-bottom: 1px solid #ccc;
 	background: #eee;
 	display: inline-block;
-    padding: 4px 0 4px 0;
+	padding: 4px 0 4px 0;
 }
 .websitebar .buttonDelete, .websitebar .button {
 	text-shadow: none;
@@ -4453,11 +4545,11 @@ span[phptag] {
 {
 	padding: 2px 4px 2px 4px !important;
 	margin: 2px 4px 2px 4px  !important;
-    line-height: normal;
+	line-height: normal;
 }
 .websitebar input.button.bordertransp, .websitebar input.buttonDelete.bordertransp {
-    color: #444 !important;
-    text-shadow: none;
+	color: #444 !important;
+	text-shadow: none;
 }
 .websiteselection {
 	/* display: inline-block; */
@@ -4473,9 +4565,9 @@ span[phptag] {
 	padding-bottom: 3px; */
 }
 .websiteinputurl {
-    display: inline-block;
-    vertical-align: top;
-    line-height: 28px;
+	display: inline-block;
+	vertical-align: top;
+	line-height: 28px;
 }
 .websiteiframenoborder {
 	border: 0px;
@@ -4494,9 +4586,9 @@ span.websitebuttonsitepreviewdisabled img, a.websitebuttonsitepreviewdisabled im
 	border: 0px;
 }
 .websitehelp {
-    vertical-align: middle;
-    float: right;
-    padding-top: 8px;
+	vertical-align: middle;
+	float: right;
+	padding-top: 8px;
 }
 .websiteselectionsection {
 	border-left: 1px solid #bbb;
@@ -4506,11 +4598,11 @@ span.websitebuttonsitepreviewdisabled img, a.websitebuttonsitepreviewdisabled im
 	margin-right: 5px;
 }
 .websitebar input#previewpageurl {
-    line-height: 1em;
+	line-height: 1em;
 }
 
 #divbodywebsite section p {
-    margin: unset;
+	margin: unset;
 }
 
 
@@ -4519,7 +4611,7 @@ span.websitebuttonsitepreviewdisabled img, a.websitebuttonsitepreviewdisabled im
 /* ============================================================================== */
 
 .dayevent .tagtr:first-of-type {
-    height: 24px;
+	height: 24px;
 }
 .agendacell { height: 60px; }
 table.cal_month    { border-spacing: 0px; }
@@ -4577,28 +4669,28 @@ td.cal_other_month {
 
 .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;
+		   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;
-	     }
+		   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;
-	     }
+		   list-style-type:none;
+		   display:block;
+		   margin:0;
+		   padding:2px;
+		   height:18px;
+		   cursor:pointer;
+		 }
 
 
 /* ============================================================================== */
@@ -4606,8 +4698,8 @@ td.cal_other_month {
 /* ============================================================================== */
 
 td.gtaskname {
-    overflow: hidden;
-    text-overflow: ellipsis;
+	overflow: hidden;
+	text-overflow: ellipsis;
 }
 
 
@@ -4783,29 +4875,29 @@ A.none, A.none:active, A.none:visited, A.none:hover {
 
 /* 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;
+	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;
+	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; ?>;
+	font-family:<?php echo $fontlist; ?>;
 }
 .ui-button { margin-left: -2px; <?php print (preg_match('/chrome/', $conf->browser->name) ? 'padding-top: 1px;' : ''); ?> }
 .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;
+	line-height: 1em !important;
 }
 .ui-autocomplete-input { margin: 0; padding: 4px; }
 
@@ -4815,28 +4907,28 @@ A.none, A.none:active, A.none:visited, A.none:hover {
 /* ============================================================================== */
 
 body.cke_show_borders {
-    margin: 5px !important;
+	margin: 5px !important;
 }
 
 .cke_dialog {
-    border: 1px #bbb solid ! important;
+	border: 1px #bbb solid ! important;
 }
 /*.cke_editor table, .cke_editor tr, .cke_editor td
 {
-    border: 0px solid #FF0000 !important;
+	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;
+	font-family: <?php print $fontlist ?> !important;
 	background-image: url(<?php echo $img_button ?>) !important;
 	background-position: bottom !important;
-    border: 1px solid #C0C0C0 !important;
+	border: 1px solid #C0C0C0 !important;
 	-webkit-border-radius:0px 2px 0px 2px !important;
 	border-radius:0px 2px 0px 2px !important;
-    -webkit-box-shadow: 3px 3px 4px #f4f4f4 !important;
-    box-shadow: 3px 3px 4px #f4f4f4 !important;
+	-webkit-box-shadow: 3px 3px 4px #f4f4f4 !important;
+	box-shadow: 3px 3px 4px #f4f4f4 !important;
 }
 .cke_dialog_ui_hbox_last
 {
@@ -4850,8 +4942,8 @@ a.cke_dialog_ui_button
 }
 */
 a.cke_dialog_ui_button_ok span {
-    text-shadow: none !important;
-    color: #333 !important;
+	text-shadow: none !important;
+	color: #333 !important;
 }
 
 
@@ -4859,28 +4951,28 @@ a.cke_dialog_ui_button_ok span {
 /*  ACE editor                                                                    */
 /* ============================================================================== */
 .ace_editor {
-    border: 1px solid #ddd;
+	border: 1px solid #ddd;
 	margin: 0;
 }
 .aceeditorstatusbar {
-        margin: 0;
-        padding: 0;
-        padding-<?php echo $left; ?>: 10px;
-        left: 0;
-        right: 0;
-        bottom: 0;
-        color: #666;
-        height: 28px;
-        line-height: 2.2em;
+		margin: 0;
+		padding: 0;
+		padding-<?php echo $left; ?>: 10px;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		color: #666;
+		height: 28px;
+		line-height: 2.2em;
 }
 .ace_status-indicator {
-        color: gray;
-        position: relative;
-        right: 0;
-        border-left: 1px solid;
+		color: gray;
+		position: relative;
+		right: 0;
+		border-left: 1px solid;
 }
 pre#editfilecontentaceeditorid {
-    margin-top: 5px;
+	margin-top: 5px;
 }
 
 
@@ -4889,7 +4981,7 @@ pre#editfilecontentaceeditorid {
 /* ============================================================================== */
 
 .template-upload {
-    height: 72px !important;
+	height: 72px !important;
 }
 
 
@@ -4910,32 +5002,32 @@ pre#editfilecontentaceeditorid {
 /* ============================================================================== */
 
 #types .btn {
-    cursor: pointer;
+	cursor: pointer;
 }
 
 #types .btn-primary {
-    font-weight: bold;
+	font-weight: bold;
 }
 
 #types form {
-    padding: 20px;
+	padding: 20px;
 }
 
 #types label {
-    display:inline-block;
-    width:100px;
-    margin-right: 20px;
-    padding: 4px;
-    text-align: right;
-    vertical-align: top;
+	display:inline-block;
+	width:100px;
+	margin-right: 20px;
+	padding: 4px;
+	text-align: right;
+	vertical-align: top;
 }
 
 #types input.text, #types textarea {
-    width: 400px;
+	width: 400px;
 }
 
 #types textarea {
-    height: 100px;
+	height: 100px;
 }
 
 
@@ -4947,55 +5039,55 @@ pre#editfilecontentaceeditorid {
 	box-sizing:border-box;
 }
 #comment .comment {
-    border-radius:7px;
-    margin-bottom:10px;
-    overflow:hidden;
+	border-radius:7px;
+	margin-bottom:10px;
+	overflow:hidden;
 }
 #comment .comment-table {
-    display:table;
-    height:100%;
+	display:table;
+	height:100%;
 }
 #comment .comment-cell {
-    display:table-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;
+	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;
+	color:inherit;
 }
 #comment .comment-right {
-    vertical-align:top;
+	vertical-align:top;
 }
 #comment .comment-description {
-    padding:10px;
-    vertical-align:top;
+	padding:10px;
+	vertical-align:top;
 }
 #comment .comment-delete {
-    width: 100px;
-    text-align:center;
-    vertical-align:middle;
+	width: 100px;
+	text-align:center;
+	vertical-align:middle;
 }
 #comment .comment-delete:hover {
-    background:rgba(250,20,20,0.8);
+	background:rgba(250,20,20,0.8);
 }
 #comment .comment-edit {
-    width: 100px;
-    text-align:center;
-    vertical-align:middle;
+	width: 100px;
+	text-align:center;
+	vertical-align:middle;
 }
 #comment .comment-edit:hover {
-    background:rgba(0,184,148,0.8);
+	background:rgba(0,184,148,0.8);
 }
 #comment textarea {
-    width: 100%;
+	width: 100%;
 }
 
 
@@ -5008,7 +5100,7 @@ div.scroll2 {
 }
 
 div#GanttChartDIVglisthead, div#GanttChartDIVgcharthead {
-    line-height: 2;
+	line-height: 2;
 }
 
 .gtaskname div, .gtaskname, .gstartdate div, .gstartdate, .genddate div, .genddate {
@@ -5021,45 +5113,45 @@ div.gantt, .gtaskheading, .gmajorheading, .gminorheading, .gminorheadingwkend {
 	color: #000 !important;
 }
 div.gTaskInfo {
-    background: #f0f0f0 !important;
+	background: #f0f0f0 !important;
 }
 .gtaskblue {
 	background: rgb(108,152,185) !important;
 }
 .gtaskgreen {
-    background: rgb(160,173,58) !important;
+	background: rgb(160,173,58) !important;
 }
 td.gtaskname {
-    overflow: hidden;
-    text-overflow: ellipsis;
+	overflow: hidden;
+	text-overflow: ellipsis;
 }
 td.gminorheadingwkend {
-    color: #888 !important;
+	color: #888 !important;
 }
 td.gminorheading {
-    color: #666 !important;
+	color: #666 !important;
 }
 .glistlbl, .glistgrid {
 	width: 582px !important;
 }
 .gtaskname div, .gtaskname {
-    min-width: 250px !important;
-    max-width: 250px !important;
-    width: 250px !important;
+	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;
+	min-width: 40px !important;
+	max-width: 40px !important;
+	width: 40px !important;
 }
 td.gtaskheading.gstartdate, td.gtaskheading.genddate {
-    white-space: break-spaces;
+	white-space: break-spaces;
 }
 .gtasktableh tr:nth-child(2) td:nth-child(2), .gtasktableh tr:nth-child(2) td:nth-child(3), .gtasktableh tr:nth-child(2) td:nth-child(4), .gtasktableh tr:nth-child(2) td:nth-child(5), .gtasktableh tr:nth-child(2) td:nth-child(6), .gtasktableh tr:nth-child(2) td:nth-child(7) {
-    color: transparent !important;
-    border-left: none;
-    border-right: none;
-    border-top: none;
+	color: transparent !important;
+	border-left: none;
+	border-right: none;
+	border-top: none;
 }
 
 
@@ -5084,25 +5176,25 @@ td.gtaskheading.gstartdate, td.gtaskheading.genddate {
 }
 
 div.filedirelem {
-    position: relative;
-    display: block;
-    text-decoration: none;
+	position: relative;
+	display: block;
+	text-decoration: none;
 }
 
 ul.filedirelem {
-    padding: 2px;
-    margin: 0 5px 5px 5px;
+	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 #f4f4f4;
+	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 #f4f4f4;
 }
 
 ul.ecmjqft {
@@ -5132,7 +5224,7 @@ ul.ecmjqft a:active {
 	font-weight: bold !important;
 }
 ul.ecmjqft a:hover {
-    text-decoration: underline;
+	text-decoration: underline;
 }
 
 div.ecmjqft {
@@ -5144,13 +5236,13 @@ div.ecmjqft {
 	clear: both;
 }
 div#ecm-layout-west {
-    width: 380px;
-    vertical-align: top;
+	width: 380px;
+	vertical-align: top;
 }
 div#ecm-layout-center {
-    width: calc(100% - 390px);
-    vertical-align: top;
-    float: right;
+	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; }
@@ -5180,14 +5272,14 @@ div#ecm-layout-center {
 	font-weight: normal;
 }
 .jnotify-container .jnotify-notification-warning .jnotify-close, .jnotify-container .jnotify-notification-warning .jnotify-message {
-    color: #a28918 !important;
+	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;
+	-webkit-box-shadow: 2px 2px 4px #888 !important;
+	box-shadow: 2px 2px 4px #888 !important;
 }
 
 /* ============================================================================== */
@@ -5250,7 +5342,7 @@ table.dataTable tr.odd td.sorting_1, table.dataTable tr.even td.sorting_1 {
 .paginate_button
 {
 	font-weight: normal !important;
-    text-decoration: none !important;
+	text-decoration: none !important;
 }
 .paging_full_numbers {
 	height: inherit !important;
@@ -5263,7 +5355,7 @@ table.dataTable tr.odd td.sorting_1, table.dataTable tr.even td.sorting_1 {
 	border-radius: inherit !important;
 }
 .paging_full_numbers a.paginate_button_disabled:hover, .paging_full_numbers a.disabled:hover {
-    background-color: #FFF !important;
+	background-color: #FFF !important;
 }
 .paginate_button, .paginate_active {
   border: 1px solid #ddd !important;
@@ -5299,7 +5391,7 @@ div.dataTables_length select {
 /* ============================================================================== */
 
 span#select2-taskid-container[title^='--'] {
-    opacity: 0.3;
+	opacity: 0.3;
 }
 
 input.select2-input {
@@ -5316,16 +5408,16 @@ input.select2-input {
 .blockvmenusearch .select2-container--default .select2-selection--single,
 .blockvmenubookmarks .select2-container--default .select2-selection--single
 {
-    background-color: unset;
+	background-color: unset;
 }
 .select2-container--default .select2-selection--single .select2-selection__rendered {
-    color: unset;
+	color: unset;
 }
 .select2-container .select2-choice {
 	border-bottom: 1px solid #ccc;
 }
 .select2-container .select2-choice > .select2-chosen {
-    margin-right: 23px;
+	margin-right: 23px;
 }
 .select2-container .select2-choice .select2-arrow {
 	border-radius: 0;
@@ -5357,7 +5449,7 @@ input.select2-input {
 	box-shadow: none !important;
 }
 .select2-container--open .select2-dropdown--above {
-    border-bottom: solid 1px rgba(0,0,0,.2);
+	border-bottom: solid 1px rgba(0,0,0,.2);
 }
 .select2-drop.select2-drop-above.select2-drop-active {
 	border-top: 1px solid #ccc;
@@ -5486,34 +5578,34 @@ a span.select2-chosen
 	border-left: 1px solid #ddd;
 }
 .select2-container--default .select2-results>.select2-results__options{
-    max-height: 400px;
+	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.3;
+	text-align: <?php echo $left; ?>;
+	opacity: 0.3;
 }
 .select2-container--default .select2-selection--single .select2-selection__placeholder {
 	color: unset;
 	opacity: 0.5;
 }
 span#select2-boxbookmark-container, span#select2-boxcombo-container {
-    text-align: <?php echo $left; ?>;
-    opacity: 0.5;
+	text-align: <?php echo $left; ?>;
+	opacity: 0.5;
 }
 .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.3;
-    border-bottom: solid 1px rgba(0,0,0,.4) !important;
-    height: 26px;
-    line-height: 24px;
-    padding: 0 0 5px 5px;
-    vertical-align: top;
+	text-align: left;
+	opacity: 0.3;
+	border-bottom: solid 1px rgba(0,0,0,.4) !important;
+	height: 26px;
+	line-height: 24px;
+	padding: 0 0 5px 5px;
+	vertical-align: top;
 }
 
 /* To emulate select 2 style */
@@ -5567,7 +5659,7 @@ span#select2-boxbookmark-container, span#select2-boxcombo-container {
 	border-radius: 5px !important;
 	box-shadow: none;
 	-webkit-box-shadow: none !important;
-    box-shadow: none !important;
+	box-shadow: none !important;
 }
 span.noborderoncategories a, li.noborderoncategories a {
 	line-height: normal;
@@ -5655,9 +5747,9 @@ span.noborderoncategories {
 }
 
 .multi-select-menuitem {
-    clear: both;
-    float: left;
-    padding-left: 5px
+	clear: both;
+	float: left;
+	padding-left: 5px
 }
 
 
@@ -5666,51 +5758,51 @@ span.noborderoncategories {
 /* ============================================================================== */
 
 ul.ulselectedfields {
-    z-index: 90;			/* To have the select box appears on first plan even when near buttons are decorated by jmobile */
+	z-index: 90;			/* To have the select box appears on first plan even when near buttons are decorated by jmobile */
 }
 dl.dropdown {
-    margin:0px;
-    padding:0px;
+	margin:0px;
+	padding:0px;
 	margin-left: 2px;
-    margin-right: 2px;
-    vertical-align: middle;
-    display: inline-block;
+	margin-right: 2px;
+	vertical-align: middle;
+	display: inline-block;
 }
 .dropdown dd, .dropdown dt {
-    margin:0px;
-    padding:0px;
+	margin:0px;
+	padding:0px;
 }
 .dropdown ul {
-    margin: -1px 0 0 0;
-    text-align: <?php echo $left; ?>;
+	margin: -1px 0 0 0;
+	text-align: <?php echo $left; ?>;
 }
 .dropdown dd {
-    position:relative;
+	position:relative;
 }
 .dropdown dt a {
-    display:block;
-    overflow: hidden;
-    border:0;
+	display:block;
+	overflow: hidden;
+	border:0;
 }
 .dropdown dt a span, .multiSel span {
-    cursor:pointer;
-    display:inline-block;
-    padding: 0 3px 2px 0;
+	cursor:pointer;
+	display:inline-block;
+	padding: 0 3px 2px 0;
 }
 .dropdown span.value {
-    display:none;
+	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;
+	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;
@@ -5723,23 +5815,23 @@ dl.dropdown {
 	background: #eee;
 }
 .dropdown dd ul li input[type="checkbox"] {
-    margin-<?php echo $right; ?>: 3px;
+	margin-<?php echo $right; ?>: 3px;
 }
 .dropdown dd ul li a, .dropdown dd ul li span {
-    padding: 3px;
-    display: block;
+	padding: 3px;
+	display: block;
 }
 .dropdown dd ul li span {
 	color: #888;
 }
 .dropdown dd ul li a:hover {
-    background-color: #eee;
+	background-color: #eee;
 }
 
 dd.dropdowndd ul li {
-    text-overflow: ellipsis;
-    overflow: hidden;
-    white-space: nowrap;
+	text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: nowrap;
 }
 
 
@@ -5761,11 +5853,11 @@ dd.dropdowndd ul li {
 /* ============================================================================== */
 
 .searchpage .tagtr .tagtd {
-    padding-bottom: 3px;
+	padding-bottom: 3px;
 }
 .searchpage .tagtr .tagtd .button {
 	background: unset;
-    border: unset;
+	border: unset;
 }
 
 li.ui-li-divider .ui-link {
@@ -5801,16 +5893,16 @@ a.ui-link, a.ui-link:hover, .ui-btn:hover, span.ui-btn-text:hover, span.ui-btn-i
 	padding-left: 30px;
 }
 .ui-select .ui-btn-icon-right .ui-icon {
-    right: 8px;
+	right: 8px;
 }
 .ui-btn-icon-left > .ui-btn-inner > .ui-icon, .ui-btn-icon-right > .ui-btn-inner > .ui-icon {
-    margin-top: -10px;
+	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;
+	/* 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;
@@ -5893,39 +5985,39 @@ ul.ulmenu {
 
 /* 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;
+	padding: 1em 15px;
+	display: block;
 }
 .ui-btn-up-c {
 	font-weight: normal;
 }
 .ui-focus, .ui-btn:focus {
-    -webkit-box-shadow: none;
-    box-shadow: none;
+	-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;
+	/*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;
+	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;
+	border-bottom-width: 0px !important;
 }
 .alilevel0 {
-    color: rgb(<?php echo $colortexttitle; ?>) !important;
+	color: rgb(<?php echo $colortexttitle; ?>) !important;
 }
 .ulmenu {
 	box-shadow: none !important;
@@ -5968,11 +6060,11 @@ border-top-right-radius: 6px;
 }*/
 
 .alilevel1 {
-    color: rgb(<?php print $colortexttitlenotab; ?>) !important;
+	color: rgb(<?php print $colortexttitlenotab; ?>) !important;
 }
 .lilevel1 {
-    border-top: 2px solid #444;
-    background: #fff ! important;
+	border-top: 2px solid #444;
+	background: #fff ! important;
 }
 .lilevel1 div div a {
 	font-weight: bold !important;
@@ -5980,22 +6072,22 @@ border-top-right-radius: 6px;
 .lilevel2
 {
 	padding-left: 22px;
-    background: #fff ! important;
+	background: #fff ! important;
 }
 .lilevel3
 {
 	padding-left: 44px;
-    background: #fff ! important;
+	background: #fff ! important;
 }
 .lilevel4
 {
 	padding-left: 66px;
-    background: #fff ! important;
+	background: #fff ! important;
 }
 .lilevel5
 {
 	padding-left: 88px;
-    background: #fff ! important;
+	background: #fff ! important;
 }
 
 
@@ -6032,14 +6124,14 @@ border-top-right-radius: 6px;
 	color: #6d3f6d;
 }
 .menu li.menu_choix1 {
-    padding-top: 6px;
-    padding-right: 10px;
-    padding-bottom: 2px;
+	padding-top: 6px;
+	padding-right: 10px;
+	padding-bottom: 2px;
 }
 .menu li.menu_choix2 {
-    padding-top: 6px;
-    padding-right: 10px;
-    padding-bottom: 2px;
+	padding-top: 6px;
+	padding-right: 10px;
+	padding-bottom: 2px;
 }
 @media only screen and (max-width: 767px)
 {
@@ -6048,13 +6140,13 @@ border-top-right-radius: 6px;
 		background-position-y: 6px;
 		padding-left: 40px;
 	}
-    .menu li.menu_choix1, .menu li.menu_choix2 {
-        padding-left: 4px;
-        padding-right: 0;
-    }
-    .liste_articles {
-    	margin-right: 0 !important;
-    }
+	.menu li.menu_choix1, .menu li.menu_choix2 {
+		padding-left: 4px;
+		padding-right: 0;
+	}
+	.liste_articles {
+		margin-right: 0 !important;
+	}
 }
 
 
@@ -6077,7 +6169,7 @@ border-top-right-radius: 6px;
 
 .ticketpublicarea {
 	margin-left: 15%;
-    margin-right: 15%;
+	margin-right: 15%;
 }
 .publicnewticketform {
 	/* margin-top: 25px !important; */
@@ -6115,11 +6207,11 @@ border-top-right-radius: 6px;
 }
 @media only screen and (min-width: 1170px) {
   #cd-timeline {
-    margin-bottom: 3em;
+	margin-bottom: 3em;
   }
   #cd-timeline::before {
-    left: 50%;
-    margin-left: -2px;
+	left: 50%;
+	margin-left: -2px;
   }
 }
 
@@ -6140,13 +6232,13 @@ border-top-right-radius: 6px;
 }
 @media only screen and (min-width: 1170px) {
   .cd-timeline-block {
-    margin: 4em 0;
+	margin: 4em 0;
   }
   .cd-timeline-block:first-child {
-    margin-top: 0;
+	margin-top: 0;
   }
   .cd-timeline-block:last-child {
-    margin-bottom: 0;
+	margin-bottom: 0;
   }
 }
 
@@ -6181,80 +6273,80 @@ border-top-right-radius: 6px;
 }
 @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;
+	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;
+	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;
+	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);
+	opacity: 0;
+	-webkit-transform: scale(0.5);
   }
 
   60% {
-    opacity: 1;
-    -webkit-transform: scale(1.2);
+	opacity: 1;
+	-webkit-transform: scale(1.2);
   }
 
   100% {
-    -webkit-transform: scale(1);
+	-webkit-transform: scale(1);
   }
 }
 @-moz-keyframes cd-bounce-1 {
   0% {
-    opacity: 0;
-    -moz-transform: scale(0.5);
+	opacity: 0;
+	-moz-transform: scale(0.5);
   }
 
   60% {
-    opacity: 1;
-    -moz-transform: scale(1.2);
+	opacity: 1;
+	-moz-transform: scale(1.2);
   }
 
   100% {
-    -moz-transform: scale(1);
+	-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);
+	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);
+	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);
+	-webkit-transform: scale(1);
+	-moz-transform: scale(1);
+	-ms-transform: scale(1);
+	-o-transform: scale(1);
+	transform: scale(1);
   }
 }
 .cd-timeline-content {
@@ -6306,58 +6398,58 @@ border-top-right-radius: 6px;
 }
 @media only screen and (min-width: 768px) {
   .cd-timeline-content h2 {
-    font-size: 20px;
-    font-size: 1.25rem;
+	font-size: 20px;
+	font-size: 1.25rem;
   }
   .cd-timeline-content {
-    font-size: 16px;
-    font-size: 1rem;
+	font-size: 16px;
+	font-size: 1rem;
   }
   .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date {
-    font-size: 14px;
-    font-size: 0.875rem;
+	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%;
+	margin-left: 0;
+	padding: 1.6em;
+	width: 43%;
   }
   .cd-timeline-content::before {
-    top: 24px;
-    left: 100%;
-    border-color: transparent;
-    border-left-color: white;
+	top: 24px;
+	left: 100%;
+	border-color: transparent;
+	border-left-color: white;
   }
   .cd-timeline-content .cd-read-more {
-    float: left;
+	float: left;
   }
   .cd-timeline-content .cd-date {
-    position: absolute;
-    width: 55%;
-    left: 115%;
-    top: 6px;
-    font-size: 16px;
-    font-size: 1rem;
+	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;
+	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;
+	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;
+	float: right;
   }
   .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date {
-    left: auto;
-    right: 115%;
-    text-align: right;
+	left: auto;
+	right: 115%;
+	text-align: right;
   }
 
 }
@@ -6368,10 +6460,10 @@ border-top-right-radius: 6px;
 /* ============================================================================== */
 
 span.phpdebugbar-tooltip.phpdebugbar-tooltip-extra-wide, span.phpdebugbar-tooltip.phpdebugbar-tooltip-wide {
-    width: 250px !important;
+	width: 250px !important;
 }
 .phpdebugbar-indicator span.phpdebugbar-tooltip {
-    opacity: .95 !important;
+	opacity: .95 !important;
 }
 a.phpdebugbar-tab.phpdebugbar-active {
 	background-image: unset !important;
@@ -6403,10 +6495,10 @@ div.phpdebugbar-widgets-templates a.phpdebugbar-widgets-editor-link:before
 /* ============================================================================== */
 
 .dol-xaxis-vertical .flot-x-axis .flot-tick-label.tickLabel {
-    text-orientation: sideways;
-    font-weight: 400;
-    writing-mode: vertical-rl;
-    white-space: nowrap;
+	text-orientation: sideways;
+	font-weight: 400;
+	writing-mode: vertical-rl;
+	white-space: nowrap;
 }
 
 
@@ -6427,17 +6519,17 @@ div.phpdebugbar-widgets-templates a.phpdebugbar-widgets-editor-link:before
 		width: <?php print dol_size(350, 'width'); ?>px;
 	}
 
-    div.tabBar {
-        padding-left: 8px;
-        padding-right: 8px;
-        -webkit-border-radius: 0;
-    	border-radius: 0px;
-        border-right: none;
-        border-left: none;
-    }
+	div.tabBar {
+		padding-left: 8px;
+		padding-right: 8px;
+		-webkit-border-radius: 0;
+		border-radius: 0px;
+		border-right: none;
+		border-left: none;
+	}
 
 	.box-flex-container {
-	    margin: 0 0 0 -8px !important;
+		margin: 0 0 0 -8px !important;
 	}
 
 }
@@ -6463,26 +6555,26 @@ div.phpdebugbar-widgets-templates a.phpdebugbar-widgets-editor-link:before
 @media only screen and (max-width:  <?php echo round($nbtopmenuentries * $fontsize * 7, 0) + 300; ?>px)
 {
 	div.tmenucenter {
-	    max-width: <?php echo round($fontsize * 4); ?>px;	/* size of viewport */
-    	white-space: nowrap;
-  		overflow: hidden;
-  		text-overflow: ellipsis;
-  		color: #<?php echo $colortextbackhmenu; ?>;
+		max-width: <?php echo round($fontsize * 4); ?>px;	/* size of viewport */
+		white-space: nowrap;
+		  overflow: hidden;
+		  text-overflow: ellipsis;
+		  color: #<?php echo $colortextbackhmenu; ?>;
 	}
 	.mainmenuaspan {
-  		font-size: 0.9em;
-  		/* font-weight: 300; */
-    }
-    .topmenuimage {
-    	background-size: 24px auto;
-    	margin-top: 0px;
+		  font-size: 0.9em;
+		  /* font-weight: 300; */
+	}
+	.topmenuimage {
+		background-size: 24px auto;
+		margin-top: 0px;
+	}
+	li.tmenu, li.tmenusel {
+		min-width: 34px;
+	}
+	div.mainmenu {
+		min-width: auto;
 	}
-    li.tmenu, li.tmenusel {
-    	min-width: 34px;
-    }
-    div.mainmenu {
-    	min-width: auto;
-    }
 	div.tmenuleft {
 		display: none;
 	}
@@ -6495,17 +6587,17 @@ div.phpdebugbar-widgets-templates a.phpdebugbar-widgets-editor-link:before
 	}
 
 	div.tmenucenter {
-	    max-width: <?php echo round($fontsize * 2); ?>px;	/* size of viewport */
-  		text-overflow: clip;
+		max-width: <?php echo round($fontsize * 2); ?>px;	/* size of viewport */
+		  text-overflow: clip;
 	}
 	.mainmenuaspan {
-  		font-size: 10px;
-  		padding-left: 0;
-  		padding-right: 0;
-    }
-    .topmenuimage {
-    	background-size: 20px auto;
-    	margin-top: 2px;
+		  font-size: 10px;
+		  padding-left: 0;
+		  padding-right: 0;
+	}
+	.topmenuimage {
+		background-size: 20px auto;
+		margin-top: 2px;
 	}
 }
 /* rule to reduce top menu - 3rd reduction */
@@ -6518,20 +6610,20 @@ div.phpdebugbar-widgets-templates a.phpdebugbar-widgets-editor-link:before
 		/* padding-<?php echo $right; ?>: 78px; */
 	<?php } ?>
 	}
-    li.tmenu, li.tmenusel {
-        min-width: 30px;
-    }
+	li.tmenu, li.tmenusel {
+		min-width: 30px;
+	}
 
 	div.tmenucenter {
-  		text-overflow: clip;
+		  text-overflow: clip;
 	}
-    .topmenuimage {
-    	background-size: 20px auto;
-    	margin-top: 2px !important;
+	.topmenuimage {
+		background-size: 20px auto;
+		margin-top: 2px !important;
 	}
 	div.mainmenu {
-    	min-width: 20px;
-    }
+		min-width: 20px;
+	}
 
 	#tooltip {
 		position: absolute;
@@ -6544,22 +6636,22 @@ div.phpdebugbar-widgets-templates a.phpdebugbar-widgets-editor-link:before
 	div.divphotoref {
 		padding-right: 5px;
 	}
-    img.photoref, div.photoref {
-    	border: 1px solid rgba(0, 0, 0, 0.2);
-    	-webkit-box-shadow: none;
-        box-shadow: none;
-        padding: 4px;
-        object-fit: contain;
-    }
+	img.photoref, div.photoref {
+		border: 1px solid rgba(0, 0, 0, 0.2);
+		-webkit-box-shadow: none;
+		box-shadow: none;
+		padding: 4px;
+		object-fit: contain;
+	}
 
 	.titlefield {
 		width: auto !important;		/* We want to ignore the 30%, try to use more if you can */
 	}
 	.tableforfield>tr>td:first-child, .tableforfield>tbody>tr>td:first-child, div.tableforfield div.tagtr>div.tagtd:first-of-type {
-	    /* max-width: 100px; */			/* but no more than 100px */
+		/* max-width: 100px; */			/* but no more than 100px */
 	}
 	.tableforfield>tr>td:nth-child(2), .tableforfield>tbody>tr>td:nth-child(2), div.tableforfield div.tagtr>div.tagtd:nth-child(2) {
-	    word-break: break-word;
+		word-break: break-word;
 	}
 
 	table.table-fiche-title .col-title div.titre{
@@ -6578,9 +6670,13 @@ include dol_buildpath($path.'/theme/'.$theme.'/info-box.inc.php', 0);
 include dol_buildpath($path.'/theme/'.$theme.'/progress.inc.php', 0);
 include dol_buildpath($path.'/theme/eldy/timeline.inc.php', 0); // actually md use same style as eldy theme
 
-if (!empty($conf->global->THEME_CUSTOM_CSS)) print $conf->global->THEME_CUSTOM_CSS;
+if (!empty($conf->global->THEME_CUSTOM_CSS)) {
+	print $conf->global->THEME_CUSTOM_CSS;
+}
 
-if (is_object($db)) $db->close();
+if (is_object($db)) {
+	$db->close();
+}
 ?>
 
 /* This must be at end */
diff --git a/htdocs/theme/md/theme_vars.inc.php b/htdocs/theme/md/theme_vars.inc.php
index e74c206ad20..23b34119cf0 100644
--- a/htdocs/theme/md/theme_vars.inc.php
+++ b/htdocs/theme/md/theme_vars.inc.php
@@ -29,12 +29,9 @@
 global $theme_bordercolor, $theme_datacolor, $theme_bgcolor, $theme_bgcoloronglet;
 $theme_bordercolor = array(235, 235, 224);
 $theme_datacolor = array(array(137, 86, 161), array(60, 147, 183), array(250, 190, 80), array(191, 75, 57), array(80, 166, 90), array(140, 140, 220), array(190, 120, 120), array(190, 190, 100), array(115, 125, 150), array(100, 170, 20), array(150, 135, 125), array(85, 135, 150), array(150, 135, 80), array(150, 80, 150));
-if (!defined('ISLOADEDBYSTEELSHEET'))	// File is run after an include of a php page, not by the style sheet, if the constant is not defined.
-{
-	if (!empty($conf->global->MAIN_OPTIMIZEFORCOLORBLIND)) // user is loaded by dolgraph.class.php
-	{
-		if ($conf->global->MAIN_OPTIMIZEFORCOLORBLIND == 'flashy')
-		{
+if (!defined('ISLOADEDBYSTEELSHEET')) {	// File is run after an include of a php page, not by the style sheet, if the constant is not defined.
+	if (!empty($conf->global->MAIN_OPTIMIZEFORCOLORBLIND)) { // user is loaded by dolgraph.class.php
+		if ($conf->global->MAIN_OPTIMIZEFORCOLORBLIND == 'flashy') {
 			$theme_datacolor = array(array(157, 56, 191), array(0, 147, 183), array(250, 190, 30), array(221, 75, 57), array(0, 166, 90), array(140, 140, 220), array(190, 120, 120), array(190, 190, 100), array(115, 125, 150), array(100, 170, 20), array(150, 135, 125), array(85, 135, 150), array(150, 135, 80), array(150, 80, 150));
 		} else {
 			// for now we use the same configuration for all types of color blind