--- /tmp/dsg/dolibarr/htdocs/takepos/css/github_19.0.3_pos.css.php
+++ /tmp/dsg/dolibarr/htdocs/takepos/css/client_pos.css.php
@@ -24,2 +24,2 @@
- *		\file       htdocs/takepos/css/pos.css.php

- *		\brief      File for CSS style for TakePOS

+ *		\file       htdocs/theme/eldy/style.css.php

+ *		\brief      File for CSS style sheet Eldy

@@ -30,3 +30 @@
-if (!defined('NOREQUIRESOC')) {

-	define('NOREQUIRESOC', '1');

-}

+if (!defined('NOREQUIRESOC'))    define('NOREQUIRESOC', '1');

@@ -34,6 +32,3 @@
-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

@@ -41,6 +36,2 @@
-if (!defined('NOREQUIREHTML')) {

-	define('NOREQUIREHTML', 1);

-}

-if (!defined('NOREQUIREAJAX')) {

-	define('NOREQUIREAJAX', '1');

-}

+if (!defined('NOREQUIREHTML'))   define('NOREQUIREHTML', 1);

+if (!defined('NOREQUIREAJAX'))   define('NOREQUIREAJAX', '1');

@@ -60,11 +51,6 @@
-if (empty($dolibarr_nocache)) {

-	header('Cache-Control: max-age=10800, public, must-revalidate');

-} else {

-	header('Cache-Control: no-cache');

-}

-

-

-include DOL_DOCUMENT_ROOT.'/theme/'.$conf->theme.'/theme_vars.inc.php';

-if (defined('THEME_ONLY_CONSTANT')) {

-	return;

-}

+if (empty($dolibarr_nocache)) header('Cache-Control: max-age=10800, public, must-revalidate');

+else header('Cache-Control: no-cache');

+

+

+require DOL_DOCUMENT_ROOT.'/theme/'.$conf->theme.'/theme_vars.inc.php';

+if (defined('THEME_ONLY_CONSTANT')) return;

@@ -75 +61 @@
-	box-sizing: border-box;

+    box-sizing: border-box;

@@ -77,2 +63,2 @@
-	margin:0;

-	height:100%;

+    margin:0;

+    height:100%;

@@ -83 +69 @@
-	background-color: var(--colorbackgrey);

+    background-color: #EEE;

@@ -91 +77 @@
-	background-color: #0066AA;

+    background-color: #0066AA;

@@ -96,3 +82,3 @@
-	color: #633;

-	/*background-color: #884444;

-	color: #fff;*/

+    color: #633;

+    /*background-color: #884444;

+    color: #fff;*/

@@ -113,5 +99,5 @@
-	background-color: #8c907e;

-	color: #fff;

-	/* border-color: unset; */

-	border-width: 0;

-	margin: 1px;

+    background-color: #8c907e;

+    color: #fff;

+    /* border-color: unset; */

+    border-width: 0;

+    margin: 1px;

@@ -119 +104,0 @@
-	border-radius: 3px;

@@ -123,3 +108,3 @@
-	color: #fff;

-	background-color: #5555AA;

-	border-width: 0px;

+    color: #fff;

+    background-color: #5555AA;

+    border-width: 0px;

@@ -139,7 +123,0 @@
-	border-radius: 3px;

-}

-button.calcbutton2.clicked {

-	background-color: #8855AA;

-}

-button.calcbutton2 .iconwithlabel {

-	padding-bottom: 10px;

@@ -161,22 +138,0 @@
-	border-radius: 3px;

-}

-

