diff --git a/public/css/app.less b/public/css/app.less
index 534a05cc2f..0809c406d1 100644
--- a/public/css/app.less
+++ b/public/css/app.less
@@ -2,10 +2,12 @@
 @import "font-awesome/font-awesome";
 @import "ios7";
 @import "animate.css";
-//@import "datatables.css";
 
 body {
   padding-top: 60px;
 }
 
 
+
+
+
diff --git a/public/css/datatables.css b/public/css/datatables.css
deleted file mode 100644
index 1c56696479..0000000000
--- a/public/css/datatables.css
+++ /dev/null
@@ -1,498 +0,0 @@
-/*
- *  File:         demo_table.css
- *  CVS:          $Id$
- *  Description:  CSS descriptions for DataTables demo pages
- *  Author:       Allan Jardine
- *  Created:      Tue May 12 06:47:22 BST 2009
- *  Modified:     $Date$ by $Author$
- *  Language:     CSS
- *  Project:      DataTables
- *
- *  Copyright 2009 Allan Jardine. All Rights Reserved.
- *
- * ***************************************************************************
- * DESCRIPTION
- *
- * The styles given here are suitable for the demos that are used with the standard DataTables
- * distribution (see www.datatables.net). You will most likely wish to modify these styles to
- * meet the layout requirements of your site.
- *
- * Common issues:
- *   'full_numbers' pagination - I use an extra selector on the body tag to ensure that there is
- *     no conflict between the two pagination types. If you want to use full_numbers pagination
- *     ensure that you either have "example_alt_pagination" as a body class name, or better yet,
- *     modify that selector.
- *   Note that the path used for Images is relative. All images are by default located in
- *     ../images/tables/ - relative to this CSS file.
- */
-
-/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
- * DataTables features
- */
-
-.action-table img{
-  width:18px;
-  height:18px;
-}
-table.dataTable {
-  clear:both;
-  margin-bottom: 10px;
-}
-.dataTables_wrapper {
-  position: relative;
-  clear: both;
-  zoom: 1;
-}
-
-.dataTables_processing {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  width: 250px;
-  height: 30px;
-  margin-left: -125px;
-  margin-top: -15px;
-  padding: 14px 0 2px 0;
-  border: 1px solid #ddd;
-  text-align: center;
-  color: #999;
-  font-size: 14px;
-  background-color: white;
-}
-
-.dataTables_length {
-  width: 40%;
-  float: left;
-  margin: 4px 0 10px;
-}
-
-.dataTables_length select {
-  margin: 0 4px;
-}
-
-.dataTables_filter {
-  width: 50%;
-  float: right;
-  text-align: right;
-  color:#5f5f5f;
-}
-.dataTables_filter input{
-  width:200px;
-  background:#fbfbfb;
-  height: 30px;
-  margin: 0 0 5px 6px;
-  padding: 4px 10px;
-  font-size: 14px;
-  line-height: 1.428571429;
-  color: #555555;
-  vertical-align: middle;
-  background-color: #ffffff;
-  border: 1px solid #cccccc;
-  border-radius: 4px;
-  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
-}
-.dataTables_info {
-  float: left;
-  margin-top: 4px;
-  font-size: 13px;
-}
-
-.dataTables_paginate {
-  float: right;
-  text-align: right;
-  margin: 5px 0;
-}
-.dataTables_paginate a {
-  height: auto;
-  margin-left:5px;
-  font-size: 13px;
-  border: 1px solid #AAA;
-  color: #999;
-  background: #FFF;
-  border-radius: 4px;
-  padding: 4px 8px;
-  cursor: pointer;
-  text-decoration: none !important;
-}
-.dataTables_paginate a:hover {
-  border-color: #007aff;
-  color: #007aff;
-}
-.dataTables_paginate a.paginate_active {
-  border-color: #007aff;
-  background: #007aff;
-  color: #FFF;
-}
-.dataTables_paginate a.paginate_button_disabled {
-  border-color: #e3e3e3;
-  color: #DDD;
-  pointer-events: none;
-}
-/* Pagination nested */
-.paginate_disabled_previous, .paginate_enabled_previous,
-.paginate_disabled_next, .paginate_enabled_next {
-  height: 19px;
-  float: left;
-  cursor: pointer;
-  *cursor: hand;
-  color: #111 !important;
-}
-.paginate_disabled_previous:hover, .paginate_enabled_previous:hover,
-.paginate_disabled_next:hover, .paginate_enabled_next:hover {
-  text-decoration: none !important;
-}
-.paginate_disabled_previous:active, .paginate_enabled_previous:active,
-.paginate_disabled_next:active, .paginate_enabled_next:active {
-  outline: none;
-}
-
-.paginate_disabled_previous,
-.paginate_disabled_next {
-  color: #666 !important;
-}
-.paginate_disabled_previous, .paginate_enabled_previous {
-  padding-left: 23px;
-}
-.paginate_disabled_next, .paginate_enabled_next {
-  padding-right: 23px;
-  margin-left: 10px;
-}
-
-.paginate_disabled_previous {
-  background: url('http://sharpandnimble.com/se7en/demo/images/tables/back_disabled.png') no-repeat top left;
-}
-
-.paginate_enabled_previous {
-  background: url('http://sharpandnimble.com/se7en/demo/images/tables/back_enabled.png') no-repeat top left;
-}
-.paginate_enabled_previous:hover {
-  background: url('http://sharpandnimble.com/se7en/demo/images/tables/back_enabled_hover.png') no-repeat top left;
-}
-
-.paginate_disabled_next {
-  background: url('http://sharpandnimble.com/se7en/demo/images/tables/forward_disabled.png') no-repeat top right;
-}
-
-.paginate_enabled_next {
-  background: url('http://sharpandnimble.com/se7en/demo/images/tables/forward_enabled.png') no-repeat top right;
-}
-.paginate_enabled_next:hover {
-  background: url('http://sharpandnimble.com/se7en/demo/images/tables/forward_enabled_hover.png') no-repeat top right;
-}
-
-
-
-/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
- * DataTables display
- */
-table.display {
-  margin: 0 auto;
-  clear: both;
-  width: 100%;
-
-  /* Note Firefox 3.5 and before have a bug with border-collapse
-   * ( https://bugzilla.mozilla.org/show%5Fbug.cgi?id=155955 )
-   * border-spacing: 0; is one possible option. Conditional-css.com is
-   * useful for this kind of thing
-   *
-   * Further note IE 6/7 has problems when calculating widths with border width.
-   * It subtracts one px relative to the other browsers from the first column, and
-   * adds one to the end...
-   *
-   * If you want that effect I'd suggest setting a border-top/left on th/td's and
-   * then filling in the gaps with other borders.
-   */
-}
-
-table.display thead th {
-  padding: 3px 18px 3px 10px;
-  border-bottom: 1px solid black;
-  font-weight: bold;
-  cursor: pointer;
-  * cursor: hand;
-}
-
-table.display tfoot th {
-  padding: 3px 18px 3px 10px;
-  border-top: 1px solid black;
-  font-weight: bold;
-}
-
-table.display tr.heading2 td {
-  border-bottom: 1px solid #aaa;
-}
-
-table.display td {
-  padding: 3px 10px;
-}
-
-table.display td.center {
-  text-align: center;
-}
-
-
-/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
- * Misc
- */
-.dataTables_scroll {
-  clear: both;
-}
-
-.dataTables_scrollBody {
-  *margin-top: -1px;
-  -webkit-overflow-scrolling: touch;
-}
-
-.top .dataTables_info {
-  float: none;
-}
-
-.clear {
-  clear: both;
-}
-
-.dataTables_empty {
-  text-align: center;
-}
-
-tfoot input {
-  margin: 0.5em 0;
-  width: 100%;
-  color: #444;
-}
-
-tfoot input.search_init {
-  color: #999;
-}
-
-td.group {
-  background-color: #d1cfd0;
-  border-bottom: 2px solid #A19B9E;
-  border-top: 2px solid #A19B9E;
-}
-
-td.details {
-  background-color: #d1cfd0;
-  border: 2px solid #A19B9E;
-}
-
-
-.example_alt_pagination div.dataTables_info {
-  width: 40%;
-}
-
-.paging_full_numbers {
-  width: 400px;
-  height: 22px;
-  line-height: 22px;
-  margin-bottom:10px;
-}
-
-.paging_full_numbers a:active {
-  outline: none
-}
-
-.paging_full_numbers a:hover {
-  text-decoration: none;
-}
-
-table.display tr.even.row_selected td {
-  background-color: #B0BED9;
-}
-
-table.display tr.odd.row_selected td {
-  background-color: #9FAFD1;
-}
-
-
-/*
- * Sorting classes for columns
- */
-/* For the standard odd/even */
-
-/* For the Conditional-CSS grading rows */
-/*
-  Colour calculations (based off the main row colours)
-  Level 1:
-    dd > c4
-    ee > d5
-  Level 2:
-    dd > d1
-    ee > e2
- */
-tr.odd.gradeA td.sorting_1 {
-  background-color: #c4ffc4;
-}
-
-tr.odd.gradeA td.sorting_2 {
-  background-color: #d1ffd1;
-}
-
-tr.odd.gradeA td.sorting_3 {
-  background-color: #d1ffd1;
-}
-
-tr.even.gradeA td.sorting_1 {
-  background-color: #d5ffd5;
-}
-
-tr.even.gradeA td.sorting_2 {
-  background-color: #e2ffe2;
-}
-
-tr.even.gradeA td.sorting_3 {
-  background-color: #e2ffe2;
-}
-
-tr.odd.gradeC td.sorting_1 {
-  background-color: #c4c4ff;
-}
-
-tr.odd.gradeC td.sorting_2 {
-  background-color: #d1d1ff;
-}
-
-tr.odd.gradeC td.sorting_3 {
-  background-color: #d1d1ff;
-}
-
-tr.even.gradeC td.sorting_1 {
-  background-color: #d5d5ff;
-}
-
-tr.even.gradeC td.sorting_2 {
-  background-color: #e2e2ff;
-}
-
-tr.even.gradeC td.sorting_3 {
-  background-color: #e2e2ff;
-}
-
-tr.odd.gradeX td.sorting_1 {
-  background-color: #ffc4c4;
-}
-
-tr.odd.gradeX td.sorting_2 {
-  background-color: #ffd1d1;
-}
-
-tr.odd.gradeX td.sorting_3 {
-  background-color: #ffd1d1;
-}
-
-tr.even.gradeX td.sorting_1 {
-  background-color: #ffd5d5;
-}
-
-tr.even.gradeX td.sorting_2 {
-  background-color: #ffe2e2;
-}
-
-tr.even.gradeX td.sorting_3 {
-  background-color: #ffe2e2;
-}
-
-tr.odd.gradeU td.sorting_1 {
-  background-color: #c4c4c4;
-}
-
-tr.odd.gradeU td.sorting_2 {
-  background-color: #d1d1d1;
-}
-
-tr.odd.gradeU td.sorting_3 {
-  background-color: #d1d1d1;
-}
-
-tr.even.gradeU td.sorting_1 {
-  background-color: #d5d5d5;
-}
-
-tr.even.gradeU td.sorting_2 {
-  background-color: #e2e2e2;
-}
-
-tr.even.gradeU td.sorting_3 {
-  background-color: #e2e2e2;
-}
-
-
-/*
- * Row highlighting example
- */
-.ex_highlight #example tbody tr.even:hover, #example tbody tr.even td.highlighted {
-  background-color: #ECFFB3;
-}
-
-.ex_highlight #example tbody tr.odd:hover, #example tbody tr.odd td.highlighted {
-  background-color: #E6FF99;
-}
-
-.ex_highlight_row #example tr.even:hover {
-  background-color: #ECFFB3;
-}
-
-.ex_highlight_row #example tr.even:hover td.sorting_1 {
-  background-color: #DDFF75;
-}
-
-.ex_highlight_row #example tr.even:hover td.sorting_2 {
-  background-color: #E7FF9E;
-}
-
-.ex_highlight_row #example tr.even:hover td.sorting_3 {
-  background-color: #E2FF89;
-}
-
-.ex_highlight_row #example tr.odd:hover {
-  background-color: #E6FF99;
-}
-
-.ex_highlight_row #example tr.odd:hover td.sorting_1 {
-  background-color: #D6FF5C;
-}
-
-.ex_highlight_row #example tr.odd:hover td.sorting_2 {
-  background-color: #E0FF84;
-}
-
-.ex_highlight_row #example tr.odd:hover td.sorting_3 {
-  background-color: #DBFF70;
-}
-
-
-/*
- * KeyTable
- */
-table.KeyTable td {
-  border: 3px solid transparent;
-}
-
-table.KeyTable td.focus {
-  border: 3px solid #3366FF;
-}
-
-table.display tr.gradeA {
-  background-color: #eeffee;
-}
-
-table.display tr.gradeC {
-  background-color: #ddddff;
-}
-
-table.display tr.gradeX {
-  background-color: #ffdddd;
-}
-
-table.display tr.gradeU {
-  background-color: #ddd;
-}
-
-div.box {
-  height: 100px;
-  padding: 10px;
-  overflow: auto;
-  border: 1px solid #8080FF;
-  background-color: #E5E5FF;
-}
diff --git a/public/css/flat-ui.less b/public/css/flat-ui.css
similarity index 100%
rename from public/css/flat-ui.less
rename to public/css/flat-ui.css
diff --git a/public/css/ios7.less b/public/css/ios7.less
index 56ff8bcd0b..0f5abca9dd 100644
--- a/public/css/ios7.less
+++ b/public/css/ios7.less
@@ -11,6 +11,10 @@
   outline: 0 !important;
 }
 
