diff --git a/public/css/styles.less b/public/css/styles.less
index f7f48a6826a..5aa7383e957 100644
--- a/public/css/styles.less
+++ b/public/css/styles.less
@@ -1,17 +1,25 @@
 @import "lib/bootstrap/bootstrap";
 
-@navbar-height: 45px;
-
-@brand-primary: #4d90fd;
-@brand-success: #60c060;
-@brand-warning: #ff9900;
-@brand-danger: #df4b33;
-@brand-info: #5bc0de;
-
+// Scaffolding
+// -------------------------
 body {
   padding-top: 70px;
 }
 
+// Brand Colors
+// -------------------------
+@brand-primary: #4d90fc;
+@brand-success: #60bf60;
+@brand-warning: #ff9800;
+@brand-danger: #de4b33;
+@brand-info: #5bc0dd;
+
+
+
+// Navbar
+// -------------------------
+@navbar-height: 45px;
+
 .navbar-brand {
   background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIj8+Cjxzdmcgd2lkdGg9IjkwIiBoZWlnaHQ9IjkwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgogPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KICA8IVtDREFUQVsNCgkuc3Qwe2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6IzQ2NDgzRTt9DQoJLnN0MXtmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtmaWxsOiM4Q0M4NEI7fQ0KCS5zdDJ7b3BhY2l0eTowLjU7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojQThBOEE4O30NCgkuc3Qze29wYWNpdHk6MC41O2ZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO2ZpbGw6IzQ2NDY0Njt9DQpdXT4KIDwvc3R5bGU+CgogPGc+CiAgPHRpdGxlPmJhY2tncm91bmQ8L3RpdGxlPgogIDxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSI5MiIgd2lkdGg9IjkyIiB5PSItMSIgeD0iLTEiLz4KIDwvZz4KIDxnPgogIDx0aXRsZT5MYXllciAxPC90aXRsZT4KICA8cGF0aCBpZD0ic3ZnXzEiIGQ9Im03OS4wMTAwMDIsMzguOTYwNjMyYzEuMTk5OTk3LC0wLjY4OTk5OSAxLjkzLC0xLjk3MDAwMSAxLjkzLC0zLjM2MDAwMWwwLC04Ljk5OTk5OGMwLC0xLjM4MDAwMSAtMC43NDAwMDUsLTIuNjYgLTEuOTMsLTMuMzYwMDAxbC0zMS45NTk5OTksLTE4LjU1OTk5OWMtMS4yMDAwMDUsLTAuNzAwMDAxIC0yLjY5MDAwMiwtMC43MDAwMDEgLTMuODkwMDAzLC0wLjAxbC0zMi4xNjAwMDMsMTguNTdjLTEuMjAwMDAxLDAuNjg5OTk5IC0xLjkzOTk5OSwxLjk4IC0xLjkzOTk5OSwzLjM2MDAwMWwwLDM3LjEyOTk5OWMwLDEuMzkwMDAzIDAuNzUsMi42ODAwMDQgMS45NTk5OTksMy4zODAwMDlsMzEuOTYwMDA2LDE4LjIwOTk5MWMxLjE3OTk5NiwwLjY2OTk5OCAyLjYxOTk5NSwwLjY4MDAwOCAzLjgwOTk5NCwwLjAyMDAwNGwxOS4zMjAwMDQsLTEwLjc1YzAuNjEwMDAxLC0wLjMzOTk5NiAxLC0wLjk4MDAwMyAxLC0xLjY4MDAwOGMwLjAxMDAwMiwtMC42OTk5ODkgLTAuMzcwMDAzLC0xLjM0OTk5OCAtMC45NzAwMDEsLTEuNjk5OTg5bC0zMi4zNjAwMDQsLTE4LjU3MDAwN2MtMC41OTk5OTUsLTAuMzQ5OTk1IC0wLjk4LC0wLjk4OTk5OCAtMC45OCwtMS42ODk5OTlsMCwtMTEuNjI5OTk3YzAsLTAuNjkwMDA2IDAuMzcwMDAzLC0xLjMzMDAwNiAwLjk3MDAwMSwtMS42ODAwMDRsMTAuMDcsLTUuODAwMDAxYzAuNjAwMDA2LC0wLjM0OTk5OCAxLjM0MDAwNCwtMC4zNDk5OTggMS45Mzk5OTksMGwxMC4wODAwMDYsNS44MDAwMDFjMC41OTk5OTgsMC4zNDk5OTggMC45Njk5OTcsMC45ODk5OTggMC45Njk5OTcsMS42ODAwMDRsMCw5LjE1OTk5NmMwLDAuNjg5OTk5IDAuMzY5OTk5LDEuMzI5OTk4IDAuOTcwMDA1LDEuNjc5OTk2YzAuNTk5OTk4LDAuMzQ5OTk4IDEuMzM5OTk2LDAuMzQwMDA0IDEuOTM5OTk1LC0wLjAwOTk5NWwxOS4yNzAwMDQsLTExLjE5MDAwMnoiIGNsYXNzPSJzdDAiLz4KICA8cGF0aCBpZD0ic3ZnXzIiIGQ9Im00NC42MjUsMzcuMjU5ODNjMC4yMzAwMDMsLTAuMTMwMDAxIDAuNTA5OTk1LC0wLjEzMDAwMSAwLjc1LDBsNi4xNzAwMDYsMy41NTk5OThjMC4yMjk5ODgsMC4xMzk5OTkgMC4zNjk5OTUsMC4zNzk5OTcgMC4zNjk5OTUsMC42Mzk5OTlsMCw3LjEyOTk5N2MwLDAuMjYwMDAyIC0wLjE0MDAwNywwLjUxMDAwMiAtMC4zNjk5OTUsMC42NTAwMDJsLTYuMTcwMDA2LDMuNTU5OTk4Yy0wLjIzMDAwMywwLjEzMDAwNSAtMC41MTAwMDIsMC4xMzAwMDUgLTAuNzUsMGwtNi4xNjk5OTgsLTMuNTU5OTk4Yy0wLjIzMDAwMywtMC4xMzk5OTkgLTAuMzY5OTk5LC0wLjM3OTk5NyAtMC4zNjk5OTksLTAuNjUwMDAybDAsLTcuMTI5OTk3YzAsLTAuMjY5OTk3IDAuMTM5OTk2LC0wLjUxMDAwMiAwLjM2OTk5OSwtMC42Mzk5OTlsNi4xNjk5OTgsLTMuNTU5OTk4eiIgY2xhc3M9InN0MSIvPgogIDxnIGlkPSJzdmdfNSIvPgogIDxnIGlkPSJzdmdfNiIvPgogIDxnIGlkPSJzdmdfNyIvPgogIDxnIGlkPSJzdmdfOCIvPgogIDxnIGlkPSJzdmdfOSIvPgogIDxnIGlkPSJzdmdfMTAiLz4KICA8ZyBpZD0ic3ZnXzExIi8+CiAgPGcgaWQ9InN2Z18xMiIvPgogIDxnIGlkPSJzdmdfMTMiLz4KICA8ZyBpZD0ic3ZnXzE0Ii8+CiAgPGcgaWQ9InN2Z18xNSIvPgogIDxnIGlkPSJzdmdfMTYiLz4KICA8ZyBpZD0ic3ZnXzE3Ii8+CiAgPGcgaWQ9InN2Z18xOCIvPgogIDxnIGlkPSJzdmdfMTkiLz4KICA8ZyBpZD0ic3ZnXzIwIi8+CiAgPGcgaWQ9InN2Z18yMSIvPgogIDxnIGlkPSJzdmdfMjIiLz4KIDwvZz4KPC9zdmc+);
   background-repeat: no-repeat;
@@ -21,6 +29,33 @@ body {
   margin-left: 15px;
 }
 
+// Form states and alerts
+// -------------------------
+
+@state-success-text: #569845;
+@state-success-bg: #dbf5d3;
+@state-success-border: #aed3a5;
+
+@state-info-text: #3a87ad;
+@state-info-bg: #d9edf7;
+@state-info-border: #98cce7;
+
+@state-warning-text: #bf9853;
+@state-warning-bg: #fdf8e2;
+@state-warning-border: #f2daab;
+
+@state-danger-text: #b94a48;
+@state-danger-bg: #f2dede;
+@state-danger-border: #e0b1b8;
+
+// Alerts
+// -------------------------
+
+.alert {
+  border-radius: 0;
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.10);
+}
+
 .navbar-nav img {
   width: 30px;
   height: 30px;