-button.productbutton {

-	display: inline-block;

-	position: relative;

-	padding: 0;

-	line-height: normal;

-	cursor: pointer;

-	vertical-align: middle;

-	text-align: center;

-	overflow: visible; /* removes extra width in IE */

-	width: calc(100% - 2px);

-	height: calc(100% - 2px);

-	font-weight: bold;

-	background-color: #a3a6a3;

-	color: #fff;

-	/* border-color: unset; */

-	border-width: 0;

-	margin: 1px;

-	font-size: 14pt;

-	border-radius: 3px;

@@ -186,5 +142,3 @@
-	background: #EABCA6;

-	color: #222;

-	border: 2px solid #EEE;

-	min-height: 40px;

-	border-radius: 3px;

+    background: #EABCA6;

+    border: 2px solid #EEE;

+    min-height: 40px;

@@ -202 +156 @@
-	width: calc(33.33% - 2px);

+	width: calc(33% - 2px);

@@ -205 +159 @@
-	   border-width: 0;

+   	border-width: 0;

@@ -222,4 +176,4 @@
-	content: "\f788";

-	font-family: "<?php echo getDolGlobalString('MAIN_FONTAWESOME_FAMILY', 'Font Awesome 5 Free'); ?>";

-	font-weight: 900;

-	padding-right: 5px;

+    content: "\f788";

+    font-family: "Font Awesome 5 Free";

+    font-weight: 900;

+    padding-right: 5px;

@@ -236 +190 @@
-	font-size: 1.5em;

+    font-size: 1.5em;

@@ -252,3 +205,0 @@
-	display: flex;

-	align-items: center;

-	justify-content: center;

@@ -269,3 +219,0 @@
-	display: flex;

-	align-items: center;

-	justify-content: center;

@@ -275,2 +223 @@
-	max-width: 100%;

-	max-height: 100%;

+    max-width: 100%;

@@ -280 +227 @@
-	background:black;

+    background:black;

@@ -297 +244 @@
-	background: -webkit-linear-gradient(top, rgba(250,250,250,0), rgba(250,250,250,0.5), rgba(250,250,250,0.95), rgba(250,250,250,1));

+    background: -webkit-linear-gradient(top, rgba(250,250,250,0), rgba(250,250,250,0.5), rgba(250,250,250,0.95), rgba(250,250,250,1));

@@ -315,2 +262,2 @@
-	padding-top: 3px;

-	padding-bottom: 3px;

+    padding-top: 3px;

+    padding-bottom: 3px;

@@ -320,6 +267,2 @@
-	height: 40px !important;

-	background-color: var(--colorbacklineimpair2);

-}

-

-.postablelines td.linecolht {

-	line-height: 1.3em !important;

+    height: 40px !important;

+    background-color: var(--colorbacklineimpair1);

@@ -330,2 +273,2 @@
-	width:calc(50% - 16px);

-	background-color:#aaa;

+	width:50%;

+	background-color:#888;

@@ -334,2 +276,0 @@
-	display: inline-block;

-	padding: 5px;

@@ -348,12 +289 @@
-	<?php

-	if (getDolGlobalString('TAKEPOS_USE_ARROW_ON_NAVBAR')) {

-		?>

-		overflow-x: hidden;

-		overfloy-y: scroll;

-		<?php

-	} else {

-		?>

-		overflow: visible;

-		<?php

-	}

-	?>

+	overflow: visible;

@@ -373 +303 @@
-	padding-top: 9px;

+	padding-top: 5px;

@@ -386 +315,0 @@
-	overflow-x: hidden;

@@ -398,0 +328,2 @@
+	padding-right: 5px;

+	padding-left: 5px;

@@ -409,0 +341,2 @@
+	padding-right: 5px;

+	padding-left: 5px;

@@ -419,0 +353,2 @@
+	padding-right: 5px;

+	padding-left: 5px;

@@ -429,0 +365,2 @@
+	padding-right: 5px;

+	padding-left: 5px;

@@ -440,3 +376,0 @@
-}

-

