Added a Sales Sheet page along with other changes.

imports/ui/styles/forms.import.styl

@@ -0,0 +1,117 @@
+
+//Form Styles
+.select2-container
+	font-size: 10px
+.select2-selection
+	font-size: 13px  //Make the font small enough the control can have a height similar to a standard input field.
+	margin-bottom: 0px
+	min-height: 10px !important  //This is what really sets the height of the box containing the selection(s)
+	padding-bottom: 2px  //Add a little space below the selections to balance it all out.
+input
+	padding: 6px
+	border-radius: 4px
+	border-width: 1px
+	border-style: solid
+	border-color: #ccc
+//input[type='button'].btn-success, input[type='submit'].btn-success
+//	background-color: #5cb85c
+//	:hover
+//		background-color:
+//input[type='button'].btn-danger, input[type='submit'].btn-danger
+//	background-color: #e55b46
+.form-control, .select2-selection  //?
+	font-size: 14px
+	margin-bottom: 0px
+.form-group
+	margin: 4px 0
+.has-error .form-control
+	border-color: #a94442
+	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
+	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
+
+@media screen and (-webkit-min-device-pixel-ratio: 0)
+	input[type="date"].form-control, input[type="time"].form-control, input[type="datetime-local"].form-control, input[type="month"].form-control
+		line-height: 34px
+
+.form-control
+	display: block
+	width: 100%
+	height: 34px
+	padding: 6px 12px
+	font-size: 14px
+	line-height: 1.42857143
+	color: #555
+	background-color: #fff
+	background-image: none
+	border: 1px solid #ccc
+	border-radius: 4px
+	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
+	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075)
+	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s
+	-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
+	transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s
+input[type="date"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"]
+	align-items: center
+	-webkit-padding-start: 1px
+	overflow: hidden
+	padding-left: 10px
+input
+	-webkit-appearance: textfield
+	background-color: white
+	-webkit-rtl-ordering: logical
+	user-select: text
+	cursor: auto
+	padding: 1px
+	border-width: 2px
+	border-style: inset
+	border-color: initial
+	border-image: initial
+.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control
+	background-color: #eee
+	opacity: 1
+input, textarea, keygen, select, button
+	text-rendering: auto
+	color: initial
+	letter-spacing: normal
+	word-spacing: normal
+	text-transform: none
+	text-indent: 0px
+	text-shadow: none
+	display: inline-block
+	text-align: start
+	margin: 0em 0em 0em 0em
+	font: 13.3333px Arial
+input, textarea, keygen, select, button, meter, progress
+	-webkit-writing-mode: horizontal-tb
+//.btn.disabled, .btn[disabled], fieldset[disabled] .btn
+//	cursor: not-allowed
+//	filter: unquote("alpha(opacity=65)")
+//	-webkit-box-shadow: none
+//	box-shadow: none
+//	opacity: .65
+//button, html input[type="button"], input[type="reset"], input[type="submit"]
+//	-webkit-appearance: button
+//	cursor: pointer
+//button, html input[type="button"], input[type="reset"], input[type="submit"]
+//	-webkit-appearance: button
+//	cursor: pointer
+//.btn
+//	display: inline-block;
+//	padding: 6px 12px;
+//	margin-bottom: 0;
+//	font-size: 14px;
+//	font-weight: normal;
+//	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;