Started Styling of options Block

Added styling for options block. Realised in order to float select and input next to each other each needed its own DIV. Still need to redo plate available area.

css/appstyling-v2.css

@@ -253,6 +253,63 @@ label {
     transform: translate(-50%, -100%);
 }
 
+.b-options{
+	background-color: #8C8E90;
+	position: relative;
+	height: auto;
+}
+
+.b-options__inputcontainer{
+	width: 100%;
+	color: #FCFCFC;
+	font-family: Roboto;
+	font-size: 10px;
+	font-weight: 500;
+	line-height: 14px;
+	letter-spacing: 1.5px;
+	height: auto;
+	overflow: visible;
+	text-align: center;
+	padding-top: 16px;
+}
+
+.b-options__optionsinput{
+	display: inline-block;
+    text-align: center;
+}
+
+.b-options__inputcontainer label{
+	text-align: left;
+}
+
+.input-bar{
+	height: 33px;
+    width: 130px;
+    border-radius: 4px;
+    background-color: #D8D8D8;
+    color: #48484A;
+    font-family: "Zilla Slab";
+    font-size: 14px;
+    font-style: italic;
+    font-weight: 500;
+    letter-spacing: 0.75px;
+    line-height: 20px;
+    margin-right: 5px;
+}
+.input-percentage{
+	height: 38px;
+    width: 130px;
+    border-radius: 4px;
+    background-color: #D8D8D8;
+    color: #48484A;
+    font-family: "Zilla Slab";
+    font-size: 14px;
+    font-style: italic;
+    font-weight: 500;
+    letter-spacing: 0.75px;
+    line-height: 20px;
+    margin-right: 0px;
+}
 /*
 .b-container {
 

css/main.css

@@ -235,7 +235,7 @@ textarea,
 select {
   height: 38px;
   padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
-  background-color: #fff;
+  /*background-color: #fff;*/
   border: 1px solid #D1D1D1;
   border-radius: 4px;
   box-shadow: none;
@@ -277,7 +277,7 @@ fieldset {
   border-width: 0; }
 input[type="checkbox"],
 input[type="radio"] {
-  display: inline; }
+  display: inline-block; }
 label > .label-body {
   display: inline-block;
   margin-left: .5rem;