Signed-off-by: ArunaWasantha <it18158946@my.sliit.lk>

moodle-interface-and-user-registration/.gitignore

+# These are some examples of commonly ignored file patterns.
+# You should customize this list as applicable to your project.
+# Learn more about .gitignore:
+#     https://www.atlassian.com/git/tutorials/saving-changes/gitignore
+
+# Node artifact files
+node_modules/
+dist/
+vendor/
+
+# Compiled Java class files
+*.class
+
+# Compiled Python bytecode
+*.py[cod]
+
+# Log files
+*.log
+
+# Package files
+*.jar
+
+# Maven
+target/
+dist/
+
+# JetBrains IDE
+.idea/
+
+# Unit test reports
+TEST*.xml
+
+# Generated by MacOS
+.DS_Store
+
+# Generated by Windows
+Thumbs.db
+
+# Applications
+*.app
+*.exe
+*.war
+
+# Large media files
+*.mp4
+*.tiff
+*.avi
+*.flv
+*.mov
+*.wmv
+

moodle-interface-and-user-registration/README.md

+# README #
+
+This README would normally document whatever steps are necessary to get your application up and running.
+
+### What is this repository for? ###
+
+* Quick summary
+* Version
+* [Learn Markdown](https://bitbucket.org/tutorials/markdowndemo)
+
+### How do I get set up? ###
+
+* Summary of set up
+* Configuration
+* Dependencies
+* Database configuration
+* How to run tests
+* Deployment instructions
+
+### Contribution guidelines ###
+
+* Writing tests
+* Code review
+* Other guidelines
+
+### Who do I talk to? ###
+
+* Repo owner or admin
+* Other community or team contact
\ No newline at end of file

moodle-interface-and-user-registration/assets/charts/plugins/chartjs-plugin-doughnutlabel.js

+(function (global, factory) {
+	typeof exports === 'object' && typeof module !== 'undefined' ? factory(require('chart.js')) :
+	typeof define === 'function' && define.amd ? define(['chart.js'], factory) :
+	(factory(global.Chart));
+}(this, (function (Chart) { 'use strict';
+
+Chart = Chart && Chart.hasOwnProperty('default') ? Chart['default'] : Chart;
+
+/**
+ * @module Options
+ */
+
+'use strict';
+
+var defaults = {
+	/**
+	 * The font options used to draw the label text.
+	 * @member {Object|Array|Function}
+	 * @prop {String} font.family - defaults to Chart.defaults.global.defaultFontFamily
+	 * @prop {Number} font.lineHeight - defaults to 1.2
+	 * @prop {Number} font.size - defaults to Chart.defaults.global.defaultFontSize
+	 * @prop {String} font.style - defaults to Chart.defaults.global.defaultFontStyle
+	 * @prop {Number} font.weight - defaults to 'normal'
+	 * @default Chart.defaults.global.defaultFont.*
+	 */
+	font: {
+		family: undefined,
+		lineHeight: 1.2,
+		size: undefined,
+		style: undefined,
+		weight: null
+	}
+};
+
+'use strict';
+
+var helpers$1 = Chart.helpers;
+
+var utils = {
+
+	parseFont: function(value) {
+		var global = Chart.defaults.global;
+		var size = helpers$1.valueOrDefault(value.size, global.defaultFontSize);
+		var font = {
+			family: helpers$1.valueOrDefault(value.family, global.defaultFontFamily),
+			lineHeight: helpers$1.options.toLineHeight(value.lineHeight, size),
+			size: size,
+			style: helpers$1.valueOrDefault(value.style, global.defaultFontStyle),
+			weight: helpers$1.valueOrDefault(value.weight, null),
+			string: ''
+		};
+
+		font.string = utils.toFontString(font);
+		return font;
+	},
+
+	toFontString: function(font) {
+		if (!font || helpers$1.isNullOrUndef(font.size) || helpers$1.isNullOrUndef(font.family)) {
+			return null;
+		}
+
+		return (font.style ? font.style + ' ' : '')
+			+ (font.weight ? font.weight + ' ' : '')
+			+ font.size + 'px '
+			+ font.family;
+	},
+
+	textSize: function(ctx, labels) {
+		var items = [].concat(labels);
+		var ilen = items.length;
+		var prev = ctx.font;
+		var width = 0;
+		var height = 0;
+		var i;
+
+		for (i = 0; i < ilen; ++i) {
+			ctx.font = items[i].font.string;
+			width = Math.max(ctx.measureText(items[i].text).width, width);
+			height += items[i].font.lineHeight;
+		}
+
+		ctx.font = prev;
+
+		var result = {
+			height: height,
+			width: width
+		};
+		return result;
+	}
+
+};
+
+'use strict';
+
+var helpers = Chart.helpers;
+
+Chart.defaults.global.plugins.doughnutlabel = defaults;
+
+function drawDoughnutLabel(chart, options) {
+	if (options && options.labels && options.labels.length > 0) {
+		var ctx = chart.ctx;
+		var resolve = helpers.options.resolve;
+
+		var innerLabels = [];
+		options.labels.forEach(function(label) {
+			var text = typeof(label.text) === 'function' ? label.text(chart) : label.text;
+			var innerLabel = {
+				text: text,
+				font: utils.parseFont(resolve([label.font, options.font, {}], ctx, 0)),
+				color: resolve([label.color, options.color, Chart.defaults.global.defaultFontColor], ctx, 0)
+			};
+			innerLabels.push(innerLabel);
+		});
+
+		var textAreaSize = utils.textSize(ctx, innerLabels);
+
+		// Calculate the adjustment ratio to fit the text area into the doughnut inner circle
+		var hypotenuse = Math.sqrt(Math.pow(textAreaSize.width, 2) + Math.pow(textAreaSize.height, 2));
+		var innerDiameter = chart.innerRadius * 2;
+		var fitRatio = innerDiameter / hypotenuse;
+
+		// Adjust the font if necessary and recalculate the text area after applying the fit ratio
+		if (fitRatio < 1) {
+			innerLabels.forEach(function(innerLabel) {
+				innerLabel.font.size = Math.floor(innerLabel.font.size * fitRatio);
+				innerLabel.font.lineHeight = undefined;
+				innerLabel.font = utils.parseFont(resolve([innerLabel.font, {}], ctx, 0));
+			});
+
+			textAreaSize = utils.textSize(ctx, innerLabels);
+		}
+
+		ctx.textAlign = 'center';
+		ctx.textBaseline = 'middle';
+
+		// The center of the inner circle
+		var centerX = ((chart.chartArea.left + chart.chartArea.right) / 2);
+		var centerY = ((chart.chartArea.top + chart.chartArea.bottom) / 2);
+
+		// The top Y coordinate of the text area
+		var topY = centerY - textAreaSize.height / 2;
+
+		var i;
+		var ilen = innerLabels.length;
+		var currentHeight = 0;
+		for (i = 0; i < ilen; ++i) {
+			ctx.fillStyle = innerLabels[i].color;
+			ctx.font = innerLabels[i].font.string;
+
+			// The Y center of each line
+			var lineCenterY = topY + innerLabels[i].font.lineHeight / 2 + currentHeight;
+			currentHeight += innerLabels[i].font.lineHeight;
+
+			// Draw each line of text
+			ctx.fillText(innerLabels[i].text, centerX, lineCenterY);
+		}
+	}
+}
+
+Chart.plugins.register({
+	id: 'doughnutlabel',
+	beforeDatasetDraw: function(chart, args, options) {
+		drawDoughnutLabel(chart, options);
+	}
+});
+
+})));

moodle-interface-and-user-registration/assets/charts/plugins/chartjs-plugin-doughnutlabel.min.js

+!function(t,e){"object"==typeof exports&&"undefined"!=typeof module?e(require("chart.js")):"function"==typeof define&&define.amd?define(["chart.js"],e):e(t.Chart)}(this,function(c){"use strict";var t={font:{family:void 0,lineHeight:1.2,size:void 0,style:void 0,weight:null}},l=(c=c&&c.hasOwnProperty("default")?c.default:c).helpers,p={parseFont:function(t){var e=c.defaults.global,n=l.valueOrDefault(t.size,e.defaultFontSize),i={family:l.valueOrDefault(t.family,e.defaultFontFamily),lineHeight:l.options.toLineHeight(t.lineHeight,n),size:n,style:l.valueOrDefault(t.style,e.defaultFontStyle),weight:l.valueOrDefault(t.weight,null),string:""};return i.string=p.toFontString(i),i},toFontString:function(t){return!t||l.isNullOrUndef(t.size)||l.isNullOrUndef(t.family)?null:(t.style?t.style+" ":"")+(t.weight?t.weight+" ":"")+t.size+"px "+t.family},textSize:function(t,e){var n,i=[].concat(e),l=i.length,o=t.font,a=0,r=0;for(n=0;n<l;++n)t.font=i[n].font.string,a=Math.max(t.measureText(i[n].text).width,a),r+=i[n].font.lineHeight;return t.font=o,{height:r,width:a}}},y=c.helpers;c.defaults.global.plugins.doughnutlabel=t,c.plugins.register({id:"doughnutlabel",beforeDatasetDraw:function(t,e,n){!function(n,i){if(i&&i.labels&&0<i.labels.length){var l=n.ctx,o=y.options.resolve,a=[];i.labels.forEach(function(t){var e={text:"function"==typeof t.text?t.text(n):t.text,font:p.parseFont(o([t.font,i.font,{}],l,0)),color:o([t.color,i.color,c.defaults.global.defaultFontColor],l,0)};a.push(e)});var t=p.textSize(l,a),e=Math.sqrt(Math.pow(t.width,2)+Math.pow(t.height,2)),r=2*n.innerRadius/e;r<1&&(a.forEach(function(t){t.font.size=Math.floor(t.font.size*r),t.font.lineHeight=void 0,t.font=p.parseFont(o([t.font,{}],l,0))}),t=p.textSize(l,a)),l.textAlign="center",l.textBaseline="middle";var f,u=(n.chartArea.left+n.chartArea.right)/2,s=(n.chartArea.top+n.chartArea.bottom)/2-t.height/2,h=a.length,g=0;for(f=0;f<h;++f){l.fillStyle=a[f].color,l.font=a[f].font.string;var d=s+a[f].font.lineHeight/2+g;g+=a[f].font.lineHeight,l.fillText(a[f].text,u,d)}}}(t,n)}})});
\ No newline at end of file

moodle-interface-and-user-registration/assets/css/calendar/calendar.css

+@import url(https://fonts.googleapis.com/css?family=Muli:400,300);
+body { margin-top: 3%; }
+
+.calendar, .calendar_weekdays, .calendar_content {
+    max-width: 300px;
+}
+.calendar {
+    padding: 10px 15px;
+    margin: auto;
+    font-family:'Muli', sans-serif;
+    font-weight: 400;
+}
+.calendar_content, .calendar_weekdays, .calendar_header {
+    position: relative;
+    overflow: hidden;
+}
+.calendar_weekdays div {
+    display:inline-block;
+    vertical-align:top;
+    color:#00c298 !important;
+    font-size: 12px !important;
+    font-weight: bold;
+    text-transform: uppercase;
+    
+}
+.calendar_weekdays div, .calendar_content div {
+    width: 14.28571%;
+    overflow: hidden;
+    text-align: center;
+    background-color: transparent;
+    color: #0e0c0c;
+    font-size: 12px;
+}
+.calendar_content div {
+    border: 1px solid transparent;
+    float: left;
+}
+.calendar_content div:hover {
+    background-color: rgba(0, 0, 0, .07);
+    border-radius: 50px;
+    cursor: pointer;
+}
+.calendar_content div.blank:hover {
+    cursor: default;
+    border-radius: 50px;
+    border: 1px solid transparent;
+}
+.calendar_content div.past-date {
+    color:rgba(0, 0, 0, .5);
+}
+.calendar_content div.today {
+    font-weight: bold;
+    font-size: 12px;
+    color: #fff !important;
+    border-radius: 50px;
+    background: #ffd400;
+}
+.calendar_content div.selected {
+    background-color: #00c298;
+    border-radius: 50px;
+}
+.calendar_content div.selected:hover {
+    border-radius: 50px;
+}
+.calendar_header {
+    padding-bottom: 10px;
+    padding-right: 30px;
+    padding-left: 30px;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    text-align: center;
+}
+.calendar_header h2 {
+    font-family:'Muli', sans-serif;
+    font-size: 12px;
+    font-weight: bold;
+    margin: auto;
+    color: #4d4d4d;
+    width:70%;
+}
+
+button.switch-month {
+    background-color: transparent;
+    outline: none;
+    border: none;
+    box-shadow: none;
+    padding-left: 6px;
+    padding-right: 6px;
+    color: #00c298;
+    width:8%;
+    transition: color .2s;    
+    font-size: 12px;
+}
+button.switch-month :hover {
+    color: #1d2412;   
+}
\ No newline at end of file

moodle-interface-and-user-registration/assets/css/calendar/datetimepicker/datetimepicker.min.css

+/*!
+ * Datepicker for Bootstrap
+ *
+ * Copyright 2012 Stefan Petre
+ * Licensed under the Apache License v2.0
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ */.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bootstrap-datetimepicker-widget{top:0;left:0;width:250px;padding:4px;margin-top:1px;z-index:3000;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.bootstrap-datetimepicker-widget:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,0.2);position:absolute;top:-7px;left:6px}.bootstrap-datetimepicker-widget:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:7px}.bootstrap-datetimepicker-widget.pull-right:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.pull-right:after{left:auto;right:7px}.bootstrap-datetimepicker-widget>ul{list-style-type:none;margin:0}.bootstrap-datetimepicker-widget .timepicker-hour,.bootstrap-datetimepicker-widget .timepicker-minute,.bootstrap-datetimepicker-widget .timepicker-second{width:100%;font-weight:bold;font-size:1.2em}.bootstrap-datetimepicker-widget table[data-hour-format="12"] .separator{width:4px;padding:0;margin:0}.bootstrap-datetimepicker-widget .datepicker>div{display:none}.bootstrap-datetimepicker-widget .picker-switch{text-align:center}.bootstrap-datetimepicker-widget table{width:100%;margin:0}.bootstrap-datetimepicker-widget td,.bootstrap-datetimepicker-widget th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.bootstrap-datetimepicker-widget td.day:hover,.bootstrap-datetimepicker-widget td.hour:hover,.bootstrap-datetimepicker-widget td.minute:hover,.bootstrap-datetimepicker-widget td.second:hover{background:#eee;cursor:pointer}.bootstrap-datetimepicker-widget td.old,.bootstrap-datetimepicker-widget td.new{color:#999}.bootstrap-datetimepicker-widget td.active,.bootstrap-datetimepicker-widget td.active:hover{color:#fff;background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#04c;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget td.active:hover,.bootstrap-datetimepicker-widget td.active:hover:hover,.bootstrap-datetimepicker-widget td.active:active,.bootstrap-datetimepicker-widget td.active:hover:active,.bootstrap-datetimepicker-widget td.active.active,.bootstrap-datetimepicker-widget td.active:hover.active,.bootstrap-datetimepicker-widget td.active.disabled,.bootstrap-datetimepicker-widget td.active:hover.disabled,.bootstrap-datetimepicker-widget td.active[disabled],.bootstrap-datetimepicker-widget td.active:hover[disabled]{color:#fff;background-color:#04c;*background-color:#003bb3}.bootstrap-datetimepicker-widget td.active:active,.bootstrap-datetimepicker-widget td.active:hover:active,.bootstrap-datetimepicker-widget td.active.active,.bootstrap-datetimepicker-widget td.active:hover.active{background-color:#039 \9}.bootstrap-datetimepicker-widget td.disabled,.bootstrap-datetimepicker-widget td.disabled:hover{background:0;color:#999;cursor:not-allowed}.bootstrap-datetimepicker-widget td span{display:block;width:47px;height:54px;line-height:54px;float:left;margin:2px;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.bootstrap-datetimepicker-widget td span:hover{background:#eee}.bootstrap-datetimepicker-widget td span.active{color:#fff;background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc',endColorstr='#ff0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);*background-color:#04c;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,0.25)}.bootstrap-datetimepicker-widget td span.active:hover,.bootstrap-datetimepicker-widget td span.active:active,.bootstrap-datetimepicker-widget td span.active.active,.bootstrap-datetimepicker-widget td span.active.disabled,.bootstrap-datetimepicker-widget td span.active[disabled]{color:#fff;background-color:#04c;*background-color:#003bb3}.bootstrap-datetimepicker-widget td span.active:active,.bootstrap-datetimepicker-widget td span.active.active{background-color:#039 \9}.bootstrap-datetimepicker-widget td span.old{color:#999}.bootstrap-datetimepicker-widget td span.disabled,.bootstrap-datetimepicker-widget td span.disabled:hover{background:0;color:#999;cursor:not-allowed}.bootstrap-datetimepicker-widget th.switch{width:145px}.bootstrap-datetimepicker-widget th.next,.bootstrap-datetimepicker-widget th.prev{font-size:21px}.bootstrap-datetimepicker-widget th.disabled,.bootstrap-datetimepicker-widget th.disabled:hover{background:0;color:#999;cursor:not-allowed}.bootstrap-datetimepicker-widget thead tr:first-child th{cursor:pointer}.bootstrap-datetimepicker-widget thead tr:first-child th:hover{background:#eee}.input-append.date .add-on i,.input-prepend.date .add-on i{display:block;cursor:pointer;width:16px;height:16px}.bootstrap-datetimepicker-widget.left-oriented:before{left:auto;right:6px}.bootstrap-datetimepicker-widget.left-oriented:after{left:auto;right:7px}
\ No newline at end of file

moodle-interface-and-user-registration/assets/css/common-style.css

+.btn-success,
+.btn-success:hover {
+    color: #fff;
+    background-color: #8cc168 !important;
+    border-color: #8cc168 !important;
+}
+
+.btn-sheding {
+    color: #454545;
+    background-color: #9db48d !important;
+}
+
+.btn-disabled {
+    background-color: #959893 !important;
+    cursor: not-allowed !important;
+}
+
+.submit-disabled {
+    pointer-events: none !important;
+    background-color: #8fa97e !important;
+    cursor: not-allowed !important;
+}
+
+.btn-deleted {
+    background-color: #4a4949;
+    color: #fff7f7;
+}
+
+.btn-deleted:hover {
+    color: #ffffff;
+}
+
+.btn-primary-custom,
+.btn-primary-custom:hover {
+    color: #fff;
+    background-color: #8cc168 !important;
+}
+
+.btn-secondory-custom,
+.btn-secondory-custom:hover {
+    color: #fff;
+    background-color: #14280e8f !important;
+}
+
+.btn-add-floating {
+    background-color: #8cc168;
+    position: fixed;
+    bottom: 65px;
+    right: 30px;
+    z-index: 101;
+    font-size: 22px;
+}
+
+.btn-add-floating.focus, 
+.btn-add-floating:focus, 
+.btn-add-floating:hover {
+    color: #fff;
+    background-color:#8cc168 !important;
+}
+
+.pusher-alert-div {
+    position: fixed;
+    bottom: 40px;
+    right: 20px;
+    width: 400px;
+    z-index: 105;
+}
+.alert-custom-close-btn {
+    position: absolute;
+    top: 5px;
+    right: 10px;
+}
+.alert-custom {
+    color: #7c7c7c;
+    background-color: #e2eadd;
+    border-color: #e2eadd;
+}
+.alert-custom p {
+    margin-bottom: 0px;
+}
\ No newline at end of file

moodle-interface-and-user-registration/assets/css/custom-table-style.css

+.select-btn {
+    width: 50px;
+    margin: 0 5px;
+    border: solid #ccc 1px;
+    border-radius: 2px;
+}
+
+
+table.dataTable {
+    width: 100%;
+}
+
+table {
+    border-collapse: separate !important;
+    border-spacing: 0;
+}
+
+.bordered {
+    border: solid #ccc 1px;
+    border-radius: 4px;
+    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
+
+}
+
+.bordered thead tr th {
+    font-weight: bold;
+    text-transform: uppercase;
+    color: #424242;
+}
+
+.bordered tbody tr td {
+    color: #424242;
+}
+
+.bordered tbody tr td.remove-btns {
+    display: flex;
+    border-bottom: none;
+}
+
+.bordered .view-btn {
+    border-radius: 2px;
+    background-color: #00C851;
+    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
+    color: rgba(0,0,0,0.6);
+}
+
+.bordered .view-btn span {
+    margin-left: 3px;
+    font-size: 12px;
+}
+
+.bordered .view-btn:hover {
+    color: #fff;
+}
+
+.bordered .remove-btn {
+    border-radius: 2px;
+    background-color: #FF4444;
+    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
+    color: rgba(0,0,0,0.6);
+}
+
+.bordered .remove-btn span {
+    margin-left: 3px;
+    font-size: 12px;
+}
+
+.bordered .remove-btn:hover {
+    color: #fff;
+}
+
+.bordered .send-btn {
+    border-radius: 2px;
+    background-color: #ffd54f;
+    box-shadow: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);
+    color: rgba(0,0,0,0.6);
+}
+
+.bordered .send-btn:hover {
+    color: #fff;
+}
+
+div.dataTables_wrapper div.dataTables_filter input {
+    width: 100%
+}
+
+div.dataTables_wrapper div.dataTables_filter input:focus {
+    box-shadow: none;
+}
+
+#datatable_length label {
+    margin-bottom: 5px;
+}
+
+
+
+@media screen and (max-width:900px) {
+    div.dataTables_wrapper div.dataTables_info {
+        display: none;
+    }
+    #datatable_length label,
+    #datatable_filter label {
+        display: flex;
+        align-items: center;
+    }
+}
+
+@media screen and (max-width:768px) {
+    div.dataTables_wrapper div.dataTables_filter {
+        text-align: start !important;
+    }
+    div.dataTables_wrapper div.dataTables_length {
+        display: grid;
+        justify-items: start;
+    }
+}
+
+@media screen and (max-width:576px) {
+    .wrapper.mob-active div.dataTables_wrapper div.dataTables_filter,
+    .wrapper.mob-active div.dataTables_wrapper div.dataTables_paginate,
+    .wrapper.mob-active div.dataTables_wrapper div.dataTables_length {
+        display: none;
+    }
+}
+
+@media screen and (max-width:420px) {
+    div.dataTables_wrapper div.dataTables_info {
+        display: none;
+    }
+    #datatable_length label,
+    #datatable_filter label,
+    #datatable_filter label .input-sm,
+    #datatable_length label .select-btn {
+        font-size: 10px;
+    }
+    .pagination .mdl-button {
+        font-size: 9px;
+        color: #000 !important;
+    }
+    .pagination .mdl-button--raised {
+        min-width: 25px;
+    }
+}
\ No newline at end of file

