First commit. Check if all is uploaded well.

assets/css/patchpanel.css

@@ -0,0 +1,95 @@
+/* Styles added to template */
+
+/* Patch for card-block */
+.card-block {
+	padding: 1.25rem;
+}
+
+.mhcenter {
+    margin: 0 auto;
+}
+
+/* Colours */
+.green{
+color:green;
+}
+.blue{
+color:#2727d8;
+}
+.grey{
+color:#73737b;
+}
+.orange{
+color:#d48c08;
+}
+.red{
+color:#c21c1c;
+}
+.black {
+    color:black;
+}
+
+a.nochange{
+	color:inherit;
+	text-decoration:inherit;	
+}
+
+th.thgrp {
+    font-size: 18px;
+    background-color: #636363;
+    color: white;
+}
+
+/** Tooltip */
+/** Source: http://stackoverflow.com/questions/1055581/how-do-i-add-a-tool-tip-to-a-span-element */
+[data-tooltip] {
+    display: inline-block;
+    position: relative;
+    cursor: help;
+    padding: 4px;
+}
+/* Tooltip styling */
+[data-tooltip]:before {
+    content: attr(data-tooltip);
+    display: none;
+    position: absolute;
+    background: #000;
+    color: #fff;
+    padding: 4px 8px;
+    font-size: 14px;
+    line-height: 1.4;
+    min-width: 130px;
+    text-align: center;
+    border-radius: 4px;
+}
+/* Dynamic horizontal centering */
+[data-tooltip]:before{
+    left: 50%;
+    -ms-transform: translateX(-50%);
+    -moz-transform: translateX(-50%);
+    -webkit-transform: translateX(-50%);
+    transform: translateX(-50%);
+	bottom: 100%;
+    margin-bottom: 6px;
+}
+
+/* Tooltip arrow styling/placement */
+[data-tooltip]:after {
+    content: '';
+    display: none;
+    position: absolute;
+    width: 0;
+    height: 0;
+    border-color: transparent;
+    border-style: solid;
+	left: 50%;
+    margin-left: -6px;
+    bottom: 100%;
+    border-width: 6px 6px 0;
+    border-top-color: #000;
+}
+[data-tooltip]:hover:before,
+[data-tooltip]:hover:after {
+    display: block;
+    z-index: 50;
+}