-.div1, .div2, .div3, .div4, .div5 {

@@ -446,7 +379,0 @@
-.div1, .div4 {

-	padding-left: 8px;

-}

-.div3, .div5 {

-	padding-right: 8px;

-}

-

@@ -455 +382 @@
-	/* font-weight: bold; */

+    /* font-weight: bold; */

@@ -458,3 +385,2 @@
-.order td {

-	color: green;

-	/* background-color: #f5f5f5; */

+.order {

+    color: limegreen;

@@ -483,3 +409,3 @@
-	position: relative;

-	/* transform: translate(0,-50%);

-	top: 50%; */

+	transform: translate(0,-50%);

+    position: relative;

+    top: 50%;

@@ -488,3 +414,3 @@
-	white-space: nowrap;

-	text-overflow: ellipsis;

-	overflow: hidden;

+    white-space: nowrap;

+    text-overflow: ellipsis;

+    overflow: hidden;

@@ -499,5 +425,5 @@
-	-webkit-box-orient: vertical;

-	-webkit-line-clamp: <?php echo getDolGlobalInt('TAKEPOS_LINES_TO_SHOW', 2); ?>;

-	overflow: hidden;

-	padding-left: 2px;

-	padding-right: 2px;

+    -webkit-box-orient: vertical;

+    -webkit-line-clamp: 2;

+    overflow: hidden;

+    padding-left: 2px;

+    padding-right: 2px;

@@ -509 +435 @@
-	height: 52px;

+	height: 50px;

@@ -525 +451,2 @@
-	background: var(--colorbackhmenu1);

+	background: rgb(<?php echo $colorbackhmenu1 ?>);

+	background-image: linear-gradient(-45deg, <?php echo colorAdjustBrightness(colorArrayToHex(colorStringToArray($colorbackhmenu1)), '5'); ?>, rgb(<?php echo $colorbackhmenu1 ?>));

@@ -530 +457 @@
-	display: block;

+    display: block;

@@ -540,29 +467,3 @@
-	margin-left: 4px;

-	font-size: 1.3em;

-}

-.topnav div.login_block_user {

-	display: inline-block;

-	vertical-align: middle;

-	line-height: 50px;

-	height: 50px;

-}

-.userimg.atoplogin img.userphoto, .userimgatoplogin img.userphoto {

-	width: 30px;

-	height: 30px;

-	vertical-align: middle;

-}

-

-@media screen and (max-width: 767px) {

-	.topnav .login_block_other a {

-		padding: 5px 5px;

-		font-size: 1.2em;

-	}

-

-	.div1, .div4 {

-		padding-left: 5px;

-	}

-	.div3, .div5 {

-		padding-right: 5px;

-	}

-}

-

+    margin-left: 4px;

+    font-size: 1.3em;

+}

@@ -575,6 +476,4 @@
-	margin: 8px;

-	margin-left: 5px;

-	margin-right: 5px;

-	border-radius: 3px;

-}

-.topnav-left a:hover:not(.nohover), .topnav .login_block_other a:hover:not(.nohover) {

+    margin: 8px;

+    margin-left: 4px;

+}

+.topnav-left a:hover, .topnav .login_block_other a:hover {

@@ -596,2 +495,2 @@
-	max-width: 250px;

-	border-radius: 5px;

+    max-width: 250px;

+    border-radius: 5px;

@@ -601,10 +500,2 @@
-	color: #aaa;

-	padding: 0 8px 0 8px;

-}

-

-.basketselected {

-	font-weight: bold;

-	/* text-decoration: underline; */

-}

-.basketnotselected {

-	opacity: 0.8;

+    color: #aaa;

+    padding: 0 8px 0 8px;

@@ -614,11 +505,11 @@
-	position: absolute;

-	top: 5px;

-	right: 5px;

-	background: var(--colorbackhmenu1);

-	color: var(--colortextbackhmenu);

-	font-size: 2em;

-	padding: 4px;

-	border-radius: 2px;

-	opacity: 0.9;

-	padding-left: 6px;

-	padding-right: 6px;

+    position: absolute;

+    top: 5px;

+    right: 5px;

+    background: var(--colorbackhmenu1);

+    color: var(--colortextbackhmenu);

+    font-size: 2em;

+    padding: 5px;

+    border-radius: 2px;

+    opacity: 0.9;

+    padding-left: 8px;

+    padding-right: 8px;

@@ -674,3 +565,3 @@
-		position: sticky;

-		top: 0;

-		z-index: 10;

+	    position: sticky;

+	    top: 0;

+	    z-index: 10;

@@ -680,2 +571 @@
-		max-width: 90px;

-		font-size: 1.15em;

+		max-width: 100px;

@@ -701 +591 @@
-		height: unset;

+		height: calc(45% - 100px);

@@ -705 +595 @@
-		padding: 0 5px 0 5px;

+	    padding: 0 5px 0 5px;

@@ -730 +620 @@
-		min-height: 30px;

+	    min-height: 30px;

@@ -738,3 +628 @@
-		display: inline-flex;

-		align-items: center;

-		justify-content: center;

+		min-height: 60px;

@@ -743,343 +631,2 @@
-		min-height: 30px;

-	}

