Footer for mobile & Loader

Styles for footer mobile and loader has been implemented.

app/app.css

@@ -49,6 +49,7 @@ a:hover {
     background-color:transparent;
     padding:0;
     font-size:18px;
+	float:left;
 }
 
 /** BRAND **/
@@ -85,6 +86,55 @@ button.brand-bg:hover {
 
 /** END OF BRAND **/
 
+
+/** LOADER **/
+
+.loader {
+  	font-size: 2px;
+	position: relative;
+    text-indent: -9999em;
+    border-top: 1.1em solid rgba(166, 18, 41, 0.2);
+    border-right: 1.1em solid rgba(166, 18, 41, 0.2);
+    border-bottom: 1.1em solid rgba(166, 18, 41, 0.2);
+    border-left: 1.1em solid #A61229;
+    -webkit-transform: translateZ(0);
+    -ms-transform: translateZ(0);
+    transform: translateZ(0);
+    -webkit-animation: load8 1.1s infinite linear;
+    animation: load8 1.1s infinite linear;
+    float: left;
+    margin-left: 15px;
+    margin-top: 4px;
+}
+.loader,
+.loader:after {
+  border-radius: 50%;
+  width: 10em;
+  height: 10em;
+}
+@-webkit-keyframes load8 {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+@keyframes load8 {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+/** END OF LOADER **/
+
 /* Everything but the jumbotron gets side spacing for mobile first views */
 .header,
 .marketing,
@@ -1014,6 +1064,15 @@ table.dataTable thead .sorting:after {
     body {
         overflow:auto;
     }
+	
+	.sidebar footer {
+		padding: 15px;
+		text-align: center;
+		background-color: #F7F7F7;
+		border-bottom: 1px solid #ccc;
+		color: #9E9E9E;
+		font-family: 'robotomedium';	
+	}
 }
 
 
@@ -1089,4 +1148,4 @@ table.dataTable thead .sorting:after {
     position:absolute;
     right:0;
     top:auto;
-}
\ No newline at end of file
+}