hightlight free and occupied shifts like pre bootstrap

public/css/theme0.css

@@ -6304,3 +6304,15 @@ body {
 .footer a {
   color: #777777;
 }
+td.free {
+  background-color: #f2dede;
+}
+atd.free:hover {
+  background-color: #e4b9b9;
+}
+td.occupied {
+  background-color: #dff0d8;
+}
+atd.occupied:hover {
+  background-color: #c1e2b3;
+}

public/css/theme1.css

@@ -6327,6 +6327,18 @@ body {
 .footer a {
   color: #888888;
 }
+td.free {
+  background-color: #d9534f;
+}
+atd.free:hover {
+  background-color: #c9302c;
+}
+td.occupied {
+  background-color: #5cb85c;
+}
+atd.occupied:hover {
+  background-color: #449d44;
+}
 .text-primary,
 .text-primary:hover {
   color: #428bca;

themes/base.less

@@ -1,6 +1,3 @@
-//** Load fonts from this directory.
-@icon-font-path: "../fonts/";
-
 @import "../vendor/bootstrap/less/bootstrap";
 
 body {
@@ -10,3 +7,11 @@ body {
 .footer a {
   color: @text-muted;
 }
+
+td.free {
+	.bg-danger();
+}
+
+td.occupied {
+	.bg-success();
+}