-}

-

-/* Modal box */

-.modal {

-  display: none; /* Hidden by default */

-  position: fixed;

-  z-index: 20;

-  left: 0;

-  top: 0;

-  width: 100%;

-  height: 100%;

-  overflow: auto;

-  background-color: rgb(0,0,0);

-  background-color: rgba(0,0,0,0.4);

-}

-

-/* The Close Button */

-.close {

-  color: #aaa;

-  float: right;

-  font-size: 28px;

-  font-weight: bold;

-}

-

-.close:hover,

-.close:focus {

-  color: black;

-  text-decoration: none;

-  cursor: pointer;

-}

-

-.modal-header {

-  padding: 2px 16px;

-  background-color: #2b4161;

-  color: white;

-}

-

-.modal-body {padding: 2px 16px;}

-

-.modal-content {

-  position: relative;

-  background-color: #fefefe;

-  margin: 15% auto; /* 15% from the top and centered */

-  padding: 0;

-  border: 1px solid #888;

-  width: 40%;

-  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);

-  animation-name: animatetop;

-  animation-duration: 0.4s;

-  min-width: 200px;

-}

-

-@keyframes animatetop {

-  from {top: -300px; opacity: 0}

-  to {top: 0; opacity: 1}

-}

-

-.block {

-  display: block;

-  width: 100%;

-  border: none;

-  color: white;

-  background-color: #8c907e;

-  padding: 14px 0px;

-  font-size: 16px;

-  cursor: pointer;

-  text-align: center;

-  margin: 2px;

-}

-

-.splitsale {

-	float: left;

-	width: 100%;

-	height: 100%;

-	overflow: auto;

-}

-

-.rowsplit {

-	width: 100%;

-	height: 40%;

-}

-

-.headersplit {

-	height: 10%;

-	width: 100%;

-	padding-top: 20px;

-	padding-bottom: 2px;

-}

-

-.headercontent {

-	margin: auto;

-	width: 50%;

-	border: 3px solid black;

-	text-align: center;

-	font-size: 150%;

-	background-color: rgb(233,234,237);

-}

-

-

-@media only screen and (max-width: 767px)

-{

-	.headercontent {

-		width: 80%;

-	}

-

-	.headersplit .headercontent {

-		font-size: 1em;

-	}

-}

-

-

-.row:after {

-  content: "";

-  display: table;

-  clear: both;

-}

-

-.div5 .imgadd {

-	display: none;

-}

-

-

-@media screen and (max-width: 767px) {

-	.div4 {

-		height: auto;

-		width: 100%;

-		float: left;

-		box-sizing: border-box;

-		font-size: 6px;

-		padding-top: 10px;

-		padding-bottom: 2px;

-		margin-left: 2px;

-	}

-

-	.div4 .wrapper.divempty, .div4 img, .div4 .wrapper:nth-last-child(1), .div4 .wrapper:nth-last-child(2), #prodiv22, #prodiv23, .catwatermark {

-		display: none!important;

-	}

-

-	.tab-category {

-		float: left;

-		position: relative;

-		width: 25%;

-		height: 33%;

-		margin: 0;

-		padding: 1px;

-		border: 2px solid #EEE;

-		text-align: center;

-		box-sizing: border-box;

-		background-color: #fff;

-	}

