report ui format

app/assets/stylesheets/CRM.scss

@@ -7,3 +7,5 @@
 //   min-height: 75rem;
 //   padding-top: 4.5rem;
 // }
+
+

app/assets/stylesheets/application.scss

@@ -2,7 +2,7 @@
 @import "bootstrap";
 @import "font-awesome";
 @import "theme";
-@import "bootstrap-datepicker3";
+@import 'bootstrap-datepicker';
 
 /* Show it is fixed to the top */
 // body {
@@ -58,3 +58,19 @@ ul.dropdown-menu li a{
 /*----- Header Bar -----*/
 
 /*----- Header Bar -----*/
+
+/*----- Layout ------ */
+
+.margin-top-20 {
+  margin: 20px 0 0 0;
+}
+
+/*----- Layout ------ */
+
+/*--- Reset --- */
+
+select.form-control {
+  height: inherit !important;
+}
+
+/*--- Reset --- */

app/assets/stylesheets/origami.scss

@@ -7,17 +7,39 @@
 //   min-height: 75rem;
 //   padding-top: 4.5rem;
 // }
+.others-payment{
+	line-height:100px;
+	text-align:center;
+	color:white;
+	width:300px;
+	height:100px;
+	font-size:18px;
+}
+
+.orders-table {
+	cursor: pointer;
+}
 
 .cashier_number{
-	height:76px;
-	line-height:80px;
+	width: 33%;
+	height:70px;
+	line-height:70px;
 	text-align:center;
 	background:#54A5AF;
-	float:left;
-	margin:2px;
+	// float:left;
+	// margin:2px;
+	font-size:20px;
+	color:white;
+	// cursor:pointer;
+}
+
+.pay{
+	width: 98%;
+  height:211px;
+	line-height:211px;
+	text-align:center;
 	font-size:20px;
 	color:white;
-	cursor:pointer;
 }
 
 .cashier_number:hover{
@@ -25,15 +47,20 @@
 }
 
 .long{
-	width:100%
+	width:49%;
 }
 
 .sold {
 	background-color: red;
 }
 
+.paid {
+	background-color: green;
+}
+
 .selected-item {
-	background-color: blue;
+	color: #fff !important;
+	background-color: blue !important;
 }
 
 /* Reciept Style */
@@ -42,17 +69,17 @@
 }
 
 .charges-name {
-	width: 80%; 
+	width: 80%;
 	text-align: left;
 }
 
 .item-name {
-	width: 60%; 
+	width: 60%;
 	text-align: left;
 }
 
 .item-attr {
-	width: 20%; 
+	width: 20%;
 	text-align: right;
 }
 
@@ -70,9 +97,29 @@
 	background-color: #009900
 }
 
+.left{
+	margin-left:1px;
+}
 
+.bottom{
+	margin-bottom: 1px;
+}
 /*----- Reset -----*/
 
 select.form-control {
   height: inherit !important;
 }
+
+.form-horizontal .form-group {
+	margin-right: 0px !important;
+}
+
+/*  Discount */
+
+.discount-item-row {
+	cursor: pointer;
+}
+
+tr.discount-item-row:hover {
+	background-color: #e3e3e3 !important;
+}

app/assets/stylesheets/origami/redeem_payments.scss

@@ -0,0 +1,3 @@
+// Place all the styles related to the origami/redeem_payments controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: http://sass-lang.com/

app/assets/stylesheets/settings/orders.scss

@@ -0,0 +1,3 @@
+// Place all the styles related to the settings/orders controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: http://sass-lang.com/