Created startin scss files

scss/invitemanager.scss

@@ -0,0 +1,82 @@
+/* stylelint-disable length-zero-no-unit, color-hex-case, color-hex-length*/
+
+.path-local-treestudyplan {
+    div.tab-pane:target {
+        margin-top: 0px;
+    }
+
+    [v-cloak] {
+        visibility: hidden;
+    }
+
+    .vue-loader {
+        width: 32px;
+        margin: auto;
+    }
+
+}
+
+/*******************
+*
+* Invite manager
+*
+********************/
+.path-admin-local-treestudyplan {
+
+    table.m-cohortgrouptable,
+    table.m-roomtable {
+        width: auto;
+    }
+}
+
+.path-local-treestudyplan {
+    table.m-manage_invites {
+
+        margin-bottom: 2em;
+        width: 80%;
+    }
+
+    table.m-manage_invites thead tr {
+        background-color: #009EE2;
+        color: white;
+    }
+
+    table.m-manage_invites tbody tr:nth-child(even) {
+        background-color: #D4EDFC;
+    }
+
+    table.m-manage_invites tbody tr:nth-child(odd) {
+        background-color: white;
+    }
+
+    table.m-manage_invites tbody td {
+        padding: 5px;
+    }
+
+    table.m-manage_invites tbody td[data-field=name] {
+        width: 20em;
+    }
+    table.m-manage_invites tbody td[data-field=email] {
+        width: 10em;
+    }
+    table.m-manage_invites tbody td[data-field=date] {
+        width: 10em;
+    }
+
+    table.m-manage_invites tbody td[data-field=allow_details],
+    table.m-manage_invites tbody td[data-field=allow_calendar],
+    table.m-manage_invites tbody td[data-field=allow_badges] {
+        width: 5em;
+        padding-left: 1em;
+    }
+
+    table.m-manage_invites tbody td[data-field=control] {
+        width: 150px;
+    }
+
+    table.m-manage_invites tbody td[data-field=control] a {
+        margin-left: 7px;
+        margin-right: 7px;
+    }
+}
+