registration page design added, some other minor changes

front-ui/app/css/main.css

@@ -7,7 +7,7 @@ body{
     background-size: cover  ;
     background-position: center ;
     background-repeat: no-repeat;
-    
+
 }
 
 #left-nave {
@@ -149,7 +149,7 @@ margin-left: 8px;
     padding-right: 45px;
     margin-left: -23px;
     margin-right: -23px;
-    
+
 }
 #beba:hover{
 background: url("https://res.cloudinary.com/du5pdibul/image/upload/v1428813559/beba-bg_wip7kj.png");
@@ -237,7 +237,7 @@ border-color: lightgray;
 }
 .navbar-default .navbar-nav > li > a{
     color:black;
-    
+
 }
 
 .navbar-default .navbar-nav > li{
@@ -340,7 +340,7 @@ background-size: cover;
     right:-14px;
     bottom: -15px;
     text-align: right;
-        
+
 }
 .mycart div {
     text-align: right;
@@ -361,7 +361,7 @@ color: white;
 }
  #myhome-hover:hover  {
     border-bottom: solid #06c3c3 1px;
-    
+
 }
 
 
@@ -375,7 +375,7 @@ color: white;
     color:black;
     padding: 10px;
     border-bottom: solid 1px lightgray;
-    
+
 }
 .sidebar li a{
 text-decoration: none;
@@ -399,7 +399,7 @@ text-decoration: none;
   }
   .megamenu.dropdown-header {
     padding: 3px 15px !important;
- 
+
   }
   .navbar-nav .open .dropdown-menu .dropdown-header{
     color:#fff;
@@ -413,10 +413,10 @@ text-decoration: none;
     }
     .navbar-toggle {
         display: block;
-        
+
     }
     .navbar-collapse {
-        
+
         box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
         border-top:none !important;
     }
@@ -426,26 +426,30 @@ text-decoration: none;
 
     .navbar-nav>li {
         float: none;
-        
+
     }
     .navbar-nav>ul {
         margin-bottom:  0px;
-        
+
     }
     .navbar-nav>li>a {
         padding-top: 10px;
         padding-bottom: 10px;
-        
+
     }
     .navbar-text {
         float: none;
         margin: 15px 0;
     }
     /* since 3.1.0 */
-    .navbar-collapse.collapse.in { 
+    .navbar-collapse.collapse.in {
         display: block!important;
     }
     .collapsing {
         overflow: hidden!important;
     }
-}
+}
+
+.error-message {
+  color: red;
+}