-

-	.div4 .wrapper, .tab-category {

-		width: auto;

-		height: auto;

-		padding: 6px;

-		text-align: center;

-		cursor: pointer;

-		border: 1px solid #FFF!important;

-		border-top: 3px solid #FFF!important;

-	}

-

-	.div4 .tab-category.active {

-		border-right: 1px solid #CCC !important;

-		border-left: 1px solid #CCC !important;

-		border-top: 3px solid var(--colorbackhmenu1) !important;

-	}

-

-	.div5 {

-		height: 100%;

-		width: 100%;

-		padding-top: 0px;

-	}

-

-	div.description {

-		position: initial;

-		width: auto;

-		background-color: black;

-		opacity: 1;

-		text-align: center;

-		padding-top: 0px;

-		background: -webkit-linear-gradient(top, rgba(250,250,250,0), rgba(250,250,250,0.5), rgba(250,250,250,0.95), rgba(250,250,250,1));

-	}

-

-	.div5 .description .description_content {

-		font-weight: bold;

-		font-size: 14px;

-		padding-left: 10px;

-	}

-

-	.div5 .wrapper2 {

-		width: 100%;

-		display: inline-flex;

-		align-items: center;

-		padding: 10px;

-		justify-content: normal;

-	}

-

-	.div5 .wrapper2.divempty {

-		display: none;

-	}

-

-	div.wrapper2 {

-		float: none;

-	}

-

-	.div5 .arrow {

-		width: auto;

-		height: auto;

-		display: none!important;

-	}

-

-	.div5 .arrow .centerinmiddle {

-		transform: translate(0, 0);

-	}

-

-	.div5 .imgadd {

-		display: flex;

-	}

-

-	div.wrapper2{

-		height: 40px;

-	}

-}

-

-

-<?php

-if (!getDolGlobalString('TAKEPOS_USE_ARROW_ON_NAVBAR')) {

-	?>

-

-.arrows {

-	display: none;

-}

-

-	<?php

-} else { ?>

-.indicator {

-	background: #00000042;

-	padding: 15px 5px;

-	cursor: pointer;

-	position:absolute;

-}

-

-.indicator.left {

-	left:0;

-}

-

-.indicator.right {

-	right:0;

-}

-

-.indicator:hover {

-	background: #000000;

-}

-

-.indicator i {

-	color: white;

-}

-

-.topnav-left {

-	margin-left: 20px;

-}

-

-.topnav-right {

-	margin-right: 20px;

-}

-

-/* For Header Scroll */

-html {

-  scroll-behavior: smooth;

-}

-

-.topnav {

-  scroll-behavior: smooth;

-}

-

-.header {

-	height: unset;

-}

-

-.topnav {

-	width: 100%;

-	white-space: nowrap;

-	overflow-x: scroll;

-	display: inline-flex;

-}

-

-.topnav-left {

-	white-space: nowrap;

-	float: none;

-	margin-right: auto;

-	align-items: center;

-}

-

-.topnav-right {

-	display: flex;

-	white-space: nowrap;

-	float: none;

-	align-items: center;

-}

-

-.topnav-left #shoppingcart {

-	display:inline-flex;

-}

-

-.topnav-right .login_block_other {

-	display: flex;

-	white-space: nowrap;

-}

-

-::-webkit-scrollbar {

-  width: 8px;

-}

-

-

-::-webkit-scrollbar-track {

-  background: #f1f1f1;

-}

-

-

-::-webkit-scrollbar-thumb {

-  background: #888;

-}

-

-.topnav::-webkit-scrollbar-track{

-  background: #eeeeee;

-}

-

-.topnav::-webkit-scrollbar{

-  width: 1px;

-  background: #F5F5F5;

-}

-

-.topnav::-webkit-scrollbar-thumb{

-	background: #f9171700;

-}

-

-.topnav.overflow .arrows {

-	display: flex;

-}

-

-<?php } ?>

+	}

+}