+html {
+  height: 100%;
+}
+
 body {
   color: #666;
   background: #e8e8e8;
@@ -31,6 +35,11 @@ a {
   }
 }
 
+.login-body {
+  background: url(../img/6.jpg) no-repeat;
+  background-size: cover;
+}
+
 // Navbar =====================================================================
 .navbar-default {
   background: rgba(255, 255, 255, 0.95);
@@ -517,6 +526,9 @@ input[type="radio"]:checked + span:after {
 }
 
 // Misc ===================================================================
+
+
+
 .login-container {
   background-color: rgba(255, 255, 255, 0.95);
   border-radius: 40px;
@@ -530,6 +542,13 @@ input[type="radio"]:checked + span:after {
   left: 50%;
   margin: -190px 0 15px -190px;
 
+  -webkit-animation-duration: 1s;
+  -webkit-animation-delay: 0.5s;
+  -moz-animation-duration: 1s;
+  -moz-animation-delay: 0.5s;
+  animation-duration: 1s;
+  animation-delay: 0.5s;
+
   &.signup {
    height: 430px;
     margin-top: -215px;
diff --git a/public/css/jquery.dataTables.css b/public/css/jquery.dataTables.css
deleted file mode 100644
index 7da7faec89..0000000000
--- a/public/css/jquery.dataTables.css
+++ /dev/null
@@ -1,221 +0,0 @@
-
-/*
- * Table
- */
-table.dataTable {
-	margin: 0 auto;
-	clear: both;
-	width: 100%;
-}
-
-table.dataTable thead th {
-	padding: 3px 18px 3px 10px;
-	border-bottom: 1px solid black;
-	font-weight: bold;
-	cursor: pointer;
-	*cursor: hand;
-}
-
-table.dataTable tfoot th {
-	padding: 3px 18px 3px 10px;
-	border-top: 1px solid black;
-	font-weight: bold;
-}
-
-table.dataTable td {
-	padding: 3px 10px;
-}
-
-table.dataTable td.center,
-table.dataTable td.dataTables_empty {
-	text-align: center;
-}
-
-table.dataTable tr.odd { background-color: #E2E4FF; }
-table.dataTable tr.even { background-color: white; }
-
-table.dataTable tr.odd td.sorting_1 { background-color: #D3D6FF; }
-table.dataTable tr.odd td.sorting_2 { background-color: #DADCFF; }
-table.dataTable tr.odd td.sorting_3 { background-color: #E0E2FF; }
-table.dataTable tr.even td.sorting_1 { background-color: #EAEBFF; }
-table.dataTable tr.even td.sorting_2 { background-color: #F2F3FF; }
-table.dataTable tr.even td.sorting_3 { background-color: #F9F9FF; }
-
-
-/*
- * Table wrapper
- */
-.dataTables_wrapper {
-	position: relative;
-	clear: both;
-	*zoom: 1;
-}
-
-
-/*
- * Page length menu
- */
-.dataTables_length {
-	float: left;
-}
-
-
-/*
- * Filter
- */
-.dataTables_filter {
-	float: right;
-	text-align: right;
-}
-
-
-/*
- * Table information
- */
-.dataTables_info {
-	clear: both;
-	float: left;
-}
-
-
-/*
- * Pagination
- */
-.dataTables_paginate {
-	float: right;
-	text-align: right;
-}
-
-/* Two button pagination - previous / next */
-.paginate_disabled_previous,
-.paginate_enabled_previous,
-.paginate_disabled_next,
-.paginate_enabled_next {
-	height: 19px;
-	float: left;
-	cursor: pointer;
-	*cursor: hand;
-	color: #111 !important;
-}
-.paginate_disabled_previous:hover,
-.paginate_enabled_previous:hover,
-.paginate_disabled_next:hover,
-.paginate_enabled_next:hover {
-	text-decoration: none !important;
-}
-.paginate_disabled_previous:active,
-.paginate_enabled_previous:active,
-.paginate_disabled_next:active,
-.paginate_enabled_next:active {
-	outline: none;
-}
-
-.paginate_disabled_previous,
-.paginate_disabled_next {
-	color: #666 !important;
-}
-.paginate_disabled_previous,
-.paginate_enabled_previous {
-	padding-left: 23px;
-}
-.paginate_disabled_next,
-.paginate_enabled_next {
-	padding-right: 23px;
-	margin-left: 10px;
-}
-
-.paginate_enabled_previous { background: url('../images/back_enabled.png') no-repeat top left; }
-.paginate_enabled_previous:hover { background: url('../images/back_enabled_hover.png') no-repeat top left; }
-.paginate_disabled_previous { background: url('../images/back_disabled.png') no-repeat top left; }
-
-.paginate_enabled_next { background: url('../images/forward_enabled.png') no-repeat top right; }
-.paginate_enabled_next:hover { background: url('../images/forward_enabled_hover.png') no-repeat top right; }
-.paginate_disabled_next { background: url('../images/forward_disabled.png') no-repeat top right; }
-
-/* Full number pagination */
-.paging_full_numbers {
-	height: 22px;
-	line-height: 22px;
-}
-.paging_full_numbers a:active {
-	outline: none
-}
-.paging_full_numbers a:hover {
-	text-decoration: none;
-}
-
-.paging_full_numbers a.paginate_button,
-.paging_full_numbers a.paginate_active {
-	border: 1px solid #aaa;
-	-webkit-border-radius: 5px;
-	-moz-border-radius: 5px;
-	border-radius: 5px;
-	padding: 2px 5px;
-	margin: 0 3px;
-	cursor: pointer;
-	*cursor: hand;
-	color: #333 !important;
-}
-
-.paging_full_numbers a.paginate_button {
-	background-color: #ddd;
-}
-
-.paging_full_numbers a.paginate_button:hover {
-	background-color: #ccc;
-	text-decoration: none !important;
-}
-
-.paging_full_numbers a.paginate_active {
-	background-color: #99B3FF;
-}
-
-
-/*
- * Processing indicator
- */
-.dataTables_processing {
-	position: absolute;
-	top: 50%;
-	left: 50%;
-	width: 250px;
-	height: 30px;
-	margin-left: -125px;
-	margin-top: -15px;
-	padding: 14px 0 2px 0;
-	border: 1px solid #ddd;
-	text-align: center;
-	color: #999;
-	font-size: 14px;
-	background-color: white;
-}
-
-
-/*
- * Sorting
- */
-.sorting { background: url('../images/sort_both.png') no-repeat center right; }
-.sorting_asc { background: url('../images/sort_asc.png') no-repeat center right; }
-.sorting_desc { background: url('../images/sort_desc.png') no-repeat center right; }
-
-.sorting_asc_disabled { background: url('../images/sort_asc_disabled.png') no-repeat center right; }
-.sorting_desc_disabled { background: url('../images/sort_desc_disabled.png') no-repeat center right; }
- 
-table.dataTable thead th:active,
-table.dataTable thead td:active {
-	outline: none;
-}
-
-
-/*
- * Scrolling
- */
-.dataTables_scroll {
-	clear: both;
-}
-
-.dataTables_scrollBody {
-	*margin-top: -1px;
-	-webkit-overflow-scrolling: touch;
-}
-