moodle-interface-and-user-registration/assets/css/dashboard-style.css

+body {
+    font-family: 'Nunito';
+}
+
+.navbar {
+    height: 60px;
+    font-family: "Poppins", sans-serif;
+    background-color: #8cc168 !important;
+}
+
+.hamburger-btn {
+    background: none;
+    font-size: 25px;
+    border: none;
+    color: #ffffff;
+    margin: 0;
+    padding: 0 0 0 20px;
+}
+
+.nav-title-custom {
+    font-size: 25px;
+    color: #ffffff !important; 
+    margin-left: 20px;
+    display: inline-block;
+    width: auto;
+}
+
+.current-page {
+    font-size: 17px;
+    color: #fff;
+    margin: 0 0 -6px -10px;
+}
+
+.user-icon {
+    color: #ffffff;
+    font-size: 20px !important;
+    position: initial !important;
+    font-weight: bold;
+    opacity: 1 !important;
+    margin-right: 3px;
+}
+
+.dropdown-toggle:after {
+    border-top: .4em solid;
+    border-right: .4em solid transparent;
+    border-left: 0.4em solid transparent;
+    color: #fff;
+}
+
+.navbar-nav .dropdown-menu {
+    background-color: #fff;
+    box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.2);
+    border-radius: 0.125rem;
+    transition: all 150ms linear;
+    font-size: 10px;
+    min-width: 8rem;
+    padding: .5rem 0;
+    margin: 4px 0 0 -75px;
+    background-clip: padding-box;
+}
+
+.dropdown-menu:before {
+    position: absolute;
+    content: "";
+    top: -4px;
+    left: 111px;
+    right: auto;
+    color: #FFFFFF;
+    border-bottom: .4em solid;
+    border-right: .4em solid transparent;
+    border-left: .4em solid transparent;
+}
+
+.dropdown-item {
+    color: #212529;
+    cursor: pointer;
+}
+
+.dropdown-menu .dropdown-item i {
+    margin-right: 5px;
+    font-size: 10px;
+    position: relative;
+    top: 1px;
+}
+
+.side-bar {
+    width: 275px;
+    position: fixed;
+    top: 60px;
+    background: #ffffff;
+    left: -275px;
+    height: calc(100vh - 105px);
+    z-index: 100;
+    transition: left 0.4s linear;
+    border-right: 1px solid #e0e0e0;
+    overflow-y: auto;
+}
+
+.side-bar.open-sidebar {
+    left: 0;
+}
+
+.sidebar-overlay {
+    width: 100%;
+    position: fixed;
+    top: 60px;
+    left: 0;
+    height: calc(100vh - 105px);
+    background: rgba(0, 0, 0, 0.5);
+    z-index: 99;
+    display: none;
+}
+
+.main-body {
+    width: 100%;
+    top: 60px;
+    position:absolute;
+    left: 0;
+    background: #ffffff;
+    transition: all 0.4s linear;
+    height: calc(100vh - 105px);
+    overflow: auto;
+}
+
+.main-body.open-sidebar {
+    width: calc(100% - 275px);
+    left: 275px;
+}
+
+.main-body .content {
+    margin-top: 15px;
+}
+
+.side-bar .list-group {
+    margin-top: 20px;
+}
+
+.side-item .side-link:not(.btn) {
+    display: block;
+    padding: 8px 25px;
+    cursor: pointer;
+    font-size: 15px;
+    line-height: 1.625rem;
+    color: #7c7c7c;
+    width: 255px;
+    margin-left: 10px;
+    font-weight: bold;
+}
+
+.side-item .side-link:not(.btn):focus,
+.side-item .side-link:not(.btn):hover, 
+.side-item .side-link:not(.btn).active {
+    background-color: rgb(77 127 43 / 16%);
+    border-radius: 0.2275rem;
+    width: 255px;
+    margin-left: 10px;
+    color: #8cc168;
+}
+
+.side-item .side-link:not(.btn) i.fab,
+.side-item .side-link:not(.btn) i.now-ui-icons {
+    font-size: 18px;
+    position: relative;
+    top: 3px;
+    text-align: center;
+    width: 21px;
+    margin-right: 25px;
+    font-weight: bold;
+}
+
+.side-item {
+    margin-bottom: 5px;
+}
+
+footer {
+    position: fixed;
+    bottom: 0;
+    width: 100%;
+    z-index: 101;
+}
+
+footer .footer-area {
+    font-family: "Poppins", sans-serif;
+    background-color: #88b77b!important;
+    height: 45px;
+}
+
+.custom-modal-content {
+    border: 0;
+    border-radius: 0;
+}
+
+.form-control:focus {
+    -webkit-box-shadow: none;
+    box-shadow: none;
+    border-color: #8cc168 !important;
+    -webkit-box-shadow: inset 0 0 0 1px #8cc168 !important;
+    box-shadow: inset 0 0 0 1px #8cc168 !important;
+}
+
+.select2-label{
+    font-size: 12px;
+    color: black;
+    margin: -18px 0 0 10px;
+    margin: -8px 0 0 10px;
+    display: block;
+}
+
+.form-area .select2.select2-container.select2-container--default {
+    width: 100% !important;
+}
+
+/* Chrome, Safari, Edge, Opera */
+input::-webkit-outer-spin-button,
+input::-webkit-inner-spin-button {
+    -webkit-appearance: none;
+    margin: 0;
+}
+
+/* Firefox */
+input[type=number] {
+    -moz-appearance: textfield;
+}
+
+/* @@ deafult css @@ */
+.text-right {
+    text-align: right;
+}
+
+/* width */
+::-webkit-scrollbar {
+    width: 6px;
+}
+  
+/* Track */
+::-webkit-scrollbar-track {
+    background: #f1f1f1; 
+}
+
+/* Handle */
+::-webkit-scrollbar-thumb {
+    background: #888; 
+    border-radius: 10px;
+}
+
+/* Handle on hover */
+::-webkit-scrollbar-thumb:hover {
+    background: #555; 
+}
+
+/* @@ sweet alert css @@ */
+.swal2-actions .swal2-styled {
+    border-radius: .25rem !important;
+    padding: 7px 35px !important;
+    text-align: center !important;
+    width: 121.6px !important;
+}
+
+.swal2-actions .swal2-styled.swal2-confirm {
+    background-color: #8cc168 !important;
+}
+
+.swal2-actions .swal2-styled.swal2-cancel  {
+    background-color:#14280e8f !important;
+}
+
+.swal2-actions .swal2-styled:focus {
+    box-shadow: none !important;
+}
+
+@media screen and (max-width: 992px) {  
+    .user-anchor {
+        margin-bottom: -10px;
+    }
+}           
+
+@media screen and (max-width: 768px) {
+    .sidebar-overlay.open-sidebar {
+        display: block;
+    }
+    .main-body.open-sidebar {
+        width: 100%;
+        left: 0;
+    }
+}     
+
+@media screen and (max-width: 576px) {
+    .hamburger-btn {
+        padding: 0;
+        font-size: 20px;
+    }    
+    .nav-title-custom {
+        font-size: 20px;
+        margin-left: 8px;
+    }    
+    .current-page {
+        font-size: 14px;
+    }
+}  
\ No newline at end of file

moodle-interface-and-user-registration/assets/css/dataTables.material.min.css

+div.dataTables_wrapper div.dataTables_filter{text-align:right}div.dataTables_wrapper div.dataTables_filter input{margin-left:0.5em}div.dataTables_wrapper div.dataTables_info{padding-top:10px;white-space:nowrap}div.dataTables_wrapper div.dataTables_processing{position:absolute;top:50%;left:50%;width:200px;margin-left:-100px;text-align:center}div.dataTables_wrapper div.dataTables_paginate{text-align:right}div.dataTables_wrapper div.mdl-grid.dt-table{padding-top:0;padding-bottom:0}div.dataTables_wrapper div.mdl-grid.dt-table>div.mdl-cell{margin-top:0;margin-bottom:0}table.dataTable thead>tr>th.sorting_asc,table.dataTable thead>tr>th.sorting_desc,table.dataTable thead>tr>th.sorting,table.dataTable thead>tr>td.sorting_asc,table.dataTable thead>tr>td.sorting_desc,table.dataTable thead>tr>td.sorting{padding-right:30px}table.dataTable thead>tr>th:active,table.dataTable thead>tr>td:active{outline:none}table.dataTable thead .sorting,table.dataTable thead .sorting_asc,table.dataTable thead .sorting_desc,table.dataTable thead .sorting_asc_disabled,table.dataTable thead .sorting_desc_disabled{cursor:pointer;position:relative}table.dataTable thead .sorting:before,table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:before,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:before,table.dataTable thead .sorting_desc_disabled:after{position:absolute;bottom:11px;display:block;opacity:0.3;font-size:1.3em}table.dataTable thead .sorting:before,table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_desc:before,table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_desc_disabled:before{right:1em;content:"\2191"}table.dataTable thead .sorting:after,table.dataTable thead .sorting_asc:after,table.dataTable thead .sorting_desc:after,table.dataTable thead .sorting_asc_disabled:after,table.dataTable thead .sorting_desc_disabled:after{right:0.5em;content:"\2193"}table.dataTable thead .sorting_asc:before,table.dataTable thead .sorting_desc:after{opacity:1}table.dataTable thead .sorting_asc_disabled:before,table.dataTable thead .sorting_desc_disabled:after{opacity:0}

moodle-interface-and-user-registration/assets/css/english-fonts.css

+@font-face {
+  font-family: Poppins;
+  src: url(../fonts/english-fonts/Poppins-Regular.ttf);
+}
+@font-face {
+  font-family: Helvetica;
+  src: url(../fonts/english-fonts/Helvetica-Neue.otf);
+}
+@font-face {
+  font-family: Playfair;
+  src: url(../fonts/english-fonts/PlayfairDisplay-Regular.ttf);
+}
+@font-face {
+  font-family: Vidaloka;
+  src: url(../fonts/english-fonts/Vidaloka-Regular.ttf);
+}
\ No newline at end of file

moodle-interface-and-user-registration/assets/css/loader-style.css

+.loader {
+    position: fixed;
+    z-index: 1031;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background: #fff;
+    display: flex;
+    justify-content: center;
+    align-items: center
+}
+
+.loader > img {
+    width: 300px
+}
+
+.loader.hidden {
+    animation: fadeOut 1s;
+    animation-fill-mode: forwards
+}
+
+@keyframes fadeOut {
+    100% {
+        opacity: 0;
+        visibility: hidden
+    }
+}
\ No newline at end of file