diff --git a/.idea/vcs.xml b/.idea/vcs.xml
deleted file mode 100644
index 35eb1dd..0000000
--- a/.idea/vcs.xml
+++ /dev/null
@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<project version="4">
-  <component name="VcsDirectoryMappings">
-    <mapping directory="" vcs="Git" />
-  </component>
-</project>
\ No newline at end of file
diff --git a/amd/build/alert.min.js b/amd/build/alert.min.js
new file mode 100644
index 0000000..353d0e1
--- /dev/null
+++ b/amd/build/alert.min.js
@@ -0,0 +1 @@
+define(["exports","jquery","./util"],function(a,b,c){"use strict";function d(a){return a&&a.__esModule?a:{"default":a}}function e(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}function f(a,b){for(var c=0;c<b.length;c++){var d=b[c];d.enumerable=d.enumerable||!1,d.configurable=!0,"value"in d&&(d.writable=!0),Object.defineProperty(a,d.key,d)}}function g(a,b,c){return b&&f(a.prototype,b),c&&f(a,c),a}Object.defineProperty(a,"__esModule",{value:!0});var h=d(b),i=d(c),j=function(a){var b="alert",c="4.0.0",d="bs.alert",f=".".concat(d),h=".data-api",j=a.fn[b],k=150,l={DISMISS:'[data-dismiss="alert"]'},m={CLOSE:"close".concat(f),CLOSED:"closed".concat(f),CLICK_DATA_API:"click".concat(f).concat(h)},n={ALERT:"alert",FADE:"fade",SHOW:"show"},o=function(){function b(a){e(this,b),this._element=a}return g(b,[{key:"close",value:function(a){a=a||this._element;var b=this._getRootElement(a),c=this._triggerCloseEvent(b);c.isDefaultPrevented()||this._removeElement(b)}},{key:"dispose",value:function(){a.removeData(this._element,d),this._element=null}},{key:"_getRootElement",value:function(b){var c=i["default"].getSelectorFromElement(b),d=!1;return c&&(d=a(c)[0]),d||(d=a(b).closest(".".concat(n.ALERT))[0]),d}},{key:"_triggerCloseEvent",value:function(b){var c=a.Event(m.CLOSE);return a(b).trigger(c),c}},{key:"_removeElement",value:function(b){var c=this;return a(b).removeClass(n.SHOW),i["default"].supportsTransitionEnd()&&a(b).hasClass(n.FADE)?void a(b).one(i["default"].TRANSITION_END,function(a){return c._destroyElement(b,a)}).emulateTransitionEnd(k):void this._destroyElement(b)}},{key:"_destroyElement",value:function(b){a(b).detach().trigger(m.CLOSED).remove()}}],[{key:"_jQueryInterface",value:function(c){return this.each(function(){var e=a(this),f=e.data(d);f||(f=new b(this),e.data(d,f)),"close"===c&&f[c](this)})}},{key:"_handleDismiss",value:function(a){return function(b){b&&b.preventDefault(),a.close(this)}}},{key:"VERSION",get:function(){return c}}]),b}();return a(document).on(m.CLICK_DATA_API,l.DISMISS,o._handleDismiss(new o)),a.fn[b]=o._jQueryInterface,a.fn[b].Constructor=o,a.fn[b].noConflict=function(){return a.fn[b]=j,o._jQueryInterface},o}(h["default"]);a["default"]=j});
\ No newline at end of file
diff --git a/amd/build/aria.min.js b/amd/build/aria.min.js
new file mode 100644
index 0000000..fb85516
--- /dev/null
+++ b/amd/build/aria.min.js
@@ -0,0 +1 @@
+define(["jquery","core/pending"],function(a,b){return{init:function(){var c=!1,d=function(){c=!0},e=function(){var a=c;return c=!1,a};a('[data-toggle="dropdown"]').keydown(function(b){var c,e=b.which||b.keyCode;38==e&&d(),27==e&&(c=a(b.target).attr("aria-expanded"),b.preventDefault(),"false"==c&&a(b.target).click()),32!=e&&13!=e||(b.preventDefault(),a(b.target).click())});var f=function(c){var d=function(b){a(this).focus(),b.resolve()}.bind(c);setTimeout(d,50,new b("core/aria:delayed-focus"))};a(".dropdown").on("shown.bs.dropdown",function(b){var c=a(b.target).find('[role="menu"]'),d=!1,g=!1;c&&(d=a(c).find('[role="menuitem"]')),d&&d.length>0&&(g=e()?d[d.length-1]:d[0]),g&&f(g)}),a('.dropdown [role="menu"] [role="menuitem"]').keypress(function(b){var c,d,e=String.fromCharCode(b.which||b.keyCode),g=a(b.target).closest('[role="menu"]'),h=0,i=!1;if(g&&(i=a(g).find('[role="menuitem"]')))for(e=e.toLowerCase(),h=0;h<i.length;h++)if(c=a(i[h]),d=c.text().trim().toLowerCase(),0==d.indexOf(e)){f(c);break}}),a('.dropdown [role="menu"] [role="menuitem"]').keydown(function(b){var c=b.which||b.keyCode,d=!1,e=a(b.target).closest('[role="menu"]'),g=0,h=!1;if(e&&(h=a(e).find('[role="menuitem"]'))){if(40==c){for(g=0;g<h.length-1;g++)if(h[g]==b.target){d=h[g+1];break}d||(d=h[0])}else if(38==c){for(g=1;g<h.length;g++)if(h[g]==b.target){d=h[g-1];break}d||(d=h[h.length-1])}else 36==c?d=h[0]:35==c&&(d=h[h.length-1]);d&&(b.preventDefault(),f(d))}}),a(".dropdown").on("hidden.bs.dropdown",function(b){var c=a(b.target).find('[data-toggle="dropdown"]');c&&f(c)}),a(function(){window.setTimeout(function(b){var c=a('[role="alert"][data-aria-autofocus="true"]');c.length>0&&(a(c[0]).attr("tabindex","0"),a(c[0]).focus()),b.resolve()},300,new b("core/aria:delayed-focus"))})}}});
\ No newline at end of file
diff --git a/amd/build/button.min.js b/amd/build/button.min.js
new file mode 100644
index 0000000..c6accae
--- /dev/null
+++ b/amd/build/button.min.js
@@ -0,0 +1 @@
+define(["exports","jquery"],function(a,b){"use strict";function c(a){return a&&a.__esModule?a:{"default":a}}function d(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}function e(a,b){for(var c=0;c<b.length;c++){var d=b[c];d.enumerable=d.enumerable||!1,d.configurable=!0,"value"in d&&(d.writable=!0),Object.defineProperty(a,d.key,d)}}function f(a,b,c){return b&&e(a.prototype,b),c&&e(a,c),a}Object.defineProperty(a,"__esModule",{value:!0});var g=c(b),h=function(a){var b="button",c="4.0.0",e="bs.button",g=".".concat(e),h=".data-api",i=a.fn[b],j={ACTIVE:"active",BUTTON:"btn",FOCUS:"focus"},k={DATA_TOGGLE_CARROT:'[data-toggle^="button"]',DATA_TOGGLE:'[data-toggle="buttons"]',INPUT:"input",ACTIVE:".active",BUTTON:".btn"},l={CLICK_DATA_API:"click".concat(g).concat(h),FOCUS_BLUR_DATA_API:"focus".concat(g).concat(h," ")+"blur".concat(g).concat(h)},m=function(){function b(a){d(this,b),this._element=a}return f(b,[{key:"toggle",value:function(){var b=!0,c=!0,d=a(this._element).closest(k.DATA_TOGGLE)[0];if(d){var e=a(this._element).find(k.INPUT)[0];if(e){if("radio"===e.type)if(e.checked&&a(this._element).hasClass(j.ACTIVE))b=!1;else{var f=a(d).find(k.ACTIVE)[0];f&&a(f).removeClass(j.ACTIVE)}if(b){if(e.hasAttribute("disabled")||d.hasAttribute("disabled")||e.classList.contains("disabled")||d.classList.contains("disabled"))return;e.checked=!a(this._element).hasClass(j.ACTIVE),a(e).trigger("change")}e.focus(),c=!1}}c&&this._element.setAttribute("aria-pressed",!a(this._element).hasClass(j.ACTIVE)),b&&a(this._element).toggleClass(j.ACTIVE)}},{key:"dispose",value:function(){a.removeData(this._element,e),this._element=null}}],[{key:"_jQueryInterface",value:function(c){return this.each(function(){var d=a(this).data(e);d||(d=new b(this),a(this).data(e,d)),"toggle"===c&&d[c]()})}},{key:"VERSION",get:function(){return c}}]),b}();return a(document).on(l.CLICK_DATA_API,k.DATA_TOGGLE_CARROT,function(b){b.preventDefault();var c=b.target;a(c).hasClass(j.BUTTON)||(c=a(c).closest(k.BUTTON)),m._jQueryInterface.call(a(c),"toggle")}).on(l.FOCUS_BLUR_DATA_API,k.DATA_TOGGLE_CARROT,function(b){var c=a(b.target).closest(k.BUTTON)[0];a(c).toggleClass(j.FOCUS,/^focus(in)?$/.test(b.type))}),a.fn[b]=m._jQueryInterface,a.fn[b].Constructor=m,a.fn[b].noConflict=function(){return a.fn[b]=i,m._jQueryInterface},m}(g["default"]);a["default"]=h});
\ No newline at end of file
diff --git a/amd/build/carousel.min.js b/amd/build/carousel.min.js
new file mode 100644
index 0000000..01e27a3
--- /dev/null
+++ b/amd/build/carousel.min.js
@@ -0,0 +1 @@
+define(["exports","jquery","./util"],function(a,b,c){"use strict";function d(a){return a&&a.__esModule?a:{"default":a}}function e(a){return(e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a})(a)}function f(){return f=Object.assign||function(a){for(var b=1;b<arguments.length;b++){var c=arguments[b];for(var d in c)Object.prototype.hasOwnProperty.call(c,d)&&(a[d]=c[d])}return a},f.apply(this,arguments)}function g(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}function h(a,b){for(var c=0;c<b.length;c++){var d=b[c];d.enumerable=d.enumerable||!1,d.configurable=!0,"value"in d&&(d.writable=!0),Object.defineProperty(a,d.key,d)}}function i(a,b,c){return b&&h(a.prototype,b),c&&h(a,c),a}Object.defineProperty(a,"__esModule",{value:!0});var j=d(b),k=d(c),l=function(a){var b="carousel",c="4.0.0",d="bs.carousel",h=".".concat(d),j=".data-api",l=a.fn[b],m=600,n=37,o=39,p=500,q={interval:5e3,keyboard:!0,slide:!1,pause:"hover",wrap:!0},r={interval:"(number|boolean)",keyboard:"boolean",slide:"(boolean|string)",pause:"(string|boolean)",wrap:"boolean"},s={NEXT:"next",PREV:"prev",LEFT:"left",RIGHT:"right"},t={SLIDE:"slide".concat(h),SLID:"slid".concat(h),KEYDOWN:"keydown".concat(h),MOUSEENTER:"mouseenter".concat(h),MOUSELEAVE:"mouseleave".concat(h),TOUCHEND:"touchend".concat(h),LOAD_DATA_API:"load".concat(h).concat(j),CLICK_DATA_API:"click".concat(h).concat(j)},u={CAROUSEL:"carousel",ACTIVE:"active",SLIDE:"slide",RIGHT:"carousel-item-right",LEFT:"carousel-item-left",NEXT:"carousel-item-next",PREV:"carousel-item-prev",ITEM:"carousel-item"},v={ACTIVE:".active",ACTIVE_ITEM:".active.carousel-item",ITEM:".carousel-item",NEXT_PREV:".carousel-item-next, .carousel-item-prev",INDICATORS:".carousel-indicators",DATA_SLIDE:"[data-slide], [data-slide-to]",DATA_RIDE:'[data-ride="carousel"]'},w=function(){function j(b,c){g(this,j),this._items=null,this._interval=null,this._activeElement=null,this._isPaused=!1,this._isSliding=!1,this.touchTimeout=null,this._config=this._getConfig(c),this._element=a(b)[0],this._indicatorsElement=a(this._element).find(v.INDICATORS)[0],this._addEventListeners()}return i(j,[{key:"next",value:function(){this._isSliding||this._slide(s.NEXT)}},{key:"nextWhenVisible",value:function(){!document.hidden&&a(this._element).is(":visible")&&"hidden"!==a(this._element).css("visibility")&&this.next()}},{key:"prev",value:function(){this._isSliding||this._slide(s.PREV)}},{key:"pause",value:function(b){b||(this._isPaused=!0),a(this._element).find(v.NEXT_PREV)[0]&&k["default"].supportsTransitionEnd()&&(k["default"].triggerTransitionEnd(this._element),this.cycle(!0)),clearInterval(this._interval),this._interval=null}},{key:"cycle",value:function(a){a||(this._isPaused=!1),this._interval&&(clearInterval(this._interval),this._interval=null),this._config.interval&&!this._isPaused&&(this._interval=setInterval((document.visibilityState?this.nextWhenVisible:this.next).bind(this),this._config.interval))}},{key:"to",value:function(b){var c=this;this._activeElement=a(this._element).find(v.ACTIVE_ITEM)[0];var d=this._getItemIndex(this._activeElement);if(!(b>this._items.length-1||b<0)){if(this._isSliding)return void a(this._element).one(t.SLID,function(){return c.to(b)});if(d===b)return this.pause(),void this.cycle();var e=b>d?s.NEXT:s.PREV;this._slide(e,this._items[b])}}},{key:"dispose",value:function(){a(this._element).off(h),a.removeData(this._element,d),this._items=null,this._config=null,this._element=null,this._interval=null,this._isPaused=null,this._isSliding=null,this._activeElement=null,this._indicatorsElement=null}},{key:"_getConfig",value:function(a){return a=f({},q,a),k["default"].typeCheckConfig(b,a,r),a}},{key:"_addEventListeners",value:function(){var b=this;this._config.keyboard&&a(this._element).on(t.KEYDOWN,function(a){return b._keydown(a)}),"hover"===this._config.pause&&(a(this._element).on(t.MOUSEENTER,function(a){return b.pause(a)}).on(t.MOUSELEAVE,function(a){return b.cycle(a)}),"ontouchstart"in document.documentElement&&a(this._element).on(t.TOUCHEND,function(){b.pause(),b.touchTimeout&&clearTimeout(b.touchTimeout),b.touchTimeout=setTimeout(function(a){return b.cycle(a)},p+b._config.interval)}))}},{key:"_keydown",value:function(a){if(!/input|textarea/i.test(a.target.tagName))switch(a.which){case n:a.preventDefault(),this.prev();break;case o:a.preventDefault(),this.next()}}},{key:"_getItemIndex",value:function(b){return this._items=a.makeArray(a(b).parent().find(v.ITEM)),this._items.indexOf(b)}},{key:"_getItemByDirection",value:function(a,b){var c=a===s.NEXT,d=a===s.PREV,e=this._getItemIndex(b),f=this._items.length-1,g=d&&0===e||c&&e===f;if(g&&!this._config.wrap)return b;var h=a===s.PREV?-1:1,i=(e+h)%this._items.length;return i===-1?this._items[this._items.length-1]:this._items[i]}},{key:"_triggerSlideEvent",value:function(b,c){var d=this._getItemIndex(b),e=this._getItemIndex(a(this._element).find(v.ACTIVE_ITEM)[0]),f=a.Event(t.SLIDE,{relatedTarget:b,direction:c,from:e,to:d});return a(this._element).trigger(f),f}},{key:"_setActiveIndicatorElement",value:function(b){if(this._indicatorsElement){a(this._indicatorsElement).find(v.ACTIVE).removeClass(u.ACTIVE);var c=this._indicatorsElement.children[this._getItemIndex(b)];c&&a(c).addClass(u.ACTIVE)}}},{key:"_slide",value:function(b,c){var d,e,f,g=this,h=a(this._element).find(v.ACTIVE_ITEM)[0],i=this._getItemIndex(h),j=c||h&&this._getItemByDirection(b,h),l=this._getItemIndex(j),n=Boolean(this._interval);if(b===s.NEXT?(d=u.LEFT,e=u.NEXT,f=s.LEFT):(d=u.RIGHT,e=u.PREV,f=s.RIGHT),j&&a(j).hasClass(u.ACTIVE))return void(this._isSliding=!1);var o=this._triggerSlideEvent(j,f);if(!o.isDefaultPrevented()&&h&&j){this._isSliding=!0,n&&this.pause(),this._setActiveIndicatorElement(j);var p=a.Event(t.SLID,{relatedTarget:j,direction:f,from:i,to:l});k["default"].supportsTransitionEnd()&&a(this._element).hasClass(u.SLIDE)?(a(j).addClass(e),k["default"].reflow(j),a(h).addClass(d),a(j).addClass(d),a(h).one(k["default"].TRANSITION_END,function(){a(j).removeClass("".concat(d," ").concat(e)).addClass(u.ACTIVE),a(h).removeClass("".concat(u.ACTIVE," ").concat(e," ").concat(d)),g._isSliding=!1,setTimeout(function(){return a(g._element).trigger(p)},0)}).emulateTransitionEnd(m)):(a(h).removeClass(u.ACTIVE),a(j).addClass(u.ACTIVE),this._isSliding=!1,a(this._element).trigger(p)),n&&this.cycle()}}}],[{key:"_jQueryInterface",value:function(b){return this.each(function(){var c=a(this).data(d),g=f({},q,a(this).data());"object"===e(b)&&(g=f({},g,b));var h="string"==typeof b?b:g.slide;if(c||(c=new j(this,g),a(this).data(d,c)),"number"==typeof b)c.to(b);else if("string"==typeof h){if("undefined"==typeof c[h])throw new TypeError('No method named "'.concat(h,'"'));c[h]()}else g.interval&&(c.pause(),c.cycle())})}},{key:"_dataApiClickHandler",value:function(b){var c=k["default"].getSelectorFromElement(this);if(c){var e=a(c)[0];if(e&&a(e).hasClass(u.CAROUSEL)){var g=f({},a(e).data(),a(this).data()),h=this.getAttribute("data-slide-to");h&&(g.interval=!1),j._jQueryInterface.call(a(e),g),h&&a(e).data(d).to(h),b.preventDefault()}}}},{key:"VERSION",get:function(){return c}},{key:"Default",get:function(){return q}}]),j}();return a(document).on(t.CLICK_DATA_API,v.DATA_SLIDE,w._dataApiClickHandler),a(window).on(t.LOAD_DATA_API,function(){a(v.DATA_RIDE).each(function(){var b=a(this);w._jQueryInterface.call(b,b.data())})}),a.fn[b]=w._jQueryInterface,a.fn[b].Constructor=w,a.fn[b].noConflict=function(){return a.fn[b]=l,w._jQueryInterface},w}(j["default"]);a["default"]=l});
\ No newline at end of file
diff --git a/amd/build/collapse.min.js b/amd/build/collapse.min.js
new file mode 100644
index 0000000..8a8c513
--- /dev/null
+++ b/amd/build/collapse.min.js
@@ -0,0 +1 @@
+define(["exports","jquery","./util"],function(a,b,c){"use strict";function d(a){return a&&a.__esModule?a:{"default":a}}function e(a){return(e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a})(a)}function f(){return f=Object.assign||function(a){for(var b=1;b<arguments.length;b++){var c=arguments[b];for(var d in c)Object.prototype.hasOwnProperty.call(c,d)&&(a[d]=c[d])}return a},f.apply(this,arguments)}function g(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}function h(a,b){for(var c=0;c<b.length;c++){var d=b[c];d.enumerable=d.enumerable||!1,d.configurable=!0,"value"in d&&(d.writable=!0),Object.defineProperty(a,d.key,d)}}function i(a,b,c){return b&&h(a.prototype,b),c&&h(a,c),a}Object.defineProperty(a,"__esModule",{value:!0});var j=d(b),k=d(c),l=function(a){var b="collapse",c="4.0.0",d="bs.collapse",h=".".concat(d),j=".data-api",l=a.fn[b],m=600,n={toggle:!0,parent:""},o={toggle:"boolean",parent:"(string|element)"},p={SHOW:"show".concat(h),SHOWN:"shown".concat(h),HIDE:"hide".concat(h),HIDDEN:"hidden".concat(h),CLICK_DATA_API:"click".concat(h).concat(j)},q={SHOW:"show",COLLAPSE:"collapse",COLLAPSING:"collapsing",COLLAPSED:"collapsed"},r={WIDTH:"width",HEIGHT:"height"},s={ACTIVES:".show, .collapsing",DATA_TOGGLE:'[data-toggle="collapse"]'},t=function(){function h(b,c){g(this,h),this._isTransitioning=!1,this._element=b,this._config=this._getConfig(c),this._triggerArray=a.makeArray(a('[data-toggle="collapse"][href="#'.concat(b.id,'"],')+'[data-toggle="collapse"][data-target="#'.concat(b.id,'"]')));for(var d=a(s.DATA_TOGGLE),e=0;e<d.length;e++){var f=d[e],i=k["default"].getSelectorFromElement(f);null!==i&&a(i).filter(b).length>0&&(this._selector=i,this._triggerArray.push(f))}this._parent=this._config.parent?this._getParent():null,this._config.parent||this._addAriaAndCollapsedClass(this._element,this._triggerArray),this._config.toggle&&this.toggle()}return i(h,[{key:"toggle",value:function(){a(this._element).hasClass(q.SHOW)?this.hide():this.show()}},{key:"show",value:function(){var b=this;if(!this._isTransitioning&&!a(this._element).hasClass(q.SHOW)){var c,e;if(this._parent&&(c=a.makeArray(a(this._parent).find(s.ACTIVES).filter('[data-parent="'.concat(this._config.parent,'"]'))),0===c.length&&(c=null)),!(c&&(e=a(c).not(this._selector).data(d),e&&e._isTransitioning))){var f=a.Event(p.SHOW);if(a(this._element).trigger(f),!f.isDefaultPrevented()){c&&(h._jQueryInterface.call(a(c).not(this._selector),"hide"),e||a(c).data(d,null));var g=this._getDimension();a(this._element).removeClass(q.COLLAPSE).addClass(q.COLLAPSING),this._element.style[g]=0,this._triggerArray.length>0&&a(this._triggerArray).removeClass(q.COLLAPSED).attr("aria-expanded",!0),this.setTransitioning(!0);var i=function(){a(b._element).removeClass(q.COLLAPSING).addClass(q.COLLAPSE).addClass(q.SHOW),b._element.style[g]="",b.setTransitioning(!1),a(b._element).trigger(p.SHOWN)};if(!k["default"].supportsTransitionEnd())return void i();var j=g[0].toUpperCase()+g.slice(1),l="scroll".concat(j);a(this._element).one(k["default"].TRANSITION_END,i).emulateTransitionEnd(m),this._element.style[g]="".concat(this._element[l],"px")}}}}},{key:"hide",value:function(){var b=this;if(!this._isTransitioning&&a(this._element).hasClass(q.SHOW)){var c=a.Event(p.HIDE);if(a(this._element).trigger(c),!c.isDefaultPrevented()){var d=this._getDimension();if(this._element.style[d]="".concat(this._element.getBoundingClientRect()[d],"px"),k["default"].reflow(this._element),a(this._element).addClass(q.COLLAPSING).removeClass(q.COLLAPSE).removeClass(q.SHOW),this._triggerArray.length>0)for(var e=0;e<this._triggerArray.length;e++){var f=this._triggerArray[e],g=k["default"].getSelectorFromElement(f);if(null!==g){var h=a(g);h.hasClass(q.SHOW)||a(f).addClass(q.COLLAPSED).attr("aria-expanded",!1)}}this.setTransitioning(!0);var i=function(){b.setTransitioning(!1),a(b._element).removeClass(q.COLLAPSING).addClass(q.COLLAPSE).trigger(p.HIDDEN)};return this._element.style[d]="",k["default"].supportsTransitionEnd()?void a(this._element).one(k["default"].TRANSITION_END,i).emulateTransitionEnd(m):void i()}}}},{key:"setTransitioning",value:function(a){this._isTransitioning=a}},{key:"dispose",value:function(){a.removeData(this._element,d),this._config=null,this._parent=null,this._element=null,this._triggerArray=null,this._isTransitioning=null}},{key:"_getConfig",value:function(a){return a=f({},n,a),a.toggle=Boolean(a.toggle),k["default"].typeCheckConfig(b,a,o),a}},{key:"_getDimension",value:function(){var b=a(this._element).hasClass(r.WIDTH);return b?r.WIDTH:r.HEIGHT}},{key:"_getParent",value:function(){var b=this,c=null;k["default"].isElement(this._config.parent)?(c=this._config.parent,"undefined"!=typeof this._config.parent.jquery&&(c=this._config.parent[0])):c=a(this._config.parent)[0];var d='[data-toggle="collapse"][data-parent="'.concat(this._config.parent,'"]');return a(c).find(d).each(function(a,c){b._addAriaAndCollapsedClass(h._getTargetFromElement(c),[c])}),c}},{key:"_addAriaAndCollapsedClass",value:function(b,c){if(b){var d=a(b).hasClass(q.SHOW);c.length>0&&a(c).toggleClass(q.COLLAPSED,!d).attr("aria-expanded",d)}}}],[{key:"_getTargetFromElement",value:function(b){var c=k["default"].getSelectorFromElement(b);return c?a(c)[0]:null}},{key:"_jQueryInterface",value:function(b){return this.each(function(){var c=a(this),g=c.data(d),i=f({},n,c.data(),"object"===e(b)&&b);if(!g&&i.toggle&&/show|hide/.test(b)&&(i.toggle=!1),g||(g=new h(this,i),c.data(d,g)),"string"==typeof b){if("undefined"==typeof g[b])throw new TypeError('No method named "'.concat(b,'"'));g[b]()}})}},{key:"VERSION",get:function(){return c}},{key:"Default",get:function(){return n}}]),h}();return a(document).on(p.CLICK_DATA_API,s.DATA_TOGGLE,function(b){"A"===b.currentTarget.tagName&&b.preventDefault();var c=a(this),e=k["default"].getSelectorFromElement(this);a(e).each(function(){var b=a(this),e=b.data(d),f=e?"toggle":c.data();t._jQueryInterface.call(b,f)})}),a.fn[b]=t._jQueryInterface,a.fn[b].Constructor=t,a.fn[b].noConflict=function(){return a.fn[b]=l,t._jQueryInterface},t}(j["default"]);a["default"]=l});
\ No newline at end of file
diff --git a/amd/build/drawer.min.js b/amd/build/drawer.min.js
new file mode 100644
index 0000000..fe36c9b
--- /dev/null
+++ b/amd/build/drawer.min.js
@@ -0,0 +1 @@
+define(["jquery","core/custom_interaction_events","core/log"],function(a,b,c){var d={TOGGLE_REGION:'[data-region="drawer-toggle"]',TOGGLE_ACTION:'[data-action="toggle-drawer"]',TOGGLE_TARGET:"aria-controls",TOGGLE_SIDE:"left",BODY:"body",SECTION:'.list-group-item[href*="#section-"]'},e=a(document).width()<768,f=function(){a(d.TOGGLE_REGION).length||c.debug("Page is missing a drawer region"),a(d.TOGGLE_ACTION).length||c.debug("Page is missing a drawer toggle link"),a(d.TOGGLE_REGION).each(function(b,c){var f=a(c).find(d.TOGGLE_ACTION),g=f.attr("aria-controls"),h=a(document.getElementById(g)),i="false"==f.attr("aria-expanded"),j=f.attr("data-side"),k=a(d.BODY),l=f.attr("data-preference");e&&M.util.set_user_preference(l,"false"),h.on("mousewheel DOMMouseScroll",this.preventPageScroll),i?f.attr("aria-expanded","false"):(k.addClass("drawer-open-"+j),f.attr("aria-expanded","true"))}.bind(this)),this.registerEventListeners(),e&&this.closeAll()};return f.prototype.closeAll=function(){a(d.TOGGLE_REGION).each(function(b,c){var f=a(c).find(d.TOGGLE_ACTION),g=f.attr("data-side"),h=a(d.BODY),i=f.attr("aria-controls"),j=a(document.getElementById(i)),k=f.attr("data-preference");f.attr("aria-expanded","false"),h.removeClass("drawer-open-"+g),j.attr("aria-hidden","true"),j.addClass("closed"),e||M.util.set_user_preference(k,"false")})},f.prototype.toggleDrawer=function(b){var c=a(b.target).closest("[data-action=toggle-drawer]"),f=c.attr("aria-controls"),g=a(document.getElementById(f)),h=a(d.BODY),i=c.attr("data-side"),j=c.attr("data-preference");e&&M.util.set_user_preference(j,"false"),h.addClass("drawer-ease");var k="true"==c.attr("aria-expanded");k?(h.removeClass("drawer-open-"+i),c.attr("aria-expanded","false"),g.attr("aria-hidden","true"),g.addClass("closed"),e||M.util.set_user_preference(j,"false")):(c.attr("aria-expanded","true"),g.attr("aria-hidden","false"),g.focus(),h.addClass("drawer-open-"+i),g.removeClass("closed"),e||M.util.set_user_preference(j,"true"))},f.prototype.preventPageScroll=function(b){var c=b.wheelDelta||b.originalEvent&&b.originalEvent.wheelDelta||-b.originalEvent.detail,d=this.scrollTop+a(this).outerHeight()-this.scrollHeight>=0,e=this.scrollTop<=0;(c<0&&d||c>0&&e)&&b.preventDefault()},f.prototype.registerEventListeners=function(){a(d.TOGGLE_ACTION).each(function(c,d){b.define(a(d),[b.events.activate]),a(d).on(b.events.activate,function(a,b){this.toggleDrawer(b.originalEvent),b.originalEvent.preventDefault()}.bind(this))}.bind(this)),a(d.SECTION).click(function(){e&&this.closeAll()}.bind(this))},{init:function(){return new f}}});
\ No newline at end of file
diff --git a/amd/build/dropdown.min.js b/amd/build/dropdown.min.js
new file mode 100644
index 0000000..a16ef02
--- /dev/null
+++ b/amd/build/dropdown.min.js
@@ -0,0 +1 @@
+define(["exports","jquery","core/popper","./util"],function(a,b,c,d){"use strict";function e(a){return a&&a.__esModule?a:{"default":a}}function f(a){return(f="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a})(a)}function g(){return g=Object.assign||function(a){for(var b=1;b<arguments.length;b++){var c=arguments[b];for(var d in c)Object.prototype.hasOwnProperty.call(c,d)&&(a[d]=c[d])}return a},g.apply(this,arguments)}function h(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}function i(a,b){for(var c=0;c<b.length;c++){var d=b[c];d.enumerable=d.enumerable||!1,d.configurable=!0,"value"in d&&(d.writable=!0),Object.defineProperty(a,d.key,d)}}function j(a,b,c){return b&&i(a.prototype,b),c&&i(a,c),a}Object.defineProperty(a,"__esModule",{value:!0});var k=e(b),l=e(c),m=e(d),n=function(a){var b="dropdown",c="4.0.0",d="bs.dropdown",e=".".concat(d),i=".data-api",k=a.fn[b],n=27,o=32,p=9,q=38,r=40,s=3,t=new RegExp("".concat(q,"|").concat(r,"|").concat(n)),u={HIDE:"hide".concat(e),HIDDEN:"hidden".concat(e),SHOW:"show".concat(e),SHOWN:"shown".concat(e),CLICK:"click".concat(e),CLICK_DATA_API:"click".concat(e).concat(i),KEYDOWN_DATA_API:"keydown".concat(e).concat(i),KEYUP_DATA_API:"keyup".concat(e).concat(i)},v={DISABLED:"disabled",SHOW:"show",DROPUP:"dropup",DROPRIGHT:"dropright",DROPLEFT:"dropleft",MENURIGHT:"dropdown-menu-right",MENULEFT:"dropdown-menu-left",POSITION_STATIC:"position-static"},w={DATA_TOGGLE:'[data-toggle="dropdown"]',FORM_CHILD:".dropdown form",MENU:".dropdown-menu",NAVBAR_NAV:".navbar-nav",VISIBLE_ITEMS:".dropdown-menu .dropdown-item:not(.disabled)"},x={TOP:"top-start",TOPEND:"top-end",BOTTOM:"bottom-start",BOTTOMEND:"bottom-end",RIGHT:"right-start",RIGHTEND:"right-end",LEFT:"left-start",LEFTEND:"left-end"},y={offset:0,flip:!1,boundary:"scrollParent"},z={offset:"(number|string|function)",flip:"boolean",boundary:"(string|element)"},A=function(){function i(a,b){h(this,i),this._element=a,this._popper=null,this._config=this._getConfig(b),this._menu=this._getMenuElement(),this._inNavbar=this._detectNavbar(),this._addEventListeners()}return j(i,[{key:"toggle",value:function(){if(!this._element.disabled&&!a(this._element).hasClass(v.DISABLED)){var b=i._getParentFromElement(this._element),c=a(this._menu).hasClass(v.SHOW);if(i._clearMenus(),!c){var d={relatedTarget:this._element},e=a.Event(u.SHOW,d);if(a(b).trigger(e),!e.isDefaultPrevented()){if(!this._inNavbar){if("undefined"==typeof l["default"])throw new TypeError("Bootstrap dropdown require Popper.js (https://popper.js.org)");var f=this._element;a(b).hasClass(v.DROPUP)&&(a(this._menu).hasClass(v.MENULEFT)||a(this._menu).hasClass(v.MENURIGHT))&&(f=b),"scrollParent"!==this._config.boundary&&a(b).addClass(v.POSITION_STATIC),this._popper=new l["default"](f,this._menu,this._getPopperConfig())}"ontouchstart"in document.documentElement&&0===a(b).closest(w.NAVBAR_NAV).length&&a("body").children().on("mouseover",null,a.noop),this._element.focus(),this._element.setAttribute("aria-expanded",!0),a(this._menu).toggleClass(v.SHOW),a(b).toggleClass(v.SHOW).trigger(a.Event(u.SHOWN,d))}}}}},{key:"dispose",value:function(){a.removeData(this._element,d),a(this._element).off(e),this._element=null,this._menu=null,null!==this._popper&&(this._popper.destroy(),this._popper=null)}},{key:"update",value:function(){this._inNavbar=this._detectNavbar(),null!==this._popper&&this._popper.scheduleUpdate()}},{key:"_addEventListeners",value:function(){var b=this;a(this._element).on(u.CLICK,function(a){a.preventDefault(),a.stopPropagation(),b.toggle()})}},{key:"_getConfig",value:function(c){return c=g({},this.constructor.Default,a(this._element).data(),c),m["default"].typeCheckConfig(b,c,this.constructor.DefaultType),c}},{key:"_getMenuElement",value:function(){if(!this._menu){var b=i._getParentFromElement(this._element);this._menu=a(b).find(w.MENU)[0]}return this._menu}},{key:"_getPlacement",value:function(){var b=a(this._element).parent(),c=x.BOTTOM;return b.hasClass(v.DROPUP)?(c=x.TOP,a(this._menu).hasClass(v.MENURIGHT)&&(c=x.TOPEND)):b.hasClass(v.DROPRIGHT)?c=x.RIGHT:b.hasClass(v.DROPLEFT)?c=x.LEFT:a(this._menu).hasClass(v.MENURIGHT)&&(c=x.BOTTOMEND),c}},{key:"_detectNavbar",value:function(){return a(this._element).closest(".navbar").length>0}},{key:"_getPopperConfig",value:function(){var a=this,b={};"function"==typeof this._config.offset?b.fn=function(b){return b.offsets=g({},b.offsets,a._config.offset(b.offsets)||{}),b}:b.offset=this._config.offset;var c={placement:this._getPlacement(),modifiers:{offset:b,flip:{enabled:this._config.flip},preventOverflow:{boundariesElement:this._config.boundary}}};return c}}],[{key:"_jQueryInterface",value:function(b){return this.each(function(){var c=a(this).data(d),e="object"===f(b)?b:null;if(c||(c=new i(this,e),a(this).data(d,c)),"string"==typeof b){if("undefined"==typeof c[b])throw new TypeError('No method named "'.concat(b,'"'));c[b]()}})}},{key:"_clearMenus",value:function(b){if(!b||b.which!==s&&("keyup"!==b.type||b.which===p))for(var c=a.makeArray(a(w.DATA_TOGGLE)),e=0;e<c.length;e++){var f=i._getParentFromElement(c[e]),g=a(c[e]).data(d),h={relatedTarget:c[e]};if(g){var j=g._menu;if(a(f).hasClass(v.SHOW)&&!(b&&("click"===b.type&&/input|textarea/i.test(b.target.tagName)||"keyup"===b.type&&b.which===p)&&a.contains(f,b.target))){var k=a.Event(u.HIDE,h);a(f).trigger(k),k.isDefaultPrevented()||("ontouchstart"in document.documentElement&&a("body").children().off("mouseover",null,a.noop),c[e].setAttribute("aria-expanded","false"),a(j).removeClass(v.SHOW),a(f).removeClass(v.SHOW).trigger(a.Event(u.HIDDEN,h)))}}}}},{key:"_getParentFromElement",value:function(b){var c,d=m["default"].getSelectorFromElement(b);return d&&(c=a(d)[0]),c||b.parentNode}},{key:"_dataApiKeydownHandler",value:function(b){if((/input|textarea/i.test(b.target.tagName)?!(b.which===o||b.which!==n&&(b.which!==r&&b.which!==q||a(b.target).closest(w.MENU).length)):t.test(b.which))&&(b.preventDefault(),b.stopPropagation(),!this.disabled&&!a(this).hasClass(v.DISABLED))){var c=i._getParentFromElement(this),d=a(c).hasClass(v.SHOW);if(!d&&(b.which!==n||b.which!==o)||d&&(b.which===n||b.which===o)){if(b.which===n){var e=a(c).find(w.DATA_TOGGLE)[0];a(e).trigger("focus")}return void a(this).trigger("click")}var f=a(c).find(w.VISIBLE_ITEMS).get();if(0!==f.length){var g=f.indexOf(b.target);b.which===q&&g>0&&g--,b.which===r&&g<f.length-1&&g++,g<0&&(g=0),f[g].focus()}}}},{key:"VERSION",get:function(){return c}},{key:"Default",get:function(){return y}},{key:"DefaultType",get:function(){return z}}]),i}();return a(document).on(u.KEYDOWN_DATA_API,w.DATA_TOGGLE,A._dataApiKeydownHandler).on(u.KEYDOWN_DATA_API,w.MENU,A._dataApiKeydownHandler).on("".concat(u.CLICK_DATA_API," ").concat(u.KEYUP_DATA_API),A._clearMenus).on(u.CLICK_DATA_API,w.DATA_TOGGLE,function(b){b.preventDefault(),b.stopPropagation(),A._jQueryInterface.call(a(this),"toggle")}).on(u.CLICK_DATA_API,w.FORM_CHILD,function(a){a.stopPropagation()}),a.fn[b]=A._jQueryInterface,a.fn[b].Constructor=A,a.fn[b].noConflict=function(){return a.fn[b]=k,A._jQueryInterface},A}(k["default"],l["default"]);a["default"]=n});
\ No newline at end of file
diff --git a/amd/build/form-display-errors.min.js b/amd/build/form-display-errors.min.js
new file mode 100644
index 0000000..105b7a2
--- /dev/null
+++ b/amd/build/form-display-errors.min.js
@@ -0,0 +1 @@
+define(["jquery","core/event"],function(a,b){return{enhance:function(c){var d=document.getElementById(c);a(d).on(b.Events.FORM_FIELD_VALIDATION,function(b,c){b.preventDefault();var e=a(d).closest(".form-group"),f=e.find(".form-control-feedback");"TEXTAREA"==a(d).prop("tagName")&&e.find("[contenteditable]")&&(d=e.find("[contenteditable]")),""!==c?(e.addClass("has-danger"),e.data("client-validation-error",!0),a(d).addClass("is-invalid"),a(d).attr("aria-describedby",f.attr("id")),a(d).attr("aria-invalid",!0),f.attr("tabindex",0),f.html(c),f.is(":visible")||(f.show(),f.focus())):e.data("client-validation-error")===!0&&(e.removeClass("has-danger"),e.data("client-validation-error",!1),a(d).removeClass("is-invalid"),a(d).removeAttr("aria-describedby"),a(d).attr("aria-invalid",!1),f.hide())})}}});
\ No newline at end of file
diff --git a/amd/build/loader.min.js b/amd/build/loader.min.js
new file mode 100644
index 0000000..8fd81c7
--- /dev/null
+++ b/amd/build/loader.min.js
@@ -0,0 +1 @@
+define(["jquery","./tether","core/event"],function(a,b,c){return window.jQuery=a,window.Tether=b,require(["theme_ilb/aria","theme_ilb/util","theme_ilb/alert","theme_ilb/button","theme_ilb/carousel","theme_ilb/collapse","theme_ilb/dropdown","theme_ilb/modal","theme_ilb/scrollspy","theme_ilb/tab","theme_ilb/tooltip","theme_ilb/popover"],function(b){a("body").popover({trigger:"focus",selector:"[data-toggle=popover][data-trigger!=hover]"}),a("html").popover({container:"body",selector:"[data-toggle=popover][data-trigger=hover]",trigger:"hover",delay:{hide:500}}),c.getLegacyEvents().done(function(b){a(document).on(b.FILTER_CONTENT_UPDATED,function(){a("body").popover({selector:'[data-toggle="popover"]',trigger:"focus"})})}),b.init()}),{}});
\ No newline at end of file
diff --git a/amd/build/modal.min.js b/amd/build/modal.min.js
new file mode 100644
index 0000000..9488c37
--- /dev/null
+++ b/amd/build/modal.min.js
@@ -0,0 +1 @@
+define(["exports","jquery","./util"],function(a,b,c){"use strict";function d(a){return a&&a.__esModule?a:{"default":a}}function e(a){return(e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a})(a)}function f(){return f=Object.assign||function(a){for(var b=1;b<arguments.length;b++){var c=arguments[b];for(var d in c)Object.prototype.hasOwnProperty.call(c,d)&&(a[d]=c[d])}return a},f.apply(this,arguments)}function g(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}function h(a,b){for(var c=0;c<b.length;c++){var d=b[c];d.enumerable=d.enumerable||!1,d.configurable=!0,"value"in d&&(d.writable=!0),Object.defineProperty(a,d.key,d)}}function i(a,b,c){return b&&h(a.prototype,b),c&&h(a,c),a}Object.defineProperty(a,"__esModule",{value:!0});var j=d(b),k=d(c),l=function(a){var b="modal",c="4.0.0",d="bs.modal",h=".".concat(d),j=".data-api",l=a.fn[b],m=300,n=150,o=27,p={backdrop:!0,keyboard:!0,focus:!0,show:!0},q={backdrop:"(boolean|string)",keyboard:"boolean",focus:"boolean",show:"boolean"},r={HIDE:"hide".concat(h),HIDDEN:"hidden".concat(h),SHOW:"show".concat(h),SHOWN:"shown".concat(h),FOCUSIN:"focusin".concat(h),RESIZE:"resize".concat(h),CLICK_DISMISS:"click.dismiss".concat(h),KEYDOWN_DISMISS:"keydown.dismiss".concat(h),MOUSEUP_DISMISS:"mouseup.dismiss".concat(h),MOUSEDOWN_DISMISS:"mousedown.dismiss".concat(h),CLICK_DATA_API:"click".concat(h).concat(j)},s={SCROLLBAR_MEASURER:"modal-scrollbar-measure",BACKDROP:"modal-backdrop",OPEN:"modal-open",FADE:"fade",SHOW:"show"},t={DIALOG:".modal-dialog",DATA_TOGGLE:'[data-toggle="modal"]',DATA_DISMISS:'[data-dismiss="modal"]',FIXED_CONTENT:".fixed-top, .fixed-bottom, .is-fixed, .sticky-top",STICKY_CONTENT:".sticky-top",NAVBAR_TOGGLER:".navbar-toggler"},u=function(){function j(b,c){g(this,j),this._config=this._getConfig(c),this._element=b,this._dialog=a(b).find(t.DIALOG)[0],this._backdrop=null,this._isShown=!1,this._isBodyOverflowing=!1,this._ignoreBackdropClick=!1,this._originalBodyPadding=0,this._scrollbarWidth=0}return i(j,[{key:"toggle",value:function(a){return this._isShown?this.hide():this.show(a)}},{key:"show",value:function(b){var c=this;if(!this._isTransitioning&&!this._isShown){k["default"].supportsTransitionEnd()&&a(this._element).hasClass(s.FADE)&&(this._isTransitioning=!0);var d=a.Event(r.SHOW,{relatedTarget:b});a(this._element).trigger(d),this._isShown||d.isDefaultPrevented()||(this._isShown=!0,this._checkScrollbar(),this._setScrollbar(),this._adjustDialog(),a(document.body).addClass(s.OPEN),this._setEscapeEvent(),this._setResizeEvent(),a(this._element).on(r.CLICK_DISMISS,t.DATA_DISMISS,function(a){return c.hide(a)}),a(this._dialog).on(r.MOUSEDOWN_DISMISS,function(){a(c._element).one(r.MOUSEUP_DISMISS,function(b){a(b.target).is(c._element)&&(c._ignoreBackdropClick=!0)})}),this._showBackdrop(function(){return c._showElement(b)}))}}},{key:"hide",value:function(b){var c=this;if(b&&b.preventDefault(),!this._isTransitioning&&this._isShown){var d=a.Event(r.HIDE);if(a(this._element).trigger(d),this._isShown&&!d.isDefaultPrevented()){this._isShown=!1;var e=k["default"].supportsTransitionEnd()&&a(this._element).hasClass(s.FADE);e&&(this._isTransitioning=!0),this._setEscapeEvent(),this._setResizeEvent(),a(document).off(r.FOCUSIN),a(this._element).removeClass(s.SHOW),a(this._element).off(r.CLICK_DISMISS),a(this._dialog).off(r.MOUSEDOWN_DISMISS),e?a(this._element).one(k["default"].TRANSITION_END,function(a){return c._hideModal(a)}).emulateTransitionEnd(m):this._hideModal()}}}},{key:"dispose",value:function(){a.removeData(this._element,d),a(window,document,this._element,this._backdrop).off(h),this._config=null,this._element=null,this._dialog=null,this._backdrop=null,this._isShown=null,this._isBodyOverflowing=null,this._ignoreBackdropClick=null,this._scrollbarWidth=null}},{key:"handleUpdate",value:function(){this._adjustDialog()}},{key:"_getConfig",value:function(a){return a=f({},p,a),k["default"].typeCheckConfig(b,a,q),a}},{key:"_showElement",value:function(b){var c=this,d=k["default"].supportsTransitionEnd()&&a(this._element).hasClass(s.FADE);this._element.parentNode&&this._element.parentNode.nodeType===Node.ELEMENT_NODE||document.body.appendChild(this._element),this._element.style.display="block",this._element.removeAttribute("aria-hidden"),this._element.scrollTop=0,d&&k["default"].reflow(this._element),a(this._element).addClass(s.SHOW),this._config.focus&&this._enforceFocus();var e=a.Event(r.SHOWN,{relatedTarget:b}),f=function(){c._config.focus&&c._element.focus(),c._isTransitioning=!1,a(c._element).trigger(e)};d?a(this._dialog).one(k["default"].TRANSITION_END,f).emulateTransitionEnd(m):f()}},{key:"_enforceFocus",value:function(){var b=this;a(document).off(r.FOCUSIN).on(r.FOCUSIN,function(c){document!==c.target&&b._element!==c.target&&0===a(b._element).has(c.target).length&&b._element.focus()})}},{key:"_setEscapeEvent",value:function(){var b=this;this._isShown&&this._config.keyboard?a(this._element).on(r.KEYDOWN_DISMISS,function(a){a.which===o&&(a.preventDefault(),b.hide())}):this._isShown||a(this._element).off(r.KEYDOWN_DISMISS)}},{key:"_setResizeEvent",value:function(){var b=this;this._isShown?a(window).on(r.RESIZE,function(a){return b.handleUpdate(a)}):a(window).off(r.RESIZE)}},{key:"_hideModal",value:function(){var b=this;this._element.style.display="none",this._element.setAttribute("aria-hidden",!0),this._isTransitioning=!1,this._showBackdrop(function(){a(document.body).removeClass(s.OPEN),b._resetAdjustments(),b._resetScrollbar(),a(b._element).trigger(r.HIDDEN)})}},{key:"_removeBackdrop",value:function(){this._backdrop&&(a(this._backdrop).remove(),this._backdrop=null)}},{key:"_showBackdrop",value:function(b){var c=this,d=a(this._element).hasClass(s.FADE)?s.FADE:"";if(this._isShown&&this._config.backdrop){var e=k["default"].supportsTransitionEnd()&&d;if(this._backdrop=document.createElement("div"),this._backdrop.className=s.BACKDROP,d&&a(this._backdrop).addClass(d),a(this._backdrop).appendTo(document.body),a(this._element).on(r.CLICK_DISMISS,function(a){return c._ignoreBackdropClick?void(c._ignoreBackdropClick=!1):void(a.target===a.currentTarget&&("static"===c._config.backdrop?c._element.focus():c.hide()))}),e&&k["default"].reflow(this._backdrop),a(this._backdrop).addClass(s.SHOW),!b)return;if(!e)return void b();a(this._backdrop).one(k["default"].TRANSITION_END,b).emulateTransitionEnd(n)}else if(!this._isShown&&this._backdrop){a(this._backdrop).removeClass(s.SHOW);var f=function(){c._removeBackdrop(),b&&b()};k["default"].supportsTransitionEnd()&&a(this._element).hasClass(s.FADE)?a(this._backdrop).one(k["default"].TRANSITION_END,f).emulateTransitionEnd(n):f()}else b&&b()}},{key:"_adjustDialog",value:function(){var a=this._element.scrollHeight>document.documentElement.clientHeight;!this._isBodyOverflowing&&a&&(this._element.style.paddingLeft="".concat(this._scrollbarWidth,"px")),this._isBodyOverflowing&&!a&&(this._element.style.paddingRight="".concat(this._scrollbarWidth,"px"))}},{key:"_resetAdjustments",value:function(){this._element.style.paddingLeft="",this._element.style.paddingRight=""}},{key:"_checkScrollbar",value:function(){var a=document.body.getBoundingClientRect();this._isBodyOverflowing=a.left+a.right<window.innerWidth,this._scrollbarWidth=this._getScrollbarWidth()}},{key:"_setScrollbar",value:function(){var b=this;if(this._isBodyOverflowing){a(t.FIXED_CONTENT).each(function(c,d){var e=a(d)[0].style.paddingRight,f=a(d).css("padding-right");a(d).data("padding-right",e).css("padding-right","".concat(parseFloat(f)+b._scrollbarWidth,"px"))}),a(t.STICKY_CONTENT).each(function(c,d){var e=a(d)[0].style.marginRight,f=a(d).css("margin-right");a(d).data("margin-right",e).css("margin-right","".concat(parseFloat(f)-b._scrollbarWidth,"px"))}),a(t.NAVBAR_TOGGLER).each(function(c,d){var e=a(d)[0].style.marginRight,f=a(d).css("margin-right");a(d).data("margin-right",e).css("margin-right","".concat(parseFloat(f)+b._scrollbarWidth,"px"))});var c=document.body.style.paddingRight,d=a("body").css("padding-right");a("body").data("padding-right",c).css("padding-right","".concat(parseFloat(d)+this._scrollbarWidth,"px"))}}},{key:"_resetScrollbar",value:function(){a(t.FIXED_CONTENT).each(function(b,c){var d=a(c).data("padding-right");"undefined"!=typeof d&&a(c).css("padding-right",d).removeData("padding-right")}),a("".concat(t.STICKY_CONTENT,", ").concat(t.NAVBAR_TOGGLER)).each(function(b,c){var d=a(c).data("margin-right");"undefined"!=typeof d&&a(c).css("margin-right",d).removeData("margin-right")});var b=a("body").data("padding-right");"undefined"!=typeof b&&a("body").css("padding-right",b).removeData("padding-right")}},{key:"_getScrollbarWidth",value:function(){var a=document.createElement("div");a.className=s.SCROLLBAR_MEASURER,document.body.appendChild(a);var b=a.getBoundingClientRect().width-a.clientWidth;return document.body.removeChild(a),b}}],[{key:"_jQueryInterface",value:function(b,c){return this.each(function(){var g=a(this).data(d),h=f({},j.Default,a(this).data(),"object"===e(b)&&b);if(g||(g=new j(this,h),a(this).data(d,g)),"string"==typeof b){if("undefined"==typeof g[b])throw new TypeError('No method named "'.concat(b,'"'));g[b](c)}else h.show&&g.show(c)})}},{key:"VERSION",get:function(){return c}},{key:"Default",get:function(){return p}}]),j}();return a(document).on(r.CLICK_DATA_API,t.DATA_TOGGLE,function(b){var c,e=this,g=k["default"].getSelectorFromElement(this);g&&(c=a(g)[0]);var h=a(c).data(d)?"toggle":f({},a(c).data(),a(this).data());"A"!==this.tagName&&"AREA"!==this.tagName||b.preventDefault();var i=a(c).one(r.SHOW,function(b){b.isDefaultPrevented()||i.one(r.HIDDEN,function(){a(e).is(":visible")&&e.focus()})});u._jQueryInterface.call(a(c),h,this)}),a.fn[b]=u._jQueryInterface,a.fn[b].Constructor=u,a.fn[b].noConflict=function(){return a.fn[b]=l,u._jQueryInterface},u}(j["default"]);a["default"]=l});
\ No newline at end of file
diff --git a/amd/build/popover.min.js b/amd/build/popover.min.js
new file mode 100644
index 0000000..62618d7
--- /dev/null
+++ b/amd/build/popover.min.js
@@ -0,0 +1 @@
+define(["exports","jquery","./tooltip"],function(a,b,c){"use strict";function d(a){return a&&a.__esModule?a:{"default":a}}function e(a){return(e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a})(a)}function f(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}function g(a,b){for(var c=0;c<b.length;c++){var d=b[c];d.enumerable=d.enumerable||!1,d.configurable=!0,"value"in d&&(d.writable=!0),Object.defineProperty(a,d.key,d)}}function h(a,b,c){return b&&g(a.prototype,b),c&&g(a,c),a}function i(a,b){if(b&&("object"===e(b)||"function"==typeof b))return b;if(void 0===a)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return a}function j(a,b){if("function"!=typeof b&&null!==b)throw new TypeError("Super expression must either be null or a function");a.prototype=Object.create(b&&b.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),b&&(Object.setPrototypeOf?Object.setPrototypeOf(a,b):a.__proto__=b)}function k(){return k=Object.assign||function(a){for(var b=1;b<arguments.length;b++){var c=arguments[b];for(var d in c)Object.prototype.hasOwnProperty.call(c,d)&&(a[d]=c[d])}return a},k.apply(this,arguments)}Object.defineProperty(a,"__esModule",{value:!0});var l=d(b),m=d(c),n=function(a){var b="popover",c="4.0.0",d="bs.popover",g=".".concat(d),l=a.fn[b],n="bs-popover",o=new RegExp("(^|\\s)".concat(n,"\\S+"),"g"),p=k({},m["default"].Default,{placement:"right",trigger:"click",content:"",template:'<div class="popover" role="tooltip"><div class="arrow"></div><h3 class="popover-header"></h3><div class="popover-body"></div></div>'}),q=k({},m["default"].DefaultType,{content:"(string|element|function)"}),r={FADE:"fade",SHOW:"show"},s={TITLE:".popover-header",CONTENT:".popover-body"},t={HIDE:"hide".concat(g),HIDDEN:"hidden".concat(g),SHOW:"show".concat(g),SHOWN:"shown".concat(g),INSERTED:"inserted".concat(g),CLICK:"click".concat(g),FOCUSIN:"focusin".concat(g),FOCUSOUT:"focusout".concat(g),MOUSEENTER:"mouseenter".concat(g),MOUSELEAVE:"mouseleave".concat(g)},u=function(k){function l(){return f(this,l),i(this,(l.__proto__||Object.getPrototypeOf(l)).apply(this,arguments))}return j(l,k),h(l,[{key:"isWithContent",value:function(){return this.getTitle()||this._getContent()}},{key:"addAttachmentClass",value:function(b){a(this.getTipElement()).addClass("".concat(n,"-").concat(b))}},{key:"getTipElement",value:function(){return this.tip=this.tip||a(this.config.template)[0],this.tip}},{key:"setContent",value:function(){var b=a(this.getTipElement());this.setElementContent(b.find(s.TITLE),this.getTitle());var c=this._getContent();"function"==typeof c&&(c=c.call(this.element)),this.setElementContent(b.find(s.CONTENT),c),b.removeClass("".concat(r.FADE," ").concat(r.SHOW))}},{key:"_getContent",value:function(){return this.element.getAttribute("data-content")||this.config.content}},{key:"_cleanTipClass",value:function(){var b=a(this.getTipElement()),c=b.attr("class").match(o);null!==c&&c.length>0&&b.removeClass(c.join(""))}}],[{key:"_jQueryInterface",value:function(b){return this.each(function(){var c=a(this).data(d),f="object"===e(b)?b:null;if((c||!/destroy|hide/.test(b))&&(c||(c=new l(this,f),a(this).data(d,c)),"string"==typeof b)){if("undefined"==typeof c[b])throw new TypeError('No method named "'.concat(b,'"'));c[b]()}})}},{key:"VERSION",get:function(){return c}},{key:"Default",get:function(){return p}},{key:"NAME",get:function(){return b}},{key:"DATA_KEY",get:function(){return d}},{key:"Event",get:function(){return t}},{key:"EVENT_KEY",get:function(){return g}},{key:"DefaultType",get:function(){return q}}]),l}(m["default"]);return a.fn[b]=u._jQueryInterface,a.fn[b].Constructor=u,a.fn[b].noConflict=function(){return a.fn[b]=l,u._jQueryInterface},u}(l["default"]);a["default"]=n});
\ No newline at end of file
diff --git a/amd/build/scrollspy.min.js b/amd/build/scrollspy.min.js
new file mode 100644
index 0000000..fa81832
--- /dev/null
+++ b/amd/build/scrollspy.min.js
@@ -0,0 +1 @@
+define(["exports","jquery","./util"],function(a,b,c){"use strict";function d(a){return a&&a.__esModule?a:{"default":a}}function e(a){return(e="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a})(a)}function f(){return f=Object.assign||function(a){for(var b=1;b<arguments.length;b++){var c=arguments[b];for(var d in c)Object.prototype.hasOwnProperty.call(c,d)&&(a[d]=c[d])}return a},f.apply(this,arguments)}function g(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}function h(a,b){for(var c=0;c<b.length;c++){var d=b[c];d.enumerable=d.enumerable||!1,d.configurable=!0,"value"in d&&(d.writable=!0),Object.defineProperty(a,d.key,d)}}function i(a,b,c){return b&&h(a.prototype,b),c&&h(a,c),a}Object.defineProperty(a,"__esModule",{value:!0});var j=d(b),k=d(c),l=function(a){var b="scrollspy",c="4.0.0",d="bs.scrollspy",h=".".concat(d),j=".data-api",l=a.fn[b],m={offset:10,method:"auto",target:""},n={offset:"number",method:"string",target:"(string|element)"},o={ACTIVATE:"activate".concat(h),SCROLL:"scroll".concat(h),LOAD_DATA_API:"load".concat(h).concat(j)},p={DROPDOWN_ITEM:"dropdown-item",DROPDOWN_MENU:"dropdown-menu",ACTIVE:"active"},q={DATA_SPY:'[data-spy="scroll"]',ACTIVE:".active",NAV_LIST_GROUP:".nav, .list-group",NAV_LINKS:".nav-link",NAV_ITEMS:".nav-item",LIST_ITEMS:".list-group-item",DROPDOWN:".dropdown",DROPDOWN_ITEMS:".dropdown-item",DROPDOWN_TOGGLE:".dropdown-toggle"},r={OFFSET:"offset",POSITION:"position"},s=function(){function j(b,c){var d=this;g(this,j),this._element=b,this._scrollElement="BODY"===b.tagName?window:b,this._config=this._getConfig(c),this._selector="".concat(this._config.target," ").concat(q.NAV_LINKS,",")+"".concat(this._config.target," ").concat(q.LIST_ITEMS,",")+"".concat(this._config.target," ").concat(q.DROPDOWN_ITEMS),this._offsets=[],this._targets=[],this._activeTarget=null,this._scrollHeight=0,a(this._scrollElement).on(o.SCROLL,function(a){return d._process(a)}),this.refresh(),this._process()}return i(j,[{key:"refresh",value:function(){var b=this,c=this._scrollElement===this._scrollElement.window?r.OFFSET:r.POSITION,d="auto"===this._config.method?c:this._config.method,e=d===r.POSITION?this._getScrollTop():0;this._offsets=[],this._targets=[],this._scrollHeight=this._getScrollHeight();var f=a.makeArray(a(this._selector));f.map(function(b){var c,f=k["default"].getSelectorFromElement(b);if(f&&(c=a(f)[0]),c){var g=c.getBoundingClientRect();if(g.width||g.height)return[a(c)[d]().top+e,f]}return null}).filter(function(a){return a}).sort(function(a,b){return a[0]-b[0]}).forEach(function(a){b._offsets.push(a[0]),b._targets.push(a[1])})}},{key:"dispose",value:function(){a.removeData(this._element,d),a(this._scrollElement).off(h),this._element=null,this._scrollElement=null,this._config=null,this._selector=null,this._offsets=null,this._targets=null,this._activeTarget=null,this._scrollHeight=null}},{key:"_getConfig",value:function(c){if(c=f({},m,c),"string"!=typeof c.target){var d=a(c.target).attr("id");d||(d=k["default"].getUID(b),a(c.target).attr("id",d)),c.target="#".concat(d)}return k["default"].typeCheckConfig(b,c,n),c}},{key:"_getScrollTop",value:function(){return this._scrollElement===window?this._scrollElement.pageYOffset:this._scrollElement.scrollTop}},{key:"_getScrollHeight",value:function(){return this._scrollElement.scrollHeight||Math.max(document.body.scrollHeight,document.documentElement.scrollHeight)}},{key:"_getOffsetHeight",value:function(){return this._scrollElement===window?window.innerHeight:this._scrollElement.getBoundingClientRect().height}},{key:"_process",value:function(){var a=this._getScrollTop()+this._config.offset,b=this._getScrollHeight(),c=this._config.offset+b-this._getOffsetHeight();if(this._scrollHeight!==b&&this.refresh(),a>=c){var d=this._targets[this._targets.length-1];return void(this._activeTarget!==d&&this._activate(d))}if(this._activeTarget&&a<this._offsets[0]&&this._offsets[0]>0)return this._activeTarget=null,void this._clear();for(var e=this._offsets.length;e--;){var f=this._activeTarget!==this._targets[e]&&a>=this._offsets[e]&&("undefined"==typeof this._offsets[e+1]||a<this._offsets[e+1]);f&&this._activate(this._targets[e])}}},{key:"_activate",value:function(b){this._activeTarget=b,this._clear();var c=this._selector.split(",");c=c.map(function(a){return"".concat(a,'[data-target="').concat(b,'"],')+"".concat(a,'[href="').concat(b,'"]')});var d=a(c.join(","));d.hasClass(p.DROPDOWN_ITEM)?(d.closest(q.DROPDOWN).find(q.DROPDOWN_TOGGLE).addClass(p.ACTIVE),d.addClass(p.ACTIVE)):(d.addClass(p.ACTIVE),d.parents(q.NAV_LIST_GROUP).prev("".concat(q.NAV_LINKS,", ").concat(q.LIST_ITEMS)).addClass(p.ACTIVE),d.parents(q.NAV_LIST_GROUP).prev(q.NAV_ITEMS).children(q.NAV_LINKS).addClass(p.ACTIVE)),a(this._scrollElement).trigger(o.ACTIVATE,{relatedTarget:b})}},{key:"_clear",value:function(){a(this._selector).filter(q.ACTIVE).removeClass(p.ACTIVE)}}],[{key:"_jQueryInterface",value:function(b){return this.each(function(){var c=a(this).data(d),f="object"===e(b)&&b;if(c||(c=new j(this,f),a(this).data(d,c)),"string"==typeof b){if("undefined"==typeof c[b])throw new TypeError('No method named "'.concat(b,'"'));c[b]()}})}},{key:"VERSION",get:function(){return c}},{key:"Default",get:function(){return m}}]),j}();return a(window).on(o.LOAD_DATA_API,function(){for(var b=a.makeArray(a(q.DATA_SPY)),c=b.length;c--;){var d=a(b[c]);s._jQueryInterface.call(d,d.data())}}),a.fn[b]=s._jQueryInterface,a.fn[b].Constructor=s,a.fn[b].noConflict=function(){return a.fn[b]=l,s._jQueryInterface},s}(j["default"]);a["default"]=l});
\ No newline at end of file
diff --git a/amd/build/tab.min.js b/amd/build/tab.min.js
new file mode 100644
index 0000000..60751e6
--- /dev/null
+++ b/amd/build/tab.min.js
@@ -0,0 +1 @@
+define(["exports","jquery","./util"],function(a,b,c){"use strict";function d(a){return a&&a.__esModule?a:{"default":a}}function e(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}function f(a,b){for(var c=0;c<b.length;c++){var d=b[c];d.enumerable=d.enumerable||!1,d.configurable=!0,"value"in d&&(d.writable=!0),Object.defineProperty(a,d.key,d)}}function g(a,b,c){return b&&f(a.prototype,b),c&&f(a,c),a}Object.defineProperty(a,"__esModule",{value:!0});var h=d(b),i=d(c),j=function(a){var b="tab",c="4.0.0",d="bs.tab",f=".".concat(d),h=".data-api",j=a.fn[b],k=150,l={HIDE:"hide".concat(f),HIDDEN:"hidden".concat(f),SHOW:"show".concat(f),SHOWN:"shown".concat(f),CLICK_DATA_API:"click".concat(f).concat(h)},m={DROPDOWN_MENU:"dropdown-menu",ACTIVE:"active",DISABLED:"disabled",FADE:"fade",SHOW:"show"},n={DROPDOWN:".dropdown",NAV_LIST_GROUP:".nav, .list-group",ACTIVE:".active",ACTIVE_UL:"> li > .active",DATA_TOGGLE:'[data-toggle="tab"], [data-toggle="pill"], [data-toggle="list"]',DROPDOWN_TOGGLE:".dropdown-toggle",DROPDOWN_ACTIVE_CHILD:"> .dropdown-menu .active"},o=function(){function b(a){e(this,b),this._element=a}return g(b,[{key:"show",value:function(){var b=this;if(!(this._element.parentNode&&this._element.parentNode.nodeType===Node.ELEMENT_NODE&&a(this._element).hasClass(m.ACTIVE)||a(this._element).hasClass(m.DISABLED))){var c,d,e=a(this._element).closest(n.NAV_LIST_GROUP)[0],f=i["default"].getSelectorFromElement(this._element);if(e){var g="UL"===e.nodeName?n.ACTIVE_UL:n.ACTIVE;d=a.makeArray(a(e).find(g)),d=d[d.length-1]}var h=a.Event(l.HIDE,{relatedTarget:this._element}),j=a.Event(l.SHOW,{relatedTarget:d});if(d&&a(d).trigger(h),a(this._element).trigger(j),!j.isDefaultPrevented()&&!h.isDefaultPrevented()){f&&(c=a(f)[0]),this._activate(this._element,e);var k=function(){var c=a.Event(l.HIDDEN,{relatedTarget:b._element}),e=a.Event(l.SHOWN,{relatedTarget:d});a(d).trigger(c),a(b._element).trigger(e)};c?this._activate(c,c.parentNode,k):k()}}}},{key:"dispose",value:function(){a.removeData(this._element,d),this._element=null}},{key:"_activate",value:function(b,c,d){var e,f=this;e="UL"===c.nodeName?a(c).find(n.ACTIVE_UL):a(c).children(n.ACTIVE);var g=e[0],h=d&&i["default"].supportsTransitionEnd()&&g&&a(g).hasClass(m.FADE),j=function(){return f._transitionComplete(b,g,d)};g&&h?a(g).one(i["default"].TRANSITION_END,j).emulateTransitionEnd(k):j()}},{key:"_transitionComplete",value:function(b,c,d){if(c){a(c).removeClass("".concat(m.SHOW," ").concat(m.ACTIVE));var e=a(c.parentNode).find(n.DROPDOWN_ACTIVE_CHILD)[0];e&&a(e).removeClass(m.ACTIVE),"tab"===c.getAttribute("role")&&c.setAttribute("aria-selected",!1)}if(a(b).addClass(m.ACTIVE),"tab"===b.getAttribute("role")&&b.setAttribute("aria-selected",!0),i["default"].reflow(b),a(b).addClass(m.SHOW),b.parentNode&&a(b.parentNode).hasClass(m.DROPDOWN_MENU)){var f=a(b).closest(n.DROPDOWN)[0];f&&a(f).find(n.DROPDOWN_TOGGLE).addClass(m.ACTIVE),b.setAttribute("aria-expanded",!0)}d&&d()}}],[{key:"_jQueryInterface",value:function(c){return this.each(function(){var e=a(this),f=e.data(d);if(f||(f=new b(this),e.data(d,f)),"string"==typeof c){if("undefined"==typeof f[c])throw new TypeError('No method named "'.concat(c,'"'));f[c]()}})}},{key:"VERSION",get:function(){return c}}]),b}();return a(document).on(l.CLICK_DATA_API,n.DATA_TOGGLE,function(b){b.preventDefault(),o._jQueryInterface.call(a(this),"show")}),a.fn[b]=o._jQueryInterface,a.fn[b].Constructor=o,a.fn[b].noConflict=function(){return a.fn[b]=j,o._jQueryInterface},o}(h["default"]);a["default"]=j});
\ No newline at end of file
diff --git a/amd/build/tether.min.js b/amd/build/tether.min.js
new file mode 100644
index 0000000..261e672
--- /dev/null
+++ b/amd/build/tether.min.js
@@ -0,0 +1 @@
+!function(a,b){"function"==typeof define&&define.amd?define(b):"object"==typeof exports?module.exports=b(require,exports,module):a.Tether=b()}(this,function(a,b,c){"use strict";function d(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}function e(a){var b=a.getBoundingClientRect(),c={};for(var d in b)c[d]=b[d];if(a.ownerDocument!==document){var f=a.ownerDocument.defaultView.frameElement;if(f){var g=e(f);c.top+=g.top,c.bottom+=g.top,c.left+=g.left,c.right+=g.left}}return c}function f(a){var b=getComputedStyle(a)||{},c=b.position,d=[];if("fixed"===c)return[a];for(var e=a;(e=e.parentNode)&&e&&1===e.nodeType;){var f=void 0;try{f=getComputedStyle(e)}catch(g){}if("undefined"==typeof f||null===f)return d.push(e),d;var h=f,i=h.overflow,j=h.overflowX,k=h.overflowY;/(auto|scroll)/.test(i+k+j)&&("absolute"!==c||["relative","absolute","fixed"].indexOf(f.position)>=0)&&d.push(e)}return d.push(a.ownerDocument.body),a.ownerDocument!==document&&d.push(a.ownerDocument.defaultView),d}function g(){z&&document.body.removeChild(z),z=null}function h(a){var b=void 0;a===document?(b=document,a=document.documentElement):b=a.ownerDocument;var c=b.documentElement,d=e(a),f=C();return d.top-=f.top,d.left-=f.left,"undefined"==typeof d.width&&(d.width=document.body.scrollWidth-d.left-d.right),"undefined"==typeof d.height&&(d.height=document.body.scrollHeight-d.top-d.bottom),d.top=d.top-c.clientTop,d.left=d.left-c.clientLeft,d.right=b.body.clientWidth-d.width-d.left,d.bottom=b.body.clientHeight-d.height-d.top,d}function i(a){return a.offsetParent||document.documentElement}function j(){var a=document.createElement("div");a.style.width="100%",a.style.height="200px";var b=document.createElement("div");k(b.style,{position:"absolute",top:0,left:0,pointerEvents:"none",visibility:"hidden",width:"200px",height:"150px",overflow:"hidden"}),b.appendChild(a),document.body.appendChild(b);var c=a.offsetWidth;b.style.overflow="scroll";var d=a.offsetWidth;c===d&&(d=b.clientWidth),document.body.removeChild(b);var e=c-d;return{width:e,height:e}}function k(){var a=arguments.length<=0||void 0===arguments[0]?{}:arguments[0],b=[];return Array.prototype.push.apply(b,arguments),b.slice(1).forEach(function(b){if(b)for(var c in b)({}).hasOwnProperty.call(b,c)&&(a[c]=b[c])}),a}function l(a,b){if("undefined"!=typeof a.classList)b.split(" ").forEach(function(b){b.trim()&&a.classList.remove(b)});else{var c=new RegExp("(^| )"+b.split(" ").join("|")+"( |$)","gi"),d=o(a).replace(c," ");p(a,d)}}function m(a,b){if("undefined"!=typeof a.classList)b.split(" ").forEach(function(b){b.trim()&&a.classList.add(b)});else{l(a,b);var c=o(a)+(" "+b);p(a,c)}}function n(a,b){if("undefined"!=typeof a.classList)return a.classList.contains(b);var c=o(a);return new RegExp("(^| )"+b+"( |$)","gi").test(c)}function o(a){return a.className instanceof a.ownerDocument.defaultView.SVGAnimatedString?a.className.baseVal:a.className}function p(a,b){a.setAttribute("class",b)}function q(a,b,c){c.forEach(function(c){b.indexOf(c)===-1&&n(a,c)&&l(a,c)}),b.forEach(function(b){n(a,b)||m(a,b)})}function d(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}function r(a,b){if("function"!=typeof b&&null!==b)throw new TypeError("Super expression must either be null or a function, not "+typeof b);a.prototype=Object.create(b&&b.prototype,{constructor:{value:a,enumerable:!1,writable:!0,configurable:!0}}),b&&(Object.setPrototypeOf?Object.setPrototypeOf(a,b):a.__proto__=b)}function s(a,b){var c=arguments.length<=2||void 0===arguments[2]?1:arguments[2];return a+c>=b&&b>=a-c}function t(){return"undefined"!=typeof performance&&"undefined"!=typeof performance.now?performance.now():+new Date}function u(){for(var a={top:0,left:0},b=arguments.length,c=Array(b),d=0;d<b;d++)c[d]=arguments[d];return c.forEach(function(b){var c=b.top,d=b.left;"string"==typeof c&&(c=parseFloat(c,10)),"string"==typeof d&&(d=parseFloat(d,10)),a.top+=c,a.left+=d}),a}function v(a,b){return"string"==typeof a.left&&a.left.indexOf("%")!==-1&&(a.left=parseFloat(a.left,10)/100*b.width),"string"==typeof a.top&&a.top.indexOf("%")!==-1&&(a.top=parseFloat(a.top,10)/100*b.height),a}function w(a,b){return"scrollParent"===b?b=a.scrollParents[0]:"window"===b&&(b=[pageXOffset,pageYOffset,innerWidth+pageXOffset,innerHeight+pageYOffset]),b===document&&(b=b.documentElement),"undefined"!=typeof b.nodeType&&!function(){var a=b,c=h(b),d=c,e=getComputedStyle(b);if(b=[d.left,d.top,c.width+d.left,c.height+d.top],a.ownerDocument!==document){var f=a.ownerDocument.defaultView;b[0]+=f.pageXOffset,b[1]+=f.pageYOffset,b[2]+=f.pageXOffset,b[3]+=f.pageYOffset}W.forEach(function(a,c){a=a[0].toUpperCase()+a.substr(1),"Top"===a||"Left"===a?b[c]+=parseFloat(e["border"+a+"Width"]):b[c]-=parseFloat(e["border"+a+"Width"])})}(),b}var x=function(){function a(a,b){for(var c=0;c<b.length;c++){var d=b[c];d.enumerable=d.enumerable||!1,d.configurable=!0,"value"in d&&(d.writable=!0),Object.defineProperty(a,d.key,d)}}return function(b,c,d){return c&&a(b.prototype,c),d&&a(b,d),b}}(),y=void 0;"undefined"==typeof y&&(y={modules:[]});var z=null,A=function(){var a=0;return function(){return++a}}(),B={},C=function(){var a=z;a||(a=document.createElement("div"),a.setAttribute("data-tether-id",A()),k(a.style,{top:0,left:0,position:"absolute"}),document.body.appendChild(a),z=a);var b=a.getAttribute("data-tether-id");return"undefined"==typeof B[b]&&(B[b]=e(a),E(function(){delete B[b]})),B[b]},D=[],E=function(a){D.push(a)},F=function(){for(var a=void 0;a=D.pop();)a()},G=function(){function a(){d(this,a)}return x(a,[{key:"on",value:function(a,b,c){var d=!(arguments.length<=3||void 0===arguments[3])&&arguments[3];"undefined"==typeof this.bindings&&(this.bindings={}),"undefined"==typeof this.bindings[a]&&(this.bindings[a]=[]),this.bindings[a].push({handler:b,ctx:c,once:d})}},{key:"once",value:function(a,b,c){this.on(a,b,c,!0)}},{key:"off",value:function(a,b){if("undefined"!=typeof this.bindings&&"undefined"!=typeof this.bindings[a])if("undefined"==typeof b)delete this.bindings[a];else for(var c=0;c<this.bindings[a].length;)this.bindings[a][c].handler===b?this.bindings[a].splice(c,1):++c}},{key:"trigger",value:function(a){if("undefined"!=typeof this.bindings&&this.bindings[a]){for(var b=0,c=arguments.length,d=Array(c>1?c-1:0),e=1;e<c;e++)d[e-1]=arguments[e];for(;b<this.bindings[a].length;){var f=this.bindings[a][b],g=f.handler,h=f.ctx,i=f.once,j=h;"undefined"==typeof j&&(j=this),g.apply(j,d),i?this.bindings[a].splice(b,1):++b}}}}]),a}();y.Utils={getActualBoundingClientRect:e,getScrollParents:f,getBounds:h,getOffsetParent:i,extend:k,addClass:m,removeClass:l,hasClass:n,updateClasses:q,defer:E,flush:F,uniqueId:A,Evented:G,getScrollBarSize:j,removeUtilElements:g};var H=function(){function a(a,b){var c=[],d=!0,e=!1,f=void 0;try{for(var g,h=a[Symbol.iterator]();!(d=(g=h.next()).done)&&(c.push(g.value),!b||c.length!==b);d=!0);}catch(i){e=!0,f=i}finally{try{!d&&h["return"]&&h["return"]()}finally{if(e)throw f}}return c}return function(b,c){if(Array.isArray(b))return b;if(Symbol.iterator in Object(b))return a(b,c);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),x=function(){function a(a,b){for(var c=0;c<b.length;c++){var d=b[c];d.enumerable=d.enumerable||!1,d.configurable=!0,"value"in d&&(d.writable=!0),Object.defineProperty(a,d.key,d)}}return function(b,c,d){return c&&a(b.prototype,c),d&&a(b,d),b}}(),I=function(a,b,c){for(var d=!0;d;){var e=a,f=b,g=c;d=!1,null===e&&(e=Function.prototype);var h=Object.getOwnPropertyDescriptor(e,f);if(void 0!==h){if("value"in h)return h.value;var i=h.get;if(void 0===i)return;return i.call(g)}var j=Object.getPrototypeOf(e);if(null===j)return;a=j,b=f,c=g,d=!0,h=j=void 0}};if("undefined"==typeof y)throw new Error("You must include the utils.js file before tether.js");var J=y.Utils,f=J.getScrollParents,h=J.getBounds,i=J.getOffsetParent,k=J.extend,m=J.addClass,l=J.removeClass,q=J.updateClasses,E=J.defer,F=J.flush,j=J.getScrollBarSize,g=J.removeUtilElements,K=function(){if("undefined"==typeof document)return"";for(var a=document.createElement("div"),b=["transform","WebkitTransform","OTransform","MozTransform","msTransform"],c=0;c<b.length;++c){var d=b[c];if(void 0!==a.style[d])return d}}(),L=[],M=function(){L.forEach(function(a){a.position(!1)}),F()};!function(){var a=null,b=null,c=null,d=function e(){return"undefined"!=typeof b&&b>16?(b=Math.min(b-16,250),void(c=setTimeout(e,250))):void("undefined"!=typeof a&&t()-a<10||(null!=c&&(clearTimeout(c),c=null),a=t(),M(),b=t()-a))};"undefined"!=typeof window&&"undefined"!=typeof window.addEventListener&&["resize","scroll","touchmove"].forEach(function(a){window.addEventListener(a,d)})}();var N={center:"center",left:"right",right:"left"},O={middle:"middle",top:"bottom",bottom:"top"},P={top:0,left:0,middle:"50%",center:"50%",bottom:"100%",right:"100%"},Q=function(a,b){var c=a.left,d=a.top;return"auto"===c&&(c=N[b.left]),"auto"===d&&(d=O[b.top]),{left:c,top:d}},R=function(a){var b=a.left,c=a.top;return"undefined"!=typeof P[a.left]&&(b=P[a.left]),"undefined"!=typeof P[a.top]&&(c=P[a.top]),{left:b,top:c}},S=function(a){var b=a.split(" "),c=H(b,2),d=c[0],e=c[1];return{top:d,left:e}},T=S,U=function(a){function b(a){var c=this;d(this,b),I(Object.getPrototypeOf(b.prototype),"constructor",this).call(this),this.position=this.position.bind(this),L.push(this),this.history=[],this.setOptions(a,!1),y.modules.forEach(function(a){"undefined"!=typeof a.initialize&&a.initialize.call(c)}),this.position()}return r(b,a),x(b,[{key:"getClass",value:function(){var a=arguments.length<=0||void 0===arguments[0]?"":arguments[0],b=this.options.classes;return"undefined"!=typeof b&&b[a]?this.options.classes[a]:this.options.classPrefix?this.options.classPrefix+"-"+a:a}},{key:"setOptions",value:function(a){var b=this,c=arguments.length<=1||void 0===arguments[1]||arguments[1],d={offset:"0 0",targetOffset:"0 0",targetAttachment:"auto auto",classPrefix:"tether"};this.options=k(d,a);var e=this.options,g=e.element,h=e.target,i=e.targetModifier;if(this.element=g,this.target=h,this.targetModifier=i,"viewport"===this.target?(this.target=document.body,this.targetModifier="visible"):"scroll-handle"===this.target&&(this.target=document.body,this.targetModifier="scroll-handle"),["element","target"].forEach(function(a){if("undefined"==typeof b[a])throw new Error("Tether Error: Both element and target must be defined");"undefined"!=typeof b[a].jquery?b[a]=b[a][0]:"string"==typeof b[a]&&(b[a]=document.querySelector(b[a]))}),m(this.element,this.getClass("element")),this.options.addTargetClasses!==!1&&m(this.target,this.getClass("target")),!this.options.attachment)throw new Error("Tether Error: You must provide an attachment");this.targetAttachment=T(this.options.targetAttachment),this.attachment=T(this.options.attachment),this.offset=S(this.options.offset),this.targetOffset=S(this.options.targetOffset),"undefined"!=typeof this.scrollParents&&this.disable(),"scroll-handle"===this.targetModifier?this.scrollParents=[this.target]:this.scrollParents=f(this.target),this.options.enabled!==!1&&this.enable(c)}},{key:"getTargetBounds",value:function(){if("undefined"==typeof this.targetModifier)return h(this.target);if("visible"===this.targetModifier){if(this.target===document.body)return{top:pageYOffset,left:pageXOffset,height:innerHeight,width:innerWidth};var a=h(this.target),b={height:a.height,width:a.width,top:a.top,left:a.left};return b.height=Math.min(b.height,a.height-(pageYOffset-a.top)),b.height=Math.min(b.height,a.height-(a.top+a.height-(pageYOffset+innerHeight))),b.height=Math.min(innerHeight,b.height),b.height-=2,b.width=Math.min(b.width,a.width-(pageXOffset-a.left)),b.width=Math.min(b.width,a.width-(a.left+a.width-(pageXOffset+innerWidth))),b.width=Math.min(innerWidth,b.width),b.width-=2,b.top<pageYOffset&&(b.top=pageYOffset),b.left<pageXOffset&&(b.left=pageXOffset),b}if("scroll-handle"===this.targetModifier){var a=void 0,c=this.target;c===document.body?(c=document.documentElement,a={left:pageXOffset,top:pageYOffset,height:innerHeight,width:innerWidth}):a=h(c);var d=getComputedStyle(c),e=c.scrollWidth>c.clientWidth||[d.overflow,d.overflowX].indexOf("scroll")>=0||this.target!==document.body,f=0;e&&(f=15);var g=a.height-parseFloat(d.borderTopWidth)-parseFloat(d.borderBottomWidth)-f,b={width:15,height:.975*g*(g/c.scrollHeight),left:a.left+a.width-parseFloat(d.borderLeftWidth)-15},i=0;g<408&&this.target===document.body&&(i=-11e-5*Math.pow(g,2)-.00727*g+22.58),this.target!==document.body&&(b.height=Math.max(b.height,24));var j=this.target.scrollTop/(c.scrollHeight-g);return b.top=j*(g-b.height-i)+a.top+parseFloat(d.borderTopWidth),this.target===document.body&&(b.height=Math.max(b.height,24)),b}}},{key:"clearCache",value:function(){this._cache={}}},{key:"cache",value:function(a,b){return"undefined"==typeof this._cache&&(this._cache={}),"undefined"==typeof this._cache[a]&&(this._cache[a]=b.call(this)),this._cache[a]}},{key:"enable",value:function(){var a=this,b=arguments.length<=0||void 0===arguments[0]||arguments[0];this.options.addTargetClasses!==!1&&m(this.target,this.getClass("enabled")),m(this.element,this.getClass("enabled")),this.enabled=!0,this.scrollParents.forEach(function(b){b!==a.target.ownerDocument&&b.addEventListener("scroll",a.position)}),b&&this.position()}},{key:"disable",value:function(){var a=this;l(this.target,this.getClass("enabled")),l(this.element,this.getClass("enabled")),this.enabled=!1,"undefined"!=typeof this.scrollParents&&this.scrollParents.forEach(function(b){b.removeEventListener("scroll",a.position)})}},{key:"destroy",value:function(){var a=this;this.disable(),L.forEach(function(b,c){b===a&&L.splice(c,1)}),0===L.length&&g()}},{key:"updateAttachClasses",value:function(a,b){var c=this;a=a||this.attachment,b=b||this.targetAttachment;var d=["left","top","bottom","right","middle","center"];"undefined"!=typeof this._addAttachClasses&&this._addAttachClasses.length&&this._addAttachClasses.splice(0,this._addAttachClasses.length),"undefined"==typeof this._addAttachClasses&&(this._addAttachClasses=[]);var e=this._addAttachClasses;a.top&&e.push(this.getClass("element-attached")+"-"+a.top),a.left&&e.push(this.getClass("element-attached")+"-"+a.left),b.top&&e.push(this.getClass("target-attached")+"-"+b.top),b.left&&e.push(this.getClass("target-attached")+"-"+b.left);var f=[];d.forEach(function(a){f.push(c.getClass("element-attached")+"-"+a),f.push(c.getClass("target-attached")+"-"+a)}),E(function(){"undefined"!=typeof c._addAttachClasses&&(q(c.element,c._addAttachClasses,f),c.options.addTargetClasses!==!1&&q(c.target,c._addAttachClasses,f),delete c._addAttachClasses)})}},{key:"position",value:function(){var a=this,b=arguments.length<=0||void 0===arguments[0]||arguments[0];if(this.enabled){this.clearCache();var c=Q(this.targetAttachment,this.attachment);this.updateAttachClasses(this.attachment,c);var d=this.cache("element-bounds",function(){return h(a.element)}),e=d.width,f=d.height;if(0===e&&0===f&&"undefined"!=typeof this.lastSize){var g=this.lastSize;e=g.width,f=g.height}else this.lastSize={width:e,height:f};var k=this.cache("target-bounds",function(){return a.getTargetBounds()}),l=k,m=v(R(this.attachment),{width:e,height:f}),n=v(R(c),l),o=v(this.offset,{width:e,height:f}),p=v(this.targetOffset,l);m=u(m,o),n=u(n,p);for(var q=k.left+n.left-m.left,r=k.top+n.top-m.top,s=0;s<y.modules.length;++s){var t=y.modules[s],w=t.position.call(this,{left:q,top:r,targetAttachment:c,targetPos:k,elementPos:d,offset:m,targetOffset:n,manualOffset:o,manualTargetOffset:p,scrollbarSize:B,attachment:this.attachment});if(w===!1)return!1;"undefined"!=typeof w&&"object"==typeof w&&(r=w.top,q=w.left)}var x={page:{top:r,left:q},viewport:{top:r-pageYOffset,bottom:pageYOffset-r-f+innerHeight,left:q-pageXOffset,right:pageXOffset-q-e+innerWidth}},z=this.target.ownerDocument,A=z.defaultView,B=void 0;return z.body.scrollWidth>A.innerWidth&&(B=this.cache("scrollbar-size",j),x.viewport.bottom-=B.height),z.body.scrollHeight>A.innerHeight&&(B=this.cache("scrollbar-size",j),x.viewport.right-=B.width),["","static"].indexOf(z.body.style.position)!==-1&&["","static"].indexOf(z.body.parentElement.style.position)!==-1||(x.page.bottom=z.body.scrollHeight-r-f,x.page.right=z.body.scrollWidth-q-e),"undefined"!=typeof this.options.optimizations&&this.options.optimizations.moveElement!==!1&&"undefined"==typeof this.targetModifier&&!function(){var b=a.cache("target-offsetparent",function(){return i(a.target)}),c=a.cache("target-offsetparent-bounds",function(){return h(b)}),d=getComputedStyle(b),e=c,f={};if(["Top","Left","Bottom","Right"].forEach(function(a){f[a.toLowerCase()]=parseFloat(d["border"+a+"Width"])}),c.right=z.body.scrollWidth-c.left-e.width+f.right,c.bottom=z.body.scrollHeight-c.top-e.height+f.bottom,x.page.top>=c.top+f.top&&x.page.bottom>=c.bottom&&x.page.left>=c.left+f.left&&x.page.right>=c.right){var g=b.scrollTop,j=b.scrollLeft;x.offset={top:x.page.top-c.top+g-f.top,left:x.page.left-c.left+j-f.left}}}(),this.move(x),this.history.unshift(x),this.history.length>3&&this.history.pop(),b&&F(),!0}}},{key:"move",value:function(a){var b=this;if("undefined"!=typeof this.element.parentNode){var c={};for(var d in a){c[d]={};for(var e in a[d]){for(var f=!1,g=0;g<this.history.length;++g){var h=this.history[g];if("undefined"!=typeof h[d]&&!s(h[d][e],a[d][e])){f=!0;break}}f||(c[d][e]=!0)}}var j={top:"",left:"",right:"",bottom:""},l=function(a,c){var d="undefined"!=typeof b.options.optimizations,e=d?b.options.optimizations.gpu:null;if(e!==!1){var f=void 0,g=void 0;a.top?(j.top=0,f=c.top):(j.bottom=0,f=-c.bottom),a.left?(j.left=0,g=c.left):(j.right=0,g=-c.right),j[K]="translateX("+Math.round(g)+"px) translateY("+Math.round(f)+"px)","msTransform"!==K&&(j[K]+=" translateZ(0)")}else a.top?j.top=c.top+"px":j.bottom=c.bottom+"px",a.left?j.left=c.left+"px":j.right=c.right+"px"},m=!1;if((c.page.top||c.page.bottom)&&(c.page.left||c.page.right)?(j.position="absolute",l(c.page,a.page)):(c.viewport.top||c.viewport.bottom)&&(c.viewport.left||c.viewport.right)?(j.position="fixed",l(c.viewport,a.viewport)):"undefined"!=typeof c.offset&&c.offset.top&&c.offset.left?!function(){j.position="absolute";var d=b.cache("target-offsetparent",function(){return i(b.target)});i(b.element)!==d&&E(function(){b.element.parentNode.removeChild(b.element),d.appendChild(b.element)}),l(c.offset,a.offset),m=!0}():(j.position="absolute",l({top:!0,left:!0},a.page)),!m){for(var n=!0,o=this.element.parentNode;o&&1===o.nodeType&&"BODY"!==o.tagName;){if("static"!==getComputedStyle(o).position){n=!1;break}o=o.parentNode}n||(this.element.parentNode.removeChild(this.element),this.element.ownerDocument.body.appendChild(this.element))}var p={},q=!1;for(var e in j){var r=j[e],t=this.element.style[e];t!==r&&(q=!0,p[e]=r)}q&&E(function(){k(b.element.style,p)})}}}]),b}(G);U.modules=[],y.position=M;var V=k(U,y),H=function(){function a(a,b){var c=[],d=!0,e=!1,f=void 0;try{for(var g,h=a[Symbol.iterator]();!(d=(g=h.next()).done)&&(c.push(g.value),!b||c.length!==b);d=!0);}catch(i){e=!0,f=i}finally{try{!d&&h["return"]&&h["return"]()}finally{if(e)throw f}}return c}return function(b,c){if(Array.isArray(b))return b;if(Symbol.iterator in Object(b))return a(b,c);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}(),J=y.Utils,h=J.getBounds,k=J.extend,q=J.updateClasses,E=J.defer,W=["left","top","right","bottom"];y.modules.push({position:function(a){var b=this,c=a.top,d=a.left,e=a.targetAttachment;if(!this.options.constraints)return!0;var f=this.cache("element-bounds",function(){return h(b.element)}),g=f.height,i=f.width;if(0===i&&0===g&&"undefined"!=typeof this.lastSize){var j=this.lastSize;i=j.width,g=j.height}var l=this.cache("target-bounds",function(){return b.getTargetBounds()}),m=l.height,n=l.width,o=[this.getClass("pinned"),this.getClass("out-of-bounds")];this.options.constraints.forEach(function(a){var b=a.outOfBoundsClass,c=a.pinnedClass;b&&o.push(b),c&&o.push(c)}),o.forEach(function(a){["left","top","right","bottom"].forEach(function(b){o.push(a+"-"+b)})});var p=[],r=k({},e),s=k({},this.attachment);return this.options.constraints.forEach(function(a){var f=a.to,h=a.attachment,j=a.pin;"undefined"==typeof h&&(h="");var k=void 0,l=void 0;if(h.indexOf(" ")>=0){var o=h.split(" "),q=H(o,2);l=q[0],k=q[1]}else k=l=h;var t=w(b,f);"target"!==l&&"both"!==l||(c<t[1]&&"top"===r.top&&(c+=m,r.top="bottom"),c+g>t[3]&&"bottom"===r.top&&(c-=m,r.top="top")),"together"===l&&("top"===r.top&&("bottom"===s.top&&c<t[1]?(c+=m,r.top="bottom",c+=g,s.top="top"):"top"===s.top&&c+g>t[3]&&c-(g-m)>=t[1]&&(c-=g-m,r.top="bottom",s.top="bottom")),"bottom"===r.top&&("top"===s.top&&c+g>t[3]?(c-=m,r.top="top",c-=g,s.top="bottom"):"bottom"===s.top&&c<t[1]&&c+(2*g-m)<=t[3]&&(c+=g-m,r.top="top",s.top="top")),"middle"===r.top&&(c+g>t[3]&&"top"===s.top?(c-=g,s.top="bottom"):c<t[1]&&"bottom"===s.top&&(c+=g,s.top="top"))),"target"!==k&&"both"!==k||(d<t[0]&&"left"===r.left&&(d+=n,r.left="right"),d+i>t[2]&&"right"===r.left&&(d-=n,r.left="left")),"together"===k&&(d<t[0]&&"left"===r.left?"right"===s.left?(d+=n,r.left="right",d+=i,s.left="left"):"left"===s.left&&(d+=n,r.left="right",d-=i,s.left="right"):d+i>t[2]&&"right"===r.left?"left"===s.left?(d-=n,r.left="left",d-=i,s.left="right"):"right"===s.left&&(d-=n,r.left="left",d+=i,s.left="left"):"center"===r.left&&(d+i>t[2]&&"left"===s.left?(d-=i,s.left="right"):d<t[0]&&"right"===s.left&&(d+=i,s.left="left"))),"element"!==l&&"both"!==l||(c<t[1]&&"bottom"===s.top&&(c+=g,s.top="top"),c+g>t[3]&&"top"===s.top&&(c-=g,s.top="bottom")),"element"!==k&&"both"!==k||(d<t[0]&&("right"===s.left?(d+=i,s.left="left"):"center"===s.left&&(d+=i/2,s.left="left")),d+i>t[2]&&("left"===s.left?(d-=i,s.left="right"):"center"===s.left&&(d-=i/2,s.left="right"))),"string"==typeof j?j=j.split(",").map(function(a){return a.trim()}):j===!0&&(j=["top","left","right","bottom"]),j=j||[];var u=[],v=[];c<t[1]&&(j.indexOf("top")>=0?(c=t[1],u.push("top")):v.push("top")),c+g>t[3]&&(j.indexOf("bottom")>=0?(c=t[3]-g,u.push("bottom")):v.push("bottom")),d<t[0]&&(j.indexOf("left")>=0?(d=t[0],u.push("left")):v.push("left")),d+i>t[2]&&(j.indexOf("right")>=0?(d=t[2]-i,u.push("right")):v.push("right")),u.length&&!function(){var a=void 0;a="undefined"!=typeof b.options.pinnedClass?b.options.pinnedClass:b.getClass("pinned"),p.push(a),u.forEach(function(b){p.push(a+"-"+b)})}(),v.length&&!function(){var a=void 0;a="undefined"!=typeof b.options.outOfBoundsClass?b.options.outOfBoundsClass:b.getClass("out-of-bounds"),p.push(a),v.forEach(function(b){p.push(a+"-"+b)})}(),(u.indexOf("left")>=0||u.indexOf("right")>=0)&&(s.left=r.left=!1),(u.indexOf("top")>=0||u.indexOf("bottom")>=0)&&(s.top=r.top=!1),r.top===e.top&&r.left===e.left&&s.top===b.attachment.top&&s.left===b.attachment.left||(b.updateAttachClasses(s,r),b.trigger("update",{attachment:s,targetAttachment:r}))}),E(function(){b.options.addTargetClasses!==!1&&q(b.target,p,o),q(b.element,p,o)}),{top:c,left:d}}});var J=y.Utils,h=J.getBounds,q=J.updateClasses,E=J.defer;y.modules.push({position:function(a){var b=this,c=a.top,d=a.left,e=this.cache("element-bounds",function(){return h(b.element)}),f=e.height,g=e.width,i=this.getTargetBounds(),j=c+f,k=d+g,l=[];c<=i.bottom&&j>=i.top&&["left","right"].forEach(function(a){var b=i[a];b!==d&&b!==k||l.push(a)}),d<=i.right&&k>=i.left&&["top","bottom"].forEach(function(a){var b=i[a];b!==c&&b!==j||l.push(a)});var m=[],n=[],o=["left","top","right","bottom"];return m.push(this.getClass("abutted")),o.forEach(function(a){m.push(b.getClass("abutted")+"-"+a)}),l.length&&n.push(this.getClass("abutted")),l.forEach(function(a){n.push(b.getClass("abutted")+"-"+a)}),E(function(){b.options.addTargetClasses!==!1&&q(b.target,n,m),q(b.element,n,m)}),!0}});var H=function(){function a(a,b){var c=[],d=!0,e=!1,f=void 0;try{for(var g,h=a[Symbol.iterator]();!(d=(g=h.next()).done)&&(c.push(g.value),!b||c.length!==b);d=!0);}catch(i){e=!0,f=i}finally{try{!d&&h["return"]&&h["return"]()}finally{if(e)throw f}}return c}return function(b,c){if(Array.isArray(b))return b;if(Symbol.iterator in Object(b))return a(b,c);throw new TypeError("Invalid attempt to destructure non-iterable instance")}}();return y.modules.push({position:function(a){var b=a.top,c=a.left;if(this.options.shift){var d=this.options.shift;"function"==typeof this.options.shift&&(d=this.options.shift.call(this,{top:b,left:c}));var e=void 0,f=void 0;if("string"==typeof d){d=d.split(" "),d[1]=d[1]||d[0];var g=d,h=H(g,2);e=h[0],f=h[1],e=parseFloat(e,10),f=parseFloat(f,10)}else e=d.top,f=d.left;return b+=e,c+=f,{top:b,left:c}}}}),V});
\ No newline at end of file
diff --git a/amd/build/tooltip.min.js b/amd/build/tooltip.min.js
new file mode 100644
index 0000000..01e07a1
--- /dev/null
+++ b/amd/build/tooltip.min.js
@@ -0,0 +1 @@
+define(["exports","jquery","core/popper","./util"],function(a,b,c,d){"use strict";function e(a){return a&&a.__esModule?a:{"default":a}}function f(){return f=Object.assign||function(a){for(var b=1;b<arguments.length;b++){var c=arguments[b];for(var d in c)Object.prototype.hasOwnProperty.call(c,d)&&(a[d]=c[d])}return a},f.apply(this,arguments)}function g(a){return(g="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(a){return typeof a}:function(a){return a&&"function"==typeof Symbol&&a.constructor===Symbol&&a!==Symbol.prototype?"symbol":typeof a})(a)}function h(a,b){if(!(a instanceof b))throw new TypeError("Cannot call a class as a function")}function i(a,b){for(var c=0;c<b.length;c++){var d=b[c];d.enumerable=d.enumerable||!1,d.configurable=!0,"value"in d&&(d.writable=!0),Object.defineProperty(a,d.key,d)}}function j(a,b,c){return b&&i(a.prototype,b),c&&i(a,c),a}Object.defineProperty(a,"__esModule",{value:!0});var k=e(b),l=e(c),m=e(d),n=function(a){var b="tooltip",c="4.0.0",d="bs.tooltip",e=".".concat(d),i=a.fn[b],k=150,n="bs-tooltip",o=new RegExp("(^|\\s)".concat(n,"\\S+"),"g"),p={animation:"boolean",template:"string",title:"(string|element|function)",trigger:"string",delay:"(number|object)",html:"boolean",selector:"(string|boolean)",placement:"(string|function)",offset:"(number|string)",container:"(string|element|boolean)",fallbackPlacement:"(string|array)",boundary:"(string|element)"},q={AUTO:"auto",TOP:"top",RIGHT:"right",BOTTOM:"bottom",LEFT:"left"},r={animation:!0,template:'<div class="tooltip" role="tooltip"><div class="arrow"></div><div class="tooltip-inner"></div></div>',trigger:"hover focus",title:"",delay:0,html:!1,selector:!1,placement:"top",offset:0,container:!1,fallbackPlacement:"flip",boundary:"scrollParent"},s={SHOW:"show",OUT:"out"},t={HIDE:"hide".concat(e),HIDDEN:"hidden".concat(e),SHOW:"show".concat(e),SHOWN:"shown".concat(e),INSERTED:"inserted".concat(e),CLICK:"click".concat(e),FOCUSIN:"focusin".concat(e),FOCUSOUT:"focusout".concat(e),MOUSEENTER:"mouseenter".concat(e),MOUSELEAVE:"mouseleave".concat(e)},u={FADE:"fade",SHOW:"show"},v={TOOLTIP:".tooltip",TOOLTIP_INNER:".tooltip-inner",ARROW:".arrow"},w={HOVER:"hover",FOCUS:"focus",CLICK:"click",MANUAL:"manual"},x=function(){function i(a,b){if(h(this,i),"undefined"==typeof l["default"])throw new TypeError("Bootstrap tooltips require Popper.js (https://popper.js.org)");this._isEnabled=!0,this._timeout=0,this._hoverState="",this._activeTrigger={},this._popper=null,this.element=a,this.config=this._getConfig(b),this.tip=null,this._setListeners()}return j(i,[{key:"enable",value:function(){this._isEnabled=!0}},{key:"disable",value:function(){this._isEnabled=!1}},{key:"toggleEnabled",value:function(){this._isEnabled=!this._isEnabled}},{key:"toggle",value:function(b){if(this._isEnabled)if(b){var c=this.constructor.DATA_KEY,d=a(b.currentTarget).data(c);d||(d=new this.constructor(b.currentTarget,this._getDelegateConfig()),a(b.currentTarget).data(c,d)),d._activeTrigger.click=!d._activeTrigger.click,d._isWithActiveTrigger()?d._enter(null,d):d._leave(null,d)}else{if(a(this.getTipElement()).hasClass(u.SHOW))return void this._leave(null,this);this._enter(null,this)}}},{key:"dispose",value:function(){clearTimeout(this._timeout),a.removeData(this.element,this.constructor.DATA_KEY),a(this.element).off(this.constructor.EVENT_KEY),a(this.element).closest(".modal").off("hide.bs.modal"),this.tip&&a(this.tip).remove(),this._isEnabled=null,this._timeout=null,this._hoverState=null,this._activeTrigger=null,null!==this._popper&&this._popper.destroy(),this._popper=null,this.element=null,this.config=null,this.tip=null}},{key:"show",value:function(){var b=this;if("none"===a(this.element).css("display"))throw new Error("Please use show on visible elements");var c=a.Event(this.constructor.Event.SHOW);if(this.isWithContent()&&this._isEnabled){a(this.element).trigger(c);var d=a.contains(this.element.ownerDocument.documentElement,this.element);if(c.isDefaultPrevented()||!d)return;var e=this.getTipElement(),f=m["default"].getUID(this.constructor.NAME);e.setAttribute("id",f),this.element.setAttribute("aria-describedby",f),this.setContent(),this.config.animation&&a(e).addClass(u.FADE);var g="function"==typeof this.config.placement?this.config.placement.call(this,e,this.element):this.config.placement,h=this._getAttachment(g);this.addAttachmentClass(h);var j=this.config.container===!1?document.body:a(this.config.container);a(e).data(this.constructor.DATA_KEY,this),a.contains(this.element.ownerDocument.documentElement,this.tip)||a(e).appendTo(j),a(this.element).trigger(this.constructor.Event.INSERTED),this._popper=new l["default"](this.element,e,{placement:h,modifiers:{offset:{offset:this.config.offset},flip:{behavior:this.config.fallbackPlacement},arrow:{element:v.ARROW},preventOverflow:{boundariesElement:this.config.boundary}},onCreate:function(a){a.originalPlacement!==a.placement&&b._handlePopperPlacementChange(a)},onUpdate:function(a){b._handlePopperPlacementChange(a)}}),a(e).addClass(u.SHOW),"ontouchstart"in document.documentElement&&a("body").children().on("mouseover",null,a.noop);var k=function(){b.config.animation&&b._fixTransition();var c=b._hoverState;b._hoverState=null,a(b.element).trigger(b.constructor.Event.SHOWN),c===s.OUT&&b._leave(null,b)};m["default"].supportsTransitionEnd()&&a(this.tip).hasClass(u.FADE)?a(this.tip).one(m["default"].TRANSITION_END,k).emulateTransitionEnd(i._TRANSITION_DURATION):k()}}},{key:"hide",value:function(b){var c=this,d=this.getTipElement(),e=a.Event(this.constructor.Event.HIDE),f=function(){c._hoverState!==s.SHOW&&d.parentNode&&d.parentNode.removeChild(d),c._cleanTipClass(),c.element.removeAttribute("aria-describedby"),a(c.element).trigger(c.constructor.Event.HIDDEN),null!==c._popper&&c._popper.destroy(),b&&b()};a(this.element).trigger(e),e.isDefaultPrevented()||(a(d).removeClass(u.SHOW),"ontouchstart"in document.documentElement&&a("body").children().off("mouseover",null,a.noop),this._activeTrigger[w.CLICK]=!1,this._activeTrigger[w.FOCUS]=!1,this._activeTrigger[w.HOVER]=!1,m["default"].supportsTransitionEnd()&&a(this.tip).hasClass(u.FADE)?a(d).one(m["default"].TRANSITION_END,f).emulateTransitionEnd(k):f(),this._hoverState="")}},{key:"update",value:function(){null!==this._popper&&this._popper.scheduleUpdate()}},{key:"isWithContent",value:function(){return Boolean(this.getTitle())}},{key:"addAttachmentClass",value:function(b){a(this.getTipElement()).addClass("".concat(n,"-").concat(b))}},{key:"getTipElement",value:function(){return this.tip=this.tip||a(this.config.template)[0],this.tip}},{key:"setContent",value:function(){var b=a(this.getTipElement());this.setElementContent(b.find(v.TOOLTIP_INNER),this.getTitle()),b.removeClass("".concat(u.FADE," ").concat(u.SHOW))}},{key:"setElementContent",value:function(b,c){var d=this.config.html;"object"===g(c)&&(c.nodeType||c.jquery)?d?a(c).parent().is(b)||b.empty().append(c):b.text(a(c).text()):b[d?"html":"text"](c)}},{key:"getTitle",value:function(){var a=this.element.getAttribute("data-original-title");return a||(a="function"==typeof this.config.title?this.config.title.call(this.element):this.config.title),a}},{key:"_getAttachment",value:function(a){return q[a.toUpperCase()]}},{key:"_setListeners",value:function(){var b=this,c=this.config.trigger.split(" ");c.forEach(function(c){if("click"===c)a(b.element).on(b.constructor.Event.CLICK,b.config.selector,function(a){return b.toggle(a)});else if(c!==w.MANUAL){var d=c===w.HOVER?b.constructor.Event.MOUSEENTER:b.constructor.Event.FOCUSIN,e=c===w.HOVER?b.constructor.Event.MOUSELEAVE:b.constructor.Event.FOCUSOUT;a(b.element).on(d,b.config.selector,function(a){return b._enter(a)}).on(e,b.config.selector,function(a){return b._leave(a)})}a(b.element).closest(".modal").on("hide.bs.modal",function(){return b.hide()})}),this.config.selector?this.config=f({},this.config,{trigger:"manual",selector:""}):this._fixTitle()}},{key:"_fixTitle",value:function(){var a=g(this.element.getAttribute("data-original-title"));(this.element.getAttribute("title")||"string"!==a)&&(this.element.setAttribute("data-original-title",this.element.getAttribute("title")||""),this.element.setAttribute("title",""))}},{key:"_enter",value:function(b,c){var d=this.constructor.DATA_KEY;return c=c||a(b.currentTarget).data(d),c||(c=new this.constructor(b.currentTarget,this._getDelegateConfig()),a(b.currentTarget).data(d,c)),b&&(c._activeTrigger["focusin"===b.type?w.FOCUS:w.HOVER]=!0),a(c.getTipElement()).hasClass(u.SHOW)||c._hoverState===s.SHOW?void(c._hoverState=s.SHOW):(clearTimeout(c._timeout),c._hoverState=s.SHOW,c.config.delay&&c.config.delay.show?void(c._timeout=setTimeout(function(){c._hoverState===s.SHOW&&c.show()},c.config.delay.show)):void c.show())}},{key:"_leave",value:function(b,c){var d=this.constructor.DATA_KEY;if(c=c||a(b.currentTarget).data(d),c||(c=new this.constructor(b.currentTarget,this._getDelegateConfig()),a(b.currentTarget).data(d,c)),b&&(c._activeTrigger["focusout"===b.type?w.FOCUS:w.HOVER]=!1),!c._isWithActiveTrigger())return clearTimeout(c._timeout),c._hoverState=s.OUT,c.config.delay&&c.config.delay.hide?void(c._timeout=setTimeout(function(){c._hoverState===s.OUT&&c.hide()},c.config.delay.hide)):void c.hide()}},{key:"_isWithActiveTrigger",value:function(){for(var a in this._activeTrigger)if(this._activeTrigger[a])return!0;return!1}},{key:"_getConfig",value:function(c){return c=f({},this.constructor.Default,a(this.element).data(),c),"number"==typeof c.delay&&(c.delay={show:c.delay,hide:c.delay}),"number"==typeof c.title&&(c.title=c.title.toString()),"number"==typeof c.content&&(c.content=c.content.toString()),m["default"].typeCheckConfig(b,c,this.constructor.DefaultType),c}},{key:"_getDelegateConfig",value:function(){var a={};if(this.config)for(var b in this.config)this.constructor.Default[b]!==this.config[b]&&(a[b]=this.config[b]);return a}},{key:"_cleanTipClass",value:function(){var b=a(this.getTipElement()),c=b.attr("class").match(o);null!==c&&c.length>0&&b.removeClass(c.join(""))}},{key:"_handlePopperPlacementChange",value:function(a){this._cleanTipClass(),this.addAttachmentClass(this._getAttachment(a.placement))}},{key:"_fixTransition",value:function(){var b=this.getTipElement(),c=this.config.animation;null===b.getAttribute("x-placement")&&(a(b).removeClass(u.FADE),this.config.animation=!1,this.hide(),this.show(),this.config.animation=c)}}],[{key:"_jQueryInterface",value:function(b){return this.each(function(){var c=a(this).data(d),e="object"===g(b)&&b;if((c||!/dispose|hide/.test(b))&&(c||(c=new i(this,e),a(this).data(d,c)),"string"==typeof b)){if("undefined"==typeof c[b])throw new TypeError('No method named "'.concat(b,'"'));c[b]()}})}},{key:"VERSION",get:function(){return c}},{key:"Default",get:function(){return r}},{key:"NAME",get:function(){return b}},{key:"DATA_KEY",get:function(){return d}},{key:"Event",get:function(){return t}},{key:"EVENT_KEY",get:function(){return e}},{key:"DefaultType",get:function(){return p}}]),i}();return a.fn[b]=x._jQueryInterface,a.fn[b].Constructor=x,a.fn[b].noConflict=function(){return a.fn[b]=i,x._jQueryInterface},x}(k["default"],l["default"]);a["default"]=n});
\ No newline at end of file
diff --git a/amd/build/util.min.js b/amd/build/util.min.js
new file mode 100644
index 0000000..3ecdb77
--- /dev/null
+++ b/amd/build/util.min.js
@@ -0,0 +1 @@
+define(["exports","jquery"],function(a,b){"use strict";function c(a){return a&&a.__esModule?a:{"default":a}}Object.defineProperty(a,"__esModule",{value:!0});var d=c(b),e=function(a){function b(a){return{}.toString.call(a).match(/\s([a-zA-Z]+)/)[1].toLowerCase()}function c(){return{bindType:h.end,delegateType:h.end,handle:function(b){if(a(b.target).is(this))return b.handleObj.handler.apply(this,arguments)}}}function d(){return("undefined"==typeof window||!window.QUnit)&&{end:"transitionend"}}function e(b){var c=this,d=!1;return a(this).one(j.TRANSITION_END,function(){d=!0}),setTimeout(function(){d||j.triggerTransitionEnd(c)},b),this}function f(){h=d(),a.fn.emulateTransitionEnd=e,j.supportsTransitionEnd()&&(a.event.special[j.TRANSITION_END]=c())}function g(b){return b="function"==typeof a.escapeSelector?a.escapeSelector(b).substr(1):b.replace(/(:|\.|\[|\]|,|=|@)/g,"\\$1")}var h=!1,i=1e6,j={TRANSITION_END:"bsTransitionEnd",getUID:function(a){do a+=~~(Math.random()*i);while(document.getElementById(a));return a},getSelectorFromElement:function(b){var c=b.getAttribute("data-target");c&&"#"!==c||(c=b.getAttribute("href")||""),"#"===c.charAt(0)&&(c=g(c));try{var d=a(document).find(c);return d.length>0?c:null}catch(e){return null}},reflow:function(a){return a.offsetHeight},triggerTransitionEnd:function(b){a(b).trigger(h.end)},supportsTransitionEnd:function(){return Boolean(h)},isElement:function(a){return(a[0]||a).nodeType},typeCheckConfig:function(a,c,d){for(var e in d)if(Object.prototype.hasOwnProperty.call(d,e)){var f=d[e],g=c[e],h=g&&j.isElement(g)?"element":b(g);if(!new RegExp(f).test(h))throw new Error("".concat(a.toUpperCase(),": ")+'Option "'.concat(e,'" provided type "').concat(h,'" ')+'but expected type "'.concat(f,'".'))}}};return f(),j}(d["default"]);a["default"]=e});
\ No newline at end of file
diff --git a/amd/src/alert.js b/amd/src/alert.js
new file mode 100644
index 0000000..4d3065e
--- /dev/null
+++ b/amd/src/alert.js
@@ -0,0 +1,216 @@
+define(["exports", "jquery", "./util"], function (exports, _jquery, _util) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+
+  var _jquery2 = _interopRequireDefault(_jquery);
+
+  var _util2 = _interopRequireDefault(_util);
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+      default: obj
+    };
+  }
+
+  function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+
+  function _defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+
+  function _createClass(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+  }
+
+  /**
+   * --------------------------------------------------------------------------
+   * Bootstrap (v4.0.0): alert.js
+   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+   * --------------------------------------------------------------------------
+   */
+  var Alert = function ($) {
+    /**
+     * ------------------------------------------------------------------------
+     * Constants
+     * ------------------------------------------------------------------------
+     */
+    var NAME = 'alert';
+    var VERSION = '4.0.0';
+    var DATA_KEY = 'bs.alert';
+    var EVENT_KEY = ".".concat(DATA_KEY);
+    var DATA_API_KEY = '.data-api';
+    var JQUERY_NO_CONFLICT = $.fn[NAME];
+    var TRANSITION_DURATION = 150;
+    var Selector = {
+      DISMISS: '[data-dismiss="alert"]'
+    };
+    var Event = {
+      CLOSE: "close".concat(EVENT_KEY),
+      CLOSED: "closed".concat(EVENT_KEY),
+      CLICK_DATA_API: "click".concat(EVENT_KEY).concat(DATA_API_KEY)
+    };
+    var ClassName = {
+      ALERT: 'alert',
+      FADE: 'fade',
+      SHOW: 'show'
+      /**
+       * ------------------------------------------------------------------------
+       * Class Definition
+       * ------------------------------------------------------------------------
+       */
+
+    };
+
+    var Alert = function () {
+      function Alert(element) {
+        _classCallCheck(this, Alert);
+
+        this._element = element;
+      } // Getters
+
+
+      _createClass(Alert, [{
+        key: "close",
+        value: function close(element) {
+          element = element || this._element;
+
+          var rootElement = this._getRootElement(element);
+
+          var customEvent = this._triggerCloseEvent(rootElement);
+
+          if (customEvent.isDefaultPrevented()) {
+            return;
+          }
+
+          this._removeElement(rootElement);
+        }
+      }, {
+        key: "dispose",
+        value: function dispose() {
+          $.removeData(this._element, DATA_KEY);
+          this._element = null;
+        }
+      }, {
+        key: "_getRootElement",
+        value: function _getRootElement(element) {
+          var selector = _util2.default.getSelectorFromElement(element);
+
+          var parent = false;
+
+          if (selector) {
+            parent = $(selector)[0];
+          }
+
+          if (!parent) {
+            parent = $(element).closest(".".concat(ClassName.ALERT))[0];
+          }
+
+          return parent;
+        }
+      }, {
+        key: "_triggerCloseEvent",
+        value: function _triggerCloseEvent(element) {
+          var closeEvent = $.Event(Event.CLOSE);
+          $(element).trigger(closeEvent);
+          return closeEvent;
+        }
+      }, {
+        key: "_removeElement",
+        value: function _removeElement(element) {
+          var _this = this;
+
+          $(element).removeClass(ClassName.SHOW);
+
+          if (!_util2.default.supportsTransitionEnd() || !$(element).hasClass(ClassName.FADE)) {
+            this._destroyElement(element);
+
+            return;
+          }
+
+          $(element).one(_util2.default.TRANSITION_END, function (event) {
+            return _this._destroyElement(element, event);
+          }).emulateTransitionEnd(TRANSITION_DURATION);
+        }
+      }, {
+        key: "_destroyElement",
+        value: function _destroyElement(element) {
+          $(element).detach().trigger(Event.CLOSED).remove();
+        }
+      }], [{
+        key: "_jQueryInterface",
+        value: function _jQueryInterface(config) {
+          return this.each(function () {
+            var $element = $(this);
+            var data = $element.data(DATA_KEY);
+
+            if (!data) {
+              data = new Alert(this);
+              $element.data(DATA_KEY, data);
+            }
+
+            if (config === 'close') {
+              data[config](this);
+            }
+          });
+        }
+      }, {
+        key: "_handleDismiss",
+        value: function _handleDismiss(alertInstance) {
+          return function (event) {
+            if (event) {
+              event.preventDefault();
+            }
+
+            alertInstance.close(this);
+          };
+        }
+      }, {
+        key: "VERSION",
+        get: function get() {
+          return VERSION;
+        }
+      }]);
+
+      return Alert;
+    }();
+
+    /**
+     * ------------------------------------------------------------------------
+     * Data Api implementation
+     * ------------------------------------------------------------------------
+     */
+    $(document).on(Event.CLICK_DATA_API, Selector.DISMISS, Alert._handleDismiss(new Alert()));
+    /**
+     * ------------------------------------------------------------------------
+     * jQuery
+     * ------------------------------------------------------------------------
+     */
+
+    $.fn[NAME] = Alert._jQueryInterface;
+    $.fn[NAME].Constructor = Alert;
+
+    $.fn[NAME].noConflict = function () {
+      $.fn[NAME] = JQUERY_NO_CONFLICT;
+      return Alert._jQueryInterface;
+    };
+
+    return Alert;
+  }(_jquery2.default);
+
+  exports.default = Alert;
+});
\ No newline at end of file
diff --git a/amd/src/aria.js b/amd/src/aria.js
new file mode 100644
index 0000000..bee1379
--- /dev/null
+++ b/amd/src/aria.js
@@ -0,0 +1,201 @@
+// This file is part of Moodle - http://moodle.org/
+//
+// Moodle is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Moodle is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
+
+/**
+ * Enhancements to Bootstrap components for accessibility.
+ *
+ * @module     theme_ilb/aria
+ * @copyright  2018 Damyon Wiese <damyon@moodle.com>
+ * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
+ */
+define(['jquery', 'core/pending'], function($, Pending) {
+    return {
+        init: function() {
+            // Drop downs from bootstrap don't support keyboard accessibility by default.
+            var focusEnd = false,
+                setFocusEnd = function() {
+                    focusEnd = true;
+                },
+                getFocusEnd = function() {
+                    var result = focusEnd;
+                    focusEnd = false;
+                    return result;
+                };
+
+            // Special handling for "up" keyboard control.
+            $('[data-toggle="dropdown"]').keydown(function(e) {
+                var trigger = e.which || e.keyCode,
+                    expanded;
+
+                // Up key opens the menu at the end.
+                if (trigger == 38) {
+                    // Focus the end of the menu, not the beginning.
+                    setFocusEnd();
+                }
+
+                // Escape key only closes the menu, it doesn't open it.
+                if (trigger == 27) {
+                    expanded = $(e.target).attr('aria-expanded');
+                    e.preventDefault();
+                    if (expanded == "false") {
+                        $(e.target).click();
+                    }
+                }
+
+                // Space key or Enter key opens the menu.
+                if (trigger == 32 || trigger == 13) {
+                    // Cancel random scroll.
+                    e.preventDefault();
+                    // Open the menu instead.
+                    $(e.target).click();
+                }
+            });
+
+            // Special handling for navigation keys when menu is open.
+            var shiftFocus = function(element) {
+                var delayedFocus = function(pendingPromise) {
+                    $(this).focus();
+                    pendingPromise.resolve();
+                }.bind(element);
+                setTimeout(delayedFocus, 50, new Pending('core/aria:delayed-focus'));
+            };
+
+            $('.dropdown').on('shown.bs.dropdown', function(e) {
+                // We need to focus on the first menuitem.
+                var menu = $(e.target).find('[role="menu"]'),
+                    menuItems = false,
+                    foundMenuItem = false;
+
+                if (menu) {
+                    menuItems = $(menu).find('[role="menuitem"]');
+                }
+                if (menuItems && menuItems.length > 0) {
+                    if (getFocusEnd()) {
+                        foundMenuItem = menuItems[menuItems.length - 1];
+                    } else {
+                        // The first menu entry, pretty reasonable.
+                        foundMenuItem = menuItems[0];
+                    }
+                }
+                if (foundMenuItem) {
+                    shiftFocus(foundMenuItem);
+                }
+            });
+            // Search for menu items by finding the first item that has
+            // text starting with the typed character (case insensitive).
+            $('.dropdown [role="menu"] [role="menuitem"]').keypress(function(e) {
+                var trigger = String.fromCharCode(e.which || e.keyCode),
+                    menu = $(e.target).closest('[role="menu"]'),
+                    i = 0,
+                    menuItems = false,
+                    item,
+                    itemText;
+
+                if (!menu) {
+                    return;
+                }
+                menuItems = $(menu).find('[role="menuitem"]');
+                if (!menuItems) {
+                    return;
+                }
+
+                trigger = trigger.toLowerCase();
+                for (i = 0; i < menuItems.length; i++) {
+                    item = $(menuItems[i]);
+                    itemText = item.text().trim().toLowerCase();
+                    if (itemText.indexOf(trigger) == 0) {
+                        shiftFocus(item);
+                        break;
+                    }
+                }
+            });
+
+            // Keyboard navigation for arrow keys, home and end keys.
+            $('.dropdown [role="menu"] [role="menuitem"]').keydown(function(e) {
+                var trigger = e.which || e.keyCode,
+                    next = false,
+                    menu = $(e.target).closest('[role="menu"]'),
+                    i = 0,
+                    menuItems = false;
+                if (!menu) {
+                    return;
+                }
+                menuItems = $(menu).find('[role="menuitem"]');
+                if (!menuItems) {
+                    return;
+                }
+                // Down key.
+                if (trigger == 40) {
+                    for (i = 0; i < menuItems.length - 1; i++) {
+                        if (menuItems[i] == e.target) {
+                            next = menuItems[i + 1];
+                            break;
+                        }
+                    }
+                    if (!next) {
+                        // Wrap to first item.
+                        next = menuItems[0];
+                    }
+
+                } else if (trigger == 38) {
+                    // Up key.
+                    for (i = 1; i < menuItems.length; i++) {
+                        if (menuItems[i] == e.target) {
+                            next = menuItems[i - 1];
+                            break;
+                        }
+                    }
+                    if (!next) {
+                        // Wrap to last item.
+                        next = menuItems[menuItems.length - 1];
+                    }
+
+                } else if (trigger == 36) {
+                    // Home key.
+                    next = menuItems[0];
+
+                } else if (trigger == 35) {
+                    // End key.
+                    next = menuItems[menuItems.length - 1];
+                }
+                // Variable next is set if we do want to act on the keypress.
+                if (next) {
+                    e.preventDefault();
+                    shiftFocus(next);
+                }
+                return;
+            });
+            $('.dropdown').on('hidden.bs.dropdown', function(e) {
+                // We need to focus on the menu trigger.
+                var trigger = $(e.target).find('[data-toggle="dropdown"]');
+                if (trigger) {
+                    shiftFocus(trigger);
+                }
+            });
+
+            // After page load, focus on any element with special autofocus attribute.
+            $(function() {
+                window.setTimeout(function(pendingPromise) {
+                    var alerts = $('[role="alert"][data-aria-autofocus="true"]');
+                    if (alerts.length > 0) {
+                        $(alerts[0]).attr('tabindex', '0');
+                        $(alerts[0]).focus();
+                    }
+                    pendingPromise.resolve();
+                }, 300, new Pending('core/aria:delayed-focus'));
+            });
+        }
+    };
+});
diff --git a/amd/src/button.js b/amd/src/button.js
new file mode 100644
index 0000000..00a407a
--- /dev/null
+++ b/amd/src/button.js
@@ -0,0 +1,200 @@
+define(["exports", "jquery"], function (exports, _jquery) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+
+  var _jquery2 = _interopRequireDefault(_jquery);
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+      default: obj
+    };
+  }
+
+  function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+
+  function _defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+
+  function _createClass(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+  }
+
+  /**
+   * --------------------------------------------------------------------------
+   * Bootstrap (v4.0.0): button.js
+   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+   * --------------------------------------------------------------------------
+   */
+  var Button = function ($) {
+    /**
+     * ------------------------------------------------------------------------
+     * Constants
+     * ------------------------------------------------------------------------
+     */
+    var NAME = 'button';
+    var VERSION = '4.0.0';
+    var DATA_KEY = 'bs.button';
+    var EVENT_KEY = ".".concat(DATA_KEY);
+    var DATA_API_KEY = '.data-api';
+    var JQUERY_NO_CONFLICT = $.fn[NAME];
+    var ClassName = {
+      ACTIVE: 'active',
+      BUTTON: 'btn',
+      FOCUS: 'focus'
+    };
+    var Selector = {
+      DATA_TOGGLE_CARROT: '[data-toggle^="button"]',
+      DATA_TOGGLE: '[data-toggle="buttons"]',
+      INPUT: 'input',
+      ACTIVE: '.active',
+      BUTTON: '.btn'
+    };
+    var Event = {
+      CLICK_DATA_API: "click".concat(EVENT_KEY).concat(DATA_API_KEY),
+      FOCUS_BLUR_DATA_API: "focus".concat(EVENT_KEY).concat(DATA_API_KEY, " ") + "blur".concat(EVENT_KEY).concat(DATA_API_KEY)
+      /**
+       * ------------------------------------------------------------------------
+       * Class Definition
+       * ------------------------------------------------------------------------
+       */
+
+    };
+
+    var Button = function () {
+      function Button(element) {
+        _classCallCheck(this, Button);
+
+        this._element = element;
+      } // Getters
+
+
+      _createClass(Button, [{
+        key: "toggle",
+        value: function toggle() {
+          var triggerChangeEvent = true;
+          var addAriaPressed = true;
+          var rootElement = $(this._element).closest(Selector.DATA_TOGGLE)[0];
+
+          if (rootElement) {
+            var input = $(this._element).find(Selector.INPUT)[0];
+
+            if (input) {
+              if (input.type === 'radio') {
+                if (input.checked && $(this._element).hasClass(ClassName.ACTIVE)) {
+                  triggerChangeEvent = false;
+                } else {
+                  var activeElement = $(rootElement).find(Selector.ACTIVE)[0];
+
+                  if (activeElement) {
+                    $(activeElement).removeClass(ClassName.ACTIVE);
+                  }
+                }
+              }
+
+              if (triggerChangeEvent) {
+                if (input.hasAttribute('disabled') || rootElement.hasAttribute('disabled') || input.classList.contains('disabled') || rootElement.classList.contains('disabled')) {
+                  return;
+                }
+
+                input.checked = !$(this._element).hasClass(ClassName.ACTIVE);
+                $(input).trigger('change');
+              }
+
+              input.focus();
+              addAriaPressed = false;
+            }
+          }
+
+          if (addAriaPressed) {
+            this._element.setAttribute('aria-pressed', !$(this._element).hasClass(ClassName.ACTIVE));
+          }
+
+          if (triggerChangeEvent) {
+            $(this._element).toggleClass(ClassName.ACTIVE);
+          }
+        }
+      }, {
+        key: "dispose",
+        value: function dispose() {
+          $.removeData(this._element, DATA_KEY);
+          this._element = null;
+        }
+      }], [{
+        key: "_jQueryInterface",
+        value: function _jQueryInterface(config) {
+          return this.each(function () {
+            var data = $(this).data(DATA_KEY);
+
+            if (!data) {
+              data = new Button(this);
+              $(this).data(DATA_KEY, data);
+            }
+
+            if (config === 'toggle') {
+              data[config]();
+            }
+          });
+        }
+      }, {
+        key: "VERSION",
+        get: function get() {
+          return VERSION;
+        }
+      }]);
+
+      return Button;
+    }();
+
+    /**
+     * ------------------------------------------------------------------------
+     * Data Api implementation
+     * ------------------------------------------------------------------------
+     */
+    $(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE_CARROT, function (event) {
+      event.preventDefault();
+      var button = event.target;
+
+      if (!$(button).hasClass(ClassName.BUTTON)) {
+        button = $(button).closest(Selector.BUTTON);
+      }
+
+      Button._jQueryInterface.call($(button), 'toggle');
+    }).on(Event.FOCUS_BLUR_DATA_API, Selector.DATA_TOGGLE_CARROT, function (event) {
+      var button = $(event.target).closest(Selector.BUTTON)[0];
+      $(button).toggleClass(ClassName.FOCUS, /^focus(in)?$/.test(event.type));
+    });
+    /**
+     * ------------------------------------------------------------------------
+     * jQuery
+     * ------------------------------------------------------------------------
+     */
+
+    $.fn[NAME] = Button._jQueryInterface;
+    $.fn[NAME].Constructor = Button;
+
+    $.fn[NAME].noConflict = function () {
+      $.fn[NAME] = JQUERY_NO_CONFLICT;
+      return Button._jQueryInterface;
+    };
+
+    return Button;
+  }(_jquery2.default);
+
+  exports.default = Button;
+});
\ No newline at end of file
diff --git a/amd/src/carousel.js b/amd/src/carousel.js
new file mode 100644
index 0000000..c1a9e67
--- /dev/null
+++ b/amd/src/carousel.js
@@ -0,0 +1,589 @@
+define(["exports", "jquery", "./util"], function (exports, _jquery, _util) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+
+  var _jquery2 = _interopRequireDefault(_jquery);
+
+  var _util2 = _interopRequireDefault(_util);
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+      default: obj
+    };
+  }
+
+  function _typeof(obj) {
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+
+    return _typeof(obj);
+  }
+
+  function _extends() {
+    _extends = Object.assign || function (target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i];
+
+        for (var key in source) {
+          if (Object.prototype.hasOwnProperty.call(source, key)) {
+            target[key] = source[key];
+          }
+        }
+      }
+
+      return target;
+    };
+
+    return _extends.apply(this, arguments);
+  }
+
+  function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+
+  function _defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+
+  function _createClass(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+  }
+
+  /**
+   * --------------------------------------------------------------------------
+   * Bootstrap (v4.0.0): carousel.js
+   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+   * --------------------------------------------------------------------------
+   */
+  var Carousel = function ($) {
+    /**
+     * ------------------------------------------------------------------------
+     * Constants
+     * ------------------------------------------------------------------------
+     */
+    var NAME = 'carousel';
+    var VERSION = '4.0.0';
+    var DATA_KEY = 'bs.carousel';
+    var EVENT_KEY = ".".concat(DATA_KEY);
+    var DATA_API_KEY = '.data-api';
+    var JQUERY_NO_CONFLICT = $.fn[NAME];
+    var TRANSITION_DURATION = 600;
+    var ARROW_LEFT_KEYCODE = 37; // KeyboardEvent.which value for left arrow key
+
+    var ARROW_RIGHT_KEYCODE = 39; // KeyboardEvent.which value for right arrow key
+
+    var TOUCHEVENT_COMPAT_WAIT = 500; // Time for mouse compat events to fire after touch
+
+    var Default = {
+      interval: 5000,
+      keyboard: true,
+      slide: false,
+      pause: 'hover',
+      wrap: true
+    };
+    var DefaultType = {
+      interval: '(number|boolean)',
+      keyboard: 'boolean',
+      slide: '(boolean|string)',
+      pause: '(string|boolean)',
+      wrap: 'boolean'
+    };
+    var Direction = {
+      NEXT: 'next',
+      PREV: 'prev',
+      LEFT: 'left',
+      RIGHT: 'right'
+    };
+    var Event = {
+      SLIDE: "slide".concat(EVENT_KEY),
+      SLID: "slid".concat(EVENT_KEY),
+      KEYDOWN: "keydown".concat(EVENT_KEY),
+      MOUSEENTER: "mouseenter".concat(EVENT_KEY),
+      MOUSELEAVE: "mouseleave".concat(EVENT_KEY),
+      TOUCHEND: "touchend".concat(EVENT_KEY),
+      LOAD_DATA_API: "load".concat(EVENT_KEY).concat(DATA_API_KEY),
+      CLICK_DATA_API: "click".concat(EVENT_KEY).concat(DATA_API_KEY)
+    };
+    var ClassName = {
+      CAROUSEL: 'carousel',
+      ACTIVE: 'active',
+      SLIDE: 'slide',
+      RIGHT: 'carousel-item-right',
+      LEFT: 'carousel-item-left',
+      NEXT: 'carousel-item-next',
+      PREV: 'carousel-item-prev',
+      ITEM: 'carousel-item'
+    };
+    var Selector = {
+      ACTIVE: '.active',
+      ACTIVE_ITEM: '.active.carousel-item',
+      ITEM: '.carousel-item',
+      NEXT_PREV: '.carousel-item-next, .carousel-item-prev',
+      INDICATORS: '.carousel-indicators',
+      DATA_SLIDE: '[data-slide], [data-slide-to]',
+      DATA_RIDE: '[data-ride="carousel"]'
+      /**
+       * ------------------------------------------------------------------------
+       * Class Definition
+       * ------------------------------------------------------------------------
+       */
+
+    };
+
+    var Carousel = function () {
+      function Carousel(element, config) {
+        _classCallCheck(this, Carousel);
+
+        this._items = null;
+        this._interval = null;
+        this._activeElement = null;
+        this._isPaused = false;
+        this._isSliding = false;
+        this.touchTimeout = null;
+        this._config = this._getConfig(config);
+        this._element = $(element)[0];
+        this._indicatorsElement = $(this._element).find(Selector.INDICATORS)[0];
+
+        this._addEventListeners();
+      } // Getters
+
+
+      _createClass(Carousel, [{
+        key: "next",
+        value: function next() {
+          if (!this._isSliding) {
+            this._slide(Direction.NEXT);
+          }
+        }
+      }, {
+        key: "nextWhenVisible",
+        value: function nextWhenVisible() {
+          // Don't call next when the page isn't visible
+          // or the carousel or its parent isn't visible
+          if (!document.hidden && $(this._element).is(':visible') && $(this._element).css('visibility') !== 'hidden') {
+            this.next();
+          }
+        }
+      }, {
+        key: "prev",
+        value: function prev() {
+          if (!this._isSliding) {
+            this._slide(Direction.PREV);
+          }
+        }
+      }, {
+        key: "pause",
+        value: function pause(event) {
+          if (!event) {
+            this._isPaused = true;
+          }
+
+          if ($(this._element).find(Selector.NEXT_PREV)[0] && _util2.default.supportsTransitionEnd()) {
+            _util2.default.triggerTransitionEnd(this._element);
+
+            this.cycle(true);
+          }
+
+          clearInterval(this._interval);
+          this._interval = null;
+        }
+      }, {
+        key: "cycle",
+        value: function cycle(event) {
+          if (!event) {
+            this._isPaused = false;
+          }
+
+          if (this._interval) {
+            clearInterval(this._interval);
+            this._interval = null;
+          }
+
+          if (this._config.interval && !this._isPaused) {
+            this._interval = setInterval((document.visibilityState ? this.nextWhenVisible : this.next).bind(this), this._config.interval);
+          }
+        }
+      }, {
+        key: "to",
+        value: function to(index) {
+          var _this = this;
+
+          this._activeElement = $(this._element).find(Selector.ACTIVE_ITEM)[0];
+
+          var activeIndex = this._getItemIndex(this._activeElement);
+
+          if (index > this._items.length - 1 || index < 0) {
+            return;
+          }
+
+          if (this._isSliding) {
+            $(this._element).one(Event.SLID, function () {
+              return _this.to(index);
+            });
+            return;
+          }
+
+          if (activeIndex === index) {
+            this.pause();
+            this.cycle();
+            return;
+          }
+
+          var direction = index > activeIndex ? Direction.NEXT : Direction.PREV;
+
+          this._slide(direction, this._items[index]);
+        }
+      }, {
+        key: "dispose",
+        value: function dispose() {
+          $(this._element).off(EVENT_KEY);
+          $.removeData(this._element, DATA_KEY);
+          this._items = null;
+          this._config = null;
+          this._element = null;
+          this._interval = null;
+          this._isPaused = null;
+          this._isSliding = null;
+          this._activeElement = null;
+          this._indicatorsElement = null;
+        }
+      }, {
+        key: "_getConfig",
+        value: function _getConfig(config) {
+          config = _extends({}, Default, config);
+
+          _util2.default.typeCheckConfig(NAME, config, DefaultType);
+
+          return config;
+        }
+      }, {
+        key: "_addEventListeners",
+        value: function _addEventListeners() {
+          var _this2 = this;
+
+          if (this._config.keyboard) {
+            $(this._element).on(Event.KEYDOWN, function (event) {
+              return _this2._keydown(event);
+            });
+          }
+
+          if (this._config.pause === 'hover') {
+            $(this._element).on(Event.MOUSEENTER, function (event) {
+              return _this2.pause(event);
+            }).on(Event.MOUSELEAVE, function (event) {
+              return _this2.cycle(event);
+            });
+
+            if ('ontouchstart' in document.documentElement) {
+              // If it's a touch-enabled device, mouseenter/leave are fired as
+              // part of the mouse compatibility events on first tap - the carousel
+              // would stop cycling until user tapped out of it;
+              // here, we listen for touchend, explicitly pause the carousel
+              // (as if it's the second time we tap on it, mouseenter compat event
+              // is NOT fired) and after a timeout (to allow for mouse compatibility
+              // events to fire) we explicitly restart cycling
+              $(this._element).on(Event.TOUCHEND, function () {
+                _this2.pause();
+
+                if (_this2.touchTimeout) {
+                  clearTimeout(_this2.touchTimeout);
+                }
+
+                _this2.touchTimeout = setTimeout(function (event) {
+                  return _this2.cycle(event);
+                }, TOUCHEVENT_COMPAT_WAIT + _this2._config.interval);
+              });
+            }
+          }
+        }
+      }, {
+        key: "_keydown",
+        value: function _keydown(event) {
+          if (/input|textarea/i.test(event.target.tagName)) {
+            return;
+          }
+
+          switch (event.which) {
+            case ARROW_LEFT_KEYCODE:
+              event.preventDefault();
+              this.prev();
+              break;
+
+            case ARROW_RIGHT_KEYCODE:
+              event.preventDefault();
+              this.next();
+              break;
+
+            default:
+          }
+        }
+      }, {
+        key: "_getItemIndex",
+        value: function _getItemIndex(element) {
+          this._items = $.makeArray($(element).parent().find(Selector.ITEM));
+          return this._items.indexOf(element);
+        }
+      }, {
+        key: "_getItemByDirection",
+        value: function _getItemByDirection(direction, activeElement) {
+          var isNextDirection = direction === Direction.NEXT;
+          var isPrevDirection = direction === Direction.PREV;
+
+          var activeIndex = this._getItemIndex(activeElement);
+
+          var lastItemIndex = this._items.length - 1;
+          var isGoingToWrap = isPrevDirection && activeIndex === 0 || isNextDirection && activeIndex === lastItemIndex;
+
+          if (isGoingToWrap && !this._config.wrap) {
+            return activeElement;
+          }
+
+          var delta = direction === Direction.PREV ? -1 : 1;
+          var itemIndex = (activeIndex + delta) % this._items.length;
+          return itemIndex === -1 ? this._items[this._items.length - 1] : this._items[itemIndex];
+        }
+      }, {
+        key: "_triggerSlideEvent",
+        value: function _triggerSlideEvent(relatedTarget, eventDirectionName) {
+          var targetIndex = this._getItemIndex(relatedTarget);
+
+          var fromIndex = this._getItemIndex($(this._element).find(Selector.ACTIVE_ITEM)[0]);
+
+          var slideEvent = $.Event(Event.SLIDE, {
+            relatedTarget: relatedTarget,
+            direction: eventDirectionName,
+            from: fromIndex,
+            to: targetIndex
+          });
+          $(this._element).trigger(slideEvent);
+          return slideEvent;
+        }
+      }, {
+        key: "_setActiveIndicatorElement",
+        value: function _setActiveIndicatorElement(element) {
+          if (this._indicatorsElement) {
+            $(this._indicatorsElement).find(Selector.ACTIVE).removeClass(ClassName.ACTIVE);
+
+            var nextIndicator = this._indicatorsElement.children[this._getItemIndex(element)];
+
+            if (nextIndicator) {
+              $(nextIndicator).addClass(ClassName.ACTIVE);
+            }
+          }
+        }
+      }, {
+        key: "_slide",
+        value: function _slide(direction, element) {
+          var _this3 = this;
+
+          var activeElement = $(this._element).find(Selector.ACTIVE_ITEM)[0];
+
+          var activeElementIndex = this._getItemIndex(activeElement);
+
+          var nextElement = element || activeElement && this._getItemByDirection(direction, activeElement);
+
+          var nextElementIndex = this._getItemIndex(nextElement);
+
+          var isCycling = Boolean(this._interval);
+          var directionalClassName;
+          var orderClassName;
+          var eventDirectionName;
+
+          if (direction === Direction.NEXT) {
+            directionalClassName = ClassName.LEFT;
+            orderClassName = ClassName.NEXT;
+            eventDirectionName = Direction.LEFT;
+          } else {
+            directionalClassName = ClassName.RIGHT;
+            orderClassName = ClassName.PREV;
+            eventDirectionName = Direction.RIGHT;
+          }
+
+          if (nextElement && $(nextElement).hasClass(ClassName.ACTIVE)) {
+            this._isSliding = false;
+            return;
+          }
+
+          var slideEvent = this._triggerSlideEvent(nextElement, eventDirectionName);
+
+          if (slideEvent.isDefaultPrevented()) {
+            return;
+          }
+
+          if (!activeElement || !nextElement) {
+            // Some weirdness is happening, so we bail
+            return;
+          }
+
+          this._isSliding = true;
+
+          if (isCycling) {
+            this.pause();
+          }
+
+          this._setActiveIndicatorElement(nextElement);
+
+          var slidEvent = $.Event(Event.SLID, {
+            relatedTarget: nextElement,
+            direction: eventDirectionName,
+            from: activeElementIndex,
+            to: nextElementIndex
+          });
+
+          if (_util2.default.supportsTransitionEnd() && $(this._element).hasClass(ClassName.SLIDE)) {
+            $(nextElement).addClass(orderClassName);
+
+            _util2.default.reflow(nextElement);
+
+            $(activeElement).addClass(directionalClassName);
+            $(nextElement).addClass(directionalClassName);
+            $(activeElement).one(_util2.default.TRANSITION_END, function () {
+              $(nextElement).removeClass("".concat(directionalClassName, " ").concat(orderClassName)).addClass(ClassName.ACTIVE);
+              $(activeElement).removeClass("".concat(ClassName.ACTIVE, " ").concat(orderClassName, " ").concat(directionalClassName));
+              _this3._isSliding = false;
+              setTimeout(function () {
+                return $(_this3._element).trigger(slidEvent);
+              }, 0);
+            }).emulateTransitionEnd(TRANSITION_DURATION);
+          } else {
+            $(activeElement).removeClass(ClassName.ACTIVE);
+            $(nextElement).addClass(ClassName.ACTIVE);
+            this._isSliding = false;
+            $(this._element).trigger(slidEvent);
+          }
+
+          if (isCycling) {
+            this.cycle();
+          }
+        }
+      }], [{
+        key: "_jQueryInterface",
+        value: function _jQueryInterface(config) {
+          return this.each(function () {
+            var data = $(this).data(DATA_KEY);
+
+            var _config = _extends({}, Default, $(this).data());
+
+            if (_typeof(config) === 'object') {
+              _config = _extends({}, _config, config);
+            }
+
+            var action = typeof config === 'string' ? config : _config.slide;
+
+            if (!data) {
+              data = new Carousel(this, _config);
+              $(this).data(DATA_KEY, data);
+            }
+
+            if (typeof config === 'number') {
+              data.to(config);
+            } else if (typeof action === 'string') {
+              if (typeof data[action] === 'undefined') {
+                throw new TypeError("No method named \"".concat(action, "\""));
+              }
+
+              data[action]();
+            } else if (_config.interval) {
+              data.pause();
+              data.cycle();
+            }
+          });
+        }
+      }, {
+        key: "_dataApiClickHandler",
+        value: function _dataApiClickHandler(event) {
+          var selector = _util2.default.getSelectorFromElement(this);
+
+          if (!selector) {
+            return;
+          }
+
+          var target = $(selector)[0];
+
+          if (!target || !$(target).hasClass(ClassName.CAROUSEL)) {
+            return;
+          }
+
+          var config = _extends({}, $(target).data(), $(this).data());
+
+          var slideIndex = this.getAttribute('data-slide-to');
+
+          if (slideIndex) {
+            config.interval = false;
+          }
+
+          Carousel._jQueryInterface.call($(target), config);
+
+          if (slideIndex) {
+            $(target).data(DATA_KEY).to(slideIndex);
+          }
+
+          event.preventDefault();
+        }
+      }, {
+        key: "VERSION",
+        get: function get() {
+          return VERSION;
+        }
+      }, {
+        key: "Default",
+        get: function get() {
+          return Default;
+        }
+      }]);
+
+      return Carousel;
+    }();
+
+    /**
+     * ------------------------------------------------------------------------
+     * Data Api implementation
+     * ------------------------------------------------------------------------
+     */
+    $(document).on(Event.CLICK_DATA_API, Selector.DATA_SLIDE, Carousel._dataApiClickHandler);
+    $(window).on(Event.LOAD_DATA_API, function () {
+      $(Selector.DATA_RIDE).each(function () {
+        var $carousel = $(this);
+
+        Carousel._jQueryInterface.call($carousel, $carousel.data());
+      });
+    });
+    /**
+     * ------------------------------------------------------------------------
+     * jQuery
+     * ------------------------------------------------------------------------
+     */
+
+    $.fn[NAME] = Carousel._jQueryInterface;
+    $.fn[NAME].Constructor = Carousel;
+
+    $.fn[NAME].noConflict = function () {
+      $.fn[NAME] = JQUERY_NO_CONFLICT;
+      return Carousel._jQueryInterface;
+    };
+
+    return Carousel;
+  }(_jquery2.default);
+
+  exports.default = Carousel;
+});
\ No newline at end of file
diff --git a/amd/src/collapse.js b/amd/src/collapse.js
new file mode 100644
index 0000000..636cd5f
--- /dev/null
+++ b/amd/src/collapse.js
@@ -0,0 +1,455 @@
+define(["exports", "jquery", "./util"], function (exports, _jquery, _util) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+
+  var _jquery2 = _interopRequireDefault(_jquery);
+
+  var _util2 = _interopRequireDefault(_util);
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+      default: obj
+    };
+  }
+
+  function _typeof(obj) {
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+
+    return _typeof(obj);
+  }
+
+  function _extends() {
+    _extends = Object.assign || function (target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i];
+
+        for (var key in source) {
+          if (Object.prototype.hasOwnProperty.call(source, key)) {
+            target[key] = source[key];
+          }
+        }
+      }
+
+      return target;
+    };
+
+    return _extends.apply(this, arguments);
+  }
+
+  function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+
+  function _defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+
+  function _createClass(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+  }
+
+  /**
+   * --------------------------------------------------------------------------
+   * Bootstrap (v4.0.0): collapse.js
+   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+   * --------------------------------------------------------------------------
+   */
+  var Collapse = function ($) {
+    /**
+     * ------------------------------------------------------------------------
+     * Constants
+     * ------------------------------------------------------------------------
+     */
+    var NAME = 'collapse';
+    var VERSION = '4.0.0';
+    var DATA_KEY = 'bs.collapse';
+    var EVENT_KEY = ".".concat(DATA_KEY);
+    var DATA_API_KEY = '.data-api';
+    var JQUERY_NO_CONFLICT = $.fn[NAME];
+    var TRANSITION_DURATION = 600;
+    var Default = {
+      toggle: true,
+      parent: ''
+    };
+    var DefaultType = {
+      toggle: 'boolean',
+      parent: '(string|element)'
+    };
+    var Event = {
+      SHOW: "show".concat(EVENT_KEY),
+      SHOWN: "shown".concat(EVENT_KEY),
+      HIDE: "hide".concat(EVENT_KEY),
+      HIDDEN: "hidden".concat(EVENT_KEY),
+      CLICK_DATA_API: "click".concat(EVENT_KEY).concat(DATA_API_KEY)
+    };
+    var ClassName = {
+      SHOW: 'show',
+      COLLAPSE: 'collapse',
+      COLLAPSING: 'collapsing',
+      COLLAPSED: 'collapsed'
+    };
+    var Dimension = {
+      WIDTH: 'width',
+      HEIGHT: 'height'
+    };
+    var Selector = {
+      ACTIVES: '.show, .collapsing',
+      DATA_TOGGLE: '[data-toggle="collapse"]'
+      /**
+       * ------------------------------------------------------------------------
+       * Class Definition
+       * ------------------------------------------------------------------------
+       */
+
+    };
+
+    var Collapse = function () {
+      function Collapse(element, config) {
+        _classCallCheck(this, Collapse);
+
+        this._isTransitioning = false;
+        this._element = element;
+        this._config = this._getConfig(config);
+        this._triggerArray = $.makeArray($("[data-toggle=\"collapse\"][href=\"#".concat(element.id, "\"],") + "[data-toggle=\"collapse\"][data-target=\"#".concat(element.id, "\"]")));
+        var tabToggles = $(Selector.DATA_TOGGLE);
+
+        for (var i = 0; i < tabToggles.length; i++) {
+          var elem = tabToggles[i];
+
+          var selector = _util2.default.getSelectorFromElement(elem);
+
+          if (selector !== null && $(selector).filter(element).length > 0) {
+            this._selector = selector;
+
+            this._triggerArray.push(elem);
+          }
+        }
+
+        this._parent = this._config.parent ? this._getParent() : null;
+
+        if (!this._config.parent) {
+          this._addAriaAndCollapsedClass(this._element, this._triggerArray);
+        }
+
+        if (this._config.toggle) {
+          this.toggle();
+        }
+      } // Getters
+
+
+      _createClass(Collapse, [{
+        key: "toggle",
+        value: function toggle() {
+          if ($(this._element).hasClass(ClassName.SHOW)) {
+            this.hide();
+          } else {
+            this.show();
+          }
+        }
+      }, {
+        key: "show",
+        value: function show() {
+          var _this = this;
+
+          if (this._isTransitioning || $(this._element).hasClass(ClassName.SHOW)) {
+            return;
+          }
+
+          var actives;
+          var activesData;
+
+          if (this._parent) {
+            actives = $.makeArray($(this._parent).find(Selector.ACTIVES).filter("[data-parent=\"".concat(this._config.parent, "\"]")));
+
+            if (actives.length === 0) {
+              actives = null;
+            }
+          }
+
+          if (actives) {
+            activesData = $(actives).not(this._selector).data(DATA_KEY);
+
+            if (activesData && activesData._isTransitioning) {
+              return;
+            }
+          }
+
+          var startEvent = $.Event(Event.SHOW);
+          $(this._element).trigger(startEvent);
+
+          if (startEvent.isDefaultPrevented()) {
+            return;
+          }
+
+          if (actives) {
+            Collapse._jQueryInterface.call($(actives).not(this._selector), 'hide');
+
+            if (!activesData) {
+              $(actives).data(DATA_KEY, null);
+            }
+          }
+
+          var dimension = this._getDimension();
+
+          $(this._element).removeClass(ClassName.COLLAPSE).addClass(ClassName.COLLAPSING);
+          this._element.style[dimension] = 0;
+
+          if (this._triggerArray.length > 0) {
+            $(this._triggerArray).removeClass(ClassName.COLLAPSED).attr('aria-expanded', true);
+          }
+
+          this.setTransitioning(true);
+
+          var complete = function complete() {
+            $(_this._element).removeClass(ClassName.COLLAPSING).addClass(ClassName.COLLAPSE).addClass(ClassName.SHOW);
+            _this._element.style[dimension] = '';
+
+            _this.setTransitioning(false);
+
+            $(_this._element).trigger(Event.SHOWN);
+          };
+
+          if (!_util2.default.supportsTransitionEnd()) {
+            complete();
+            return;
+          }
+
+          var capitalizedDimension = dimension[0].toUpperCase() + dimension.slice(1);
+          var scrollSize = "scroll".concat(capitalizedDimension);
+          $(this._element).one(_util2.default.TRANSITION_END, complete).emulateTransitionEnd(TRANSITION_DURATION);
+          this._element.style[dimension] = "".concat(this._element[scrollSize], "px");
+        }
+      }, {
+        key: "hide",
+        value: function hide() {
+          var _this2 = this;
+
+          if (this._isTransitioning || !$(this._element).hasClass(ClassName.SHOW)) {
+            return;
+          }
+
+          var startEvent = $.Event(Event.HIDE);
+          $(this._element).trigger(startEvent);
+
+          if (startEvent.isDefaultPrevented()) {
+            return;
+          }
+
+          var dimension = this._getDimension();
+
+          this._element.style[dimension] = "".concat(this._element.getBoundingClientRect()[dimension], "px");
+
+          _util2.default.reflow(this._element);
+
+          $(this._element).addClass(ClassName.COLLAPSING).removeClass(ClassName.COLLAPSE).removeClass(ClassName.SHOW);
+
+          if (this._triggerArray.length > 0) {
+            for (var i = 0; i < this._triggerArray.length; i++) {
+              var trigger = this._triggerArray[i];
+
+              var selector = _util2.default.getSelectorFromElement(trigger);
+
+              if (selector !== null) {
+                var $elem = $(selector);
+
+                if (!$elem.hasClass(ClassName.SHOW)) {
+                  $(trigger).addClass(ClassName.COLLAPSED).attr('aria-expanded', false);
+                }
+              }
+            }
+          }
+
+          this.setTransitioning(true);
+
+          var complete = function complete() {
+            _this2.setTransitioning(false);
+
+            $(_this2._element).removeClass(ClassName.COLLAPSING).addClass(ClassName.COLLAPSE).trigger(Event.HIDDEN);
+          };
+
+          this._element.style[dimension] = '';
+
+          if (!_util2.default.supportsTransitionEnd()) {
+            complete();
+            return;
+          }
+
+          $(this._element).one(_util2.default.TRANSITION_END, complete).emulateTransitionEnd(TRANSITION_DURATION);
+        }
+      }, {
+        key: "setTransitioning",
+        value: function setTransitioning(isTransitioning) {
+          this._isTransitioning = isTransitioning;
+        }
+      }, {
+        key: "dispose",
+        value: function dispose() {
+          $.removeData(this._element, DATA_KEY);
+          this._config = null;
+          this._parent = null;
+          this._element = null;
+          this._triggerArray = null;
+          this._isTransitioning = null;
+        }
+      }, {
+        key: "_getConfig",
+        value: function _getConfig(config) {
+          config = _extends({}, Default, config);
+          config.toggle = Boolean(config.toggle); // Coerce string values
+
+          _util2.default.typeCheckConfig(NAME, config, DefaultType);
+
+          return config;
+        }
+      }, {
+        key: "_getDimension",
+        value: function _getDimension() {
+          var hasWidth = $(this._element).hasClass(Dimension.WIDTH);
+          return hasWidth ? Dimension.WIDTH : Dimension.HEIGHT;
+        }
+      }, {
+        key: "_getParent",
+        value: function _getParent() {
+          var _this3 = this;
+
+          var parent = null;
+
+          if (_util2.default.isElement(this._config.parent)) {
+            parent = this._config.parent; // It's a jQuery object
+
+            if (typeof this._config.parent.jquery !== 'undefined') {
+              parent = this._config.parent[0];
+            }
+          } else {
+            parent = $(this._config.parent)[0];
+          }
+
+          var selector = "[data-toggle=\"collapse\"][data-parent=\"".concat(this._config.parent, "\"]");
+          $(parent).find(selector).each(function (i, element) {
+            _this3._addAriaAndCollapsedClass(Collapse._getTargetFromElement(element), [element]);
+          });
+          return parent;
+        }
+      }, {
+        key: "_addAriaAndCollapsedClass",
+        value: function _addAriaAndCollapsedClass(element, triggerArray) {
+          if (element) {
+            var isOpen = $(element).hasClass(ClassName.SHOW);
+
+            if (triggerArray.length > 0) {
+              $(triggerArray).toggleClass(ClassName.COLLAPSED, !isOpen).attr('aria-expanded', isOpen);
+            }
+          }
+        }
+      }], [{
+        key: "_getTargetFromElement",
+        value: function _getTargetFromElement(element) {
+          var selector = _util2.default.getSelectorFromElement(element);
+
+          return selector ? $(selector)[0] : null;
+        }
+      }, {
+        key: "_jQueryInterface",
+        value: function _jQueryInterface(config) {
+          return this.each(function () {
+            var $this = $(this);
+            var data = $this.data(DATA_KEY);
+
+            var _config = _extends({}, Default, $this.data(), _typeof(config) === 'object' && config);
+
+            if (!data && _config.toggle && /show|hide/.test(config)) {
+              _config.toggle = false;
+            }
+
+            if (!data) {
+              data = new Collapse(this, _config);
+              $this.data(DATA_KEY, data);
+            }
+
+            if (typeof config === 'string') {
+              if (typeof data[config] === 'undefined') {
+                throw new TypeError("No method named \"".concat(config, "\""));
+              }
+
+              data[config]();
+            }
+          });
+        }
+      }, {
+        key: "VERSION",
+        get: function get() {
+          return VERSION;
+        }
+      }, {
+        key: "Default",
+        get: function get() {
+          return Default;
+        }
+      }]);
+
+      return Collapse;
+    }();
+
+    /**
+     * ------------------------------------------------------------------------
+     * Data Api implementation
+     * ------------------------------------------------------------------------
+     */
+    $(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {
+      // preventDefault only for <a> elements (which change the URL) not inside the collapsible element
+      if (event.currentTarget.tagName === 'A') {
+        event.preventDefault();
+      }
+
+      var $trigger = $(this);
+
+      var selector = _util2.default.getSelectorFromElement(this);
+
+      $(selector).each(function () {
+        var $target = $(this);
+        var data = $target.data(DATA_KEY);
+        var config = data ? 'toggle' : $trigger.data();
+
+        Collapse._jQueryInterface.call($target, config);
+      });
+    });
+    /**
+     * ------------------------------------------------------------------------
+     * jQuery
+     * ------------------------------------------------------------------------
+     */
+
+    $.fn[NAME] = Collapse._jQueryInterface;
+    $.fn[NAME].Constructor = Collapse;
+
+    $.fn[NAME].noConflict = function () {
+      $.fn[NAME] = JQUERY_NO_CONFLICT;
+      return Collapse._jQueryInterface;
+    };
+
+    return Collapse;
+  }(_jquery2.default);
+
+  exports.default = Collapse;
+});
\ No newline at end of file
diff --git a/amd/src/drawer.js b/amd/src/drawer.js
new file mode 100644
index 0000000..802795a
--- /dev/null
+++ b/amd/src/drawer.js
@@ -0,0 +1,181 @@
+// This file is part of Moodle - http://moodle.org/
+//
+// Moodle is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Moodle is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
+
+/**
+ * Contain the logic for a drawer.
+ *
+ * @package    theme_ilb
+ * @copyright  2016 Damyon Wiese
+ * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
+ */
+define(['jquery', 'core/custom_interaction_events', 'core/log'],
+     function($, CustomEvents, Log) {
+
+    var SELECTORS = {
+        TOGGLE_REGION: '[data-region="drawer-toggle"]',
+        TOGGLE_ACTION: '[data-action="toggle-drawer"]',
+        TOGGLE_TARGET: 'aria-controls',
+        TOGGLE_SIDE: 'left',
+        BODY: 'body',
+        SECTION: '.list-group-item[href*="#section-"]'
+    };
+
+    var small = $(document).width() < 768;
+
+    /**
+     * Constructor for the Drawer.
+     *
+     * @param {object} root The root jQuery element for the modal
+     */
+    var Drawer = function() {
+
+        if (!$(SELECTORS.TOGGLE_REGION).length) {
+            Log.debug('Page is missing a drawer region');
+        }
+        if (!$(SELECTORS.TOGGLE_ACTION).length) {
+            Log.debug('Page is missing a drawer toggle link');
+        }
+        $(SELECTORS.TOGGLE_REGION).each(function(index, ele) {
+            var trigger = $(ele).find(SELECTORS.TOGGLE_ACTION);
+            var drawerid = trigger.attr('aria-controls');
+            var drawer = $(document.getElementById(drawerid));
+            var hidden = trigger.attr('aria-expanded') == 'false';
+            var side = trigger.attr('data-side');
+            var body = $(SELECTORS.BODY);
+            var preference = trigger.attr('data-preference');
+            if (small) {
+                M.util.set_user_preference(preference, 'false');
+            }
+
+            drawer.on('mousewheel DOMMouseScroll', this.preventPageScroll);
+
+            if (!hidden) {
+                body.addClass('drawer-open-' + side);
+                trigger.attr('aria-expanded', 'true');
+            } else {
+                trigger.attr('aria-expanded', 'false');
+            }
+        }.bind(this));
+
+        this.registerEventListeners();
+        if (small) {
+            this.closeAll();
+        }
+    };
+
+    Drawer.prototype.closeAll = function() {
+        $(SELECTORS.TOGGLE_REGION).each(function(index, ele) {
+            var trigger = $(ele).find(SELECTORS.TOGGLE_ACTION);
+            var side = trigger.attr('data-side');
+            var body = $(SELECTORS.BODY);
+            var drawerid = trigger.attr('aria-controls');
+            var drawer = $(document.getElementById(drawerid));
+            var preference = trigger.attr('data-preference');
+
+            trigger.attr('aria-expanded', 'false');
+            body.removeClass('drawer-open-' + side);
+            drawer.attr('aria-hidden', 'true');
+            drawer.addClass('closed');
+            if (!small) {
+                M.util.set_user_preference(preference, 'false');
+            }
+        });
+    };
+
+    /**
+     * Open / close the blocks drawer.
+     *
+     * @method toggleDrawer
+     * @param {Event} e
+     */
+    Drawer.prototype.toggleDrawer = function(e) {
+        var trigger = $(e.target).closest('[data-action=toggle-drawer]');
+        var drawerid = trigger.attr('aria-controls');
+        var drawer = $(document.getElementById(drawerid));
+        var body = $(SELECTORS.BODY);
+        var side = trigger.attr('data-side');
+        var preference = trigger.attr('data-preference');
+        if (small) {
+            M.util.set_user_preference(preference, 'false');
+        }
+
+        body.addClass('drawer-ease');
+        var open = trigger.attr('aria-expanded') == 'true';
+        if (!open) {
+            // Open.
+            trigger.attr('aria-expanded', 'true');
+            drawer.attr('aria-hidden', 'false');
+            drawer.focus();
+            body.addClass('drawer-open-' + side);
+            drawer.removeClass('closed');
+            if (!small) {
+                M.util.set_user_preference(preference, 'true');
+            }
+        } else {
+            // Close.
+            body.removeClass('drawer-open-' + side);
+            trigger.attr('aria-expanded', 'false');
+            drawer.attr('aria-hidden', 'true');
+            drawer.addClass('closed');
+            if (!small) {
+                M.util.set_user_preference(preference, 'false');
+            }
+        }
+    };
+
+    /**
+     * Prevent the page from scrolling when the drawer is at max scroll.
+     *
+     * @method preventPageScroll
+     * @param  {Event} e
+     */
+    Drawer.prototype.preventPageScroll = function(e) {
+        var delta = e.wheelDelta || (e.originalEvent && e.originalEvent.wheelDelta) || -e.originalEvent.detail,
+            bottomOverflow = (this.scrollTop + $(this).outerHeight() - this.scrollHeight) >= 0,
+            topOverflow = this.scrollTop <= 0;
+
+        if ((delta < 0 && bottomOverflow) || (delta > 0 && topOverflow)) {
+            e.preventDefault();
+        }
+    };
+
+    /**
+     * Set up all of the event handling for the modal.
+     *
+     * @method registerEventListeners
+     */
+    Drawer.prototype.registerEventListeners = function() {
+
+        $(SELECTORS.TOGGLE_ACTION).each(function(index, element) {
+            CustomEvents.define($(element), [CustomEvents.events.activate]);
+            $(element).on(CustomEvents.events.activate, function(e, data) {
+                this.toggleDrawer(data.originalEvent);
+                data.originalEvent.preventDefault();
+            }.bind(this));
+        }.bind(this));
+
+        $(SELECTORS.SECTION).click(function() {
+            if (small) {
+                this.closeAll();
+            }
+        }.bind(this));
+    };
+
+    return {
+        'init': function() {
+            return new Drawer();
+        }
+    };
+});
diff --git a/amd/src/dropdown.js b/amd/src/dropdown.js
new file mode 100644
index 0000000..6940589
--- /dev/null
+++ b/amd/src/dropdown.js
@@ -0,0 +1,549 @@
+define(["exports", "jquery", "core/popper", "./util"], function (exports, _jquery, _popper, _util) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+
+  var _jquery2 = _interopRequireDefault(_jquery);
+
+  var _popper2 = _interopRequireDefault(_popper);
+
+  var _util2 = _interopRequireDefault(_util);
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+      default: obj
+    };
+  }
+
+  function _typeof(obj) {
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+
+    return _typeof(obj);
+  }
+
+  function _extends() {
+    _extends = Object.assign || function (target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i];
+
+        for (var key in source) {
+          if (Object.prototype.hasOwnProperty.call(source, key)) {
+            target[key] = source[key];
+          }
+        }
+      }
+
+      return target;
+    };
+
+    return _extends.apply(this, arguments);
+  }
+
+  function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+
+  function _defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+
+  function _createClass(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+  }
+
+  /**
+   * --------------------------------------------------------------------------
+   * Bootstrap (v4.0.0): dropdown.js
+   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+   * --------------------------------------------------------------------------
+   */
+  var Dropdown = function ($) {
+    /**
+     * ------------------------------------------------------------------------
+     * Constants
+     * ------------------------------------------------------------------------
+     */
+    var NAME = 'dropdown';
+    var VERSION = '4.0.0';
+    var DATA_KEY = 'bs.dropdown';
+    var EVENT_KEY = ".".concat(DATA_KEY);
+    var DATA_API_KEY = '.data-api';
+    var JQUERY_NO_CONFLICT = $.fn[NAME];
+    var ESCAPE_KEYCODE = 27; // KeyboardEvent.which value for Escape (Esc) key
+
+    var SPACE_KEYCODE = 32; // KeyboardEvent.which value for space key
+
+    var TAB_KEYCODE = 9; // KeyboardEvent.which value for tab key
+
+    var ARROW_UP_KEYCODE = 38; // KeyboardEvent.which value for up arrow key
+
+    var ARROW_DOWN_KEYCODE = 40; // KeyboardEvent.which value for down arrow key
+
+    var RIGHT_MOUSE_BUTTON_WHICH = 3; // MouseEvent.which value for the right button (assuming a right-handed mouse)
+
+    var REGEXP_KEYDOWN = new RegExp("".concat(ARROW_UP_KEYCODE, "|").concat(ARROW_DOWN_KEYCODE, "|").concat(ESCAPE_KEYCODE));
+    var Event = {
+      HIDE: "hide".concat(EVENT_KEY),
+      HIDDEN: "hidden".concat(EVENT_KEY),
+      SHOW: "show".concat(EVENT_KEY),
+      SHOWN: "shown".concat(EVENT_KEY),
+      CLICK: "click".concat(EVENT_KEY),
+      CLICK_DATA_API: "click".concat(EVENT_KEY).concat(DATA_API_KEY),
+      KEYDOWN_DATA_API: "keydown".concat(EVENT_KEY).concat(DATA_API_KEY),
+      KEYUP_DATA_API: "keyup".concat(EVENT_KEY).concat(DATA_API_KEY)
+    };
+    var ClassName = {
+      DISABLED: 'disabled',
+      SHOW: 'show',
+      DROPUP: 'dropup',
+      DROPRIGHT: 'dropright',
+      DROPLEFT: 'dropleft',
+      MENURIGHT: 'dropdown-menu-right',
+      MENULEFT: 'dropdown-menu-left',
+      POSITION_STATIC: 'position-static'
+    };
+    var Selector = {
+      DATA_TOGGLE: '[data-toggle="dropdown"]',
+      FORM_CHILD: '.dropdown form',
+      MENU: '.dropdown-menu',
+      NAVBAR_NAV: '.navbar-nav',
+      VISIBLE_ITEMS: '.dropdown-menu .dropdown-item:not(.disabled)'
+    };
+    var AttachmentMap = {
+      TOP: 'top-start',
+      TOPEND: 'top-end',
+      BOTTOM: 'bottom-start',
+      BOTTOMEND: 'bottom-end',
+      RIGHT: 'right-start',
+      RIGHTEND: 'right-end',
+      LEFT: 'left-start',
+      LEFTEND: 'left-end'
+    };
+    var Default = {
+      offset: 0,
+      flip: false,
+      boundary: 'scrollParent'
+    };
+    var DefaultType = {
+      offset: '(number|string|function)',
+      flip: 'boolean',
+      boundary: '(string|element)'
+      /**
+       * ------------------------------------------------------------------------
+       * Class Definition
+       * ------------------------------------------------------------------------
+       */
+
+    };
+
+    var Dropdown = function () {
+      function Dropdown(element, config) {
+        _classCallCheck(this, Dropdown);
+
+        this._element = element;
+        this._popper = null;
+        this._config = this._getConfig(config);
+        this._menu = this._getMenuElement();
+        this._inNavbar = this._detectNavbar();
+
+        this._addEventListeners();
+      } // Getters
+
+
+      _createClass(Dropdown, [{
+        key: "toggle",
+        value: function toggle() {
+          if (this._element.disabled || $(this._element).hasClass(ClassName.DISABLED)) {
+            return;
+          }
+
+          var parent = Dropdown._getParentFromElement(this._element);
+
+          var isActive = $(this._menu).hasClass(ClassName.SHOW);
+
+          Dropdown._clearMenus();
+
+          if (isActive) {
+            return;
+          }
+
+          var relatedTarget = {
+            relatedTarget: this._element
+          };
+          var showEvent = $.Event(Event.SHOW, relatedTarget);
+          $(parent).trigger(showEvent);
+
+          if (showEvent.isDefaultPrevented()) {
+            return;
+          } // Disable totally Popper.js for Dropdown in Navbar
+
+
+          if (!this._inNavbar) {
+            /**
+             * Check for Popper dependency
+             * Popper - https://popper.js.org
+             */
+            if (typeof _popper2.default === 'undefined') {
+              throw new TypeError('Bootstrap dropdown require Popper.js (https://popper.js.org)');
+            }
+
+            var element = this._element; // For dropup with alignment we use the parent as popper container
+
+            if ($(parent).hasClass(ClassName.DROPUP)) {
+              if ($(this._menu).hasClass(ClassName.MENULEFT) || $(this._menu).hasClass(ClassName.MENURIGHT)) {
+                element = parent;
+              }
+            } // If boundary is not `scrollParent`, then set position to `static`
+            // to allow the menu to "escape" the scroll parent's boundaries
+            // https://github.com/twbs/bootstrap/issues/24251
+
+
+            if (this._config.boundary !== 'scrollParent') {
+              $(parent).addClass(ClassName.POSITION_STATIC);
+            }
+
+            this._popper = new _popper2.default(element, this._menu, this._getPopperConfig());
+          } // If this is a touch-enabled device we add extra
+          // empty mouseover listeners to the body's immediate children;
+          // only needed because of broken event delegation on iOS
+          // https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html
+
+
+          if ('ontouchstart' in document.documentElement && $(parent).closest(Selector.NAVBAR_NAV).length === 0) {
+            $('body').children().on('mouseover', null, $.noop);
+          }
+
+          this._element.focus();
+
+          this._element.setAttribute('aria-expanded', true);
+
+          $(this._menu).toggleClass(ClassName.SHOW);
+          $(parent).toggleClass(ClassName.SHOW).trigger($.Event(Event.SHOWN, relatedTarget));
+        }
+      }, {
+        key: "dispose",
+        value: function dispose() {
+          $.removeData(this._element, DATA_KEY);
+          $(this._element).off(EVENT_KEY);
+          this._element = null;
+          this._menu = null;
+
+          if (this._popper !== null) {
+            this._popper.destroy();
+
+            this._popper = null;
+          }
+        }
+      }, {
+        key: "update",
+        value: function update() {
+          this._inNavbar = this._detectNavbar();
+
+          if (this._popper !== null) {
+            this._popper.scheduleUpdate();
+          }
+        }
+      }, {
+        key: "_addEventListeners",
+        value: function _addEventListeners() {
+          var _this = this;
+
+          $(this._element).on(Event.CLICK, function (event) {
+            event.preventDefault();
+            event.stopPropagation();
+
+            _this.toggle();
+          });
+        }
+      }, {
+        key: "_getConfig",
+        value: function _getConfig(config) {
+          config = _extends({}, this.constructor.Default, $(this._element).data(), config);
+
+          _util2.default.typeCheckConfig(NAME, config, this.constructor.DefaultType);
+
+          return config;
+        }
+      }, {
+        key: "_getMenuElement",
+        value: function _getMenuElement() {
+          if (!this._menu) {
+            var parent = Dropdown._getParentFromElement(this._element);
+
+            this._menu = $(parent).find(Selector.MENU)[0];
+          }
+
+          return this._menu;
+        }
+      }, {
+        key: "_getPlacement",
+        value: function _getPlacement() {
+          var $parentDropdown = $(this._element).parent();
+          var placement = AttachmentMap.BOTTOM; // Handle dropup
+
+          if ($parentDropdown.hasClass(ClassName.DROPUP)) {
+            placement = AttachmentMap.TOP;
+
+            if ($(this._menu).hasClass(ClassName.MENURIGHT)) {
+              placement = AttachmentMap.TOPEND;
+            }
+          } else if ($parentDropdown.hasClass(ClassName.DROPRIGHT)) {
+            placement = AttachmentMap.RIGHT;
+          } else if ($parentDropdown.hasClass(ClassName.DROPLEFT)) {
+            placement = AttachmentMap.LEFT;
+          } else if ($(this._menu).hasClass(ClassName.MENURIGHT)) {
+            placement = AttachmentMap.BOTTOMEND;
+          }
+
+          return placement;
+        }
+      }, {
+        key: "_detectNavbar",
+        value: function _detectNavbar() {
+          return $(this._element).closest('.navbar').length > 0;
+        }
+      }, {
+        key: "_getPopperConfig",
+        value: function _getPopperConfig() {
+          var _this2 = this;
+
+          var offsetConf = {};
+
+          if (typeof this._config.offset === 'function') {
+            offsetConf.fn = function (data) {
+              data.offsets = _extends({}, data.offsets, _this2._config.offset(data.offsets) || {});
+              return data;
+            };
+          } else {
+            offsetConf.offset = this._config.offset;
+          }
+
+          var popperConfig = {
+            placement: this._getPlacement(),
+            modifiers: {
+              offset: offsetConf,
+              flip: {
+                enabled: this._config.flip
+              },
+              preventOverflow: {
+                boundariesElement: this._config.boundary
+              }
+            }
+          };
+          return popperConfig;
+        }
+      }], [{
+        key: "_jQueryInterface",
+        value: function _jQueryInterface(config) {
+          return this.each(function () {
+            var data = $(this).data(DATA_KEY);
+
+            var _config = _typeof(config) === 'object' ? config : null;
+
+            if (!data) {
+              data = new Dropdown(this, _config);
+              $(this).data(DATA_KEY, data);
+            }
+
+            if (typeof config === 'string') {
+              if (typeof data[config] === 'undefined') {
+                throw new TypeError("No method named \"".concat(config, "\""));
+              }
+
+              data[config]();
+            }
+          });
+        }
+      }, {
+        key: "_clearMenus",
+        value: function _clearMenus(event) {
+          if (event && (event.which === RIGHT_MOUSE_BUTTON_WHICH || event.type === 'keyup' && event.which !== TAB_KEYCODE)) {
+            return;
+          }
+
+          var toggles = $.makeArray($(Selector.DATA_TOGGLE));
+
+          for (var i = 0; i < toggles.length; i++) {
+            var parent = Dropdown._getParentFromElement(toggles[i]);
+
+            var context = $(toggles[i]).data(DATA_KEY);
+            var relatedTarget = {
+              relatedTarget: toggles[i]
+            };
+
+            if (!context) {
+              continue;
+            }
+
+            var dropdownMenu = context._menu;
+
+            if (!$(parent).hasClass(ClassName.SHOW)) {
+              continue;
+            }
+
+            if (event && (event.type === 'click' && /input|textarea/i.test(event.target.tagName) || event.type === 'keyup' && event.which === TAB_KEYCODE) && $.contains(parent, event.target)) {
+              continue;
+            }
+
+            var hideEvent = $.Event(Event.HIDE, relatedTarget);
+            $(parent).trigger(hideEvent);
+
+            if (hideEvent.isDefaultPrevented()) {
+              continue;
+            } // If this is a touch-enabled device we remove the extra
+            // empty mouseover listeners we added for iOS support
+
+
+            if ('ontouchstart' in document.documentElement) {
+              $('body').children().off('mouseover', null, $.noop);
+            }
+
+            toggles[i].setAttribute('aria-expanded', 'false');
+            $(dropdownMenu).removeClass(ClassName.SHOW);
+            $(parent).removeClass(ClassName.SHOW).trigger($.Event(Event.HIDDEN, relatedTarget));
+          }
+        }
+      }, {
+        key: "_getParentFromElement",
+        value: function _getParentFromElement(element) {
+          var parent;
+
+          var selector = _util2.default.getSelectorFromElement(element);
+
+          if (selector) {
+            parent = $(selector)[0];
+          }
+
+          return parent || element.parentNode;
+        }
+      }, {
+        key: "_dataApiKeydownHandler",
+        value: function _dataApiKeydownHandler(event) {
+          // If not input/textarea:
+          //  - And not a key in REGEXP_KEYDOWN => not a dropdown command
+          // If input/textarea:
+          //  - If space key => not a dropdown command
+          //  - If key is other than escape
+          //    - If key is not up or down => not a dropdown command
+          //    - If trigger inside the menu => not a dropdown command
+          if (/input|textarea/i.test(event.target.tagName) ? event.which === SPACE_KEYCODE || event.which !== ESCAPE_KEYCODE && (event.which !== ARROW_DOWN_KEYCODE && event.which !== ARROW_UP_KEYCODE || $(event.target).closest(Selector.MENU).length) : !REGEXP_KEYDOWN.test(event.which)) {
+            return;
+          }
+
+          event.preventDefault();
+          event.stopPropagation();
+
+          if (this.disabled || $(this).hasClass(ClassName.DISABLED)) {
+            return;
+          }
+
+          var parent = Dropdown._getParentFromElement(this);
+
+          var isActive = $(parent).hasClass(ClassName.SHOW);
+
+          if (!isActive && (event.which !== ESCAPE_KEYCODE || event.which !== SPACE_KEYCODE) || isActive && (event.which === ESCAPE_KEYCODE || event.which === SPACE_KEYCODE)) {
+            if (event.which === ESCAPE_KEYCODE) {
+              var toggle = $(parent).find(Selector.DATA_TOGGLE)[0];
+              $(toggle).trigger('focus');
+            }
+
+            $(this).trigger('click');
+            return;
+          }
+
+          var items = $(parent).find(Selector.VISIBLE_ITEMS).get();
+
+          if (items.length === 0) {
+            return;
+          }
+
+          var index = items.indexOf(event.target);
+
+          if (event.which === ARROW_UP_KEYCODE && index > 0) {
+            // Up
+            index--;
+          }
+
+          if (event.which === ARROW_DOWN_KEYCODE && index < items.length - 1) {
+            // Down
+            index++;
+          }
+
+          if (index < 0) {
+            index = 0;
+          }
+
+          items[index].focus();
+        }
+      }, {
+        key: "VERSION",
+        get: function get() {
+          return VERSION;
+        }
+      }, {
+        key: "Default",
+        get: function get() {
+          return Default;
+        }
+      }, {
+        key: "DefaultType",
+        get: function get() {
+          return DefaultType;
+        }
+      }]);
+
+      return Dropdown;
+    }();
+
+    /**
+     * ------------------------------------------------------------------------
+     * Data Api implementation
+     * ------------------------------------------------------------------------
+     */
+    $(document).on(Event.KEYDOWN_DATA_API, Selector.DATA_TOGGLE, Dropdown._dataApiKeydownHandler).on(Event.KEYDOWN_DATA_API, Selector.MENU, Dropdown._dataApiKeydownHandler).on("".concat(Event.CLICK_DATA_API, " ").concat(Event.KEYUP_DATA_API), Dropdown._clearMenus).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {
+      event.preventDefault();
+      event.stopPropagation();
+
+      Dropdown._jQueryInterface.call($(this), 'toggle');
+    }).on(Event.CLICK_DATA_API, Selector.FORM_CHILD, function (e) {
+      e.stopPropagation();
+    });
+    /**
+     * ------------------------------------------------------------------------
+     * jQuery
+     * ------------------------------------------------------------------------
+     */
+
+    $.fn[NAME] = Dropdown._jQueryInterface;
+    $.fn[NAME].Constructor = Dropdown;
+
+    $.fn[NAME].noConflict = function () {
+      $.fn[NAME] = JQUERY_NO_CONFLICT;
+      return Dropdown._jQueryInterface;
+    };
+
+    return Dropdown;
+  }(_jquery2.default, _popper2.default);
+
+  exports.default = Dropdown;
+});
\ No newline at end of file
diff --git a/amd/src/form-display-errors.js b/amd/src/form-display-errors.js
new file mode 100644
index 0000000..86afd60
--- /dev/null
+++ b/amd/src/form-display-errors.js
@@ -0,0 +1,65 @@
+// This file is part of Moodle - http://moodle.org/
+//
+// Moodle is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Moodle is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
+
+/**
+ * Custom form error event handler to manipulate the bootstrap markup and show
+ * nicely styled errors in an mform.
+ *
+ * @module     theme_ilb/form-display-errors
+ * @copyright  2016 Damyon Wiese <damyon@moodle.com>
+ * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
+ */
+define(['jquery', 'core/event'], function($, Event) {
+    return {
+        enhance: function(elementid) {
+            var element = document.getElementById(elementid);
+            $(element).on(Event.Events.FORM_FIELD_VALIDATION, function(event, msg) {
+                event.preventDefault();
+                var parent = $(element).closest('.form-group');
+                var feedback = parent.find('.form-control-feedback');
+
+                // Sometimes (atto) we have a hidden textarea backed by a real contenteditable div.
+                if (($(element).prop("tagName") == 'TEXTAREA') && parent.find('[contenteditable]')) {
+                    element = parent.find('[contenteditable]');
+                }
+                if (msg !== '') {
+                    parent.addClass('has-danger');
+                    parent.data('client-validation-error', true);
+                    $(element).addClass('is-invalid');
+                    $(element).attr('aria-describedby', feedback.attr('id'));
+                    $(element).attr('aria-invalid', true);
+                    feedback.attr('tabindex', 0);
+                    feedback.html(msg);
+
+                    // Only display and focus when the error was not already visible.
+                    if (!feedback.is(':visible')) {
+                        feedback.show();
+                        feedback.focus();
+                    }
+
+                } else {
+                    if (parent.data('client-validation-error') === true) {
+                        parent.removeClass('has-danger');
+                        parent.data('client-validation-error', false);
+                        $(element).removeClass('is-invalid');
+                        $(element).removeAttr('aria-describedby');
+                        $(element).attr('aria-invalid', false);
+                        feedback.hide();
+                    }
+                }
+            });
+        }
+    };
+});
diff --git a/amd/src/loader.js b/amd/src/loader.js
new file mode 100644
index 0000000..0782f38
--- /dev/null
+++ b/amd/src/loader.js
@@ -0,0 +1,76 @@
+// This file is part of Moodle - http://moodle.org/
+//
+// Moodle is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Moodle is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
+
+/**
+ * Template renderer for Moodle. Load and render Moodle templates with Mustache.
+ *
+ * @module     core/templates
+ * @package    core
+ * @class      templates
+ * @copyright  2015 Damyon Wiese <damyon@moodle.com>
+ * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
+ * @since      2.9
+ */
+define(['jquery', './tether', 'core/event'], function(jQuery, Tether, Event) {
+
+    window.jQuery = jQuery;
+    window.Tether = Tether;
+
+    require(['theme_ilb/aria',
+            'theme_ilb/util',
+            'theme_ilb/alert',
+            'theme_ilb/button',
+            'theme_ilb/carousel',
+            'theme_ilb/collapse',
+            'theme_ilb/dropdown',
+            'theme_ilb/modal',
+            'theme_ilb/scrollspy',
+            'theme_ilb/tab',
+            'theme_ilb/tooltip',
+            'theme_ilb/popover'],
+            function(Aria) {
+
+        // We do twice because: https://github.com/twbs/bootstrap/issues/10547
+        jQuery('body').popover({
+            trigger: 'focus',
+            selector: "[data-toggle=popover][data-trigger!=hover]"
+        });
+
+        jQuery("html").popover({
+            container: "body",
+            selector: "[data-toggle=popover][data-trigger=hover]",
+            trigger: "hover",
+            delay: {
+                hide: 500
+            }
+        });
+
+        // We need to call popover automatically if nodes are added to the page later.
+        Event.getLegacyEvents().done(function(events) {
+            jQuery(document).on(events.FILTER_CONTENT_UPDATED, function() {
+                jQuery('body').popover({
+                    selector: '[data-toggle="popover"]',
+                    trigger: 'focus'
+                });
+
+            });
+        });
+
+        Aria.init();
+    });
+
+
+    return {};
+});
diff --git a/amd/src/modal.js b/amd/src/modal.js
new file mode 100644
index 0000000..e173538
--- /dev/null
+++ b/amd/src/modal.js
@@ -0,0 +1,662 @@
+define(["exports", "jquery", "./util"], function (exports, _jquery, _util) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+
+  var _jquery2 = _interopRequireDefault(_jquery);
+
+  var _util2 = _interopRequireDefault(_util);
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+      default: obj
+    };
+  }
+
+  function _typeof(obj) {
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+
+    return _typeof(obj);
+  }
+
+  function _extends() {
+    _extends = Object.assign || function (target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i];
+
+        for (var key in source) {
+          if (Object.prototype.hasOwnProperty.call(source, key)) {
+            target[key] = source[key];
+          }
+        }
+      }
+
+      return target;
+    };
+
+    return _extends.apply(this, arguments);
+  }
+
+  function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+
+  function _defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+
+  function _createClass(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+  }
+
+  /**
+   * --------------------------------------------------------------------------
+   * Bootstrap (v4.0.0): modal.js
+   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+   * --------------------------------------------------------------------------
+   */
+  var Modal = function ($) {
+    /**
+     * ------------------------------------------------------------------------
+     * Constants
+     * ------------------------------------------------------------------------
+     */
+    var NAME = 'modal';
+    var VERSION = '4.0.0';
+    var DATA_KEY = 'bs.modal';
+    var EVENT_KEY = ".".concat(DATA_KEY);
+    var DATA_API_KEY = '.data-api';
+    var JQUERY_NO_CONFLICT = $.fn[NAME];
+    var TRANSITION_DURATION = 300;
+    var BACKDROP_TRANSITION_DURATION = 150;
+    var ESCAPE_KEYCODE = 27; // KeyboardEvent.which value for Escape (Esc) key
+
+    var Default = {
+      backdrop: true,
+      keyboard: true,
+      focus: true,
+      show: true
+    };
+    var DefaultType = {
+      backdrop: '(boolean|string)',
+      keyboard: 'boolean',
+      focus: 'boolean',
+      show: 'boolean'
+    };
+    var Event = {
+      HIDE: "hide".concat(EVENT_KEY),
+      HIDDEN: "hidden".concat(EVENT_KEY),
+      SHOW: "show".concat(EVENT_KEY),
+      SHOWN: "shown".concat(EVENT_KEY),
+      FOCUSIN: "focusin".concat(EVENT_KEY),
+      RESIZE: "resize".concat(EVENT_KEY),
+      CLICK_DISMISS: "click.dismiss".concat(EVENT_KEY),
+      KEYDOWN_DISMISS: "keydown.dismiss".concat(EVENT_KEY),
+      MOUSEUP_DISMISS: "mouseup.dismiss".concat(EVENT_KEY),
+      MOUSEDOWN_DISMISS: "mousedown.dismiss".concat(EVENT_KEY),
+      CLICK_DATA_API: "click".concat(EVENT_KEY).concat(DATA_API_KEY)
+    };
+    var ClassName = {
+      SCROLLBAR_MEASURER: 'modal-scrollbar-measure',
+      BACKDROP: 'modal-backdrop',
+      OPEN: 'modal-open',
+      FADE: 'fade',
+      SHOW: 'show'
+    };
+    var Selector = {
+      DIALOG: '.modal-dialog',
+      DATA_TOGGLE: '[data-toggle="modal"]',
+      DATA_DISMISS: '[data-dismiss="modal"]',
+      FIXED_CONTENT: '.fixed-top, .fixed-bottom, .is-fixed, .sticky-top',
+      STICKY_CONTENT: '.sticky-top',
+      NAVBAR_TOGGLER: '.navbar-toggler'
+      /**
+       * ------------------------------------------------------------------------
+       * Class Definition
+       * ------------------------------------------------------------------------
+       */
+
+    };
+
+    var Modal = function () {
+      function Modal(element, config) {
+        _classCallCheck(this, Modal);
+
+        this._config = this._getConfig(config);
+        this._element = element;
+        this._dialog = $(element).find(Selector.DIALOG)[0];
+        this._backdrop = null;
+        this._isShown = false;
+        this._isBodyOverflowing = false;
+        this._ignoreBackdropClick = false;
+        this._originalBodyPadding = 0;
+        this._scrollbarWidth = 0;
+      } // Getters
+
+
+      _createClass(Modal, [{
+        key: "toggle",
+        value: function toggle(relatedTarget) {
+          return this._isShown ? this.hide() : this.show(relatedTarget);
+        }
+      }, {
+        key: "show",
+        value: function show(relatedTarget) {
+          var _this = this;
+
+          if (this._isTransitioning || this._isShown) {
+            return;
+          }
+
+          if (_util2.default.supportsTransitionEnd() && $(this._element).hasClass(ClassName.FADE)) {
+            this._isTransitioning = true;
+          }
+
+          var showEvent = $.Event(Event.SHOW, {
+            relatedTarget: relatedTarget
+          });
+          $(this._element).trigger(showEvent);
+
+          if (this._isShown || showEvent.isDefaultPrevented()) {
+            return;
+          }
+
+          this._isShown = true;
+
+          this._checkScrollbar();
+
+          this._setScrollbar();
+
+          this._adjustDialog();
+
+          $(document.body).addClass(ClassName.OPEN);
+
+          this._setEscapeEvent();
+
+          this._setResizeEvent();
+
+          $(this._element).on(Event.CLICK_DISMISS, Selector.DATA_DISMISS, function (event) {
+            return _this.hide(event);
+          });
+          $(this._dialog).on(Event.MOUSEDOWN_DISMISS, function () {
+            $(_this._element).one(Event.MOUSEUP_DISMISS, function (event) {
+              if ($(event.target).is(_this._element)) {
+                _this._ignoreBackdropClick = true;
+              }
+            });
+          });
+
+          this._showBackdrop(function () {
+            return _this._showElement(relatedTarget);
+          });
+        }
+      }, {
+        key: "hide",
+        value: function hide(event) {
+          var _this2 = this;
+
+          if (event) {
+            event.preventDefault();
+          }
+
+          if (this._isTransitioning || !this._isShown) {
+            return;
+          }
+
+          var hideEvent = $.Event(Event.HIDE);
+          $(this._element).trigger(hideEvent);
+
+          if (!this._isShown || hideEvent.isDefaultPrevented()) {
+            return;
+          }
+
+          this._isShown = false;
+          var transition = _util2.default.supportsTransitionEnd() && $(this._element).hasClass(ClassName.FADE);
+
+          if (transition) {
+            this._isTransitioning = true;
+          }
+
+          this._setEscapeEvent();
+
+          this._setResizeEvent();
+
+          $(document).off(Event.FOCUSIN);
+          $(this._element).removeClass(ClassName.SHOW);
+          $(this._element).off(Event.CLICK_DISMISS);
+          $(this._dialog).off(Event.MOUSEDOWN_DISMISS);
+
+          if (transition) {
+            $(this._element).one(_util2.default.TRANSITION_END, function (event) {
+              return _this2._hideModal(event);
+            }).emulateTransitionEnd(TRANSITION_DURATION);
+          } else {
+            this._hideModal();
+          }
+        }
+      }, {
+        key: "dispose",
+        value: function dispose() {
+          $.removeData(this._element, DATA_KEY);
+          $(window, document, this._element, this._backdrop).off(EVENT_KEY);
+          this._config = null;
+          this._element = null;
+          this._dialog = null;
+          this._backdrop = null;
+          this._isShown = null;
+          this._isBodyOverflowing = null;
+          this._ignoreBackdropClick = null;
+          this._scrollbarWidth = null;
+        }
+      }, {
+        key: "handleUpdate",
+        value: function handleUpdate() {
+          this._adjustDialog();
+        }
+      }, {
+        key: "_getConfig",
+        value: function _getConfig(config) {
+          config = _extends({}, Default, config);
+
+          _util2.default.typeCheckConfig(NAME, config, DefaultType);
+
+          return config;
+        }
+      }, {
+        key: "_showElement",
+        value: function _showElement(relatedTarget) {
+          var _this3 = this;
+
+          var transition = _util2.default.supportsTransitionEnd() && $(this._element).hasClass(ClassName.FADE);
+
+          if (!this._element.parentNode || this._element.parentNode.nodeType !== Node.ELEMENT_NODE) {
+            // Don't move modal's DOM position
+            document.body.appendChild(this._element);
+          }
+
+          this._element.style.display = 'block';
+
+          this._element.removeAttribute('aria-hidden');
+
+          this._element.scrollTop = 0;
+
+          if (transition) {
+            _util2.default.reflow(this._element);
+          }
+
+          $(this._element).addClass(ClassName.SHOW);
+
+          if (this._config.focus) {
+            this._enforceFocus();
+          }
+
+          var shownEvent = $.Event(Event.SHOWN, {
+            relatedTarget: relatedTarget
+          });
+
+          var transitionComplete = function transitionComplete() {
+            if (_this3._config.focus) {
+              _this3._element.focus();
+            }
+
+            _this3._isTransitioning = false;
+            $(_this3._element).trigger(shownEvent);
+          };
+
+          if (transition) {
+            $(this._dialog).one(_util2.default.TRANSITION_END, transitionComplete).emulateTransitionEnd(TRANSITION_DURATION);
+          } else {
+            transitionComplete();
+          }
+        }
+      }, {
+        key: "_enforceFocus",
+        value: function _enforceFocus() {
+          var _this4 = this;
+
+          $(document).off(Event.FOCUSIN) // Guard against infinite focus loop
+          .on(Event.FOCUSIN, function (event) {
+            if (document !== event.target && _this4._element !== event.target && $(_this4._element).has(event.target).length === 0) {
+              _this4._element.focus();
+            }
+          });
+        }
+      }, {
+        key: "_setEscapeEvent",
+        value: function _setEscapeEvent() {
+          var _this5 = this;
+
+          if (this._isShown && this._config.keyboard) {
+            $(this._element).on(Event.KEYDOWN_DISMISS, function (event) {
+              if (event.which === ESCAPE_KEYCODE) {
+                event.preventDefault();
+
+                _this5.hide();
+              }
+            });
+          } else if (!this._isShown) {
+            $(this._element).off(Event.KEYDOWN_DISMISS);
+          }
+        }
+      }, {
+        key: "_setResizeEvent",
+        value: function _setResizeEvent() {
+          var _this6 = this;
+
+          if (this._isShown) {
+            $(window).on(Event.RESIZE, function (event) {
+              return _this6.handleUpdate(event);
+            });
+          } else {
+            $(window).off(Event.RESIZE);
+          }
+        }
+      }, {
+        key: "_hideModal",
+        value: function _hideModal() {
+          var _this7 = this;
+
+          this._element.style.display = 'none';
+
+          this._element.setAttribute('aria-hidden', true);
+
+          this._isTransitioning = false;
+
+          this._showBackdrop(function () {
+            $(document.body).removeClass(ClassName.OPEN);
+
+            _this7._resetAdjustments();
+
+            _this7._resetScrollbar();
+
+            $(_this7._element).trigger(Event.HIDDEN);
+          });
+        }
+      }, {
+        key: "_removeBackdrop",
+        value: function _removeBackdrop() {
+          if (this._backdrop) {
+            $(this._backdrop).remove();
+            this._backdrop = null;
+          }
+        }
+      }, {
+        key: "_showBackdrop",
+        value: function _showBackdrop(callback) {
+          var _this8 = this;
+
+          var animate = $(this._element).hasClass(ClassName.FADE) ? ClassName.FADE : '';
+
+          if (this._isShown && this._config.backdrop) {
+            var doAnimate = _util2.default.supportsTransitionEnd() && animate;
+            this._backdrop = document.createElement('div');
+            this._backdrop.className = ClassName.BACKDROP;
+
+            if (animate) {
+              $(this._backdrop).addClass(animate);
+            }
+
+            $(this._backdrop).appendTo(document.body);
+            $(this._element).on(Event.CLICK_DISMISS, function (event) {
+              if (_this8._ignoreBackdropClick) {
+                _this8._ignoreBackdropClick = false;
+                return;
+              }
+
+              if (event.target !== event.currentTarget) {
+                return;
+              }
+
+              if (_this8._config.backdrop === 'static') {
+                _this8._element.focus();
+              } else {
+                _this8.hide();
+              }
+            });
+
+            if (doAnimate) {
+              _util2.default.reflow(this._backdrop);
+            }
+
+            $(this._backdrop).addClass(ClassName.SHOW);
+
+            if (!callback) {
+              return;
+            }
+
+            if (!doAnimate) {
+              callback();
+              return;
+            }
+
+            $(this._backdrop).one(_util2.default.TRANSITION_END, callback).emulateTransitionEnd(BACKDROP_TRANSITION_DURATION);
+          } else if (!this._isShown && this._backdrop) {
+            $(this._backdrop).removeClass(ClassName.SHOW);
+
+            var callbackRemove = function callbackRemove() {
+              _this8._removeBackdrop();
+
+              if (callback) {
+                callback();
+              }
+            };
+
+            if (_util2.default.supportsTransitionEnd() && $(this._element).hasClass(ClassName.FADE)) {
+              $(this._backdrop).one(_util2.default.TRANSITION_END, callbackRemove).emulateTransitionEnd(BACKDROP_TRANSITION_DURATION);
+            } else {
+              callbackRemove();
+            }
+          } else if (callback) {
+            callback();
+          }
+        }
+      }, {
+        key: "_adjustDialog",
+        value: function _adjustDialog() {
+          var isModalOverflowing = this._element.scrollHeight > document.documentElement.clientHeight;
+
+          if (!this._isBodyOverflowing && isModalOverflowing) {
+            this._element.style.paddingLeft = "".concat(this._scrollbarWidth, "px");
+          }
+
+          if (this._isBodyOverflowing && !isModalOverflowing) {
+            this._element.style.paddingRight = "".concat(this._scrollbarWidth, "px");
+          }
+        }
+      }, {
+        key: "_resetAdjustments",
+        value: function _resetAdjustments() {
+          this._element.style.paddingLeft = '';
+          this._element.style.paddingRight = '';
+        }
+      }, {
+        key: "_checkScrollbar",
+        value: function _checkScrollbar() {
+          var rect = document.body.getBoundingClientRect();
+          this._isBodyOverflowing = rect.left + rect.right < window.innerWidth;
+          this._scrollbarWidth = this._getScrollbarWidth();
+        }
+      }, {
+        key: "_setScrollbar",
+        value: function _setScrollbar() {
+          var _this9 = this;
+
+          if (this._isBodyOverflowing) {
+            // Note: DOMNode.style.paddingRight returns the actual value or '' if not set
+            //   while $(DOMNode).css('padding-right') returns the calculated value or 0 if not set
+            // Adjust fixed content padding
+            $(Selector.FIXED_CONTENT).each(function (index, element) {
+              var actualPadding = $(element)[0].style.paddingRight;
+              var calculatedPadding = $(element).css('padding-right');
+              $(element).data('padding-right', actualPadding).css('padding-right', "".concat(parseFloat(calculatedPadding) + _this9._scrollbarWidth, "px"));
+            }); // Adjust sticky content margin
+
+            $(Selector.STICKY_CONTENT).each(function (index, element) {
+              var actualMargin = $(element)[0].style.marginRight;
+              var calculatedMargin = $(element).css('margin-right');
+              $(element).data('margin-right', actualMargin).css('margin-right', "".concat(parseFloat(calculatedMargin) - _this9._scrollbarWidth, "px"));
+            }); // Adjust navbar-toggler margin
+
+            $(Selector.NAVBAR_TOGGLER).each(function (index, element) {
+              var actualMargin = $(element)[0].style.marginRight;
+              var calculatedMargin = $(element).css('margin-right');
+              $(element).data('margin-right', actualMargin).css('margin-right', "".concat(parseFloat(calculatedMargin) + _this9._scrollbarWidth, "px"));
+            }); // Adjust body padding
+
+            var actualPadding = document.body.style.paddingRight;
+            var calculatedPadding = $('body').css('padding-right');
+            $('body').data('padding-right', actualPadding).css('padding-right', "".concat(parseFloat(calculatedPadding) + this._scrollbarWidth, "px"));
+          }
+        }
+      }, {
+        key: "_resetScrollbar",
+        value: function _resetScrollbar() {
+          // Restore fixed content padding
+          $(Selector.FIXED_CONTENT).each(function (index, element) {
+            var padding = $(element).data('padding-right');
+
+            if (typeof padding !== 'undefined') {
+              $(element).css('padding-right', padding).removeData('padding-right');
+            }
+          }); // Restore sticky content and navbar-toggler margin
+
+          $("".concat(Selector.STICKY_CONTENT, ", ").concat(Selector.NAVBAR_TOGGLER)).each(function (index, element) {
+            var margin = $(element).data('margin-right');
+
+            if (typeof margin !== 'undefined') {
+              $(element).css('margin-right', margin).removeData('margin-right');
+            }
+          }); // Restore body padding
+
+          var padding = $('body').data('padding-right');
+
+          if (typeof padding !== 'undefined') {
+            $('body').css('padding-right', padding).removeData('padding-right');
+          }
+        }
+      }, {
+        key: "_getScrollbarWidth",
+        value: function _getScrollbarWidth() {
+          // thx d.walsh
+          var scrollDiv = document.createElement('div');
+          scrollDiv.className = ClassName.SCROLLBAR_MEASURER;
+          document.body.appendChild(scrollDiv);
+          var scrollbarWidth = scrollDiv.getBoundingClientRect().width - scrollDiv.clientWidth;
+          document.body.removeChild(scrollDiv);
+          return scrollbarWidth;
+        }
+      }], [{
+        key: "_jQueryInterface",
+        value: function _jQueryInterface(config, relatedTarget) {
+          return this.each(function () {
+            var data = $(this).data(DATA_KEY);
+
+            var _config = _extends({}, Modal.Default, $(this).data(), _typeof(config) === 'object' && config);
+
+            if (!data) {
+              data = new Modal(this, _config);
+              $(this).data(DATA_KEY, data);
+            }
+
+            if (typeof config === 'string') {
+              if (typeof data[config] === 'undefined') {
+                throw new TypeError("No method named \"".concat(config, "\""));
+              }
+
+              data[config](relatedTarget);
+            } else if (_config.show) {
+              data.show(relatedTarget);
+            }
+          });
+        }
+      }, {
+        key: "VERSION",
+        get: function get() {
+          return VERSION;
+        }
+      }, {
+        key: "Default",
+        get: function get() {
+          return Default;
+        }
+      }]);
+
+      return Modal;
+    }();
+
+    /**
+     * ------------------------------------------------------------------------
+     * Data Api implementation
+     * ------------------------------------------------------------------------
+     */
+    $(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {
+      var _this10 = this;
+
+      var target;
+
+      var selector = _util2.default.getSelectorFromElement(this);
+
+      if (selector) {
+        target = $(selector)[0];
+      }
+
+      var config = $(target).data(DATA_KEY) ? 'toggle' : _extends({}, $(target).data(), $(this).data());
+
+      if (this.tagName === 'A' || this.tagName === 'AREA') {
+        event.preventDefault();
+      }
+
+      var $target = $(target).one(Event.SHOW, function (showEvent) {
+        if (showEvent.isDefaultPrevented()) {
+          // Only register focus restorer if modal will actually get shown
+          return;
+        }
+
+        $target.one(Event.HIDDEN, function () {
+          if ($(_this10).is(':visible')) {
+            _this10.focus();
+          }
+        });
+      });
+
+      Modal._jQueryInterface.call($(target), config, this);
+    });
+    /**
+     * ------------------------------------------------------------------------
+     * jQuery
+     * ------------------------------------------------------------------------
+     */
+
+    $.fn[NAME] = Modal._jQueryInterface;
+    $.fn[NAME].Constructor = Modal;
+
+    $.fn[NAME].noConflict = function () {
+      $.fn[NAME] = JQUERY_NO_CONFLICT;
+      return Modal._jQueryInterface;
+    };
+
+    return Modal;
+  }(_jquery2.default);
+
+  exports.default = Modal;
+});
\ No newline at end of file
diff --git a/amd/src/popover.js b/amd/src/popover.js
new file mode 100644
index 0000000..bc88d80
--- /dev/null
+++ b/amd/src/popover.js
@@ -0,0 +1,297 @@
+define(["exports", "jquery", "./tooltip"], function (exports, _jquery, _tooltip) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+
+  var _jquery2 = _interopRequireDefault(_jquery);
+
+  var _tooltip2 = _interopRequireDefault(_tooltip);
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+      default: obj
+    };
+  }
+
+  function _typeof(obj) {
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+
+    return _typeof(obj);
+  }
+
+  function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+
+  function _defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+
+  function _createClass(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+  }
+
+  function _possibleConstructorReturn(self, call) {
+    if (call && (_typeof(call) === "object" || typeof call === "function")) {
+      return call;
+    }
+
+    if (self === void 0) {
+      throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
+    }
+
+    return self;
+  }
+
+  function _inherits(subClass, superClass) {
+    if (typeof superClass !== "function" && superClass !== null) {
+      throw new TypeError("Super expression must either be null or a function");
+    }
+
+    subClass.prototype = Object.create(superClass && superClass.prototype, {
+      constructor: {
+        value: subClass,
+        enumerable: false,
+        writable: true,
+        configurable: true
+      }
+    });
+    if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass;
+  }
+
+  function _extends() {
+    _extends = Object.assign || function (target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i];
+
+        for (var key in source) {
+          if (Object.prototype.hasOwnProperty.call(source, key)) {
+            target[key] = source[key];
+          }
+        }
+      }
+
+      return target;
+    };
+
+    return _extends.apply(this, arguments);
+  }
+
+  /**
+   * --------------------------------------------------------------------------
+   * Bootstrap (v4.0.0): popover.js
+   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+   * --------------------------------------------------------------------------
+   */
+  var Popover = function ($) {
+    /**
+     * ------------------------------------------------------------------------
+     * Constants
+     * ------------------------------------------------------------------------
+     */
+    var NAME = 'popover';
+    var VERSION = '4.0.0';
+    var DATA_KEY = 'bs.popover';
+    var EVENT_KEY = ".".concat(DATA_KEY);
+    var JQUERY_NO_CONFLICT = $.fn[NAME];
+    var CLASS_PREFIX = 'bs-popover';
+    var BSCLS_PREFIX_REGEX = new RegExp("(^|\\s)".concat(CLASS_PREFIX, "\\S+"), 'g');
+
+    var Default = _extends({}, _tooltip2.default.Default, {
+      placement: 'right',
+      trigger: 'click',
+      content: '',
+      template: '<div class="popover" role="tooltip">' + '<div class="arrow"></div>' + '<h3 class="popover-header"></h3>' + '<div class="popover-body"></div></div>'
+    });
+
+    var DefaultType = _extends({}, _tooltip2.default.DefaultType, {
+      content: '(string|element|function)'
+    });
+
+    var ClassName = {
+      FADE: 'fade',
+      SHOW: 'show'
+    };
+    var Selector = {
+      TITLE: '.popover-header',
+      CONTENT: '.popover-body'
+    };
+    var Event = {
+      HIDE: "hide".concat(EVENT_KEY),
+      HIDDEN: "hidden".concat(EVENT_KEY),
+      SHOW: "show".concat(EVENT_KEY),
+      SHOWN: "shown".concat(EVENT_KEY),
+      INSERTED: "inserted".concat(EVENT_KEY),
+      CLICK: "click".concat(EVENT_KEY),
+      FOCUSIN: "focusin".concat(EVENT_KEY),
+      FOCUSOUT: "focusout".concat(EVENT_KEY),
+      MOUSEENTER: "mouseenter".concat(EVENT_KEY),
+      MOUSELEAVE: "mouseleave".concat(EVENT_KEY)
+      /**
+       * ------------------------------------------------------------------------
+       * Class Definition
+       * ------------------------------------------------------------------------
+       */
+
+    };
+
+    var Popover = function (_Tooltip) {
+      _inherits(Popover, _Tooltip);
+
+      function Popover() {
+        _classCallCheck(this, Popover);
+
+        return _possibleConstructorReturn(this, (Popover.__proto__ || Object.getPrototypeOf(Popover)).apply(this, arguments));
+      }
+
+      _createClass(Popover, [{
+        key: "isWithContent",
+        value: function isWithContent() {
+          return this.getTitle() || this._getContent();
+        }
+      }, {
+        key: "addAttachmentClass",
+        value: function addAttachmentClass(attachment) {
+          $(this.getTipElement()).addClass("".concat(CLASS_PREFIX, "-").concat(attachment));
+        }
+      }, {
+        key: "getTipElement",
+        value: function getTipElement() {
+          this.tip = this.tip || $(this.config.template)[0];
+          return this.tip;
+        }
+      }, {
+        key: "setContent",
+        value: function setContent() {
+          var $tip = $(this.getTipElement()); // We use append for html objects to maintain js events
+
+          this.setElementContent($tip.find(Selector.TITLE), this.getTitle());
+
+          var content = this._getContent();
+
+          if (typeof content === 'function') {
+            content = content.call(this.element);
+          }
+
+          this.setElementContent($tip.find(Selector.CONTENT), content);
+          $tip.removeClass("".concat(ClassName.FADE, " ").concat(ClassName.SHOW));
+        }
+      }, {
+        key: "_getContent",
+        value: function _getContent() {
+          return this.element.getAttribute('data-content') || this.config.content;
+        }
+      }, {
+        key: "_cleanTipClass",
+        value: function _cleanTipClass() {
+          var $tip = $(this.getTipElement());
+          var tabClass = $tip.attr('class').match(BSCLS_PREFIX_REGEX);
+
+          if (tabClass !== null && tabClass.length > 0) {
+            $tip.removeClass(tabClass.join(''));
+          }
+        }
+      }], [{
+        key: "_jQueryInterface",
+        value: function _jQueryInterface(config) {
+          return this.each(function () {
+            var data = $(this).data(DATA_KEY);
+
+            var _config = _typeof(config) === 'object' ? config : null;
+
+            if (!data && /destroy|hide/.test(config)) {
+              return;
+            }
+
+            if (!data) {
+              data = new Popover(this, _config);
+              $(this).data(DATA_KEY, data);
+            }
+
+            if (typeof config === 'string') {
+              if (typeof data[config] === 'undefined') {
+                throw new TypeError("No method named \"".concat(config, "\""));
+              }
+
+              data[config]();
+            }
+          });
+        }
+      }, {
+        key: "VERSION",
+        get: function get() {
+          return VERSION;
+        }
+      }, {
+        key: "Default",
+        get: function get() {
+          return Default;
+        }
+      }, {
+        key: "NAME",
+        get: function get() {
+          return NAME;
+        }
+      }, {
+        key: "DATA_KEY",
+        get: function get() {
+          return DATA_KEY;
+        }
+      }, {
+        key: "Event",
+        get: function get() {
+          return Event;
+        }
+      }, {
+        key: "EVENT_KEY",
+        get: function get() {
+          return EVENT_KEY;
+        }
+      }, {
+        key: "DefaultType",
+        get: function get() {
+          return DefaultType;
+        }
+      }]);
+
+      return Popover;
+    }(_tooltip2.default);
+
+    /**
+     * ------------------------------------------------------------------------
+     * jQuery
+     * ------------------------------------------------------------------------
+     */
+    $.fn[NAME] = Popover._jQueryInterface;
+    $.fn[NAME].Constructor = Popover;
+
+    $.fn[NAME].noConflict = function () {
+      $.fn[NAME] = JQUERY_NO_CONFLICT;
+      return Popover._jQueryInterface;
+    };
+
+    return Popover;
+  }(_jquery2.default);
+
+  exports.default = Popover;
+});
\ No newline at end of file
diff --git a/amd/src/scrollspy.js b/amd/src/scrollspy.js
new file mode 100644
index 0000000..dc6f96e
--- /dev/null
+++ b/amd/src/scrollspy.js
@@ -0,0 +1,390 @@
+define(["exports", "jquery", "./util"], function (exports, _jquery, _util) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+
+  var _jquery2 = _interopRequireDefault(_jquery);
+
+  var _util2 = _interopRequireDefault(_util);
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+      default: obj
+    };
+  }
+
+  function _typeof(obj) {
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+
+    return _typeof(obj);
+  }
+
+  function _extends() {
+    _extends = Object.assign || function (target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i];
+
+        for (var key in source) {
+          if (Object.prototype.hasOwnProperty.call(source, key)) {
+            target[key] = source[key];
+          }
+        }
+      }
+
+      return target;
+    };
+
+    return _extends.apply(this, arguments);
+  }
+
+  function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+
+  function _defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+
+  function _createClass(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+  }
+
+  /**
+   * --------------------------------------------------------------------------
+   * Bootstrap (v4.0.0): scrollspy.js
+   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+   * --------------------------------------------------------------------------
+   */
+  var ScrollSpy = function ($) {
+    /**
+     * ------------------------------------------------------------------------
+     * Constants
+     * ------------------------------------------------------------------------
+     */
+    var NAME = 'scrollspy';
+    var VERSION = '4.0.0';
+    var DATA_KEY = 'bs.scrollspy';
+    var EVENT_KEY = ".".concat(DATA_KEY);
+    var DATA_API_KEY = '.data-api';
+    var JQUERY_NO_CONFLICT = $.fn[NAME];
+    var Default = {
+      offset: 10,
+      method: 'auto',
+      target: ''
+    };
+    var DefaultType = {
+      offset: 'number',
+      method: 'string',
+      target: '(string|element)'
+    };
+    var Event = {
+      ACTIVATE: "activate".concat(EVENT_KEY),
+      SCROLL: "scroll".concat(EVENT_KEY),
+      LOAD_DATA_API: "load".concat(EVENT_KEY).concat(DATA_API_KEY)
+    };
+    var ClassName = {
+      DROPDOWN_ITEM: 'dropdown-item',
+      DROPDOWN_MENU: 'dropdown-menu',
+      ACTIVE: 'active'
+    };
+    var Selector = {
+      DATA_SPY: '[data-spy="scroll"]',
+      ACTIVE: '.active',
+      NAV_LIST_GROUP: '.nav, .list-group',
+      NAV_LINKS: '.nav-link',
+      NAV_ITEMS: '.nav-item',
+      LIST_ITEMS: '.list-group-item',
+      DROPDOWN: '.dropdown',
+      DROPDOWN_ITEMS: '.dropdown-item',
+      DROPDOWN_TOGGLE: '.dropdown-toggle'
+    };
+    var OffsetMethod = {
+      OFFSET: 'offset',
+      POSITION: 'position'
+      /**
+       * ------------------------------------------------------------------------
+       * Class Definition
+       * ------------------------------------------------------------------------
+       */
+
+    };
+
+    var ScrollSpy = function () {
+      function ScrollSpy(element, config) {
+        var _this = this;
+
+        _classCallCheck(this, ScrollSpy);
+
+        this._element = element;
+        this._scrollElement = element.tagName === 'BODY' ? window : element;
+        this._config = this._getConfig(config);
+        this._selector = "".concat(this._config.target, " ").concat(Selector.NAV_LINKS, ",") + "".concat(this._config.target, " ").concat(Selector.LIST_ITEMS, ",") + "".concat(this._config.target, " ").concat(Selector.DROPDOWN_ITEMS);
+        this._offsets = [];
+        this._targets = [];
+        this._activeTarget = null;
+        this._scrollHeight = 0;
+        $(this._scrollElement).on(Event.SCROLL, function (event) {
+          return _this._process(event);
+        });
+        this.refresh();
+
+        this._process();
+      } // Getters
+
+
+      _createClass(ScrollSpy, [{
+        key: "refresh",
+        value: function refresh() {
+          var _this2 = this;
+
+          var autoMethod = this._scrollElement === this._scrollElement.window ? OffsetMethod.OFFSET : OffsetMethod.POSITION;
+          var offsetMethod = this._config.method === 'auto' ? autoMethod : this._config.method;
+          var offsetBase = offsetMethod === OffsetMethod.POSITION ? this._getScrollTop() : 0;
+          this._offsets = [];
+          this._targets = [];
+          this._scrollHeight = this._getScrollHeight();
+          var targets = $.makeArray($(this._selector));
+          targets.map(function (element) {
+            var target;
+
+            var targetSelector = _util2.default.getSelectorFromElement(element);
+
+            if (targetSelector) {
+              target = $(targetSelector)[0];
+            }
+
+            if (target) {
+              var targetBCR = target.getBoundingClientRect();
+
+              if (targetBCR.width || targetBCR.height) {
+                // TODO (fat): remove sketch reliance on jQuery position/offset
+                return [$(target)[offsetMethod]().top + offsetBase, targetSelector];
+              }
+            }
+
+            return null;
+          }).filter(function (item) {
+            return item;
+          }).sort(function (a, b) {
+            return a[0] - b[0];
+          }).forEach(function (item) {
+            _this2._offsets.push(item[0]);
+
+            _this2._targets.push(item[1]);
+          });
+        }
+      }, {
+        key: "dispose",
+        value: function dispose() {
+          $.removeData(this._element, DATA_KEY);
+          $(this._scrollElement).off(EVENT_KEY);
+          this._element = null;
+          this._scrollElement = null;
+          this._config = null;
+          this._selector = null;
+          this._offsets = null;
+          this._targets = null;
+          this._activeTarget = null;
+          this._scrollHeight = null;
+        }
+      }, {
+        key: "_getConfig",
+        value: function _getConfig(config) {
+          config = _extends({}, Default, config);
+
+          if (typeof config.target !== 'string') {
+            var id = $(config.target).attr('id');
+
+            if (!id) {
+              id = _util2.default.getUID(NAME);
+              $(config.target).attr('id', id);
+            }
+
+            config.target = "#".concat(id);
+          }
+
+          _util2.default.typeCheckConfig(NAME, config, DefaultType);
+
+          return config;
+        }
+      }, {
+        key: "_getScrollTop",
+        value: function _getScrollTop() {
+          return this._scrollElement === window ? this._scrollElement.pageYOffset : this._scrollElement.scrollTop;
+        }
+      }, {
+        key: "_getScrollHeight",
+        value: function _getScrollHeight() {
+          return this._scrollElement.scrollHeight || Math.max(document.body.scrollHeight, document.documentElement.scrollHeight);
+        }
+      }, {
+        key: "_getOffsetHeight",
+        value: function _getOffsetHeight() {
+          return this._scrollElement === window ? window.innerHeight : this._scrollElement.getBoundingClientRect().height;
+        }
+      }, {
+        key: "_process",
+        value: function _process() {
+          var scrollTop = this._getScrollTop() + this._config.offset;
+
+          var scrollHeight = this._getScrollHeight();
+
+          var maxScroll = this._config.offset + scrollHeight - this._getOffsetHeight();
+
+          if (this._scrollHeight !== scrollHeight) {
+            this.refresh();
+          }
+
+          if (scrollTop >= maxScroll) {
+            var target = this._targets[this._targets.length - 1];
+
+            if (this._activeTarget !== target) {
+              this._activate(target);
+            }
+
+            return;
+          }
+
+          if (this._activeTarget && scrollTop < this._offsets[0] && this._offsets[0] > 0) {
+            this._activeTarget = null;
+
+            this._clear();
+
+            return;
+          }
+
+          for (var i = this._offsets.length; i--;) {
+            var isActiveTarget = this._activeTarget !== this._targets[i] && scrollTop >= this._offsets[i] && (typeof this._offsets[i + 1] === 'undefined' || scrollTop < this._offsets[i + 1]);
+
+            if (isActiveTarget) {
+              this._activate(this._targets[i]);
+            }
+          }
+        }
+      }, {
+        key: "_activate",
+        value: function _activate(target) {
+          this._activeTarget = target;
+
+          this._clear();
+
+          var queries = this._selector.split(','); // eslint-disable-next-line arrow-body-style
+
+
+          queries = queries.map(function (selector) {
+            return "".concat(selector, "[data-target=\"").concat(target, "\"],") + "".concat(selector, "[href=\"").concat(target, "\"]");
+          });
+          var $link = $(queries.join(','));
+
+          if ($link.hasClass(ClassName.DROPDOWN_ITEM)) {
+            $link.closest(Selector.DROPDOWN).find(Selector.DROPDOWN_TOGGLE).addClass(ClassName.ACTIVE);
+            $link.addClass(ClassName.ACTIVE);
+          } else {
+            // Set triggered link as active
+            $link.addClass(ClassName.ACTIVE); // Set triggered links parents as active
+            // With both <ul> and <nav> markup a parent is the previous sibling of any nav ancestor
+
+            $link.parents(Selector.NAV_LIST_GROUP).prev("".concat(Selector.NAV_LINKS, ", ").concat(Selector.LIST_ITEMS)).addClass(ClassName.ACTIVE); // Handle special case when .nav-link is inside .nav-item
+
+            $link.parents(Selector.NAV_LIST_GROUP).prev(Selector.NAV_ITEMS).children(Selector.NAV_LINKS).addClass(ClassName.ACTIVE);
+          }
+
+          $(this._scrollElement).trigger(Event.ACTIVATE, {
+            relatedTarget: target
+          });
+        }
+      }, {
+        key: "_clear",
+        value: function _clear() {
+          $(this._selector).filter(Selector.ACTIVE).removeClass(ClassName.ACTIVE);
+        }
+      }], [{
+        key: "_jQueryInterface",
+        value: function _jQueryInterface(config) {
+          return this.each(function () {
+            var data = $(this).data(DATA_KEY);
+
+            var _config = _typeof(config) === 'object' && config;
+
+            if (!data) {
+              data = new ScrollSpy(this, _config);
+              $(this).data(DATA_KEY, data);
+            }
+
+            if (typeof config === 'string') {
+              if (typeof data[config] === 'undefined') {
+                throw new TypeError("No method named \"".concat(config, "\""));
+              }
+
+              data[config]();
+            }
+          });
+        }
+      }, {
+        key: "VERSION",
+        get: function get() {
+          return VERSION;
+        }
+      }, {
+        key: "Default",
+        get: function get() {
+          return Default;
+        }
+      }]);
+
+      return ScrollSpy;
+    }();
+
+    /**
+     * ------------------------------------------------------------------------
+     * Data Api implementation
+     * ------------------------------------------------------------------------
+     */
+    $(window).on(Event.LOAD_DATA_API, function () {
+      var scrollSpys = $.makeArray($(Selector.DATA_SPY));
+
+      for (var i = scrollSpys.length; i--;) {
+        var $spy = $(scrollSpys[i]);
+
+        ScrollSpy._jQueryInterface.call($spy, $spy.data());
+      }
+    });
+    /**
+     * ------------------------------------------------------------------------
+     * jQuery
+     * ------------------------------------------------------------------------
+     */
+
+    $.fn[NAME] = ScrollSpy._jQueryInterface;
+    $.fn[NAME].Constructor = ScrollSpy;
+
+    $.fn[NAME].noConflict = function () {
+      $.fn[NAME] = JQUERY_NO_CONFLICT;
+      return ScrollSpy._jQueryInterface;
+    };
+
+    return ScrollSpy;
+  }(_jquery2.default);
+
+  exports.default = ScrollSpy;
+});
\ No newline at end of file
diff --git a/amd/src/tab.js b/amd/src/tab.js
new file mode 100644
index 0000000..8e9db1b
--- /dev/null
+++ b/amd/src/tab.js
@@ -0,0 +1,289 @@
+define(["exports", "jquery", "./util"], function (exports, _jquery, _util) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+
+  var _jquery2 = _interopRequireDefault(_jquery);
+
+  var _util2 = _interopRequireDefault(_util);
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+      default: obj
+    };
+  }
+
+  function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+
+  function _defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+
+  function _createClass(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+  }
+
+  /**
+   * --------------------------------------------------------------------------
+   * Bootstrap (v4.0.0): tab.js
+   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+   * --------------------------------------------------------------------------
+   */
+  var Tab = function ($) {
+    /**
+     * ------------------------------------------------------------------------
+     * Constants
+     * ------------------------------------------------------------------------
+     */
+    var NAME = 'tab';
+    var VERSION = '4.0.0';
+    var DATA_KEY = 'bs.tab';
+    var EVENT_KEY = ".".concat(DATA_KEY);
+    var DATA_API_KEY = '.data-api';
+    var JQUERY_NO_CONFLICT = $.fn[NAME];
+    var TRANSITION_DURATION = 150;
+    var Event = {
+      HIDE: "hide".concat(EVENT_KEY),
+      HIDDEN: "hidden".concat(EVENT_KEY),
+      SHOW: "show".concat(EVENT_KEY),
+      SHOWN: "shown".concat(EVENT_KEY),
+      CLICK_DATA_API: "click".concat(EVENT_KEY).concat(DATA_API_KEY)
+    };
+    var ClassName = {
+      DROPDOWN_MENU: 'dropdown-menu',
+      ACTIVE: 'active',
+      DISABLED: 'disabled',
+      FADE: 'fade',
+      SHOW: 'show'
+    };
+    var Selector = {
+      DROPDOWN: '.dropdown',
+      NAV_LIST_GROUP: '.nav, .list-group',
+      ACTIVE: '.active',
+      ACTIVE_UL: '> li > .active',
+      DATA_TOGGLE: '[data-toggle="tab"], [data-toggle="pill"], [data-toggle="list"]',
+      DROPDOWN_TOGGLE: '.dropdown-toggle',
+      DROPDOWN_ACTIVE_CHILD: '> .dropdown-menu .active'
+      /**
+       * ------------------------------------------------------------------------
+       * Class Definition
+       * ------------------------------------------------------------------------
+       */
+
+    };
+
+    var Tab = function () {
+      function Tab(element) {
+        _classCallCheck(this, Tab);
+
+        this._element = element;
+      } // Getters
+
+
+      _createClass(Tab, [{
+        key: "show",
+        value: function show() {
+          var _this = this;
+
+          if (this._element.parentNode && this._element.parentNode.nodeType === Node.ELEMENT_NODE && $(this._element).hasClass(ClassName.ACTIVE) || $(this._element).hasClass(ClassName.DISABLED)) {
+            return;
+          }
+
+          var target;
+          var previous;
+          var listElement = $(this._element).closest(Selector.NAV_LIST_GROUP)[0];
+
+          var selector = _util2.default.getSelectorFromElement(this._element);
+
+          if (listElement) {
+            var itemSelector = listElement.nodeName === 'UL' ? Selector.ACTIVE_UL : Selector.ACTIVE;
+            previous = $.makeArray($(listElement).find(itemSelector));
+            previous = previous[previous.length - 1];
+          }
+
+          var hideEvent = $.Event(Event.HIDE, {
+            relatedTarget: this._element
+          });
+          var showEvent = $.Event(Event.SHOW, {
+            relatedTarget: previous
+          });
+
+          if (previous) {
+            $(previous).trigger(hideEvent);
+          }
+
+          $(this._element).trigger(showEvent);
+
+          if (showEvent.isDefaultPrevented() || hideEvent.isDefaultPrevented()) {
+            return;
+          }
+
+          if (selector) {
+            target = $(selector)[0];
+          }
+
+          this._activate(this._element, listElement);
+
+          var complete = function complete() {
+            var hiddenEvent = $.Event(Event.HIDDEN, {
+              relatedTarget: _this._element
+            });
+            var shownEvent = $.Event(Event.SHOWN, {
+              relatedTarget: previous
+            });
+            $(previous).trigger(hiddenEvent);
+            $(_this._element).trigger(shownEvent);
+          };
+
+          if (target) {
+            this._activate(target, target.parentNode, complete);
+          } else {
+            complete();
+          }
+        }
+      }, {
+        key: "dispose",
+        value: function dispose() {
+          $.removeData(this._element, DATA_KEY);
+          this._element = null;
+        }
+      }, {
+        key: "_activate",
+        value: function _activate(element, container, callback) {
+          var _this2 = this;
+
+          var activeElements;
+
+          if (container.nodeName === 'UL') {
+            activeElements = $(container).find(Selector.ACTIVE_UL);
+          } else {
+            activeElements = $(container).children(Selector.ACTIVE);
+          }
+
+          var active = activeElements[0];
+          var isTransitioning = callback && _util2.default.supportsTransitionEnd() && active && $(active).hasClass(ClassName.FADE);
+
+          var complete = function complete() {
+            return _this2._transitionComplete(element, active, callback);
+          };
+
+          if (active && isTransitioning) {
+            $(active).one(_util2.default.TRANSITION_END, complete).emulateTransitionEnd(TRANSITION_DURATION);
+          } else {
+            complete();
+          }
+        }
+      }, {
+        key: "_transitionComplete",
+        value: function _transitionComplete(element, active, callback) {
+          if (active) {
+            $(active).removeClass("".concat(ClassName.SHOW, " ").concat(ClassName.ACTIVE));
+            var dropdownChild = $(active.parentNode).find(Selector.DROPDOWN_ACTIVE_CHILD)[0];
+
+            if (dropdownChild) {
+              $(dropdownChild).removeClass(ClassName.ACTIVE);
+            }
+
+            if (active.getAttribute('role') === 'tab') {
+              active.setAttribute('aria-selected', false);
+            }
+          }
+
+          $(element).addClass(ClassName.ACTIVE);
+
+          if (element.getAttribute('role') === 'tab') {
+            element.setAttribute('aria-selected', true);
+          }
+
+          _util2.default.reflow(element);
+
+          $(element).addClass(ClassName.SHOW);
+
+          if (element.parentNode && $(element.parentNode).hasClass(ClassName.DROPDOWN_MENU)) {
+            var dropdownElement = $(element).closest(Selector.DROPDOWN)[0];
+
+            if (dropdownElement) {
+              $(dropdownElement).find(Selector.DROPDOWN_TOGGLE).addClass(ClassName.ACTIVE);
+            }
+
+            element.setAttribute('aria-expanded', true);
+          }
+
+          if (callback) {
+            callback();
+          }
+        }
+      }], [{
+        key: "_jQueryInterface",
+        value: function _jQueryInterface(config) {
+          return this.each(function () {
+            var $this = $(this);
+            var data = $this.data(DATA_KEY);
+
+            if (!data) {
+              data = new Tab(this);
+              $this.data(DATA_KEY, data);
+            }
+
+            if (typeof config === 'string') {
+              if (typeof data[config] === 'undefined') {
+                throw new TypeError("No method named \"".concat(config, "\""));
+              }
+
+              data[config]();
+            }
+          });
+        }
+      }, {
+        key: "VERSION",
+        get: function get() {
+          return VERSION;
+        }
+      }]);
+
+      return Tab;
+    }();
+
+    /**
+     * ------------------------------------------------------------------------
+     * Data Api implementation
+     * ------------------------------------------------------------------------
+     */
+    $(document).on(Event.CLICK_DATA_API, Selector.DATA_TOGGLE, function (event) {
+      event.preventDefault();
+
+      Tab._jQueryInterface.call($(this), 'show');
+    });
+    /**
+     * ------------------------------------------------------------------------
+     * jQuery
+     * ------------------------------------------------------------------------
+     */
+
+    $.fn[NAME] = Tab._jQueryInterface;
+    $.fn[NAME].Constructor = Tab;
+
+    $.fn[NAME].noConflict = function () {
+      $.fn[NAME] = JQUERY_NO_CONFLICT;
+      return Tab._jQueryInterface;
+    };
+
+    return Tab;
+  }(_jquery2.default);
+
+  exports.default = Tab;
+});
\ No newline at end of file
diff --git a/amd/src/tether.js b/amd/src/tether.js
new file mode 100644
index 0000000..f61b90e
--- /dev/null
+++ b/amd/src/tether.js
@@ -0,0 +1,1792 @@
+/*! tether 1.3.3 */
+
+(function(root, factory) {
+  if (typeof define === 'function' && define.amd) {
+    define(factory);
+  } else if (typeof exports === 'object') {
+    module.exports = factory(require, exports, module);
+  } else {
+    root.Tether = factory();
+  }
+}(this, function(require, exports, module) {
+
+'use strict';
+
+var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
+
+var TetherBase = undefined;
+if (typeof TetherBase === 'undefined') {
+  TetherBase = { modules: [] };
+}
+
+var zeroElement = null;
+
+// Same as native getBoundingClientRect, except it takes into account parent <frame> offsets
+// if the element lies within a nested document (<frame> or <iframe>-like).
+function getActualBoundingClientRect(node) {
+  var boundingRect = node.getBoundingClientRect();
+
+  // The original object returned by getBoundingClientRect is immutable, so we clone it
+  // We can't use extend because the properties are not considered part of the object by hasOwnProperty in IE9
+  var rect = {};
+  for (var k in boundingRect) {
+    rect[k] = boundingRect[k];
+  }
+
+  if (node.ownerDocument !== document) {
+    var _frameElement = node.ownerDocument.defaultView.frameElement;
+    if (_frameElement) {
+      var frameRect = getActualBoundingClientRect(_frameElement);
+      rect.top += frameRect.top;
+      rect.bottom += frameRect.top;
+      rect.left += frameRect.left;
+      rect.right += frameRect.left;
+    }
+  }
+
+  return rect;
+}
+
+function getScrollParents(el) {
+  // In firefox if the el is inside an iframe with display: none; window.getComputedStyle() will return null;
+  // https://bugzilla.mozilla.org/show_bug.cgi?id=548397
+  var computedStyle = getComputedStyle(el) || {};
+  var position = computedStyle.position;
+  var parents = [];
+
+  if (position === 'fixed') {
+    return [el];
+  }
+
+  var parent = el;
+  while ((parent = parent.parentNode) && parent && parent.nodeType === 1) {
+    var style = undefined;
+    try {
+      style = getComputedStyle(parent);
+    } catch (err) {}
+
+    if (typeof style === 'undefined' || style === null) {
+      parents.push(parent);
+      return parents;
+    }
+
+    var _style = style;
+    var overflow = _style.overflow;
+    var overflowX = _style.overflowX;
+    var overflowY = _style.overflowY;
+
+    if (/(auto|scroll)/.test(overflow + overflowY + overflowX)) {
+      if (position !== 'absolute' || ['relative', 'absolute', 'fixed'].indexOf(style.position) >= 0) {
+        parents.push(parent);
+      }
+    }
+  }
+
+  parents.push(el.ownerDocument.body);
+
+  // If the node is within a frame, account for the parent window scroll
+  if (el.ownerDocument !== document) {
+    parents.push(el.ownerDocument.defaultView);
+  }
+
+  return parents;
+}
+
+var uniqueId = (function () {
+  var id = 0;
+  return function () {
+    return ++id;
+  };
+})();
+
+var zeroPosCache = {};
+var getOrigin = function getOrigin() {
+  // getBoundingClientRect is unfortunately too accurate.  It introduces a pixel or two of
+  // jitter as the user scrolls that messes with our ability to detect if two positions
+  // are equivilant or not.  We place an element at the top left of the page that will
+  // get the same jitter, so we can cancel the two out.
+  var node = zeroElement;
+  if (!node) {
+    node = document.createElement('div');
+    node.setAttribute('data-tether-id', uniqueId());
+    extend(node.style, {
+      top: 0,
+      left: 0,
+      position: 'absolute'
+    });
+
+    document.body.appendChild(node);
+
+    zeroElement = node;
+  }
+
+  var id = node.getAttribute('data-tether-id');
+  if (typeof zeroPosCache[id] === 'undefined') {
+    zeroPosCache[id] = getActualBoundingClientRect(node);
+
+    // Clear the cache when this position call is done
+    defer(function () {
+      delete zeroPosCache[id];
+    });
+  }
+
+  return zeroPosCache[id];
+};
+
+function removeUtilElements() {
+  if (zeroElement) {
+    document.body.removeChild(zeroElement);
+  }
+  zeroElement = null;
+};
+
+function getBounds(el) {
+  var doc = undefined;
+  if (el === document) {
+    doc = document;
+    el = document.documentElement;
+  } else {
+    doc = el.ownerDocument;
+  }
+
+  var docEl = doc.documentElement;
+
+  var box = getActualBoundingClientRect(el);
+
+  var origin = getOrigin();
+
+  box.top -= origin.top;
+  box.left -= origin.left;
+
+  if (typeof box.width === 'undefined') {
+    box.width = document.body.scrollWidth - box.left - box.right;
+  }
+  if (typeof box.height === 'undefined') {
+    box.height = document.body.scrollHeight - box.top - box.bottom;
+  }
+
+  box.top = box.top - docEl.clientTop;
+  box.left = box.left - docEl.clientLeft;
+  box.right = doc.body.clientWidth - box.width - box.left;
+  box.bottom = doc.body.clientHeight - box.height - box.top;
+
+  return box;
+}
+
+function getOffsetParent(el) {
+  return el.offsetParent || document.documentElement;
+}
+
+function getScrollBarSize() {
+  var inner = document.createElement('div');
+  inner.style.width = '100%';
+  inner.style.height = '200px';
+
+  var outer = document.createElement('div');
+  extend(outer.style, {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    pointerEvents: 'none',
+    visibility: 'hidden',
+    width: '200px',
+    height: '150px',
+    overflow: 'hidden'
+  });
+
+  outer.appendChild(inner);
+
+  document.body.appendChild(outer);
+
+  var widthContained = inner.offsetWidth;
+  outer.style.overflow = 'scroll';
+  var widthScroll = inner.offsetWidth;
+
+  if (widthContained === widthScroll) {
+    widthScroll = outer.clientWidth;
+  }
+
+  document.body.removeChild(outer);
+
+  var width = widthContained - widthScroll;
+
+  return { width: width, height: width };
+}
+
+function extend() {
+  var out = arguments.length <= 0 || arguments[0] === undefined ? {} : arguments[0];
+
+  var args = [];
+
+  Array.prototype.push.apply(args, arguments);
+
+  args.slice(1).forEach(function (obj) {
+    if (obj) {
+      for (var key in obj) {
+        if (({}).hasOwnProperty.call(obj, key)) {
+          out[key] = obj[key];
+        }
+      }
+    }
+  });
+
+  return out;
+}
+
+function removeClass(el, name) {
+  if (typeof el.classList !== 'undefined') {
+    name.split(' ').forEach(function (cls) {
+      if (cls.trim()) {
+        el.classList.remove(cls);
+      }
+    });
+  } else {
+    var regex = new RegExp('(^| )' + name.split(' ').join('|') + '( |$)', 'gi');
+    var className = getClassName(el).replace(regex, ' ');
+    setClassName(el, className);
+  }
+}
+
+function addClass(el, name) {
+  if (typeof el.classList !== 'undefined') {
+    name.split(' ').forEach(function (cls) {
+      if (cls.trim()) {
+        el.classList.add(cls);
+      }
+    });
+  } else {
+    removeClass(el, name);
+    var cls = getClassName(el) + (' ' + name);
+    setClassName(el, cls);
+  }
+}
+
+function hasClass(el, name) {
+  if (typeof el.classList !== 'undefined') {
+    return el.classList.contains(name);
+  }
+  var className = getClassName(el);
+  return new RegExp('(^| )' + name + '( |$)', 'gi').test(className);
+}
+
+function getClassName(el) {
+  // Can't use just SVGAnimatedString here since nodes within a Frame in IE have
+  // completely separately SVGAnimatedString base classes
+  if (el.className instanceof el.ownerDocument.defaultView.SVGAnimatedString) {
+    return el.className.baseVal;
+  }
+  return el.className;
+}
+
+function setClassName(el, className) {
+  el.setAttribute('class', className);
+}
+
+function updateClasses(el, add, all) {
+  // Of the set of 'all' classes, we need the 'add' classes, and only the
+  // 'add' classes to be set.
+  all.forEach(function (cls) {
+    if (add.indexOf(cls) === -1 && hasClass(el, cls)) {
+      removeClass(el, cls);
+    }
+  });
+
+  add.forEach(function (cls) {
+    if (!hasClass(el, cls)) {
+      addClass(el, cls);
+    }
+  });
+}
+
+var deferred = [];
+
+var defer = function defer(fn) {
+  deferred.push(fn);
+};
+
+var flush = function flush() {
+  var fn = undefined;
+  while (fn = deferred.pop()) {
+    fn();
+  }
+};
+
+var Evented = (function () {
+  function Evented() {
+    _classCallCheck(this, Evented);
+  }
+
+  _createClass(Evented, [{
+    key: 'on',
+    value: function on(event, handler, ctx) {
+      var once = arguments.length <= 3 || arguments[3] === undefined ? false : arguments[3];
+
+      if (typeof this.bindings === 'undefined') {
+        this.bindings = {};
+      }
+      if (typeof this.bindings[event] === 'undefined') {
+        this.bindings[event] = [];
+      }
+      this.bindings[event].push({ handler: handler, ctx: ctx, once: once });
+    }
+  }, {
+    key: 'once',
+    value: function once(event, handler, ctx) {
+      this.on(event, handler, ctx, true);
+    }
+  }, {
+    key: 'off',
+    value: function off(event, handler) {
+      if (typeof this.bindings === 'undefined' || typeof this.bindings[event] === 'undefined') {
+        return;
+      }
+
+      if (typeof handler === 'undefined') {
+        delete this.bindings[event];
+      } else {
+        var i = 0;
+        while (i < this.bindings[event].length) {
+          if (this.bindings[event][i].handler === handler) {
+            this.bindings[event].splice(i, 1);
+          } else {
+            ++i;
+          }
+        }
+      }
+    }
+  }, {
+    key: 'trigger',
+    value: function trigger(event) {
+      if (typeof this.bindings !== 'undefined' && this.bindings[event]) {
+        var i = 0;
+
+        for (var _len = arguments.length, args = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+          args[_key - 1] = arguments[_key];
+        }
+
+        while (i < this.bindings[event].length) {
+          var _bindings$event$i = this.bindings[event][i];
+          var handler = _bindings$event$i.handler;
+          var ctx = _bindings$event$i.ctx;
+          var once = _bindings$event$i.once;
+
+          var context = ctx;
+          if (typeof context === 'undefined') {
+            context = this;
+          }
+
+          handler.apply(context, args);
+
+          if (once) {
+            this.bindings[event].splice(i, 1);
+          } else {
+            ++i;
+          }
+        }
+      }
+    }
+  }]);
+
+  return Evented;
+})();
+
+TetherBase.Utils = {
+  getActualBoundingClientRect: getActualBoundingClientRect,
+  getScrollParents: getScrollParents,
+  getBounds: getBounds,
+  getOffsetParent: getOffsetParent,
+  extend: extend,
+  addClass: addClass,
+  removeClass: removeClass,
+  hasClass: hasClass,
+  updateClasses: updateClasses,
+  defer: defer,
+  flush: flush,
+  uniqueId: uniqueId,
+  Evented: Evented,
+  getScrollBarSize: getScrollBarSize,
+  removeUtilElements: removeUtilElements
+};
+/* globals TetherBase, performance */
+
+'use strict';
+
+var _slicedToArray = (function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i['return']) _i['return'](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError('Invalid attempt to destructure non-iterable instance'); } }; })();
+
+var _createClass = (function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ('value' in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; })();
+
+var _get = function get(_x6, _x7, _x8) { var _again = true; _function: while (_again) { var object = _x6, property = _x7, receiver = _x8; _again = false; if (object === null) object = Function.prototype; var desc = Object.getOwnPropertyDescriptor(object, property); if (desc === undefined) { var parent = Object.getPrototypeOf(object); if (parent === null) { return undefined; } else { _x6 = parent; _x7 = property; _x8 = receiver; _again = true; desc = parent = undefined; continue _function; } } else if ('value' in desc) { return desc.value; } else { var getter = desc.get; if (getter === undefined) { return undefined; } return getter.call(receiver); } } };
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError('Cannot call a class as a function'); } }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== 'function' && superClass !== null) { throw new TypeError('Super expression must either be null or a function, not ' + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+if (typeof TetherBase === 'undefined') {
+  throw new Error('You must include the utils.js file before tether.js');
+}
+
+var _TetherBase$Utils = TetherBase.Utils;
+var getScrollParents = _TetherBase$Utils.getScrollParents;
+var getBounds = _TetherBase$Utils.getBounds;
+var getOffsetParent = _TetherBase$Utils.getOffsetParent;
+var extend = _TetherBase$Utils.extend;
+var addClass = _TetherBase$Utils.addClass;
+var removeClass = _TetherBase$Utils.removeClass;
+var updateClasses = _TetherBase$Utils.updateClasses;
+var defer = _TetherBase$Utils.defer;
+var flush = _TetherBase$Utils.flush;
+var getScrollBarSize = _TetherBase$Utils.getScrollBarSize;
+var removeUtilElements = _TetherBase$Utils.removeUtilElements;
+
+function within(a, b) {
+  var diff = arguments.length <= 2 || arguments[2] === undefined ? 1 : arguments[2];
+
+  return a + diff >= b && b >= a - diff;
+}
+
+var transformKey = (function () {
+  if (typeof document === 'undefined') {
+    return '';
+  }
+  var el = document.createElement('div');
+
+  var transforms = ['transform', 'WebkitTransform', 'OTransform', 'MozTransform', 'msTransform'];
+  for (var i = 0; i < transforms.length; ++i) {
+    var key = transforms[i];
+    if (el.style[key] !== undefined) {
+      return key;
+    }
+  }
+})();
+
+var tethers = [];
+
+var position = function position() {
+  tethers.forEach(function (tether) {
+    tether.position(false);
+  });
+  flush();
+};
+
+function now() {
+  if (typeof performance !== 'undefined' && typeof performance.now !== 'undefined') {
+    return performance.now();
+  }
+  return +new Date();
+}
+
+(function () {
+  var lastCall = null;
+  var lastDuration = null;
+  var pendingTimeout = null;
+
+  var tick = function tick() {
+    if (typeof lastDuration !== 'undefined' && lastDuration > 16) {
+      // We voluntarily throttle ourselves if we can't manage 60fps
+      lastDuration = Math.min(lastDuration - 16, 250);
+
+      // Just in case this is the last event, remember to position just once more
+      pendingTimeout = setTimeout(tick, 250);
+      return;
+    }
+
+    if (typeof lastCall !== 'undefined' && now() - lastCall < 10) {
+      // Some browsers call events a little too frequently, refuse to run more than is reasonable
+      return;
+    }
+
+    if (pendingTimeout != null) {
+      clearTimeout(pendingTimeout);
+      pendingTimeout = null;
+    }
+
+    lastCall = now();
+    position();
+    lastDuration = now() - lastCall;
+  };
+
+  if (typeof window !== 'undefined' && typeof window.addEventListener !== 'undefined') {
+    ['resize', 'scroll', 'touchmove'].forEach(function (event) {
+      window.addEventListener(event, tick);
+    });
+  }
+})();
+
+var MIRROR_LR = {
+  center: 'center',
+  left: 'right',
+  right: 'left'
+};
+
+var MIRROR_TB = {
+  middle: 'middle',
+  top: 'bottom',
+  bottom: 'top'
+};
+
+var OFFSET_MAP = {
+  top: 0,
+  left: 0,
+  middle: '50%',
+  center: '50%',
+  bottom: '100%',
+  right: '100%'
+};
+
+var autoToFixedAttachment = function autoToFixedAttachment(attachment, relativeToAttachment) {
+  var left = attachment.left;
+  var top = attachment.top;
+
+  if (left === 'auto') {
+    left = MIRROR_LR[relativeToAttachment.left];
+  }
+
+  if (top === 'auto') {
+    top = MIRROR_TB[relativeToAttachment.top];
+  }
+
+  return { left: left, top: top };
+};
+
+var attachmentToOffset = function attachmentToOffset(attachment) {
+  var left = attachment.left;
+  var top = attachment.top;
+
+  if (typeof OFFSET_MAP[attachment.left] !== 'undefined') {
+    left = OFFSET_MAP[attachment.left];
+  }
+
+  if (typeof OFFSET_MAP[attachment.top] !== 'undefined') {
+    top = OFFSET_MAP[attachment.top];
+  }
+
+  return { left: left, top: top };
+};
+
+function addOffset() {
+  var out = { top: 0, left: 0 };
+
+  for (var _len = arguments.length, offsets = Array(_len), _key = 0; _key < _len; _key++) {
+    offsets[_key] = arguments[_key];
+  }
+
+  offsets.forEach(function (_ref) {
+    var top = _ref.top;
+    var left = _ref.left;
+
+    if (typeof top === 'string') {
+      top = parseFloat(top, 10);
+    }
+    if (typeof left === 'string') {
+      left = parseFloat(left, 10);
+    }
+
+    out.top += top;
+    out.left += left;
+  });
+
+  return out;
+}
+
+function offsetToPx(offset, size) {
+  if (typeof offset.left === 'string' && offset.left.indexOf('%') !== -1) {
+    offset.left = parseFloat(offset.left, 10) / 100 * size.width;
+  }
+  if (typeof offset.top === 'string' && offset.top.indexOf('%') !== -1) {
+    offset.top = parseFloat(offset.top, 10) / 100 * size.height;
+  }
+
+  return offset;
+}
+
+var parseOffset = function parseOffset(value) {
+  var _value$split = value.split(' ');
+
+  var _value$split2 = _slicedToArray(_value$split, 2);
+
+  var top = _value$split2[0];
+  var left = _value$split2[1];
+
+  return { top: top, left: left };
+};
+var parseAttachment = parseOffset;
+
+var TetherClass = (function (_Evented) {
+  _inherits(TetherClass, _Evented);
+
+  function TetherClass(options) {
+    var _this = this;
+
+    _classCallCheck(this, TetherClass);
+
+    _get(Object.getPrototypeOf(TetherClass.prototype), 'constructor', this).call(this);
+    this.position = this.position.bind(this);
+
+    tethers.push(this);
+
+    this.history = [];
+
+    this.setOptions(options, false);
+
+    TetherBase.modules.forEach(function (module) {
+      if (typeof module.initialize !== 'undefined') {
+        module.initialize.call(_this);
+      }
+    });
+
+    this.position();
+  }
+
+  _createClass(TetherClass, [{
+    key: 'getClass',
+    value: function getClass() {
+      var key = arguments.length <= 0 || arguments[0] === undefined ? '' : arguments[0];
+      var classes = this.options.classes;
+
+      if (typeof classes !== 'undefined' && classes[key]) {
+        return this.options.classes[key];
+      } else if (this.options.classPrefix) {
+        return this.options.classPrefix + '-' + key;
+      } else {
+        return key;
+      }
+    }
+  }, {
+    key: 'setOptions',
+    value: function setOptions(options) {
+      var _this2 = this;
+
+      var pos = arguments.length <= 1 || arguments[1] === undefined ? true : arguments[1];
+
+      var defaults = {
+        offset: '0 0',
+        targetOffset: '0 0',
+        targetAttachment: 'auto auto',
+        classPrefix: 'tether'
+      };
+
+      this.options = extend(defaults, options);
+
+      var _options = this.options;
+      var element = _options.element;
+      var target = _options.target;
+      var targetModifier = _options.targetModifier;
+
+      this.element = element;
+      this.target = target;
+      this.targetModifier = targetModifier;
+
+      if (this.target === 'viewport') {
+        this.target = document.body;
+        this.targetModifier = 'visible';
+      } else if (this.target === 'scroll-handle') {
+        this.target = document.body;
+        this.targetModifier = 'scroll-handle';
+      }
+
+      ['element', 'target'].forEach(function (key) {
+        if (typeof _this2[key] === 'undefined') {
+          throw new Error('Tether Error: Both element and target must be defined');
+        }
+
+        if (typeof _this2[key].jquery !== 'undefined') {
+          _this2[key] = _this2[key][0];
+        } else if (typeof _this2[key] === 'string') {
+          _this2[key] = document.querySelector(_this2[key]);
+        }
+      });
+
+      addClass(this.element, this.getClass('element'));
+      if (!(this.options.addTargetClasses === false)) {
+        addClass(this.target, this.getClass('target'));
+      }
+
+      if (!this.options.attachment) {
+        throw new Error('Tether Error: You must provide an attachment');
+      }
+
+      this.targetAttachment = parseAttachment(this.options.targetAttachment);
+      this.attachment = parseAttachment(this.options.attachment);
+      this.offset = parseOffset(this.options.offset);
+      this.targetOffset = parseOffset(this.options.targetOffset);
+
+      if (typeof this.scrollParents !== 'undefined') {
+        this.disable();
+      }
+
+      if (this.targetModifier === 'scroll-handle') {
+        this.scrollParents = [this.target];
+      } else {
+        this.scrollParents = getScrollParents(this.target);
+      }
+
+      if (!(this.options.enabled === false)) {
+        this.enable(pos);
+      }
+    }
+  }, {
+    key: 'getTargetBounds',
+    value: function getTargetBounds() {
+      if (typeof this.targetModifier !== 'undefined') {
+        if (this.targetModifier === 'visible') {
+          if (this.target === document.body) {
+            return { top: pageYOffset, left: pageXOffset, height: innerHeight, width: innerWidth };
+          } else {
+            var bounds = getBounds(this.target);
+
+            var out = {
+              height: bounds.height,
+              width: bounds.width,
+              top: bounds.top,
+              left: bounds.left
+            };
+
+            out.height = Math.min(out.height, bounds.height - (pageYOffset - bounds.top));
+            out.height = Math.min(out.height, bounds.height - (bounds.top + bounds.height - (pageYOffset + innerHeight)));
+            out.height = Math.min(innerHeight, out.height);
+            out.height -= 2;
+
+            out.width = Math.min(out.width, bounds.width - (pageXOffset - bounds.left));
+            out.width = Math.min(out.width, bounds.width - (bounds.left + bounds.width - (pageXOffset + innerWidth)));
+            out.width = Math.min(innerWidth, out.width);
+            out.width -= 2;
+
+            if (out.top < pageYOffset) {
+              out.top = pageYOffset;
+            }
+            if (out.left < pageXOffset) {
+              out.left = pageXOffset;
+            }
+
+            return out;
+          }
+        } else if (this.targetModifier === 'scroll-handle') {
+          var bounds = undefined;
+          var target = this.target;
+          if (target === document.body) {
+            target = document.documentElement;
+
+            bounds = {
+              left: pageXOffset,
+              top: pageYOffset,
+              height: innerHeight,
+              width: innerWidth
+            };
+          } else {
+            bounds = getBounds(target);
+          }
+
+          var style = getComputedStyle(target);
+
+          var hasBottomScroll = target.scrollWidth > target.clientWidth || [style.overflow, style.overflowX].indexOf('scroll') >= 0 || this.target !== document.body;
+
+          var scrollBottom = 0;
+          if (hasBottomScroll) {
+            scrollBottom = 15;
+          }
+
+          var height = bounds.height - parseFloat(style.borderTopWidth) - parseFloat(style.borderBottomWidth) - scrollBottom;
+
+          var out = {
+            width: 15,
+            height: height * 0.975 * (height / target.scrollHeight),
+            left: bounds.left + bounds.width - parseFloat(style.borderLeftWidth) - 15
+          };
+
+          var fitAdj = 0;
+          if (height < 408 && this.target === document.body) {
+            fitAdj = -0.00011 * Math.pow(height, 2) - 0.00727 * height + 22.58;
+          }
+
+          if (this.target !== document.body) {
+            out.height = Math.max(out.height, 24);
+          }
+
+          var scrollPercentage = this.target.scrollTop / (target.scrollHeight - height);
+          out.top = scrollPercentage * (height - out.height - fitAdj) + bounds.top + parseFloat(style.borderTopWidth);
+
+          if (this.target === document.body) {
+            out.height = Math.max(out.height, 24);
+          }
+
+          return out;
+        }
+      } else {
+        return getBounds(this.target);
+      }
+    }
+  }, {
+    key: 'clearCache',
+    value: function clearCache() {
+      this._cache = {};
+    }
+  }, {
+    key: 'cache',
+    value: function cache(k, getter) {
+      // More than one module will often need the same DOM info, so
+      // we keep a cache which is cleared on each position call
+      if (typeof this._cache === 'undefined') {
+        this._cache = {};
+      }
+
+      if (typeof this._cache[k] === 'undefined') {
+        this._cache[k] = getter.call(this);
+      }
+
+      return this._cache[k];
+    }
+  }, {
+    key: 'enable',
+    value: function enable() {
+      var _this3 = this;
+
+      var pos = arguments.length <= 0 || arguments[0] === undefined ? true : arguments[0];
+
+      if (!(this.options.addTargetClasses === false)) {
+        addClass(this.target, this.getClass('enabled'));
+      }
+      addClass(this.element, this.getClass('enabled'));
+      this.enabled = true;
+
+      this.scrollParents.forEach(function (parent) {
+        if (parent !== _this3.target.ownerDocument) {
+          parent.addEventListener('scroll', _this3.position);
+        }
+      });
+
+      if (pos) {
+        this.position();
+      }
+    }
+  }, {
+    key: 'disable',
+    value: function disable() {
+      var _this4 = this;
+
+      removeClass(this.target, this.getClass('enabled'));
+      removeClass(this.element, this.getClass('enabled'));
+      this.enabled = false;
+
+      if (typeof this.scrollParents !== 'undefined') {
+        this.scrollParents.forEach(function (parent) {
+          parent.removeEventListener('scroll', _this4.position);
+        });
+      }
+    }
+  }, {
+    key: 'destroy',
+    value: function destroy() {
+      var _this5 = this;
+
+      this.disable();
+
+      tethers.forEach(function (tether, i) {
+        if (tether === _this5) {
+          tethers.splice(i, 1);
+        }
+      });
+
+      // Remove any elements we were using for convenience from the DOM
+      if (tethers.length === 0) {
+        removeUtilElements();
+      }
+    }
+  }, {
+    key: 'updateAttachClasses',
+    value: function updateAttachClasses(elementAttach, targetAttach) {
+      var _this6 = this;
+
+      elementAttach = elementAttach || this.attachment;
+      targetAttach = targetAttach || this.targetAttachment;
+      var sides = ['left', 'top', 'bottom', 'right', 'middle', 'center'];
+
+      if (typeof this._addAttachClasses !== 'undefined' && this._addAttachClasses.length) {
+        // updateAttachClasses can be called more than once in a position call, so
+        // we need to clean up after ourselves such that when the last defer gets
+        // ran it doesn't add any extra classes from previous calls.
+        this._addAttachClasses.splice(0, this._addAttachClasses.length);
+      }
+
+      if (typeof this._addAttachClasses === 'undefined') {
+        this._addAttachClasses = [];
+      }
+      var add = this._addAttachClasses;
+
+      if (elementAttach.top) {
+        add.push(this.getClass('element-attached') + '-' + elementAttach.top);
+      }
+      if (elementAttach.left) {
+        add.push(this.getClass('element-attached') + '-' + elementAttach.left);
+      }
+      if (targetAttach.top) {
+        add.push(this.getClass('target-attached') + '-' + targetAttach.top);
+      }
+      if (targetAttach.left) {
+        add.push(this.getClass('target-attached') + '-' + targetAttach.left);
+      }
+
+      var all = [];
+      sides.forEach(function (side) {
+        all.push(_this6.getClass('element-attached') + '-' + side);
+        all.push(_this6.getClass('target-attached') + '-' + side);
+      });
+
+      defer(function () {
+        if (!(typeof _this6._addAttachClasses !== 'undefined')) {
+          return;
+        }
+
+        updateClasses(_this6.element, _this6._addAttachClasses, all);
+        if (!(_this6.options.addTargetClasses === false)) {
+          updateClasses(_this6.target, _this6._addAttachClasses, all);
+        }
+
+        delete _this6._addAttachClasses;
+      });
+    }
+  }, {
+    key: 'position',
+    value: function position() {
+      var _this7 = this;
+
+      var flushChanges = arguments.length <= 0 || arguments[0] === undefined ? true : arguments[0];
+
+      // flushChanges commits the changes immediately, leave true unless you are positioning multiple
+      // tethers (in which case call Tether.Utils.flush yourself when you're done)
+
+      if (!this.enabled) {
+        return;
+      }
+
+      this.clearCache();
+
+      // Turn 'auto' attachments into the appropriate corner or edge
+      var targetAttachment = autoToFixedAttachment(this.targetAttachment, this.attachment);
+
+      this.updateAttachClasses(this.attachment, targetAttachment);
+
+      var elementPos = this.cache('element-bounds', function () {
+        return getBounds(_this7.element);
+      });
+
+      var width = elementPos.width;
+      var height = elementPos.height;
+
+      if (width === 0 && height === 0 && typeof this.lastSize !== 'undefined') {
+        var _lastSize = this.lastSize;
+
+        // We cache the height and width to make it possible to position elements that are
+        // getting hidden.
+        width = _lastSize.width;
+        height = _lastSize.height;
+      } else {
+        this.lastSize = { width: width, height: height };
+      }
+
+      var targetPos = this.cache('target-bounds', function () {
+        return _this7.getTargetBounds();
+      });
+      var targetSize = targetPos;
+
+      // Get an actual px offset from the attachment
+      var offset = offsetToPx(attachmentToOffset(this.attachment), { width: width, height: height });
+      var targetOffset = offsetToPx(attachmentToOffset(targetAttachment), targetSize);
+
+      var manualOffset = offsetToPx(this.offset, { width: width, height: height });
+      var manualTargetOffset = offsetToPx(this.targetOffset, targetSize);
+
+      // Add the manually provided offset
+      offset = addOffset(offset, manualOffset);
+      targetOffset = addOffset(targetOffset, manualTargetOffset);
+
+      // It's now our goal to make (element position + offset) == (target position + target offset)
+      var left = targetPos.left + targetOffset.left - offset.left;
+      var top = targetPos.top + targetOffset.top - offset.top;
+
+      for (var i = 0; i < TetherBase.modules.length; ++i) {
+        var _module2 = TetherBase.modules[i];
+        var ret = _module2.position.call(this, {
+          left: left,
+          top: top,
+          targetAttachment: targetAttachment,
+          targetPos: targetPos,
+          elementPos: elementPos,
+          offset: offset,
+          targetOffset: targetOffset,
+          manualOffset: manualOffset,
+          manualTargetOffset: manualTargetOffset,
+          scrollbarSize: scrollbarSize,
+          attachment: this.attachment
+        });
+
+        if (ret === false) {
+          return false;
+        } else if (typeof ret === 'undefined' || typeof ret !== 'object') {
+          continue;
+        } else {
+          top = ret.top;
+          left = ret.left;
+        }
+      }
+
+      // We describe the position three different ways to give the optimizer
+      // a chance to decide the best possible way to position the element
+      // with the fewest repaints.
+      var next = {
+        // It's position relative to the page (absolute positioning when
+        // the element is a child of the body)
+        page: {
+          top: top,
+          left: left
+        },
+
+        // It's position relative to the viewport (fixed positioning)
+        viewport: {
+          top: top - pageYOffset,
+          bottom: pageYOffset - top - height + innerHeight,
+          left: left - pageXOffset,
+          right: pageXOffset - left - width + innerWidth
+        }
+      };
+
+      var doc = this.target.ownerDocument;
+      var win = doc.defaultView;
+
+      var scrollbarSize = undefined;
+      if (doc.body.scrollWidth > win.innerWidth) {
+        scrollbarSize = this.cache('scrollbar-size', getScrollBarSize);
+        next.viewport.bottom -= scrollbarSize.height;
+      }
+
+      if (doc.body.scrollHeight > win.innerHeight) {
+        scrollbarSize = this.cache('scrollbar-size', getScrollBarSize);
+        next.viewport.right -= scrollbarSize.width;
+      }
+
+      if (['', 'static'].indexOf(doc.body.style.position) === -1 || ['', 'static'].indexOf(doc.body.parentElement.style.position) === -1) {
+        // Absolute positioning in the body will be relative to the page, not the 'initial containing block'
+        next.page.bottom = doc.body.scrollHeight - top - height;
+        next.page.right = doc.body.scrollWidth - left - width;
+      }
+
+      if (typeof this.options.optimizations !== 'undefined' && this.options.optimizations.moveElement !== false && !(typeof this.targetModifier !== 'undefined')) {
+        (function () {
+          var offsetParent = _this7.cache('target-offsetparent', function () {
+            return getOffsetParent(_this7.target);
+          });
+          var offsetPosition = _this7.cache('target-offsetparent-bounds', function () {
+            return getBounds(offsetParent);
+          });
+          var offsetParentStyle = getComputedStyle(offsetParent);
+          var offsetParentSize = offsetPosition;
+
+          var offsetBorder = {};
+          ['Top', 'Left', 'Bottom', 'Right'].forEach(function (side) {
+            offsetBorder[side.toLowerCase()] = parseFloat(offsetParentStyle['border' + side + 'Width']);
+          });
+
+          offsetPosition.right = doc.body.scrollWidth - offsetPosition.left - offsetParentSize.width + offsetBorder.right;
+          offsetPosition.bottom = doc.body.scrollHeight - offsetPosition.top - offsetParentSize.height + offsetBorder.bottom;
+
+          if (next.page.top >= offsetPosition.top + offsetBorder.top && next.page.bottom >= offsetPosition.bottom) {
+            if (next.page.left >= offsetPosition.left + offsetBorder.left && next.page.right >= offsetPosition.right) {
+              // We're within the visible part of the target's scroll parent
+              var scrollTop = offsetParent.scrollTop;
+              var scrollLeft = offsetParent.scrollLeft;
+
+              // It's position relative to the target's offset parent (absolute positioning when
+              // the element is moved to be a child of the target's offset parent).
+              next.offset = {
+                top: next.page.top - offsetPosition.top + scrollTop - offsetBorder.top,
+                left: next.page.left - offsetPosition.left + scrollLeft - offsetBorder.left
+              };
+            }
+          }
+        })();
+      }
+
+      // We could also travel up the DOM and try each containing context, rather than only
+      // looking at the body, but we're gonna get diminishing returns.
+
+      this.move(next);
+
+      this.history.unshift(next);
+
+      if (this.history.length > 3) {
+        this.history.pop();
+      }
+
+      if (flushChanges) {
+        flush();
+      }
+
+      return true;
+    }
+
+    // THE ISSUE
+  }, {
+    key: 'move',
+    value: function move(pos) {
+      var _this8 = this;
+
+      if (!(typeof this.element.parentNode !== 'undefined')) {
+        return;
+      }
+
+      var same = {};
+
+      for (var type in pos) {
+        same[type] = {};
+
+        for (var key in pos[type]) {
+          var found = false;
+
+          for (var i = 0; i < this.history.length; ++i) {
+            var point = this.history[i];
+            if (typeof point[type] !== 'undefined' && !within(point[type][key], pos[type][key])) {
+              found = true;
+              break;
+            }
+          }
+
+          if (!found) {
+            same[type][key] = true;
+          }
+        }
+      }
+
+      var css = { top: '', left: '', right: '', bottom: '' };
+
+      var transcribe = function transcribe(_same, _pos) {
+        var hasOptimizations = typeof _this8.options.optimizations !== 'undefined';
+        var gpu = hasOptimizations ? _this8.options.optimizations.gpu : null;
+        if (gpu !== false) {
+          var yPos = undefined,
+              xPos = undefined;
+          if (_same.top) {
+            css.top = 0;
+            yPos = _pos.top;
+          } else {
+            css.bottom = 0;
+            yPos = -_pos.bottom;
+          }
+
+          if (_same.left) {
+            css.left = 0;
+            xPos = _pos.left;
+          } else {
+            css.right = 0;
+            xPos = -_pos.right;
+          }
+
+          css[transformKey] = 'translateX(' + Math.round(xPos) + 'px) translateY(' + Math.round(yPos) + 'px)';
+
+          if (transformKey !== 'msTransform') {
+            // The Z transform will keep this in the GPU (faster, and prevents artifacts),
+            // but IE9 doesn't support 3d transforms and will choke.
+            css[transformKey] += " translateZ(0)";
+          }
+        } else {
+          if (_same.top) {
+            css.top = _pos.top + 'px';
+          } else {
+            css.bottom = _pos.bottom + 'px';
+          }
+
+          if (_same.left) {
+            css.left = _pos.left + 'px';
+          } else {
+            css.right = _pos.right + 'px';
+          }
+        }
+      };
+
+      var moved = false;
+      if ((same.page.top || same.page.bottom) && (same.page.left || same.page.right)) {
+        css.position = 'absolute';
+        transcribe(same.page, pos.page);
+      } else if ((same.viewport.top || same.viewport.bottom) && (same.viewport.left || same.viewport.right)) {
+        css.position = 'fixed';
+        transcribe(same.viewport, pos.viewport);
+      } else if (typeof same.offset !== 'undefined' && same.offset.top && same.offset.left) {
+        (function () {
+          css.position = 'absolute';
+          var offsetParent = _this8.cache('target-offsetparent', function () {
+            return getOffsetParent(_this8.target);
+          });
+
+          if (getOffsetParent(_this8.element) !== offsetParent) {
+            defer(function () {
+              _this8.element.parentNode.removeChild(_this8.element);
+              offsetParent.appendChild(_this8.element);
+            });
+          }
+
+          transcribe(same.offset, pos.offset);
+          moved = true;
+        })();
+      } else {
+        css.position = 'absolute';
+        transcribe({ top: true, left: true }, pos.page);
+      }
+
+      if (!moved) {
+        var offsetParentIsBody = true;
+        var currentNode = this.element.parentNode;
+        while (currentNode && currentNode.nodeType === 1 && currentNode.tagName !== 'BODY') {
+          if (getComputedStyle(currentNode).position !== 'static') {
+            offsetParentIsBody = false;
+            break;
+          }
+
+          currentNode = currentNode.parentNode;
+        }
+
+        if (!offsetParentIsBody) {
+          this.element.parentNode.removeChild(this.element);
+          this.element.ownerDocument.body.appendChild(this.element);
+        }
+      }
+
+      // Any css change will trigger a repaint, so let's avoid one if nothing changed
+      var writeCSS = {};
+      var write = false;
+      for (var key in css) {
+        var val = css[key];
+        var elVal = this.element.style[key];
+
+        if (elVal !== val) {
+          write = true;
+          writeCSS[key] = val;
+        }
+      }
+
+      if (write) {
+        defer(function () {
+          extend(_this8.element.style, writeCSS);
+        });
+      }
+    }
+  }]);
+
+  return TetherClass;
+})(Evented);
+
+TetherClass.modules = [];
+
+TetherBase.position = position;
+
+var Tether = extend(TetherClass, TetherBase);
+/* globals TetherBase */
+
+'use strict';
+
+var _slicedToArray = (function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i['return']) _i['return'](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError('Invalid attempt to destructure non-iterable instance'); } }; })();
+
+var _TetherBase$Utils = TetherBase.Utils;
+var getBounds = _TetherBase$Utils.getBounds;
+var extend = _TetherBase$Utils.extend;
+var updateClasses = _TetherBase$Utils.updateClasses;
+var defer = _TetherBase$Utils.defer;
+
+var BOUNDS_FORMAT = ['left', 'top', 'right', 'bottom'];
+
+function getBoundingRect(tether, to) {
+  if (to === 'scrollParent') {
+    to = tether.scrollParents[0];
+  } else if (to === 'window') {
+    to = [pageXOffset, pageYOffset, innerWidth + pageXOffset, innerHeight + pageYOffset];
+  }
+
+  if (to === document) {
+    to = to.documentElement;
+  }
+
+  if (typeof to.nodeType !== 'undefined') {
+    (function () {
+      var node = to;
+      var size = getBounds(to);
+      var pos = size;
+      var style = getComputedStyle(to);
+
+      to = [pos.left, pos.top, size.width + pos.left, size.height + pos.top];
+
+      // Account any parent Frames scroll offset
+      if (node.ownerDocument !== document) {
+        var win = node.ownerDocument.defaultView;
+        to[0] += win.pageXOffset;
+        to[1] += win.pageYOffset;
+        to[2] += win.pageXOffset;
+        to[3] += win.pageYOffset;
+      }
+
+      BOUNDS_FORMAT.forEach(function (side, i) {
+        side = side[0].toUpperCase() + side.substr(1);
+        if (side === 'Top' || side === 'Left') {
+          to[i] += parseFloat(style['border' + side + 'Width']);
+        } else {
+          to[i] -= parseFloat(style['border' + side + 'Width']);
+        }
+      });
+    })();
+  }
+
+  return to;
+}
+
+TetherBase.modules.push({
+  position: function position(_ref) {
+    var _this = this;
+
+    var top = _ref.top;
+    var left = _ref.left;
+    var targetAttachment = _ref.targetAttachment;
+
+    if (!this.options.constraints) {
+      return true;
+    }
+
+    var _cache = this.cache('element-bounds', function () {
+      return getBounds(_this.element);
+    });
+
+    var height = _cache.height;
+    var width = _cache.width;
+
+    if (width === 0 && height === 0 && typeof this.lastSize !== 'undefined') {
+      var _lastSize = this.lastSize;
+
+      // Handle the item getting hidden as a result of our positioning without glitching
+      // the classes in and out
+      width = _lastSize.width;
+      height = _lastSize.height;
+    }
+
+    var targetSize = this.cache('target-bounds', function () {
+      return _this.getTargetBounds();
+    });
+
+    var targetHeight = targetSize.height;
+    var targetWidth = targetSize.width;
+
+    var allClasses = [this.getClass('pinned'), this.getClass('out-of-bounds')];
+
+    this.options.constraints.forEach(function (constraint) {
+      var outOfBoundsClass = constraint.outOfBoundsClass;
+      var pinnedClass = constraint.pinnedClass;
+
+      if (outOfBoundsClass) {
+        allClasses.push(outOfBoundsClass);
+      }
+      if (pinnedClass) {
+        allClasses.push(pinnedClass);
+      }
+    });
+
+    allClasses.forEach(function (cls) {
+      ['left', 'top', 'right', 'bottom'].forEach(function (side) {
+        allClasses.push(cls + '-' + side);
+      });
+    });
+
+    var addClasses = [];
+
+    var tAttachment = extend({}, targetAttachment);
+    var eAttachment = extend({}, this.attachment);
+
+    this.options.constraints.forEach(function (constraint) {
+      var to = constraint.to;
+      var attachment = constraint.attachment;
+      var pin = constraint.pin;
+
+      if (typeof attachment === 'undefined') {
+        attachment = '';
+      }
+
+      var changeAttachX = undefined,
+          changeAttachY = undefined;
+      if (attachment.indexOf(' ') >= 0) {
+        var _attachment$split = attachment.split(' ');
+
+        var _attachment$split2 = _slicedToArray(_attachment$split, 2);
+
+        changeAttachY = _attachment$split2[0];
+        changeAttachX = _attachment$split2[1];
+      } else {
+        changeAttachX = changeAttachY = attachment;
+      }
+
+      var bounds = getBoundingRect(_this, to);
+
+      if (changeAttachY === 'target' || changeAttachY === 'both') {
+        if (top < bounds[1] && tAttachment.top === 'top') {
+          top += targetHeight;
+          tAttachment.top = 'bottom';
+        }
+
+        if (top + height > bounds[3] && tAttachment.top === 'bottom') {
+          top -= targetHeight;
+          tAttachment.top = 'top';
+        }
+      }
+
+      if (changeAttachY === 'together') {
+        if (tAttachment.top === 'top') {
+          if (eAttachment.top === 'bottom' && top < bounds[1]) {
+            top += targetHeight;
+            tAttachment.top = 'bottom';
+
+            top += height;
+            eAttachment.top = 'top';
+          } else if (eAttachment.top === 'top' && top + height > bounds[3] && top - (height - targetHeight) >= bounds[1]) {
+            top -= height - targetHeight;
+            tAttachment.top = 'bottom';
+
+            eAttachment.top = 'bottom';
+          }
+        }
+
+        if (tAttachment.top === 'bottom') {
+          if (eAttachment.top === 'top' && top + height > bounds[3]) {
+            top -= targetHeight;
+            tAttachment.top = 'top';
+
+            top -= height;
+            eAttachment.top = 'bottom';
+          } else if (eAttachment.top === 'bottom' && top < bounds[1] && top + (height * 2 - targetHeight) <= bounds[3]) {
+            top += height - targetHeight;
+            tAttachment.top = 'top';
+
+            eAttachment.top = 'top';
+          }
+        }
+
+        if (tAttachment.top === 'middle') {
+          if (top + height > bounds[3] && eAttachment.top === 'top') {
+            top -= height;
+            eAttachment.top = 'bottom';
+          } else if (top < bounds[1] && eAttachment.top === 'bottom') {
+            top += height;
+            eAttachment.top = 'top';
+          }
+        }
+      }
+
+      if (changeAttachX === 'target' || changeAttachX === 'both') {
+        if (left < bounds[0] && tAttachment.left === 'left') {
+          left += targetWidth;
+          tAttachment.left = 'right';
+        }
+
+        if (left + width > bounds[2] && tAttachment.left === 'right') {
+          left -= targetWidth;
+          tAttachment.left = 'left';
+        }
+      }
+
+      if (changeAttachX === 'together') {
+        if (left < bounds[0] && tAttachment.left === 'left') {
+          if (eAttachment.left === 'right') {
+            left += targetWidth;
+            tAttachment.left = 'right';
+
+            left += width;
+            eAttachment.left = 'left';
+          } else if (eAttachment.left === 'left') {
+            left += targetWidth;
+            tAttachment.left = 'right';
+
+            left -= width;
+            eAttachment.left = 'right';
+          }
+        } else if (left + width > bounds[2] && tAttachment.left === 'right') {
+          if (eAttachment.left === 'left') {
+            left -= targetWidth;
+            tAttachment.left = 'left';
+
+            left -= width;
+            eAttachment.left = 'right';
+          } else if (eAttachment.left === 'right') {
+            left -= targetWidth;
+            tAttachment.left = 'left';
+
+            left += width;
+            eAttachment.left = 'left';
+          }
+        } else if (tAttachment.left === 'center') {
+          if (left + width > bounds[2] && eAttachment.left === 'left') {
+            left -= width;
+            eAttachment.left = 'right';
+          } else if (left < bounds[0] && eAttachment.left === 'right') {
+            left += width;
+            eAttachment.left = 'left';
+          }
+        }
+      }
+
+      if (changeAttachY === 'element' || changeAttachY === 'both') {
+        if (top < bounds[1] && eAttachment.top === 'bottom') {
+          top += height;
+          eAttachment.top = 'top';
+        }
+
+        if (top + height > bounds[3] && eAttachment.top === 'top') {
+          top -= height;
+          eAttachment.top = 'bottom';
+        }
+      }
+
+      if (changeAttachX === 'element' || changeAttachX === 'both') {
+        if (left < bounds[0]) {
+          if (eAttachment.left === 'right') {
+            left += width;
+            eAttachment.left = 'left';
+          } else if (eAttachment.left === 'center') {
+            left += width / 2;
+            eAttachment.left = 'left';
+          }
+        }
+
+        if (left + width > bounds[2]) {
+          if (eAttachment.left === 'left') {
+            left -= width;
+            eAttachment.left = 'right';
+          } else if (eAttachment.left === 'center') {
+            left -= width / 2;
+            eAttachment.left = 'right';
+          }
+        }
+      }
+
+      if (typeof pin === 'string') {
+        pin = pin.split(',').map(function (p) {
+          return p.trim();
+        });
+      } else if (pin === true) {
+        pin = ['top', 'left', 'right', 'bottom'];
+      }
+
+      pin = pin || [];
+
+      var pinned = [];
+      var oob = [];
+
+      if (top < bounds[1]) {
+        if (pin.indexOf('top') >= 0) {
+          top = bounds[1];
+          pinned.push('top');
+        } else {
+          oob.push('top');
+        }
+      }
+
+      if (top + height > bounds[3]) {
+        if (pin.indexOf('bottom') >= 0) {
+          top = bounds[3] - height;
+          pinned.push('bottom');
+        } else {
+          oob.push('bottom');
+        }
+      }
+
+      if (left < bounds[0]) {
+        if (pin.indexOf('left') >= 0) {
+          left = bounds[0];
+          pinned.push('left');
+        } else {
+          oob.push('left');
+        }
+      }
+
+      if (left + width > bounds[2]) {
+        if (pin.indexOf('right') >= 0) {
+          left = bounds[2] - width;
+          pinned.push('right');
+        } else {
+          oob.push('right');
+        }
+      }
+
+      if (pinned.length) {
+        (function () {
+          var pinnedClass = undefined;
+          if (typeof _this.options.pinnedClass !== 'undefined') {
+            pinnedClass = _this.options.pinnedClass;
+          } else {
+            pinnedClass = _this.getClass('pinned');
+          }
+
+          addClasses.push(pinnedClass);
+          pinned.forEach(function (side) {
+            addClasses.push(pinnedClass + '-' + side);
+          });
+        })();
+      }
+
+      if (oob.length) {
+        (function () {
+          var oobClass = undefined;
+          if (typeof _this.options.outOfBoundsClass !== 'undefined') {
+            oobClass = _this.options.outOfBoundsClass;
+          } else {
+            oobClass = _this.getClass('out-of-bounds');
+          }
+
+          addClasses.push(oobClass);
+          oob.forEach(function (side) {
+            addClasses.push(oobClass + '-' + side);
+          });
+        })();
+      }
+
+      if (pinned.indexOf('left') >= 0 || pinned.indexOf('right') >= 0) {
+        eAttachment.left = tAttachment.left = false;
+      }
+      if (pinned.indexOf('top') >= 0 || pinned.indexOf('bottom') >= 0) {
+        eAttachment.top = tAttachment.top = false;
+      }
+
+      if (tAttachment.top !== targetAttachment.top || tAttachment.left !== targetAttachment.left || eAttachment.top !== _this.attachment.top || eAttachment.left !== _this.attachment.left) {
+        _this.updateAttachClasses(eAttachment, tAttachment);
+        _this.trigger('update', {
+          attachment: eAttachment,
+          targetAttachment: tAttachment
+        });
+      }
+    });
+
+    defer(function () {
+      if (!(_this.options.addTargetClasses === false)) {
+        updateClasses(_this.target, addClasses, allClasses);
+      }
+      updateClasses(_this.element, addClasses, allClasses);
+    });
+
+    return { top: top, left: left };
+  }
+});
+/* globals TetherBase */
+
+'use strict';
+
+var _TetherBase$Utils = TetherBase.Utils;
+var getBounds = _TetherBase$Utils.getBounds;
+var updateClasses = _TetherBase$Utils.updateClasses;
+var defer = _TetherBase$Utils.defer;
+
+TetherBase.modules.push({
+  position: function position(_ref) {
+    var _this = this;
+
+    var top = _ref.top;
+    var left = _ref.left;
+
+    var _cache = this.cache('element-bounds', function () {
+      return getBounds(_this.element);
+    });
+
+    var height = _cache.height;
+    var width = _cache.width;
+
+    var targetPos = this.getTargetBounds();
+
+    var bottom = top + height;
+    var right = left + width;
+
+    var abutted = [];
+    if (top <= targetPos.bottom && bottom >= targetPos.top) {
+      ['left', 'right'].forEach(function (side) {
+        var targetPosSide = targetPos[side];
+        if (targetPosSide === left || targetPosSide === right) {
+          abutted.push(side);
+        }
+      });
+    }
+
+    if (left <= targetPos.right && right >= targetPos.left) {
+      ['top', 'bottom'].forEach(function (side) {
+        var targetPosSide = targetPos[side];
+        if (targetPosSide === top || targetPosSide === bottom) {
+          abutted.push(side);
+        }
+      });
+    }
+
+    var allClasses = [];
+    var addClasses = [];
+
+    var sides = ['left', 'top', 'right', 'bottom'];
+    allClasses.push(this.getClass('abutted'));
+    sides.forEach(function (side) {
+      allClasses.push(_this.getClass('abutted') + '-' + side);
+    });
+
+    if (abutted.length) {
+      addClasses.push(this.getClass('abutted'));
+    }
+
+    abutted.forEach(function (side) {
+      addClasses.push(_this.getClass('abutted') + '-' + side);
+    });
+
+    defer(function () {
+      if (!(_this.options.addTargetClasses === false)) {
+        updateClasses(_this.target, addClasses, allClasses);
+      }
+      updateClasses(_this.element, addClasses, allClasses);
+    });
+
+    return true;
+  }
+});
+/* globals TetherBase */
+
+'use strict';
+
+var _slicedToArray = (function () { function sliceIterator(arr, i) { var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i['return']) _i['return'](); } finally { if (_d) throw _e; } } return _arr; } return function (arr, i) { if (Array.isArray(arr)) { return arr; } else if (Symbol.iterator in Object(arr)) { return sliceIterator(arr, i); } else { throw new TypeError('Invalid attempt to destructure non-iterable instance'); } }; })();
+
+TetherBase.modules.push({
+  position: function position(_ref) {
+    var top = _ref.top;
+    var left = _ref.left;
+
+    if (!this.options.shift) {
+      return;
+    }
+
+    var shift = this.options.shift;
+    if (typeof this.options.shift === 'function') {
+      shift = this.options.shift.call(this, { top: top, left: left });
+    }
+
+    var shiftTop = undefined,
+        shiftLeft = undefined;
+    if (typeof shift === 'string') {
+      shift = shift.split(' ');
+      shift[1] = shift[1] || shift[0];
+
+      var _shift = shift;
+
+      var _shift2 = _slicedToArray(_shift, 2);
+
+      shiftTop = _shift2[0];
+      shiftLeft = _shift2[1];
+
+      shiftTop = parseFloat(shiftTop, 10);
+      shiftLeft = parseFloat(shiftLeft, 10);
+    } else {
+      shiftTop = shift.top;
+      shiftLeft = shift.left;
+    }
+
+    top += shiftTop;
+    left += shiftLeft;
+
+    return { top: top, left: left };
+  }
+});
+return Tether;
+
+}));
diff --git a/amd/src/tooltip.js b/amd/src/tooltip.js
new file mode 100644
index 0000000..4ece5a1
--- /dev/null
+++ b/amd/src/tooltip.js
@@ -0,0 +1,762 @@
+define(["exports", "jquery", "core/popper", "./util"], function (exports, _jquery, _popper, _util) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+
+  var _jquery2 = _interopRequireDefault(_jquery);
+
+  var _popper2 = _interopRequireDefault(_popper);
+
+  var _util2 = _interopRequireDefault(_util);
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+      default: obj
+    };
+  }
+
+  function _extends() {
+    _extends = Object.assign || function (target) {
+      for (var i = 1; i < arguments.length; i++) {
+        var source = arguments[i];
+
+        for (var key in source) {
+          if (Object.prototype.hasOwnProperty.call(source, key)) {
+            target[key] = source[key];
+          }
+        }
+      }
+
+      return target;
+    };
+
+    return _extends.apply(this, arguments);
+  }
+
+  function _typeof(obj) {
+    if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
+      _typeof = function _typeof(obj) {
+        return typeof obj;
+      };
+    } else {
+      _typeof = function _typeof(obj) {
+        return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj;
+      };
+    }
+
+    return _typeof(obj);
+  }
+
+  function _classCallCheck(instance, Constructor) {
+    if (!(instance instanceof Constructor)) {
+      throw new TypeError("Cannot call a class as a function");
+    }
+  }
+
+  function _defineProperties(target, props) {
+    for (var i = 0; i < props.length; i++) {
+      var descriptor = props[i];
+      descriptor.enumerable = descriptor.enumerable || false;
+      descriptor.configurable = true;
+      if ("value" in descriptor) descriptor.writable = true;
+      Object.defineProperty(target, descriptor.key, descriptor);
+    }
+  }
+
+  function _createClass(Constructor, protoProps, staticProps) {
+    if (protoProps) _defineProperties(Constructor.prototype, protoProps);
+    if (staticProps) _defineProperties(Constructor, staticProps);
+    return Constructor;
+  }
+
+  /**
+   * --------------------------------------------------------------------------
+   * Bootstrap (v4.0.0): tooltip.js
+   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+   * --------------------------------------------------------------------------
+   */
+  var Tooltip = function ($) {
+    /**
+     * ------------------------------------------------------------------------
+     * Constants
+     * ------------------------------------------------------------------------
+     */
+    var NAME = 'tooltip';
+    var VERSION = '4.0.0';
+    var DATA_KEY = 'bs.tooltip';
+    var EVENT_KEY = ".".concat(DATA_KEY);
+    var JQUERY_NO_CONFLICT = $.fn[NAME];
+    var TRANSITION_DURATION = 150;
+    var CLASS_PREFIX = 'bs-tooltip';
+    var BSCLS_PREFIX_REGEX = new RegExp("(^|\\s)".concat(CLASS_PREFIX, "\\S+"), 'g');
+    var DefaultType = {
+      animation: 'boolean',
+      template: 'string',
+      title: '(string|element|function)',
+      trigger: 'string',
+      delay: '(number|object)',
+      html: 'boolean',
+      selector: '(string|boolean)',
+      placement: '(string|function)',
+      offset: '(number|string)',
+      container: '(string|element|boolean)',
+      fallbackPlacement: '(string|array)',
+      boundary: '(string|element)'
+    };
+    var AttachmentMap = {
+      AUTO: 'auto',
+      TOP: 'top',
+      RIGHT: 'right',
+      BOTTOM: 'bottom',
+      LEFT: 'left'
+    };
+    var Default = {
+      animation: true,
+      template: '<div class="tooltip" role="tooltip">' + '<div class="arrow"></div>' + '<div class="tooltip-inner"></div></div>',
+      trigger: 'hover focus',
+      title: '',
+      delay: 0,
+      html: false,
+      selector: false,
+      placement: 'top',
+      offset: 0,
+      container: false,
+      fallbackPlacement: 'flip',
+      boundary: 'scrollParent'
+    };
+    var HoverState = {
+      SHOW: 'show',
+      OUT: 'out'
+    };
+    var Event = {
+      HIDE: "hide".concat(EVENT_KEY),
+      HIDDEN: "hidden".concat(EVENT_KEY),
+      SHOW: "show".concat(EVENT_KEY),
+      SHOWN: "shown".concat(EVENT_KEY),
+      INSERTED: "inserted".concat(EVENT_KEY),
+      CLICK: "click".concat(EVENT_KEY),
+      FOCUSIN: "focusin".concat(EVENT_KEY),
+      FOCUSOUT: "focusout".concat(EVENT_KEY),
+      MOUSEENTER: "mouseenter".concat(EVENT_KEY),
+      MOUSELEAVE: "mouseleave".concat(EVENT_KEY)
+    };
+    var ClassName = {
+      FADE: 'fade',
+      SHOW: 'show'
+    };
+    var Selector = {
+      TOOLTIP: '.tooltip',
+      TOOLTIP_INNER: '.tooltip-inner',
+      ARROW: '.arrow'
+    };
+    var Trigger = {
+      HOVER: 'hover',
+      FOCUS: 'focus',
+      CLICK: 'click',
+      MANUAL: 'manual'
+      /**
+       * ------------------------------------------------------------------------
+       * Class Definition
+       * ------------------------------------------------------------------------
+       */
+
+    };
+
+    var Tooltip = function () {
+      function Tooltip(element, config) {
+        _classCallCheck(this, Tooltip);
+
+        /**
+         * Check for Popper dependency
+         * Popper - https://popper.js.org
+         */
+        if (typeof _popper2.default === 'undefined') {
+          throw new TypeError('Bootstrap tooltips require Popper.js (https://popper.js.org)');
+        } // private
+
+
+        this._isEnabled = true;
+        this._timeout = 0;
+        this._hoverState = '';
+        this._activeTrigger = {};
+        this._popper = null; // Protected
+
+        this.element = element;
+        this.config = this._getConfig(config);
+        this.tip = null;
+
+        this._setListeners();
+      } // Getters
+
+
+      _createClass(Tooltip, [{
+        key: "enable",
+        value: function enable() {
+          this._isEnabled = true;
+        }
+      }, {
+        key: "disable",
+        value: function disable() {
+          this._isEnabled = false;
+        }
+      }, {
+        key: "toggleEnabled",
+        value: function toggleEnabled() {
+          this._isEnabled = !this._isEnabled;
+        }
+      }, {
+        key: "toggle",
+        value: function toggle(event) {
+          if (!this._isEnabled) {
+            return;
+          }
+
+          if (event) {
+            var dataKey = this.constructor.DATA_KEY;
+            var context = $(event.currentTarget).data(dataKey);
+
+            if (!context) {
+              context = new this.constructor(event.currentTarget, this._getDelegateConfig());
+              $(event.currentTarget).data(dataKey, context);
+            }
+
+            context._activeTrigger.click = !context._activeTrigger.click;
+
+            if (context._isWithActiveTrigger()) {
+              context._enter(null, context);
+            } else {
+              context._leave(null, context);
+            }
+          } else {
+            if ($(this.getTipElement()).hasClass(ClassName.SHOW)) {
+              this._leave(null, this);
+
+              return;
+            }
+
+            this._enter(null, this);
+          }
+        }
+      }, {
+        key: "dispose",
+        value: function dispose() {
+          clearTimeout(this._timeout);
+          $.removeData(this.element, this.constructor.DATA_KEY);
+          $(this.element).off(this.constructor.EVENT_KEY);
+          $(this.element).closest('.modal').off('hide.bs.modal');
+
+          if (this.tip) {
+            $(this.tip).remove();
+          }
+
+          this._isEnabled = null;
+          this._timeout = null;
+          this._hoverState = null;
+          this._activeTrigger = null;
+
+          if (this._popper !== null) {
+            this._popper.destroy();
+          }
+
+          this._popper = null;
+          this.element = null;
+          this.config = null;
+          this.tip = null;
+        }
+      }, {
+        key: "show",
+        value: function show() {
+          var _this = this;
+
+          if ($(this.element).css('display') === 'none') {
+            throw new Error('Please use show on visible elements');
+          }
+
+          var showEvent = $.Event(this.constructor.Event.SHOW);
+
+          if (this.isWithContent() && this._isEnabled) {
+            $(this.element).trigger(showEvent);
+            var isInTheDom = $.contains(this.element.ownerDocument.documentElement, this.element);
+
+            if (showEvent.isDefaultPrevented() || !isInTheDom) {
+              return;
+            }
+
+            var tip = this.getTipElement();
+
+            var tipId = _util2.default.getUID(this.constructor.NAME);
+
+            tip.setAttribute('id', tipId);
+            this.element.setAttribute('aria-describedby', tipId);
+            this.setContent();
+
+            if (this.config.animation) {
+              $(tip).addClass(ClassName.FADE);
+            }
+
+            var placement = typeof this.config.placement === 'function' ? this.config.placement.call(this, tip, this.element) : this.config.placement;
+
+            var attachment = this._getAttachment(placement);
+
+            this.addAttachmentClass(attachment);
+            var container = this.config.container === false ? document.body : $(this.config.container);
+            $(tip).data(this.constructor.DATA_KEY, this);
+
+            if (!$.contains(this.element.ownerDocument.documentElement, this.tip)) {
+              $(tip).appendTo(container);
+            }
+
+            $(this.element).trigger(this.constructor.Event.INSERTED);
+            this._popper = new _popper2.default(this.element, tip, {
+              placement: attachment,
+              modifiers: {
+                offset: {
+                  offset: this.config.offset
+                },
+                flip: {
+                  behavior: this.config.fallbackPlacement
+                },
+                arrow: {
+                  element: Selector.ARROW
+                },
+                preventOverflow: {
+                  boundariesElement: this.config.boundary
+                }
+              },
+              onCreate: function onCreate(data) {
+                if (data.originalPlacement !== data.placement) {
+                  _this._handlePopperPlacementChange(data);
+                }
+              },
+              onUpdate: function onUpdate(data) {
+                _this._handlePopperPlacementChange(data);
+              }
+            });
+            $(tip).addClass(ClassName.SHOW); // If this is a touch-enabled device we add extra
+            // empty mouseover listeners to the body's immediate children;
+            // only needed because of broken event delegation on iOS
+            // https://www.quirksmode.org/blog/archives/2014/02/mouse_event_bub.html
+
+            if ('ontouchstart' in document.documentElement) {
+              $('body').children().on('mouseover', null, $.noop);
+            }
+
+            var complete = function complete() {
+              if (_this.config.animation) {
+                _this._fixTransition();
+              }
+
+              var prevHoverState = _this._hoverState;
+              _this._hoverState = null;
+              $(_this.element).trigger(_this.constructor.Event.SHOWN);
+
+              if (prevHoverState === HoverState.OUT) {
+                _this._leave(null, _this);
+              }
+            };
+
+            if (_util2.default.supportsTransitionEnd() && $(this.tip).hasClass(ClassName.FADE)) {
+              $(this.tip).one(_util2.default.TRANSITION_END, complete).emulateTransitionEnd(Tooltip._TRANSITION_DURATION);
+            } else {
+              complete();
+            }
+          }
+        }
+      }, {
+        key: "hide",
+        value: function hide(callback) {
+          var _this2 = this;
+
+          var tip = this.getTipElement();
+          var hideEvent = $.Event(this.constructor.Event.HIDE);
+
+          var complete = function complete() {
+            if (_this2._hoverState !== HoverState.SHOW && tip.parentNode) {
+              tip.parentNode.removeChild(tip);
+            }
+
+            _this2._cleanTipClass();
+
+            _this2.element.removeAttribute('aria-describedby');
+
+            $(_this2.element).trigger(_this2.constructor.Event.HIDDEN);
+
+            if (_this2._popper !== null) {
+              _this2._popper.destroy();
+            }
+
+            if (callback) {
+              callback();
+            }
+          };
+
+          $(this.element).trigger(hideEvent);
+
+          if (hideEvent.isDefaultPrevented()) {
+            return;
+          }
+
+          $(tip).removeClass(ClassName.SHOW); // If this is a touch-enabled device we remove the extra
+          // empty mouseover listeners we added for iOS support
+
+          if ('ontouchstart' in document.documentElement) {
+            $('body').children().off('mouseover', null, $.noop);
+          }
+
+          this._activeTrigger[Trigger.CLICK] = false;
+          this._activeTrigger[Trigger.FOCUS] = false;
+          this._activeTrigger[Trigger.HOVER] = false;
+
+          if (_util2.default.supportsTransitionEnd() && $(this.tip).hasClass(ClassName.FADE)) {
+            $(tip).one(_util2.default.TRANSITION_END, complete).emulateTransitionEnd(TRANSITION_DURATION);
+          } else {
+            complete();
+          }
+
+          this._hoverState = '';
+        }
+      }, {
+        key: "update",
+        value: function update() {
+          if (this._popper !== null) {
+            this._popper.scheduleUpdate();
+          }
+        }
+      }, {
+        key: "isWithContent",
+        value: function isWithContent() {
+          return Boolean(this.getTitle());
+        }
+      }, {
+        key: "addAttachmentClass",
+        value: function addAttachmentClass(attachment) {
+          $(this.getTipElement()).addClass("".concat(CLASS_PREFIX, "-").concat(attachment));
+        }
+      }, {
+        key: "getTipElement",
+        value: function getTipElement() {
+          this.tip = this.tip || $(this.config.template)[0];
+          return this.tip;
+        }
+      }, {
+        key: "setContent",
+        value: function setContent() {
+          var $tip = $(this.getTipElement());
+          this.setElementContent($tip.find(Selector.TOOLTIP_INNER), this.getTitle());
+          $tip.removeClass("".concat(ClassName.FADE, " ").concat(ClassName.SHOW));
+        }
+      }, {
+        key: "setElementContent",
+        value: function setElementContent($element, content) {
+          var html = this.config.html;
+
+          if (_typeof(content) === 'object' && (content.nodeType || content.jquery)) {
+            // Content is a DOM node or a jQuery
+            if (html) {
+              if (!$(content).parent().is($element)) {
+                $element.empty().append(content);
+              }
+            } else {
+              $element.text($(content).text());
+            }
+          } else {
+            $element[html ? 'html' : 'text'](content);
+          }
+        }
+      }, {
+        key: "getTitle",
+        value: function getTitle() {
+          var title = this.element.getAttribute('data-original-title');
+
+          if (!title) {
+            title = typeof this.config.title === 'function' ? this.config.title.call(this.element) : this.config.title;
+          }
+
+          return title;
+        }
+      }, {
+        key: "_getAttachment",
+        value: function _getAttachment(placement) {
+          return AttachmentMap[placement.toUpperCase()];
+        }
+      }, {
+        key: "_setListeners",
+        value: function _setListeners() {
+          var _this3 = this;
+
+          var triggers = this.config.trigger.split(' ');
+          triggers.forEach(function (trigger) {
+            if (trigger === 'click') {
+              $(_this3.element).on(_this3.constructor.Event.CLICK, _this3.config.selector, function (event) {
+                return _this3.toggle(event);
+              });
+            } else if (trigger !== Trigger.MANUAL) {
+              var eventIn = trigger === Trigger.HOVER ? _this3.constructor.Event.MOUSEENTER : _this3.constructor.Event.FOCUSIN;
+              var eventOut = trigger === Trigger.HOVER ? _this3.constructor.Event.MOUSELEAVE : _this3.constructor.Event.FOCUSOUT;
+              $(_this3.element).on(eventIn, _this3.config.selector, function (event) {
+                return _this3._enter(event);
+              }).on(eventOut, _this3.config.selector, function (event) {
+                return _this3._leave(event);
+              });
+            }
+
+            $(_this3.element).closest('.modal').on('hide.bs.modal', function () {
+              return _this3.hide();
+            });
+          });
+
+          if (this.config.selector) {
+            this.config = _extends({}, this.config, {
+              trigger: 'manual',
+              selector: ''
+            });
+          } else {
+            this._fixTitle();
+          }
+        }
+      }, {
+        key: "_fixTitle",
+        value: function _fixTitle() {
+          var titleType = _typeof(this.element.getAttribute('data-original-title'));
+
+          if (this.element.getAttribute('title') || titleType !== 'string') {
+            this.element.setAttribute('data-original-title', this.element.getAttribute('title') || '');
+            this.element.setAttribute('title', '');
+          }
+        }
+      }, {
+        key: "_enter",
+        value: function _enter(event, context) {
+          var dataKey = this.constructor.DATA_KEY;
+          context = context || $(event.currentTarget).data(dataKey);
+
+          if (!context) {
+            context = new this.constructor(event.currentTarget, this._getDelegateConfig());
+            $(event.currentTarget).data(dataKey, context);
+          }
+
+          if (event) {
+            context._activeTrigger[event.type === 'focusin' ? Trigger.FOCUS : Trigger.HOVER] = true;
+          }
+
+          if ($(context.getTipElement()).hasClass(ClassName.SHOW) || context._hoverState === HoverState.SHOW) {
+            context._hoverState = HoverState.SHOW;
+            return;
+          }
+
+          clearTimeout(context._timeout);
+          context._hoverState = HoverState.SHOW;
+
+          if (!context.config.delay || !context.config.delay.show) {
+            context.show();
+            return;
+          }
+
+          context._timeout = setTimeout(function () {
+            if (context._hoverState === HoverState.SHOW) {
+              context.show();
+            }
+          }, context.config.delay.show);
+        }
+      }, {
+        key: "_leave",
+        value: function _leave(event, context) {
+          var dataKey = this.constructor.DATA_KEY;
+          context = context || $(event.currentTarget).data(dataKey);
+
+          if (!context) {
+            context = new this.constructor(event.currentTarget, this._getDelegateConfig());
+            $(event.currentTarget).data(dataKey, context);
+          }
+
+          if (event) {
+            context._activeTrigger[event.type === 'focusout' ? Trigger.FOCUS : Trigger.HOVER] = false;
+          }
+
+          if (context._isWithActiveTrigger()) {
+            return;
+          }
+
+          clearTimeout(context._timeout);
+          context._hoverState = HoverState.OUT;
+
+          if (!context.config.delay || !context.config.delay.hide) {
+            context.hide();
+            return;
+          }
+
+          context._timeout = setTimeout(function () {
+            if (context._hoverState === HoverState.OUT) {
+              context.hide();
+            }
+          }, context.config.delay.hide);
+        }
+      }, {
+        key: "_isWithActiveTrigger",
+        value: function _isWithActiveTrigger() {
+          for (var trigger in this._activeTrigger) {
+            if (this._activeTrigger[trigger]) {
+              return true;
+            }
+          }
+
+          return false;
+        }
+      }, {
+        key: "_getConfig",
+        value: function _getConfig(config) {
+          config = _extends({}, this.constructor.Default, $(this.element).data(), config);
+
+          if (typeof config.delay === 'number') {
+            config.delay = {
+              show: config.delay,
+              hide: config.delay
+            };
+          }
+
+          if (typeof config.title === 'number') {
+            config.title = config.title.toString();
+          }
+
+          if (typeof config.content === 'number') {
+            config.content = config.content.toString();
+          }
+
+          _util2.default.typeCheckConfig(NAME, config, this.constructor.DefaultType);
+
+          return config;
+        }
+      }, {
+        key: "_getDelegateConfig",
+        value: function _getDelegateConfig() {
+          var config = {};
+
+          if (this.config) {
+            for (var key in this.config) {
+              if (this.constructor.Default[key] !== this.config[key]) {
+                config[key] = this.config[key];
+              }
+            }
+          }
+
+          return config;
+        }
+      }, {
+        key: "_cleanTipClass",
+        value: function _cleanTipClass() {
+          var $tip = $(this.getTipElement());
+          var tabClass = $tip.attr('class').match(BSCLS_PREFIX_REGEX);
+
+          if (tabClass !== null && tabClass.length > 0) {
+            $tip.removeClass(tabClass.join(''));
+          }
+        }
+      }, {
+        key: "_handlePopperPlacementChange",
+        value: function _handlePopperPlacementChange(data) {
+          this._cleanTipClass();
+
+          this.addAttachmentClass(this._getAttachment(data.placement));
+        }
+      }, {
+        key: "_fixTransition",
+        value: function _fixTransition() {
+          var tip = this.getTipElement();
+          var initConfigAnimation = this.config.animation;
+
+          if (tip.getAttribute('x-placement') !== null) {
+            return;
+          }
+
+          $(tip).removeClass(ClassName.FADE);
+          this.config.animation = false;
+          this.hide();
+          this.show();
+          this.config.animation = initConfigAnimation;
+        }
+      }], [{
+        key: "_jQueryInterface",
+        value: function _jQueryInterface(config) {
+          return this.each(function () {
+            var data = $(this).data(DATA_KEY);
+
+            var _config = _typeof(config) === 'object' && config;
+
+            if (!data && /dispose|hide/.test(config)) {
+              return;
+            }
+
+            if (!data) {
+              data = new Tooltip(this, _config);
+              $(this).data(DATA_KEY, data);
+            }
+
+            if (typeof config === 'string') {
+              if (typeof data[config] === 'undefined') {
+                throw new TypeError("No method named \"".concat(config, "\""));
+              }
+
+              data[config]();
+            }
+          });
+        }
+      }, {
+        key: "VERSION",
+        get: function get() {
+          return VERSION;
+        }
+      }, {
+        key: "Default",
+        get: function get() {
+          return Default;
+        }
+      }, {
+        key: "NAME",
+        get: function get() {
+          return NAME;
+        }
+      }, {
+        key: "DATA_KEY",
+        get: function get() {
+          return DATA_KEY;
+        }
+      }, {
+        key: "Event",
+        get: function get() {
+          return Event;
+        }
+      }, {
+        key: "EVENT_KEY",
+        get: function get() {
+          return EVENT_KEY;
+        }
+      }, {
+        key: "DefaultType",
+        get: function get() {
+          return DefaultType;
+        }
+      }]);
+
+      return Tooltip;
+    }();
+
+    /**
+     * ------------------------------------------------------------------------
+     * jQuery
+     * ------------------------------------------------------------------------
+     */
+    $.fn[NAME] = Tooltip._jQueryInterface;
+    $.fn[NAME].Constructor = Tooltip;
+
+    $.fn[NAME].noConflict = function () {
+      $.fn[NAME] = JQUERY_NO_CONFLICT;
+      return Tooltip._jQueryInterface;
+    };
+
+    return Tooltip;
+  }(_jquery2.default, _popper2.default);
+
+  exports.default = Tooltip;
+});
\ No newline at end of file
diff --git a/amd/src/util.js b/amd/src/util.js
new file mode 100644
index 0000000..19bab70
--- /dev/null
+++ b/amd/src/util.js
@@ -0,0 +1,156 @@
+define(["exports", "jquery"], function (exports, _jquery) {
+  "use strict";
+
+  Object.defineProperty(exports, "__esModule", {
+    value: true
+  });
+
+  var _jquery2 = _interopRequireDefault(_jquery);
+
+  function _interopRequireDefault(obj) {
+    return obj && obj.__esModule ? obj : {
+      default: obj
+    };
+  }
+
+  /**
+   * --------------------------------------------------------------------------
+   * Bootstrap (v4.0.0): util.js
+   * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+   * --------------------------------------------------------------------------
+   */
+  var Util = function ($) {
+    /**
+     * ------------------------------------------------------------------------
+     * Private TransitionEnd Helpers
+     * ------------------------------------------------------------------------
+     */
+    var transition = false;
+    var MAX_UID = 1000000; // Shoutout AngusCroll (https://goo.gl/pxwQGp)
+
+    function toType(obj) {
+      return {}.toString.call(obj).match(/\s([a-zA-Z]+)/)[1].toLowerCase();
+    }
+
+    function getSpecialTransitionEndEvent() {
+      return {
+        bindType: transition.end,
+        delegateType: transition.end,
+        handle: function handle(event) {
+          if ($(event.target).is(this)) {
+            return event.handleObj.handler.apply(this, arguments); // eslint-disable-line prefer-rest-params
+          }
+
+          return undefined; // eslint-disable-line no-undefined
+        }
+      };
+    }
+
+    function transitionEndTest() {
+      if (typeof window !== 'undefined' && window.QUnit) {
+        return false;
+      }
+
+      return {
+        end: 'transitionend'
+      };
+    }
+
+    function transitionEndEmulator(duration) {
+      var _this = this;
+
+      var called = false;
+      $(this).one(Util.TRANSITION_END, function () {
+        called = true;
+      });
+      setTimeout(function () {
+        if (!called) {
+          Util.triggerTransitionEnd(_this);
+        }
+      }, duration);
+      return this;
+    }
+
+    function setTransitionEndSupport() {
+      transition = transitionEndTest();
+      $.fn.emulateTransitionEnd = transitionEndEmulator;
+
+      if (Util.supportsTransitionEnd()) {
+        $.event.special[Util.TRANSITION_END] = getSpecialTransitionEndEvent();
+      }
+    }
+
+    function escapeId(selector) {
+      // We escape IDs in case of special selectors (selector = '#myId:something')
+      // $.escapeSelector does not exist in jQuery < 3
+      selector = typeof $.escapeSelector === 'function' ? $.escapeSelector(selector).substr(1) : selector.replace(/(:|\.|\[|\]|,|=|@)/g, '\\$1');
+      return selector;
+    }
+    /**
+     * --------------------------------------------------------------------------
+     * Public Util Api
+     * --------------------------------------------------------------------------
+     */
+
+
+    var Util = {
+      TRANSITION_END: 'bsTransitionEnd',
+      getUID: function getUID(prefix) {
+        do {
+          // eslint-disable-next-line no-bitwise
+          prefix += ~~(Math.random() * MAX_UID); // "~~" acts like a faster Math.floor() here
+        } while (document.getElementById(prefix));
+
+        return prefix;
+      },
+      getSelectorFromElement: function getSelectorFromElement(element) {
+        var selector = element.getAttribute('data-target');
+
+        if (!selector || selector === '#') {
+          selector = element.getAttribute('href') || '';
+        } // If it's an ID
+
+
+        if (selector.charAt(0) === '#') {
+          selector = escapeId(selector);
+        }
+
+        try {
+          var $selector = $(document).find(selector);
+          return $selector.length > 0 ? selector : null;
+        } catch (err) {
+          return null;
+        }
+      },
+      reflow: function reflow(element) {
+        return element.offsetHeight;
+      },
+      triggerTransitionEnd: function triggerTransitionEnd(element) {
+        $(element).trigger(transition.end);
+      },
+      supportsTransitionEnd: function supportsTransitionEnd() {
+        return Boolean(transition);
+      },
+      isElement: function isElement(obj) {
+        return (obj[0] || obj).nodeType;
+      },
+      typeCheckConfig: function typeCheckConfig(componentName, config, configTypes) {
+        for (var property in configTypes) {
+          if (Object.prototype.hasOwnProperty.call(configTypes, property)) {
+            var expectedTypes = configTypes[property];
+            var value = config[property];
+            var valueType = value && Util.isElement(value) ? 'element' : toType(value);
+
+            if (!new RegExp(expectedTypes).test(valueType)) {
+              throw new Error("".concat(componentName.toUpperCase(), ": ") + "Option \"".concat(property, "\" provided type \"").concat(valueType, "\" ") + "but expected type \"".concat(expectedTypes, "\"."));
+            }
+          }
+        }
+      }
+    };
+    setTransitionEndSupport();
+    return Util;
+  }(_jquery2.default);
+
+  exports.default = Util;
+});
\ No newline at end of file
diff --git a/classes/admin_settingspage_tabs.php b/classes/admin_settingspage_tabs.php
index dca6242..1a436f6 100644
--- a/classes/admin_settingspage_tabs.php
+++ b/classes/admin_settingspage_tabs.php
@@ -15,7 +15,7 @@
 // along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
 
 /**
- * @package   theme_boost
+ * @package   theme_ilb
  * @copyright 2016 Ryan Wyllie
  * @license   http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
  */
@@ -23,11 +23,11 @@
 defined('MOODLE_INTERNAL') || die();
 
 /**
- * @package   theme_boost
+ * @package   theme_ilb
  * @copyright 2016 Ryan Wyllie
  * @license   http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
  */
-class theme_boost_admin_settingspage_tabs extends admin_settingpage {
+class theme_ilb_admin_settingspage_tabs extends admin_settingpage {
 
     /** @var The tabs */
     protected $tabs = array();
@@ -93,7 +93,7 @@ class theme_boost_admin_settingspage_tabs extends admin_settingpage {
             return '';
         }
 
-        return $OUTPUT->render_from_template('theme_boost/admin_setting_tabs', $context);
+        return $OUTPUT->render_from_template('theme_ilb/admin_setting_tabs', $context);
     }
 
 }
diff --git a/classes/autoprefixer.php b/classes/autoprefixer.php
index 59f1989..1e286bb 100644
--- a/classes/autoprefixer.php
+++ b/classes/autoprefixer.php
@@ -18,15 +18,15 @@
  * Autoprefixer.
  *
  * This autoprefixer has been developed to satisfy the basic needs of the
- * theme Boost when working with Bootstrap 4 alpha. We do not recommend
+ * theme Ilb when working with Bootstrap 4 alpha. We do not recommend
  * that this tool is shared, nor used outside of this theme.
  *
- * @package    theme_boost
+ * @package    theme_ilb
  * @copyright  2016 Frédéric Massart - FMCorz.net
  * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
  */
 
-namespace theme_boost;
+namespace theme_ilb;
 defined('MOODLE_INTERNAL') || die();
 
 use Sabberworm\CSS\CSSList\CSSList;
@@ -54,7 +54,7 @@ use Sabberworm\CSS\Value\ValueList;
  *
  * Very basic implementation covering simple needs for Bootstrap 4.
  *
- * @package    theme_boost
+ * @package    theme_ilb
  * @copyright  2016 Frédéric Massart - FMCorz.net
  * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
  */
diff --git a/classes/output/block_settings_renderer.php b/classes/output/block_settings_renderer.php
index 17554f0..a27bf8d 100644
--- a/classes/output/block_settings_renderer.php
+++ b/classes/output/block_settings_renderer.php
@@ -17,12 +17,12 @@
 /**
  * Overriden block settings renderer.
  *
- * @package    theme_boost
+ * @package    theme_ilb
  * @copyright  2016 Frédéric Massart - FMCorz.net
  * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
  */
 
-namespace theme_boost\output;
+namespace theme_ilb\output;
 defined('MOODLE_INTERNAL') || die();
 
 require_once($CFG->dirroot . '/blocks/settings/renderer.php');
@@ -32,7 +32,7 @@ use moodle_url;
 /**
  * Overriden block settings renderer.
  *
- * @package    theme_boost
+ * @package    theme_ilb
  * @copyright  2016 Frédéric Massart - FMCorz.net
  * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
  */
diff --git a/classes/output/core/admin_renderer.php b/classes/output/core/admin_renderer.php
deleted file mode 100644
index 685cc2b..0000000
--- a/classes/output/core/admin_renderer.php
+++ /dev/null
@@ -1,52 +0,0 @@
-<?php
-// This file is part of Moodle - http://moodle.org/
-//
-// Moodle is free software: you can redistribute it and/or modify
-// it under the terms of the GNU General Public License as published by
-// the Free Software Foundation, either version 3 of the License, or
-// (at your option) any later version.
-//
-// Moodle is distributed in the hope that it will be useful,
-// but WITHOUT ANY WARRANTY; without even the implied warranty of
-// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-// GNU General Public License for more details.
-//
-// You should have received a copy of the GNU General Public License
-// along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
-
-/**
- * Admin renderer.
- *
- * @package    theme_noanme
- * @copyright  2016 Frédéric Massart - FMCorz.net
- * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
- */
-
-namespace theme_boost\output\core;
-defined('MOODLE_INTERNAL') || die();
-
-use moodle_url;
-
-require_once($CFG->dirroot . '/' . $CFG->admin . '/renderer.php');
-
-/**
- * Admin renderer class.
- *
- * @package    theme_noanme
- * @copyright  2016 Frédéric Massart - FMCorz.net
- * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
- */
-class admin_renderer extends \core_admin_renderer {
-
-    /**
-     * Output a warning message.
-     *
-     * @param string $message the message to display.
-     * @param string $type type class
-     * @return string HTML to output.
-     */
-    protected function warning($message, $type = 'warning') {
-        return $this->box($message, 'generalbox m-b-1 admin' . $type);
-    }
-
-}
diff --git a/classes/output/core/course_renderer.php b/classes/output/core/course_renderer.php
index bf433b3..5c8551d 100644
--- a/classes/output/core/course_renderer.php
+++ b/classes/output/core/course_renderer.php
@@ -22,7 +22,7 @@
  * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
  */
 
-namespace theme_boost\output\core;
+namespace theme_ilb\output\core;
 defined('MOODLE_INTERNAL') || die();
 
 use moodle_url;
@@ -74,8 +74,12 @@ class course_renderer extends \core_course_renderer {
             'inputsize' => $inputsize,
             'value' => $value
         ];
+        if ($format != 'navbar') {
+            $helpicon = new \help_icon('coursesearch', 'core');
+            $data->helpicon = $helpicon->export_for_template($this);
+        }
 
-        return $this->render_from_template('theme_boost/course_search_form', $data);
+        return $this->render_from_template('theme_ilb/course_search_form', $data);
     }
 
 }
diff --git a/classes/output/core/files_renderer.php b/classes/output/core/files_renderer.php
index 66d2e82..2f7c889 100644
--- a/classes/output/core/files_renderer.php
+++ b/classes/output/core/files_renderer.php
@@ -14,7 +14,7 @@
 // You should have received a copy of the GNU General Public License
 // along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
 
-namespace theme_boost\output\core;
+namespace theme_ilb\output\core;
 
 use plugin_renderer_base;
 
@@ -24,14 +24,14 @@ require_once($CFG->dirroot . '/files/renderer.php');
 
 /**
  * Rendering of files viewer related widgets.
- * @package   theme_boost
+ * @package   theme_ilb
  * @copyright 2016 Damyon Wiese
  * @license   http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
  */
 
 /**
  * Rendering of files viewer related widgets.
- * @package   theme_boost
+ * @package   theme_ilb
  * @copyright 2016 Damyon Wiese
  * @license   http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
  */
diff --git a/classes/output/core_course/management/renderer.php b/classes/output/core_course/management/renderer.php
new file mode 100644
index 0000000..521dff0
--- /dev/null
+++ b/classes/output/core_course/management/renderer.php
@@ -0,0 +1,749 @@
+<?php
+// This file is part of The Bootstrap Moodle theme
+//
+// Moodle is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Moodle is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
+
+/**
+ * Renderers to align Moodle's HTML with that expected by Bootstrap
+ *
+ * @package    theme_ilb
+ * @copyright   2018 Bas Brands
+ * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
+ */
+
+namespace theme_ilb\output\core_course\management;
+defined('MOODLE_INTERNAL') || die();
+
+require_once($CFG->dirroot . "/course/classes/management_renderer.php");
+
+use html_writer;
+use core_course_category;
+use moodle_url;
+use core_course_list_element;
+use lang_string;
+use context_system;
+use stdClass;
+use action_menu;
+use action_menu_link_secondary;
+
+/**
+ * Main renderer for the course management pages.
+ *
+ * @package theme_ilb
+ * @copyright 2013 Sam Hemelryk
+ * @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
+ */
+class renderer extends \core_course_management_renderer {
+
+    /**
+     * Opens a grid.
+     *
+     * Call {@link core_course_management_renderer::grid_column_start()} to create columns.
+     *
+     * @param string $id An id to give this grid.
+     * @param string $class A class to give this grid.
+     * @return string
+     */
+    public function grid_start($id = null, $class = null) {
+        $gridclass = 'grid-start grid-row-r d-flex flex-wrap row';
+        if (is_null($class)) {
+            $class = $gridclass;
+        } else {
+            $class .= ' ' . $gridclass;
+        }
+        $attributes = array();
+        if (!is_null($id)) {
+            $attributes['id'] = $id;
+        }
+        return html_writer::start_div($class, $attributes);
+    }
+
+    /**
+     * Opens a grid column
+     *
+     * @param int $size The number of segments this column should span.
+     * @param string $id An id to give the column.
+     * @param string $class A class to give the column.
+     * @return string
+     */
+    public function grid_column_start($size, $id = null, $class = null) {
+
+        if ($id == 'course-detail') {
+            $size = 12;
+            $bootstrapclass = 'col-md-'.$size;
+        } else {
+            $bootstrapclass = 'd-flex flex-wrap px-3 mb-3';
+        }
+
+        $yuigridclass = "col-sm";
+
+        if (is_null($class)) {
+            $class = $yuigridclass . ' ' . $bootstrapclass;
+        } else {
+            $class .= ' ' . $yuigridclass . ' ' . $bootstrapclass;
+        }
+        $attributes = array();
+        if (!is_null($id)) {
+            $attributes['id'] = $id;
+        }
+        return html_writer::start_div($class . " grid_column_start", $attributes);
+    }
+
+    /**
+     * Renderers detailed course information.
+     *
+     * @param core_course_list_element $course The course to display details for.
+     * @return string
+     */
+    public function course_detail(core_course_list_element $course) {
+        $details = \core_course\management\helper::get_course_detail_array($course);
+        $fullname = $details['fullname']['value'];
+
+        $html = html_writer::start_div('course-detail card');
+        $html .= html_writer::start_div('card-header');
+        $html .= html_writer::tag('h3', $fullname, array('id' => 'course-detail-title',
+            'class' => 'card-title', 'tabindex' => '0'));
+        $html .= html_writer::end_div();
+        $html .= html_writer::start_div('card-body');
+        $html .= $this->course_detail_actions($course);
+        foreach ($details as $class => $data) {
+            $html .= $this->detail_pair($data['key'], $data['value'], $class);
+        }
+        $html .= html_writer::end_div();
+        $html .= html_writer::end_div();
+        return $html;
+    }
+
+    /**
+     * Renders html to display a course search form
+     *
+     * @param string $value default value to populate the search field
+     * @param string $format display format - 'plain' (default), 'short' or 'navbar'
+     * @return string
+     */
+    public function course_search_form($value = '', $format = 'plain') {
+        static $count = 0;
+        $formid = 'coursesearch';
+        if ((++$count) > 1) {
+            $formid .= $count;
+        }
+
+        switch ($format) {
+            case 'navbar' :
+                $formid = 'coursesearchnavbar';
+                $inputid = 'navsearchbox';
+                $inputsize = 20;
+                break;
+            case 'short' :
+                $inputid = 'shortsearchbox';
+                $inputsize = 12;
+                break;
+            default :
+                $inputid = 'coursesearchbox';
+                $inputsize = 30;
+        }
+
+        $strsearchcourses = get_string("searchcourses");
+        $searchurl = new moodle_url('/course/management.php');
+
+        $output = html_writer::start_div('row');
+        $output .= html_writer::start_div('col-md-12');
+        $output .= html_writer::start_tag('form', array('class' => 'card', 'id' => $formid,
+            'action' => $searchurl, 'method' => 'get'));
+        $output .= html_writer::start_tag('fieldset', array('class' => 'coursesearchbox invisiblefieldset'));
+        $output .= html_writer::tag('div', $this->output->heading($strsearchcourses.': ', 2, 'm-0'),
+            array('class' => 'card-header'));
+        $output .= html_writer::start_div('card-body');
+        $output .= html_writer::start_div('input-group col-sm-6 col-lg-4 m-auto');
+        $output .= html_writer::empty_tag('input', array('class' => 'form-control', 'type' => 'text', 'id' => $inputid,
+            'size' => $inputsize, 'name' => 'search', 'value' => s($value)));
+        $output .= html_writer::start_tag('span', array('class' => 'input-group-btn'));
+        $output .= html_writer::tag('button', get_string('go'), array('class' => 'btn btn-primary', 'type' => 'submit'));
+        $output .= html_writer::end_tag('span');
+        $output .= html_writer::end_div();
+        $output .= html_writer::end_div();
+        $output .= html_writer::end_tag('fieldset');
+        $output .= html_writer::end_tag('form');
+        $output .= html_writer::end_div();
+        $output .= html_writer::end_div();
+
+        return $output;
+    }
+
+    /**
+     * Presents a course category listing.
+     *
+     * @param core_course_category $category The currently selected category. Also the category to highlight in the listing.
+     * @return string
+     */
+    public function category_listing(core_course_category $category = null) {
+
+        if ($category === null) {
+            $selectedparents = array();
+            $selectedcategory = null;
+        } else {
+            $selectedparents = $category->get_parents();
+            $selectedparents[] = $category->id;
+            $selectedcategory = $category->id;
+        }
+        $catatlevel = \core_course\management\helper::get_expanded_categories('');
+        $catatlevel[] = array_shift($selectedparents);
+        $catatlevel = array_unique($catatlevel);
+
+        $listing = core_course_category::get(0)->get_children();
+
+        $attributes = array(
+            'class' => 'ml-1 list-unstyled',
+            'role' => 'tree',
+            'aria-labelledby' => 'category-listing-title'
+        );
+
+        $html  = html_writer::start_div('category-listing card w-100');
+        $html .= html_writer::tag('h3', get_string('categories'),
+            array('class' => 'card-header', 'id' => 'category-listing-title'));
+        $html .= html_writer::start_div('card-body');
+        $html .= $this->category_listing_actions($category);
+        $html .= html_writer::start_tag('ul', $attributes);
+        foreach ($listing as $listitem) {
+            // Render each category in the listing.
+            $subcategories = array();
+            if (in_array($listitem->id, $catatlevel)) {
+                $subcategories = $listitem->get_children();
+            }
+            $html .= $this->category_listitem(
+                $listitem,
+                $subcategories,
+                $listitem->get_children_count(),
+                $selectedcategory,
+                $selectedparents
+            );
+        }
+        $html .= html_writer::end_tag('ul');
+        $html .= $this->category_bulk_actions($category);
+        $html .= html_writer::end_div();
+        $html .= html_writer::end_div();
+        return $html;
+    }
+
+    /**
+     * Renders a category list item.
+     *
+     * This function gets called recursively to render sub categories.
+     *
+     * @param core_course_category $category The category to render as listitem.
+     * @param core_course_category[] $subcategories The subcategories belonging to the category being rented.
+     * @param int $totalsubcategories The total number of sub categories.
+     * @param int $selectedcategory The currently selected category
+     * @param int[] $selectedcategories The path to the selected category and its ID.
+     * @return string
+     */
+    public function category_listitem(core_course_category $category, array $subcategories, $totalsubcategories,
+                                      $selectedcategory = null, $selectedcategories = array()) {
+
+        $isexpandable = ($totalsubcategories > 0);
+        $isexpanded = (!empty($subcategories));
+        $activecategory = ($selectedcategory === $category->id);
+        $attributes = array(
+            'class' => 'listitem listitem-category list-group-item list-group-item-action',
+            'data-id' => $category->id,
+            'data-expandable' => $isexpandable ? '1' : '0',
+            'data-expanded' => $isexpanded ? '1' : '0',
+            'data-selected' => $activecategory ? '1' : '0',
+            'data-visible' => $category->visible ? '1' : '0',
+            'role' => 'treeitem',
+            'aria-expanded' => $isexpanded ? 'true' : 'false'
+        );
+        $text = $category->get_formatted_name();
+        if ($category->parent) {
+            $a = new stdClass;
+            $a->category = $text;
+            $a->parentcategory = $category->get_parent_coursecat()->get_formatted_name();
+            $textlabel = get_string('categorysubcategoryof', 'moodle', $a);
+        }
+        $courseicon = $this->output->pix_icon('i/course', get_string('courses'));
+        $bcatinput = array(
+            'type' => 'checkbox',
+            'name' => 'bcat[]',
+            'value' => $category->id,
+            'class' => 'bulk-action-checkbox',
+            'aria-label' => get_string('bulkactionselect', 'moodle', $text),
+            'data-action' => 'select'
+        );
+
+        if (!$category->can_resort_subcategories() && !$category->has_manage_capability()) {
+            // Very very hardcoded here.
+            $bcatinput['style'] = 'visibility:hidden';
+        }
+
+        $viewcaturl = new moodle_url('/course/management.php', array('categoryid' => $category->id));
+        if ($isexpanded) {
+            $icon = $this->output->pix_icon('t/switch_minus', get_string('collapse'),
+                'moodle', array('class' => 'tree-icon', 'title' => ''));
+            $icon = html_writer::link(
+                $viewcaturl,
+                $icon,
+                array(
+                    'class' => 'float-left',
+                    'data-action' => 'collapse',
+                    'title' => get_string('collapsecategory', 'moodle', $text),
+                    'aria-controls' => 'subcategoryof'.$category->id
+                )
+            );
+        } else if ($isexpandable) {
+            $icon = $this->output->pix_icon('t/switch_plus', get_string('expand'),
+                'moodle', array('class' => 'tree-icon', 'title' => ''));
+            $icon = html_writer::link(
+                $viewcaturl,
+                $icon,
+                array(
+                    'class' => 'float-left',
+                    'data-action' => 'expand',
+                    'title' => get_string('expandcategory', 'moodle', $text)
+                )
+            );
+        } else {
+            $icon = $this->output->pix_icon(
+                'i/empty',
+                '',
+                'moodle',
+                array('class' => 'tree-icon'));
+            $icon = html_writer::span($icon, 'float-left');
+        }
+        $actions = \core_course\management\helper::get_category_listitem_actions($category);
+        $hasactions = !empty($actions) || $category->can_create_course();
+
+        $html = html_writer::start_tag('li', $attributes);
+        $html .= html_writer::start_div('clearfix');
+        $html .= html_writer::start_div('float-left ba-checkbox');
+        $html .= html_writer::empty_tag('input', $bcatinput).'&nbsp;';
+        $html .= html_writer::end_div();
+        $html .= $icon;
+        if ($hasactions) {
+            $textattributes = array('class' => 'float-left categoryname');
+        } else {
+            $textattributes = array('class' => 'float-left categoryname without-actions');
+        }
+        if (isset($textlabel)) {
+            $textattributes['aria-label'] = $textlabel;
+        }
+        $html .= html_writer::link($viewcaturl, $text, $textattributes);
+        $html .= html_writer::start_div('float-right d-flex');
+        if ($category->idnumber) {
+            $html .= html_writer::tag('span', s($category->idnumber), array('class' => 'dimmed idnumber'));
+        }
+        if ($hasactions) {
+            $html .= $this->category_listitem_actions($category, $actions);
+        }
+        $countid = 'course-count-'.$category->id;
+        $html .= html_writer::span(
+            html_writer::span($category->get_courses_count()) .
+            html_writer::span(get_string('courses'), 'accesshide', array('id' => $countid)) .
+            $courseicon,
+            'course-count dimmed',
+            array('aria-labelledby' => $countid)
+        );
+        $html .= html_writer::end_div();
+        $html .= html_writer::end_div();
+        if ($isexpanded) {
+            $html .= html_writer::start_tag('ul',
+                array('class' => 'ml', 'role' => 'group', 'id' => 'subcategoryof'.$category->id));
+            $catatlevel = \core_course\management\helper::get_expanded_categories($category->path);
+            $catatlevel[] = array_shift($selectedcategories);
+            $catatlevel = array_unique($catatlevel);
+            foreach ($subcategories as $listitem) {
+                $childcategories = (in_array($listitem->id, $catatlevel)) ? $listitem->get_children() : array();
+                $html .= $this->category_listitem(
+                    $listitem,
+                    $childcategories,
+                    $listitem->get_children_count(),
+                    $selectedcategory,
+                    $selectedcategories
+                );
+            }
+            $html .= html_writer::end_tag('ul');
+        }
+        $html .= html_writer::end_tag('li');
+        return $html;
+    }
+
+    /**
+     * Renderers the actions that are possible for the course category listing.
+     *
+     * These are not the actions associated with an individual category listing.
+     * That happens through category_listitem_actions.
+     *
+     * @param core_course_category $category
+     * @return string
+     */
+    public function category_listing_actions(core_course_category $category = null) {
+        $actions = array();
+
+        $cancreatecategory = $category && $category->can_create_subcategory();
+        $cancreatecategory = $cancreatecategory || core_course_category::can_create_top_level_category();
+        if ($category === null) {
+            $category = core_course_category::get(0);
+        }
+
+        if ($cancreatecategory) {
+            $url = new moodle_url('/course/editcategory.php', array('parent' => $category->id));
+            $actions[] = html_writer::link($url, get_string('createnewcategory'), array('class' => 'btn btn-default'));
+        }
+        if (core_course_category::can_approve_course_requests()) {
+            $actions[] = html_writer::link(new moodle_url('/course/pending.php'), get_string('coursespending'));
+        }
+        if (count($actions) === 0) {
+            return '';
+        }
+        return html_writer::div(join(' ', $actions), 'listing-actions category-listing-actions mb-3');
+    }
+
+    /**
+     * Renders a course listing.
+     *
+     * @param core_course_category $category The currently selected category. This is what the listing is focused on.
+     * @param core_course_list_element $course The currently selected course.
+     * @param int $page The page being displayed.
+     * @param int $perpage The number of courses to display per page.
+     * @param string|null $viewmode The view mode the page is in, one out of 'default', 'combined', 'courses' or 'categories'.
+     * @return string
+     */
+    public function course_listing(core_course_category $category = null, core_course_list_element $course = null,
+            $page = 0, $perpage = 20, $viewmode = 'default') {
+
+        if ($category === null) {
+            $html = html_writer::start_div('select-a-category');
+            $html .= html_writer::tag('h3', get_string('courses'),
+                array('id' => 'course-listing-title', 'tabindex' => '0'));
+            $html .= $this->output->notification(get_string('selectacategory'), 'notifymessage');
+            $html .= html_writer::end_div();
+            return $html;
+        }
+
+        $page = max($page, 0);
+        $perpage = max($perpage, 2);
+        $totalcourses = $category->coursecount;
+        $totalpages = ceil($totalcourses / $perpage);
+        if ($page > $totalpages - 1) {
+            $page = $totalpages - 1;
+        }
+        $options = array(
+            'offset' => $page * $perpage,
+            'limit' => $perpage
+        );
+        $courseid = isset($course) ? $course->id : null;
+        $class = '';
+        if ($page === 0) {
+            $class .= ' firstpage';
+        }
+        if ($page + 1 === (int)$totalpages) {
+            $class .= ' lastpage';
+        }
+
+        $html  = html_writer::start_div('card course-listing w-100'.$class, array(
+            'data-category' => $category->id,
+            'data-page' => $page,
+            'data-totalpages' => $totalpages,
+            'data-totalcourses' => $totalcourses,
+            'data-canmoveoutof' => $category->can_move_courses_out_of() && $category->can_move_courses_into()
+        ));
+        $html .= html_writer::tag('h3', $category->get_formatted_name(),
+            array('id' => 'course-listing-title', 'tabindex' => '0', 'class' => 'card-header'));
+        $html .= html_writer::start_div('card-body');
+        $html .= $this->course_listing_actions($category, $course, $perpage);
+        $html .= $this->listing_pagination($category, $page, $perpage, false, $viewmode);
+        $html .= html_writer::start_tag('ul', array('class' => 'ml course-list', 'role' => 'group'));
+        foreach ($category->get_courses($options) as $listitem) {
+            $html .= $this->course_listitem($category, $listitem, $courseid);
+        }
+        $html .= html_writer::end_tag('ul');
+        $html .= $this->listing_pagination($category, $page, $perpage, true, $viewmode);
+        $html .= $this->course_bulk_actions($category);
+        $html .= html_writer::end_div();
+        $html .= html_writer::end_div();
+        return $html;
+    }
+
+    /**
+     * Renderers a course list item.
+     *
+     * This function will be called for every course being displayed by course_listing.
+     *
+     * @param core_course_category $category The currently selected category and the category the course belongs to.
+     * @param core_course_list_element $course The course to produce HTML for.
+     * @param int $selectedcourse The id of the currently selected course.
+     * @return string
+     */
+    public function course_listitem(core_course_category $category, core_course_list_element $course, $selectedcourse) {
+
+        $text = $course->get_formatted_name();
+        $attributes = array(
+            'class' => 'listitem listitem-course list-group-item list-group-item-action',
+            'data-id' => $course->id,
+            'data-selected' => ($selectedcourse == $course->id) ? '1' : '0',
+            'data-visible' => $course->visible ? '1' : '0'
+        );
+
+        $bulkcourseinput = array(
+            'type' => 'checkbox',
+            'name' => 'bc[]',
+            'value' => $course->id,
+            'class' => 'bulk-action-checkbox',
+            'aria-label' => get_string('bulkactionselect', 'moodle', $text),
+            'data-action' => 'select'
+        );
+        if (!$category->has_manage_capability()) {
+            // Very very hardcoded here.
+            $bulkcourseinput['style'] = 'visibility:hidden';
+        }
+
+        $viewcourseurl = new moodle_url($this->page->url, array('courseid' => $course->id));
+
+        $html  = html_writer::start_tag('li', $attributes);
+        $html .= html_writer::start_div('clearfix');
+
+        if ($category->can_resort_courses()) {
+            // In order for dnd to be available the user must be able to resort the category children..
+            $html .= html_writer::div($this->output->pix_icon('i/move_2d', get_string('dndcourse')), 'float-left drag-handle');
+        }
+
+        $html .= html_writer::start_div('ba-checkbox float-left');
+        $html .= html_writer::empty_tag('input', $bulkcourseinput).'&nbsp;';
+        $html .= html_writer::end_div();
+        $html .= html_writer::link($viewcourseurl, $text, array('class' => 'float-left coursename'));
+        $html .= html_writer::start_div('float-right');
+        if ($course->idnumber) {
+            $html .= html_writer::tag('span', s($course->idnumber), array('class' => 'dimmed idnumber'));
+        }
+        $html .= $this->course_listitem_actions($category, $course);
+        $html .= html_writer::end_div();
+        $html .= html_writer::end_div();
+        $html .= html_writer::end_tag('li');
+        return $html;
+    }
+
+    /**
+     * Renderers actions for the course listing.
+     *
+     * Not to be confused with course_listitem_actions which renderers the actions for individual courses.
+     *
+     * @param core_course_category $category
+     * @param core_course_list_element $course The currently selected course.
+     * @param int $perpage
+     * @return string
+     */
+    public function course_listing_actions(core_course_category $category, core_course_list_element $course = null, $perpage = 20) {
+        $actions = array();
+        if ($category->can_create_course()) {
+            $url = new moodle_url('/course/edit.php', array('category' => $category->id, 'returnto' => 'catmanage'));
+            $actions[] = html_writer::link($url, get_string('createnewcourse'), array('class' => 'btn btn-default'));
+        }
+        if ($category->can_request_course()) {
+            // Request a new course.
+            $url = new moodle_url('/course/request.php', array('return' => 'management'));
+            $actions[] = html_writer::link($url, get_string('requestcourse'));
+        }
+        if ($category->can_resort_courses()) {
+            $params = $this->page->url->params();
+            $params['action'] = 'resortcourses';
+            $params['sesskey'] = sesskey();
+            $baseurl = new moodle_url('/course/management.php', $params);
+            $fullnameurl = new moodle_url($baseurl, array('resort' => 'fullname'));
+            $fullnameurldesc = new moodle_url($baseurl, array('resort' => 'fullnamedesc'));
+            $shortnameurl = new moodle_url($baseurl, array('resort' => 'shortname'));
+            $shortnameurldesc = new moodle_url($baseurl, array('resort' => 'shortnamedesc'));
+            $idnumberurl = new moodle_url($baseurl, array('resort' => 'idnumber'));
+            $idnumberdescurl = new moodle_url($baseurl, array('resort' => 'idnumberdesc'));
+            $timecreatedurl = new moodle_url($baseurl, array('resort' => 'timecreated'));
+            $timecreateddescurl = new moodle_url($baseurl, array('resort' => 'timecreateddesc'));
+            $menu = new action_menu(array(
+                new action_menu_link_secondary($fullnameurl,
+                                               null,
+                                               get_string('sortbyx', 'moodle', get_string('fullnamecourse'))),
+                new action_menu_link_secondary($fullnameurldesc,
+                                               null,
+                                               get_string('sortbyxreverse', 'moodle', get_string('fullnamecourse'))),
+                new action_menu_link_secondary($shortnameurl,
+                                               null,
+                                               get_string('sortbyx', 'moodle', get_string('shortnamecourse'))),
+                new action_menu_link_secondary($shortnameurldesc,
+                                               null,
+                                               get_string('sortbyxreverse', 'moodle', get_string('shortnamecourse'))),
+                new action_menu_link_secondary($idnumberurl,
+                                               null,
+                                               get_string('sortbyx', 'moodle', get_string('idnumbercourse'))),
+                new action_menu_link_secondary($idnumberdescurl,
+                                               null,
+                                               get_string('sortbyxreverse', 'moodle', get_string('idnumbercourse'))),
+                new action_menu_link_secondary($timecreatedurl,
+                                               null,
+                                               get_string('sortbyx', 'moodle', get_string('timecreatedcourse'))),
+                new action_menu_link_secondary($timecreateddescurl,
+                                               null,
+                                               get_string('sortbyxreverse', 'moodle', get_string('timecreatedcourse')))
+            ));
+            $menu->set_menu_trigger(get_string('resortcourses'));
+            $actions[] = $this->render($menu);
+        }
+        $strall = get_string('all');
+        $menu = new action_menu(array(
+            new action_menu_link_secondary(new moodle_url($this->page->url, array('perpage' => 5)), null, 5),
+            new action_menu_link_secondary(new moodle_url($this->page->url, array('perpage' => 10)), null, 10),
+            new action_menu_link_secondary(new moodle_url($this->page->url, array('perpage' => 20)), null, 20),
+            new action_menu_link_secondary(new moodle_url($this->page->url, array('perpage' => 50)), null, 50),
+            new action_menu_link_secondary(new moodle_url($this->page->url, array('perpage' => 100)), null, 100),
+            new action_menu_link_secondary(new moodle_url($this->page->url, array('perpage' => 999)), null, $strall),
+        ));
+        if ((int)$perpage === 999) {
+            $perpage = $strall;
+        }
+        $menu->attributes['class'] .= ' courses-per-page';
+        $menu->set_menu_trigger(get_string('perpagea', 'moodle', $perpage));
+        $actions[] = $this->render($menu);
+        return html_writer::div(join(' ', $actions), 'listing-actions course-listing-actions');
+    }
+
+    /**
+     * Displays a search result listing.
+     *
+     * @param array $courses The courses to display.
+     * @param int $totalcourses The total number of courses to display.
+     * @param core_course_list_element $course The currently selected course if there is one.
+     * @param int $page The current page, starting at 0.
+     * @param int $perpage The number of courses to display per page.
+     * @param string $search The string we are searching for.
+     * @return string
+     */
+    public function search_listing(array $courses, $totalcourses, core_course_list_element $course = null, $page = 0, $perpage = 20,
+        $search = '') {
+        $page = max($page, 0);
+        $perpage = max($perpage, 2);
+        $totalpages = ceil($totalcourses / $perpage);
+        if ($page > $totalpages - 1) {
+            $page = $totalpages - 1;
+        }
+        $courseid = isset($course) ? $course->id : null;
+        $first = true;
+        $last = false;
+        $i = $page * $perpage;
+
+        $html  = html_writer::start_div('course-listing w-100', array(
+            'data-category' => 'search',
+            'data-page' => $page,
+            'data-totalpages' => $totalpages,
+            'data-totalcourses' => $totalcourses
+        ));
+        $html .= html_writer::tag('h3', get_string('courses'));
+        $html .= $this->search_pagination($totalcourses, $page, $perpage);
+        $html .= html_writer::start_tag('ul', array('class' => 'ml'));
+        foreach ($courses as $listitem) {
+            $i++;
+            if ($i == $totalcourses) {
+                $last = true;
+            }
+            $html .= $this->search_listitem($listitem, $courseid, $first, $last);
+            $first = false;
+        }
+        $html .= html_writer::end_tag('ul');
+        $html .= $this->search_pagination($totalcourses, $page, $perpage, true, $search);
+        $html .= $this->course_search_bulk_actions();
+        $html .= html_writer::end_div();
+        return $html;
+    }
+
+    /**
+     * Renderers a search result course list item.
+     *
+     * This function will be called for every course being displayed by course_listing.
+     *
+     * @param core_course_list_element $course The course to produce HTML for.
+     * @param int $selectedcourse The id of the currently selected course.
+     * @return string
+     */
+    public function search_listitem(core_course_list_element $course, $selectedcourse) {
+
+        $text = $course->get_formatted_name();
+        $attributes = array(
+            'class' => 'listitem listitem-course list-group-item list-group-item-action',
+            'data-id' => $course->id,
+            'data-selected' => ($selectedcourse == $course->id) ? '1' : '0',
+            'data-visible' => $course->visible ? '1' : '0'
+        );
+        $bulkcourseinput = '';
+        if (core_course_category::get($course->category)->can_move_courses_out_of()) {
+            $bulkcourseinput = array(
+                'type' => 'checkbox',
+                'name' => 'bc[]',
+                'value' => $course->id,
+                'class' => 'bulk-action-checkbox',
+                'aria-label' => get_string('bulkactionselect', 'moodle', $text),
+                'data-action' => 'select'
+            );
+        }
+        $viewcourseurl = new moodle_url($this->page->url, array('courseid' => $course->id));
+        $categoryname = core_course_category::get($course->category)->get_formatted_name();
+
+        $html  = html_writer::start_tag('li', $attributes);
+        $html .= html_writer::start_div('clearfix');
+        $html .= html_writer::start_div('float-left');
+        if ($bulkcourseinput) {
+            $html .= html_writer::empty_tag('input', $bulkcourseinput).'&nbsp;';
+        }
+        $html .= html_writer::end_div();
+        $html .= html_writer::link($viewcourseurl, $text, array('class' => 'float-left coursename'));
+        $html .= html_writer::tag('span', $categoryname, array('class' => 'float-left categoryname'));
+        $html .= html_writer::start_div('float-right');
+        $html .= $this->search_listitem_actions($course);
+        $html .= html_writer::tag('span', s($course->idnumber), array('class' => 'dimmed idnumber'));
+        $html .= html_writer::end_div();
+        $html .= html_writer::end_div();
+        $html .= html_writer::end_tag('li');
+        return $html;
+    }
+
+    /**
+     * Renderers a key value pair of information for display.
+     *
+     * @param string $key
+     * @param string $value
+     * @param string $class
+     * @return string
+     */
+    protected function detail_pair($key, $value, $class ='') {
+        $html = html_writer::start_div('detail-pair row yui3-g '.preg_replace('#[^a-zA-Z0-9_\-]#', '-', $class));
+        $html .= html_writer::div(html_writer::span($key), 'pair-key col-md-3 yui3-u-1-4 font-weight-bold');
+        $html .= html_writer::div(html_writer::span($value), 'pair-value col-md-8 yui3-u-3-4');
+        $html .= html_writer::end_div();
+        return $html;
+    }
+
+    /**
+     * A collection of actions for a course.
+     *
+     * @param core_course_list_element $course The course to display actions for.
+     * @return string
+     */
+    public function course_detail_actions(core_course_list_element $course) {
+        $actions = \core_course\management\helper::get_course_detail_actions($course);
+        if (empty($actions)) {
+            return '';
+        }
+        $options = array();
+        foreach ($actions as $action) {
+            $options[] = $this->action_link($action['url'], $action['string'], null,
+                array('class' => 'btn btn-sm btn-secondary mr-1 mb-3'));
+        }
+        return html_writer::div(join('', $options), 'listing-actions course-detail-listing-actions');
+    }
+
+}
diff --git a/classes/output/core_question/bank_renderer.php b/classes/output/core_question/bank_renderer.php
index 8f4962a..ccbfea9 100644
--- a/classes/output/core_question/bank_renderer.php
+++ b/classes/output/core_question/bank_renderer.php
@@ -17,12 +17,12 @@
 /**
  * Question renderer.
  *
- * @package    theme_boost
+ * @package    theme_ilb
  * @copyright  2017 onwards Ankit Agarwal <ankit.agrr@gmail.com>
  * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
  */
 
-namespace theme_boost\output\core_question;
+namespace theme_ilb\output\core_question;
 defined('MOODLE_INTERNAL') || die();
 
 require_once($CFG->dirroot . '/' . $CFG->admin . '/renderer.php');
@@ -30,7 +30,7 @@ require_once($CFG->dirroot . '/' . $CFG->admin . '/renderer.php');
 /**
  * Question renderer class.
  *
- * @package    theme_boost
+ * @package    theme_ilb
  * @copyright  2017 onwards Ankit Agarwal <ankit.agrr@gmail.com>
  * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
  */
diff --git a/classes/output/core_renderer.php b/classes/output/core_renderer.php
index 27a5514..0002598 100644
--- a/classes/output/core_renderer.php
+++ b/classes/output/core_renderer.php
@@ -14,7 +14,7 @@
 // You should have received a copy of the GNU General Public License
 // along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
 
-namespace theme_boost\output;
+namespace theme_ilb\output;
 
 use coding_exception;
 use html_writer;
@@ -31,7 +31,6 @@ use preferences_groups;
 use action_menu;
 use help_icon;
 use single_button;
-use paging_bar;
 use context_course;
 use pix_icon;
 
@@ -40,7 +39,7 @@ defined('MOODLE_INTERNAL') || die;
 /**
  * Renderers to align Moodle's HTML with that expected by Bootstrap
  *
- * @package    theme_boost
+ * @package    theme_ilb
  * @copyright  2012 Bas Brands, www.basbrands.nl
  * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
  */
@@ -62,7 +61,7 @@ class core_renderer extends \core_renderer {
         if (is_array($classes)) {
             $classes = implode(' ', $classes);
         }
-        return parent::box_start($classes . ' p-y-1', $id, $attributes);
+        return parent::box_start($classes . ' py-3', $id, $attributes);
     }
 
     /**
@@ -73,29 +72,14 @@ class core_renderer extends \core_renderer {
     public function full_header() {
         global $PAGE;
 
-        $html = html_writer::start_tag('header', array('id' => 'page-header', 'class' => 'row'));
-        $html .= html_writer::start_div('col-xs-12 p-a-1');
-        $html .= html_writer::start_div('card');
-        $html .= html_writer::start_div('card-block');
-        $html .= html_writer::div($this->context_header_settings_menu(), 'pull-xs-right context-header-settings-menu');
-        $html .= html_writer::start_div('pull-xs-left');
-        $html .= $this->context_header();
-        $html .= html_writer::end_div();
-        $pageheadingbutton = $this->page_heading_button();
-        if (empty($PAGE->layout_options['nonavbar'])) {
-            $html .= html_writer::start_div('clearfix w-100 pull-xs-left', array('id' => 'page-navbar'));
-            $html .= html_writer::tag('div', $this->navbar(), array('class' => 'breadcrumb-nav'));
-            $html .= html_writer::div($pageheadingbutton, 'breadcrumb-button pull-xs-right');
-            $html .= html_writer::end_div();
-        } else if ($pageheadingbutton) {
-            $html .= html_writer::div($pageheadingbutton, 'breadcrumb-button nonavbar pull-xs-right');
-        }
-        $html .= html_writer::tag('div', $this->course_header(), array('id' => 'course-header'));
-        $html .= html_writer::end_div();
-        $html .= html_writer::end_div();
-        $html .= html_writer::end_div();
-        $html .= html_writer::end_tag('header');
-        return $html;
+        $header = new stdClass();
+        $header->settingsmenu = $this->context_header_settings_menu();
+        $header->contextheader = $this->context_header();
+        $header->hasnavbar = empty($PAGE->layout_options['nonavbar']);
+        $header->navbar = $this->navbar();
+        $header->pageheadingbutton = $this->page_heading_button();
+        $header->courseheader = $this->course_header();
+        return $this->render_from_template('theme_ilb/header', $header);
     }
 
     /**
@@ -147,7 +131,7 @@ class core_renderer extends \core_renderer {
         if ($this->should_display_main_logo($headinglevel)) {
             $sitename = format_string($SITE->fullname, true, array('context' => context_course::instance(SITEID)));
             return html_writer::div(html_writer::empty_tag('img', [
-                'src' => $this->get_logo_url(null, 150), 'alt' => $sitename]), 'logo');
+                'src' => $this->get_logo_url(null, 150), 'alt' => $sitename, 'class' => 'img-fluid']), 'logo');
         }
 
         return parent::context_header($headerinfo, $headinglevel);
@@ -432,18 +416,6 @@ class core_renderer extends \core_renderer {
         return $this->render_from_template('core/single_button', $button->export_for_template($this));
     }
 
-    /**
-     * Renders a paging bar.
-     *
-     * @param paging_bar $pagingbar The object.
-     * @return string HTML
-     */
-    protected function render_paging_bar(paging_bar $pagingbar) {
-        // Any more than 10 is not usable and causes wierd wrapping of the pagination in this theme.
-        $pagingbar->maxdisplay = 10;
-        return $this->render_from_template('core/paging_bar', $pagingbar->export_for_template($this));
-    }
-
     /**
      * Renders the login form.
      *
@@ -451,19 +423,24 @@ class core_renderer extends \core_renderer {
      * @return string
      */
     public function render_login(\core_auth\output\login $form) {
-        global $SITE;
+        global $CFG, $SITE;
 
         $context = $form->export_for_template($this);
 
         // Override because rendering is not supported in template yet.
-        $context->cookieshelpiconformatted = $this->help_icon('cookiesenabled');
+        if ($CFG->rememberusername == 0) {
+            $context->cookieshelpiconformatted = $this->help_icon('cookiesenabledonlysession');
+        } else {
+            $context->cookieshelpiconformatted = $this->help_icon('cookiesenabled');
+        }
         $context->errorformatted = $this->error_text($context->error);
         $url = $this->get_logo_url();
         if ($url) {
             $url = $url->out(false);
         }
         $context->logourl = $url;
-        $context->sitename = format_string($SITE->fullname, true, ['context' => context_course::instance(SITEID), "escape" => false]);
+        $context->sitename = format_string($SITE->fullname, true,
+            ['context' => context_course::instance(SITEID), "escape" => false]);
 
         return $this->render_from_template('core/loginform', $context);
     }
@@ -483,7 +460,8 @@ class core_renderer extends \core_renderer {
             $url = $url->out(false);
         }
         $context['logourl'] = $url;
-        $context['sitename'] = format_string($SITE->fullname, true, ['context' => context_course::instance(SITEID), "escape" => false]);
+        $context['sitename'] = format_string($SITE->fullname, true,
+            ['context' => context_course::instance(SITEID), "escape" => false]);
 
         return $this->render_from_template('core/signup_form_layout', $context);
     }
@@ -547,7 +525,6 @@ class core_renderer extends \core_renderer {
             $showusermenu = true;
         }
 
-
         if ($showfrontpagemenu) {
             $settingsnode = $this->page->settingsnav->find('frontpage', navigation_node::TYPE_SETTING);
             if ($settingsnode) {
@@ -558,7 +535,7 @@ class core_renderer extends \core_renderer {
                 if ($skipped) {
                     $text = get_string('morenavigationlinks');
                     $url = new moodle_url('/course/admin.php', array('courseid' => $this->page->course->id));
-                    $link = new action_link($url, $text, null, null, new pix_icon('t/edit', $text));
+                    $link = new action_link($url, $text, null, null, new pix_icon('t/edit', ''));
                     $menu->add_secondary_action($link);
                 }
             }
@@ -572,7 +549,7 @@ class core_renderer extends \core_renderer {
                 if ($skipped) {
                     $text = get_string('morenavigationlinks');
                     $url = new moodle_url('/course/admin.php', array('courseid' => $this->page->course->id));
-                    $link = new action_link($url, $text, null, null, new pix_icon('t/edit', $text));
+                    $link = new action_link($url, $text, null, null, new pix_icon('t/edit', ''));
                     $menu->add_secondary_action($link);
                 }
             }
@@ -692,7 +669,7 @@ class core_renderer extends \core_renderer {
                     $link = new action_link(new moodle_url('#'), $menuitem->text, null, ['disabled' => true], $menuitem->icon);
                 }
                 if ($indent) {
-                    $link->add_class('m-l-1');
+                    $link->add_class('ml-4');
                 }
                 if (!empty($menuitem->classes)) {
                     $link->add_class(implode(" ", $menuitem->classes));
diff --git a/classes/output/core_renderer_maintenance.php b/classes/output/core_renderer_maintenance.php
index 40f5a2a..4f01057 100644
--- a/classes/output/core_renderer_maintenance.php
+++ b/classes/output/core_renderer_maintenance.php
@@ -18,12 +18,12 @@
 /**
  * Overriden core maintenance renderer.
  *
- * @package    theme_boost
+ * @package    theme_ilb
  * @copyright  2016 Frédéric Massart - FMCorz.net
  * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
  */
 
-namespace theme_boost\output;
+namespace theme_ilb\output;
 defined('MOODLE_INTERNAL') || die();
 
 use coding_exception;
@@ -34,7 +34,7 @@ use stdClass;
 /**
  * The maintenance renderer.
  *
- * @package    theme_boost
+ * @package    theme_ilb
  * @copyright  2016 Frédéric Massart - FMCorz.net
  * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
  */
diff --git a/classes/output/gradereport_history_renderer.php b/classes/output/gradereport_history_renderer.php
index 4908003..22d10cd 100644
--- a/classes/output/gradereport_history_renderer.php
+++ b/classes/output/gradereport_history_renderer.php
@@ -17,12 +17,12 @@
 /**
  * Overriden gradereport_history renderer.
  *
- * @package    theme_boost
+ * @package    theme_ilb
  * @copyright  2016 Frédéric Massart - FMCorz.net
  * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
  */
 
-namespace theme_boost\output;
+namespace theme_ilb\output;
 defined('MOODLE_INTERNAL') || die();
 
 use gradereport_history\output\user_button;
@@ -30,7 +30,7 @@ use gradereport_history\output\user_button;
 /**
  * Overriden gradereport_history renderer.
  *
- * @package    theme_boost
+ * @package    theme_ilb
  * @copyright  2016 Frédéric Massart - FMCorz.net
  * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
  */
diff --git a/classes/privacy/provider.php b/classes/privacy/provider.php
index bf755b7..510cf57 100644
--- a/classes/privacy/provider.php
+++ b/classes/privacy/provider.php
@@ -15,32 +15,64 @@
 // along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
 
 /**
- * Privacy Subsystem implementation for theme_boost.
+ * Privacy Subsystem implementation for theme_ilb.
  *
- * @package    theme_boost
+ * @package    theme_ilb
  * @copyright  2018 Andrew Nicols <andrew@nicols.co.uk>
  * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
  */
 
-namespace theme_boost\privacy;
+namespace theme_ilb\privacy;
+
+use \core_privacy\local\metadata\collection;
 
 defined('MOODLE_INTERNAL') || die();
 
 /**
- * The boost theme does not store any data.
+ * The ilb theme stores a user preference data.
  *
  * @copyright  2018 Andrew Nicols <andrew@nicols.co.uk>
  * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
  */
-class provider implements \core_privacy\local\metadata\null_provider {
+class provider implements
+    // This plugin has data.
+    \core_privacy\local\metadata\provider,
+    // This plugin has some sitewide user preferences to export.
+    \core_privacy\local\request\user_preference_provider {
+
+    /** The user preference for the navigation drawer. */
+    const DRAWER_OPEN_NAV = 'drawer-open-nav';
+
+    /**
+     * Returns meta data about this system.
+     *
+     * @param  collection $items The initialised item collection to add items to.
+     * @return collection A listing of user data stored through this system.
+     */
+    public static function get_metadata(collection $items) : collection {
+        $items->add_user_preference(self::DRAWER_OPEN_NAV, 'privacy:metadata:preference:draweropennav');
+        return $items;
+    }
 
     /**
-     * Get the language string identifier with the component's language
-     * file to explain why this plugin stores no data.
+     * Store all user preferences for the plugin.
      *
-     * @return  string
+     * @param int $userid The userid of the user whose data is to be exported.
      */
-    public static function get_reason() : string {
-        return 'privacy:metadata';
+    public static function export_user_preferences(int $userid) {
+        $draweropennavpref = get_user_preferences(self::DRAWER_OPEN_NAV, null, $userid);
+
+        if (isset($draweropennavpref)) {
+            $preferencestring = get_string('privacy:drawernavclosed', 'theme_ilb');
+            if ($draweropennavpref == 'true') {
+                $preferencestring = get_string('privacy:drawernavopen', 'theme_ilb');
+            }
+            \core_privacy\local\request\writer::export_user_preference(
+                'theme_ilb',
+                self::DRAWER_OPEN_NAV,
+                $draweropennavpref,
+                $preferencestring
+            );
+        }
     }
 }
diff --git a/cli/import-bootswatch.php b/cli/import-bootswatch.php
new file mode 100644
index 0000000..0c12daf
--- /dev/null
+++ b/cli/import-bootswatch.php
@@ -0,0 +1,106 @@
+<?php
+// This file is part of Moodle - http://moodle.org/
+//
+// Moodle is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Moodle is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
+
+/**
+ * Used to convert a bootswatch file from https://bootswatch.com/ to a Moodle preset.
+ *
+ * @package    theme_ilb
+ * @subpackage cli
+ * @copyright  2016 Damyon Wiese
+ * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
+ */
+
+define('CLI_SCRIPT', true);
+
+require(__DIR__.'/../../../config.php');
+require_once($CFG->libdir.'/clilib.php');
+
+$usage = "
+Utility to convert a Bootswatch theme to a Moodle preset compatible with Bootstrap 4.
+
+Download _variables.scss and _bootswatch.scss files from https://bootswatch.com/
+Run this script. It will generate a new file 'preset.scss' which can be used as
+a Moodle preset.
+
+Usage:
+    # php import-bootswatch.php [--help|-h]
+    # php import-bootswatch.php --variables=<path> --bootswatch=<path> --preset=<path>
+
+Options:
+    -h --help               Print this help.
+    --variables=<path>      Path to the input variables file, defaults to _variables.scss
+    --bootswatch=<path>     Path to the input bootswatch file, defauls to _bootswatch.scss
+    --preset=<path>         Path to the output preset file, defaults to preset.scss
+";
+
+list($options, $unrecognised) = cli_get_params([
+    'help' => false,
+    'variables' => '_variables.scss',
+    'bootswatch' => '_bootswatch.scss',
+    'preset' => 'preset.scss',
+], [
+    'h' => 'help',
+]);
+
+if ($unrecognised) {
+    $unrecognised = implode(PHP_EOL.'  ', $unrecognised);
+    cli_error(get_string('cliunknowoption', 'core_admin', $unrecognised));
+}
+
+if ($options['help']) {
+    cli_writeln($usage);
+    exit(2);
+}
+
+if (is_readable($options['variables'])) {
+    $sourcevariables = file_get_contents($options['variables']);
+} else {
+    cli_writeln($usage);
+    cli_error('Error reading the variables file: '.$options['variables']);
+}
+
+
+if (is_readable($options['bootswatch'])) {
+    $sourcebootswatch = file_get_contents($options['bootswatch']);
+} else {
+    cli_writeln($usage);
+    cli_error('Error reading the bootswatch file: '.$options['bootswatch']);
+}
+
+// Write the preset file.
+$out = fopen($options['preset'], 'w');
+
+if (!$out) {
+    cli_error('Error writing to the preset file');
+}
+
+fwrite($out, $sourcevariables);
+
+fwrite($out, '
+// Import FontAwesome.
+@import "fontawesome";
+
+// Import All of Bootstrap
+@import "bootstrap";
+
+// Import Core moodle CSS
+@import "moodle";
+');
+
+// Add the bootswatch file.
+fwrite($out, $sourcebootswatch);
+
+fclose($out);
diff --git a/config.php b/config.php
index 1e4f57b..f39a2df 100644
--- a/config.php
+++ b/config.php
@@ -1,54 +1,39 @@
 <?php
- 
-// Every file should have GPL and copyright in the header - we skip it in tutorials but you should not skip it for real.
- 
-// This line protects the file from being accessed by a URL directly.                                                               
+// This file is part of Moodle - http://moodle.org/
+//
+// Moodle is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Moodle is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
+
+/**
+ * Ilb config.
+ *
+ * @package   theme_ilb
+ * @copyright 2016 Frédéric Massart
+ * @license   http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
+ */
+
 defined('MOODLE_INTERNAL') || die();
- 
-// $THEME is defined before this page is included and we can define settings by adding properties to this global object.            
- 
-// The first setting we need is the name of the theme. This should be the last part of the component name, and the same             
-// as the directory name for our theme.                                                                                             
-$THEME->name = 'ilb';                                                                                                             
- 
-// This setting list the style sheets we want to include in our theme. Because we want to use SCSS instead of CSS - we won't        
-// list any style sheets. If we did we would list the name of a file in the /style/ folder for our theme without any css file      
-// extensions.                                                                                                                      
-$THEME->sheets = [];                                                                                                                
- 
-// This is a setting that can be used to provide some styling to the content in the TinyMCE text editor. This is no longer the      
-// default text editor and "Atto" does not need this setting so we won't provide anything. If we did it would work the same         
-// as the previous setting - listing a file in the /styles/ folder.                                                                 
-$THEME->editor_sheets = [];                                                                                                         
- 
-// This is a critical setting. We want to inherit from theme_boost because it provides a great starting point for SCSS bootstrap4   
-// themes. We could add more than one parent here to inherit from multiple parents, and if we did they would be processed in        
-// order of importance (later themes overriding earlier ones). Things we will inherit from the parent theme include                 
-// styles and mustache templates and some (not all) settings.                                                                       
-$THEME->parents = ['boost'];                                                                                                        
- 
-// A dock is a way to take blocks out of the page and put them in a persistent floating area on the side of the page. Boost         
-// does not support a dock so we won't either - but look at bootstrapbase for an example of a theme with a dock.                    
-$THEME->enable_dock = false;                                                                                                        
- 
-// This is an old setting used to load specific CSS for some YUI JS. We don't need it in Boost based themes because Boost           
-// provides default styling for the YUI modules that we use. It is not recommended to use this setting anymore.                     
-$THEME->yuicssmodules = array();                                                                                                    
- 
-// Most themes will use this rendererfactory as this is the one that allows the theme to override any other renderer.               
-$THEME->rendererfactory = 'theme_overridden_renderer_factory';                                                                      
- 
-// This is a list of blocks that are required to exist on all pages for this theme to function correctly. For example               
-// bootstrap base requires the settings and navigation blocks because otherwise there would be no way to navigate to all the        
-// pages in Moodle. Boost does not require these blocks because it provides other ways to navigate built into the theme.            
-$THEME->requiredblocks = '';   
- 
-// This is a feature that tells the blocks library not to use the "Add a block" block. We don't want this in boost based themes because
-// it forces a block region into the page when editing is enabled and it takes up too much room.
-$THEME->addblockposition = BLOCK_ADDBLOCK_POSITION_FLATNAV;
 
+require_once(__DIR__ . '/lib.php');
+
+$THEME->name = 'ilb';
+$THEME->sheets = [];
+$THEME->editor_sheets = [];
+$THEME->editor_scss = ['editor'];
 $THEME->usefallback = true;
-$THEME->iconsystem = \core\output\icon_system::FONTAWESOME;
+$THEME->scss = function($theme) {
+    return theme_ilb_get_main_scss_content($theme);
+};
 
 $THEME->layouts = [
     // Most backwards compatible layout without the blocks - this is the layout used by default.
@@ -87,18 +72,88 @@ $THEME->layouts = [
         'defaultregion' => 'side-pre',
         'options' => array('nonavbar' => true),
     ),
+    // Server administration scripts.
+    'admin' => array(
+        'file' => 'columns2.php',
+        'regions' => array('side-pre'),
+        'defaultregion' => 'side-pre',
+    ),
     // My dashboard page.
     'mydashboard' => array(
         'file' => 'columns2.php',
         'regions' => array('side-pre'),
         'defaultregion' => 'side-pre',
-        'options' => array('nonavbar' => true, 'langmenu' => true),
+        'options' => array('nonavbar' => true, 'langmenu' => true, 'nocontextheader' => true),
+    ),
+    // My public page.
+    'mypublic' => array(
+        'file' => 'columns2.php',
+        'regions' => array('side-pre'),
+        'defaultregion' => 'side-pre',
+    ),
+    'login' => array(
+        'file' => 'login.php',
+        'regions' => array(),
+        'options' => array('langmenu' => true),
+    ),
+
+    // Pages that appear in pop-up windows - no navigation, no blocks, no header.
+    'popup' => array(
+        'file' => 'columns1.php',
+        'regions' => array(),
+        'options' => array('nofooter' => true, 'nonavbar' => true),
+    ),
+    // No blocks and minimal footer - used for legacy frame layouts only!
+    'frametop' => array(
+        'file' => 'columns1.php',
+        'regions' => array(),
+        'options' => array('nofooter' => true, 'nocoursefooter' => true),
+    ),
+    // Embeded pages, like iframe/object embeded in moodleform - it needs as much space as possible.
+    'embedded' => array(
+        'file' => 'embedded.php',
+        'regions' => array()
+    ),
+    // Used during upgrade and install, and for the 'This site is undergoing maintenance' message.
+    // This must not have any blocks, links, or API calls that would lead to database or cache interaction.
+    // Please be extremely careful if you are modifying this layout.
+    'maintenance' => array(
+        'file' => 'maintenance.php',
+        'regions' => array(),
+    ),
+    // Should display the content and basic headers only.
+    'print' => array(
+        'file' => 'columns1.php',
+        'regions' => array(),
+        'options' => array('nofooter' => true, 'nonavbar' => false),
+    ),
+    // The pagelayout used when a redirection is occuring.
+    'redirect' => array(
+        'file' => 'embedded.php',
+        'regions' => array(),
+    ),
+    // The pagelayout used for reports.
+    'report' => array(
+        'file' => 'columns2.php',
+        'regions' => array('side-pre'),
+        'defaultregion' => 'side-pre',
+    ),
+    // The pagelayout used for safebrowser and securewindow.
+    'secure' => array(
+        'file' => 'secure.php',
+        'regions' => array('side-pre'),
+        'defaultregion' => 'side-pre'
     )
 ];
 
-
-// This is the function that returns the SCSS source for the main file in our theme. We override the boost version because          
-// we want to allow presets uploaded to our own theme file area to be selected in the preset list.                                  
-$THEME->scss = function($theme) {                                                                                                   
-    return theme_ilb_get_main_scss_content($theme);                                                                               
-};
+$THEME->parents = [];
+$THEME->enable_dock = false;
+$THEME->csstreepostprocessor = 'theme_ilb_css_tree_post_processor';
+$THEME->extrascsscallback = 'theme_ilb_get_extra_scss';
+$THEME->prescsscallback = 'theme_ilb_get_pre_scss';
+$THEME->precompiledcsscallback = 'theme_ilb_get_precompiled_css';
+$THEME->yuicssmodules = array();
+$THEME->rendererfactory = 'theme_overridden_renderer_factory';
+$THEME->requiredblocks = '';
+$THEME->addblockposition = BLOCK_ADDBLOCK_POSITION_FLATNAV;
+$THEME->iconsystem = \core\output\icon_system::FONTAWESOME;
diff --git a/lang/en/theme_ilb.php b/lang/en/theme_ilb.php
index 1fa63d9..febb1ad 100644
--- a/lang/en/theme_ilb.php
+++ b/lang/en/theme_ilb.php
@@ -1,12 +1,54 @@
 <?php
-// Every file should have GPL and copyright in the header - we skip it in tutorials but you should not skip it for real.
- 
-// This line protects the file from being accessed by a URL directly.                                                               
-defined('MOODLE_INTERNAL') || die();                                                                                                
- 
-// A description shown in the admin theme selector.                                                                                 
-$string['choosereadme'] = 'Tema do ILB para o Moodle';                
-// The name of our plugin.                                                                                                          
-$string['pluginname'] = 'ILB';                                                                                                    
-// We need to include a lang string for each block region.                                                                          
-$string['region-side-pre'] = 'Right';
\ No newline at end of file
+// This file is part of Moodle - http://moodle.org/
+//
+// Moodle is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Moodle is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
+
+/**
+ * Language file.
+ *
+ * @package   theme_ilb
+ * @copyright 2016 Frédéric Massart
+ * @license   http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
+ */
+
+defined('MOODLE_INTERNAL') || die();
+
+$string['advancedsettings'] = 'Advanced settings';
+$string['backgroundimage'] = 'Background image';
+$string['backgroundimage_desc'] = 'The image to display as a background of the site. The background image you upload here will override the background image in your theme preset files.';
+$string['brandcolor'] = 'Brand colour';
+$string['brandcolor_desc'] = 'The accent colour.';
+$string['bootswatch'] = 'Bootswatch';
+$string['bootswatch_desc'] = 'A bootswatch is a set of Bootstrap variables and css to style Bootstrap';
+$string['choosereadme'] = 'Ilb is a modern highly-customisable theme. This theme is intended to be used directly, or as a parent theme when creating new themes utilising Bootstrap 4.';
+$string['currentinparentheses'] = '(current)';
+$string['configtitle'] = 'Ilb';
+$string['fontsize'] = 'Theme base fontsize';
+$string['fontsize_desc'] = 'Enter a fontsize in %';
+$string['generalsettings'] = 'General settings';
+$string['nobootswatch'] = 'None';
+$string['pluginname'] = 'Ilb';
+$string['presetfiles'] = 'Additional theme preset files';
+$string['presetfiles_desc'] = 'Preset files can be used to dramatically alter the appearance of the theme. See <a href="https://docs.moodle.org/dev/Ilb_Presets">Ilb presets</a> for information on creating and sharing your own preset files, and see the <a href="http://moodle.net/ilb">Presets repository</a> for presets that others have shared.';
+$string['preset'] = 'Theme preset';
+$string['preset_desc'] = 'Pick a preset to broadly change the look of the theme.';
+$string['privacy:metadata'] = 'The Ilb theme does not store any personal data about any user.';
+$string['rawscss'] = 'Raw SCSS';
+$string['rawscss_desc'] = 'Use this field to provide SCSS or CSS code which will be injected at the end of the style sheet.';
+$string['rawscsspre'] = 'Raw initial SCSS';
+$string['rawscsspre_desc'] = 'In this field you can provide initialising SCSS code, it will be injected before everything else. Most of the time you will use this setting to define variables.';
+$string['region-side-pre'] = 'Right';
+$string['privacy:metadata:preference:draweropennav'] = 'The user\'s preference for hiding or showing the drawer menu navigation.';
+$string['privacy:drawernavclosed'] = 'The current preference for the navigation drawer is closed.';
+$string['privacy:drawernavopen'] = 'The current preference for the navigation drawer is open.';
diff --git a/layout/columns1.php b/layout/columns1.php
index 559ccf7..5f647bf 100644
--- a/layout/columns1.php
+++ b/layout/columns1.php
@@ -24,15 +24,12 @@
 
 defined('MOODLE_INTERNAL') || die();
 
-require_once($CFG->libdir . '/../config.php');
-
 $bodyattributes = $OUTPUT->body_attributes([]);
 
 $templatecontext = [
     'sitename' => format_string($SITE->shortname, true, ['context' => context_course::instance(SITEID), "escape" => false]),
     'output' => $OUTPUT,
-    'bodyattributes' => $bodyattributes,
-    'moodle_url' => $CFG->wwwroot
+    'bodyattributes' => $bodyattributes
 ];
 
 echo $OUTPUT->render_from_template('theme_ilb/columns1', $templatecontext);
diff --git a/layout/columns2.php b/layout/columns2.php
index 863e618..80faf85 100644
--- a/layout/columns2.php
+++ b/layout/columns2.php
@@ -26,7 +26,6 @@ defined('MOODLE_INTERNAL') || die();
 
 user_preference_allow_ajax_update('drawer-open-nav', PARAM_ALPHA);
 require_once($CFG->libdir . '/behat/lib.php');
-require_once($CFG->libdir . '/../config.php');
 
 if (isloggedin()) {
     $navdraweropen = (get_user_preferences('drawer-open-nav', 'true') == 'true');
@@ -49,9 +48,9 @@ $templatecontext = [
     'bodyattributes' => $bodyattributes,
     'navdraweropen' => $navdraweropen,
     'regionmainsettingsmenu' => $regionmainsettingsmenu,
-    'hasregionmainsettingsmenu' => !empty($regionmainsettingsmenu),
-    'moodle_url' => $CFG->wwwroot
+    'hasregionmainsettingsmenu' => !empty($regionmainsettingsmenu)
 ];
 
 $templatecontext['flatnavigation'] = $PAGE->flatnav;
 echo $OUTPUT->render_from_template('theme_ilb/columns2', $templatecontext);
+
diff --git a/layout/login.php b/layout/login.php
index 5f842ab..3e17e01 100644
--- a/layout/login.php
+++ b/layout/login.php
@@ -16,8 +16,6 @@
 
 defined('MOODLE_INTERNAL') || die();
 
-require_once($CFG->libdir . '/../config.php');
-
 /**
  * A login page layout for the ilb theme.
  *
@@ -31,8 +29,7 @@ $bodyattributes = $OUTPUT->body_attributes();
 $templatecontext = [
     'sitename' => format_string($SITE->shortname, true, ['context' => context_course::instance(SITEID), "escape" => false]),
     'output' => $OUTPUT,
-    'bodyattributes' => $bodyattributes,
-    'moodle_url' => $CFG->wwwroot
+    'bodyattributes' => $bodyattributes
 ];
 
 echo $OUTPUT->render_from_template('theme_ilb/login', $templatecontext);
diff --git a/layout/login_nova_conta.php b/layout/login_nova_conta.php
deleted file mode 100644
index c2a48bd..0000000
--- a/layout/login_nova_conta.php
+++ /dev/null
@@ -1,36 +0,0 @@
-<?php
-// This file is part of Moodle - http://moodle.org/
-//
-// Moodle is free software: you can redistribute it and/or modify
-// it under the terms of the GNU General Public License as published by
-// the Free Software Foundation, either version 3 of the License, or
-// (at your option) any later version.
-//
-// Moodle is distributed in the hope that it will be useful,
-// but WITHOUT ANY WARRANTY; without even the implied warranty of
-// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-// GNU General Public License for more details.
-//
-// You should have received a copy of the GNU General Public License
-// along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
-
-defined('MOODLE_INTERNAL') || die();
-
-/**
- * A login page layout for the ilb theme.
- *
- * @package   theme_ilb
- * @copyright 2016 Damyon Wiese
- * @license   http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
- */
-
-$bodyattributes = $OUTPUT->body_attributes();
-
-$templatecontext = [
-    'sitename' => format_string($SITE->shortname, true, ['context' => context_course::instance(SITEID), "escape" => false]),
-    'output' => $OUTPUT,
-    'bodyattributes' => $bodyattributes
-];
-
-echo $OUTPUT->render_from_template('theme_ilb/login_nova_conta', $templatecontext);
-
diff --git a/lib.php b/lib.php
index 2c43411..6181106 100644
--- a/lib.php
+++ b/lib.php
@@ -1,34 +1,158 @@
 <?php
- 
-// Every file should have GPL and copyright in the header - we skip it in tutorials but you should not skip it for real.
- 
-// This line protects the file from being accessed by a URL directly.                                                               
+// This file is part of Moodle - http://moodle.org/
+//
+// Moodle is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Moodle is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
+
+/**
+ * Theme functions.
+ *
+ * @package    theme_ilb
+ * @copyright  2016 Frédéric Massart - FMCorz.net
+ * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
+ */
+
 defined('MOODLE_INTERNAL') || die();
- 
-// We will add callbacks here as we add features to our theme.
-
-function theme_ilb_get_main_scss_content($theme) {                                                                                
-    global $CFG;                                                                                                                    
- 
-    $scss = '';                                                                                                                     
-    $filename = !empty($theme->settings->preset) ? $theme->settings->preset : null;                                                 
-    $fs = get_file_storage();                                                                                                       
- 
-    $context = context_system::instance();                                                                                          
-    if ($filename == 'default.scss') {                                                                                              
-        // We still load the default preset files directly from the boost theme. No sense in duplicating them.                      
-        $scss .= file_get_contents($CFG->dirroot . '/theme/boost/scss/preset/default.scss');                                        
-    } else if ($filename == 'plain.scss') {                                                                                         
-        // We still load the default preset files directly from the boost theme. No sense in duplicating them.                      
-        $scss .= file_get_contents($CFG->dirroot . '/theme/boost/scss/preset/plain.scss');                                          
- 
-    } else if ($filename && ($presetfile = $fs->get_file($context->id, 'theme_ilb', 'preset', 0, '/', $filename))) {              
-        // This preset file was fetched from the file area for theme_ilb and not theme_boost (see the line above).                
-        $scss .= $presetfile->get_content();                                                                                        
-    } else {                                                                                                                        
-        // Safety fallback - maybe new installs etc.                                                                                
-        $scss .= file_get_contents($CFG->dirroot . '/theme/boost/scss/preset/default.scss');                                        
-    }                                                                                                                                       
- 
-    return $scss;                                                                                                                   
-}
\ No newline at end of file
+
+/**
+ * Post process the CSS tree.
+ *
+ * @param string $tree The CSS tree.
+ * @param theme_config $theme The theme config object.
+ */
+function theme_ilb_css_tree_post_processor($tree, $theme) {
+    $prefixer = new theme_ilb\autoprefixer($tree);
+    $prefixer->prefix();
+}
+
+/**
+ * Inject additional SCSS.
+ *
+ * @param theme_config $theme The theme config object.
+ * @return string
+ */
+function theme_ilb_get_extra_scss($theme) {
+    $content = '';
+    $imageurl = $theme->setting_file_url('backgroundimage', 'backgroundimage');
+
+    // Sets the background image, and its settings.
+    if (!empty($imageurl)) {
+        $content .= 'body { ';
+        $content .= "background-image: url('$imageurl'); background-size: cover;";
+        $content .= ' }';
+    }
+
+    // Always return the background image with the scss when we have it.
+    return !empty($theme->settings->scss) ? $theme->settings->scss . ' ' . $content : $content;
+}
+
+/**
+ * Serves any files associated with the theme settings.
+ *
+ * @param stdClass $course
+ * @param stdClass $cm
+ * @param context $context
+ * @param string $filearea
+ * @param array $args
+ * @param bool $forcedownload
+ * @param array $options
+ * @return bool
+ */
+function theme_ilb_pluginfile($course, $cm, $context, $filearea, $args, $forcedownload, array $options = array()) {
+    if ($context->contextlevel == CONTEXT_SYSTEM && ($filearea === 'logo' || $filearea === 'backgroundimage')) {
+        $theme = theme_config::load('ilb');
+        // By default, theme files must be cache-able by both browsers and proxies.
+        if (!array_key_exists('cacheability', $options)) {
+            $options['cacheability'] = 'public';
+        }
+        return $theme->setting_file_serve($filearea, $args, $forcedownload, $options);
+    } else {
+        send_file_not_found();
+    }
+}
+
+/**
+ * Returns the main SCSS content.
+ *
+ * @param theme_config $theme The theme config object.
+ * @return string
+ */
+function theme_ilb_get_main_scss_content($theme) {
+    global $CFG;
+
+    $scss = '';
+    $filename = !empty($theme->settings->preset) ? $theme->settings->preset : null;
+    $fs = get_file_storage();
+
+    $context = context_system::instance();
+    if ($filename == 'default.scss') {
+        $scss .= file_get_contents($CFG->dirroot . '/theme/ilb/scss/preset/default.scss');
+    } else if ($filename == 'plain.scss') {
+        $scss .= file_get_contents($CFG->dirroot . '/theme/ilb/scss/preset/plain.scss');
+    } else if ($filename && ($presetfile = $fs->get_file($context->id, 'theme_ilb', 'preset', 0, '/', $filename))) {
+        $scss .= $presetfile->get_content();
+    } else {
+        // Safety fallback - maybe new installs etc.
+        $scss .= file_get_contents($CFG->dirroot . '/theme/ilb/scss/preset/default.scss');
+    }
+
+    return $scss;
+}
+
+/**
+ * Get compiled css.
+ *
+ * @return string compiled css
+ */
+function theme_ilb_get_precompiled_css() {
+    global $CFG;
+    return file_get_contents($CFG->dirroot . '/theme/ilb/style/moodle.css');
+}
+
+/**
+ * Get SCSS to prepend.
+ *
+ * @param theme_config $theme The theme config object.
+ * @return array
+ */
+function theme_ilb_get_pre_scss($theme) {
+    global $CFG;
+
+    $scss = '';
+    $configurable = [
+        // Config key => [variableName, ...].
+        'brandcolor' => ['primary'],
+    ];
+
+    // Prepend variables first.
+    foreach ($configurable as $configkey => $targets) {
+        $value = isset($theme->settings->{$configkey}) ? $theme->settings->{$configkey} : null;
+        if (empty($value)) {
+            continue;
+        }
+        array_map(function($target) use (&$scss, $value) {
+            $scss .= '$' . $target . ': ' . $value . ";\n";
+        }, (array) $targets);
+    }
+
+    // Prepend pre-scss.
+    if (!empty($theme->settings->scsspre)) {
+        $scss .= $theme->settings->scsspre;
+    }
+
+    if (!empty($theme->settings->fontsize)) {
+        $scss .= '$font-size-base: ' . (1 / 100 * $theme->settings->fontsize) . "rem !default;\n";
+    }
+
+    return $scss;
+}
diff --git a/pix/fp/th.svg b/pix/fp/th.svg
index 8cab7b1..6ed9d0f 100644
--- a/pix/fp/th.svg
+++ b/pix/fp/th.svg
@@ -1 +1 @@
-<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet"><path d="M512 1248v192q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h320q40 0 68 28t28 68zm0-512v192q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h320q40 0 68 28t28 68zm640 512v192q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h320q40 0 68 28t28 68zm-640-1024v192q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h320q40 0 68 28t28 68zm640 512v192q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h320q40 0 68 28t28 68zm640 512v192q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h320q40 0 68 28t28 68zm-640-1024v192q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h320q40 0 68 28t28 68zm640 512v192q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h320q40 0 68 28t28 68zm0-512v192q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h320q40 0 68 28t28 68z"/></svg>
\ No newline at end of file
+/var/www/html/moodle/theme/ilb/pix<svg width="1792" height="1792" viewBox="0 0 1792 1792" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMinYMid meet"><path d="M512 1248v192q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h320q40 0 68 28t28 68zm0-512v192q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h320q40 0 68 28t28 68zm640 512v192q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h320q40 0 68 28t28 68zm-640-1024v192q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h320q40 0 68 28t28 68zm640 512v192q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h320q40 0 68 28t28 68zm640 512v192q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h320q40 0 68 28t28 68zm-640-1024v192q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h320q40 0 68 28t28 68zm640 512v192q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h320q40 0 68 28t28 68zm0-512v192q0 40-28 68t-68 28h-320q-40 0-68-28t-28-68v-192q0-40 28-68t68-28h320q40 0 68 28t28 68z"/></svg>
\ No newline at end of file
diff --git a/pix/screenshot.jpg b/pix/screenshot.jpg
new file mode 100644
index 0000000..99be7fc
Binary files /dev/null and b/pix/screenshot.jpg differ
diff --git a/readme_moodle.txt b/readme_moodle.txt
new file mode 100644
index 0000000..f2812ae
--- /dev/null
+++ b/readme_moodle.txt
@@ -0,0 +1,35 @@
+Description of Twitter bootstrap import into Moodle
+
+Twitter bootstrap
+-----------------
+
+Sass:
+This theme uses the version 4.0.0 Twitter bootstrap sass files.
+The bootstrap repository is available on:
+
+https://github.com/twitter/bootstrap.git
+
+To update to the latest release of twitter bootstrap:
+
+* remove all files from scss/bootstrap,
+* download the new scss files and store them in scss/bootstrap
+* re-apply /* rtl:begin:ignore */ on the top of _popover.scss before .popover rule and /* rtl:end:ignore */ before
+  .popover-arrow::after rule. See MDL-56763 commit (1a4faf9b).
+* comment out all uses of the @supports syntax in SCSS (see https://github.com/sabberworm/PHP-CSS-Parser/issues/127). In Bootstrap 4.0 The @supports rules are used for carousal transitions (nice sliding) and the .sticky-top helper class. The carousel bootstrap component will still be functional.
+* update ./thirdpartylibs.xml
+
+Javascript:
+
+This theme uses the transpiled javascript from bootstrap4 as amd modules.
+
+To update the javascript files:
+Checkout the latest branch of bootstrap to a folder, Run the follwing inside the cloned Bootstrap repository:
+
+```
+$ npm install @babel/cli@7.0.0-beta.37 @babel/preset-env@7.0.0-beta.37 babel-plugin-transform-es2015-modules-amd @babel/plugin-proposal-object-rest-spread
+$ mkdir out
+$ ./node_modules/@babel/cli/bin/babel.js --presets @babel/preset-env --plugins transform-es2015-modules-amd,@babel/plugin-proposal-object-rest-spread -d ./out/ js/src/
+```
+
+Copy the transpiled files from out/ into the amd/src/ folder for the theme.
+Run grunt to re-compile the JS files. (thanks to Joby Harding)
\ No newline at end of file
diff --git a/scss/bootstrap.scss b/scss/bootstrap.scss
new file mode 100644
index 0000000..1478059
--- /dev/null
+++ b/scss/bootstrap.scss
@@ -0,0 +1,2 @@
+// Import Bootstrap.
+@import "bootstrap/bootstrap";
\ No newline at end of file
diff --git a/scss/bootstrap/LICENSE b/scss/bootstrap/LICENSE
index 4e32163..86f4b8c 100644
--- a/scss/bootstrap/LICENSE
+++ b/scss/bootstrap/LICENSE
@@ -1,7 +1,7 @@
 The MIT License (MIT)
 
-Copyright (c) 2011-2016 Twitter, Inc.
-Copyright (c) 2011-2016 The Bootstrap Authors
+Copyright (c) 2011-2018 Twitter, Inc.
+Copyright (c) 2011-2018 The Bootstrap Authors
 
 Permission is hereby granted, free of charge, to any person obtaining a copy
 of this software and associated documentation files (the "Software"), to deal
diff --git a/scss/bootstrap/_alert.scss b/scss/bootstrap/_alert.scss
index 4331771..dd43e23 100644
--- a/scss/bootstrap/_alert.scss
+++ b/scss/bootstrap/_alert.scss
@@ -3,8 +3,9 @@
 //
 
 .alert {
-  padding: $alert-padding;
-  margin-bottom: $spacer-y;
+  position: relative;
+  padding: $alert-padding-y $alert-padding-x;
+  margin-bottom: $alert-margin-bottom;
   border: $alert-border-width solid transparent;
   @include border-radius($alert-border-radius);
 }
@@ -26,13 +27,14 @@
 // Expand the right padding and account for the close button's positioning.
 
 .alert-dismissible {
-  padding-right: ($alert-padding * 2);
+  padding-right: ($close-font-size + $alert-padding-x * 2);
 
   // Adjust close link position
   .close {
-    position: relative;
-    top: -.125rem;
-    right: -$alert-padding;
+    position: absolute;
+    top: 0;
+    right: 0;
+    padding: $alert-padding-y $alert-padding-x;
     color: inherit;
   }
 }
@@ -42,15 +44,8 @@
 //
 // Generate contextual modifier classes for colorizing the alert.
 
-.alert-success {
-  @include alert-variant($alert-success-bg, $alert-success-border, $alert-success-text);
-}
-.alert-info {
-  @include alert-variant($alert-info-bg, $alert-info-border, $alert-info-text);
-}
-.alert-warning {
-  @include alert-variant($alert-warning-bg, $alert-warning-border, $alert-warning-text);
-}
-.alert-danger {
-  @include alert-variant($alert-danger-bg, $alert-danger-border, $alert-danger-text);
+@each $color, $value in $theme-colors {
+  .alert-#{$color} {
+    @include alert-variant(theme-color-level($color, $alert-bg-level), theme-color-level($color, $alert-border-level), theme-color-level($color, $alert-color-level));
+  }
 }
diff --git a/scss/bootstrap/_badge.scss b/scss/bootstrap/_badge.scss
new file mode 100644
index 0000000..b87a1b0
--- /dev/null
+++ b/scss/bootstrap/_badge.scss
@@ -0,0 +1,47 @@
+// Base class
+//
+// Requires one of the contextual, color modifier classes for `color` and
+// `background-color`.
+
+.badge {
+  display: inline-block;
+  padding: $badge-padding-y $badge-padding-x;
+  font-size: $badge-font-size;
+  font-weight: $badge-font-weight;
+  line-height: 1;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline;
+  @include border-radius($badge-border-radius);
+
+  // Empty badges collapse automatically
+  &:empty {
+    display: none;
+  }
+}
+
+// Quick fix for badges in buttons
+.btn .badge {
+  position: relative;
+  top: -1px;
+}
+
+// Pill badges
+//
+// Make them extra rounded with a modifier to replace v3's badges.
+
+.badge-pill {
+  padding-right: $badge-pill-padding-x;
+  padding-left: $badge-pill-padding-x;
+  @include border-radius($badge-pill-border-radius);
+}
+
+// Colors
+//
+// Contextual variations (linked badges get darker on :hover).
+
+@each $color, $value in $theme-colors {
+  .badge-#{$color} {
+    @include badge-variant($value);
+  }
+}
diff --git a/scss/bootstrap/_breadcrumb.scss b/scss/bootstrap/_breadcrumb.scss
index 1a09bba..25b9d85 100644
--- a/scss/bootstrap/_breadcrumb.scss
+++ b/scss/bootstrap/_breadcrumb.scss
@@ -1,15 +1,14 @@
 .breadcrumb {
+  display: flex;
+  flex-wrap: wrap;
   padding: $breadcrumb-padding-y $breadcrumb-padding-x;
-  margin-bottom: $spacer-y;
+  margin-bottom: $breadcrumb-margin-bottom;
   list-style: none;
   background-color: $breadcrumb-bg;
   @include border-radius($border-radius);
-  @include clearfix;
 }
 
 .breadcrumb-item {
-  float: left;
-
   // The separator between breadcrumbs (by default, a forward-slash: "/")
   + .breadcrumb-item::before {
     display: inline-block; // Suppress underlining of the separator in modern browsers
@@ -28,6 +27,7 @@
   + .breadcrumb-item:hover::before {
     text-decoration: underline;
   }
+  // stylelint-disable-next-line no-duplicate-selectors
   + .breadcrumb-item:hover::before {
     text-decoration: none;
   }
diff --git a/scss/bootstrap/_button-group.scss b/scss/bootstrap/_button-group.scss
index 60e9f7a..c1b8265 100644
--- a/scss/bootstrap/_button-group.scss
+++ b/scss/bootstrap/_button-group.scss
@@ -1,97 +1,65 @@
-// scss-lint:disable QualifyingElement
+// stylelint-disable selector-no-qualifying-type
 
 // Make the div behave like a button
 .btn-group,
 .btn-group-vertical {
   position: relative;
-  display: inline-block;
+  display: inline-flex;
   vertical-align: middle; // match .btn alignment given font-size hack above
 
   > .btn {
     position: relative;
-    float: left;
+    flex: 0 1 auto;
 
-    // Bring the "active" button to the front
+    // Bring the hover, focused, and "active" buttons to the front to overlay
+    // the borders properly
+    @include hover {
+      z-index: 1;
+    }
     &:focus,
     &:active,
     &.active {
-      z-index: 2;
-    }
-    @include hover {
-      z-index: 2;
+      z-index: 1;
     }
   }
-}
 
-// Prevent double borders when buttons are next to each other
-.btn-group {
+  // Prevent double borders when buttons are next to each other
   .btn + .btn,
   .btn + .btn-group,
   .btn-group + .btn,
   .btn-group + .btn-group {
-    margin-left: -$input-btn-border-width;
+    margin-left: -$btn-border-width;
   }
 }
 
 // Optional: Group multiple button groups together for a toolbar
 .btn-toolbar {
-  margin-left: -$btn-toolbar-margin; // Offset the first child's margin
-  @include clearfix();
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start;
 
-  .btn-group,
   .input-group {
-    float: left;
-  }
-
-  > .btn,
-  > .btn-group,
-  > .input-group {
-    margin-left: $btn-toolbar-margin;
+    width: auto;
   }
 }
 
-.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
-  border-radius: 0;
-}
-
-// Set corners individual because sometimes a single button can be in a .btn-group and we need :first-child and :last-child to both match
-.btn-group > .btn:first-child {
-  margin-left: 0;
-
-  &:not(:last-child):not(.dropdown-toggle) {
-    @include border-right-radius(0);
+.btn-group {
+  > .btn:first-child {
+    margin-left: 0;
   }
-}
-// Need .dropdown-toggle since :last-child doesn't apply given a .dropdown-menu immediately after it
-.btn-group > .btn:last-child:not(:first-child),
-.btn-group > .dropdown-toggle:not(:first-child) {
-  @include border-left-radius(0);
-}
 
-// Custom edits for including btn-groups within btn-groups (useful for including dropdown buttons within a btn-group)
-.btn-group > .btn-group {
-  float: left;
-}
-.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
-  border-radius: 0;
-}
-.btn-group > .btn-group:first-child:not(:last-child) {
-  > .btn:last-child,
-  > .dropdown-toggle {
+  // Reset rounded corners
+  > .btn:not(:last-child):not(.dropdown-toggle),
+  > .btn-group:not(:last-child) > .btn {
     @include border-right-radius(0);
   }
-}
-.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
-  @include border-left-radius(0);
-}
 
-// On active and open, don't show outline
-.btn-group .dropdown-toggle:active,
-.btn-group.open .dropdown-toggle {
-  outline: 0;
+  > .btn:not(:first-child),
+  > .btn-group:not(:first-child) > .btn {
+    @include border-left-radius(0);
+  }
 }
 
-
 // Sizing
 //
 // Remix the default button sizing classes into new ones for easier manipulation.
@@ -104,7 +72,7 @@
 // Split button dropdowns
 //
 
-.btn + .dropdown-toggle-split {
+.dropdown-toggle-split {
   padding-right: $btn-padding-x * .75;
   padding-left: $btn-padding-x * .75;
 
@@ -125,8 +93,8 @@
 
 
 // The clickable button for toggling the menu
-// Remove the gradient and set the same inset shadow as the :active state
-.btn-group.open .dropdown-toggle {
+// Set the same inset shadow as the :active state
+.btn-group.show .dropdown-toggle {
   @include box-shadow($btn-active-box-shadow);
 
   // Show no shadow for `.btn-link` since it has no other button styles.
@@ -136,77 +104,39 @@
 }
 
 
-// Reposition the caret
-.btn .caret {
-  margin-left: 0;
-}
-// Carets in other button sizes
-.btn-lg .caret {
-  border-width: $caret-width-lg $caret-width-lg 0;
-  border-bottom-width: 0;
-}
-// Upside down carets for .dropup
-.dropup .btn-lg .caret {
-  border-width: 0 $caret-width-lg $caret-width-lg;
-}
-
-
-
 //
 // Vertical button groups
 //
 
 .btn-group-vertical {
-  > .btn,
-  > .btn-group,
-  > .btn-group > .btn {
-    display: block;
-    float: none;
-    width: 100%;
-    max-width: 100%;
-  }
-
-  // Clear floats so dropdown menus can be properly placed
-  > .btn-group {
-    @include clearfix();
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center;
 
-    > .btn {
-      float: none;
-    }
+  .btn,
+  .btn-group {
+    width: 100%;
   }
 
   > .btn + .btn,
   > .btn + .btn-group,
   > .btn-group + .btn,
   > .btn-group + .btn-group {
-    margin-top: -$input-btn-border-width;
+    margin-top: -$btn-border-width;
     margin-left: 0;
   }
-}
 
-.btn-group-vertical > .btn {
-  &:not(:first-child):not(:last-child) {
-    border-radius: 0;
-  }
-  &:first-child:not(:last-child) {
+  // Reset rounded corners
+  > .btn:not(:last-child):not(.dropdown-toggle),
+  > .btn-group:not(:last-child) > .btn {
     @include border-bottom-radius(0);
   }
-  &:last-child:not(:first-child) {
+
+  > .btn:not(:first-child),
+  > .btn-group:not(:first-child) > .btn {
     @include border-top-radius(0);
   }
 }
-.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
-  border-radius: 0;
-}
-.btn-group-vertical > .btn-group:first-child:not(:last-child) {
-  > .btn:last-child,
-  > .dropdown-toggle {
-    @include border-bottom-radius(0);
-  }
-}
-.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
-  @include border-top-radius(0);
-}
 
 
 // Checkbox and radio options
@@ -221,13 +151,15 @@
 // See https://github.com/twbs/bootstrap/pull/12794 and
 // https://github.com/twbs/bootstrap/pull/14559 for more information.
 
-[data-toggle="buttons"] {
+.btn-group-toggle {
   > .btn,
   > .btn-group > .btn {
+    margin-bottom: 0; // Override default `<label>` value
+
     input[type="radio"],
     input[type="checkbox"] {
       position: absolute;
-      clip: rect(0,0,0,0);
+      clip: rect(0, 0, 0, 0);
       pointer-events: none;
     }
   }
diff --git a/scss/bootstrap/_buttons.scss b/scss/bootstrap/_buttons.scss
index 119cf1c..da6d879 100644
--- a/scss/bootstrap/_buttons.scss
+++ b/scss/bootstrap/_buttons.scss
@@ -1,4 +1,4 @@
-// scss-lint:disable QualifyingElement
+// stylelint-disable selector-no-qualifying-type
 
 //
 // Base styles
@@ -7,50 +7,51 @@
 .btn {
   display: inline-block;
   font-weight: $btn-font-weight;
-  line-height: $btn-line-height;
   text-align: center;
   white-space: nowrap;
   vertical-align: middle;
-  cursor: pointer;
   user-select: none;
-  border: $input-btn-border-width solid transparent;
-  @include button-size($btn-padding-y, $btn-padding-x, $font-size-base, $btn-border-radius);
-  @include transition(all .2s ease-in-out);
-
-  &,
-  &:active,
-  &.active {
-    &:focus,
-    &.focus {
-      @include tab-focus();
-    }
-  }
+  border: $btn-border-width solid transparent;
+  @include button-size($btn-padding-y, $btn-padding-x, $font-size-base, $btn-line-height, $btn-border-radius);
+  @include transition($btn-transition);
 
+  // Share hover and focus styles
   @include hover-focus {
     text-decoration: none;
   }
-  &.focus {
-    text-decoration: none;
-  }
 
-  &:active,
-  &.active {
-    background-image: none;
+  &:focus,
+  &.focus {
     outline: 0;
-    @include box-shadow($btn-active-box-shadow);
+    box-shadow: $btn-focus-box-shadow;
   }
 
+  // Disabled comes first so active can properly restyle
   &.disabled,
   &:disabled {
-    cursor: $cursor-disabled;
-    opacity: .65;
+    opacity: $btn-disabled-opacity;
     @include box-shadow(none);
   }
+
+  // Opinionated: add "hand" cursor to non-disabled .btn elements
+  &:not(:disabled):not(.disabled) {
+    cursor: pointer;
+  }
+
+  &:not(:disabled):not(.disabled):active,
+  &:not(:disabled):not(.disabled).active {
+    background-image: none;
+    @include box-shadow($btn-active-box-shadow);
+
+    &:focus {
+      @include box-shadow($btn-focus-box-shadow, $btn-active-box-shadow);
+    }
+  }
 }
 
 // Future-proof disabling of clicks on `<a>` elements
 a.btn.disabled,
-fieldset[disabled] a.btn {
+fieldset:disabled a.btn {
   pointer-events: none;
 }
 
@@ -59,43 +60,16 @@ fieldset[disabled] a.btn {
 // Alternate buttons
 //
 
-.btn-primary {
-  @include button-variant($btn-primary-color, $btn-primary-bg, $btn-primary-border);
-}
-.btn-secondary {
-  @include button-variant($btn-secondary-color, $btn-secondary-bg, $btn-secondary-border);
-}
-.btn-info {
-  @include button-variant($btn-info-color, $btn-info-bg, $btn-info-border);
-}
-.btn-success {
-  @include button-variant($btn-success-color, $btn-success-bg, $btn-success-border);
-}
-.btn-warning {
-  @include button-variant($btn-warning-color, $btn-warning-bg, $btn-warning-border);
-}
-.btn-danger {
-  @include button-variant($btn-danger-color, $btn-danger-bg, $btn-danger-border);
+@each $color, $value in $theme-colors {
+  .btn-#{$color} {
+    @include button-variant($value, $value);
+  }
 }
 
-// Remove all backgrounds
-.btn-outline-primary {
-  @include button-outline-variant($btn-primary-bg);
-}
-.btn-outline-secondary {
-  @include button-outline-variant($btn-secondary-border);
-}
-.btn-outline-info {
-  @include button-outline-variant($btn-info-bg);
-}
-.btn-outline-success {
-  @include button-outline-variant($btn-success-bg);
-}
-.btn-outline-warning {
-  @include button-outline-variant($btn-warning-bg);
-}
-.btn-outline-danger {
-  @include button-outline-variant($btn-danger-bg);
+@each $color, $value in $theme-colors {
+  .btn-outline-#{$color} {
+    @include button-outline-variant($value);
+  }
 }
 
 
@@ -105,36 +79,30 @@ fieldset[disabled] a.btn {
 
 // Make a button look and behave like a link
 .btn-link {
-  font-weight: normal;
+  font-weight: $font-weight-normal;
   color: $link-color;
-  border-radius: 0;
+  background-color: transparent;
 
-  &,
-  &:active,
-  &.active,
-  &:disabled {
-    background-color: transparent;
-    @include box-shadow(none);
-  }
-  &,
-  &:focus,
-  &:active {
-    border-color: transparent;
-  }
   @include hover {
-    border-color: transparent;
-  }
-  @include hover-focus {
     color: $link-hover-color;
     text-decoration: $link-hover-decoration;
     background-color: transparent;
+    border-color: transparent;
   }
-  &:disabled {
-    @include hover-focus {
-      color: $btn-link-disabled-color;
-      text-decoration: none;
-    }
+
+  &:focus,
+  &.focus {
+    text-decoration: $link-hover-decoration;
+    border-color: transparent;
+    box-shadow: none;
   }
+
+  &:disabled,
+  &.disabled {
+    color: $btn-link-disabled-color;
+  }
+
+  // No need for an active state here
 }
 
 
@@ -143,12 +111,11 @@ fieldset[disabled] a.btn {
 //
 
 .btn-lg {
-  // line-height: ensure even-numbered height of button next to large input
-  @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $font-size-lg, $btn-border-radius-lg);
+  @include button-size($btn-padding-y-lg, $btn-padding-x-lg, $font-size-lg, $btn-line-height-lg, $btn-border-radius-lg);
 }
+
 .btn-sm {
-  // line-height: ensure proper height of button next to small input
-  @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $font-size-sm, $btn-border-radius-sm);
+  @include button-size($btn-padding-y-sm, $btn-padding-x-sm, $font-size-sm, $btn-line-height-sm, $btn-border-radius-sm);
 }
 
 
@@ -159,11 +126,11 @@ fieldset[disabled] a.btn {
 .btn-block {
   display: block;
   width: 100%;
-}
 
-// Vertically space out multiple block buttons
-.btn-block + .btn-block {
-  margin-top: $btn-block-spacing-y;
+  // Vertically space out multiple block buttons
+  + .btn-block {
+    margin-top: $btn-block-spacing-y;
+  }
 }
 
 // Specificity overrides
diff --git a/scss/bootstrap/_card.scss b/scss/bootstrap/_card.scss
index 6fa77e6..4c4845c 100644
--- a/scss/bootstrap/_card.scss
+++ b/scss/bootstrap/_card.scss
@@ -4,16 +4,37 @@
 
 .card {
   position: relative;
-  display: block;
-  margin-bottom: $card-spacer-y;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  word-wrap: break-word;
   background-color: $card-bg;
-  // border: $card-border-width solid $card-border-color;
-  @include border-radius($card-border-radius);
+  background-clip: border-box;
   border: $card-border-width solid $card-border-color;
+  @include border-radius($card-border-radius);
+
+  > hr {
+    margin-right: 0;
+    margin-left: 0;
+  }
+
+  > .list-group:first-child {
+    .list-group-item:first-child {
+      @include border-top-radius($card-border-radius);
+    }
+  }
+
+  > .list-group:last-child {
+    .list-group-item:last-child {
+      @include border-bottom-radius($card-border-radius);
+    }
+  }
 }
 
-.card-block {
-  @include clearfix;
+.card-body {
+  // Enable `flex-grow: 1` for decks and groups so that card blocks take up
+  // as much space as possible, ensuring footers are aligned to the bottom.
+  flex: 1 1 auto;
   padding: $card-spacer-x;
 }
 
@@ -30,14 +51,6 @@
   margin-bottom: 0;
 }
 
-// .card-actions {
-//   padding: $card-spacer-y $card-spacer-x;
-
-//   .card-link + .card-link {
-//     margin-left: $card-spacer-x;
-//   }
-// }
-
 .card-link {
   @include hover {
     text-decoration: none;
@@ -48,44 +61,34 @@
   }
 }
 
-.card {
-  > .list-group:first-child {
-    .list-group-item:first-child {
-      @include border-top-radius($card-border-radius);
-    }
-  }
-
-  > .list-group:last-child {
-    .list-group-item:last-child {
-      @include border-bottom-radius($card-border-radius);
-    }
-  }
-}
-
-
 //
 // Optional textual caps
 //
 
 .card-header {
-  @include clearfix;
   padding: $card-spacer-y $card-spacer-x;
+  margin-bottom: 0; // Removes the default margin-bottom of <hN>
   background-color: $card-cap-bg;
   border-bottom: $card-border-width solid $card-border-color;
 
   &:first-child {
-    @include border-radius($card-border-radius-inner $card-border-radius-inner 0 0);
+    @include border-radius($card-inner-border-radius $card-inner-border-radius 0 0);
+  }
+
+  + .list-group {
+    .list-group-item:first-child {
+      border-top: 0;
+    }
   }
 }
 
 .card-footer {
-  @include clearfix;
   padding: $card-spacer-y $card-spacer-x;
   background-color: $card-cap-bg;
   border-top: $card-border-width solid $card-border-color;
 
   &:last-child {
-    @include border-radius(0 0 $card-border-radius-inner $card-border-radius-inner);
+    @include border-radius(0 0 $card-inner-border-radius $card-inner-border-radius);
   }
 }
 
@@ -106,70 +109,7 @@
   margin-left: -($card-spacer-x / 2);
 }
 
-
-//
-// Background variations
-//
-
-.card-primary {
-  @include card-variant($brand-primary, $brand-primary);
-}
-.card-success {
-  @include card-variant($brand-success, $brand-success);
-}
-.card-info {
-  @include card-variant($brand-info, $brand-info);
-}
-.card-warning {
-  @include card-variant($brand-warning, $brand-warning);
-}
-.card-danger {
-  @include card-variant($brand-danger, $brand-danger);
-}
-
-// Remove all backgrounds
-.card-outline-primary {
-  @include card-outline-variant($btn-primary-bg);
-}
-.card-outline-secondary {
-  @include card-outline-variant($btn-secondary-border);
-}
-.card-outline-info {
-  @include card-outline-variant($btn-info-bg);
-}
-.card-outline-success {
-  @include card-outline-variant($btn-success-bg);
-}
-.card-outline-warning {
-  @include card-outline-variant($btn-warning-bg);
-}
-.card-outline-danger {
-  @include card-outline-variant($btn-danger-bg);
-}
-
-//
-// Inverse text within a card for use with dark backgrounds
-//
-
-.card-inverse {
-  @include card-inverse;
-}
-
-//
-// Blockquote
-//
-
-.card-blockquote {
-  padding: 0;
-  margin-bottom: 0;
-  border-left: 0;
-}
-
 // Card image
-.card-img {
-  // margin: -1.325rem;
-  @include border-radius(.25rem);
-}
 .card-img-overlay {
   position: absolute;
   top: 0;
@@ -179,88 +119,73 @@
   padding: $card-img-overlay-padding;
 }
 
-
+.card-img {
+  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
+  @include border-radius($card-inner-border-radius);
+}
 
 // Card image caps
 .card-img-top {
-  @include border-top-radius($card-border-radius-inner);
+  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
+  @include border-top-radius($card-inner-border-radius);
 }
+
 .card-img-bottom {
-  @include border-bottom-radius($card-border-radius-inner);
+  width: 100%; // Required because we use flexbox and this inherently applies align-self: stretch
+  @include border-bottom-radius($card-inner-border-radius);
 }
 
 
-// Card set
-//
-// Heads up! We do some funky style resetting here for margins across our two
-// variations (one flex, one table). Individual cards have margin-bottom by
-// default, but they're ignored due to table styles. For a consistent design,
-// we've done the same to the flex variation.
-//
-// Those changes are noted by `// Margin balancing`.
+// Card deck
 
-@if $enable-flex {
-  @include media-breakpoint-up(sm) {
-    .card-deck {
-      display: flex;
-      flex-flow: row wrap;
-      margin-right: -$card-deck-margin;
-      margin-bottom: $card-spacer-y; // Margin balancing
-      margin-left: -$card-deck-margin;
-
-      .card {
-        flex: 1 0 0;
-        margin-right: $card-deck-margin;
-        margin-bottom: 0; // Margin balancing
-        margin-left: $card-deck-margin;
-      }
-    }
+.card-deck {
+  display: flex;
+  flex-direction: column;
+
+  .card {
+    margin-bottom: $card-deck-margin;
   }
-} @else {
+
   @include media-breakpoint-up(sm) {
-    $space-between-cards: (2 * $card-deck-margin);
-    .card-deck {
-      display: table;
-      width: 100%;
-      margin-bottom: $card-spacer-y; // Margin balancing
-      table-layout: fixed;
-      border-spacing: $space-between-cards 0;
-
-      .card {
-        display: table-cell;
-        margin-bottom: 0; // Margin balancing
-        vertical-align: top;
-      }
-    }
-    .card-deck-wrapper {
-      margin-right: (-$space-between-cards);
-      margin-left: (-$space-between-cards);
+    flex-flow: row wrap;
+    margin-right: -$card-deck-margin;
+    margin-left: -$card-deck-margin;
+
+    .card {
+      display: flex;
+      // Flexbugs #4: https://github.com/philipwalton/flexbugs#4-flex-shorthand-declarations-with-unitless-flex-basis-values-are-ignored
+      flex: 1 0 0%;
+      flex-direction: column;
+      margin-right: $card-deck-margin;
+      margin-bottom: 0; // Override the default
+      margin-left: $card-deck-margin;
     }
   }
 }
 
+
 //
 // Card groups
 //
 
-@include media-breakpoint-up(sm) {
-  .card-group {
-    @if $enable-flex {
-      display: flex;
-      flex-flow: row wrap;
-    } @else {
-      display: table;
-      width: 100%;
-      table-layout: fixed;
-    }
+.card-group {
+  display: flex;
+  flex-direction: column;
 
-    .card {
-      @if $enable-flex {
-        flex: 1 0 0;
-      } @else {
-        display: table-cell;
-        vertical-align: top;
-      }
+  // The child selector allows nested `.card` within `.card-group`
+  // to display properly.
+  > .card {
+    margin-bottom: $card-group-margin;
+  }
+
+  @include media-breakpoint-up(sm) {
+    flex-flow: row wrap;
+    // The child selector allows nested `.card` within `.card-group`
+    // to display properly.
+    > .card {
+      // Flexbugs #4: https://github.com/philipwalton/flexbugs#4-flex-shorthand-declarations-with-unitless-flex-basis-values-are-ignored
+      flex: 1 0 0%;
+      margin-bottom: 0;
 
       + .card {
         margin-left: 0;
@@ -272,30 +197,50 @@
         &:first-child {
           @include border-right-radius(0);
 
-          .card-img-top {
+          .card-img-top,
+          .card-header {
             border-top-right-radius: 0;
           }
-          .card-img-bottom {
+          .card-img-bottom,
+          .card-footer {
             border-bottom-right-radius: 0;
           }
         }
+
         &:last-child {
           @include border-left-radius(0);
 
-          .card-img-top {
+          .card-img-top,
+          .card-header {
             border-top-left-radius: 0;
           }
-          .card-img-bottom {
+          .card-img-bottom,
+          .card-footer {
             border-bottom-left-radius: 0;
           }
         }
 
-        &:not(:first-child):not(:last-child) {
-          border-radius: 0;
+        &:only-child {
+          @include border-radius($card-border-radius);
 
           .card-img-top,
-          .card-img-bottom {
-            border-radius: 0;
+          .card-header {
+            @include border-top-radius($card-border-radius);
+          }
+          .card-img-bottom,
+          .card-footer {
+            @include border-bottom-radius($card-border-radius);
+          }
+        }
+
+        &:not(:first-child):not(:last-child):not(:only-child) {
+          @include border-radius(0);
+
+          .card-img-top,
+          .card-img-bottom,
+          .card-header,
+          .card-footer {
+            @include border-radius(0);
           }
         }
       }
@@ -305,16 +250,21 @@
 
 
 //
-// Card
+// Columns
 //
 
-@include media-breakpoint-up(sm) {
-  .card-columns {
-    column-count: 3;
-    column-gap: $card-columns-sm-up-column-gap;
+.card-columns {
+  .card {
+    margin-bottom: $card-columns-margin;
+  }
+
+  @include media-breakpoint-up(sm) {
+    column-count: $card-columns-count;
+    column-gap: $card-columns-gap;
 
     .card {
-      width: 100%; // Don't let them exceed the column width
+      display: inline-block; // Don't let them vertically span multiple columns
+      width: 100%; // Don't let their width change
     }
   }
 }
diff --git a/scss/bootstrap/_carousel.scss b/scss/bootstrap/_carousel.scss
index 9386983..69a42af 100644
--- a/scss/bootstrap/_carousel.scss
+++ b/scss/bootstrap/_carousel.scss
@@ -7,109 +7,79 @@
   position: relative;
   width: 100%;
   overflow: hidden;
+}
 
-  > .carousel-item {
-    position: relative;
-    display: none;
-    transition: .6s ease-in-out left;
-
-    // Account for jankitude on images
-    > img,
-    > a > img {
-      @extend .img-fluid;
-      line-height: 1;
-    }
+.carousel-item {
+  position: relative;
+  display: none;
+  align-items: center;
+  width: 100%;
+  @include transition($carousel-transition);
+  backface-visibility: hidden;
+  perspective: 1000px;
+}
 
-    // WebKit CSS3 transforms for supported devices
-    @media all and (transform-3d), (-webkit-transform-3d) {
-      transition: transform .6s ease-in-out;
-      backface-visibility: hidden;
-      perspective: 1000px;
-
-      &.next,
-      &.active.right {
-        left: 0;
-        transform: translate3d(100%, 0, 0);
-      }
-      &.prev,
-      &.active.left {
-        left: 0;
-        transform: translate3d(-100%, 0, 0);
-      }
-      &.next.left,
-      &.prev.right,
-      &.active {
-        left: 0;
-        transform: translate3d(0, 0, 0);
-      }
-    }
-  }
+.carousel-item.active,
+.carousel-item-next,
+.carousel-item-prev {
+  display: block;
+}
 
-  > .active,
-  > .next,
-  > .prev {
-    display: block;
-  }
+.carousel-item-next,
+.carousel-item-prev {
+  position: absolute;
+  top: 0;
+}
 
-  > .active {
-    left: 0;
-  }
+// CSS3 transforms when supported by the browser
+// .carousel-item-next.carousel-item-left,
+// .carousel-item-prev.carousel-item-right {
+//   transform: translateX(0);
 
-  > .next,
-  > .prev {
-    position: absolute;
-    top: 0;
-    width: 100%;
-  }
+//   @supports (transform-style: preserve-3d) {
+//     transform: translate3d(0, 0, 0);
+//   }
+// }
 
-  > .next {
-    left: 100%;
-  }
-  > .prev {
-    left: -100%;
-  }
-  > .next.left,
-  > .prev.right {
-    left: 0;
-  }
+// .carousel-item-next,
+// .active.carousel-item-right {
+//   transform: translateX(100%);
 
-  > .active.left {
-    left: -100%;
-  }
-  > .active.right {
-    left: 100%;
-  }
-}
+//   @supports (transform-style: preserve-3d) {
+//     transform: translate3d(100%, 0, 0);
+//   }
+// }
+
+// .carousel-item-prev,
+// .active.carousel-item-left {
+//   transform: translateX(-100%);
+
+//   @supports (transform-style: preserve-3d) {
+//     transform: translate3d(-100%, 0, 0);
+//   }
+// }
 
 
 //
 // Left/right controls for nav
 //
 
-.carousel-control {
+.carousel-control-prev,
+.carousel-control-next {
   position: absolute;
   top: 0;
   bottom: 0;
-  left: 0;
+  // Use flex for alignment (1-3)
+  display: flex; // 1. allow flex styles
+  align-items: center; // 2. vertically center contents
+  justify-content: center; // 3. horizontally center contents
   width: $carousel-control-width;
-  font-size: $carousel-control-font-size;
   color: $carousel-control-color;
   text-align: center;
-  text-shadow: $carousel-text-shadow;
   opacity: $carousel-control-opacity;
-  // We can't have this transition here because WebKit cancels the carousel
+  // We can't have a transition here because WebKit cancels the carousel
   // animation if you trip this while in the middle of another animation.
 
-  // Set gradients for backgrounds
-  &.left {
-    @include gradient-x($start-color: rgba(0,0,0,.5), $end-color: rgba(0,0,0,.0001));
-  }
-  &.right {
-    right: 0;
-    left: auto;
-    @include gradient-x($start-color: rgba(0,0,0,.0001), $end-color: rgba(0,0,0,.5));
-  }
-
   // Hover/focus state
   @include hover-focus {
     color: $carousel-control-color;
@@ -117,79 +87,88 @@
     outline: 0;
     opacity: .9;
   }
-
-  // Toggles
-  .icon-prev,
-  .icon-next {
-    position: absolute;
-    top: 50%;
-    z-index: 5;
-    display: inline-block;
-    width: $carousel-icon-width;
-    height: $carousel-icon-width;
-    margin-top: -($carousel-icon-width / 2);
-    font-family: serif;
-    line-height: 1;
-  }
-  .icon-prev {
-    left: 50%;
-    margin-left: -($carousel-icon-width / 2);
+}
+.carousel-control-prev {
+  left: 0;
+  @if $enable-gradients {
+    background: linear-gradient(90deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .001));
   }
-  .icon-next {
-    right: 50%;
-    margin-right: -($carousel-icon-width / 2);
+}
+.carousel-control-next {
+  right: 0;
+  @if $enable-gradients {
+    background: linear-gradient(270deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .001));
   }
+}
 
-  .icon-prev {
-    &::before {
-      content: "\2039";// SINGLE LEFT-POINTING ANGLE QUOTATION MARK (U+2039)
-    }
-  }
-  .icon-next {
-    &::before {
-      content: "\203a";// SINGLE RIGHT-POINTING ANGLE QUOTATION MARK (U+203A)
-    }
-  }
+// Icons for within
+.carousel-control-prev-icon,
+.carousel-control-next-icon {
+  display: inline-block;
+  width: $carousel-control-icon-width;
+  height: $carousel-control-icon-width;
+  background: transparent no-repeat center center;
+  background-size: 100% 100%;
+}
+.carousel-control-prev-icon {
+  background-image: $carousel-control-prev-icon-bg;
+}
+.carousel-control-next-icon {
+  background-image: $carousel-control-next-icon-bg;
 }
 
 
 // Optional indicator pips
 //
-// Add an unordered list with the following class and add a list item for each
+// Add an ordered list with the following class and add a list item for each
 // slide your carousel holds.
 
 .carousel-indicators {
   position: absolute;
+  right: 0;
   bottom: 10px;
-  left: 50%;
+  left: 0;
   z-index: 15;
-  width: $carousel-indicators-width;
-  padding-left: 0;
-  margin-left: -($carousel-indicators-width / 2);
-  text-align: center;
+  display: flex;
+  justify-content: center;
+  padding-left: 0; // override <ol> default
+  // Use the .carousel-control's width as margin so we don't overlay those
+  margin-right: $carousel-control-width;
+  margin-left: $carousel-control-width;
   list-style: none;
 
   li {
-    display: inline-block;
-    width: $carousel-indicator-size;
-    height: $carousel-indicator-size;
-    margin: 1px;
+    position: relative;
+    flex: 0 1 auto;
+    width: $carousel-indicator-width;
+    height: $carousel-indicator-height;
+    margin-right: $carousel-indicator-spacer;
+    margin-left: $carousel-indicator-spacer;
     text-indent: -999px;
-    cursor: pointer;
-    // IE9 hack for event handling
-    //
-    // Internet Explorer 9 does not properly handle clicks on elements with a `background-color` of `transparent`,
-    // so we use `rgba(0,0,0,0)` instead since it's a non-buggy equivalent.
-    // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Internet_Explorer
-    background-color: rgba(0,0,0,0); // IE9
-    border: 1px solid $carousel-indicator-border-color;
-    border-radius: $carousel-indicator-size;
+    background-color: rgba($carousel-indicator-active-bg, .5);
+
+    // Use pseudo classes to increase the hit area by 10px on top and bottom.
+    &::before {
+      position: absolute;
+      top: -10px;
+      left: 0;
+      display: inline-block;
+      width: 100%;
+      height: 10px;
+      content: "";
+    }
+    &::after {
+      position: absolute;
+      bottom: -10px;
+      left: 0;
+      display: inline-block;
+      width: 100%;
+      height: 10px;
+      content: "";
+    }
   }
 
   .active {
-    width: $carousel-indicator-active-size;
-    height: $carousel-indicator-active-size;
-    margin: 0;
     background-color: $carousel-indicator-active-bg;
   }
 }
@@ -197,7 +176,7 @@
 
 // Optional captions
 //
-// Hidden by default for smaller viewports.
+//
 
 .carousel-caption {
   position: absolute;
@@ -209,45 +188,4 @@
   padding-bottom: 20px;
   color: $carousel-caption-color;
   text-align: center;
-  text-shadow: $carousel-text-shadow;
-
-  .btn {
-    text-shadow: none; // No shadow for button elements in carousel-caption
-  }
-}
-
-
-//
-// Responsive variations
-//
-
-@include media-breakpoint-up(sm) {
-  // Scale up the controls a smidge
-  .carousel-control {
-    .icon-prev,
-    .icon-next {
-      width: $carousel-control-sm-up-size;
-      height: $carousel-control-sm-up-size;
-      margin-top: -($carousel-control-sm-up-size / 2);
-      font-size: $carousel-control-sm-up-size;
-    }
-    .icon-prev {
-      margin-left: -($carousel-control-sm-up-size / 2);
-    }
-    .icon-next {
-      margin-right: -($carousel-control-sm-up-size / 2);
-    }
-  }
-
-  // Show and left align the captions
-  .carousel-caption {
-    right: ((100% - $carousel-caption-sm-up-width) / 2);
-    left: ((100% - $carousel-caption-sm-up-width) / 2);
-    padding-bottom: 30px;
-  }
-
-  // Move up the indicators
-  .carousel-indicators {
-    bottom: 20px;
-  }
 }
diff --git a/scss/bootstrap/_close.scss b/scss/bootstrap/_close.scss
index f98d4c1..871cb08 100644
--- a/scss/bootstrap/_close.scss
+++ b/scss/bootstrap/_close.scss
@@ -1,17 +1,21 @@
 .close {
   float: right;
-  font-size: ($font-size-base * 1.5);
+  font-size: $close-font-size;
   font-weight: $close-font-weight;
   line-height: 1;
   color: $close-color;
   text-shadow: $close-text-shadow;
-  opacity: .2;
+  opacity: .5;
 
   @include hover-focus {
     color: $close-color;
     text-decoration: none;
+    opacity: .75;
+  }
+
+  // Opinionated: add "hand" cursor to non-disabled .close elements
+  &:not(:disabled):not(.disabled) {
     cursor: pointer;
-    opacity: .5;
   }
 }
 
@@ -20,12 +24,11 @@
 // If you want the anchor version, it requires `href="#"`.
 // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
 
-// scss-lint:disable QualifyingElement
+// stylelint-disable property-no-vendor-prefix, selector-no-qualifying-type
 button.close {
   padding: 0;
-  cursor: pointer;
-  background: transparent;
+  background-color: transparent;
   border: 0;
   -webkit-appearance: none;
 }
-// scss-lint:enable QualifyingElement
+// stylelint-enable
diff --git a/scss/bootstrap/_code.scss b/scss/bootstrap/_code.scss
index ea660bc..9de20fa 100644
--- a/scss/bootstrap/_code.scss
+++ b/scss/bootstrap/_code.scss
@@ -8,17 +8,20 @@ samp {
 
 // Inline code
 code {
-  padding: $code-padding-y $code-padding-x;
   font-size: $code-font-size;
   color: $code-color;
-  background-color: $code-bg;
-  @include border-radius($border-radius);
+  word-break: break-word;
+
+  // Streamline the style when inside anchors to avoid broken underline and more
+  a > & {
+    color: inherit;
+  }
 }
 
 // User input typically entered via keyboard
 kbd {
-  padding: $code-padding-y $code-padding-x;
-  font-size: $code-font-size;
+  padding: $kbd-padding-y $kbd-padding-x;
+  font-size: $kbd-font-size;
   color: $kbd-color;
   background-color: $kbd-bg;
   @include border-radius($border-radius-sm);
@@ -35,18 +38,14 @@ kbd {
 // Blocks of code
 pre {
   display: block;
-  margin-top: 0;
-  margin-bottom: 1rem;
   font-size: $code-font-size;
   color: $pre-color;
 
   // Account for some code outputs that place code tags in pre tags
   code {
-    padding: 0;
     font-size: inherit;
     color: inherit;
-    background-color: transparent;
-    border-radius: 0;
+    word-break: normal;
   }
 }
 
diff --git a/scss/bootstrap/_custom-forms.scss b/scss/bootstrap/_custom-forms.scss
index a5f0bdf..2d83f7e 100644
--- a/scss/bootstrap/_custom-forms.scss
+++ b/scss/bootstrap/_custom-forms.scss
@@ -1,8 +1,6 @@
-// scss-lint:disable PropertyCount
-
 // Embedded icons from Open Iconic.
 // Released under MIT and copyright 2014 Waybury.
-// http://useiconic.com/open
+// https://useiconic.com/open
 
 
 // Checkboxes and radios
@@ -11,13 +9,14 @@
 
 .custom-control {
   position: relative;
-  display: inline;
+  display: block;
+  min-height: (1rem * $line-height-base);
   padding-left: $custom-control-gutter;
-  cursor: pointer;
+}
 
-  + .custom-control {
-    margin-left: $custom-control-spacer-x;
-  }
+.custom-control-inline {
+  display: inline-flex;
+  margin-right: $custom-control-spacer-x;
 }
 
 .custom-control-input {
@@ -25,73 +24,107 @@
   z-index: -1; // Put the input behind the label so it doesn't overlay text
   opacity: 0;
 
-  &:checked ~ .custom-control-indicator {
-    color: $custom-control-checked-indicator-color;
-    background-color: $custom-control-checked-indicator-bg;
-    @include box-shadow($custom-control-checked-indicator-box-shadow);
+  &:checked ~ .custom-control-label::before {
+    color: $custom-control-indicator-checked-color;
+    @include gradient-bg($custom-control-indicator-checked-bg);
+    @include box-shadow($custom-control-indicator-checked-box-shadow);
   }
 
-  &:focus ~ .custom-control-indicator {
+  &:focus ~ .custom-control-label::before {
     // the mixin is not used here to make sure there is feedback
-    box-shadow: $custom-control-focus-indicator-box-shadow;
+    box-shadow: $custom-control-indicator-focus-box-shadow;
   }
 
-  &:active ~ .custom-control-indicator {
-    color: $custom-control-active-indicator-color;
-    background-color: $custom-control-active-indicator-bg;
-    @include box-shadow($custom-control-active-indicator-box-shadow);
+  &:active ~ .custom-control-label::before {
+    color: $custom-control-indicator-active-color;
+    background-color: $custom-control-indicator-active-bg;
+    @include box-shadow($custom-control-indicator-active-box-shadow);
   }
 
   &:disabled {
-    ~ .custom-control-indicator {
-      cursor: $custom-control-disabled-cursor;
-      background-color: $custom-control-disabled-indicator-bg;
-    }
+    ~ .custom-control-label {
+      color: $custom-control-label-disabled-color;
 
-    ~ .custom-control-description {
-      color: $custom-control-disabled-description-color;
-      cursor: $custom-control-disabled-cursor;
+      &::before {
+        background-color: $custom-control-indicator-disabled-bg;
+      }
     }
   }
 }
 
-// Custom indicator
+// Custom control indicators
 //
-// Generates a shadow element to create our makeshift checkbox/radio background.
+// Build the custom controls out of psuedo-elements.
 
-.custom-control-indicator {
-  position: absolute;
-  top: .0625rem;
-  left: 0;
-  display: block;
-  width: $custom-control-indicator-size;
-  height: $custom-control-indicator-size;
-  pointer-events: none;
-  user-select: none;
-  background-color: $custom-control-indicator-bg;
-  background-repeat: no-repeat;
-  background-position: center center;
-  background-size: $custom-control-indicator-bg-size;
-  @include box-shadow($custom-control-indicator-box-shadow);
+.custom-control-label {
+  margin-bottom: 0;
+
+  // Background-color and (when enabled) gradient
+  &::before {
+    position: absolute;
+    top: (($line-height-base - $custom-control-indicator-size) / 2);
+    left: 0;
+    display: block;
+    width: $custom-control-indicator-size;
+    height: $custom-control-indicator-size;
+    pointer-events: none;
+    content: "";
+    user-select: none;
+    background-color: $custom-control-indicator-bg;
+    @include box-shadow($custom-control-indicator-box-shadow);
+  }
+
+  // Foreground (icon)
+  &::after {
+    position: absolute;
+    top: (($line-height-base - $custom-control-indicator-size) / 2);
+    left: 0;
+    display: block;
+    width: $custom-control-indicator-size;
+    height: $custom-control-indicator-size;
+    content: "";
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: $custom-control-indicator-bg-size;
+  }
 }
 
+
 // Checkboxes
 //
 // Tweak just a few things for checkboxes.
 
 .custom-checkbox {
-  .custom-control-indicator {
-    @include border-radius($custom-checkbox-radius);
+  .custom-control-label::before {
+    @include border-radius($custom-checkbox-indicator-border-radius);
+  }
+
+  .custom-control-input:checked ~ .custom-control-label {
+    &::before {
+      @include gradient-bg($custom-control-indicator-checked-bg);
+    }
+    &::after {
+      background-image: $custom-checkbox-indicator-icon-checked;
+    }
   }
 
-  .custom-control-input:checked ~ .custom-control-indicator {
-    background-image: $custom-checkbox-checked-icon;
+  .custom-control-input:indeterminate ~ .custom-control-label {
+    &::before {
+      @include gradient-bg($custom-checkbox-indicator-indeterminate-bg);
+      @include box-shadow($custom-checkbox-indicator-indeterminate-box-shadow);
+    }
+    &::after {
+      background-image: $custom-checkbox-indicator-icon-indeterminate;
+    }
   }
 
-  .custom-control-input:indeterminate ~ .custom-control-indicator {
-    background-color: $custom-checkbox-indeterminate-bg;
-    background-image: $custom-checkbox-indeterminate-icon;
-    @include box-shadow($custom-checkbox-indeterminate-box-shadow);
+  .custom-control-input:disabled {
+    &:checked ~ .custom-control-label::before {
+      background-color: $custom-control-indicator-checked-disabled-bg;
+    }
+    &:indeterminate ~ .custom-control-label::before {
+      background-color: $custom-control-indicator-checked-disabled-bg;
+    }
   }
 }
 
@@ -100,33 +133,22 @@
 // Tweak just a few things for radios.
 
 .custom-radio {
-  .custom-control-indicator {
-    border-radius: $custom-radio-radius;
+  .custom-control-label::before {
+    border-radius: $custom-radio-indicator-border-radius;
   }
 
-  .custom-control-input:checked ~ .custom-control-indicator {
-    background-image: $custom-radio-checked-icon;
-  }
-}
-
-
-// Layout options
-//
-// By default radios and checkboxes are `inline-block` with no additional spacing
-// set. Use these optional classes to tweak the layout.
-
-.custom-controls-stacked {
-  .custom-control {
-    display: inline;
-
+  .custom-control-input:checked ~ .custom-control-label {
+    &::before {
+      @include gradient-bg($custom-control-indicator-checked-bg);
+    }
     &::after {
-      display: block;
-      margin-bottom: $custom-control-spacer-y;
-      content: "";
+      background-image: $custom-radio-indicator-icon-checked;
     }
+  }
 
-    + .custom-control {
-      margin-left: 0;
+  .custom-control-input:disabled {
+    &:checked ~ .custom-control-label::before {
+      background-color: $custom-control-indicator-checked-disabled-bg;
     }
   }
 }
@@ -137,32 +159,33 @@
 // Replaces the browser default select with a custom one, mostly pulled from
 // http://primercss.io.
 //
-// Includes IE9-specific hacks (noted by ` \9`).
 
 .custom-select {
   display: inline-block;
-  max-width: 100%;
+  width: 100%;
+  height: $custom-select-height;
   padding: $custom-select-padding-y ($custom-select-padding-x + $custom-select-indicator-padding) $custom-select-padding-y $custom-select-padding-x;
-  padding-right: $custom-select-padding-x \9;
+  line-height: $custom-select-line-height;
   color: $custom-select-color;
   vertical-align: middle;
   background: $custom-select-bg $custom-select-indicator no-repeat right $custom-select-padding-x center;
-  background-image: none \9;
   background-size: $custom-select-bg-size;
   border: $custom-select-border-width solid $custom-select-border-color;
-  @include border-radius($custom-select-border-radius);
-  // Use vendor prefixes as `appearance` isn't part of the CSS spec.
-  -moz-appearance: none;
-  -webkit-appearance: none;
+  @if $enable-rounded {
+    border-radius: $custom-select-border-radius;
+  } @else {
+    border-radius: 0;
+  }
+  appearance: none;
 
   &:focus {
     border-color: $custom-select-focus-border-color;
-    outline: none;
-    @include box-shadow($custom-select-focus-box-shadow);
+    outline: 0;
+    box-shadow: $custom-select-focus-box-shadow;
 
     &::-ms-value {
       // For visual consistency with other platforms/browsers,
-      // supress the default white text on blue background highlight given to
+      // suppress the default white text on blue background highlight given to
       // the selected option text when the (still closed) <select> receives focus
       // in IE and (under certain conditions) Edge.
       // See https://github.com/twbs/bootstrap/issues/19398.
@@ -171,9 +194,15 @@
     }
   }
 
+  &[multiple],
+  &[size]:not([size="1"]) {
+    height: auto;
+    padding-right: $custom-select-padding-x;
+    background-image: none;
+  }
+
   &:disabled {
     color: $custom-select-disabled-color;
-    cursor: $cursor-disabled;
     background-color: $custom-select-disabled-bg;
   }
 
@@ -184,14 +213,17 @@
 }
 
 .custom-select-sm {
+  height: $custom-select-height-sm;
   padding-top: $custom-select-padding-y;
   padding-bottom: $custom-select-padding-y;
-  font-size: $custom-select-sm-font-size;
+  font-size: $custom-select-font-size-sm;
+}
 
-  // &:not([multiple]) {
-  //   height: 26px;
-  //   min-height: 26px;
-  // }
+.custom-select-lg {
+  height: $custom-select-height-lg;
+  padding-top: $custom-select-padding-y;
+  padding-bottom: $custom-select-padding-y;
+  font-size: $custom-select-font-size-lg;
 }
 
 
@@ -202,64 +234,64 @@
 .custom-file {
   position: relative;
   display: inline-block;
-  max-width: 100%;
+  width: 100%;
   height: $custom-file-height;
-  cursor: pointer;
+  margin-bottom: 0;
 }
 
 .custom-file-input {
-  min-width: $custom-file-width;
-  max-width: 100%;
+  position: relative;
+  z-index: 2;
+  width: 100%;
+  height: $custom-file-height;
   margin: 0;
-  filter: alpha(opacity = 0);
   opacity: 0;
 
   &:focus ~ .custom-file-control {
-    @include box-shadow($custom-file-focus-box-shadow);
+    border-color: $custom-file-focus-border-color;
+    box-shadow: $custom-file-focus-box-shadow;
+
+    &::before {
+      border-color: $custom-file-focus-border-color;
+    }
+  }
+
+  @each $lang, $value in $custom-file-text {
+    &:lang(#{$lang}) ~ .custom-file-label::after {
+      content: $value;
+    }
   }
 }
 
-.custom-file-control {
+.custom-file-label {
   position: absolute;
   top: 0;
   right: 0;
   left: 0;
-  z-index: 5;
+  z-index: 1;
   height: $custom-file-height;
-  padding: $custom-file-padding-x $custom-file-padding-y;
+  padding: $custom-file-padding-y $custom-file-padding-x;
   line-height: $custom-file-line-height;
   color: $custom-file-color;
-  user-select: none;
   background-color: $custom-file-bg;
   border: $custom-file-border-width solid $custom-file-border-color;
   @include border-radius($custom-file-border-radius);
   @include box-shadow($custom-file-box-shadow);
 
-  @each $lang, $text in map-get($custom-file-text, placeholder) {
-    &:lang(#{$lang})::after {
-      content: $text;
-    }
-  }
-
-  &::before {
+  &::after {
     position: absolute;
-    top: -$custom-file-border-width;
-    right: -$custom-file-border-width;
-    bottom: -$custom-file-border-width;
-    z-index: 6;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 3;
     display: block;
-    height: $custom-file-height;
-    padding: $custom-file-padding-x $custom-file-padding-y;
+    height: calc(#{$custom-file-height} - #{$custom-file-border-width} * 2);
+    padding: $custom-file-padding-y $custom-file-padding-x;
     line-height: $custom-file-line-height;
     color: $custom-file-button-color;
-    background-color: $custom-file-button-bg;
-    border: $custom-file-border-width solid $custom-file-border-color;
+    content: "Browse";
+    @include gradient-bg($custom-file-button-bg);
+    border-left: $custom-file-border-width solid $custom-file-border-color;
     @include border-radius(0 $custom-file-border-radius $custom-file-border-radius 0);
   }
-
-  @each $lang, $text in map-get($custom-file-text, button-label) {
-    &:lang(#{$lang})::before {
-      content: $text;
-    }
-  }
 }
diff --git a/scss/bootstrap/_dropdown.scss b/scss/bootstrap/_dropdown.scss
index e696d28..a9d4cfe 100644
--- a/scss/bootstrap/_dropdown.scss
+++ b/scss/bootstrap/_dropdown.scss
@@ -6,31 +6,7 @@
 
 .dropdown-toggle {
   // Generate the caret automatically
-  &::after {
-    display: inline-block;
-    width: 0;
-    height: 0;
-    margin-left: $caret-width;
-    vertical-align: middle;
-    content: "";
-    border-top: $caret-width solid;
-    border-right: $caret-width solid transparent;
-    border-left: $caret-width solid transparent;
-  }
-
-  // Prevent the focus on the dropdown toggle when closing dropdowns
-  &:focus {
-    outline: 0;
-  }
-}
-
-.dropup {
-  .dropdown-toggle {
-    &::after {
-      border-top: 0;
-      border-bottom: $caret-width solid;
-    }
-  }
+  @include caret;
 }
 
 // The dropdown menu
@@ -43,18 +19,59 @@
   float: left;
   min-width: $dropdown-min-width;
   padding: $dropdown-padding-y 0;
-  margin: $dropdown-margin-top 0 0; // override default ul
-  font-size: $font-size-base;
+  margin: $dropdown-spacer 0 0; // override default ul
+  font-size: $font-size-base; // Redeclare because nesting can cause inheritance issues
   color: $body-color;
   text-align: left; // Ensures proper alignment if parent has it changed (e.g., modal footer)
   list-style: none;
   background-color: $dropdown-bg;
   background-clip: padding-box;
   border: $dropdown-border-width solid $dropdown-border-color;
-  @include border-radius($border-radius);
+  @include border-radius($dropdown-border-radius);
   @include box-shadow($dropdown-box-shadow);
 }
 
+// Allow for dropdowns to go bottom up (aka, dropup-menu)
+// Just add .dropup after the standard .dropdown class and you're set.
+.dropup {
+  .dropdown-menu {
+    margin-top: 0;
+    margin-bottom: $dropdown-spacer;
+  }
+
+  .dropdown-toggle {
+    @include caret(up);
+  }
+}
+
+.dropright {
+  .dropdown-menu {
+    margin-top: 0;
+    margin-left: $dropdown-spacer;
+  }
+
+  .dropdown-toggle {
+    @include caret(right);
+    &::after {
+      vertical-align: 0;
+    }
+  }
+}
+
+.dropleft {
+  .dropdown-menu {
+    margin-top: 0;
+    margin-right: $dropdown-spacer;
+  }
+
+  .dropdown-toggle {
+    @include caret(left);
+    &::before {
+      vertical-align: 0;
+    }
+  }
+}
+
 // Dividers (basically an `<hr>`) within the dropdown
 .dropdown-divider {
   @include nav-divider($dropdown-divider-bg);
@@ -66,114 +83,49 @@
 .dropdown-item {
   display: block;
   width: 100%; // For `<button>`s
-  padding: 3px $dropdown-item-padding-x;
+  padding: $dropdown-item-padding-y $dropdown-item-padding-x;
   clear: both;
-  font-weight: normal;
+  font-weight: $font-weight-normal;
   color: $dropdown-link-color;
   text-align: inherit; // For `<button>`s
   white-space: nowrap; // prevent links from randomly breaking onto new lines
-  background: none; // For `<button>`s
+  background-color: transparent; // For `<button>`s
   border: 0; // For `<button>`s
 
   @include hover-focus {
     color: $dropdown-link-hover-color;
     text-decoration: none;
-    background-color: $dropdown-link-hover-bg;
+    @include gradient-bg($dropdown-link-hover-bg);
   }
 
-  // Active state
-  &.active {
-    @include plain-hover-focus {
-      color: $dropdown-link-active-color;
-      text-decoration: none;
-      background-color: $dropdown-link-active-bg;
-      outline: 0;
-    }
+  &.active,
+  &:active {
+    color: $dropdown-link-active-color;
+    text-decoration: none;
+    @include gradient-bg($dropdown-link-active-bg);
   }
 
-  // Disabled state
-  //
-  // Gray out text and ensure the hover/focus state remains gray
-  &.disabled {
-    @include plain-hover-focus {
-      color: $dropdown-link-disabled-color;
-    }
-
-    // Nuke hover/focus effects
-    @include hover-focus {
-      text-decoration: none;
-      cursor: $cursor-disabled;
-      background-color: transparent;
-      background-image: none; // Remove CSS gradient
-      @include reset-filter();
+  &.disabled,
+  &:disabled {
+    color: $dropdown-link-disabled-color;
+    background-color: transparent;
+    // Remove CSS gradients if they're enabled
+    @if $enable-gradients {
+      background-image: none;
     }
   }
 }
 
-// Open state for the dropdown
-.open {
-  // Show the menu
-  > .dropdown-menu {
-    display: block;
-  }
-
-  // Remove the outline when :focus is triggered
-  > a {
-    outline: 0;
-  }
-}
-
-// Menu positioning
-//
-// Add extra class to `.dropdown-menu` to flip the alignment of the dropdown
-// menu with the parent.
-.dropdown-menu-right {
-  right: 0;
-  left: auto; // Reset the default from `.dropdown-menu`
-}
-
-.dropdown-menu-left {
-  right: auto;
-  left: 0;
+.dropdown-menu.show {
+  display: block;
 }
 
 // Dropdown section headers
 .dropdown-header {
   display: block;
   padding: $dropdown-padding-y $dropdown-item-padding-x;
+  margin-bottom: 0; // for use with heading elements
   font-size: $font-size-sm;
   color: $dropdown-header-color;
   white-space: nowrap; // as with > li > a
 }
-
-// Backdrop to catch body clicks on mobile, etc.
-.dropdown-backdrop {
-  position: fixed;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: $zindex-dropdown-backdrop;
-}
-
-// Allow for dropdowns to go bottom up (aka, dropup-menu)
-//
-// Just add .dropup after the standard .dropdown class and you're set.
-// TODO: abstract this so that the navbar fixed styles are not placed here?
-
-.dropup,
-.navbar-fixed-bottom .dropdown {
-  // Reverse the caret
-  .caret {
-    content: "";
-    border-top: 0;
-    border-bottom: $caret-width solid;
-  }
-
-  // Different positioning for bottom up menu
-  .dropdown-menu {
-    top: auto;
-    bottom: 100%;
-    margin-bottom: $dropdown-margin-top;
-  }
-}
diff --git a/scss/bootstrap/_forms.scss b/scss/bootstrap/_forms.scss
index 263a8bc..b0954f8 100644
--- a/scss/bootstrap/_forms.scss
+++ b/scss/bootstrap/_forms.scss
@@ -1,4 +1,4 @@
-// scss-lint:disable QualifyingElement
+// stylelint-disable selector-no-qualifying-type
 
 //
 // Textual form controls
@@ -7,21 +7,25 @@
 .form-control {
   display: block;
   width: 100%;
-  // // Make inputs at least the height of their button counterpart (base line-height + padding + border)
-  // height: $input-height;
   padding: $input-padding-y $input-padding-x;
   font-size: $font-size-base;
   line-height: $input-line-height;
   color: $input-color;
   background-color: $input-bg;
-  // Reset unusual Firefox-on-Android default style; see https://github.com/necolas/normalize.css/issues/214.
-  background-image: none;
   background-clip: padding-box;
-  border: $input-btn-border-width solid $input-border-color;
+  border: $input-border-width solid $input-border-color;
+
   // Note: This has no effect on <select>s in some browsers, due to the limited stylability of `<select>`s in CSS.
-  @include border-radius($input-border-radius);
+  @if $enable-rounded {
+    // Manually use the if/else instead of the mixin to account for iOS override
+    border-radius: $input-border-radius;
+  } @else {
+    // Otherwise undo the iOS default
+    border-radius: 0;
+  }
+
   @include box-shadow($input-box-shadow);
-  @include transition(border-color ease-in-out .15s, box-shadow ease-in-out .15s);
+  @include transition($input-transition);
 
   // Unstyle the caret on `<select>`s in IE10+.
   &::-ms-expand {
@@ -34,7 +38,7 @@
 
   // Placeholder
   &::placeholder {
-    color: $input-color-placeholder;
+    color: $input-placeholder-color;
     // Override Firefox's unusual default opacity; see https://github.com/twbs/bootstrap/pull/11526.
     opacity: 1;
   }
@@ -46,14 +50,10 @@
   // don't honor that edge case; we style them as disabled anyway.
   &:disabled,
   &[readonly] {
-    background-color: $input-bg-disabled;
+    background-color: $input-disabled-bg;
     // iOS fix for unreadable disabled content; see https://github.com/twbs/bootstrap/issues/11655.
     opacity: 1;
   }
-
-  &:disabled {
-    cursor: $cursor-disabled;
-  }
 }
 
 select.form-control {
@@ -76,6 +76,7 @@ select.form-control {
 .form-control-file,
 .form-control-range {
   display: block;
+  width: 100%;
 }
 
 
@@ -83,53 +84,46 @@ select.form-control {
 // Labels
 //
 
-// For use with horizontal and inline forms, when you need the label text to
-// align with the form controls.
+// For use with horizontal and inline forms, when you need the label (or legend)
+// text to align with the form controls.
 .col-form-label {
-  padding-top: $input-padding-y;
-  padding-bottom: $input-padding-y;
-  margin-bottom: 0; // Override the `<label>` default
+  padding-top: calc(#{$input-padding-y} + #{$input-border-width});
+  padding-bottom: calc(#{$input-padding-y} + #{$input-border-width});
+  margin-bottom: 0; // Override the `<label>/<legend>` default
+  font-size: inherit; // Override the `<legend>` default
+  line-height: $input-line-height;
 }
 
 .col-form-label-lg {
-  padding-top: $input-padding-y-lg;
-  padding-bottom: $input-padding-y-lg;
+  padding-top: calc(#{$input-padding-y-lg} + #{$input-border-width});
+  padding-bottom: calc(#{$input-padding-y-lg} + #{$input-border-width});
   font-size: $font-size-lg;
+  line-height: $input-line-height-lg;
 }
 
 .col-form-label-sm {
-  padding-top: $input-padding-y-sm;
-  padding-bottom: $input-padding-y-sm;
+  padding-top: calc(#{$input-padding-y-sm} + #{$input-border-width});
+  padding-bottom: calc(#{$input-padding-y-sm} + #{$input-border-width});
   font-size: $font-size-sm;
+  line-height: $input-line-height-sm;
 }
 
 
+// Readonly controls as plain text
 //
-// Legends
-//
+// Apply class to a readonly input to make it appear like regular plain
+// text (without any border, background color, focus indicator)
 
-// For use with horizontal and inline forms, when you need the legend text to
-// be the same size as regular labels, and to align with the form controls.
-.col-form-legend {
-  padding-top: $input-padding-y;
-  padding-bottom: $input-padding-y;
-  margin-bottom: 0;
-  font-size: $font-size-base;
-}
-
-
-// Static form control text
-//
-// Apply class to an element to make any string of text align with labels in a
-// horizontal form layout.
-
-.form-control-static {
-  min-height: $input-height;
-  // Size it appropriately next to real form controls
+.form-control-plaintext {
+  display: block;
+  width: 100%;
   padding-top: $input-padding-y;
   padding-bottom: $input-padding-y;
-  // Remove default margin from `p`
-  margin-bottom: 0;
+  margin-bottom: 0; // match inputs if this class comes on inputs with default margins
+  line-height: $input-line-height;
+  background-color: transparent;
+  border: solid transparent;
+  border-width: $input-border-width 0;
 
   &.form-control-sm,
   &.form-control-lg {
@@ -150,6 +144,7 @@ select.form-control {
 .form-control-sm {
   padding: $input-padding-y-sm $input-padding-x-sm;
   font-size: $font-size-sm;
+  line-height: $input-line-height-sm;
   @include border-radius($input-border-radius-sm);
 }
 
@@ -162,6 +157,7 @@ select.form-control-sm {
 .form-control-lg {
   padding: $input-padding-y-lg $input-padding-x-lg;
   font-size: $font-size-lg;
+  line-height: $input-line-height-lg;
   @include border-radius($input-border-radius-lg);
 }
 
@@ -183,7 +179,25 @@ select.form-control-lg {
 
 .form-text {
   display: block;
-  margin-top: ($spacer * .25);
+  margin-top: $form-text-margin-top;
+}
+
+
+// Form grid
+//
+// Special replacement for our grid system's `.row` for tighter form layouts.
+
+.form-row {
+  display: flex;
+  flex-wrap: wrap;
+  margin-right: -5px;
+  margin-left: -5px;
+
+  > .col,
+  > [class*="col-"] {
+    padding-right: 5px;
+    padding-left: 5px;
+  }
 }
 
 
@@ -194,98 +208,48 @@ select.form-control-lg {
 .form-check {
   position: relative;
   display: block;
-  margin-bottom: ($spacer * .75);
-
-  // Move up sibling radios or checkboxes for tighter spacing
-  + .form-check {
-    margin-top: -.25rem;
-  }
-
-  &.disabled {
-    .form-check-label {
-      color: $text-muted;
-      cursor: $cursor-disabled;
-    }
-  }
-}
-
-.form-check-label {
-  padding-left: 1.25rem;
-  margin-bottom: 0; // Override default `<label>` bottom margin
-  cursor: pointer;
+  padding-left: $form-check-input-gutter;
 }
 
 .form-check-input {
   position: absolute;
-  margin-top: .25rem;
-  margin-left: -1.25rem;
+  margin-top: $form-check-input-margin-y;
+  margin-left: -$form-check-input-gutter;
 
-  &:only-child {
-    position: static;
+  &:disabled ~ .form-check-label {
+    color: $text-muted;
   }
 }
 
-// Radios and checkboxes on same line
-.form-check-inline {
-  position: relative;
-  display: inline-block;
-  padding-left: 1.25rem;
+.form-check-label {
   margin-bottom: 0; // Override default `<label>` bottom margin
-  vertical-align: middle;
-  cursor: pointer;
-
-  + .form-check-inline {
-    margin-left: .75rem;
-  }
-
-  &.disabled {
-    cursor: $cursor-disabled;
-  }
-}
-
-
-// Form control feedback states
-//
-// Apply contextual and semantic states to individual form controls.
-
-.form-control-feedback {
-  margin-top: ($spacer * .25);
-}
-
-.form-control-success,
-.form-control-warning,
-.form-control-danger {
-  padding-right: ($input-padding-x * 3);
-  background-repeat: no-repeat;
-  background-position: center right ($input-height / 4);
-  background-size: ($input-height / 2) ($input-height / 2);
-}
-
-// Form validation states
-.has-success {
-  @include form-control-validation($brand-success);
-
-  .form-control-success {
-    background-image: $form-icon-success;
-  }
 }
 
-.has-warning {
-  @include form-control-validation($brand-warning);
+.form-check-inline {
+  display: inline-flex;
+  align-items: center;
+  padding-left: 0; // Override base .form-check
+  margin-right: $form-check-inline-margin-x;
 
-  .form-control-warning {
-    background-image: $form-icon-warning;
+  // Undo .form-check-input defaults and add some `margin-right`.
+  .form-check-input {
+    position: static;
+    margin-top: 0;
+    margin-right: $form-check-inline-input-margin-x;
+    margin-left: 0;
   }
 }
 
-.has-danger {
-  @include form-control-validation($brand-danger);
 
-  .form-control-danger {
-    background-image: $form-icon-danger;
-  }
-}
+// Form validation
+//
+// Provide feedback to users when form field values are valid or invalid. Works
+// primarily for client-side validation via scoped `:invalid` and `:valid`
+// pseudo-classes but also includes `.is-invalid` and `.is-valid` classes for
+// server side validation.
 
+@include form-validation-state("valid", $form-feedback-valid-color);
+@include form-validation-state("invalid", $form-feedback-invalid-color);
 
 // Inline forms
 //
@@ -297,14 +261,33 @@ select.form-control-lg {
 // default HTML form controls and our custom form controls (e.g., input groups).
 
 .form-inline {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: center; // Prevent shorter elements from growing to same height as others (e.g., small buttons growing to normal sized button height)
+
+  // Because we use flex, the initial sizing of checkboxes is collapsed and
+  // doesn't occupy the full-width (which is what we want for xs grid tier),
+  // so we force that here.
+  .form-check {
+    width: 100%;
+  }
 
   // Kick in the inline
   @include media-breakpoint-up(sm) {
+    label {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-bottom: 0;
+    }
+
     // Inline-block all the things for "inline"
     .form-group {
-      display: inline-block;
+      display: flex;
+      flex: 0 0 auto;
+      flex-flow: row wrap;
+      align-items: center;
       margin-bottom: 0;
-      vertical-align: middle;
     }
 
     // Allow folks to *not* use `.form-group`
@@ -315,50 +298,36 @@ select.form-control-lg {
     }
 
     // Make static controls behave like regular ones
-    .form-control-static {
+    .form-control-plaintext {
       display: inline-block;
     }
 
     .input-group {
-      display: inline-table;
-      vertical-align: middle;
-
-      .input-group-addon,
-      .input-group-btn,
-      .form-control {
-        width: auto;
-      }
-    }
-
-    // Input groups need that 100% width though
-    .input-group > .form-control {
-      width: 100%;
-    }
-
-    .form-control-label {
-      margin-bottom: 0;
-      vertical-align: middle;
+      width: auto;
     }
 
     // Remove default margin on radios/checkboxes that were used for stacking, and
     // then undo the floating of radios and checkboxes to match.
     .form-check {
-      display: inline-block;
-      margin-top: 0;
-      margin-bottom: 0;
-      vertical-align: middle;
-    }
-    .form-check-label {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: auto;
       padding-left: 0;
     }
     .form-check-input {
       position: relative;
+      margin-top: 0;
+      margin-right: $form-check-input-margin-x;
       margin-left: 0;
     }
 
-    // Re-override the feedback icon.
-    .has-feedback .form-control-feedback {
-      top: 0;
+    .custom-control {
+      align-items: center;
+      justify-content: center;
+    }
+    .custom-control-label {
+      margin-bottom: 0;
     }
   }
 }
diff --git a/scss/bootstrap/_functions.scss b/scss/bootstrap/_functions.scss
new file mode 100644
index 0000000..1266d34
--- /dev/null
+++ b/scss/bootstrap/_functions.scss
@@ -0,0 +1,86 @@
+// Bootstrap functions
+//
+// Utility mixins and functions for evalutating source code across our variables, maps, and mixins.
+
+// Ascending
+// Used to evaluate Sass maps like our grid breakpoints.
+@mixin _assert-ascending($map, $map-name) {
+  $prev-key: null;
+  $prev-num: null;
+  @each $key, $num in $map {
+    @if $prev-num == null {
+      // Do nothing
+    } @else if not comparable($prev-num, $num) {
+      @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !";
+    } @else if $prev-num >= $num {
+      @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !";
+    }
+    $prev-key: $key;
+    $prev-num: $num;
+  }
+}
+
+// Starts at zero
+// Another grid mixin that ensures the min-width of the lowest breakpoint starts at 0.
+@mixin _assert-starts-at-zero($map) {
+  $values: map-values($map);
+  $first-value: nth($values, 1);
+  @if $first-value != 0 {
+    @warn "First breakpoint in `$grid-breakpoints` must start at 0, but starts at #{$first-value}.";
+  }
+}
+
+// Replace `$search` with `$replace` in `$string`
+// Used on our SVG icon backgrounds for custom forms.
+//
+// @author Hugo Giraudel
+// @param {String} $string - Initial string
+// @param {String} $search - Substring to replace
+// @param {String} $replace ('') - New value
+// @return {String} - Updated string
+@function str-replace($string, $search, $replace: "") {
+  $index: str-index($string, $search);
+
+  @if $index {
+    @return str-slice($string, 1, $index - 1) + $replace + str-replace(str-slice($string, $index + str-length($search)), $search, $replace);
+  }
+
+  @return $string;
+}
+
+// Color contrast
+@function color-yiq($color) {
+  $r: red($color);
+  $g: green($color);
+  $b: blue($color);
+
+  $yiq: (($r * 299) + ($g * 587) + ($b * 114)) / 1000;
+
+  @if ($yiq >= $yiq-contrasted-threshold) {
+    @return $yiq-text-dark;
+  } @else {
+    @return $yiq-text-light;
+  }
+}
+
+// Retrieve color Sass maps
+@function color($key: "blue") {
+  @return map-get($colors, $key);
+}
+
+@function theme-color($key: "primary") {
+  @return map-get($theme-colors, $key);
+}
+
+@function gray($key: "100") {
+  @return map-get($grays, $key);
+}
+
+// Request a theme color level
+@function theme-color-level($color-name: "primary", $level: 0) {
+  $color: theme-color($color-name);
+  $color-base: if($level > 0, #000, #fff);
+  $level: abs($level);
+
+  @return mix($color-base, $color, $level * $theme-color-interval);
+}
diff --git a/scss/bootstrap/_grid.scss b/scss/bootstrap/_grid.scss
index 24cf74d..a227515 100644
--- a/scss/bootstrap/_grid.scss
+++ b/scss/bootstrap/_grid.scss
@@ -11,8 +11,8 @@
 
 // Fluid container
 //
-// Utilizes the mixin meant for fixed width containers, but without any defined
-// width for fluid, full width layouts.
+// Utilizes the mixin meant for fixed width containers, but with 100% width for
+// fluid, full width layouts.
 
 @if $enable-grid-classes {
   .container-fluid {
@@ -28,6 +28,19 @@
   .row {
     @include make-row();
   }
+
+  // Remove the negative margin from default .row, then the horizontal padding
+  // from all immediate children columns (to prevent runaway style inheritance).
+  .no-gutters {
+    margin-right: 0;
+    margin-left: 0;
+
+    > .col,
+    > [class*="col-"] {
+      padding-right: 0;
+      padding-left: 0;
+    }
+  }
 }
 
 // Columns
diff --git a/scss/bootstrap/_images.scss b/scss/bootstrap/_images.scss
index 9894269..2bce02f 100644
--- a/scss/bootstrap/_images.scss
+++ b/scss/bootstrap/_images.scss
@@ -6,13 +6,9 @@
 // which weren't expecting the images within themselves to be involuntarily resized.
 // See also https://github.com/twbs/bootstrap/issues/18178
 .img-fluid {
-  @include img-fluid();
+  @include img-fluid;
 }
 
-// Rounded corners
-.img-rounded {
-  @include border-radius($border-radius-lg);
-}
 
 // Image thumbnails
 .img-thumbnail {
@@ -20,16 +16,10 @@
   background-color: $thumbnail-bg;
   border: $thumbnail-border-width solid $thumbnail-border-color;
   @include border-radius($thumbnail-border-radius);
-  transition: all .2s ease-in-out;
   @include box-shadow($thumbnail-box-shadow);
 
   // Keep them at most 100% wide
-  @include img-fluid(inline-block);
-}
-
-// Perfect circle
-.img-circle {
-  border-radius: 50%;
+  @include img-fluid;
 }
 
 //
@@ -42,11 +32,11 @@
 }
 
 .figure-img {
-  margin-bottom: ($spacer-y / 2);
+  margin-bottom: ($spacer / 2);
   line-height: 1;
 }
 
 .figure-caption {
   font-size: $figure-caption-font-size;
-  color: $gray-light;
+  color: $figure-caption-color;
 }
diff --git a/scss/bootstrap/_input-group.scss b/scss/bootstrap/_input-group.scss
index b447a32..2f7b05d 100644
--- a/scss/bootstrap/_input-group.scss
+++ b/scss/bootstrap/_input-group.scss
@@ -1,188 +1,159 @@
+// stylelint-disable selector-no-qualifying-type
+
 //
 // Base styles
 //
 
 .input-group {
   position: relative;
+  display: flex;
+  flex-wrap: wrap; // For form validation feedback
+  align-items: stretch;
   width: 100%;
 
-  @if $enable-flex {
-    display: flex;
-  } @else {
-    display: table;
-    // Prevent input groups from inheriting border styles from table cells when
-    // placed within a table.
-    border-collapse: separate;
-  }
+  > .form-control,
+  > .custom-select,
+  > .custom-file {
+    position: relative; // For focus state's z-index
+    flex: 1 1 auto;
+    // Add width 1% and flex-basis auto to ensure that button will not wrap out
+    // the column. Applies to IE Edge+ and Firefox. Chrome does not require this.
+    width: 1%;
+    margin-bottom: 0;
 
-  .form-control {
-    // Ensure that the input is always above the *appended* addon button for
-    // proper border colors.
-    position: relative;
-    z-index: 2;
-    // Bring the "active" form control to the front
-    @include hover-focus-active {
+    // Bring the "active" form control to the top of surrounding elements
+    &:focus {
       z-index: 3;
     }
-    @if $enable-flex {
-      flex: 1;
-    } @else {
-      // IE9 fubars the placeholder attribute in text inputs and the arrows on
-      // select elements in input groups. To fix it, we float the input. Details:
-      // https://github.com/twbs/bootstrap/issues/11561#issuecomment-28936855
-      float: left;
-      width: 100%;
+
+    + .form-control,
+    + .custom-select,
+    + .custom-file {
+      margin-left: -$input-border-width;
     }
-    margin-bottom: 0;
   }
-}
 
-.input-group-addon,
-.input-group-btn,
-.input-group .form-control {
-  @if not $enable-flex {
-    display: table-cell;
+  > .form-control,
+  > .custom-select {
+    &:not(:last-child) { @include border-right-radius(0); }
+    &:not(:first-child) { @include border-left-radius(0); }
   }
 
-  &:not(:first-child):not(:last-child) {
-    @include border-radius(0);
-  }
-}
+  // Custom file inputs have more complex markup, thus requiring different
+  // border-radius overrides.
+  > .custom-file {
+    display: flex;
+    align-items: center;
 
-.input-group-addon,
-.input-group-btn {
-  @if not $enable-flex {
-    width: 1%;
+    &:not(:last-child) .custom-file-label,
+    &:not(:last-child) .custom-file-label::before { @include border-right-radius(0); }
+    &:not(:first-child) .custom-file-label,
+    &:not(:first-child) .custom-file-label::before { @include border-left-radius(0); }
   }
-  white-space: nowrap;
-  vertical-align: middle; // Match the inputs
 }
 
 
-// Sizing options
+// Prepend and append
 //
-// Remix the default form control sizing classes into new ones for easier
-// manipulation.
+// While it requires one extra layer of HTML for each, dedicated prepend and
+// append elements allow us to 1) be less clever, 2) simplify our selectors, and
+// 3) support HTML5 form validation.
+
+.input-group-prepend,
+.input-group-append {
+  display: flex;
+
+  // Ensure buttons are always above inputs for more visually pleasing borders.
+  // This isn't needed for `.input-group-text` since it shares the same border-color
+  // as our inputs.
+  .btn {
+    position: relative;
+    z-index: 2;
+  }
 
-.input-group-lg > .form-control,
-.input-group-lg > .input-group-addon,
-.input-group-lg > .input-group-btn > .btn {
-  @extend .form-control-lg;
-}
-.input-group-sm > .form-control,
-.input-group-sm > .input-group-addon,
-.input-group-sm > .input-group-btn > .btn {
-  @extend .form-control-sm;
+  .btn + .btn,
+  .btn + .input-group-text,
+  .input-group-text + .input-group-text,
+  .input-group-text + .btn {
+    margin-left: -$input-border-width;
+  }
 }
 
+.input-group-prepend { margin-right: -$input-border-width; }
+.input-group-append { margin-left: -$input-border-width; }
 
+
+// Textual addons
 //
-// Text input groups
-//
+// Serves as a catch-all element for any text or radio/checkbox input you wish
+// to prepend or append to an input.
 
-.input-group-addon {
+.input-group-text {
+  display: flex;
+  align-items: center;
   padding: $input-padding-y $input-padding-x;
   margin-bottom: 0; // Allow use of <label> elements by overriding our default margin-bottom
-  font-size: $font-size-base;
-  font-weight: normal;
+  font-size: $font-size-base; // Match inputs
+  font-weight: $font-weight-normal;
   line-height: $input-line-height;
-  color: $input-color;
+  color: $input-group-addon-color;
   text-align: center;
+  white-space: nowrap;
   background-color: $input-group-addon-bg;
-  border: $input-btn-border-width solid $input-group-addon-border-color;
+  border: $input-border-width solid $input-group-addon-border-color;
   @include border-radius($input-border-radius);
 
-  // Sizing
-  &.form-control-sm {
-    padding: $input-padding-y-sm $input-padding-x-sm;
-    font-size: $font-size-sm;
-    @include border-radius($input-border-radius-sm);
-  }
-  &.form-control-lg {
-    padding: $input-padding-y-lg $input-padding-x-lg;
-    font-size: $font-size-lg;
-    @include border-radius($input-border-radius-lg);
-  }
-
-  // scss-lint:disable QualifyingElement
   // Nuke default margins from checkboxes and radios to vertically center within.
   input[type="radio"],
   input[type="checkbox"] {
     margin-top: 0;
   }
-  // scss-lint:enable QualifyingElement
 }
 
 
+// Sizing
 //
-// Reset rounded corners
-//
+// Remix the default form control sizing classes into new ones for easier
+// manipulation.
 
-.input-group .form-control:not(:last-child),
-.input-group-addon:not(:last-child),
-.input-group-btn:not(:last-child) > .btn,
-.input-group-btn:not(:last-child) > .btn-group > .btn,
-.input-group-btn:not(:last-child) > .dropdown-toggle,
-.input-group-btn:not(:first-child) > .btn:not(:last-child):not(.dropdown-toggle),
-.input-group-btn:not(:first-child) > .btn-group:not(:last-child) > .btn {
-  @include border-right-radius(0);
-}
-.input-group-addon:not(:last-child) {
-  border-right: 0;
-}
-.input-group .form-control:not(:first-child),
-.input-group-addon:not(:first-child),
-.input-group-btn:not(:first-child) > .btn,
-.input-group-btn:not(:first-child) > .btn-group > .btn,
-.input-group-btn:not(:first-child) > .dropdown-toggle,
-.input-group-btn:not(:last-child) > .btn:not(:first-child),
-.input-group-btn:not(:last-child) > .btn-group:not(:first-child) > .btn {
-  @include border-left-radius(0);
+.input-group-lg > .form-control,
+.input-group-lg > .input-group-prepend > .input-group-text,
+.input-group-lg > .input-group-append > .input-group-text,
+.input-group-lg > .input-group-prepend > .btn,
+.input-group-lg > .input-group-append > .btn {
+  @extend .form-control-lg;
 }
-.form-control + .input-group-addon:not(:first-child) {
-  border-left: 0;
+
+.input-group-sm > .form-control,
+.input-group-sm > .input-group-prepend > .input-group-text,
+.input-group-sm > .input-group-append > .input-group-text,
+.input-group-sm > .input-group-prepend > .btn,
+.input-group-sm > .input-group-append > .btn {
+  @extend .form-control-sm;
 }
 
+
+// Prepend and append rounded corners
 //
-// Button input groups
-//
+// These rulesets must come after the sizing ones to properly override sm and lg
+// border-radius values when extending. They're more specific than we'd like
+// with the `.input-group >` part, but without it, we cannot override the sizing.
 
-.input-group-btn {
-  position: relative;
-  // Jankily prevent input button groups from wrapping with `white-space` and
-  // `font-size` in combination with `inline-block` on buttons.
-  font-size: 0;
-  white-space: nowrap;
 
-  // Negative margin for spacing, position for bringing hovered/focused/actived
-  // element above the siblings.
-  > .btn {
-    position: relative;
-    + .btn {
-      margin-left: (-$input-btn-border-width);
-    }
-    // Bring the "active" button to the front
-    @include hover-focus-active {
-      z-index: 3;
-    }
-  }
+.input-group > .input-group-prepend > .btn,
+.input-group > .input-group-prepend > .input-group-text,
+.input-group > .input-group-append:not(:last-child) > .btn,
+.input-group > .input-group-append:not(:last-child) > .input-group-text,
+.input-group > .input-group-append:last-child > .btn:not(:last-child):not(.dropdown-toggle),
+.input-group > .input-group-append:last-child > .input-group-text:not(:last-child) {
+  @include border-right-radius(0);
+}
 
-  // Negative margin to only have a single, shared border between the two
-  &:not(:last-child) {
-    > .btn,
-    > .btn-group {
-      margin-right: (-$input-btn-border-width);
-    }
-  }
-  &:not(:first-child) {
-    > .btn,
-    > .btn-group {
-      z-index: 2;
-      margin-left: (-$input-btn-border-width);
-      // Because specificity
-      @include hover-focus-active {
-        z-index: 3;
-      }
-    }
-  }
+.input-group > .input-group-append > .btn,
+.input-group > .input-group-append > .input-group-text,
+.input-group > .input-group-prepend:not(:first-child) > .btn,
+.input-group > .input-group-prepend:not(:first-child) > .input-group-text,
+.input-group > .input-group-prepend:first-child > .btn:not(:first-child),
+.input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
+  @include border-left-radius(0);
 }
diff --git a/scss/bootstrap/_jumbotron.scss b/scss/bootstrap/_jumbotron.scss
index b12d465..7966bba 100644
--- a/scss/bootstrap/_jumbotron.scss
+++ b/scss/bootstrap/_jumbotron.scss
@@ -9,10 +9,6 @@
   }
 }
 
-.jumbotron-hr {
-  border-top-color: darken($jumbotron-bg, 10%);
-}
-
 .jumbotron-fluid {
   padding-right: 0;
   padding-left: 0;
diff --git a/scss/bootstrap/_list-group.scss b/scss/bootstrap/_list-group.scss
index d7e2ec5..9f145c1 100644
--- a/scss/bootstrap/_list-group.scss
+++ b/scss/bootstrap/_list-group.scss
@@ -3,12 +3,39 @@
 // Easily usable on <ul>, <ol>, or <div>.
 
 .list-group {
+  display: flex;
+  flex-direction: column;
+
   // No need to set list-style: none; since .list-group-item is block level
   padding-left: 0; // reset padding because ul and ol
   margin-bottom: 0;
 }
 
 
+// Interactive list items
+//
+// Use anchor or button elements instead of `li`s or `div`s to create interactive
+// list items. Includes an extra `.active` modifier class for selected items.
+
+.list-group-item-action {
+  width: 100%; // For `<button>`s (anchors become 100% by default though)
+  color: $list-group-action-color;
+  text-align: inherit; // For `<button>`s (anchors inherit)
+
+  // Hover state
+  @include hover-focus {
+    color: $list-group-action-hover-color;
+    text-decoration: none;
+    background-color: $list-group-hover-bg;
+  }
+
+  &:active {
+    color: $list-group-action-active-color;
+    background-color: $list-group-action-active-bg;
+  }
+}
+
+
 // Individual list items
 //
 // Use on `li`s or `div`s within the `.list-group` parent.
@@ -31,69 +58,49 @@
     @include border-bottom-radius($list-group-border-radius);
   }
 
-  &.disabled {
-    @include plain-hover-focus {
-      color: $list-group-disabled-color;
-      cursor: $cursor-disabled;
-      background-color: $list-group-disabled-bg;
-
-      // Force color to inherit for custom content
-      .list-group-item-heading {
-        color: inherit;
-      }
-      .list-group-item-text {
-        color: $list-group-disabled-text-color;
-      }
-    }
+  @include hover-focus {
+    z-index: 1; // Place hover/active items above their siblings for proper border styling
+    text-decoration: none;
   }
 
-  &.active {
-    @include plain-hover-focus {
-      z-index: 2; // Place active items above their siblings for proper border styling
-      color: $list-group-active-color;
-      text-decoration: none; // Repeat here because it inherits global a:hover otherwise
-      background-color: $list-group-active-bg;
-      border-color: $list-group-active-border;
-
-      // Force color to inherit for custom content
-      .list-group-item-heading,
-      .list-group-item-heading > small,
-      .list-group-item-heading > .small {
-        color: inherit;
-      }
-      .list-group-item-text {
-        color: $list-group-active-text-color;
-      }
-    }
+  &.disabled,
+  &:disabled {
+    color: $list-group-disabled-color;
+    background-color: $list-group-disabled-bg;
   }
-}
 
-.list-group-flush {
-  .list-group-item {
-    border-radius: 0;
+  // Include both here for `<a>`s and `<button>`s
+  &.active {
+    z-index: 2; // Place active items above their siblings for proper border styling
+    color: $list-group-active-color;
+    background-color: $list-group-active-bg;
+    border-color: $list-group-active-border-color;
   }
 }
 
 
-// Interactive list items
+// Flush list items
 //
-// Use anchor or button elements instead of `li`s or `div`s to create interactive
-// list items. Includes an extra `.active` modifier class for selected items.
+// Remove borders and border-radius to keep list group items edge-to-edge. Most
+// useful within other components (e.g., cards).
 
-.list-group-item-action {
-  width: 100%; // For `<button>`s (anchors become 100% by default though)
-  color: $list-group-link-color;
-  text-align: inherit; // For `<button>`s (anchors inherit)
+.list-group-flush {
+  .list-group-item {
+    border-right: 0;
+    border-left: 0;
+    @include border-radius(0);
+  }
 
-  .list-group-item-heading {
-    color: $list-group-link-heading-color;
+  &:first-child {
+    .list-group-item:first-child {
+      border-top: 0;
+    }
   }
 
-  // Hover state
-  @include hover-focus {
-    color: $list-group-link-hover-color;
-    text-decoration: none;
-    background-color: $list-group-hover-bg;
+  &:last-child {
+    .list-group-item:last-child {
+      border-bottom: 0;
+    }
   }
 }
 
@@ -103,21 +110,6 @@
 // Add modifier classes to change text and background color on individual items.
 // Organizationally, this must come after the `:hover` states.
 
-@include list-group-item-variant(success, $state-success-bg, $state-success-text);
-@include list-group-item-variant(info, $state-info-bg, $state-info-text);
-@include list-group-item-variant(warning, $state-warning-bg, $state-warning-text);
-@include list-group-item-variant(danger, $state-danger-bg, $state-danger-text);
-
-
-// Custom content options
-//
-// Extra classes for creating well-formatted content within `.list-group-item`s.
-
-.list-group-item-heading {
-  margin-top: 0;
-  margin-bottom: $list-group-item-heading-margin-bottom;
-}
-.list-group-item-text {
-  margin-bottom: 0;
-  line-height: 1.3;
+@each $color, $value in $theme-colors {
+  @include list-group-item-variant($color, theme-color-level($color, -9), theme-color-level($color, 6));
 }
diff --git a/scss/bootstrap/_media.scss b/scss/bootstrap/_media.scss
index d1ebbcd..b573052 100644
--- a/scss/bootstrap/_media.scss
+++ b/scss/bootstrap/_media.scss
@@ -1,81 +1,8 @@
-@if $enable-flex {
-  .media {
-    display: flex;
-  }
-  .media-body {
-    flex: 1;
-  }
-  .media-middle {
-    align-self: center;
-  }
-  .media-bottom {
-    align-self: flex-end;
-  }
-} @else {
-  .media,
-  .media-body {
-    overflow: hidden;
-  }
-  .media-body {
-    width: 10000px;
-  }
-  .media-left,
-  .media-right,
-  .media-body {
-    display: table-cell;
-    vertical-align: top;
-  }
-  .media-middle {
-    vertical-align: middle;
-  }
-  .media-bottom {
-    vertical-align: bottom;
-  }
+.media {
+  display: flex;
+  align-items: flex-start;
 }
 
-
-//
-// Images/elements as the media anchor
-//
-
-.media-object {
-  display: block;
-
-  // Fix collapse in webkit from max-width: 100% and display: table-cell.
-  &.img-thumbnail {
-    max-width: none;
-  }
-}
-
-
-//
-// Alignment
-//
-
-.media-right {
-  padding-left: $media-alignment-padding-x;
-}
-
-.media-left {
-  padding-right: $media-alignment-padding-x;
-}
-
-
-//
-// Headings
-//
-
-.media-heading {
-  margin-top: 0;
-  margin-bottom: $media-heading-margin-bottom;
-}
-
-
-//
-// Media list variation
-//
-
-.media-list {
-  padding-left: 0;
-  list-style: none;
+.media-body {
+  flex: 1;
 }
diff --git a/scss/bootstrap/_mixins.scss b/scss/bootstrap/_mixins.scss
index 1b5bf0f..d9a1774 100644
--- a/scss/bootstrap/_mixins.scss
+++ b/scss/bootstrap/_mixins.scss
@@ -2,53 +2,41 @@
 //
 // Used in conjunction with global variables to enable certain theme features.
 
-@mixin box-shadow($shadow...) {
-  @if $enable-shadows {
-    box-shadow: $shadow;
-  }
-}
-
-@mixin transition($transition...) {
-  @if $enable-transitions {
-    transition: $transition;
-  }
-}
-
 // Utilities
 @import "mixins/breakpoints";
 @import "mixins/hover";
 @import "mixins/image";
-@import "mixins/tag";
-@import "mixins/reset-filter";
+@import "mixins/badge";
 @import "mixins/resize";
 @import "mixins/screen-reader";
 @import "mixins/size";
-@import "mixins/tab-focus";
 @import "mixins/reset-text";
 @import "mixins/text-emphasis";
 @import "mixins/text-hide";
 @import "mixins/text-truncate";
+@import "mixins/visibility";
 
 // // Components
 @import "mixins/alert";
 @import "mixins/buttons";
-@import "mixins/cards";
+@import "mixins/caret";
 @import "mixins/pagination";
 @import "mixins/lists";
 @import "mixins/list-group";
 @import "mixins/nav-divider";
 @import "mixins/forms";
-@import "mixins/progress";
 @import "mixins/table-row";
 
 // // Skins
 @import "mixins/background-variant";
 @import "mixins/border-radius";
+@import "mixins/box-shadow";
 @import "mixins/gradients";
+@import "mixins/transition";
 
 // // Layout
 @import "mixins/clearfix";
 // @import "mixins/navbar-align";
 @import "mixins/grid-framework";
 @import "mixins/grid";
-@import "mixins/pulls";
+@import "mixins/float";
diff --git a/scss/bootstrap/_modal.scss b/scss/bootstrap/_modal.scss
index 83a1335..edda836 100644
--- a/scss/bootstrap/_modal.scss
+++ b/scss/bootstrap/_modal.scss
@@ -1,7 +1,7 @@
 // .modal-open      - body class for killing the scroll
 // .modal           - container to scroll within
 // .modal-dialog    - positioning shell for the actual modal
-// .modal-content   - actual modal w/ bg and corners and shit
+// .modal-content   - actual modal w/ bg and corners and stuff
 
 
 // Kill the scroll on the body
@@ -22,18 +22,14 @@
   // Prevent Chrome on Windows from adding a focus outline. For details, see
   // https://github.com/twbs/bootstrap/pull/10951.
   outline: 0;
-  -webkit-overflow-scrolling: touch;
+  // We deliberately don't use `-webkit-overflow-scrolling: touch;` due to a
+  // gnarly iOS Safari bug: https://bugs.webkit.org/show_bug.cgi?id=158342
+  // See also https://github.com/twbs/bootstrap/issues/17695
 
-  // When fading in the modal, animate it to slide down
-  &.fade .modal-dialog {
-    transition: transform .3s ease-out;
-    transform: translate(0, -25%);
+  .modal-open & {
+    overflow-x: hidden;
+    overflow-y: auto;
   }
-  &.in .modal-dialog { transform: translate(0, 0); }
-}
-.modal-open .modal {
-  overflow-x: hidden;
-  overflow-y: auto;
 }
 
 // Shell div to position the modal with bottom padding
@@ -41,16 +37,38 @@
   position: relative;
   width: auto;
   margin: $modal-dialog-margin;
+  // allow clicks to pass through for custom click handling to close modal
+  pointer-events: none;
+
+  // When fading in the modal, animate it to slide down
+  .modal.fade & {
+    @include transition($modal-transition);
+    transform: translate(0, -25%);
+  }
+  .modal.show & {
+    transform: translate(0, 0);
+  }
+}
+
+.modal-dialog-centered {
+  display: flex;
+  align-items: center;
+  min-height: calc(100% - (#{$modal-dialog-margin} * 2));
 }
 
 // Actual modal
 .modal-content {
   position: relative;
+  display: flex;
+  flex-direction: column;
+  width: 100%; // Ensure `.modal-content` extends the full width of the parent `.modal-dialog`
+  // counteract the pointer-events: none; in the .modal-dialog
+  pointer-events: auto;
   background-color: $modal-content-bg;
   background-clip: padding-box;
   border: $modal-content-border-width solid $modal-content-border-color;
   @include border-radius($border-radius-lg);
-  @include box-shadow($modal-content-xs-box-shadow);
+  @include box-shadow($modal-content-box-shadow-xs);
   // Remove focus outline from opened modal
   outline: 0;
 }
@@ -62,29 +80,34 @@
   right: 0;
   bottom: 0;
   left: 0;
-  z-index: $zindex-modal-bg;
+  z-index: $zindex-modal-backdrop;
   background-color: $modal-backdrop-bg;
 
   // Fade for backdrop
   &.fade { opacity: 0; }
-  &.in { opacity: $modal-backdrop-opacity; }
+  &.show { opacity: $modal-backdrop-opacity; }
 }
 
 // Modal header
 // Top section of the modal w/ title and dismiss
 .modal-header {
-  padding: $modal-title-padding;
+  display: flex;
+  align-items: flex-start; // so the close btn always stays on the upper right corner
+  justify-content: space-between; // Put modal header elements (title and dismiss) on opposite ends
+  padding: $modal-header-padding;
   border-bottom: $modal-header-border-width solid $modal-header-border-color;
-  @include clearfix;
-}
-// Close icon
-.modal-header .close {
-  margin-top: -2px;
+  @include border-top-radius($border-radius-lg);
+
+  .close {
+    padding: $modal-header-padding;
+    // auto on the left force icon to the right even when there is no .modal-title
+    margin: (-$modal-header-padding) (-$modal-header-padding) (-$modal-header-padding) auto;
+  }
 }
 
 // Title text within header
 .modal-title {
-  margin: 0;
+  margin-bottom: 0;
   line-height: $modal-title-line-height;
 }
 
@@ -92,15 +115,23 @@
 // Where all modal content resides (sibling of .modal-header and .modal-footer)
 .modal-body {
   position: relative;
+  // Enable `flex-grow: 1` so that the body take up as much space as possible
+  // when should there be a fixed height on `.modal-dialog`.
+  flex: 1 1 auto;
   padding: $modal-inner-padding;
 }
 
 // Footer (for actions)
 .modal-footer {
+  display: flex;
+  align-items: center; // vertically center
+  justify-content: flex-end; // Right align buttons with flex property because text-align doesn't work on flex items
   padding: $modal-inner-padding;
-  text-align: right; // right align buttons
   border-top: $modal-footer-border-width solid $modal-footer-border-color;
-  @include clearfix(); // clear it in case folks use .pull-* classes on buttons
+
+  // Easily place margin between footer elements
+  > :not(:first-child) { margin-left: .25rem; }
+  > :not(:last-child) { margin-right: .25rem; }
 }
 
 // Measure scrollbar width for padding body during modal show/hide
@@ -117,14 +148,19 @@
   // Automatically set modal's width for larger viewports
   .modal-dialog {
     max-width: $modal-md;
-    margin: $modal-dialog-sm-up-margin-y auto;
+    margin: $modal-dialog-margin-y-sm-up auto;
+  }
+
+  .modal-dialog-centered {
+    min-height: calc(100% - (#{$modal-dialog-margin-y-sm-up} * 2));
   }
 
   .modal-content {
-    @include box-shadow($modal-content-sm-up-box-shadow);
+    @include box-shadow($modal-content-box-shadow-sm-up);
   }
 
   .modal-sm { max-width: $modal-sm; }
+
 }
 
 @include media-breakpoint-up(lg) {
diff --git a/scss/bootstrap/_nav.scss b/scss/bootstrap/_nav.scss
index 640956c..fc82161 100644
--- a/scss/bootstrap/_nav.scss
+++ b/scss/bootstrap/_nav.scss
@@ -4,89 +4,58 @@
 // `<nav>`s or `<ul>`s.
 
 .nav {
+  display: flex;
+  flex-wrap: wrap;
   padding-left: 0;
   margin-bottom: 0;
   list-style: none;
 }
 
 .nav-link {
-  display: inline-block;
+  display: block;
+  padding: $nav-link-padding-y $nav-link-padding-x;
 
   @include hover-focus {
     text-decoration: none;
   }
 
-  // Disabled state lightens text and removes hover/tab effects
+  // Disabled state lightens text
   &.disabled {
-    color: $nav-disabled-link-color;
-
-    @include plain-hover-focus {
-      color: $nav-disabled-link-hover-color;
-      cursor: $cursor-disabled;
-      background-color: $nav-disabled-link-hover-bg;
-    }
-  }
-}
-
-
-// Nav inline
-
-.nav-inline {
-  .nav-item {
-    display: inline-block;
-  }
-
-  .nav-item + .nav-item,
-  .nav-link + .nav-link {
-    margin-left: $nav-item-inline-spacer;
+    color: $nav-link-disabled-color;
   }
 }
 
-
 //
 // Tabs
 //
 
 .nav-tabs {
   border-bottom: $nav-tabs-border-width solid $nav-tabs-border-color;
-  @include clearfix();
 
   .nav-item {
-    float: left;
-    // Make the list-items overlay the bottom border
     margin-bottom: -$nav-tabs-border-width;
-
-    + .nav-item {
-      margin-left: $nav-item-margin;
-    }
   }
 
   .nav-link {
-    display: block;
-    padding: $nav-link-padding;
     border: $nav-tabs-border-width solid transparent;
     @include border-top-radius($nav-tabs-border-radius);
 
     @include hover-focus {
-      border-color: $nav-tabs-link-hover-border-color $nav-tabs-link-hover-border-color $nav-tabs-border-color;
+      border-color: $nav-tabs-link-hover-border-color;
     }
 
     &.disabled {
-      @include plain-hover-focus {
-        color: $nav-disabled-link-color;
-        background-color: transparent;
-        border-color: transparent;
-      }
+      color: $nav-link-disabled-color;
+      background-color: transparent;
+      border-color: transparent;
     }
   }
 
   .nav-link.active,
-  .nav-item.open .nav-link {
-    @include plain-hover-focus {
-      color: $nav-tabs-active-link-hover-color;
-      background-color: $nav-tabs-active-link-hover-bg;
-      border-color: $nav-tabs-active-link-hover-border-color $nav-tabs-active-link-hover-border-color transparent;
-    }
+  .nav-item.show .nav-link {
+    color: $nav-tabs-link-active-color;
+    background-color: $nav-tabs-link-active-bg;
+    border-color: $nav-tabs-link-active-border-color;
   }
 
   .dropdown-menu {
@@ -103,50 +72,42 @@
 //
 
 .nav-pills {
-  @include clearfix();
-
-  .nav-item {
-    float: left;
-
-    + .nav-item {
-      margin-left: $nav-item-margin;
-    }
-  }
-
   .nav-link {
-    display: block;
-    padding: $nav-link-padding;
     @include border-radius($nav-pills-border-radius);
   }
 
   .nav-link.active,
-  .nav-item.open .nav-link {
-    @include plain-hover-focus {
-      color: $nav-pills-active-link-color;
-      cursor: default;
-      background-color: $nav-pills-active-link-bg;
-    }
+  .show > .nav-link {
+    color: $nav-pills-link-active-color;
+    background-color: $nav-pills-link-active-bg;
   }
 }
 
-.nav-stacked {
+
+//
+// Justified variants
+//
+
+.nav-fill {
   .nav-item {
-    display: block;
-    float: none;
+    flex: 1 1 auto;
+    text-align: center;
+  }
+}
 
-    + .nav-item {
-      margin-top: $nav-item-margin;
-      margin-left: 0;
-    }
+.nav-justified {
+  .nav-item {
+    flex-basis: 0;
+    flex-grow: 1;
+    text-align: center;
   }
 }
 
 
-//
 // Tabbable tabs
 //
-
 // Hide tabbable panes to start, show them when `.active`
+
 .tab-content {
   > .tab-pane {
     display: none;
diff --git a/scss/bootstrap/_navbar.scss b/scss/bootstrap/_navbar.scss
index 881af0d..8d68c6c 100644
--- a/scss/bootstrap/_navbar.scss
+++ b/scss/bootstrap/_navbar.scss
@@ -1,146 +1,211 @@
-// Wrapper and base class
+// Contents
+//
+// Navbar
+// Navbar brand
+// Navbar nav
+// Navbar text
+// Navbar divider
+// Responsive navbar
+// Navbar position
+// Navbar themes
+
+
+// Navbar
 //
 // Provide a static navbar from which we expand to create full-width, fixed, and
 // other navbar variations.
 
 .navbar {
   position: relative;
+  display: flex;
+  flex-wrap: wrap; // allow us to do the line break for collapsing content
+  align-items: center;
+  justify-content: space-between; // space out brand from logo
   padding: $navbar-padding-y $navbar-padding-x;
-  @include clearfix;
 
-  @include media-breakpoint-up(sm) {
-    @include border-radius($navbar-border-radius);
+  // Because flex properties aren't inherited, we need to redeclare these first
+  // few properities so that content nested within behave properly.
+  > .container,
+  > .container-fluid {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-between;
   }
 }
 
 
-// Navbar alignment options
+// Navbar brand
 //
-// Display the navbar across the entirety of the page or fixed it to the top or
-// bottom of the page.
-
-// A static, full width modifier with no rounded corners.
-.navbar-full {
-  z-index: $zindex-navbar;
-
-  @include media-breakpoint-up(sm) {
-    @include border-radius(0);
-  }
-}
-
-// Fix the top/bottom navbars when screen real estate supports it
-.navbar-fixed-top,
-.navbar-fixed-bottom {
-  position: fixed;
-  right: 0;
-  left: 0;
-  z-index: $zindex-navbar-fixed;
-
-  // Undo the rounded corners
-  @include media-breakpoint-up(sm) {
-    @include border-radius(0);
-  }
-}
+// Used for brand, project, or site names.
 
-.navbar-fixed-top {
-  top: 0;
-}
-
-.navbar-fixed-bottom {
-  bottom: 0;
-}
-
-.navbar-sticky-top {
-  position: sticky;
-  top: 0;
-  z-index: $zindex-navbar-sticky;
-  width: 100%;
+.navbar-brand {
+  display: inline-block;
+  padding-top: $navbar-brand-padding-y;
+  padding-bottom: $navbar-brand-padding-y;
+  margin-right: $navbar-padding-x;
+  font-size: $navbar-brand-font-size;
+  line-height: inherit;
+  white-space: nowrap;
 
-  // Undo the rounded corners
-  @include media-breakpoint-up(sm) {
-    @include border-radius(0);
+  @include hover-focus {
+    text-decoration: none;
   }
 }
 
 
+// Navbar nav
 //
-// Brand/project name
-//
+// Custom navbar navigation (doesn't require `.nav`, but does make use of `.nav-link`).
 
-.navbar-brand {
-  float: left;
-  padding-top:    $navbar-brand-padding-y;
-  padding-bottom: $navbar-brand-padding-y;
-  margin-right: 1rem;
-  font-size: $font-size-lg;
+.navbar-nav {
+  display: flex;
+  flex-direction: column; // cannot use `inherit` to get the `.navbar`s value
+  padding-left: 0;
+  margin-bottom: 0;
+  list-style: none;
 
-  @include hover-focus {
-    text-decoration: none;
+  .nav-link {
+    padding-right: 0;
+    padding-left: 0;
   }
 
-  > img {
-    display: block;
+  .dropdown-menu {
+    position: static;
+    float: none;
   }
 }
 
 
-.navbar-divider {
-  float: left;
-  width: $border-width;
-  padding-top: .425rem;
-  padding-bottom: .425rem;
-  margin-right: $navbar-padding-x;
-  margin-left:  $navbar-padding-x;
-  overflow: hidden;
+// Navbar text
+//
+//
 
-  &::before {
-    content: "\00a0";
-  }
+.navbar-text {
+  display: inline-block;
+  padding-top: $nav-link-padding-y;
+  padding-bottom: $nav-link-padding-y;
 }
 
 
-// Navbar toggle
+// Responsive navbar
 //
-// Custom button for toggling the `.navbar-collapse`, powered by the collapse
-// Bootstrap JavaScript plugin.
+// Custom styles for responsive collapsing and toggling of navbar contents.
+// Powered by the collapse Bootstrap JavaScript plugin.
+
+// When collapsed, prevent the toggleable navbar contents from appearing in
+// the default flexbox row orienation. Requires the use of `flex-wrap: wrap`
+// on the `.navbar` parent.
+.navbar-collapse {
+  flex-basis: 100%;
+  flex-grow: 1;
+  // For always expanded or extra full navbars, ensure content aligns itself
+  // properly vertically. Can be easily overridden with flex utilities.
+  align-items: center;
+}
 
+// Button for toggling the navbar when in its collapsed state
 .navbar-toggler {
-  padding: .5rem .75rem;
-  font-size: $font-size-lg;
+  padding: $navbar-toggler-padding-y $navbar-toggler-padding-x;
+  font-size: $navbar-toggler-font-size;
   line-height: 1;
-  background: none;
-  border: $border-width solid transparent;
-  @include border-radius($btn-border-radius);
+  background-color: transparent; // remove default button style
+  border: $border-width solid transparent; // remove default button style
+  @include border-radius($navbar-toggler-border-radius);
 
   @include hover-focus {
     text-decoration: none;
   }
-}
 
-// Navigation
-//
-// Custom navbar navigation built on the base `.nav` styles.
-
-.navbar-nav {
-  .nav-item {
-    float: left;
+  // Opinionated: add "hand" cursor to non-disabled .navbar-toggler elements
+  &:not(:disabled):not(.disabled) {
+    cursor: pointer;
   }
+}
 
-  .nav-link {
-    display: block;
-    padding-top:    .425rem;
-    padding-bottom: .425rem;
+// Keep as a separate element so folks can easily override it with another icon
+// or image file as needed.
+.navbar-toggler-icon {
+  display: inline-block;
+  width: 1.5em;
+  height: 1.5em;
+  vertical-align: middle;
+  content: "";
+  background: no-repeat center center;
+  background-size: 100% 100%;
+}
 
-    + .nav-link {
-      margin-left: 1rem;
-    }
-  }
+// Generate series of `.navbar-expand-*` responsive classes for configuring
+// where your navbar collapses.
+.navbar-expand {
+  @each $breakpoint in map-keys($grid-breakpoints) {
+    $next: breakpoint-next($breakpoint, $grid-breakpoints);
+    $infix: breakpoint-infix($next, $grid-breakpoints);
+
+    &#{$infix} {
+      @include media-breakpoint-down($breakpoint) {
+        > .container,
+        > .container-fluid {
+          padding-right: 0;
+          padding-left: 0;
+        }
+      }
 
-  .nav-item + .nav-item {
-    margin-left: 1rem;
+      @include media-breakpoint-up($next) {
+        flex-flow: row nowrap;
+        justify-content: flex-start;
+
+        .navbar-nav {
+          flex-direction: row;
+
+          .dropdown-menu {
+            position: absolute;
+          }
+
+          .dropdown-menu-right {
+            right: 0;
+            left: auto; // Reset the default from `.dropdown-menu`
+          }
+
+          .nav-link {
+            padding-right: $navbar-nav-link-padding-x;
+            padding-left: $navbar-nav-link-padding-x;
+          }
+        }
+
+        // For nesting containers, have to redeclare for alignment purposes
+        > .container,
+        > .container-fluid {
+          flex-wrap: nowrap;
+        }
+
+        .navbar-collapse {
+          display: flex !important;  // stylelint-disable-line declaration-no-important
+
+          // Changes flex-bases to auto because of an IE10 bug
+          flex-basis: auto;
+        }
+
+        .navbar-toggler {
+          display: none;
+        }
+
+        .dropup {
+          .dropdown-menu {
+            top: auto;
+            bottom: 100%;
+          }
+        }
+      }
+    }
   }
 }
 
+
+// Navbar themes
+//
+// Styles for switching between navbars with light or dark background.
+
 // Dark links against a light background
 .navbar-light {
   .navbar-brand {
@@ -158,20 +223,38 @@
       @include hover-focus {
         color: $navbar-light-hover-color;
       }
+
+      &.disabled {
+        color: $navbar-light-disabled-color;
+      }
     }
 
-    .open > .nav-link,
+    .show > .nav-link,
     .active > .nav-link,
-    .nav-link.open,
+    .nav-link.show,
     .nav-link.active {
-      @include plain-hover-focus {
-        color: $navbar-light-active-color;
-      }
+      color: $navbar-light-active-color;
     }
   }
 
-  .navbar-divider {
-    background-color: rgba(0,0,0,.075);
+  .navbar-toggler {
+    color: $navbar-light-color;
+    border-color: $navbar-light-toggler-border-color;
+  }
+
+  .navbar-toggler-icon {
+    background-image: $navbar-light-toggler-icon-bg;
+  }
+
+  .navbar-text {
+    color: $navbar-light-color;
+    a {
+      color: $navbar-light-active-color;
+
+      @include hover-focus {
+        color: $navbar-light-active-color;
+      }
+    }
   }
 }
 
@@ -192,65 +275,37 @@
       @include hover-focus {
         color: $navbar-dark-hover-color;
       }
+
+      &.disabled {
+        color: $navbar-dark-disabled-color;
+      }
     }
 
-    .open > .nav-link,
+    .show > .nav-link,
     .active > .nav-link,
-    .nav-link.open,
+    .nav-link.show,
     .nav-link.active {
-      @include plain-hover-focus {
-        color: $navbar-dark-active-color;
-      }
+      color: $navbar-dark-active-color;
     }
   }
 
-  .navbar-divider {
-    background-color: rgba(255,255,255,.075);
+  .navbar-toggler {
+    color: $navbar-dark-color;
+    border-color: $navbar-dark-toggler-border-color;
   }
-}
-
 
-// Navbar toggleable
-//
-// Custom override for collapse plugin in navbar.
-
-.navbar-toggleable {
-  &-xs {
-    @include clearfix;
-    @include media-breakpoint-down(xs) {
-      .navbar-nav .nav-item {
-        float: none;
-        margin-left: 0;
-      }
-    }
-    @include media-breakpoint-up(sm) {
-      display: block !important;
-    }
+  .navbar-toggler-icon {
+    background-image: $navbar-dark-toggler-icon-bg;
   }
 
-  &-sm {
-    @include clearfix;
-    @include media-breakpoint-down(sm) {
-      .navbar-nav .nav-item {
-        float: none;
-        margin-left: 0;
-      }
-    }
-    @include media-breakpoint-up(md) {
-      display: block !important;
-    }
-  }
+  .navbar-text {
+    color: $navbar-dark-color;
+    a {
+      color: $navbar-dark-active-color;
 
-  &-md {
-    @include clearfix;
-    @include media-breakpoint-down(md) {
-      .navbar-nav .nav-item {
-        float: none;
-        margin-left: 0;
+      @include hover-focus {
+        color: $navbar-dark-active-color;
       }
     }
-    @include media-breakpoint-up(lg) {
-      display: block !important;
-    }
   }
 }
diff --git a/scss/bootstrap/_pagination.scss b/scss/bootstrap/_pagination.scss
index 5f40a7f..959b2eb 100644
--- a/scss/bootstrap/_pagination.scss
+++ b/scss/bootstrap/_pagination.scss
@@ -1,14 +1,39 @@
 .pagination {
-  display: inline-block;
-  padding-left: 0;
-  margin-top: $spacer-y;
-  margin-bottom: $spacer-y;
+  display: flex;
+  @include list-unstyled();
   @include border-radius();
 }
 
-.page-item {
-  display: inline; // Remove list-style and block-level defaults
+.page-link {
+  position: relative;
+  display: block;
+  padding: $pagination-padding-y $pagination-padding-x;
+  margin-left: -$pagination-border-width;
+  line-height: $pagination-line-height;
+  color: $pagination-color;
+  background-color: $pagination-bg;
+  border: $pagination-border-width solid $pagination-border-color;
+
+  &:hover {
+    color: $pagination-hover-color;
+    text-decoration: none;
+    background-color: $pagination-hover-bg;
+    border-color: $pagination-hover-border-color;
+  }
+
+  &:focus {
+    z-index: 2;
+    outline: 0;
+    box-shadow: $pagination-focus-box-shadow;
+  }
+
+  // Opinionated: add "hand" cursor to non-disabled .page-link elements
+  &:not(:disabled):not(.disabled) {
+    cursor: pointer;
+  }
+}
 
+.page-item {
   &:first-child {
     .page-link {
       margin-left: 0;
@@ -22,40 +47,19 @@
   }
 
   &.active .page-link {
-    @include plain-hover-focus {
-      z-index: 2;
-      color: $pagination-active-color;
-      cursor: default;
-      background-color: $pagination-active-bg;
-      border-color: $pagination-active-border;
-    }
+    z-index: 1;
+    color: $pagination-active-color;
+    background-color: $pagination-active-bg;
+    border-color: $pagination-active-border-color;
   }
 
   &.disabled .page-link {
-    @include plain-hover-focus {
-      color: $pagination-disabled-color;
-      pointer-events: none;
-      cursor: $cursor-disabled;
-      background-color: $pagination-disabled-bg;
-      border-color: $pagination-disabled-border;
-    }
-  }
-}
-
-.page-link {
-  position: relative;
-  float: left; // Collapse white-space
-  padding: $pagination-padding-y $pagination-padding-x;
-  margin-left: -1px;
-  color: $pagination-color;
-  text-decoration: none;
-  background-color: $pagination-bg;
-  border: $pagination-border-width solid $pagination-border-color;
-
-  @include hover-focus {
-    color: $pagination-hover-color;
-    background-color: $pagination-hover-bg;
-    border-color: $pagination-hover-border;
+    color: $pagination-disabled-color;
+    pointer-events: none;
+    // Opinionated: remove the "hand" cursor set previously for .page-link
+    cursor: auto;
+    background-color: $pagination-disabled-bg;
+    border-color: $pagination-disabled-border-color;
   }
 }
 
diff --git a/scss/bootstrap/_popover.scss b/scss/bootstrap/_popover.scss
index b38d893..2662d84 100644
--- a/scss/bootstrap/_popover.scss
+++ b/scss/bootstrap/_popover.scss
@@ -6,144 +6,180 @@
   z-index: $zindex-popover;
   display: block;
   max-width: $popover-max-width;
-  padding: $popover-inner-padding;
   // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
   // So reset our font and text properties to avoid inheriting weird values.
   @include reset-text();
-  font-size: $font-size-sm;
+  font-size: $popover-font-size;
   // Allow breaking very long words so they don't overflow the popover's bounds
   word-wrap: break-word;
   background-color: $popover-bg;
   background-clip: padding-box;
   border: $popover-border-width solid $popover-border-color;
-  @include border-radius($border-radius-lg);
+  @include border-radius($popover-border-radius);
   @include box-shadow($popover-box-shadow);
 
-
-  // Popover directions
-
-  &.popover-top,
-  &.bs-tether-element-attached-bottom {
-    margin-top: -$popover-arrow-width;
-
-    .popover-arrow {
-      bottom: -$popover-arrow-outer-width;
-      left: 50%;
-      margin-left: -$popover-arrow-outer-width;
-      border-top-color: $popover-arrow-outer-color;
-      border-bottom-width: 0;
-      &::after {
-        bottom: 1px;
-        margin-left: -$popover-arrow-width;
-        content: "";
-        border-top-color: $popover-arrow-color;
-        border-bottom-width: 0;
-      }
+  .arrow {
+    position: absolute;
+    display: block;
+    width: $popover-arrow-width;
+    height: $popover-arrow-height;
+    margin: 0 $border-radius-lg;
+
+    &::before,
+    &::after {
+      position: absolute;
+      display: block;
+      content: "";
+      border-color: transparent;
+      border-style: solid;
     }
   }
+}
 
-  &.popover-right,
-  &.bs-tether-element-attached-left {
-    margin-left: $popover-arrow-width;
-
-    .popover-arrow {
-      top: 50%;
-      left: -$popover-arrow-outer-width;
-      margin-top: -$popover-arrow-outer-width;
-      border-right-color: $popover-arrow-outer-color;
-      border-left-width: 0;
-      &::after {
-        bottom: -$popover-arrow-width;
-        left: 1px;
-        content: "";
-        border-right-color: $popover-arrow-color;
-        border-left-width: 0;
-      }
-    }
+.bs-popover-top {
+  margin-bottom: $popover-arrow-height;
+
+  .arrow {
+    bottom: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
   }
 
-  &.popover-bottom,
-  &.bs-tether-element-attached-top {
-    margin-top: $popover-arrow-width;
-
-    .popover-arrow {
-      top: -$popover-arrow-outer-width;
-      left: 50%;
-      margin-left: -$popover-arrow-outer-width;
-      border-top-width: 0;
-      border-bottom-color: $popover-arrow-outer-color;
-      &::after {
-        top: 1px;
-        margin-left: -$popover-arrow-width;
-        content: "";
-        border-top-width: 0;
-        border-bottom-color: $popover-arrow-color;
-      }
-    }
+  .arrow::before,
+  .arrow::after {
+    border-width: $popover-arrow-height ($popover-arrow-width / 2) 0;
   }
 
-  &.popover-left,
-  &.bs-tether-element-attached-right {
-    margin-left: -$popover-arrow-width;
-
-    .popover-arrow {
-      top: 50%;
-      right: -$popover-arrow-outer-width;
-      margin-top: -$popover-arrow-outer-width;
-      border-right-width: 0;
-      border-left-color: $popover-arrow-outer-color;
-      &::after {
-        right: 1px;
-        bottom: -$popover-arrow-width;
-        content: "";
-        border-right-width: 0;
-        border-left-color: $popover-arrow-color;
-      }
-    }
+  .arrow::before {
+    bottom: 0;
+    border-top-color: $popover-arrow-outer-color;
+  }
+
+  .arrow::after {
+    bottom: $popover-border-width;
+    border-top-color: $popover-arrow-color;
   }
 }
 
+.bs-popover-right {
+  margin-left: $popover-arrow-height;
 
-// Offset the popover to account for the popover arrow
-.popover-title {
-  padding: $popover-title-padding-y $popover-title-padding-x;
-  margin: 0; // reset heading margin
-  font-size: $font-size-base;
-  background-color: $popover-title-bg;
-  border-bottom: $popover-border-width solid darken($popover-title-bg, 5%);
-  $offset-border-width: ($border-width / $font-size-root);
-  @include border-radius(($border-radius-lg - $offset-border-width) ($border-radius-lg - $offset-border-width) 0 0);
+  .arrow {
+    left: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
+    width: $popover-arrow-height;
+    height: $popover-arrow-width;
+    margin: $border-radius-lg 0; // make sure the arrow does not touch the popover's rounded corners
+  }
 
-  &:empty {
-    display: none;
+  .arrow::before,
+  .arrow::after {
+    border-width: ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2) 0;
+  }
+
+  .arrow::before {
+    left: 0;
+    border-right-color: $popover-arrow-outer-color;
   }
-}
 
-.popover-content {
-  padding: $popover-content-padding-y $popover-content-padding-x;
+  .arrow::after {
+    left: $popover-border-width;
+    border-right-color: $popover-arrow-color;
+  }
 }
 
+.bs-popover-bottom {
+  margin-top: $popover-arrow-height;
 
-// Arrows
-//
-// .popover-arrow is outer, .popover-arrow::after is inner
+  .arrow {
+    top: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
+  }
 
-.popover-arrow {
-  &,
-  &::after {
+  .arrow::before,
+  .arrow::after {
+    border-width: 0 ($popover-arrow-width / 2) $popover-arrow-height ($popover-arrow-width / 2);
+  }
+
+  .arrow::before {
+    top: 0;
+    border-bottom-color: $popover-arrow-outer-color;
+  }
+
+  .arrow::after {
+    top: $popover-border-width;
+    border-bottom-color: $popover-arrow-color;
+  }
+
+  // This will remove the popover-header's border just below the arrow
+  .popover-header::before {
     position: absolute;
+    top: 0;
+    left: 50%;
     display: block;
-    width: 0;
-    height: 0;
-    border-color: transparent;
-    border-style: solid;
+    width: $popover-arrow-width;
+    margin-left: ($popover-arrow-width / -2);
+    content: "";
+    border-bottom: $popover-border-width solid $popover-header-bg;
   }
 }
-.popover-arrow {
-  border-width: $popover-arrow-outer-width;
+
+.bs-popover-left {
+  margin-right: $popover-arrow-height;
+
+  .arrow {
+    right: calc((#{$popover-arrow-height} + #{$popover-border-width}) * -1);
+    width: $popover-arrow-height;
+    height: $popover-arrow-width;
+    margin: $border-radius-lg 0; // make sure the arrow does not touch the popover's rounded corners
+  }
+
+  .arrow::before,
+  .arrow::after {
+    border-width: ($popover-arrow-width / 2) 0 ($popover-arrow-width / 2) $popover-arrow-height;
+  }
+
+  .arrow::before {
+    right: 0;
+    border-left-color: $popover-arrow-outer-color;
+  }
+
+  .arrow::after {
+    right: $popover-border-width;
+    border-left-color: $popover-arrow-color;
+  }
 }
-/* rtl:end:ignore */
-.popover-arrow::after {
-  content: "";
-  border-width: $popover-arrow-width;
+
+.bs-popover-auto {
+  &[x-placement^="top"] {
+    @extend .bs-popover-top;
+  }
+  &[x-placement^="right"] {
+    @extend .bs-popover-right;
+  }
+  &[x-placement^="bottom"] {
+    @extend .bs-popover-bottom;
+  }
+  &[x-placement^="left"] {
+    @extend .bs-popover-left;
+  }
 }
+
+
+// Offset the popover to account for the popover arrow
+.popover-header {
+  padding: $popover-header-padding-y $popover-header-padding-x;
+  margin-bottom: 0; // Reset the default from Reboot
+  font-size: $font-size-base;
+  color: $popover-header-color;
+  background-color: $popover-header-bg;
+  border-bottom: $popover-border-width solid darken($popover-header-bg, 5%);
+  $offset-border-width: calc(#{$border-radius-lg} - #{$popover-border-width});
+  @include border-top-radius($offset-border-width);
+
+  &:empty {
+    display: none;
+  }
+}
+
+.popover-body {
+  padding: $popover-body-padding-y $popover-body-padding-x;
+  color: $popover-body-color;
+}
+/* rtl:end:ignore */
diff --git a/scss/bootstrap/_print.scss b/scss/bootstrap/_print.scss
index 8455660..5e2ce3a 100644
--- a/scss/bootstrap/_print.scss
+++ b/scss/bootstrap/_print.scss
@@ -1,4 +1,4 @@
-// scss-lint:disable QualifyingElement
+// stylelint-disable declaration-no-important, selector-no-qualifying-type
 
 // Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css
 
@@ -12,20 +12,18 @@
   @media print {
     *,
     *::before,
-    *::after,
-    *::first-letter,
-    *::first-line {
+    *::after {
       // Bootstrap specific; comment out `color` and `background`
-      //color: #000 !important; // Black prints faster:
-                                //   http://www.sanbeiji.com/archives/953
+      //color: #000 !important; // Black prints faster: http://www.sanbeiji.com/archives/953
       text-shadow: none !important;
       //background: transparent !important;
       box-shadow: none !important;
     }
 
-    a,
-    a:visited {
-      text-decoration: underline;
+    a {
+      &:not(.btn) {
+        text-decoration: underline;
+      }
     }
 
     // Bootstrap specific; comment the following selector out
@@ -45,9 +43,12 @@
 
     //a[href^="#"]::after,
     //a[href^="javascript:"]::after {
-    //  content: "";
+    // content: "";
     //}
 
+    pre {
+      white-space: pre-wrap !important;
+    }
     pre,
     blockquote {
       border: $border-width solid #999;   // Bootstrap custom code; using `$border-width` instead of 1px
@@ -82,17 +83,24 @@
 
     // Bootstrap specific changes start
 
+    // Specify a size and min-width to make printing closer across browsers.
+    // We don't set margin here because it breaks `size` in Chrome. We also
+    // don't use `!important` on `size` as it breaks in Chrome.
+    @page {
+      size: $print-page-size;
+    }
+    body {
+      min-width: $print-body-min-width !important;
+    }
+    .container {
+      min-width: $print-body-min-width !important;
+    }
+
     // Bootstrap components
     .navbar {
       display: none;
     }
-    .btn,
-    .dropup > .btn {
-      > .caret {
-        border-top-color: #000 !important;
-      }
-    }
-    .tag {
+    .badge {
       border: $border-width solid #000;
     }
 
diff --git a/scss/bootstrap/_progress.scss b/scss/bootstrap/_progress.scss
index c2364fe..a581116 100644
--- a/scss/bootstrap/_progress.scss
+++ b/scss/bootstrap/_progress.scss
@@ -1,145 +1,33 @@
-//
-// Progress animations
-//
-
 @keyframes progress-bar-stripes {
-  from { background-position: $spacer-y 0; }
+  from { background-position: $progress-height 0; }
   to { background-position: 0 0; }
 }
 
-
-//
-// Basic progress bar
-//
-
 .progress {
-  display: block;
-  width: 100%;
-  height: $spacer-y; // todo: make a new var for this
-  margin-bottom: $spacer-y;
-}
-.progress[value] {
-  // Set overall background
-  background-color: $progress-bg;
-  // Remove Firefox and Opera border
-  border: 0;
-  // Reset the default appearance
-  appearance: none;
-  // Set overall border radius
-  @include border-radius($progress-border-radius);
-}
-
-// Filled-in portion of the bar
-.progress[value]::-ms-fill {
-  background-color: $progress-bar-color;
-  // Remove right-hand border of value bar from IE10+/Edge
-  border: 0;
-}
-.progress[value]::-moz-progress-bar {
-  background-color: $progress-bar-color;
-  @include border-left-radius($progress-border-radius);
-}
-.progress[value]::-webkit-progress-value {
-  background-color: $progress-bar-color;
-  @include border-left-radius($progress-border-radius);
-}
-// Tweaks for full progress bar
-.progress[value="100"]::-moz-progress-bar {
-  @include border-right-radius($progress-border-radius);
-}
-.progress[value="100"]::-webkit-progress-value {
-  @include border-right-radius($progress-border-radius);
-}
-
-// Unfilled portion of the bar
-.progress[value]::-webkit-progress-bar {
-  background-color: $progress-bg;
-  @include border-radius($progress-border-radius);
-  @include box-shadow($progress-box-shadow);
-}
-base::-moz-progress-bar, // Absurd-but-syntactically-valid selector to make these styles Firefox-only
-.progress[value] {
+  display: flex;
+  height: $progress-height;
+  overflow: hidden; // force rounded corners by cropping it
+  font-size: $progress-font-size;
   background-color: $progress-bg;
   @include border-radius($progress-border-radius);
   @include box-shadow($progress-box-shadow);
 }
 
-// IE9 hacks to accompany custom markup. We don't need to scope this via media queries, but I feel better doing it anyway.
-@media screen and (min-width:0\0) {
-  .progress {
-    background-color: $progress-bg;
-    @include border-radius($progress-border-radius);
-    @include box-shadow($progress-box-shadow);
-  }
-  .progress-bar {
-    display: inline-block;
-    height: $spacer-y;
-    text-indent: -999rem; // Simulate hiding of value as in native `<progress>`
-    background-color: $progress-bar-color;
-    @include border-left-radius($progress-border-radius);
-  }
-  .progress[width="100%"] {
-    @include border-right-radius($progress-border-radius);
-  }
+.progress-bar {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  color: $progress-bar-color;
+  text-align: center;
+  background-color: $progress-bar-bg;
+  @include transition($progress-bar-transition);
 }
 
-
-//
-// Striped
-//
-
-.progress-striped[value]::-webkit-progress-value {
+.progress-bar-striped {
   @include gradient-striped();
-  background-size: $spacer-y $spacer-y;
-}
-.progress-striped[value]::-moz-progress-bar {
-  @include gradient-striped();
-  background-size: $spacer-y $spacer-y;
-}
-.progress-striped[value]::-ms-fill {
-  @include gradient-striped();
-  background-size: $spacer-y $spacer-y;
-}
-// IE9
-@media screen and (min-width:0\0) {
-  .progress-bar-striped {
-    @include gradient-striped();
-    background-size: $spacer-y $spacer-y;
-  }
-}
-
-
-//
-// Animated
-//
-
-.progress-animated[value]::-webkit-progress-value {
-  animation: progress-bar-stripes 2s linear infinite;
-}
-.progress-animated[value]::-moz-progress-bar {
-  animation: progress-bar-stripes 2s linear infinite;
+  background-size: $progress-height $progress-height;
 }
-// IE9
-@media screen and (min-width:0\0) {
-  .progress-animated .progress-bar-striped {
-    animation: progress-bar-stripes 2s linear infinite;
-  }
-}
-
 
-//
-// Variations
-//
-
-.progress-success {
-  @include progress-variant($progress-bar-success-bg);
-}
-.progress-info {
-  @include progress-variant($progress-bar-info-bg);
-}
-.progress-warning {
-  @include progress-variant($progress-bar-warning-bg);
-}
-.progress-danger {
-  @include progress-variant($progress-bar-danger-bg);
+.progress-bar-animated {
+  animation: progress-bar-stripes $progress-bar-animation-timing;
 }
diff --git a/scss/bootstrap/_reboot.scss b/scss/bootstrap/_reboot.scss
index 1a1e472..c79fa47 100644
--- a/scss/bootstrap/_reboot.scss
+++ b/scss/bootstrap/_reboot.scss
@@ -1,82 +1,68 @@
-// scss-lint:disable QualifyingElement, DuplicateProperty
+// stylelint-disable at-rule-no-vendor-prefix, declaration-no-important, selector-no-qualifying-type, property-no-vendor-prefix
 
 // Reboot
 //
-// Global resets to common HTML elements and more for easier usage by Bootstrap.
-// Adds additional rules on top of Normalize.css, including several overrides.
+// Normalization of HTML elements, manually forked from Normalize.css to remove
+// styles targeting irrelevant browsers while applying new styles.
+//
+// Normalize is licensed MIT. https://github.com/necolas/normalize.css
 
 
-// Reset the box-sizing
-//
-// Change from `box-sizing: content-box` to `border-box` so that when you add
-// `padding` or `border`s to an element, the overall declared `width` does not
-// change. For example, `width: 100px;` will always be `100px` despite the
-// `border: 10px solid red;` and `padding: 20px;`.
+// Document
 //
-// Heads up! This reset may cause conflicts with some third-party widgets. For
-// recommendations on resolving such conflicts, see
-// http://getbootstrap.com/getting-started/#third-box-sizing.
-//
-// Credit: https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/
-
-html {
-  box-sizing: border-box;
-}
+// 1. Change from `box-sizing: content-box` so that `width` is not affected by `padding` or `border`.
+// 2. Change the default font family in all browsers.
+// 3. Correct the line height in all browsers.
+// 4. Prevent adjustments of font size after orientation changes in IE on Windows Phone and in iOS.
+// 5. Setting @viewport causes scrollbars to overlap content in IE11 and Edge, so
+//    we force a non-overlapping, non-auto-hiding scrollbar to counteract.
+// 6. Change the default tap highlight to be completely transparent in iOS.
 
 *,
 *::before,
 *::after {
-  box-sizing: inherit;
+  box-sizing: border-box; // 1
 }
 
+html {
+  font-family: sans-serif; // 2
+  line-height: 1.15; // 3
+  -webkit-text-size-adjust: 100%; // 4
+  -ms-text-size-adjust: 100%; // 4
+  -ms-overflow-style: scrollbar; // 5
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); // 6
+}
 
-// Make viewport responsive
-//
-// @viewport is needed because IE 10+ doesn't honor <meta name="viewport"> in
-// some cases. See http://timkadlec.com/2012/10/ie10-snap-mode-and-responsive-design/.
-// Eventually @viewport will replace <meta name="viewport">.
-//
-// However, `device-width` is broken on IE 10 on Windows (Phone) 8,
-// (see http://timkadlec.com/2013/01/windows-phone-8-and-device-width/ and https://github.com/twbs/bootstrap/issues/10497)
-// and the fix for that involves a snippet of JavaScript to sniff the user agent
-// and apply some conditional CSS.
-//
-// See http://getbootstrap.com/getting-started/#support-ie10-width for the relevant hack.
-//
-// Wrap `@viewport` with `@at-root` for when folks do a nested import (e.g.,
-// `.class-name { @import "bootstrap"; }`).
+// IE10+ doesn't honor `<meta name="viewport">` in some cases.
 @at-root {
-  @-ms-viewport { width: device-width; }
+  @-ms-viewport {
+    width: device-width;
+  }
 }
 
+// stylelint-disable selector-list-comma-newline-after
+// Shim for "new" HTML5 structural elements to display correctly (IE10, older browsers)
+article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
+  display: block;
+}
+// stylelint-enable selector-list-comma-newline-after
 
+// Body
 //
-// Reset HTML, body, and more
-//
-
-html {
-  // Sets a specific default `font-size` for user with `rem` type scales.
-  font-size: $font-size-root;
-  // As a side-effect of setting the @viewport above,
-  // IE11 & Edge make the scrollbar overlap the content and automatically hide itself when not in use.
-  // Unfortunately, the auto-showing of the scrollbar is sometimes too sensitive,
-  // thus making it hard to click on stuff near the right edge of the page.
-  // So we add this style to force IE11 & Edge to use a "normal", non-overlapping, non-auto-hiding scrollbar.
-  // See https://github.com/twbs/bootstrap/issues/18543
-  -ms-overflow-style: scrollbar;
-  // Changes the default tap highlight to be completely transparent in iOS.
-  -webkit-tap-highlight-color: rgba(0,0,0,0);
-}
+// 1. Remove the margin in all browsers.
+// 2. As a best practice, apply a default `background-color`.
+// 3. Set an explicit initial text-align value so that we can later use the
+//    the `inherit` value on things like `<th>` elements.
 
 body {
-  // Make the `body` use the `font-size-root`
+  margin: 0; // 1
   font-family: $font-family-base;
   font-size: $font-size-base;
+  font-weight: $font-weight-base;
   line-height: $line-height-base;
-  // Go easy on the eyes and use something other than `#000` for text
   color: $body-color;
-  // By default, `<body>` has no `background-color` so we set one as a best practice.
-  background-color: $body-bg;
+  text-align: left; // 3
+  background-color: $body-bg; // 2
 }
 
 // Suppress the focus outline on elements that cannot be accessed via keyboard.
@@ -85,7 +71,19 @@ body {
 //
 // Credit: https://github.com/suitcss/base
 [tabindex="-1"]:focus {
-  outline: none !important;
+  outline: 0 !important;
+}
+
+
+// Content grouping
+//
+// 1. Add the correct box sizing in Firefox.
+// 2. Show the overflow in Edge and IE.
+
+hr {
+  box-sizing: content-box; // 1
+  height: 0; // 1
+  overflow: visible; // 2
 }
 
 
@@ -97,10 +95,12 @@ body {
 //
 // By default, `<h1>`-`<h6>` all receive top and bottom margins. We nuke the top
 // margin for easier control within type scales as it avoids margin collapsing.
+// stylelint-disable selector-list-comma-newline-after
 h1, h2, h3, h4, h5, h6 {
   margin-top: 0;
-  margin-bottom: .5rem;
+  margin-bottom: $headings-margin-bottom;
 }
+// stylelint-enable selector-list-comma-newline-after
 
 // Reset margins on paragraphs
 //
@@ -108,15 +108,22 @@ h1, h2, h3, h4, h5, h6 {
 // bottom margin to use `rem` units instead of `em`.
 p {
   margin-top: 0;
-  margin-bottom: 1rem;
+  margin-bottom: $paragraph-margin-bottom;
 }
 
-// Abbreviations and acronyms
+// Abbreviations
+//
+// 1. Remove the bottom border in Firefox 39-.
+// 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
+// 3. Add explicit cursor to indicate changed behavior.
+// 4. Duplicate behavior to the data-* attribute for our tooltip plugin
+
 abbr[title],
-// Add data-* attribute to help out our tooltip plugin, per https://github.com/twbs/bootstrap/issues/5257
-abbr[data-original-title] {
-  cursor: help;
-  border-bottom: 1px dotted $abbr-border-color;
+abbr[data-original-title] { // 4
+  text-decoration: underline; // 2
+  text-decoration: underline dotted; // 2
+  cursor: help; // 3
+  border-bottom: 0; // 1
 }
 
 address {
@@ -152,6 +159,37 @@ blockquote {
   margin: 0 0 1rem;
 }
 
+dfn {
+  font-style: italic; // Add the correct font style in Android 4.3-
+}
+
+// stylelint-disable font-weight-notation
+b,
+strong {
+  font-weight: bolder; // Add the correct font weight in Chrome, Edge, and Safari
+}
+// stylelint-enable font-weight-notation
+
+small {
+  font-size: 80%; // Add the correct font size in all browsers
+}
+
+//
+// Prevent `sub` and `sup` elements from affecting the line height in
+// all browsers.
+//
+
+sub,
+sup {
+  position: relative;
+  font-size: 75%;
+  line-height: 0;
+  vertical-align: baseline;
+}
+
+sub { bottom: -.25em; }
+sup { top: -.5em; }
+
 
 //
 // Links
@@ -160,15 +198,13 @@ blockquote {
 a {
   color: $link-color;
   text-decoration: $link-decoration;
+  background-color: transparent; // Remove the gray background on active links in IE 10.
+  -webkit-text-decoration-skip: objects; // Remove gaps in links underline in iOS 8+ and Safari 8+.
 
-  @include hover-focus {
+  @include hover {
     color: $link-hover-color;
     text-decoration: $link-hover-decoration;
   }
-
-  &:focus {
-    @include tab-focus();
-  }
 }
 
 // And undo these styles for placeholder links/named anchors (without href)
@@ -187,7 +223,7 @@ a:not([href]):not([tabindex]) {
   }
 
   &:focus {
-    outline: none;
+    outline: 0;
   }
 }
 
@@ -196,13 +232,26 @@ a:not([href]):not([tabindex]) {
 // Code
 //
 
+// stylelint-disable font-family-no-duplicate-names
+pre,
+code,
+kbd,
+samp {
+  font-family: monospace, monospace; // Correct the inheritance and scaling of font size in all browsers.
+  font-size: 1em; // Correct the odd `em` font sizing in all browsers.
+}
+// stylelint-enable font-family-no-duplicate-names
+
 pre {
   // Remove browser default top margin
   margin-top: 0;
   // Reset browser default of `1em` to use `rem`s
   margin-bottom: 1rem;
-  // Normalize v4 removed this property, causing `<pre>` content to break out of wrapping code snippets
+  // Don't allow content to break outside
   overflow: auto;
+  // We have @viewport set which causes scrollbars to overlap content in IE11 and Edge, so
+  // we force a non-overlapping, non-auto-hiding scrollbar to counteract.
+  -ms-overflow-style: scrollbar;
 }
 
 
@@ -211,56 +260,22 @@ pre {
 //
 
 figure {
-  // Normalize adds `margin` to `figure`s as browsers apply it inconsistently.
-  // We reset that to create a better flow in-page.
+  // Apply a consistent margin strategy (matches our type styles).
   margin: 0 0 1rem;
 }
 
 
 //
-// Images
+// Images and content
 //
 
 img {
-  // By default, `<img>`s are `inline-block`. This assumes that, and vertically
-  // centers them. This won't apply should you reset them to `block` level.
   vertical-align: middle;
-  // Note: `<img>`s are deliberately not made responsive by default.
-  // For the rationale behind this, see the comments on the `.img-fluid` class.
-}
-
-
-// iOS "clickable elements" fix for role="button"
-//
-// Fixes "clickability" issue (and more generally, the firing of events such as focus as well)
-// for traditionally non-focusable elements with role="button"
-// see https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile
-
-[role="button"] {
-  cursor: pointer;
+  border-style: none; // Remove the border on images inside links in IE 10-.
 }
 
-
-// Avoid 300ms click delay on touch devices that support the `touch-action` CSS property.
-//
-// In particular, unlike most other browsers, IE11+Edge on Windows 10 on touch devices and IE Mobile 10-11
-// DON'T remove the click delay when `<meta name="viewport" content="width=device-width">` is present.
-// However, they DO support removing the click delay via `touch-action: manipulation`.
-// See:
-// * http://v4-alpha.getbootstrap.com/content/reboot/#click-delay-optimization-for-touch
-// * http://caniuse.com/#feat=css-touch-action
-// * http://patrickhlauke.github.io/touch/tests/results/#suppressing-300ms-delay
-
-a,
-area,
-button,
-[role="button"],
-input,
-label,
-select,
-summary,
-textarea {
-  touch-action: manipulation;
+svg:not(:root) {
+  overflow: hidden; // Hide the overflow in IE
 }
 
 
@@ -269,10 +284,7 @@ textarea {
 //
 
 table {
-  // No longer part of Normalize since v4
-  border-collapse: collapse;
-  // Reset for nesting within parents with `background-color`.
-  background-color: $table-bg;
+  border-collapse: collapse; // Prevent double borders
 }
 
 caption {
@@ -284,8 +296,9 @@ caption {
 }
 
 th {
-  // Centered by default, but left-align-ed to match the `td`s below.
-  text-align: left;
+  // Matches default `<td>` alignment by inheriting from the `<body>`, or the
+  // closest parent with a set `text-align`.
+  text-align: inherit;
 }
 
 
@@ -299,6 +312,13 @@ label {
   margin-bottom: .5rem;
 }
 
+// Remove the default `border-radius` that macOS Chrome adds.
+//
+// Details at https://github.com/twbs/bootstrap/issues/24093
+button {
+  border-radius: 0;
+}
+
 // Work around a Firefox/IE bug where the transparent `button` background
 // results in a loss of the default `button` focus styles.
 //
@@ -311,25 +331,47 @@ button:focus {
 input,
 button,
 select,
+optgroup,
 textarea {
-  // Remove all `margin`s so our classes don't have to do it themselves.
-  margin: 0;
-  // Normalize includes `font: inherit;`, so `font-family`. `font-size`, etc are
-  // properly inherited. However, `line-height` isn't addressed there. Using this
-  // ensures we don't need to unnecessarily redeclare the global font stack.
+  margin: 0; // Remove the margin in Firefox and Safari
+  font-family: inherit;
+  font-size: inherit;
   line-height: inherit;
-  // iOS adds rounded borders by default
-  border-radius: 0;
+}
+
+button,
+input {
+  overflow: visible; // Show the overflow in Edge
+}
+
+button,
+select {
+  text-transform: none; // Remove the inheritance of text transform in Firefox
+}
+
+// 1. Prevent a WebKit bug where (2) destroys native `audio` and `video`
+//    controls in Android 4.
+// 2. Correct the inability to style clickable types in iOS and Safari.
+button,
+html [type="button"], // 1
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button; // 2
+}
+
+// Remove inner border and padding from Firefox, but don't restore the outline like Normalize.
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  padding: 0;
+  border-style: none;
 }
 
 input[type="radio"],
 input[type="checkbox"] {
-  // Apply a disabled cursor for radios and checkboxes.
-  //
-  // Note: Neither radios nor checkboxes can be readonly.
-  &:disabled {
-    cursor: $cursor-disabled;
-  }
+  box-sizing: border-box; // 1. Add the correct box sizing in IE 10-
+  padding: 0; // 2. Remove the padding in IE 10-
 }
 
 
@@ -340,20 +382,23 @@ input[type="month"] {
   // Remove the default appearance of temporal inputs to avoid a Mobile Safari
   // bug where setting a custom line-height prevents text from being vertically
   // centered within the input.
-  //
-  // Bug report: https://github.com/twbs/bootstrap/issues/11266
+  // See https://bugs.webkit.org/show_bug.cgi?id=139848
+  // and https://github.com/twbs/bootstrap/issues/11266
   -webkit-appearance: listbox;
 }
 
 textarea {
+  overflow: auto; // Remove the default vertical scrollbar in IE.
   // Textareas should really only resize vertically so they don't break their (horizontal) containers.
   resize: vertical;
 }
 
 fieldset {
-  // Chrome and Firefox set a `min-width: min-content;` on fieldsets,
-  // so we reset that to ensure it behaves more like a standard block element.
-  // See https://github.com/twbs/bootstrap/issues/12359.
+  // Browsers set a default `min-width: min-content;` on fieldsets,
+  // unlike e.g. `<div>`s, which have `min-width: 0;` by default.
+  // So we reset that to ensure fieldsets behave more like a standard block element.
+  // See https://github.com/twbs/bootstrap/issues/12359
+  // and https://html.spec.whatwg.org/multipage/#the-fieldset-and-legend-elements
   min-width: 0;
   // Reset the default outline behavior of fieldsets so they don't affect page layout.
   padding: 0;
@@ -361,33 +406,77 @@ fieldset {
   border: 0;
 }
 
+// 1. Correct the text wrapping in Edge and IE.
+// 2. Correct the color inheritance from `fieldset` elements in IE.
 legend {
-  // Reset the entire legend element to match the `fieldset`
   display: block;
   width: 100%;
+  max-width: 100%; // 1
   padding: 0;
   margin-bottom: .5rem;
   font-size: 1.5rem;
   line-height: inherit;
+  color: inherit; // 2
+  white-space: normal; // 1
+}
+
+progress {
+  vertical-align: baseline; // Add the correct vertical alignment in Chrome, Firefox, and Opera.
+}
+
+// Correct the cursor style of increment and decrement buttons in Chrome.
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto;
 }
 
-input[type="search"] {
+[type="search"] {
   // This overrides the extra rounded corners on search inputs in iOS so that our
   // `.form-control` class can properly style them. Note that this cannot simply
   // be added to `.form-control` as it's not specific enough. For details, see
   // https://github.com/twbs/bootstrap/issues/11586.
+  outline-offset: -2px; // 2. Correct the outline style in Safari.
+  -webkit-appearance: none;
+}
+
+//
+// Remove the inner padding and cancel buttons in Chrome and Safari on macOS.
+//
+
+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
   -webkit-appearance: none;
 }
 
-// todo: needed?
+//
+// 1. Correct the inability to style clickable types in iOS and Safari.
+// 2. Change font properties to `inherit` in Safari.
+//
+
+::-webkit-file-upload-button {
+  font: inherit; // 2
+  -webkit-appearance: button; // 1
+}
+
+//
+// Correct element displays
+//
+
 output {
   display: inline-block;
-//  font-size: $font-size-base;
-//  line-height: $line-height;
-//  color: $input-color;
+}
+
+summary {
+  display: list-item; // Add the correct display in all browsers
+  cursor: pointer;
+}
+
+template {
+  display: none; // Add the correct display in IE
 }
 
 // Always hide an element with the `hidden` HTML attribute (from PureCSS).
+// Needed for proper display in IE 10-.
 [hidden] {
   display: none !important;
 }
diff --git a/scss/bootstrap/_root.scss b/scss/bootstrap/_root.scss
new file mode 100644
index 0000000..ad550df
--- /dev/null
+++ b/scss/bootstrap/_root.scss
@@ -0,0 +1,19 @@
+:root {
+  // Custom variable values only support SassScript inside `#{}`.
+  @each $color, $value in $colors {
+    --#{$color}: #{$value};
+  }
+
+  @each $color, $value in $theme-colors {
+    --#{$color}: #{$value};
+  }
+
+  @each $bp, $value in $grid-breakpoints {
+    --breakpoint-#{$bp}: #{$value};
+  }
+
+  // Use `inspect` for lists so that quoted items keep the quotes.
+  // See https://github.com/sass/sass/issues/2383#issuecomment-336349172
+  --font-family-sans-serif: #{inspect($font-family-sans-serif)};
+  --font-family-monospace: #{inspect($font-family-monospace)};
+}
diff --git a/scss/bootstrap/_tables.scss b/scss/bootstrap/_tables.scss
index 235ec98..0e3b119 100644
--- a/scss/bootstrap/_tables.scss
+++ b/scss/bootstrap/_tables.scss
@@ -6,6 +6,7 @@
   width: 100%;
   max-width: 100%;
   margin-bottom: $spacer;
+  background-color: $table-bg; // Reset for nesting within parents with `background-color`.
 
   th,
   td {
@@ -36,7 +37,7 @@
 .table-sm {
   th,
   td {
-    padding: $table-sm-cell-padding;
+    padding: $table-cell-padding-sm;
   }
 }
 
@@ -68,7 +69,7 @@
 
 .table-striped {
   tbody tr:nth-of-type(odd) {
-    background-color: $table-bg-accent;
+    background-color: $table-accent-bg;
   }
 }
 
@@ -80,7 +81,7 @@
 .table-hover {
   tbody tr {
     @include hover {
-      background-color: $table-bg-hover;
+      background-color: $table-hover-bg;
     }
   }
 }
@@ -91,106 +92,89 @@
 // Exact selectors below required to override `.table-striped` and prevent
 // inheritance to nested tables.
 
-// Generate the contextual variants
-@include table-row-variant(active, $table-bg-active);
-@include table-row-variant(success, $state-success-bg);
-@include table-row-variant(info, $state-info-bg);
-@include table-row-variant(warning, $state-warning-bg);
-@include table-row-variant(danger, $state-danger-bg);
+@each $color, $value in $theme-colors {
+  @include table-row-variant($color, theme-color-level($color, -9));
+}
+
+@include table-row-variant(active, $table-active-bg);
 
 
-// Inverse styles
+// Dark styles
 //
 // Same table markup, but inverted color scheme: dark background and light text.
 
-.thead-inverse {
-  th {
-    color: #fff;
-    background-color: $gray-dark;
+// stylelint-disable-next-line no-duplicate-selectors
+.table {
+  .thead-dark {
+    th {
+      color: $table-dark-color;
+      background-color: $table-dark-bg;
+      border-color: $table-dark-border-color;
+    }
   }
-}
 
-.thead-default {
-  th {
-    color: $gray;
-    background-color: $gray-lighter;
+  .thead-light {
+    th {
+      color: $table-head-color;
+      background-color: $table-head-bg;
+      border-color: $table-border-color;
+    }
   }
 }
 
-.table-inverse {
-  color: $gray-lighter;
-  background-color: $gray-dark;
+.table-dark {
+  color: $table-dark-color;
+  background-color: $table-dark-bg;
 
   th,
   td,
   thead th {
-    border-color: $gray;
+    border-color: $table-dark-border-color;
   }
 
   &.table-bordered {
     border: 0;
   }
-}
-
-
-
-// Responsive tables
-//
-// Wrap your tables in `.table-responsive` and we'll make them mobile friendly
-// by enabling horizontal scrolling. Only applies <768px. Everything above that
-// will display normally.
-
-.table-responsive {
-  display: block;
-  width: 100%;
-  min-height: .01%; // Workaround for IE9 bug (see https://github.com/twbs/bootstrap/issues/14837)
-  overflow-x: auto;
-
-  // TODO: find out if we need this still.
-  //
-  // border: $table-border-width solid $table-border-color;
-  // -ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057
-}
-
 
-.table-reflow {
-  thead {
-    float: left;
-  }
-
-  tbody {
-    display: block;
-    white-space: nowrap;
-  }
-
-  th,
-  td {
-    border-top: $table-border-width solid $table-border-color;
-    border-left: $table-border-width solid $table-border-color;
-
-    &:last-child {
-      border-right: $table-border-width solid $table-border-color;
+  &.table-striped {
+    tbody tr:nth-of-type(odd) {
+      background-color: $table-dark-accent-bg;
     }
   }
 
-  thead,
-  tbody,
-  tfoot {
-    &:last-child {
-      tr:last-child th,
-      tr:last-child td {
-        border-bottom: $table-border-width solid $table-border-color;
+  &.table-hover {
+    tbody tr {
+      @include hover {
+        background-color: $table-dark-hover-bg;
       }
     }
   }
+}
 
-  tr {
-    float: left;
 
-    th,
-    td {
-      display: block !important;
-      border: $table-border-width solid $table-border-color;
+// Responsive tables
+//
+// Generate series of `.table-responsive-*` classes for configuring the screen
+// size of where your table will overflow.
+
+.table-responsive {
+  @each $breakpoint in map-keys($grid-breakpoints) {
+    $next: breakpoint-next($breakpoint, $grid-breakpoints);
+    $infix: breakpoint-infix($next, $grid-breakpoints);
+
+    &#{$infix} {
+      @include media-breakpoint-down($breakpoint) {
+        display: block;
+        width: 100%;
+        overflow-x: auto;
+        -webkit-overflow-scrolling: touch;
+        -ms-overflow-style: -ms-autohiding-scrollbar; // See https://github.com/twbs/bootstrap/pull/10057
+
+        // Prevent double border on horizontal scroll due to use of `display: block;`
+        > .table-bordered {
+          border: 0;
+        }
+      }
     }
   }
 }
diff --git a/scss/bootstrap/_tooltip.scss b/scss/bootstrap/_tooltip.scss
index e8151af..1286ebf 100644
--- a/scss/bootstrap/_tooltip.scss
+++ b/scss/bootstrap/_tooltip.scss
@@ -3,70 +3,107 @@
   position: absolute;
   z-index: $zindex-tooltip;
   display: block;
+  margin: $tooltip-margin;
   // Our parent element can be arbitrary since tooltips are by default inserted as a sibling of their target element.
   // So reset our font and text properties to avoid inheriting weird values.
   @include reset-text();
-  font-size: $font-size-sm;
+  font-size: $tooltip-font-size;
   // Allow breaking very long words so they don't overflow the tooltip's bounds
   word-wrap: break-word;
   opacity: 0;
 
-  &.in { opacity: $tooltip-opacity; }
+  &.show { opacity: $tooltip-opacity; }
 
-  &.tooltip-top,
-  &.bs-tether-element-attached-bottom {
-    padding: $tooltip-arrow-width 0;
-    margin-top: -$tooltip-margin;
+  .arrow {
+    position: absolute;
+    display: block;
+    width: $tooltip-arrow-width;
+    height: $tooltip-arrow-height;
 
-    .tooltip-arrow {
-      bottom: 0;
-      left: 50%;
-      margin-left: -$tooltip-arrow-width;
-      border-width: $tooltip-arrow-width $tooltip-arrow-width 0;
+    &::before {
+      position: absolute;
+      content: "";
+      border-color: transparent;
+      border-style: solid;
+    }
+  }
+}
+
+.bs-tooltip-top {
+  padding: $tooltip-arrow-height 0;
+
+  .arrow {
+    bottom: 0;
+
+    &::before {
+      top: 0;
+      border-width: $tooltip-arrow-height ($tooltip-arrow-width / 2) 0;
       border-top-color: $tooltip-arrow-color;
     }
   }
-  &.tooltip-right,
-  &.bs-tether-element-attached-left {
-    padding: 0 $tooltip-arrow-width;
-    margin-left: $tooltip-margin;
+}
 
-    .tooltip-arrow {
-      top: 50%;
-      left: 0;
-      margin-top: -$tooltip-arrow-width;
-      border-width: $tooltip-arrow-width $tooltip-arrow-width $tooltip-arrow-width 0;
+.bs-tooltip-right {
+  padding: 0 $tooltip-arrow-height;
+
+  .arrow {
+    left: 0;
+    width: $tooltip-arrow-height;
+    height: $tooltip-arrow-width;
+
+    &::before {
+      right: 0;
+      border-width: ($tooltip-arrow-width / 2) $tooltip-arrow-height ($tooltip-arrow-width / 2) 0;
       border-right-color: $tooltip-arrow-color;
     }
   }
-  &.tooltip-bottom,
-  &.bs-tether-element-attached-top {
-    padding: $tooltip-arrow-width 0;
-    margin-top: $tooltip-margin;
+}
 
-    .tooltip-arrow {
-      top: 0;
-      left: 50%;
-      margin-left: -$tooltip-arrow-width;
-      border-width: 0 $tooltip-arrow-width $tooltip-arrow-width;
+.bs-tooltip-bottom {
+  padding: $tooltip-arrow-height 0;
+
+  .arrow {
+    top: 0;
+
+    &::before {
+      bottom: 0;
+      border-width: 0 ($tooltip-arrow-width / 2) $tooltip-arrow-height;
       border-bottom-color: $tooltip-arrow-color;
     }
   }
-  &.tooltip-left,
-  &.bs-tether-element-attached-right {
-    padding: 0 $tooltip-arrow-width;
-    margin-left: -$tooltip-margin;
+}
 
-    .tooltip-arrow {
-      top: 50%;
-      right: 0;
-      margin-top: -$tooltip-arrow-width;
-      border-width: $tooltip-arrow-width 0 $tooltip-arrow-width $tooltip-arrow-width;
+.bs-tooltip-left {
+  padding: 0 $tooltip-arrow-height;
+
+  .arrow {
+    right: 0;
+    width: $tooltip-arrow-height;
+    height: $tooltip-arrow-width;
+
+    &::before {
+      left: 0;
+      border-width: ($tooltip-arrow-width / 2) 0 ($tooltip-arrow-width / 2) $tooltip-arrow-height;
       border-left-color: $tooltip-arrow-color;
     }
   }
 }
 
+.bs-tooltip-auto {
+  &[x-placement^="top"] {
+    @extend .bs-tooltip-top;
+  }
+  &[x-placement^="right"] {
+    @extend .bs-tooltip-right;
+  }
+  &[x-placement^="bottom"] {
+    @extend .bs-tooltip-bottom;
+  }
+  &[x-placement^="left"] {
+    @extend .bs-tooltip-left;
+  }
+}
+
 // Wrapper for the tooltip content
 .tooltip-inner {
   max-width: $tooltip-max-width;
@@ -74,14 +111,5 @@
   color: $tooltip-color;
   text-align: center;
   background-color: $tooltip-bg;
-  @include border-radius($border-radius);
-}
-
-// Arrows
-.tooltip-arrow {
-  position: absolute;
-  width: 0;
-  height: 0;
-  border-color: transparent;
-  border-style: solid;
+  @include border-radius($tooltip-border-radius);
 }
diff --git a/scss/bootstrap/_transitions.scss b/scss/bootstrap/_transitions.scss
new file mode 100644
index 0000000..df5744b
--- /dev/null
+++ b/scss/bootstrap/_transitions.scss
@@ -0,0 +1,36 @@
+// stylelint-disable selector-no-qualifying-type
+
+.fade {
+  opacity: 0;
+  @include transition($transition-fade);
+
+  &.show {
+    opacity: 1;
+  }
+}
+
+.collapse {
+  display: none;
+  &.show {
+    display: block;
+  }
+}
+
+tr {
+  &.collapse.show {
+    display: table-row;
+  }
+}
+
+tbody {
+  &.collapse.show {
+    display: table-row-group;
+  }
+}
+
+.collapsing {
+  position: relative;
+  height: 0;
+  overflow: hidden;
+  @include transition($transition-collapse);
+}
diff --git a/scss/bootstrap/_type.scss b/scss/bootstrap/_type.scss
index ff71140..57d610f 100644
--- a/scss/bootstrap/_type.scss
+++ b/scss/bootstrap/_type.scss
@@ -1,3 +1,5 @@
+// stylelint-disable declaration-no-important, selector-list-comma-newline-after
+
 //
 // Headings
 //
@@ -11,12 +13,12 @@ h1, h2, h3, h4, h5, h6,
   color: $headings-color;
 }
 
-h1, .h1 { font-size: $font-size-h1; }
-h2, .h2 { font-size: $font-size-h2; }
-h3, .h3 { font-size: $font-size-h3; }
-h4, .h4 { font-size: $font-size-h4; }
-h5, .h5 { font-size: $font-size-h5; }
-h6, .h6 { font-size: $font-size-h6; }
+h1, .h1 { font-size: $h1-font-size; }
+h2, .h2 { font-size: $h2-font-size; }
+h3, .h3 { font-size: $h3-font-size; }
+h4, .h4 { font-size: $h4-font-size; }
+h5, .h5 { font-size: $h5-font-size; }
+h6, .h6 { font-size: $h6-font-size; }
 
 .lead {
   font-size: $lead-font-size;
@@ -27,18 +29,22 @@ h6, .h6 { font-size: $font-size-h6; }
 .display-1 {
   font-size: $display1-size;
   font-weight: $display1-weight;
+  line-height: $display-line-height;
 }
 .display-2 {
   font-size: $display2-size;
   font-weight: $display2-weight;
+  line-height: $display-line-height;
 }
 .display-3 {
   font-size: $display3-size;
   font-weight: $display3-weight;
+  line-height: $display-line-height;
 }
 .display-4 {
   font-size: $display4-size;
   font-weight: $display4-weight;
+  line-height: $display-line-height;
 }
 
 
@@ -47,8 +53,8 @@ h6, .h6 { font-size: $font-size-h6; }
 //
 
 hr {
-  margin-top: $spacer-y;
-  margin-bottom: $spacer-y;
+  margin-top: $hr-margin-y;
+  margin-bottom: $hr-margin-y;
   border: 0;
   border-top: $hr-border-width solid $hr-border-color;
 }
@@ -61,7 +67,7 @@ hr {
 small,
 .small {
   font-size: $small-font-size;
-  font-weight: normal;
+  font-weight: $font-weight-normal;
 }
 
 mark,
@@ -104,10 +110,8 @@ mark,
 
 // Blockquotes
 .blockquote {
-  padding: ($spacer / 2) $spacer;
   margin-bottom: $spacer;
   font-size: $blockquote-font-size;
-  border-left: $blockquote-border-width solid $blockquote-border-color;
 }
 
 .blockquote-footer {
@@ -119,32 +123,3 @@ mark,
     content: "\2014 \00A0"; // em dash, nbsp
   }
 }
-
-// Opposite alignment of blockquote
-.blockquote-reverse {
-  padding-right: $spacer;
-  padding-left: 0;
-  text-align: right;
-  border-right: $blockquote-border-width solid $blockquote-border-color;
-  border-left: 0;
-}
-
-.blockquote-reverse .blockquote-footer {
-  &::before {
-    content: "";
-  }
-  &::after {
-    content: "\00A0 \2014"; // nbsp, em dash
-  }
-}
-
-@if not $enable-flex {
-  // Clean up some horizontal `<dl>`s built with grids
-  // scss-lint:disable QualifyingElement
-  dl.row {
-    > dd + dt {
-      clear: left;
-    }
-  }
-  // scss-lint:enable QualifyingElement
-}
diff --git a/scss/bootstrap/_utilities.scss b/scss/bootstrap/_utilities.scss
index 87b8ba6..7b2a1eb 100644
--- a/scss/bootstrap/_utilities.scss
+++ b/scss/bootstrap/_utilities.scss
@@ -1,9 +1,14 @@
+@import "utilities/align";
 @import "utilities/background";
+@import "utilities/borders";
 @import "utilities/clearfix";
 @import "utilities/display";
+@import "utilities/embed";
 @import "utilities/flex";
-@import "utilities/pulls";
+@import "utilities/float";
+@import "utilities/position";
 @import "utilities/screenreaders";
+@import "utilities/sizing";
 @import "utilities/spacing";
 @import "utilities/text";
 @import "utilities/visibility";
diff --git a/scss/bootstrap/_variables.scss b/scss/bootstrap/_variables.scss
index 05c0088..be580de 100644
--- a/scss/bootstrap/_variables.scss
+++ b/scss/bootstrap/_variables.scss
@@ -1,71 +1,109 @@
 // Variables
 //
-// Copy settings from this file into the provided `_custom.scss` to override
-// the Bootstrap defaults without modifying key, versioned files.
+// Variables should follow the `$component-state-property-size` formula for
+// consistent naming. Ex: $nav-link-disabled-color and $modal-content-box-shadow-xs.
 
 
-// Table of Contents
 //
-// Colors
-// Options
-// Spacing
-// Body
-// Links
-// Grid breakpoints
-// Grid containers
-// Grid columns
-// Fonts
-// Components
-
-@mixin _assert-ascending($map, $map-name) {
-  $prev-key: null;
-  $prev-num: null;
-  @each $key, $num in $map {
-    @if $prev-num == null {
-      // Do nothing
-    } @else if not comparable($prev-num, $num) {
-      @warn "Potentially invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} whose unit makes it incomparable to #{$prev-num}, the value of the previous key '#{$prev-key}' !";
-    } @else if $prev-num >= $num {
-      @warn "Invalid value for #{$map-name}: This map must be in ascending order, but key '#{$key}' has value #{$num} which isn't greater than #{$prev-num}, the value of the previous key '#{$prev-key}' !";
-    }
-    $prev-key: $key;
-    $prev-num: $num;
-  }
-}
-
-// General variable structure
+// Color system
 //
-// Variable format should follow the `$component-modifier-state-property` order.
-
-
-// Colors
-//
-// Grayscale and brand colors for use across Bootstrap.
-
-$gray-dark:                 #373a3c !default;
-$gray:                      #55595c !default;
-$gray-light:                #818a91 !default;
-$gray-lighter:              #eceeef !default;
-$gray-lightest:             #f7f7f9 !default;
-
-$brand-primary:             #0275d8 !default;
-$brand-success:             #5cb85c !default;
-$brand-info:                #5bc0de !default;
-$brand-warning:             #f0ad4e !default;
-$brand-danger:              #d9534f !default;
-$brand-inverse:             $gray-dark !default;
 
+// stylelint-disable
+$white:    #fff !default;
+$gray-100: #f8f9fa !default;
+$gray-200: #e9ecef !default;
+$gray-300: #dee2e6 !default;
+$gray-400: #ced4da !default;
+$gray-500: #adb5bd !default;
+$gray-600: #6c757d !default;
+$gray-700: #495057 !default;
+$gray-800: #343a40 !default;
+$gray-900: #212529 !default;
+$black:    #000 !default;
+
+$grays: () !default;
+$grays: map-merge((
+  "100": $gray-100,
+  "200": $gray-200,
+  "300": $gray-300,
+  "400": $gray-400,
+  "500": $gray-500,
+  "600": $gray-600,
+  "700": $gray-700,
+  "800": $gray-800,
+  "900": $gray-900
+), $grays);
+
+$blue:    #007bff !default;
+$indigo:  #6610f2 !default;
+$purple:  #6f42c1 !default;
+$pink:    #e83e8c !default;
+$red:     #dc3545 !default;
+$orange:  #fd7e14 !default;
+$yellow:  #ffc107 !default;
+$green:   #28a745 !default;
+$teal:    #20c997 !default;
+$cyan:    #17a2b8 !default;
+
+$colors: () !default;
+$colors: map-merge((
+  "blue":       $blue,
+  "indigo":     $indigo,
+  "purple":     $purple,
+  "pink":       $pink,
+  "red":        $red,
+  "orange":     $orange,
+  "yellow":     $yellow,
+  "green":      $green,
+  "teal":       $teal,
+  "cyan":       $cyan,
+  "white":      $white,
+  "gray":       $gray-600,
+  "gray-dark":  $gray-800
+), $colors);
+
+$primary:       $blue !default;
+$secondary:     $gray-600 !default;
+$success:       $green !default;
+$info:          $cyan !default;
+$warning:       $yellow !default;
+$danger:        $red !default;
+$light:         $gray-100 !default;
+$dark:          $gray-800 !default;
+
+$theme-colors: () !default;
+$theme-colors: map-merge((
+  "primary":    $primary,
+  "secondary":  $secondary,
+  "success":    $success,
+  "info":       $info,
+  "warning":    $warning,
+  "danger":     $danger,
+  "light":      $light,
+  "dark":       $dark
+), $theme-colors);
+// stylelint-enable
+
+// Set a specific jump point for requesting color jumps
+$theme-color-interval:      8% !default;
+
+// The yiq lightness value that determines when the lightness of color changes from "dark" to "light". Acceptable values are between 0 and 255.
+$yiq-contrasted-threshold: 150 !default;
+
+// Customize the light and dark text colors for use in our YIQ color contrast function.
+$yiq-text-dark: $gray-900 !default;
+$yiq-text-light: $white !default;
 
 // Options
 //
 // Quickly modify global styling by enabling or disabling optional features.
 
-$enable-flex:               false !default;
+$enable-caret:              true !default;
 $enable-rounded:            true !default;
 $enable-shadows:            false !default;
 $enable-gradients:          false !default;
-$enable-transitions:        false !default;
-$enable-hover-media-query:  false !default;
+$enable-transitions:        true !default;
+$enable-hover-media-query:  false !default; // Deprecated, no longer affects any compiled CSS
 $enable-grid-classes:       true !default;
 $enable-print-styles:       true !default;
 
@@ -76,46 +114,49 @@ $enable-print-styles:       true !default;
 // variables. Mostly focused on spacing.
 // You can add more entries to the $spacers map, should you need more variation.
 
-$spacer:   1rem !default;
-$spacer-x: $spacer !default;
-$spacer-y: $spacer !default;
-$spacers: (
-  0: (
-    x: 0,
-    y: 0
-  ),
-  1: (
-    x: $spacer-x,
-    y: $spacer-y
-  ),
-  2: (
-    x: ($spacer-x * 1.5),
-    y: ($spacer-y * 1.5)
-  ),
-  3: (
-    x: ($spacer-x * 3),
-    y: ($spacer-y * 3)
-  )
-) !default;
-$border-width: 1px !default;
-
+// stylelint-disable
+$spacer: 1rem !default;
+$spacers: () !default;
+$spacers: map-merge((
+  0: 0,
+  1: ($spacer * .25),
+  2: ($spacer * .5),
+  3: $spacer,
+  4: ($spacer * 1.5),
+  5: ($spacer * 3)
+), $spacers);
+
+// This variable affects the `.h-*` and `.w-*` classes.
+$sizes: () !default;
+$sizes: map-merge((
+  25: 25%,
+  50: 50%,
+  75: 75%,
+  100: 100%
+), $sizes);
+// stylelint-enable
 
 // Body
 //
 // Settings for the `<body>` element.
 
-$body-bg:    #fff !default;
-$body-color: $gray-dark !default;
-
+$body-bg:                   $white !default;
+$body-color:                $gray-900 !default;
 
 // Links
 //
 // Style anchor elements.
 
-$link-color:            $brand-primary !default;
-$link-decoration:       none !default;
-$link-hover-color:      darken($link-color, 15%) !default;
-$link-hover-decoration: underline !default;
+$link-color:                theme-color("primary") !default;
+$link-decoration:           none !default;
+$link-hover-color:          darken($link-color, 15%) !default;
+$link-hover-decoration:     underline !default;
+
+// Paragraphs
+//
+// Style p element.
+
+$paragraph-margin-bottom:   1rem !default;
 
 
 // Grid breakpoints
@@ -125,12 +166,14 @@ $link-hover-decoration: underline !default;
 
 $grid-breakpoints: (
   xs: 0,
-  sm: 544px,
+  sm: 576px,
   md: 768px,
   lg: 992px,
   xl: 1200px
 ) !default;
+
 @include _assert-ascending($grid-breakpoints, "$grid-breakpoints");
+@include _assert-starts-at-zero($grid-breakpoints);
 
 
 // Grid containers
@@ -138,11 +181,12 @@ $grid-breakpoints: (
 // Define the maximum width of `.container` for different screen sizes.
 
 $container-max-widths: (
-  sm: 576px,
+  sm: 540px,
   md: 720px,
-  lg: 940px,
+  lg: 960px,
   xl: 1140px
 ) !default;
+
 @include _assert-ascending($container-max-widths, "$container-max-widths");
 
 
@@ -150,314 +194,364 @@ $container-max-widths: (
 //
 // Set the number of columns and specify the width of the gutters.
 
-$grid-columns:      12 !default;
-$grid-gutter-width: 30px !default;
-
+$grid-columns:                12 !default;
+$grid-gutter-width:           30px !default;
 
-// Typography
+// Components
 //
-// Font, line-height, and color for body text, headings, and more.
+// Define common padding and border radius sizes and more.
 
-$font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default;
-$font-family-serif:      Georgia, "Times New Roman", Times, serif !default;
-$font-family-monospace:  Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
-$font-family-base:       $font-family-sans-serif !default;
+$line-height-lg:              1.5 !default;
+$line-height-sm:              1.5 !default;
 
-// Pixel value used to responsively scale all typography. Applied to the `<html>` element.
-$font-size-root: 16px !default;
+$border-width:                1px !default;
+$border-color:                $gray-300 !default;
 
-$font-size-base: 1rem !default;
-$font-size-lg:   1.25rem !default;
-$font-size-sm:   .875rem !default;
-$font-size-xs:   .75rem !default;
+$border-radius:               .25rem !default;
+$border-radius-lg:            .3rem !default;
+$border-radius-sm:            .2rem !default;
 
-$line-height-base: 1.5 !default;
+$component-active-color:      $white !default;
+$component-active-bg:         theme-color("primary") !default;
 
-$font-size-h1: 2.5rem !default;
-$font-size-h2: 2rem !default;
-$font-size-h3: 1.75rem !default;
-$font-size-h4: 1.5rem !default;
-$font-size-h5: 1.25rem !default;
-$font-size-h6: 1rem !default;
+$caret-width:                 .3em !default;
 
-$display1-size: 6rem !default;
-$display2-size: 5.5rem !default;
-$display3-size: 4.5rem !default;
-$display4-size: 3.5rem !default;
+$transition-base:             all .2s ease-in-out !default;
+$transition-fade:             opacity .15s linear !default;
+$transition-collapse:         height .35s ease !default;
 
-$display1-weight: 300 !default;
-$display2-weight: 300 !default;
-$display3-weight: 300 !default;
-$display4-weight: 300 !default;
 
-$headings-margin-bottom: ($spacer / 2) !default;
-$headings-font-family:   inherit !default;
-$headings-font-weight:   500 !default;
-$headings-line-height:   1.1 !default;
-$headings-color:         inherit !default;
+// Fonts
+//
+// Font, line-height, and color for body text, headings, and more.
 
-$lead-font-size:   1.25rem !default;
-$lead-font-weight: 300 !default;
+// stylelint-disable value-keyword-case
+$font-family-sans-serif:      -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !default;
+$font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
+$font-family-base:            $font-family-sans-serif !default;
+// stylelint-enable value-keyword-case
 
-$small-font-size: 80% !default;
+$font-size-base:              1rem !default; // Assumes the browser default, typically `16px`
+$font-size-lg:                ($font-size-base * 1.25) !default;
+$font-size-sm:                ($font-size-base * .875) !default;
 
-$text-muted: $gray-light !default;
+$font-weight-light:           300 !default;
+$font-weight-normal:          400 !default;
+$font-weight-bold:            700 !default;
 
-$abbr-border-color: $gray-light !default;
+$font-weight-base:            $font-weight-normal !default;
+$line-height-base:            1.5 !default;
 
-$blockquote-small-color:  $gray-light !default;
-$blockquote-font-size:    ($font-size-base * 1.25) !default;
-$blockquote-border-color: $gray-lighter !default;
-$blockquote-border-width: .25rem !default;
+$h1-font-size:                $font-size-base * 2.5 !default;
+$h2-font-size:                $font-size-base * 2 !default;
+$h3-font-size:                $font-size-base * 1.75 !default;
+$h4-font-size:                $font-size-base * 1.5 !default;
+$h5-font-size:                $font-size-base * 1.25 !default;
+$h6-font-size:                $font-size-base !default;
 
-$hr-border-color: rgba(0,0,0,.1) !default;
-$hr-border-width: $border-width !default;
+$headings-margin-bottom:      ($spacer / 2) !default;
+$headings-font-family:        inherit !default;
+$headings-font-weight:        500 !default;
+$headings-line-height:        1.2 !default;
+$headings-color:              inherit !default;
 
-$mark-padding: .2em !default;
+$display1-size:               6rem !default;
+$display2-size:               5.5rem !default;
+$display3-size:               4.5rem !default;
+$display4-size:               3.5rem !default;
 
-$dt-font-weight: bold !default;
+$display1-weight:             300 !default;
+$display2-weight:             300 !default;
+$display3-weight:             300 !default;
+$display4-weight:             300 !default;
+$display-line-height:         $headings-line-height !default;
 
-$kbd-box-shadow:         inset 0 -.1rem 0 rgba(0,0,0,.25) !default;
-$nested-kbd-font-weight: bold !default;
+$lead-font-size:              ($font-size-base * 1.25) !default;
+$lead-font-weight:            300 !default;
 
-$list-inline-padding: 5px !default;
+$small-font-size:             80% !default;
 
+$text-muted:                  $gray-600 !default;
 
-// Components
-//
-// Define common padding and border radius sizes and more.
+$blockquote-small-color:      $gray-600 !default;
+$blockquote-font-size:        ($font-size-base * 1.25) !default;
+
+$hr-border-color:             rgba($black, .1) !default;
+$hr-border-width:             $border-width !default;
+
+$mark-padding:                .2em !default;
+
+$dt-font-weight:              $font-weight-bold !default;
 
-$line-height-lg:         (4 / 3) !default;
-$line-height-sm:         1.5 !default;
+$kbd-box-shadow:              inset 0 -.1rem 0 rgba($black, .25) !default;
+$nested-kbd-font-weight:      $font-weight-bold !default;
 
-$border-radius:          .25rem !default;
-$border-radius-lg:       .3rem !default;
-$border-radius-sm:       .2rem !default;
+$list-inline-padding:         .5rem !default;
 
-$component-active-color: #fff !default;
-$component-active-bg:    $brand-primary !default;
+$mark-bg:                     #fcf8e3 !default;
 
-$caret-width:            .3em !default;
-$caret-width-lg:         $caret-width !default;
+$hr-margin-y:                 $spacer !default;
 
 
 // Tables
 //
 // Customizes the `.table` component with basic values, each used across all table variations.
 
-$table-cell-padding:            .75rem !default;
-$table-sm-cell-padding:         .3rem !default;
+$table-cell-padding:          .75rem !default;
+$table-cell-padding-sm:       .3rem !default;
 
-$table-bg:                      transparent !default;
-$table-bg-accent:               rgba(0,0,0,.05) !default;
-$table-bg-hover:                rgba(0,0,0,.075) !default;
-$table-bg-active:               $table-bg-hover !default;
+$table-bg:                    transparent !default;
+$table-accent-bg:             rgba($black, .05) !default;
+$table-hover-bg:              rgba($black, .075) !default;
+$table-active-bg:             $table-hover-bg !default;
 
-$table-border-width:            $border-width !default;
-$table-border-color:            $gray-lighter !default;
+$table-border-width:          $border-width !default;
+$table-border-color:          $gray-300 !default;
 
+$table-head-bg:               $gray-200 !default;
+$table-head-color:            $gray-700 !default;
 
-// Buttons
+$table-dark-bg:               $gray-900 !default;
+$table-dark-accent-bg:        rgba($white, .05) !default;
+$table-dark-hover-bg:         rgba($white, .075) !default;
+$table-dark-border-color:     lighten($gray-900, 7.5%) !default;
+$table-dark-color:            $body-bg !default;
+
+
+// Buttons + Forms
 //
-// For each of Bootstrap's buttons, define text, background and border color.
+// Shared variables that are reassigned to `$input-` and `$btn-` specific variables.
 
-$btn-padding-x:                  1rem !default;
-$btn-padding-y:                  .5rem !default;
-$btn-line-height:                1.25 !default;
-$btn-font-weight:                normal !default;
-$btn-box-shadow:                 inset 0 1px 0 rgba(255,255,255,.15), 0 1px 1px rgba(0,0,0,.075) !default;
-$btn-active-box-shadow:          inset 0 3px 5px rgba(0,0,0,.125) !default;
+$input-btn-padding-y:         .375rem !default;
+$input-btn-padding-x:         .75rem !default;
+$input-btn-line-height:       $line-height-base !default;
 
-$btn-primary-color:              #fff !default;
-$btn-primary-bg:                 $brand-primary !default;
-$btn-primary-border:             $btn-primary-bg !default;
+$input-btn-focus-width:       .2rem !default;
+$input-btn-focus-color:       rgba($component-active-bg, .25) !default;
+$input-btn-focus-box-shadow:  0 0 0 $input-btn-focus-width $input-btn-focus-color !default;
 
-$btn-secondary-color:            $gray-dark !default;
-$btn-secondary-bg:               #fff !default;
-$btn-secondary-border:           #ccc !default;
+$input-btn-padding-y-sm:      .25rem !default;
+$input-btn-padding-x-sm:      .5rem !default;
+$input-btn-line-height-sm:    $line-height-sm !default;
 
-$btn-info-color:                 #fff !default;
-$btn-info-bg:                    $brand-info !default;
-$btn-info-border:                $btn-info-bg !default;
+$input-btn-padding-y-lg:      .5rem !default;
+$input-btn-padding-x-lg:      1rem !default;
+$input-btn-line-height-lg:    $line-height-lg !default;
 
-$btn-success-color:              #fff !default;
-$btn-success-bg:                 $brand-success !default;
-$btn-success-border:             $btn-success-bg !default;
+$input-btn-border-width:      $border-width !default;
 
-$btn-warning-color:              #fff !default;
-$btn-warning-bg:                 $brand-warning !default;
-$btn-warning-border:             $btn-warning-bg !default;
 
-$btn-danger-color:               #fff !default;
-$btn-danger-bg:                  $brand-danger !default;
-$btn-danger-border:              $btn-danger-bg !default;
+// Buttons
+//
+// For each of Bootstrap's buttons, define text, background, and border color.
+
+$btn-padding-y:               $input-btn-padding-y !default;
+$btn-padding-x:               $input-btn-padding-x !default;
+$btn-line-height:             $input-btn-line-height !default;
+
+$btn-padding-y-sm:            $input-btn-padding-y-sm !default;
+$btn-padding-x-sm:            $input-btn-padding-x-sm !default;
+$btn-line-height-sm:          $input-btn-line-height-sm !default;
 
-$btn-link-disabled-color:        $gray-light !default;
+$btn-padding-y-lg:            $input-btn-padding-y-lg !default;
+$btn-padding-x-lg:            $input-btn-padding-x-lg !default;
+$btn-line-height-lg:          $input-btn-line-height-lg !default;
 
-$btn-padding-x-sm:               .5rem !default;
-$btn-padding-y-sm:               .25rem !default;
+$btn-border-width:            $input-btn-border-width !default;
 
-$btn-padding-x-lg:               1.5rem !default;
-$btn-padding-y-lg:               .75rem !default;
+$btn-font-weight:             $font-weight-normal !default;
+$btn-box-shadow:              inset 0 1px 0 rgba($white, .15), 0 1px 1px rgba($black, .075) !default;
+$btn-focus-width:             $input-btn-focus-width !default;
+$btn-focus-box-shadow:        $input-btn-focus-box-shadow !default;
+$btn-disabled-opacity:        .65 !default;
+$btn-active-box-shadow:       inset 0 3px 5px rgba($black, .125) !default;
 
-$btn-block-spacing-y:            .5rem !default;
-$btn-toolbar-margin:             .5rem !default;
+$btn-link-disabled-color:     $gray-600 !default;
+
+$btn-block-spacing-y:         .5rem !default;
 
 // Allows for customizing button radius independently from global border radius
-$btn-border-radius:              $border-radius !default;
-$btn-border-radius-lg:           $border-radius-lg !default;
-$btn-border-radius-sm:           $border-radius-sm !default;
+$btn-border-radius:           $border-radius !default;
+$btn-border-radius-lg:        $border-radius-lg !default;
+$btn-border-radius-sm:        $border-radius-sm !default;
+
+$btn-transition:              color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
 
 
 // Forms
 
-$input-padding-x:                .75rem !default;
-$input-padding-y:                .5rem !default;
-$input-line-height:              1.25 !default;
-
-$input-bg:                       #fff !default;
-$input-bg-disabled:              $gray-lighter !default;
-
-$input-color:                    $gray !default;
-$input-border-color:             rgba(0,0,0,.15) !default;
-$input-btn-border-width:         $border-width !default; // For form controls and buttons
-$input-box-shadow:               inset 0 1px 1px rgba(0,0,0,.075) !default;
-
-$input-border-radius:            $border-radius !default;
-$input-border-radius-lg:         $border-radius-lg !default;
-$input-border-radius-sm:         $border-radius-sm !default;
-
-$input-bg-focus:                 $input-bg;
-$input-border-focus:             #66afe9 !default;
-$input-box-shadow-focus:         rgba(102,175,233,.6) !default;
-$input-color-focus:              $input-color;
-
-$input-color-placeholder:        #999 !default;
-
-$input-padding-x-sm:             .5rem !default;
-$input-padding-y-sm:             .25rem !default;
-
-$input-padding-x-lg:             1.5rem !default;
-$input-padding-y-lg:             .75rem !default;
-
-$input-height:                   (($font-size-base * $line-height-base) + ($input-padding-y * 2)) !default;
-$input-height-lg:                (($font-size-lg * $line-height-lg) + ($input-padding-y-lg * 2)) !default;
-$input-height-sm:                (($font-size-sm * $line-height-sm) + ($input-padding-y-sm * 2)) !default;
-
-$form-group-margin-bottom:       $spacer-y !default;
-
-$input-group-addon-bg:           $gray-lighter !default;
-$input-group-addon-border-color: $input-border-color !default;
-
-$cursor-disabled:                not-allowed !default;
-
-$custom-control-gutter:   1.5rem !default;
-$custom-control-spacer-x: 1rem !default;
-$custom-control-spacer-y: .25rem !default;
-
-$custom-control-indicator-size:       1rem !default;
-$custom-control-indicator-bg:         #ddd !default;
-$custom-control-indicator-bg-size:    50% 50% !default;
-$custom-control-indicator-box-shadow: inset 0 .25rem .25rem rgba(0,0,0,.1) !default;
-
-$custom-control-disabled-cursor:             $cursor-disabled !default;
-$custom-control-disabled-indicator-bg:       #eee !default;
-$custom-control-disabled-description-color:  #767676 !default;
-
-$custom-control-checked-indicator-color:      #fff !default;
-$custom-control-checked-indicator-bg:         #0074d9 !default;
-$custom-control-checked-indicator-box-shadow: none !default;
-
-$custom-control-focus-indicator-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9 !default;
-
-$custom-control-active-indicator-color:      #fff !default;
-$custom-control-active-indicator-bg:         #84c6ff !default;
-$custom-control-active-indicator-box-shadow: none !default;
-
-$custom-checkbox-radius: $border-radius !default;
-$custom-checkbox-checked-icon: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E") !default;
-$custom-checkbox-indeterminate-bg: #0074d9 !default;
-$custom-checkbox-indeterminate-icon: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E") !default;
-$custom-checkbox-indeterminate-box-shadow: none !default;
-
-$custom-radio-radius: 50% !default;
-$custom-radio-checked-icon: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E") !default;
-
-$custom-select-padding-x:          .75rem  !default;
-$custom-select-padding-y:          .375rem !default;
-$custom-select-indicator-padding:  1rem !default; // Extra padding to account for the presence of the background-image based indicator
-$custom-select-color:          $input-color !default;
-$custom-select-disabled-color: $gray-light !default;
-$custom-select-bg:            #fff !default;
-$custom-select-disabled-bg:   $gray-lighter !default;
-$custom-select-bg-size:       8px 10px !default; // In pixels because image dimensions
-$custom-select-indicator:     url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") !default;
-$custom-select-border-width:  $input-btn-border-width !default;
-$custom-select-border-color:  $input-border-color !default;
-$custom-select-border-radius: $border-radius !default;
-
-$custom-select-focus-border-color: #51a7e8 !default;
-$custom-select-focus-box-shadow:   inset 0 1px 2px rgba(0, 0, 0, .075), 0 0 5px rgba(81, 167, 232, .5) !default;
-
-$custom-select-sm-padding-y: .2rem !default;
-$custom-select-sm-font-size: 75% !default;
-
-$custom-file-height:           2.5rem !default;
-$custom-file-width:            14rem !default;
-$custom-file-focus-box-shadow: 0 0 0 .075rem #fff, 0 0 0 .2rem #0074d9 !default;
-
-$custom-file-padding-x:     .5rem !default;
-$custom-file-padding-y:     1rem !default;
-$custom-file-line-height:   1.5 !default;
-$custom-file-color:         #555 !default;
-$custom-file-bg:            #fff !default;
-$custom-file-border-width:  $border-width !default;
-$custom-file-border-color:  #ddd !default;
-$custom-file-border-radius: $border-radius !default;
-$custom-file-box-shadow:    inset 0 .2rem .4rem rgba(0,0,0,.05) !default;
-$custom-file-button-color:  $custom-file-color !default;
-$custom-file-button-bg:     #eee !default;
+$input-padding-y:                       $input-btn-padding-y !default;
+$input-padding-x:                       $input-btn-padding-x !default;
+$input-line-height:                     $input-btn-line-height !default;
+
+$input-padding-y-sm:                    $input-btn-padding-y-sm !default;
+$input-padding-x-sm:                    $input-btn-padding-x-sm !default;
+$input-line-height-sm:                  $input-btn-line-height-sm !default;
+
+$input-padding-y-lg:                    $input-btn-padding-y-lg !default;
+$input-padding-x-lg:                    $input-btn-padding-x-lg !default;
+$input-line-height-lg:                  $input-btn-line-height-lg !default;
+
+$input-bg:                              $white !default;
+$input-disabled-bg:                     $gray-200 !default;
+
+$input-color:                           $gray-700 !default;
+$input-border-color:                    $gray-400 !default;
+$input-border-width:                    $input-btn-border-width !default;
+$input-box-shadow:                      inset 0 1px 1px rgba($black, .075) !default;
+
+$input-border-radius:                   $border-radius !default;
+$input-border-radius-lg:                $border-radius-lg !default;
+$input-border-radius-sm:                $border-radius-sm !default;
+
+$input-focus-bg:                        $input-bg !default;
+$input-focus-border-color:              lighten($component-active-bg, 25%) !default;
+$input-focus-color:                     $input-color !default;
+$input-focus-width:                     $input-btn-focus-width !default;
+$input-focus-box-shadow:                $input-btn-focus-box-shadow !default;
+
+$input-placeholder-color:               $gray-600 !default;
+
+$input-height-border:                   $input-border-width * 2 !default;
+
+$input-height-inner:                    ($font-size-base * $input-btn-line-height) + ($input-btn-padding-y * 2) !default;
+$input-height:                          calc(#{$input-height-inner} + #{$input-height-border}) !default;
+
+$input-height-inner-sm:                 ($font-size-sm * $input-btn-line-height-sm) + ($input-btn-padding-y-sm * 2) !default;
+$input-height-sm:                       calc(#{$input-height-inner-sm} + #{$input-height-border}) !default;
+
+$input-height-inner-lg:                 ($font-size-lg * $input-btn-line-height-lg) + ($input-btn-padding-y-lg * 2) !default;
+$input-height-lg:                       calc(#{$input-height-inner-lg} + #{$input-height-border}) !default;
+
+$input-transition:                      border-color .15s ease-in-out, box-shadow .15s ease-in-out !default;
+
+$form-text-margin-top:                  .25rem !default;
+
+$form-check-input-gutter:               1.25rem !default;
+$form-check-input-margin-y:             .3rem !default;
+$form-check-input-margin-x:             .25rem !default;
+
+$form-check-inline-margin-x:            .75rem !default;
+$form-check-inline-input-margin-x:      .3125rem !default;
+
+$form-group-margin-bottom:              1rem !default;
+
+$input-group-addon-color:               $input-color !default;
+$input-group-addon-bg:                  $gray-200 !default;
+$input-group-addon-border-color:        $input-border-color !default;
+
+$custom-control-gutter:                 1.5rem !default;
+$custom-control-spacer-x:               1rem !default;
+
+$custom-control-indicator-size:         1rem !default;
+$custom-control-indicator-bg:           $gray-300 !default;
+$custom-control-indicator-bg-size:      50% 50% !default;
+$custom-control-indicator-box-shadow:   inset 0 .25rem .25rem rgba($black, .1) !default;
+
+$custom-control-indicator-disabled-bg:          $gray-200 !default;
+$custom-control-label-disabled-color:     $gray-600 !default;
+
+$custom-control-indicator-checked-color:        $component-active-color !default;
+$custom-control-indicator-checked-bg:           $component-active-bg !default;
+$custom-control-indicator-checked-disabled-bg:  rgba(theme-color("primary"), .5) !default;
+$custom-control-indicator-checked-box-shadow:   none !default;
+
+$custom-control-indicator-focus-box-shadow:     0 0 0 1px $body-bg, $input-btn-focus-box-shadow !default;
+
+$custom-control-indicator-active-color:         $component-active-color !default;
+$custom-control-indicator-active-bg:            lighten($component-active-bg, 35%) !default;
+$custom-control-indicator-active-box-shadow:    none !default;
+
+$custom-checkbox-indicator-border-radius:       $border-radius !default;
+$custom-checkbox-indicator-icon-checked:        str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='#{$custom-control-indicator-checked-color}' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"), "#", "%23") !default;
+
+$custom-checkbox-indicator-indeterminate-bg:    $component-active-bg !default;
+$custom-checkbox-indicator-indeterminate-color: $custom-control-indicator-checked-color !default;
+$custom-checkbox-indicator-icon-indeterminate:  str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='#{$custom-checkbox-indicator-indeterminate-color}' d='M0 2h4'/%3E%3C/svg%3E"), "#", "%23") !default;
+$custom-checkbox-indicator-indeterminate-box-shadow: none !default;
+
+$custom-radio-indicator-border-radius:          50% !default;
+$custom-radio-indicator-icon-checked:           str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='#{$custom-control-indicator-checked-color}'/%3E%3C/svg%3E"), "#", "%23") !default;
+
+$custom-select-padding-y:           .375rem !default;
+$custom-select-padding-x:          .75rem !default;
+$custom-select-height:              $input-height !default;
+$custom-select-indicator-padding:   1rem !default; // Extra padding to account for the presence of the background-image based indicator
+$custom-select-line-height:         $input-btn-line-height !default;
+$custom-select-color:               $input-color !default;
+$custom-select-disabled-color:      $gray-600 !default;
+$custom-select-bg:                  $white !default;
+$custom-select-disabled-bg:         $gray-200 !default;
+$custom-select-bg-size:             8px 10px !default; // In pixels because image dimensions
+$custom-select-indicator-color:     $gray-800 !default;
+$custom-select-indicator:           str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='#{$custom-select-indicator-color}' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"), "#", "%23") !default;
+$custom-select-border-width:        $input-btn-border-width !default;
+$custom-select-border-color:        $input-border-color !default;
+$custom-select-border-radius:       $border-radius !default;
+
+$custom-select-focus-border-color:  $input-focus-border-color !default;
+$custom-select-focus-box-shadow:    inset 0 1px 2px rgba($black, .075), 0 0 5px rgba($custom-select-focus-border-color, .5) !default;
+
+$custom-select-font-size-sm:        75% !default;
+$custom-select-height-sm:           $input-height-sm !default;
+
+$custom-select-font-size-lg:        125% !default;
+$custom-select-height-lg:           $input-height-lg !default;
+
+$custom-file-height:                $input-height !default;
+$custom-file-focus-border-color:    $input-focus-border-color !default;
+$custom-file-focus-box-shadow:      $input-btn-focus-box-shadow !default;
+
+$custom-file-padding-y:             $input-btn-padding-y !default;
+$custom-file-padding-x:             $input-btn-padding-x !default;
+$custom-file-line-height:           $input-btn-line-height !default;
+$custom-file-color:                 $input-color !default;
+$custom-file-bg:                    $input-bg !default;
+$custom-file-border-width:          $input-btn-border-width !default;
+$custom-file-border-color:          $input-border-color !default;
+$custom-file-border-radius:         $input-border-radius !default;
+$custom-file-box-shadow:            $input-box-shadow !default;
+$custom-file-button-color:          $custom-file-color !default;
+$custom-file-button-bg:             $input-group-addon-bg !default;
 $custom-file-text: (
-  placeholder: (
-    en: "Choose file..."
-  ),
-  button-label: (
-    en: "Browse"
-  )
+  en: "Browse"
 ) !default;
 
 
-// Form validation icons
-$form-icon-success: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E") !default;
-$form-icon-warning: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E") !default;
-$form-icon-danger: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E") !default;
+// Form validation
+$form-feedback-margin-top:          $form-text-margin-top !default;
+$form-feedback-font-size:           $small-font-size !default;
+$form-feedback-valid-color:         theme-color("success") !default;
+$form-feedback-invalid-color:       theme-color("danger") !default;
 
 
 // Dropdowns
 //
 // Dropdown menu container and contents.
 
-$dropdown-min-width:             160px !default;
-$dropdown-padding-y:             5px !default;
-$dropdown-margin-top:            2px !default;
-$dropdown-bg:                    #fff !default;
-$dropdown-border-color:          rgba(0,0,0,.15) !default;
-$dropdown-border-width:          $border-width !default;
-$dropdown-divider-bg:            #e5e5e5 !default;
-$dropdown-box-shadow:            0 6px 12px rgba(0,0,0,.175) !default;
+$dropdown-min-width:                10rem !default;
+$dropdown-padding-y:                .5rem !default;
+$dropdown-spacer:                   .125rem !default;
+$dropdown-bg:                       $white !default;
+$dropdown-border-color:             rgba($black, .15) !default;
+$dropdown-border-radius:            $border-radius !default;
+$dropdown-border-width:             $border-width !default;
+$dropdown-divider-bg:               $gray-200 !default;
+$dropdown-box-shadow:               0 .5rem 1rem rgba($black, .175) !default;
 
-$dropdown-link-color:            $gray-dark !default;
-$dropdown-link-hover-color:      darken($gray-dark, 5%) !default;
-$dropdown-link-hover-bg:         #f5f5f5 !default;
+$dropdown-link-color:               $gray-900 !default;
+$dropdown-link-hover-color:         darken($gray-900, 5%) !default;
+$dropdown-link-hover-bg:            $gray-100 !default;
 
-$dropdown-link-active-color:     $component-active-color !default;
-$dropdown-link-active-bg:        $component-active-bg !default;
+$dropdown-link-active-color:        $component-active-color !default;
+$dropdown-link-active-bg:           $component-active-bg !default;
 
-$dropdown-link-disabled-color:   $gray-light !default;
+$dropdown-link-disabled-color:      $gray-600 !default;
 
-$dropdown-item-padding-x:        20px !default;
+$dropdown-item-padding-y:           .25rem !default;
+$dropdown-item-padding-x:           1.5rem !default;
 
-$dropdown-header-color:          $gray-light !default;
+$dropdown-header-color:             $gray-600 !default;
 
 
 // Z-index master list
@@ -465,365 +559,336 @@ $dropdown-header-color:          $gray-light !default;
 // Warning: Avoid customizing these values. They're used for a bird's eye view
 // of components dependent on the z-axis and are designed to all work together.
 
-$zindex-dropdown-backdrop:  990 !default;
-$zindex-navbar:            1000 !default;
-$zindex-dropdown:          1000 !default;
-$zindex-popover:           1060 !default;
-$zindex-tooltip:           1070 !default;
-$zindex-navbar-fixed:      1030 !default;
-$zindex-navbar-sticky:     1030 !default;
-$zindex-modal-bg:          1040 !default;
-$zindex-modal:             1050 !default;
-
-
-// Navbar
+$zindex-dropdown:                   1000 !default;
+$zindex-sticky:                     1020 !default;
+$zindex-fixed:                      1030 !default;
+$zindex-modal-backdrop:             1040 !default;
+$zindex-modal:                      1050 !default;
+$zindex-popover:                    1060 !default;
+$zindex-tooltip:                    1070 !default;
 
-$navbar-border-radius:              $border-radius !default;
-$navbar-padding-x:                  $spacer !default;
-$navbar-padding-y:                  ($spacer / 2) !default;
-$navbar-brand-padding-y:            .25rem !default;
+// Navs
 
-$navbar-dark-color:                 rgba(255,255,255,.5) !default;
-$navbar-dark-hover-color:           rgba(255,255,255,.75) !default;
-$navbar-dark-active-color:          rgba(255,255,255,1) !default;
-$navbar-dark-disabled-color:        rgba(255,255,255,.25) !default;
+$nav-link-padding-y:                .5rem !default;
+$nav-link-padding-x:                1rem !default;
+$nav-link-disabled-color:           $gray-600 !default;
 
-$navbar-light-color:                rgba(0,0,0,.3) !default;
-$navbar-light-hover-color:          rgba(0,0,0,.6) !default;
-$navbar-light-active-color:         rgba(0,0,0,.8) !default;
-$navbar-light-disabled-color:       rgba(0,0,0,.15) !default;
+$nav-tabs-border-color:             $gray-300 !default;
+$nav-tabs-border-width:             $border-width !default;
+$nav-tabs-border-radius:            $border-radius !default;
+$nav-tabs-link-hover-border-color:  $gray-200 $gray-200 $nav-tabs-border-color !default;
+$nav-tabs-link-active-color:        $gray-700 !default;
+$nav-tabs-link-active-bg:           $body-bg !default;
+$nav-tabs-link-active-border-color: $gray-300 $gray-300 $nav-tabs-link-active-bg !default;
 
+$nav-pills-border-radius:           $border-radius !default;
+$nav-pills-link-active-color:       $component-active-color !default;
+$nav-pills-link-active-bg:          $component-active-bg !default;
 
-// Navs
+// Navbar
 
-$nav-item-margin:               .2rem !default;
-$nav-item-inline-spacer:        1rem !default;
-$nav-link-padding:              .5em 1em !default;
-$nav-link-hover-bg:             $gray-lighter !default;
-$nav-disabled-link-color:       $gray-light !default;
-$nav-disabled-link-hover-color: $gray-light !default;
-$nav-disabled-link-hover-bg:    transparent !default;
-
-$nav-tabs-border-color:                       #ddd !default;
-$nav-tabs-border-width:                       $border-width !default;
-$nav-tabs-border-radius:                      $border-radius !default;
-$nav-tabs-link-hover-border-color:            $gray-lighter !default;
-$nav-tabs-active-link-hover-color:            $gray !default;
-$nav-tabs-active-link-hover-bg:               $body-bg !default;
-$nav-tabs-active-link-hover-border-color:     #ddd !default;
-$nav-tabs-justified-link-border-color:        #ddd !default;
-$nav-tabs-justified-active-link-border-color: $body-bg !default;
-
-$nav-pills-border-radius:     $border-radius !default;
-$nav-pills-active-link-color: $component-active-color !default;
-$nav-pills-active-link-bg:    $component-active-bg !default;
+$navbar-padding-y:                  ($spacer / 2) !default;
+$navbar-padding-x:                  $spacer !default;
 
+$navbar-nav-link-padding-x:         .5rem !default;
+
+$navbar-brand-font-size:            $font-size-lg !default;
+// Compute the navbar-brand padding-y so the navbar-brand will have the same height as navbar-text and nav-link
+$nav-link-height:                   ($font-size-base * $line-height-base + $nav-link-padding-y * 2) !default;
+$navbar-brand-height:               $navbar-brand-font-size * $line-height-base !default;
+$navbar-brand-padding-y:            ($nav-link-height - $navbar-brand-height) / 2 !default;
+
+$navbar-toggler-padding-y:          .25rem !default;
+$navbar-toggler-padding-x:          .75rem !default;
+$navbar-toggler-font-size:          $font-size-lg !default;
+$navbar-toggler-border-radius:      $btn-border-radius !default;
+
+$navbar-dark-color:                 rgba($white, .5) !default;
+$navbar-dark-hover-color:           rgba($white, .75) !default;
+$navbar-dark-active-color:          $white !default;
+$navbar-dark-disabled-color:        rgba($white, .25) !default;
+$navbar-dark-toggler-icon-bg:       str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-dark-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
+$navbar-dark-toggler-border-color:  rgba($white, .1) !default;
+
+$navbar-light-color:                rgba($black, .5) !default;
+$navbar-light-hover-color:          rgba($black, .7) !default;
+$navbar-light-active-color:         rgba($black, .9) !default;
+$navbar-light-disabled-color:       rgba($black, .3) !default;
+$navbar-light-toggler-icon-bg:      str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='#{$navbar-light-color}' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"), "#", "%23") !default;
+$navbar-light-toggler-border-color: rgba($black, .1) !default;
 
 // Pagination
 
-$pagination-padding-x:                .75rem !default;
-$pagination-padding-y:                .5rem !default;
-$pagination-padding-x-sm:             .75rem !default;
-$pagination-padding-y-sm:             .275rem !default;
-$pagination-padding-x-lg:             1.5rem !default;
-$pagination-padding-y-lg:             .75rem !default;
+$pagination-padding-y:              .5rem !default;
+$pagination-padding-x:              .75rem !default;
+$pagination-padding-y-sm:           .25rem !default;
+$pagination-padding-x-sm:           .5rem !default;
+$pagination-padding-y-lg:           .75rem !default;
+$pagination-padding-x-lg:           1.5rem !default;
+$pagination-line-height:            1.25 !default;
 
+$pagination-color:                  $link-color !default;
+$pagination-bg:                     $white !default;
+$pagination-border-width:           $border-width !default;
+$pagination-border-color:           $gray-300 !default;
 
-$pagination-color:                     $link-color !default;
-$pagination-bg:                        #fff !default;
-$pagination-border-width:              $border-width !default;
-$pagination-border-color:              #ddd !default;
+$pagination-focus-box-shadow:       $input-btn-focus-box-shadow !default;
 
-$pagination-hover-color:               $link-hover-color !default;
-$pagination-hover-bg:                  $gray-lighter !default;
-$pagination-hover-border:              #ddd !default;
+$pagination-hover-color:            $link-hover-color !default;
+$pagination-hover-bg:               $gray-200 !default;
+$pagination-hover-border-color:     $gray-300 !default;
 
-$pagination-active-color:              #fff !default;
-$pagination-active-bg:                 $brand-primary !default;
-$pagination-active-border:             $brand-primary !default;
+$pagination-active-color:           $component-active-color !default;
+$pagination-active-bg:              $component-active-bg !default;
+$pagination-active-border-color:    $pagination-active-bg !default;
 
-$pagination-disabled-color:            $gray-light !default;
-$pagination-disabled-bg:               #fff !default;
-$pagination-disabled-border:           #ddd !default;
+$pagination-disabled-color:         $gray-600 !default;
+$pagination-disabled-bg:            $white !default;
+$pagination-disabled-border-color:  $gray-300 !default;
 
 
 // Jumbotron
 
-$jumbotron-padding:              2rem !default;
-$jumbotron-bg:                   $gray-lighter !default;
-
-
-// Form states and alerts
-//
-// Define colors for form feedback states and, by default, alerts.
-
-$state-success-text:             #3c763d !default;
-$state-success-bg:               #dff0d8 !default;
-$state-success-border:           darken($state-success-bg, 5%) !default;
-
-$state-info-text:                #31708f !default;
-$state-info-bg:                  #d9edf7 !default;
-$state-info-border:              darken($state-info-bg, 7%) !default;
-
-$state-warning-text:             #8a6d3b !default;
-$state-warning-bg:               #fcf8e3 !default;
-$mark-bg:                        $state-warning-bg !default;
-$state-warning-border:           darken($state-warning-bg, 5%) !default;
-
-$state-danger-text:              #a94442 !default;
-$state-danger-bg:                #f2dede !default;
-$state-danger-border:            darken($state-danger-bg, 5%) !default;
+$jumbotron-padding:                 2rem !default;
+$jumbotron-bg:                      $gray-200 !default;
 
 
 // Cards
-$card-spacer-x:            1.25rem !default;
-$card-spacer-y:            .75rem !default;
-$card-border-width:        1px !default;
-$card-border-radius:       $border-radius !default;
-$card-border-color:        rgba(0,0,0,.125) !default;
-$card-border-radius-inner: $card-border-radius !default;
-$card-cap-bg:              #f5f5f5 !default;
-$card-bg:                  #fff !default;
 
-$card-link-hover-color:    #fff !default;
+$card-spacer-y:                     .75rem !default;
+$card-spacer-x:                     1.25rem !default;
+$card-border-width:                 $border-width !default;
+$card-border-radius:                $border-radius !default;
+$card-border-color:                 rgba($black, .125) !default;
+$card-inner-border-radius:          calc(#{$card-border-radius} - #{$card-border-width}) !default;
+$card-cap-bg:                       rgba($black, .03) !default;
+$card-bg:                           $white !default;
 
-$card-img-overlay-padding: 1.25rem !default;
+$card-img-overlay-padding:          1.25rem !default;
 
-$card-deck-margin:         .625rem !default;
+$card-group-margin:                 ($grid-gutter-width / 2) !default;
+$card-deck-margin:                  $card-group-margin !default;
 
-$card-columns-sm-up-column-gap: 1.25rem !default;
+$card-columns-count:                3 !default;
+$card-columns-gap:                  1.25rem !default;
+$card-columns-margin:               $card-spacer-y !default;
 
 
 // Tooltips
 
+$tooltip-font-size:           $font-size-sm !default;
 $tooltip-max-width:           200px !default;
-$tooltip-color:               #fff !default;
-$tooltip-bg:                  #000 !default;
+$tooltip-color:               $white !default;
+$tooltip-bg:                  $black !default;
+$tooltip-border-radius:        $border-radius !default;
 $tooltip-opacity:             .9 !default;
-$tooltip-padding-y:           3px !default;
-$tooltip-padding-x:           8px !default;
-$tooltip-margin:              3px !default;
+$tooltip-padding-y:           .25rem !default;
+$tooltip-padding-x:           .5rem !default;
+$tooltip-margin:              0 !default;
 
-$tooltip-arrow-width:         5px !default;
+$tooltip-arrow-width:         .8rem !default;
+$tooltip-arrow-height:        .4rem !default;
 $tooltip-arrow-color:         $tooltip-bg !default;
 
 
 // Popovers
 
-$popover-inner-padding:               1px !default;
-$popover-bg:                          #fff !default;
-$popover-max-width:                   276px !default;
-$popover-border-width:                $border-width !default;
-$popover-border-color:                rgba(0,0,0,.2) !default;
-$popover-box-shadow:                  0 5px 10px rgba(0,0,0,.2) !default;
-
-$popover-title-bg:                    darken($popover-bg, 3%) !default;
-$popover-title-padding-x:             14px !default;
-$popover-title-padding-y:             8px !default;
+$popover-font-size:                 $font-size-sm !default;
+$popover-bg:                        $white !default;
+$popover-max-width:                 276px !default;
+$popover-border-width:              $border-width !default;
+$popover-border-color:              rgba($black, .2) !default;
+$popover-border-radius:             $border-radius-lg !default;
+$popover-box-shadow:                0 .25rem .5rem rgba($black, .2) !default;
 
-$popover-content-padding-x:           14px !default;
-$popover-content-padding-y:           9px !default;
+$popover-header-bg:                 darken($popover-bg, 3%) !default;
+$popover-header-color:              $headings-color !default;
+$popover-header-padding-y:          .5rem !default;
+$popover-header-padding-x:          .75rem !default;
 
-$popover-arrow-width:                 10px !default;
-$popover-arrow-color:                 $popover-bg !default;
+$popover-body-color:                $body-color !default;
+$popover-body-padding-y:            $popover-header-padding-y !default;
+$popover-body-padding-x:            $popover-header-padding-x !default;
 
-$popover-arrow-outer-width:           ($popover-arrow-width + 1px) !default;
-$popover-arrow-outer-color:           fade-in($popover-border-color, .05) !default;
+$popover-arrow-width:               1rem !default;
+$popover-arrow-height:              .5rem !default;
+$popover-arrow-color:               $popover-bg !default;
 
+$popover-arrow-outer-color:         fade-in($popover-border-color, .05) !default;
 
-// Tags
 
-$tag-default-bg:            $gray-light !default;
-$tag-primary-bg:            $brand-primary !default;
-$tag-success-bg:            $brand-success !default;
-$tag-info-bg:               $brand-info !default;
-$tag-warning-bg:            $brand-warning !default;
-$tag-danger-bg:             $brand-danger !default;
+// Badges
 
-$tag-color:                 #fff !default;
-$tag-link-hover-color:      #fff !default;
-$tag-font-size:             75% !default;
-$tag-font-weight:           bold !default;
-$tag-padding-x:             .4em !default;
-$tag-padding-y:             .25em !default;
+$badge-font-size:                   75% !default;
+$badge-font-weight:                 $font-weight-bold !default;
+$badge-padding-y:                   .25em !default;
+$badge-padding-x:                   .4em !default;
+$badge-border-radius:               $border-radius !default;
 
-$tag-pill-padding-x:        .6em !default;
+$badge-pill-padding-x:              .6em !default;
 // Use a higher than normal value to ensure completely rounded edges when
 // customizing padding or font-size on labels.
-$tag-pill-border-radius:    10rem !default;
+$badge-pill-border-radius:          10rem !default;
+
 
 // Modals
 
 // Padding applied to the modal body
-$modal-inner-padding:         15px !default;
+$modal-inner-padding:         1rem !default;
 
-$modal-dialog-margin:         10px !default;
-$modal-dialog-sm-up-margin-y: 30px !default;
+$modal-dialog-margin:         .5rem !default;
+$modal-dialog-margin-y-sm-up: 1.75rem !default;
 
-$modal-title-padding:         15px !default;
-$modal-title-line-height:     $line-height-base !default;
+$modal-title-line-height:           $line-height-base !default;
 
-$modal-content-bg:               #fff !default;
-$modal-content-border-color:     rgba(0,0,0,.2) !default;
+$modal-content-bg:               $white !default;
+$modal-content-border-color:     rgba($black, .2) !default;
 $modal-content-border-width:     $border-width !default;
-$modal-content-xs-box-shadow:    0 3px 9px rgba(0,0,0,.5) !default;
-$modal-content-sm-up-box-shadow: 0 5px 15px rgba(0,0,0,.5) !default;
+$modal-content-box-shadow-xs:    0 .25rem .5rem rgba($black, .5) !default;
+$modal-content-box-shadow-sm-up: 0 .5rem 1rem rgba($black, .5) !default;
 
-$modal-backdrop-bg:           #000 !default;
+$modal-backdrop-bg:           $black !default;
 $modal-backdrop-opacity:      .5 !default;
-$modal-header-border-color:   #e5e5e5 !default;
+$modal-header-border-color:   $gray-200 !default;
 $modal-footer-border-color:   $modal-header-border-color !default;
 $modal-header-border-width:   $modal-content-border-width !default;
 $modal-footer-border-width:   $modal-header-border-width !default;
+$modal-header-padding:        1rem !default;
+
+$modal-lg:                          800px !default;
+$modal-md:                          500px !default;
+$modal-sm:                          300px !default;
 
-$modal-lg:                    900px !default;
-$modal-md:                    600px !default;
-$modal-sm:                    300px !default;
+$modal-transition:                  transform .3s ease-out !default;
 
 
 // Alerts
 //
 // Define alert colors, border radius, and padding.
 
-$alert-padding:               1rem !default;
-$alert-border-radius:         $border-radius !default;
-$alert-link-font-weight:      bold !default;
-$alert-border-width:          $border-width !default;
-
-$alert-success-bg:            $state-success-bg !default;
-$alert-success-text:          $state-success-text !default;
-$alert-success-border:        $state-success-border !default;
-
-$alert-info-bg:               $state-info-bg !default;
-$alert-info-text:             $state-info-text !default;
-$alert-info-border:           $state-info-border !default;
+$alert-padding-y:                   .75rem !default;
+$alert-padding-x:                   1.25rem !default;
+$alert-margin-bottom:               1rem !default;
+$alert-border-radius:               $border-radius !default;
+$alert-link-font-weight:            $font-weight-bold !default;
+$alert-border-width:                $border-width !default;
 
-$alert-warning-bg:            $state-warning-bg !default;
-$alert-warning-text:          $state-warning-text !default;
-$alert-warning-border:        $state-warning-border !default;
-
-$alert-danger-bg:             $state-danger-bg !default;
-$alert-danger-text:           $state-danger-text !default;
-$alert-danger-border:         $state-danger-border !default;
+$alert-bg-level:                    -10 !default;
+$alert-border-level:                -9 !default;
+$alert-color-level:                 6 !default;
 
 
 // Progress bars
 
-$progress-bg:                 #eee !default;
-$progress-bar-color:          #0074d9 !default;
-$progress-border-radius:      $border-radius !default;
-$progress-box-shadow:         inset 0 .1rem .1rem rgba(0,0,0,.1) !default;
-
-$progress-bar-bg:             $brand-primary !default;
-$progress-bar-success-bg:     $brand-success !default;
-$progress-bar-warning-bg:     $brand-warning !default;
-$progress-bar-danger-bg:      $brand-danger !default;
-$progress-bar-info-bg:        $brand-info !default;
-
+$progress-height:                   1rem !default;
+$progress-font-size:                ($font-size-base * .75) !default;
+$progress-bg:                       $gray-200 !default;
+$progress-border-radius:            $border-radius !default;
+$progress-box-shadow:               inset 0 .1rem .1rem rgba($black, .1) !default;
+$progress-bar-color:                $white !default;
+$progress-bar-bg:                   theme-color("primary") !default;
+$progress-bar-animation-timing:     1s linear infinite !default;
+$progress-bar-transition:           width .6s ease !default;
 
 // List group
 
-$list-group-bg:                 #fff !default;
-$list-group-border-color:       #ddd !default;
-$list-group-border-width:       $border-width !default;
-$list-group-border-radius:      $border-radius !default;
+$list-group-bg:                     $white !default;
+$list-group-border-color:           rgba($black, .125) !default;
+$list-group-border-width:           $border-width !default;
+$list-group-border-radius:          $border-radius !default;
 
-$list-group-hover-bg:           #f5f5f5 !default;
-$list-group-active-color:       $component-active-color !default;
-$list-group-active-bg:          $component-active-bg !default;
-$list-group-active-border:      $list-group-active-bg !default;
-$list-group-active-text-color:  lighten($list-group-active-bg, 40%) !default;
+$list-group-item-padding-y:         .75rem !default;
+$list-group-item-padding-x:         1.25rem !default;
 
-$list-group-disabled-color:      $gray-light !default;
-$list-group-disabled-bg:         $gray-lighter !default;
-$list-group-disabled-text-color: $list-group-disabled-color !default;
+$list-group-hover-bg:               $gray-100 !default;
+$list-group-active-color:           $component-active-color !default;
+$list-group-active-bg:              $component-active-bg !default;
+$list-group-active-border-color:    $list-group-active-bg !default;
 
-$list-group-link-color:         #555 !default;
-$list-group-link-hover-color:   $list-group-link-color !default;
-$list-group-link-heading-color: #333 !default;
+$list-group-disabled-color:         $gray-600 !default;
+$list-group-disabled-bg:            $list-group-bg !default;
 
-$list-group-item-padding-x:             1.25rem !default;
-$list-group-item-padding-y:             .75rem !default;
-$list-group-item-heading-margin-bottom: 5px !default;
+$list-group-action-color:           $gray-700 !default;
+$list-group-action-hover-color:     $list-group-action-color !default;
+
+$list-group-action-active-color:    $body-color !default;
+$list-group-action-active-bg:       $gray-200 !default;
 
 
 // Image thumbnails
 
-$thumbnail-padding:           .25rem !default;
-$thumbnail-bg:                $body-bg !default;
-$thumbnail-border-width:      $border-width !default;
-$thumbnail-border-color:      #ddd !default;
-$thumbnail-border-radius:     $border-radius !default;
-$thumbnail-box-shadow:        0 1px 2px rgba(0,0,0,.075) !default;
+$thumbnail-padding:                 .25rem !default;
+$thumbnail-bg:                      $body-bg !default;
+$thumbnail-border-width:            $border-width !default;
+$thumbnail-border-color:            $gray-300 !default;
+$thumbnail-border-radius:           $border-radius !default;
+$thumbnail-box-shadow:              0 1px 2px rgba($black, .075) !default;
 
 
 // Figures
 
-$figure-caption-font-size: 90% !default;
+$figure-caption-font-size:          90% !default;
+$figure-caption-color:              $gray-600 !default;
 
 
 // Breadcrumbs
 
-$breadcrumb-padding-y:          .75rem !default;
-$breadcrumb-padding-x:          1rem !default;
-$breadcrumb-item-padding:       .5rem !default;
-
-$breadcrumb-bg:                 $gray-lighter !default;
-$breadcrumb-divider-color:      $gray-light !default;
-$breadcrumb-active-color:       $gray-light !default;
-$breadcrumb-divider:            "/" !default;
-
+$breadcrumb-padding-y:              .75rem !default;
+$breadcrumb-padding-x:              1rem !default;
+$breadcrumb-item-padding:           .5rem !default;
 
-// Media objects
+$breadcrumb-margin-bottom:          1rem !default;
 
-$media-margin-top:            15px !default;
-$media-heading-margin-bottom:  5px !default;
-$media-alignment-padding-x:   10px !default;
+$breadcrumb-bg:                     $gray-200 !default;
+$breadcrumb-divider-color:          $gray-600 !default;
+$breadcrumb-active-color:           $gray-600 !default;
+$breadcrumb-divider:                "/" !default;
 
 
 // Carousel
 
-$carousel-text-shadow:                        0 1px 2px rgba(0,0,0,.6) !default;
+$carousel-control-color:            $white !default;
+$carousel-control-width:            15% !default;
+$carousel-control-opacity:          .5 !default;
 
-$carousel-control-color:                      #fff !default;
-$carousel-control-width:                      15% !default;
-$carousel-control-sm-up-size:                 30px !default;
-$carousel-control-opacity:                    .5 !default;
-$carousel-control-font-size:                  20px !default;
+$carousel-indicator-width:          30px !default;
+$carousel-indicator-height:         3px !default;
+$carousel-indicator-spacer:         3px !default;
+$carousel-indicator-active-bg:      $white !default;
 
-$carousel-indicators-width:                   60% !default;
+$carousel-caption-width:            70% !default;
+$carousel-caption-color:            $white !default;
 
-$carousel-indicator-size:                     10px !default;
-$carousel-indicator-active-size:              12px !default;
-$carousel-indicator-active-bg:                #fff !default;
-$carousel-indicator-border-color:             #fff !default;
+$carousel-control-icon-width:       20px !default;
 
-$carousel-caption-width:                      70% !default;
-$carousel-caption-sm-up-width:                60% !default;
-$carousel-caption-color:                      #fff !default;
+$carousel-control-prev-icon-bg:     str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"), "#", "%23") !default;
+$carousel-control-next-icon-bg:     str-replace(url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='#{$carousel-control-color}' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"), "#", "%23") !default;
 
-$carousel-icon-width:                         20px !default;
+$carousel-transition:               transform .6s ease !default;
 
 
 // Close
 
-$close-font-weight:           bold !default;
-$close-color:                 #000 !default;
-$close-text-shadow:           0 1px 0 #fff !default;
-
+$close-font-size:                   $font-size-base * 1.5 !default;
+$close-font-weight:                 $font-weight-bold !default;
+$close-color:                       $black !default;
+$close-text-shadow:                 0 1px 0 $white !default;
 
 // Code
 
-$code-font-size:              90% !default;
-$code-padding-x:              .4rem !default;
-$code-padding-y:              .2rem !default;
-$code-color:                  #bd4147 !default;
-$code-bg:                     #f7f7f9 !default;
+$code-font-size:                    87.5% !default;
+$code-color:                        $pink !default;
+
+$kbd-padding-y:                     .2rem !default;
+$kbd-padding-x:                     .4rem !default;
+$kbd-font-size:                     $code-font-size !default;
+$kbd-color:                         $white !default;
+$kbd-bg:                            $gray-900 !default;
+
+$pre-color:                         $gray-900 !default;
+$pre-scrollable-max-height:         340px !default;
 
-$kbd-color:                   #fff !default;
-$kbd-bg:                      #333 !default;
 
-$pre-bg:                      #f7f7f9 !default;
-$pre-color:                   $gray-dark !default;
-$pre-border-color:            #ccc !default;
-$pre-scrollable-max-height:   340px !default;
+// Printing
+$print-page-size:                   a3 !default;
+$print-body-min-width:              map-get($grid-breakpoints, "lg") !default;
diff --git a/scss/bootstrap/bootstrap-grid.scss b/scss/bootstrap/bootstrap-grid.scss
index 40680ca..26c0dc8 100644
--- a/scss/bootstrap/bootstrap-grid.scss
+++ b/scss/bootstrap/bootstrap-grid.scss
@@ -1,23 +1,32 @@
-// Bootstrap Grid only
-//
-// Includes relevant variables and mixins for the regular (non-flexbox) grid
-// system, as well as the generated predefined classes (e.g., `.col-4-sm`).
+/*!
+ * Bootstrap Grid v4.0.0 (https://getbootstrap.com)
+ * Copyright 2011-2018 The Bootstrap Authors
+ * Copyright 2011-2018 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
 
+@at-root {
+  @-ms-viewport { width: device-width; } // stylelint-disable-line at-rule-no-vendor-prefix
+}
 
-//
-// Variables
-//
+html {
+  box-sizing: border-box;
+  -ms-overflow-style: scrollbar;
+}
 
-@import "custom";
-@import "variables";
+*,
+*::before,
+*::after {
+  box-sizing: inherit;
+}
 
-//
-// Grid mixins
-//
+@import "functions";
+@import "variables";
 
-@import "mixins/clearfix";
 @import "mixins/breakpoints";
 @import "mixins/grid-framework";
 @import "mixins/grid";
 
 @import "grid";
+@import "utilities/display";
+@import "utilities/flex";
diff --git a/scss/bootstrap/bootstrap-reboot.scss b/scss/bootstrap/bootstrap-reboot.scss
index eeff516..46c4610 100644
--- a/scss/bootstrap/bootstrap-reboot.scss
+++ b/scss/bootstrap/bootstrap-reboot.scss
@@ -1,11 +1,12 @@
-// Bootstrap Reboot only
-//
-// Includes only Normalize and our custom Reboot reset.
+/*!
+ * Bootstrap Reboot v4.0.0 (https://getbootstrap.com)
+ * Copyright 2011-2018 The Bootstrap Authors
+ * Copyright 2011-2018 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ * Forked from Normalize.css, licensed MIT (https://github.com/necolas/normalize.css/blob/master/LICENSE.md)
+ */
 
-@import "custom";
+@import "functions";
 @import "variables";
-@import "mixins/hover";
-@import "mixins/tab-focus";
-
-@import "normalize";
+@import "mixins";
 @import "reboot";
diff --git a/scss/bootstrap/bootstrap.scss b/scss/bootstrap/bootstrap.scss
index 219eda2..bb5fac8 100644
--- a/scss/bootstrap/bootstrap.scss
+++ b/scss/bootstrap/bootstrap.scss
@@ -1,20 +1,14 @@
 /*!
- * Bootstrap v4.0.0-alpha.4 (http://getbootstrap.com)
- * Copyright 2011-2016 The Bootstrap Authors
- * Copyright 2011-2016 Twitter, Inc.
+ * Bootstrap v4.0.0 (https://getbootstrap.com)
+ * Copyright 2011-2018 The Bootstrap Authors
+ * Copyright 2011-2018 Twitter, Inc.
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
  */
 
-// Core variables and mixins
-@import "custom";
+@import "functions";
 @import "variables";
 @import "mixins";
-
-// Reset and dependencies
-@import "normalize";
-@import "print";
-
-// Core CSS
+@import "root";
 @import "reboot";
 @import "type";
 @import "images";
@@ -23,9 +17,7 @@
 @import "tables";
 @import "forms";
 @import "buttons";
-
-// Components
-@import "animation";
+@import "transitions";
 @import "dropdown";
 @import "button-group";
 @import "input-group";
@@ -35,20 +27,16 @@
 @import "card";
 @import "breadcrumb";
 @import "pagination";
-@import "tags";
+@import "badge";
 @import "jumbotron";
 @import "alert";
 @import "progress";
 @import "media";
 @import "list-group";
-@import "responsive-embed";
 @import "close";
-
-// Components w/ JavaScript
 @import "modal";
 @import "tooltip";
 @import "popover";
 @import "carousel";
-
-// Utility classes
 @import "utilities";
+@import "print";
diff --git a/scss/bootstrap/mixins/_alert.scss b/scss/bootstrap/mixins/_alert.scss
index 6ed3a81..db5a7eb 100644
--- a/scss/bootstrap/mixins/_alert.scss
+++ b/scss/bootstrap/mixins/_alert.scss
@@ -1,14 +1,13 @@
-// Alerts
-
-@mixin alert-variant($background, $border, $body-color) {
-  background-color: $background;
+@mixin alert-variant($background, $border, $color) {
+  color: $color;
+  @include gradient-bg($background);
   border-color: $border;
-  color: $body-color;
 
   hr {
     border-top-color: darken($border, 5%);
   }
+
   .alert-link {
-    color: darken($body-color, 10%);
+    color: darken($color, 10%);
   }
 }
diff --git a/scss/bootstrap/mixins/_background-variant.scss b/scss/bootstrap/mixins/_background-variant.scss
index ff21ad9..494439d 100644
--- a/scss/bootstrap/mixins/_background-variant.scss
+++ b/scss/bootstrap/mixins/_background-variant.scss
@@ -1,13 +1,21 @@
+// stylelint-disable declaration-no-important
+
 // Contextual backgrounds
 
 @mixin bg-variant($parent, $color) {
   #{$parent} {
-    color: #fff !important;
     background-color: $color !important;
   }
-  a#{$parent} {
+  a#{$parent},
+  button#{$parent} {
     @include hover-focus {
       background-color: darken($color, 10%) !important;
     }
   }
 }
+
+@mixin bg-gradient-variant($parent, $color) {
+  #{$parent} {
+    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x !important;
+  }
+}
diff --git a/scss/bootstrap/mixins/_badge.scss b/scss/bootstrap/mixins/_badge.scss
new file mode 100644
index 0000000..eeca0b4
--- /dev/null
+++ b/scss/bootstrap/mixins/_badge.scss
@@ -0,0 +1,12 @@
+@mixin badge-variant($bg) {
+  color: color-yiq($bg);
+  background-color: $bg;
+
+  &[href] {
+    @include hover-focus {
+      color: color-yiq($bg);
+      text-decoration: none;
+      background-color: darken($bg, 10%);
+    }
+  }
+}
diff --git a/scss/bootstrap/mixins/_border-radius.scss b/scss/bootstrap/mixins/_border-radius.scss
index 54f29f4..2024feb 100644
--- a/scss/bootstrap/mixins/_border-radius.scss
+++ b/scss/bootstrap/mixins/_border-radius.scss
@@ -8,15 +8,15 @@
 
 @mixin border-top-radius($radius) {
   @if $enable-rounded {
-    border-top-right-radius: $radius;
     border-top-left-radius: $radius;
+    border-top-right-radius: $radius;
   }
 }
 
 @mixin border-right-radius($radius) {
   @if $enable-rounded {
-    border-bottom-right-radius: $radius;
     border-top-right-radius: $radius;
+    border-bottom-right-radius: $radius;
   }
 }
 
@@ -29,7 +29,7 @@
 
 @mixin border-left-radius($radius) {
   @if $enable-rounded {
-    border-bottom-left-radius: $radius;
     border-top-left-radius: $radius;
+    border-bottom-left-radius: $radius;
   }
 }
diff --git a/scss/bootstrap/mixins/_box-shadow.scss b/scss/bootstrap/mixins/_box-shadow.scss
new file mode 100644
index 0000000..b2410e5
--- /dev/null
+++ b/scss/bootstrap/mixins/_box-shadow.scss
@@ -0,0 +1,5 @@
+@mixin box-shadow($shadow...) {
+  @if $enable-shadows {
+    box-shadow: $shadow;
+  }
+}
diff --git a/scss/bootstrap/mixins/_breakpoints.scss b/scss/bootstrap/mixins/_breakpoints.scss
index a868833..d1ad684 100644
--- a/scss/bootstrap/mixins/_breakpoints.scss
+++ b/scss/bootstrap/mixins/_breakpoints.scss
@@ -2,7 +2,7 @@
 //
 // Breakpoints are defined as a map of (name: minimum width), order from small to large:
 //
-//    (xs: 0, sm: 544px, md: 768px)
+//    (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px)
 //
 // The map defined in the `$grid-breakpoints` global variable is used as the `$breakpoints` argument by default.
 
@@ -10,9 +10,9 @@
 //
 //    >> breakpoint-next(sm)
 //    md
-//    >> breakpoint-next(sm, (xs: 0, sm: 544px, md: 768px))
+//    >> breakpoint-next(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
 //    md
-//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md))
+//    >> breakpoint-next(sm, $breakpoint-names: (xs sm md lg xl))
 //    md
 @function breakpoint-next($name, $breakpoints: $grid-breakpoints, $breakpoint-names: map-keys($breakpoints)) {
   $n: index($breakpoint-names, $name);
@@ -21,21 +21,36 @@
 
 // Minimum breakpoint width. Null for the smallest (first) breakpoint.
 //
-//    >> breakpoint-min(sm, (xs: 0, sm: 544px, md: 768px))
-//    544px
+//    >> breakpoint-min(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
+//    576px
 @function breakpoint-min($name, $breakpoints: $grid-breakpoints) {
   $min: map-get($breakpoints, $name);
   @return if($min != 0, $min, null);
 }
 
 // Maximum breakpoint width. Null for the largest (last) breakpoint.
-// The maximum value is calculated as the minimum of the next one less 0.1.
+// The maximum value is calculated as the minimum of the next one less 0.02px
+// to work around the limitations of `min-` and `max-` prefixes and viewports with fractional widths.
+// See https://www.w3.org/TR/mediaqueries-4/#mq-min-max
+// Uses 0.02px rather than 0.01px to work around a current rounding bug in Safari.
+// See https://bugs.webkit.org/show_bug.cgi?id=178261
 //
-//    >> breakpoint-max(sm, (xs: 0, sm: 544px, md: 768px))
-//    767px
+//    >> breakpoint-max(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
+//    767.98px
 @function breakpoint-max($name, $breakpoints: $grid-breakpoints) {
   $next: breakpoint-next($name, $breakpoints);
-  @return if($next, breakpoint-min($next, $breakpoints) - 1px, null);
+  @return if($next, breakpoint-min($next, $breakpoints) - .02px, null);
+}
+
+// Returns a blank string if smallest breakpoint, otherwise returns the name with a dash infront.
+// Useful for making responsive utilities.
+//
+//    >> breakpoint-infix(xs, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
+//    ""  (Returns a blank string)
+//    >> breakpoint-infix(sm, (xs: 0, sm: 576px, md: 768px, lg: 992px, xl: 1200px))
+//    "-sm"
+@function breakpoint-infix($name, $breakpoints: $grid-breakpoints) {
+  @return if(breakpoint-min($name, $breakpoints) == null, "", "-#{$name}");
 }
 
 // Media of at least the minimum breakpoint width. No query for the smallest breakpoint.
@@ -64,22 +79,44 @@
   }
 }
 
+// Media that spans multiple breakpoint widths.
+// Makes the @content apply between the min and max breakpoints
+@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {
+  $min: breakpoint-min($lower, $breakpoints);
+  $max: breakpoint-max($upper, $breakpoints);
+
+  @if $min != null and $max != null {
+    @media (min-width: $min) and (max-width: $max) {
+      @content;
+    }
+  } @else if $max == null {
+    @include media-breakpoint-up($lower, $breakpoints) {
+      @content;
+    }
+  } @else if $min == null {
+    @include media-breakpoint-down($upper, $breakpoints) {
+      @content;
+    }
+  }
+}
+
 // Media between the breakpoint's minimum and maximum widths.
 // No minimum for the smallest breakpoint, and no maximum for the largest one.
 // Makes the @content apply only to the given breakpoint, not viewports any wider or narrower.
 @mixin media-breakpoint-only($name, $breakpoints: $grid-breakpoints) {
-  @include media-breakpoint-up($name, $breakpoints) {
-    @include media-breakpoint-down($name, $breakpoints) {
+  $min: breakpoint-min($name, $breakpoints);
+  $max: breakpoint-max($name, $breakpoints);
+
+  @if $min != null and $max != null {
+    @media (min-width: $min) and (max-width: $max) {
       @content;
     }
-  }
-}
-
-// Media that spans multiple breakpoint widths.
-// Makes the @content apply between the min and max breakpoints
-@mixin media-breakpoint-between($lower, $upper, $breakpoints: $grid-breakpoints) {
-  @include media-breakpoint-up($lower, $breakpoints) {
-    @include media-breakpoint-down($upper, $breakpoints) {
+  } @else if $max == null {
+    @include media-breakpoint-up($name, $breakpoints) {
+      @content;
+    }
+  } @else if $min == null {
+    @include media-breakpoint-down($name, $breakpoints) {
       @content;
     }
   }
diff --git a/scss/bootstrap/mixins/_buttons.scss b/scss/bootstrap/mixins/_buttons.scss
index 5196ab6..06ad677 100644
--- a/scss/bootstrap/mixins/_buttons.scss
+++ b/scss/bootstrap/mixins/_buttons.scss
@@ -3,111 +3,107 @@
 // Easily pump out default styles, as well as :hover, :focus, :active,
 // and disabled options for all buttons
 
-@mixin button-variant($color, $background, $border) {
-  $active-background: darken($background, 10%);
-  $active-border: darken($border, 12%);
-
-  color: $color;
-  background-color: $background;
+@mixin button-variant($background, $border, $hover-background: darken($background, 7.5%), $hover-border: darken($border, 10%), $active-background: darken($background, 10%), $active-border: darken($border, 12.5%)) {
+  color: color-yiq($background);
+  @include gradient-bg($background);
   border-color: $border;
   @include box-shadow($btn-box-shadow);
 
   @include hover {
-    color: $color;
-    background-color: $active-background;
-        border-color: $active-border;
+    color: color-yiq($hover-background);
+    @include gradient-bg($hover-background);
+    border-color: $hover-border;
   }
 
   &:focus,
   &.focus {
-    color: $color;
-    background-color: $active-background;
-        border-color: $active-border;
-  }
-
-  &:active,
-  &.active,
-  .open > &.dropdown-toggle {
-    color: $color;
-    background-color: $active-background;
-        border-color: $active-border;
-    // Remove the gradient for the pressed/active state
-    background-image: none;
-    @include box-shadow($btn-active-box-shadow);
-
-    &:hover,
-    &:focus,
-    &.focus {
-      color: $color;
-      background-color: darken($background, 17%);
-          border-color: darken($border, 25%);
+    // Avoid using mixin so we can pass custom focus shadow properly
+    @if $enable-shadows {
+      box-shadow: $btn-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);
+    } @else {
+      box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);
     }
   }
 
+  // Disabled comes first so active can properly restyle
   &.disabled,
   &:disabled {
-    &:focus,
-    &.focus {
-      background-color: $background;
-          border-color: $border;
+    color: color-yiq($background);
+    background-color: $background;
+    border-color: $border;
+  }
+
+  &:not(:disabled):not(.disabled):active,
+  &:not(:disabled):not(.disabled).active,
+  .show > &.dropdown-toggle {
+    color: color-yiq($active-background);
+    background-color: $active-background;
+    @if $enable-gradients {
+      background-image: none; // Remove the gradient for the pressed/active state
     }
-    @include hover {
-      background-color: $background;
-          border-color: $border;
+    border-color: $active-border;
+
+    &:focus {
+      // Avoid using mixin so we can pass custom focus shadow properly
+      @if $enable-shadows {
+        box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($border, .5);
+      } @else {
+        box-shadow: 0 0 0 $btn-focus-width rgba($border, .5);
+      }
     }
   }
 }
 
-@mixin button-outline-variant($color) {
+@mixin button-outline-variant($color, $color-hover: color-yiq($color), $active-background: $color, $active-border: $color) {
   color: $color;
-  background-image: none;
   background-color: transparent;
+  background-image: none;
   border-color: $color;
 
-  @include hover {
-    color: #fff;
-    background-color: $color;
-        border-color: $color;
+  &:hover {
+    color: $color-hover;
+    background-color: $active-background;
+    border-color: $active-border;
   }
 
   &:focus,
   &.focus {
-    color: #fff;
-    background-color: $color;
-        border-color: $color;
-  }
-
-  &:active,
-  &.active,
-  .open > &.dropdown-toggle {
-    color: #fff;
-    background-color: $color;
-        border-color: $color;
-
-    &:hover,
-    &:focus,
-    &.focus {
-      color: #fff;
-      background-color: darken($color, 17%);
-          border-color: darken($color, 25%);
-    }
+    box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
   }
 
   &.disabled,
   &:disabled {
-    &:focus,
-    &.focus {
-      border-color: lighten($color, 20%);
-    }
-    @include hover {
-      border-color: lighten($color, 20%);
+    color: $color;
+    background-color: transparent;
+  }
+
+  &:not(:disabled):not(.disabled):active,
+  &:not(:disabled):not(.disabled).active,
+  .show > &.dropdown-toggle {
+    color: color-yiq($active-background);
+    background-color: $active-background;
+    border-color: $active-border;
+
+    &:focus {
+      // Avoid using mixin so we can pass custom focus shadow properly
+      @if $enable-shadows and $btn-active-box-shadow != none {
+        box-shadow: $btn-active-box-shadow, 0 0 0 $btn-focus-width rgba($color, .5);
+      } @else {
+        box-shadow: 0 0 0 $btn-focus-width rgba($color, .5);
+      }
     }
   }
 }
 
 // Button sizes
-@mixin button-size($padding-y, $padding-x, $font-size, $border-radius) {
+@mixin button-size($padding-y, $padding-x, $font-size, $line-height, $border-radius) {
   padding: $padding-y $padding-x;
   font-size: $font-size;
-  @include border-radius($border-radius);
+  line-height: $line-height;
+  // Manually declare to provide an override to the browser default
+  @if $enable-rounded {
+    border-radius: $border-radius;
+  } @else {
+    border-radius: 0;
+  }
 }
diff --git a/scss/bootstrap/mixins/_caret.scss b/scss/bootstrap/mixins/_caret.scss
new file mode 100644
index 0000000..40478e4
--- /dev/null
+++ b/scss/bootstrap/mixins/_caret.scss
@@ -0,0 +1,65 @@
+@mixin caret-down {
+  border-top: $caret-width solid;
+  border-right: $caret-width solid transparent;
+  border-bottom: 0;
+  border-left: $caret-width solid transparent;
+}
+
+@mixin caret-up {
+  border-top: 0;
+  border-right: $caret-width solid transparent;
+  border-bottom: $caret-width solid;
+  border-left: $caret-width solid transparent;
+}
+
+@mixin caret-right {
+  border-top: $caret-width solid transparent;
+  border-bottom: $caret-width solid transparent;
+  border-left: $caret-width solid;
+}
+
+@mixin caret-left {
+  border-top: $caret-width solid transparent;
+  border-right: $caret-width solid;
+  border-bottom: $caret-width solid transparent;
+}
+
+@mixin caret($direction: down) {
+  @if $enable-caret {
+    &::after {
+      display: inline-block;
+      width: 0;
+      height: 0;
+      margin-left: $caret-width * .85;
+      vertical-align: $caret-width * .85;
+      content: "";
+      @if $direction == down {
+        @include caret-down;
+      } @else if $direction == up {
+        @include caret-up;
+      } @else if $direction == right {
+        @include caret-right;
+      }
+    }
+
+    @if $direction == left {
+      &::after {
+        display: none;
+      }
+
+      &::before {
+        display: inline-block;
+        width: 0;
+        height: 0;
+        margin-right: $caret-width * .85;
+        vertical-align: $caret-width * .85;
+        content: "";
+        @include caret-left;
+      }
+    }
+
+    &:empty::after {
+      margin-left: 0;
+    }
+  }
+}
diff --git a/scss/bootstrap/mixins/_clearfix.scss b/scss/bootstrap/mixins/_clearfix.scss
index d0ae125..11a977b 100644
--- a/scss/bootstrap/mixins/_clearfix.scss
+++ b/scss/bootstrap/mixins/_clearfix.scss
@@ -1,7 +1,7 @@
 @mixin clearfix() {
   &::after {
-    content: "";
-    display: table;
+    display: block;
     clear: both;
+    content: "";
   }
 }
diff --git a/scss/bootstrap/mixins/_float.scss b/scss/bootstrap/mixins/_float.scss
new file mode 100644
index 0000000..48fa8b6
--- /dev/null
+++ b/scss/bootstrap/mixins/_float.scss
@@ -0,0 +1,11 @@
+// stylelint-disable declaration-no-important
+
+@mixin float-left {
+  float: left !important;
+}
+@mixin float-right {
+  float: right !important;
+}
+@mixin float-none {
+  float: none !important;
+}
diff --git a/scss/bootstrap/mixins/_forms.scss b/scss/bootstrap/mixins/_forms.scss
index b281dd7..2290682 100644
--- a/scss/bootstrap/mixins/_forms.scss
+++ b/scss/bootstrap/mixins/_forms.scss
@@ -1,45 +1,7 @@
-// Form validation states
-//
-// Used in _forms.scss to generate the form validation CSS for warnings, errors,
-// and successes.
-
-@mixin form-control-validation($color) {
-  // Color the label and help text
-  .form-control-feedback,
-  .form-control-label,
-  .form-check-label,
-  .form-check-inline,
-  .custom-control {
-    color: $color;
-  }
-  // Set the border and box shadow on specific inputs to match
-  .form-control {
-    border-color: $color;
-    // @include box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work
-
-    &:focus {
-      // border-color: darken($border-color, 10%);
-      // $shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten($border-color, 20%);
-      // @include box-shadow($shadow);
-    }
-  }
-
-  // Set validation states also for addons
-  .input-group-addon {
-    color: $color;
-    border-color: $color;
-    background-color: lighten($color, 40%);
-  }
-  // Optional feedback icon
-  .form-control-feedback {
-    color: $color;
-  }
-}
-
 // Form control focus state
 //
 // Generate a customized focus state and for any input with the specified color,
-// which defaults to the `@input-border-focus` variable.
+// which defaults to the `$input-focus-border-color` variable.
 //
 // We highly encourage you to not customize the default value, but instead use
 // this to tweak colors on an as-needed basis. This aesthetic change is based on
@@ -50,37 +12,126 @@
 // contrast against a dark gray background.
 @mixin form-control-focus() {
   &:focus {
-    color: $input-color-focus;
-    background-color: $input-bg-focus;
-    border-color: $input-border-focus;
-    outline: none;
-    $shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px $input-box-shadow-focus;
-    @include box-shadow($shadow);
+    color: $input-focus-color;
+    background-color: $input-focus-bg;
+    border-color: $input-focus-border-color;
+    outline: 0;
+    // Avoid using mixin so we can pass custom focus shadow properly
+    @if $enable-shadows {
+      box-shadow: $input-box-shadow, $input-focus-box-shadow;
+    } @else {
+      box-shadow: $input-focus-box-shadow;
+    }
   }
 }
 
-// Form control sizing
-//
-// Relative text size, padding, and border-radii changes for form controls. For
-// horizontal sizing, wrap controls in the predefined grid classes. `<select>`
-// element gets special love because it's special, and that's a fact!
-
-@mixin input-size($parent, $input-height, $padding-y, $padding-x, $font-size, $line-height, $border-radius) {
-  #{$parent} {
-    height: $input-height;
-    padding: $padding-y $padding-x;
-    font-size: $font-size;
-    line-height: $line-height;
-    @include border-radius($border-radius);
+
+@mixin form-validation-state($state, $color) {
+  .#{$state}-feedback {
+    display: none;
+    width: 100%;
+    margin-top: $form-feedback-margin-top;
+    font-size: $form-feedback-font-size;
+    color: $color;
+  }
+
+  .#{$state}-tooltip {
+    position: absolute;
+    top: 100%;
+    z-index: 5;
+    display: none;
+    max-width: 100%; // Contain to parent when possible
+    padding: .5rem;
+    margin-top: .1rem;
+    font-size: .875rem;
+    line-height: 1;
+    color: #fff;
+    background-color: rgba($color, .8);
+    border-radius: .2rem;
   }
 
-  select#{$parent} {
-    height: $input-height;
-    line-height: $input-height;
+  .form-control,
+  .custom-select {
+    .was-validated &:#{$state},
+    &.is-#{$state} {
+      border-color: $color;
+
+      &:focus {
+        border-color: $color;
+        box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
+      }
+
+      ~ .#{$state}-feedback,
+      ~ .#{$state}-tooltip {
+        display: block;
+      }
+    }
+  }
+
+  .form-check-input {
+    .was-validated &:#{$state},
+    &.is-#{$state} {
+      ~ .form-check-label {
+        color: $color;
+      }
+
+      ~ .#{$state}-feedback,
+      ~ .#{$state}-tooltip {
+        display: block;
+      }
+    }
+  }
+
+  .custom-control-input {
+    .was-validated &:#{$state},
+    &.is-#{$state} {
+      ~ .custom-control-label {
+        color: $color;
+
+        &::before {
+          background-color: lighten($color, 25%);
+        }
+      }
+
+      ~ .#{$state}-feedback,
+      ~ .#{$state}-tooltip {
+        display: block;
+      }
+
+      &:checked {
+        ~ .custom-control-label::before {
+          @include gradient-bg(lighten($color, 10%));
+        }
+      }
+
+      &:focus {
+        ~ .custom-control-label::before {
+          box-shadow: 0 0 0 1px $body-bg, 0 0 0 $input-focus-width rgba($color, .25);
+        }
+      }
+    }
   }
 
-  textarea#{$parent},
-  select[multiple]#{$parent} {
-    height: auto;
+  // custom file
+  .custom-file-input {
+    .was-validated &:#{$state},
+    &.is-#{$state} {
+      ~ .custom-file-label {
+        border-color: $color;
+
+        &::before { border-color: inherit; }
+      }
+
+      ~ .#{$state}-feedback,
+      ~ .#{$state}-tooltip {
+        display: block;
+      }
+
+      &:focus {
+        ~ .custom-file-label {
+          box-shadow: 0 0 0 $input-focus-width rgba($color, .25);
+        }
+      }
+    }
   }
 }
diff --git a/scss/bootstrap/mixins/_gradients.scss b/scss/bootstrap/mixins/_gradients.scss
index ac96efe..ecd01f7 100644
--- a/scss/bootstrap/mixins/_gradients.scss
+++ b/scss/bootstrap/mixins/_gradients.scss
@@ -1,38 +1,40 @@
 // Gradients
 
+@mixin gradient-bg($color) {
+  @if $enable-gradients {
+    background: $color linear-gradient(180deg, mix($body-bg, $color, 15%), $color) repeat-x;
+  } @else {
+    background-color: $color;
+  }
+}
+
 // Horizontal gradient, from left to right
 //
 // Creates two color stops, start and end, by specifying a color and position for each color stop.
-// Color stops are not available in IE9.
 @mixin gradient-x($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {
   background-image: linear-gradient(to right, $start-color $start-percent, $end-color $end-percent);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1); // IE9
 }
 
 // Vertical gradient, from top to bottom
 //
 // Creates two color stops, start and end, by specifying a color and position for each color stop.
-// Color stops are not available in IE9.
 @mixin gradient-y($start-color: #555, $end-color: #333, $start-percent: 0%, $end-percent: 100%) {
   background-image: linear-gradient(to bottom, $start-color $start-percent, $end-color $end-percent);
   background-repeat: repeat-x;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9
 }
 
 @mixin gradient-directional($start-color: #555, $end-color: #333, $deg: 45deg) {
-  background-repeat: repeat-x;
   background-image: linear-gradient($deg, $start-color, $end-color);
+  background-repeat: repeat-x;
 }
 @mixin gradient-x-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {
   background-image: linear-gradient(to right, $start-color, $mid-color $color-stop, $end-color);
   background-repeat: no-repeat;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=1); // IE9 gets no color-stop at all for proper fallback
 }
 @mixin gradient-y-three-colors($start-color: #00b3ee, $mid-color: #7a43b6, $color-stop: 50%, $end-color: #c3325f) {
   background-image: linear-gradient($start-color, $mid-color $color-stop, $end-color);
   background-repeat: no-repeat;
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#{ie-hex-str($start-color)}', endColorstr='#{ie-hex-str($end-color)}', GradientType=0); // IE9 gets no color-stop at all for proper fallback
 }
 @mixin gradient-radial($inner-color: #555, $outer-color: #333) {
   background-image: radial-gradient(circle, $inner-color, $outer-color);
@@ -40,4 +42,4 @@
 }
 @mixin gradient-striped($color: rgba(255,255,255,.15), $angle: 45deg) {
   background-image: linear-gradient($angle, $color 25%, transparent 25%, transparent 50%, $color 50%, $color 75%, transparent 75%, transparent);
-}
\ No newline at end of file
+}
diff --git a/scss/bootstrap/mixins/_grid-framework.scss b/scss/bootstrap/mixins/_grid-framework.scss
index 8b17d78..7b37f86 100644
--- a/scss/bootstrap/mixins/_grid-framework.scss
+++ b/scss/bootstrap/mixins/_grid-framework.scss
@@ -4,64 +4,61 @@
 // any value of `$grid-columns`.
 
 @mixin make-grid-columns($columns: $grid-columns, $gutter: $grid-gutter-width, $breakpoints: $grid-breakpoints) {
-
   // Common properties for all breakpoints
   %grid-column {
     position: relative;
-    // Prevent columns from collapsing when empty
-    min-height: 1px;
-    // Inner gutter via padding
+    width: 100%;
+    min-height: 1px; // Prevent columns from collapsing when empty
     padding-right: ($gutter / 2);
     padding-left: ($gutter / 2);
-
-    @if $enable-flex {
-      width: 100%;
-    }
   }
 
-  $breakpoint-counter: 0;
   @each $breakpoint in map-keys($breakpoints) {
-    $breakpoint-counter: ($breakpoint-counter + 1);
+    $infix: breakpoint-infix($breakpoint, $breakpoints);
 
+    // Allow columns to stretch full width below their breakpoints
     @for $i from 1 through $columns {
-      .col-#{$breakpoint}-#{$i} {
+      .col#{$infix}-#{$i} {
         @extend %grid-column;
       }
     }
+    .col#{$infix},
+    .col#{$infix}-auto {
+      @extend %grid-column;
+    }
 
     @include media-breakpoint-up($breakpoint, $breakpoints) {
       // Provide basic `.col-{bp}` classes for equal-width flexbox columns
-      @if $enable-flex {
-        .col-#{$breakpoint} {
-          position: relative;
-          flex-basis: 0;
-          flex-grow: 1;
-          max-width: 100%;
-          min-height: 1px;
-          padding-right: ($grid-gutter-width / 2);
-          padding-left:  ($grid-gutter-width / 2);
-        }
+      .col#{$infix} {
+        flex-basis: 0;
+        flex-grow: 1;
+        max-width: 100%;
+      }
+      .col#{$infix}-auto {
+        flex: 0 0 auto;
+        width: auto;
+        max-width: none; // Reset earlier grid tiers
       }
 
       @for $i from 1 through $columns {
-        .col-#{$breakpoint}-#{$i} {
+        .col#{$infix}-#{$i} {
           @include make-col($i, $columns);
         }
       }
 
-      @each $modifier in (pull, push) {
-        @for $i from 0 through $columns {
-          .#{$modifier}-#{$breakpoint}-#{$i} {
-            @include make-col-modifier($modifier, $i, $columns)
-          }
-        }
+      .order#{$infix}-first { order: -1; }
+
+      .order#{$infix}-last { order: $columns + 1; }
+
+      @for $i from 0 through $columns {
+        .order#{$infix}-#{$i} { order: $i; }
       }
 
       // `$columns - 1` because offsetting by the width of an entire row isn't possible
       @for $i from 0 through ($columns - 1) {
-        @if $breakpoint-counter != 1 or $i != 0 { // Avoid emitting useless .offset-xs-0
-          .offset-#{$breakpoint}-#{$i} {
-            @include make-col-modifier(offset, $i, $columns)
+        @if not ($infix == "" and $i == 0) { // Avoid emitting useless .offset-0
+          .offset#{$infix}-#{$i} {
+            @include make-col-offset($i, $columns);
           }
         }
       }
diff --git a/scss/bootstrap/mixins/_grid.scss b/scss/bootstrap/mixins/_grid.scss
index fa9b399..b75ebcb 100644
--- a/scss/bootstrap/mixins/_grid.scss
+++ b/scss/bootstrap/mixins/_grid.scss
@@ -2,14 +2,12 @@
 //
 // Generate semantic grid columns with these mixins.
 
-@mixin make-container($gutter: $grid-gutter-width) {
-  margin-left: auto;
+@mixin make-container() {
+  width: 100%;
+  padding-right: ($grid-gutter-width / 2);
+  padding-left: ($grid-gutter-width / 2);
   margin-right: auto;
-  padding-left:  ($gutter / 2);
-  padding-right: ($gutter / 2);
-  @if not $enable-flex {
-    @include clearfix();
-  }
+  margin-left: auto;
 }
 
 
@@ -22,63 +20,33 @@
   }
 }
 
-@mixin make-row($gutter: $grid-gutter-width) {
-  @if $enable-flex {
-    display: flex;
-    flex-wrap: wrap;
-  } @else {
-    @include clearfix();
-  }
-  margin-left:  ($gutter / -2);
-  margin-right: ($gutter / -2);
+@mixin make-row() {
+  display: flex;
+  flex-wrap: wrap;
+  margin-right: ($grid-gutter-width / -2);
+  margin-left: ($grid-gutter-width / -2);
 }
 
-@mixin make-col-ready($gutter: $grid-gutter-width) {
+@mixin make-col-ready() {
   position: relative;
-  min-height: 1px; // Prevent collapsing
-  padding-right: ($gutter / 2);
-  padding-left:  ($gutter / 2);
-
   // Prevent columns from becoming too narrow when at smaller grid tiers by
   // always setting `width: 100%;`. This works because we use `flex` values
   // later on to override this initial width.
-  @if $enable-flex {
-    width: 100%;
-  }
+  width: 100%;
+  min-height: 1px; // Prevent collapsing
+  padding-right: ($grid-gutter-width / 2);
+  padding-left: ($grid-gutter-width / 2);
 }
 
 @mixin make-col($size, $columns: $grid-columns) {
-  @if $enable-flex {
-    flex: 0 0 percentage($size / $columns);
-    // Add a `max-width` to ensure content within each column does not blow out
-    // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari
-    // do not appear to require this.
-    max-width: percentage($size / $columns);
-  } @else {
-    float: left;
-    width: percentage($size / $columns);
-  }
+  flex: 0 0 percentage($size / $columns);
+  // Add a `max-width` to ensure content within each column does not blow out
+  // the width of the column. Applies to IE10+ and Firefox. Chrome and Safari
+  // do not appear to require this.
+  max-width: percentage($size / $columns);
 }
 
 @mixin make-col-offset($size, $columns: $grid-columns) {
-  margin-left: percentage($size / $columns);
-}
-
-@mixin make-col-push($size, $columns: $grid-columns) {
-  left: if($size > 0, percentage($size / $columns), auto);
-}
-
-@mixin make-col-pull($size, $columns: $grid-columns) {
-  right: if($size > 0, percentage($size / $columns), auto);
-}
-
-@mixin make-col-modifier($type, $size, $columns) {
-  // Work around the lack of dynamic mixin @include support (https://github.com/sass/sass/issues/626)
-  @if $type == push {
-    @include make-col-push($size, $columns);
-  } @else if $type == pull {
-    @include make-col-pull($size, $columns);
-  } @else if $type == offset {
-    @include make-col-offset($size, $columns);
-  }
+  $num: $size / $columns;
+  margin-left: if($num == 0, 0, percentage($num));
 }
diff --git a/scss/bootstrap/mixins/_hover.scss b/scss/bootstrap/mixins/_hover.scss
index 4a648a5..ec2e328 100644
--- a/scss/bootstrap/mixins/_hover.scss
+++ b/scss/bootstrap/mixins/_hover.scss
@@ -1,60 +1,39 @@
+// stylelint-disable indentation
+
+// Hover mixin and `$enable-hover-media-query` are deprecated.
+//
+// Origally added during our alphas and maintained during betas, this mixin was
+// designed to prevent `:hover` stickiness on iOS—an issue where hover styles
+// would persist after initial touch.
+//
+// For backward compatibility, we've kept these mixins and updated them to
+// always return their regular psuedo-classes instead of a shimmed media query.
+//
+// Issue: https://github.com/twbs/bootstrap/issues/25195
+
 @mixin hover {
-  // TODO: re-enable along with mq4-hover-shim
-//  @if $enable-hover-media-query {
-//    // See Media Queries Level 4: http://drafts.csswg.org/mediaqueries/#hover
-//    // Currently shimmed by https://github.com/twbs/mq4-hover-shim
-//    @media (hover: hover) {
-//      &:hover { @content }
-//    }
-//  }
-//  @else {
-    &:hover { @content }
-//  }
+  &:hover { @content; }
 }
 
 @mixin hover-focus {
-  @if $enable-hover-media-query {
-    &:focus { @content }
-    @include hover { @content }
-  }
-  @else {
-    &:focus,
-    &:hover {
-      @content
-    }
+  &:hover,
+  &:focus {
+    @content;
   }
 }
 
 @mixin plain-hover-focus {
-  @if $enable-hover-media-query {
-    &,
-    &:focus {
-      @content
-    }
-    @include hover { @content }
-  }
-  @else {
-    &,
-    &:focus,
-    &:hover {
-      @content
-    }
+  &,
+  &:hover,
+  &:focus {
+    @content;
   }
 }
 
 @mixin hover-focus-active {
-  @if $enable-hover-media-query {
-    &:focus,
-    &:active {
-      @content
-    }
-    @include hover { @content }
-  }
-  @else {
-    &:focus,
-    &:active,
-    &:hover {
-      @content
-    }
+  &:hover,
+  &:focus,
+  &:active {
+    @content;
   }
 }
diff --git a/scss/bootstrap/mixins/_image.scss b/scss/bootstrap/mixins/_image.scss
index 91d2f59..0544f0d 100644
--- a/scss/bootstrap/mixins/_image.scss
+++ b/scss/bootstrap/mixins/_image.scss
@@ -7,10 +7,12 @@
 //
 // Keep images from scaling beyond the width of their parents.
 
-@mixin img-fluid($display: block) {
-  display: $display;
-  max-width: 100%; // Part 1: Set a maximum relative to the parent
-  height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
+@mixin img-fluid {
+  // Part 1: Set a maximum relative to the parent
+  max-width: 100%;
+  // Part 2: Override the height to auto, otherwise images will be stretched
+  // when setting a width and height attribute on the img element.
+  height: auto;
 }
 
 
@@ -18,15 +20,15 @@
 //
 // Short retina mixin for setting background-image and -size.
 
+// stylelint-disable indentation, media-query-list-comma-newline-after
 @mixin img-retina($file-1x, $file-2x, $width-1x, $height-1x) {
   background-image: url($file-1x);
 
   // Autoprefixer takes care of adding -webkit-min-device-pixel-ratio and -o-min-device-pixel-ratio,
   // but doesn't convert dppx=>dpi.
   // There's no such thing as unprefixed min-device-pixel-ratio since it's nonstandard.
-  // Compatibility info: http://caniuse.com/#feat=css-media-resolution
-  @media
-  only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx
+  // Compatibility info: https://caniuse.com/#feat=css-media-resolution
+  @media only screen and (min-resolution: 192dpi), // IE9-11 don't support dppx
   only screen and (min-resolution: 2dppx) { // Standardized
     background-image: url($file-2x);
     background-size: $width-1x $height-1x;
diff --git a/scss/bootstrap/mixins/_list-group.scss b/scss/bootstrap/mixins/_list-group.scss
index 81b0f16..607ffcb 100644
--- a/scss/bootstrap/mixins/_list-group.scss
+++ b/scss/bootstrap/mixins/_list-group.scss
@@ -4,23 +4,14 @@
   .list-group-item-#{$state} {
     color: $color;
     background-color: $background;
-  }
-
-  a.list-group-item-#{$state},
-  button.list-group-item-#{$state} {
-    color: $color;
 
-    .list-group-item-heading {
-      color: inherit;
-    }
-
-    @include hover-focus {
-      color: $color;
-      background-color: darken($background, 5%);
-    }
+    &.list-group-item-action {
+      @include hover-focus {
+        color: $color;
+        background-color: darken($background, 5%);
+      }
 
-    &.active {
-      @include plain-hover-focus {
+      &.active {
         color: #fff;
         background-color: $color;
         border-color: $color;
diff --git a/scss/bootstrap/mixins/_nav-divider.scss b/scss/bootstrap/mixins/_nav-divider.scss
index fb3d12e..493de03 100644
--- a/scss/bootstrap/mixins/_nav-divider.scss
+++ b/scss/bootstrap/mixins/_nav-divider.scss
@@ -3,8 +3,8 @@
 // Dividers (basically an hr) within dropdowns and nav lists
 
 @mixin nav-divider($color: #e5e5e5) {
-  height: 1px;
-  margin: ($spacer-y / 2) 0;
+  height: 0;
+  margin: ($spacer / 2) 0;
   overflow: hidden;
-  background-color: $color;
+  border-top: 1px solid $color;
 }
diff --git a/scss/bootstrap/mixins/_navbar-align.scss b/scss/bootstrap/mixins/_navbar-align.scss
index c454a4f..b351660 100644
--- a/scss/bootstrap/mixins/_navbar-align.scss
+++ b/scss/bootstrap/mixins/_navbar-align.scss
@@ -1,7 +1,8 @@
 // Navbar vertical align
 //
 // Vertically center elements in the navbar.
-// Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin.
+// Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);`
+// to calculate the appropriate top margin.
 
 // @mixin navbar-vertical-align($element-height) {
 //   margin-top: (($navbar-height - $element-height) / 2);
diff --git a/scss/bootstrap/mixins/_pagination.scss b/scss/bootstrap/mixins/_pagination.scss
index 8cd9317..ff36eb6 100644
--- a/scss/bootstrap/mixins/_pagination.scss
+++ b/scss/bootstrap/mixins/_pagination.scss
@@ -4,6 +4,7 @@
   .page-link {
     padding: $padding-y $padding-x;
     font-size: $font-size;
+    line-height: $line-height;
   }
 
   .page-item {
diff --git a/scss/bootstrap/mixins/_reset-text.scss b/scss/bootstrap/mixins/_reset-text.scss
index bb882f2..71edb00 100644
--- a/scss/bootstrap/mixins/_reset-text.scss
+++ b/scss/bootstrap/mixins/_reset-text.scss
@@ -2,16 +2,16 @@
   font-family: $font-family-base;
   // We deliberately do NOT reset font-size or word-wrap.
   font-style: normal;
-  font-weight: normal;
-  letter-spacing: normal;
-  line-break: auto;
+  font-weight: $font-weight-normal;
   line-height: $line-height-base;
   text-align: left; // Fallback for where `start` is not supported
-  text-align: start;
+  text-align: start; // stylelint-disable-line declaration-block-no-duplicate-properties
   text-decoration: none;
   text-shadow: none;
   text-transform: none;
-  white-space: normal;
+  letter-spacing: normal;
   word-break: normal;
   word-spacing: normal;
+  white-space: normal;
+  line-break: auto;
 }
diff --git a/scss/bootstrap/mixins/_resize.scss b/scss/bootstrap/mixins/_resize.scss
index 83fa637..66f233a 100644
--- a/scss/bootstrap/mixins/_resize.scss
+++ b/scss/bootstrap/mixins/_resize.scss
@@ -1,6 +1,6 @@
 // Resize anything
 
 @mixin resizable($direction) {
-  resize: $direction; // Options: horizontal, vertical, both
   overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible`
+  resize: $direction; // Options: horizontal, vertical, both
 }
diff --git a/scss/bootstrap/mixins/_screen-reader.scss b/scss/bootstrap/mixins/_screen-reader.scss
index 6ae6551..8f3eb1b 100644
--- a/scss/bootstrap/mixins/_screen-reader.scss
+++ b/scss/bootstrap/mixins/_screen-reader.scss
@@ -1,21 +1,23 @@
 // Only display content to screen readers
 //
-// See: http://a11yproject.com/posts/how-to-hide-content
+// See: http://a11yproject.com/posts/how-to-hide-content/
+// See: https://hugogiraudel.com/2016/10/13/css-hide-and-seek/
 
 @mixin sr-only {
   position: absolute;
   width: 1px;
   height: 1px;
   padding: 0;
-  margin: -1px;
   overflow: hidden;
-  clip: rect(0,0,0,0);
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  clip-path: inset(50%);
   border: 0;
 }
 
 // Use in conjunction with .sr-only to only display content when it's focused.
 //
-// Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
+// Useful for "Skip to main content" links; see https://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1
 //
 // Credit: HTML5 Boilerplate
 
@@ -25,8 +27,9 @@
     position: static;
     width: auto;
     height: auto;
-    margin: 0;
     overflow: visible;
     clip: auto;
+    white-space: normal;
+    clip-path: none;
   }
 }
diff --git a/scss/bootstrap/mixins/_text-emphasis.scss b/scss/bootstrap/mixins/_text-emphasis.scss
index 9cd4b6a..58db3e0 100644
--- a/scss/bootstrap/mixins/_text-emphasis.scss
+++ b/scss/bootstrap/mixins/_text-emphasis.scss
@@ -1,3 +1,5 @@
+// stylelint-disable declaration-no-important
+
 // Typography
 
 @mixin text-emphasis-variant($parent, $color) {
diff --git a/scss/bootstrap/mixins/_text-hide.scss b/scss/bootstrap/mixins/_text-hide.scss
index 52a38a9..aa551fd 100644
--- a/scss/bootstrap/mixins/_text-hide.scss
+++ b/scss/bootstrap/mixins/_text-hide.scss
@@ -1,5 +1,6 @@
 // CSS image replacement
 @mixin text-hide() {
+  // stylelint-disable-next-line font-family-no-missing-generic-family-keyword
   font: 0/0 a;
   color: transparent;
   text-shadow: none;
diff --git a/scss/bootstrap/mixins/_text-truncate.scss b/scss/bootstrap/mixins/_text-truncate.scss
index 5a40bf5..3504bb1 100644
--- a/scss/bootstrap/mixins/_text-truncate.scss
+++ b/scss/bootstrap/mixins/_text-truncate.scss
@@ -5,4 +5,4 @@
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-}
\ No newline at end of file
+}
diff --git a/scss/bootstrap/mixins/_transition.scss b/scss/bootstrap/mixins/_transition.scss
new file mode 100644
index 0000000..7e33dee
--- /dev/null
+++ b/scss/bootstrap/mixins/_transition.scss
@@ -0,0 +1,9 @@
+@mixin transition($transition...) {
+  @if $enable-transitions {
+    @if length($transition) == 0 {
+      transition: $transition-base;
+    } @else {
+      transition: $transition;
+    }
+  }
+}
diff --git a/scss/bootstrap/mixins/_visibility.scss b/scss/bootstrap/mixins/_visibility.scss
new file mode 100644
index 0000000..fe523d0
--- /dev/null
+++ b/scss/bootstrap/mixins/_visibility.scss
@@ -0,0 +1,7 @@
+// stylelint-disable declaration-no-important
+
+// Visibility
+
+@mixin invisible($visibility) {
+  visibility: $visibility !important;
+}
diff --git a/scss/bootstrap/utilities/_align.scss b/scss/bootstrap/utilities/_align.scss
new file mode 100644
index 0000000..8b7df9f
--- /dev/null
+++ b/scss/bootstrap/utilities/_align.scss
@@ -0,0 +1,8 @@
+// stylelint-disable declaration-no-important
+
+.align-baseline    { vertical-align: baseline !important; } // Browser default
+.align-top         { vertical-align: top !important; }
+.align-middle      { vertical-align: middle !important; }
+.align-bottom      { vertical-align: bottom !important; }
+.align-text-bottom { vertical-align: text-bottom !important; }
+.align-text-top    { vertical-align: text-top !important; }
diff --git a/scss/bootstrap/utilities/_background.scss b/scss/bootstrap/utilities/_background.scss
index a81dcff..1f18b2f 100644
--- a/scss/bootstrap/utilities/_background.scss
+++ b/scss/bootstrap/utilities/_background.scss
@@ -1,19 +1,19 @@
-//
-// Contextual backgrounds
-//
+// stylelint-disable declaration-no-important
 
-.bg-faded {
-  background-color: $gray-lightest;
+@each $color, $value in $theme-colors {
+  @include bg-variant(".bg-#{$color}", $value);
 }
 
-@include bg-variant('.bg-primary', $brand-primary);
-
-@include bg-variant('.bg-success', $brand-success);
-
-@include bg-variant('.bg-info', $brand-info);
-
-@include bg-variant('.bg-warning', $brand-warning);
+@if $enable-gradients {
+  @each $color, $value in $theme-colors {
+    @include bg-gradient-variant(".bg-gradient-#{$color}", $value);
+  }
+}
 
-@include bg-variant('.bg-danger', $brand-danger);
+.bg-white {
+  background-color: $white !important;
+}
 
-@include bg-variant('.bg-inverse', $brand-inverse);
+.bg-transparent {
+  background-color: transparent !important;
+}
diff --git a/scss/bootstrap/utilities/_borders.scss b/scss/bootstrap/utilities/_borders.scss
new file mode 100644
index 0000000..b8832ef
--- /dev/null
+++ b/scss/bootstrap/utilities/_borders.scss
@@ -0,0 +1,59 @@
+// stylelint-disable declaration-no-important
+
+//
+// Border
+//
+
+.border         { border: $border-width solid $border-color !important; }
+.border-top     { border-top: $border-width solid $border-color !important; }
+.border-right   { border-right: $border-width solid $border-color !important; }
+.border-bottom  { border-bottom: $border-width solid $border-color !important; }
+.border-left    { border-left: $border-width solid $border-color !important; }
+
+.border-0        { border: 0 !important; }
+.border-top-0    { border-top: 0 !important; }
+.border-right-0  { border-right: 0 !important; }
+.border-bottom-0 { border-bottom: 0 !important; }
+.border-left-0   { border-left: 0 !important; }
+
+@each $color, $value in $theme-colors {
+  .border-#{$color} {
+    border-color: $value !important;
+  }
+}
+
+.border-white {
+  border-color: $white !important;
+}
+
+//
+// Border-radius
+//
+
+.rounded {
+  border-radius: $border-radius !important;
+}
+.rounded-top {
+  border-top-left-radius: $border-radius !important;
+  border-top-right-radius: $border-radius !important;
+}
+.rounded-right {
+  border-top-right-radius: $border-radius !important;
+  border-bottom-right-radius: $border-radius !important;
+}
+.rounded-bottom {
+  border-bottom-right-radius: $border-radius !important;
+  border-bottom-left-radius: $border-radius !important;
+}
+.rounded-left {
+  border-top-left-radius: $border-radius !important;
+  border-bottom-left-radius: $border-radius !important;
+}
+
+.rounded-circle {
+  border-radius: 50% !important;
+}
+
+.rounded-0 {
+  border-radius: 0 !important;
+}
diff --git a/scss/bootstrap/utilities/_display.scss b/scss/bootstrap/utilities/_display.scss
index d74049b..20aeeb5 100644
--- a/scss/bootstrap/utilities/_display.scss
+++ b/scss/bootstrap/utilities/_display.scss
@@ -1,13 +1,38 @@
+// stylelint-disable declaration-no-important
+
 //
-// Display utilities
+// Utilities for common `display` values
 //
 
-.d-block {
-  display: block !important;
-}
-.d-inline-block {
-  display: inline-block !important;
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+    .d#{$infix}-none         { display: none !important; }
+    .d#{$infix}-inline       { display: inline !important; }
+    .d#{$infix}-inline-block { display: inline-block !important; }
+    .d#{$infix}-block        { display: block !important; }
+    .d#{$infix}-table        { display: table !important; }
+    .d#{$infix}-table-row    { display: table-row !important; }
+    .d#{$infix}-table-cell   { display: table-cell !important; }
+    .d#{$infix}-flex         { display: flex !important; }
+    .d#{$infix}-inline-flex  { display: inline-flex !important; }
+  }
 }
-.d-inline {
-  display: inline !important;
+
+
+//
+// Utilities for toggling `display` in print
+//
+
+@media print {
+  .d-print-none         { display: none !important; }
+  .d-print-inline       { display: inline !important; }
+  .d-print-inline-block { display: inline-block !important; }
+  .d-print-block        { display: block !important; }
+  .d-print-table        { display: table !important; }
+  .d-print-table-row    { display: table-row !important; }
+  .d-print-table-cell   { display: table-cell !important; }
+  .d-print-flex         { display: flex !important; }
+  .d-print-inline-flex  { display: inline-flex !important; }
 }
diff --git a/scss/bootstrap/_responsive-embed.scss b/scss/bootstrap/utilities/_embed.scss
similarity index 60%
rename from scss/bootstrap/_responsive-embed.scss
rename to scss/bootstrap/utilities/_embed.scss
index 2443219..d3362b6 100644
--- a/scss/bootstrap/_responsive-embed.scss
+++ b/scss/bootstrap/utilities/_embed.scss
@@ -3,10 +3,15 @@
 .embed-responsive {
   position: relative;
   display: block;
-  height: 0;
+  width: 100%;
   padding: 0;
   overflow: hidden;
 
+  &::before {
+    display: block;
+    content: "";
+  }
+
   .embed-responsive-item,
   iframe,
   embed,
@@ -23,17 +28,25 @@
 }
 
 .embed-responsive-21by9 {
-  padding-bottom: percentage(9 / 21);
+  &::before {
+    padding-top: percentage(9 / 21);
+  }
 }
 
 .embed-responsive-16by9 {
-  padding-bottom: percentage(9 / 16);
+  &::before {
+    padding-top: percentage(9 / 16);
+  }
 }
 
 .embed-responsive-4by3 {
-  padding-bottom: percentage(3 / 4);
+  &::before {
+    padding-top: percentage(3 / 4);
+  }
 }
 
 .embed-responsive-1by1 {
-  padding-bottom: percentage(1 / 1);
+  &::before {
+    padding-top: percentage(1 / 1);
+  }
 }
diff --git a/scss/bootstrap/utilities/_flex.scss b/scss/bootstrap/utilities/_flex.scss
index 502885a..8e47038 100644
--- a/scss/bootstrap/utilities/_flex.scss
+++ b/scss/bootstrap/utilities/_flex.scss
@@ -1,37 +1,46 @@
+// stylelint-disable declaration-no-important
+
 // Flex variation
 //
 // Custom styles for additional flex alignment options.
 
-@if $enable-flex {
-  @each $breakpoint in map-keys($grid-breakpoints) {
-    // Flex column reordering
-    @include media-breakpoint-up($breakpoint) {
-      .flex-#{$breakpoint}-first { order: -1; }
-      .flex-#{$breakpoint}-last { order: 1; }
-      .flex-#{$breakpoint}-unordered { order: 0; }
-    }
-
-    // Alignment for every item
-    @include media-breakpoint-up($breakpoint) {
-      .flex-items-#{$breakpoint}-top { align-items: flex-start; }
-      .flex-items-#{$breakpoint}-middle { align-items: center; }
-      .flex-items-#{$breakpoint}-bottom { align-items: flex-end; }
-    }
-
-    // Alignment per item
-    @include media-breakpoint-up($breakpoint) {
-      .flex-#{$breakpoint}-top   { align-self: flex-start; }
-      .flex-#{$breakpoint}-middle { align-self: center; }
-      .flex-#{$breakpoint}-bottom { align-self: flex-end; }
-    }
-
-    // Horizontal alignment of item
-    @include media-breakpoint-up($breakpoint) {
-      .flex-items-#{$breakpoint}-left { justify-content: flex-start; }
-      .flex-items-#{$breakpoint}-center { justify-content: center; }
-      .flex-items-#{$breakpoint}-right { justify-content: flex-end; }
-      .flex-items-#{$breakpoint}-around { justify-content: space-around; }
-      .flex-items-#{$breakpoint}-between { justify-content: space-between; }
-    }
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+    .flex#{$infix}-row            { flex-direction: row !important; }
+    .flex#{$infix}-column         { flex-direction: column !important; }
+    .flex#{$infix}-row-reverse    { flex-direction: row-reverse !important; }
+    .flex#{$infix}-column-reverse { flex-direction: column-reverse !important; }
+
+    .flex#{$infix}-wrap         { flex-wrap: wrap !important; }
+    .flex#{$infix}-nowrap       { flex-wrap: nowrap !important; }
+    .flex#{$infix}-wrap-reverse { flex-wrap: wrap-reverse !important; }
+
+    .justify-content#{$infix}-start   { justify-content: flex-start !important; }
+    .justify-content#{$infix}-end     { justify-content: flex-end !important; }
+    .justify-content#{$infix}-center  { justify-content: center !important; }
+    .justify-content#{$infix}-between { justify-content: space-between !important; }
+    .justify-content#{$infix}-around  { justify-content: space-around !important; }
+
+    .align-items#{$infix}-start    { align-items: flex-start !important; }
+    .align-items#{$infix}-end      { align-items: flex-end !important; }
+    .align-items#{$infix}-center   { align-items: center !important; }
+    .align-items#{$infix}-baseline { align-items: baseline !important; }
+    .align-items#{$infix}-stretch  { align-items: stretch !important; }
+
+    .align-content#{$infix}-start   { align-content: flex-start !important; }
+    .align-content#{$infix}-end     { align-content: flex-end !important; }
+    .align-content#{$infix}-center  { align-content: center !important; }
+    .align-content#{$infix}-between { align-content: space-between !important; }
+    .align-content#{$infix}-around  { align-content: space-around !important; }
+    .align-content#{$infix}-stretch { align-content: stretch !important; }
+
+    .align-self#{$infix}-auto     { align-self: auto !important; }
+    .align-self#{$infix}-start    { align-self: flex-start !important; }
+    .align-self#{$infix}-end      { align-self: flex-end !important; }
+    .align-self#{$infix}-center   { align-self: center !important; }
+    .align-self#{$infix}-baseline { align-self: baseline !important; }
+    .align-self#{$infix}-stretch  { align-self: stretch !important; }
   }
 }
diff --git a/scss/bootstrap/utilities/_float.scss b/scss/bootstrap/utilities/_float.scss
new file mode 100644
index 0000000..01655e9
--- /dev/null
+++ b/scss/bootstrap/utilities/_float.scss
@@ -0,0 +1,9 @@
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+    .float#{$infix}-left  { @include float-left; }
+    .float#{$infix}-right { @include float-right; }
+    .float#{$infix}-none  { @include float-none; }
+  }
+}
diff --git a/scss/bootstrap/utilities/_position.scss b/scss/bootstrap/utilities/_position.scss
new file mode 100644
index 0000000..7fe792c
--- /dev/null
+++ b/scss/bootstrap/utilities/_position.scss
@@ -0,0 +1,36 @@
+// stylelint-disable declaration-no-important
+
+// Common values
+
+// Sass list not in variables since it's not intended for customization.
+$positions: static, relative, absolute, fixed, sticky;
+
+@each $position in $positions {
+  .position-#{$position} { position: $position !important; }
+}
+
+// Shorthand
+
+.fixed-top {
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: $zindex-fixed;
+}
+
+.fixed-bottom {
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: $zindex-fixed;
+}
+
+// .sticky-top {
+//   @supports (position: sticky) {
+//     position: sticky;
+//     top: 0;
+//     z-index: $zindex-sticky;
+//   }
+// }
diff --git a/scss/bootstrap/utilities/_sizing.scss b/scss/bootstrap/utilities/_sizing.scss
new file mode 100644
index 0000000..e95a4db
--- /dev/null
+++ b/scss/bootstrap/utilities/_sizing.scss
@@ -0,0 +1,12 @@
+// stylelint-disable declaration-no-important
+
+// Width and height
+
+@each $prop, $abbrev in (width: w, height: h) {
+  @each $size, $length in $sizes {
+    .#{$abbrev}-#{$size} { #{$prop}: $length !important; }
+  }
+}
+
+.mw-100 { max-width: 100% !important; }
+.mh-100 { max-height: 100% !important; }
diff --git a/scss/bootstrap/utilities/_spacing.scss b/scss/bootstrap/utilities/_spacing.scss
index b7ff044..b2e2354 100644
--- a/scss/bootstrap/utilities/_spacing.scss
+++ b/scss/bootstrap/utilities/_spacing.scss
@@ -1,43 +1,51 @@
-// Width
-
-.w-100 { width: 100% !important; }
+// stylelint-disable declaration-no-important
 
 // Margin and Padding
 
-.m-x-auto {
-  margin-right: auto !important;
-  margin-left:  auto !important;
-}
-
-@each $prop, $abbrev in (margin: m, padding: p) {
-  @each $size, $lengths in $spacers {
-    $length-x:   map-get($lengths, x);
-    $length-y:   map-get($lengths, y);
-
-    .#{$abbrev}-a-#{$size} { #{$prop}:        $length-y $length-x !important; } // a = All sides
-    .#{$abbrev}-t-#{$size} { #{$prop}-top:    $length-y !important; }
-    .#{$abbrev}-r-#{$size} { #{$prop}-right:  $length-x !important; }
-    .#{$abbrev}-b-#{$size} { #{$prop}-bottom: $length-y !important; }
-    .#{$abbrev}-l-#{$size} { #{$prop}-left:   $length-x !important; }
+@each $breakpoint in map-keys($grid-breakpoints) {
+  @include media-breakpoint-up($breakpoint) {
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+    @each $prop, $abbrev in (margin: m, padding: p) {
+      @each $size, $length in $spacers {
+
+        .#{$abbrev}#{$infix}-#{$size} { #{$prop}: $length !important; }
+        .#{$abbrev}t#{$infix}-#{$size},
+        .#{$abbrev}y#{$infix}-#{$size} {
+          #{$prop}-top: $length !important;
+        }
+        .#{$abbrev}r#{$infix}-#{$size},
+        .#{$abbrev}x#{$infix}-#{$size} {
+          #{$prop}-right: $length !important;
+        }
+        .#{$abbrev}b#{$infix}-#{$size},
+        .#{$abbrev}y#{$infix}-#{$size} {
+          #{$prop}-bottom: $length !important;
+        }
+        .#{$abbrev}l#{$infix}-#{$size},
+        .#{$abbrev}x#{$infix}-#{$size} {
+          #{$prop}-left: $length !important;
+        }
+      }
+    }
 
-    // Axes
-    .#{$abbrev}-x-#{$size} {
-      #{$prop}-right:  $length-x !important;
-      #{$prop}-left:   $length-x !important;
+    // Some special margin utils
+    .m#{$infix}-auto { margin: auto !important; }
+    .mt#{$infix}-auto,
+    .my#{$infix}-auto {
+      margin-top: auto !important;
     }
-    .#{$abbrev}-y-#{$size} {
-      #{$prop}-top:    $length-y !important;
-      #{$prop}-bottom: $length-y !important;
+    .mr#{$infix}-auto,
+    .mx#{$infix}-auto {
+      margin-right: auto !important;
+    }
+    .mb#{$infix}-auto,
+    .my#{$infix}-auto {
+      margin-bottom: auto !important;
+    }
+    .ml#{$infix}-auto,
+    .mx#{$infix}-auto {
+      margin-left: auto !important;
     }
   }
 }
-
-// Positioning
-
-.pos-f-t {
-  position: fixed;
-  top: 0;
-  right: 0;
-  left: 0;
-  z-index: $zindex-navbar-fixed;
-}
diff --git a/scss/bootstrap/utilities/_text.scss b/scss/bootstrap/utilities/_text.scss
index 901f771..f4b6e65 100644
--- a/scss/bootstrap/utilities/_text.scss
+++ b/scss/bootstrap/utilities/_text.scss
@@ -1,48 +1,49 @@
+// stylelint-disable declaration-no-important
+
 //
 // Text
 //
 
 // Alignment
 
-.text-justify        { text-align: justify !important; }
-.text-nowrap         { white-space: nowrap !important; }
-.text-truncate       { @include text-truncate; }
+.text-justify  { text-align: justify !important; }
+.text-nowrap   { white-space: nowrap !important; }
+.text-truncate { @include text-truncate; }
 
 // Responsive alignment
 
 @each $breakpoint in map-keys($grid-breakpoints) {
   @include media-breakpoint-up($breakpoint) {
-    .text-#{$breakpoint}-left   { text-align: left !important; }
-    .text-#{$breakpoint}-right  { text-align: right !important; }
-    .text-#{$breakpoint}-center { text-align: center !important; }
+    $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
+
+    .text#{$infix}-left   { text-align: left !important; }
+    .text#{$infix}-right  { text-align: right !important; }
+    .text#{$infix}-center { text-align: center !important; }
   }
 }
 
 // Transformation
 
-.text-lowercase      { text-transform: lowercase !important; }
-.text-uppercase      { text-transform: uppercase !important; }
-.text-capitalize     { text-transform: capitalize !important; }
+.text-lowercase  { text-transform: lowercase !important; }
+.text-uppercase  { text-transform: uppercase !important; }
+.text-capitalize { text-transform: capitalize !important; }
 
 // Weight and italics
 
-.font-weight-normal  { font-weight: normal; }
-.font-weight-bold    { font-weight: bold; }
-.font-italic         { font-style: italic; }
+.font-weight-light  { font-weight: $font-weight-light !important; }
+.font-weight-normal { font-weight: $font-weight-normal !important; }
+.font-weight-bold   { font-weight: $font-weight-bold !important; }
+.font-italic        { font-style: italic !important; }
 
 // Contextual colors
 
-@include text-emphasis-variant('.text-muted', $text-muted);
-
-@include text-emphasis-variant('.text-primary', $brand-primary);
+.text-white { color: #fff !important; }
 
-@include text-emphasis-variant('.text-success', $brand-success);
-
-@include text-emphasis-variant('.text-info', $brand-info);
-
-@include text-emphasis-variant('.text-warning', $brand-warning);
+@each $color, $value in $theme-colors {
+  @include text-emphasis-variant(".text-#{$color}", $value);
+}
 
-@include text-emphasis-variant('.text-danger', $brand-danger);
+.text-muted { color: $text-muted !important; }
 
 // Misc
 
diff --git a/scss/bootstrap/utilities/_visibility.scss b/scss/bootstrap/utilities/_visibility.scss
index cdb1428..823406d 100644
--- a/scss/bootstrap/utilities/_visibility.scss
+++ b/scss/bootstrap/utilities/_visibility.scss
@@ -2,54 +2,10 @@
 // Visibility utilities
 //
 
-.invisible {
-  visibility: hidden !important;
-}
-
-// Responsive visibility utilities
-
-@each $bp in map-keys($grid-breakpoints) {
-  .hidden-#{$bp}-up {
-    @include media-breakpoint-up($bp) {
-      display: none !important;
-    }
-  }
-  .hidden-#{$bp}-down {
-    @include media-breakpoint-down($bp) {
-      display: none !important;
-    }
-  }
+.visible {
+  @include invisible(visible);
 }
 
-
-// Print utilities
-//
-// Media queries are placed on the inside to be mixin-friendly.
-
-.visible-print-block {
-  display: none !important;
-
-  @media print {
-    display: block !important;
-  }
-}
-.visible-print-inline {
-  display: none !important;
-
-  @media print {
-    display: inline !important;
-  }
-}
-.visible-print-inline-block {
-  display: none !important;
-
-  @media print {
-    display: inline-block !important;
-  }
-}
-
-.hidden-print {
-  @media print {
-    display: none !important;
-  }
+.invisible {
+  @include invisible(hidden);
 }
diff --git a/scss/editor.scss b/scss/editor.scss
new file mode 100644
index 0000000..74eb779
--- /dev/null
+++ b/scss/editor.scss
@@ -0,0 +1,2 @@
+/* Give editor access to all of bootstrap. */
+@import "bootstrap/bootstrap";
diff --git a/scss/fontawesome.scss b/scss/fontawesome.scss
new file mode 100644
index 0000000..fa4e5c8
--- /dev/null
+++ b/scss/fontawesome.scss
@@ -0,0 +1,18 @@
+// Import font awesome.
+
+$fa-version: "4.7.0" !default;
+
+@font-face {
+    font-family: 'FontAwesome';
+    src: url('[[font:core|fontawesome-webfont.eot]]?v=#{$fa-version}');
+    src:
+        url('[[font:core|fontawesome-webfont.eot]]?#iefix&v=#{$fa-version}') format('embedded-opentype'),
+        url('[[font:core|fontawesome-webfont.woff2]]?v=#{$fa-version}') format('woff2'),
+        url('[[font:core|fontawesome-webfont.woff]]?v=#{$fa-version}') format('woff'),
+        url('[[font:core|fontawesome-webfont.ttf]]?v=#{$fa-version}') format('truetype'),
+        url('[[font:core|fontawesome-webfont.svg]]?v=#{$fa-version}#fontawesomeregular') format('svg');
+    font-weight: normal;
+    font-style: normal;
+}
+
+@import "fontawesome/font-awesome";
diff --git a/scss/fontawesome/readme_moodle.txt b/scss/fontawesome/readme_moodle.txt
index 102ee18..567a191 100644
--- a/scss/fontawesome/readme_moodle.txt
+++ b/scss/fontawesome/readme_moodle.txt
@@ -3,5 +3,5 @@ Description of Font awesome import into Moodle
 Font awesome comes in 3 parts relating to Moodle.
 
 1. The font. Put the woff font in lib/fonts_core/fontawesome-webfont.woff. Update lib/thirdpartylibs.xml.
-2. SCSS. Replace the SCSS in this folder (/theme/boost/scss/fontawesome). Update theme/boost/thirdpartylibs.xml. Keep the moodle-paths.scss
-2. Less. Replace the Less in this folder (/theme/bootstrapbase/less/fontawesome). Update theme/bootstrapbase/thirdpartylibs.xml. Keep the moodle-paths.less
+2. SCSS. Replace the SCSS in this folder (/theme/ilb/scss/fontawesome). Update theme/ilb/thirdpartylibs.xml.
+2. Less. Replace the Less in this folder (/theme/bootstrapbase/less/fontawesome). Update theme/bootstrapbase/thirdpartylibs.xml.
diff --git a/scss/moodle.scss b/scss/moodle.scss
index 19c89c3..1b9da99 100644
--- a/scss/moodle.scss
+++ b/scss/moodle.scss
@@ -1,13 +1,7 @@
-// Set image location.
 $breadcrumb-divider: "▶" !default;
 $breadcrumb-divider-rtl: "◀" !default;
-
-// Import font awesome.
-@import "fontawesome/moodle-path";
-@import "fontawesome/font-awesome";
-
-// Import the bootstrap variables.
-@import "bootstrap/bootstrap";
+// Making BS4 Stable compatible with BS4 Alpha for moodle core sass
+@import "moodle/bs4alphacompat";
 
 // Specific overrides to make Bootstrap RTL.
 @import "moodle/bootstrap-rtl";
@@ -22,6 +16,7 @@ $breadcrumb-divider-rtl: "◀" !default;
 @import "moodle/calendar";
 @import "moodle/course";
 @import "moodle/drawer";
+@import "moodle/dashboard";
 @import "moodle/filemanager";
 @import "moodle/message";
 @import "moodle/question";
@@ -43,7 +38,6 @@ $breadcrumb-divider-rtl: "◀" !default;
 @import "moodle/sticky-footer";
 @import "moodle/popover-region";
 @import "moodle/tool_usertours";
-@import "moodle/responsive-tabs";
 @import "moodle/bs2-compat";
 @import "moodle/print";
-@import "moodle/modal";
+@import "moodle/modal";
\ No newline at end of file
diff --git a/scss/moodle/admin.scss b/scss/moodle/admin.scss
index 9992582..5ef32db 100644
--- a/scss/moodle/admin.scss
+++ b/scss/moodle/admin.scss
@@ -794,7 +794,6 @@
 }
 
 #adminsettings .form-overridden {
-    @extend .form-control-feedback;
     @extend .alert-info;
 }
 
@@ -805,3 +804,31 @@
 #overriderolestable .overriddenpermission {
     @extend .table-warning;
 }
+
+#page-admin-search {
+    .adminpagetitle {
+        margin-bottom: 0;
+        border-bottom: none;
+    }
+    .adminpagepath {
+        display: flex;
+        flex-wrap: wrap;
+        list-style: none;
+        padding: 0;
+        margin: 0 0 1.5rem 0;
+        li {
+            @extend .text-muted;
+            @extend .small;
+            + li:before {
+                padding-right: 0.5rem;
+                padding-left: 0.5rem;
+                content: "#{$breadcrumb-divider}";
+            }
+        }
+    }
+    @media (min-width: 576px) {
+        .container {
+            overflow-wrap: break-word;
+        }
+    }
+}
diff --git a/scss/moodle/backup-restore.scss b/scss/moodle/backup-restore.scss
index efed01d..3c8733a 100644
--- a/scss/moodle/backup-restore.scss
+++ b/scss/moodle/backup-restore.scss
@@ -37,9 +37,8 @@
     .section_level .activity_level {
         font-weight: normal;
     }
-
     .proceedbutton {
-        float: right;
+        margin-left: auto;
     }
 }
 
@@ -63,17 +62,6 @@
                 width: 100%;
                 left: 0;
             }
-            /* These are labels with a value on the right */
-            .col-md-3 {
-                width: 50%;
-            }
-            .col-md-9 {
-                width: 50%;
-                left: 0;
-            }
-            .icon:first-of-type {
-                margin-left: 1rem;
-            }
         }
     }
 }
diff --git a/scss/moodle/blocks.scss b/scss/moodle/blocks.scss
index 850220d..b52a1fb 100644
--- a/scss/moodle/blocks.scss
+++ b/scss/moodle/blocks.scss
@@ -25,14 +25,14 @@
     }
 }
 
-$blocks-column-width: 250px !default;
+$blocks-column-width: 360px !default;
 
 [data-region="blocks-column"] {
     width: $blocks-column-width;
     float: right;
 }
 
-$blocks-plus-gutter: $blocks-column-width + $grid-gutter-width;
+$blocks-plus-gutter: $blocks-column-width + ( $grid-gutter-width / 2 );
 
 /* We put an absolutely positioned div in a relatively positioned div so it takes up no space */
 #region-main-settings-menu {
@@ -57,16 +57,15 @@ $blocks-plus-gutter: $blocks-column-width + $grid-gutter-width;
 }
 
 // Required for IE11 to prevent blocks being pushed under the content.
-#region-main {
-    float: left;
-    width: 100%;
-}
 #region-main-settings-menu.has-blocks,
 #region-main.has-blocks {
     display: inline-block;
     width: calc(100% - #{$blocks-plus-gutter});
     @include media-breakpoint-down(lg) {
         width: 100%;
+        /* MDL-63102 - Remove extra space at bottom.
+        If modifying make sure block-region is horizontally stacked when in full screen */
+        display: block;
     }
 }
 
@@ -76,139 +75,185 @@ $blocks-plus-gutter: $blocks-column-width + $grid-gutter-width;
     }
 }
 
-$chart-size: 70px;
-$doughnut-border-size: 15px;
-$doughnut-dasharray: 173;
-$doughnut-empty-colour: $gray-lighter;
-$doughnut-fill-colour: $brand-warning;
+$card-gutter : $card-deck-margin * 2;
 
-.progress-chart-container {
-    height: $chart-size;
-    width: $chart-size;
+.block .empty-placeholder-image-lg {
+    height: 5rem;
+}
 
-    .progress-doughnut {
-        position: relative;
-        height: $chart-size;
-        width: $chart-size;
-        background-clip: padding-box;
-        border: $doughnut-border-size solid $doughnut-empty-colour;
+.block .block-cards {
+    .course-info-container {
+        padding: 0.8rem;
+    }
+    .progress {
+        height: 0.5rem;
+    }
+    .course-summaryitem {
+        border: $border-width solid $border-color;
+        background-color: $body-bg;
+    }
+    .icon {
+        margin-right: 0;
+    }
+    .card .coursemenubtn {
+        margin-top: -0.5rem;
+    }
+    a.coursename,
+    .btn-link {
+        color: inherit;
+    }
+    .multiline {
+        white-space: normal;
+    }
+    .btn.btn-link.btn-icon {
+        height: 36px;
+        width: 36px;
+        padding: 0;
         border-radius: 50%;
-        box-sizing: border-box;
-
-        .progress-text {
-            position: absolute;
-            top: 50%;
-            /*rtl:ignore*/
-            left: 50%;
-            transform: translate(-50%, -50%);
-            color: $doughnut-empty-colour;
-
-            &.has-percent {
-                color: $doughnut-fill-colour;
-            }
-        }
 
-        .progress-indicator {
-            position: absolute;
-            top: ($doughnut-border-size * -1);
-            left: ($doughnut-border-size * -1);
-            height: $chart-size;
-            width: $chart-size;
-
-            svg {
-                position: relative;
-                height: 100%;
-                width: 100%;
-
-                .circle {
-                    stroke-width: $doughnut-border-size;
-                    stroke: $doughnut-fill-colour;
-                    fill: none;
-                    stroke-dasharray: $doughnut-dasharray;
-                    stroke-dashoffset: $doughnut-dasharray;
-                    transform: rotate(-90deg);
-                    transform-origin: center center;
-
-                    @for $i from 1 through 100 {
-                        &.percent-#{$i} {
-                            stroke-dashoffset: $doughnut-dasharray - ($i / 100 * $doughnut-dasharray);
-                        }
-                    }
-                }
-            }
+        @include hover-focus {
+            background-color: $gray-200;
         }
     }
+}
 
-    .no-progress {
-        height: $chart-size;
-        width: $chart-size;
-        background-color: $doughnut-empty-colour;
-        border-radius: 50%;
-        position: relative;
-
-        .icon {
-            position: absolute;
-            top: 50%;
-            /*rtl:ignore*/
-            left: 50%;
-            margin: 0;
-            transform: translate(-45%, -45%);
-            color: #fff;
-            height: ($chart-size / 2) + 10px;
-            width: ($chart-size / 2) + 10px;
-            font-size: ($chart-size / 2) + 10px;
+.dashboard-card-deck.one-row {
+    flex-flow: nowrap;
+    overflow-x: scroll;
+}
+
+.summaryimage {
+    height: 5rem;
+    width: 5rem;
+    background-position: center;
+    background-size: cover;
+}
+
+.dashboard-card-deck .dashboard-card {
+    margin-bottom: $card-gutter;
+    flex-basis: auto;
+    width: 100%;
+    flex-grow: 0;
+    flex-shrink: 0;
+    .dashboard-card-img {
+        height: 7rem;
+        background-position: center;
+        background-size: cover;
+    }
+    .dashboard-card-footer {
+        padding: 0.8rem;
+    }
+}
+
+.dashboard-card-deck {
+    @media (min-width: 576px) {
+        .dashboard-card {
+            width: calc(50% - #{$card-gutter});
+        }
+    }
+    @media (min-width: 840px) {
+        .dashboard-card {
+            width: calc(33.33% - #{$card-gutter});
+        }
+    }
+    @media (min-width: 1100px) {
+        .dashboard-card {
+            width: calc(25% - #{$card-gutter});
+        }
+    }
+    @media (min-width: 1360px) {
+        .dashboard-card {
+            width: calc(20% - #{$card-gutter});
         }
     }
 }
 
-.block_myoverview {
-    .event-list-item {
-        .event-icon {
-            vertical-align: middle;
-
-            &::before {
-                content: '';
-                display: inline-block;
-                height: 100%;
-                vertical-align: middle;
+#region-main.has-blocks {
+    .dashboard-card-deck {
+        @media (min-width: 1200px) {
+            .dashboard-card {
+                width: calc(33.33% - #{$card-gutter});
             }
         }
-
-        .event-name-container {
-            vertical-align: middle;
-            max-width: calc(100% - 50px);
-
-            .event-name {
-                display: block;
+        @media (min-width: 1470px) {
+            .dashboard-card {
+                width: calc(25% - #{$card-gutter});
             }
         }
     }
+}
 
-    .content-centred {
-        max-width: 900px;
-        margin-left: auto;
-        margin-right: auto;
+body.drawer-open-left {
+    .dashboard-card-deck {
+        @media (min-width: 768px) {
+            .dashboard-card {
+                width: calc(100% - #{$card-gutter});
+            }
+        }
+        @media (min-width: 861px) {
+            .dashboard-card {
+                width: calc(50% - #{$card-gutter});
+            }
+        }
+        @media (min-width: 1122px) {
+            .dashboard-card {
+                width: calc(33.33% - #{$card-gutter});
+            }
+        }
+        @media (min-width: 1381px) {
+            .dashboard-card {
+                width: calc(25% - #{$card-gutter});
+            }
+        }
     }
+}
 
-    .empty-placeholder-image-sm {
-        height: 50px;
+body.drawer-open-left #region-main.has-blocks {
+    .dashboard-card-deck {
+        @media (min-width: 1200px) {
+            .dashboard-card {
+                width: calc(100% - #{$card-gutter});
+            }
+        }
+        @media (min-width: 1236px) {
+            .dashboard-card {
+                width: calc(50% - #{$card-gutter});
+            }
+        }
+        @media (min-width: 1497px) {
+            .dashboard-card {
+                width: calc(33.33% - #{$card-gutter});
+            }
+        }
     }
+}
 
-    .empty-placeholder-image-lg {
-        height: 125px;
+@media (min-width: 1200px) {
+    #block-region-side-pre {
+        .dashboard-card-deck {
+            margin-left: 0;
+            margin-right: 0;
+            .dashboard-card {
+                width: calc(100% - #{$card-gutter}) !important;
+            }
+        }
     }
+}
 
-    .courses-view-course-item {
-        height: 220px;
-        overflow-y: hidden;
+.block_recentlyaccesseditems {
+    img.icon {
+        height: auto;
+        width: auto;
+        margin-right: 6px;
     }
 }
 
-@media (min-width: 1600px) {
-    .block_myoverview {
-        .courses-view-course-item {
-            height: 190px;
-        }
+.block_myoverview {
+    .content {
+        min-height: 19.35rem;
+    }
+    .paged-content-page-container {
+        min-height: 13rem;
     }
 }
 
@@ -252,4 +297,4 @@ $doughnut-fill-colour: $brand-warning;
     .icon {
         margin-right: 2px;
     }
-}
+}
\ No newline at end of file
diff --git a/scss/moodle/bootstrap-rtl.scss b/scss/moodle/bootstrap-rtl.scss
index 659cc1b..a2d4127 100644
--- a/scss/moodle/bootstrap-rtl.scss
+++ b/scss/moodle/bootstrap-rtl.scss
@@ -12,3 +12,11 @@
         content: "#{$breadcrumb-divider}"; /* stylelint-disable-line declaration-block-no-duplicate-properties */
     }
 }
+
+/*rtl:raw:
+.dropdown-menu {
+    right: auto;
+    left: 0;
+    text-align: right;
+}
+*/
\ No newline at end of file
diff --git a/scss/moodle/bootswatch.scss b/scss/moodle/bootswatch.scss
index e333231..e6b2377 100644
--- a/scss/moodle/bootswatch.scss
+++ b/scss/moodle/bootswatch.scss
@@ -1,5 +1,6 @@
 // Adjustments to make bootstrap 4 work better with some variables from bootstrap 3 bootswatches
-$navbar-height: 60px !default;
+
+$navbar-height: 50px !default;
 
 .navbar {
     max-height: $navbar-height;
diff --git a/scss/moodle/bs2-compat.scss b/scss/moodle/bs2-compat.scss
index fa62ea8..4e7bc0a 100644
--- a/scss/moodle/bs2-compat.scss
+++ b/scss/moodle/bs2-compat.scss
@@ -3,7 +3,6 @@
 // Well -> Panel -> Card. We skipped panel (BS3) so lets just support well and card.
 .well {
     @extend .card;
-    @extend .card-block;
 }
 
 // Some things just got renamed.
diff --git a/scss/moodle/bs4alphacompat.scss b/scss/moodle/bs4alphacompat.scss
new file mode 100644
index 0000000..4d01c21
--- /dev/null
+++ b/scss/moodle/bs4alphacompat.scss
@@ -0,0 +1,243 @@
+$font-size-xs: ($font-size-base * .75) !default;
+$font-size-root: $font-size-base;
+
+$zindex-navbar-fixed: 1030 !default;
+$tag-padding-y: .25rem !default;
+
+/* stylelint-disable function-url-scheme-blacklist */
+$form-icon-success: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%235cb85c' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3E%3C/svg%3E") !default;
+$form-icon-warning: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23f0ad4e' d='M4.4 5.324h-.8v-2.46h.8zm0 1.42h-.8V5.89h.8zM3.76.63L.04 7.075c-.115.2.016.425.26.426h7.397c.242 0 .372-.226.258-.426C6.726 4.924 5.47 2.79 4.253.63c-.113-.174-.39-.174-.494 0z'/%3E%3C/svg%3E") !default;
+$form-icon-danger: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E") !default;
+/* stylelint-enable function-url-scheme-blacklist */
+
+$input-bg-disabled: $input-disabled-bg;
+$table-sm-cell-padding: $table-cell-padding-sm;
+$popover-arrow-outer-width: 11px !default;
+$modal-title-padding: $modal-header-padding;
+$pagination-hover-border: $pagination-hover-border-color;
+$pagination-active-border: $pagination-active-border-color;
+
+$primary: $blue !default;
+$secondary: $gray-600 !default;
+$success: $green !default;
+$info: $cyan !default;
+$warning: $yellow !default;
+$danger: $red !default;
+$light: $gray-100 !default;
+$dark: $gray-800 !default;
+
+$brand-primary: $primary;
+$brand-success: $success;
+$brand-info: $info;
+$brand-warning: $warning;
+$brand-danger: $danger;
+
+$spacer: 1rem !default;
+$spacer-x: $spacer !default;
+$spacer-y: $spacer !default;
+
+$gray-dark: $gray-900;
+$gray: $gray-700;
+$gray-light: $gray-600;
+$gray-lighter: $gray-300;
+$gray-lightest: $gray-100;
+
+$table-bg-hover: $table-hover-bg;
+$table-bg-accent: $table-accent-bg;
+
+$tag-default-bg: $gray-light !default;
+$tag-primary-bg: $brand-primary !default;
+$tag-success-bg: $brand-success !default;
+$tag-info-bg: $brand-info !default;
+$tag-warning-bg: $brand-warning !default;
+$tag-danger-bg: $brand-danger !default;
+
+$state-success-text: $success;
+$state-success-bg: theme-color-level("success", -10) !default;
+$state-success-border: theme-color-level("success", -9) !default;
+
+$state-info-text: $info;
+$state-info-bg: theme-color-level("info", -10) !default;
+$state-info-border: theme-color-level("info", -9) !default;
+
+$state-warning-text: $warning;
+$state-warning-bg: theme-color-level("warning", -10) !default;
+$state-warning-border: theme-color-level("warning", -10) !default;
+
+$state-danger-text: $danger;
+$state-danger-bg: theme-color-level("danger", -10) !default;
+$state-danger-border: theme-color-level("danger", -9) !default;
+
+@mixin form-control-validation($color) {
+    // Color the label and help text
+    .form-control-feedback,
+    .form-control-label,
+    .form-check-label,
+    .form-check-inline,
+    .custom-control {
+        color: $color;
+    }
+    // Set the border and box shadow on specific inputs to match
+    .form-control {
+        border-color: $color;
+    }
+
+    // Set validation states also for addons
+    .input-group-addon {
+        color: $color;
+        border-color: $color;
+        background-color: lighten($color, 40%);
+    }
+    // Optional feedback icon
+    .form-control-feedback {
+        color: $color;
+    }
+}
+
+$tag-padding-x: .4em !default;
+$tag-padding-y: .25em !default;
+$tag-font-size: 75% !default;
+$tag-color: #fff !default;
+$tag-font-weight: bold !default;
+
+.tag {
+    display: inline-block;
+    padding: $tag-padding-y $tag-padding-x;
+    font-size: $tag-font-size;
+    font-weight: $tag-font-weight;
+    line-height: 1;
+    color: $tag-color;
+    text-align: center;
+    white-space: nowrap;
+    vertical-align: baseline;
+    @include border-radius();
+
+    // Empty tags collapse automatically
+    &:empty {
+        display: none;
+    }
+}
+
+.form-control-success,
+.form-control-warning,
+.form-control-danger {
+    padding-right: ($input-padding-x * 3);
+    background-repeat: no-repeat;
+    background-position: center right ($input-height / 4);
+    background-size: ($input-height / 2) ($input-height / 2);
+}
+
+// .form-check-input {
+//     position: static;
+// }
+
+@mixin tag-variant($color) {
+    background-color: $color;
+
+    &[href] {
+        @include hover-focus {
+            background-color: darken($color, 10%);
+        }
+    }
+}
+
+.tag-default {
+    @include tag-variant($tag-default-bg);
+}
+
+.tag-primary {
+    @include tag-variant($tag-primary-bg);
+}
+
+.tag-success {
+    @include tag-variant($tag-success-bg);
+}
+
+.tag-info {
+    @include tag-variant($tag-info-bg);
+}
+
+.tag-warning {
+    @include tag-variant($tag-warning-bg);
+}
+
+.tag-danger {
+    @include tag-variant($tag-danger-bg);
+}
+
+@mixin pull-left() {
+    @include float-left();
+}
+
+@mixin pull-right() {
+    @include float-right();
+}
+
+.custom-select {
+    width: auto;
+}
+
+.fade.in {
+    opacity: 1;
+}
+
+// Adding compatibility for m-side-* classes.
+// stylelint-disable
+$spacer: 1rem !default;
+$bs4aspacers: () !default;
+$bs4aspacers: map-merge((
+  0: 0,
+  1: ($spacer * 1),
+  2: ($spacer * 2),
+  3: ($spacer * 3)
+), $bs4aspacers);
+
+@each $prop, $abbrev in (margin: m, padding: p) {
+  @each $size, $length in $bs4aspacers {
+
+    .#{$abbrev}-a-#{$size} { #{$prop}: $length !important; }
+    .#{$abbrev}-t-#{$size},
+    .#{$abbrev}-y-#{$size} {
+      #{$prop}-top: $length !important;
+    }
+    .#{$abbrev}-r-#{$size},
+    .#{$abbrev}-x-#{$size} {
+      #{$prop}-right: $length !important;
+    }
+    .#{$abbrev}-b-#{$size},
+    .#{$abbrev}-y-#{$size} {
+      #{$prop}-bottom: $length !important;
+    }
+    .#{$abbrev}-l-#{$size},
+    .#{$abbrev}-x-#{$size} {
+      #{$prop}-left: $length !important;
+    }
+  }
+}
+
+// Adding compatibility for col-xs-* classes.
+@for $i from 1 through $grid-columns {
+  .col-xs-#{$i} {
+    @extend .col-#{$i};
+  }
+}
+
+input[disabled] {
+    cursor: not-allowed;
+}
+
+.row-fluid {
+  @include make-row();
+}
+
+// These have been removed in BS4 Stable. Adding in so RTL dropdowns will work.
+/*rtl:raw:
+.dropdown-menu-right {
+    right: 0;
+    left: auto;
+}
+.dropdown-menu-left {
+    right: auto;
+    left: 0;
+}
+*/
diff --git a/scss/moodle/calendar.scss b/scss/moodle/calendar.scss
index 74c9ba3..97a40a0 100644
--- a/scss/moodle/calendar.scss
+++ b/scss/moodle/calendar.scss
@@ -31,6 +31,7 @@ $calendarEventUserColor: #dce7ec !default; // Pale blue.
 .path-calendar {
     .calendartable {
         width: 100%;
+        table-layout: fixed;
 
         th,
         td {
@@ -237,8 +238,15 @@ $calendarEventUserColor: #dce7ec !default; // Pale blue.
             }
         }
 
-        .event .card-header img {
-            vertical-align: baseline;
+        .event {
+            .card-header img {
+                vertical-align: baseline;
+            }
+
+            .location {
+                word-break: break-all;
+                overflow-wrap: break-word;
+            }
         }
 
     }
@@ -372,6 +380,7 @@ $calendarEventUserColor: #dce7ec !default; // Pale blue.
             }
             .icon {
                 vertical-align: initial;
+                margin: 0 0.1rem 0 0.4rem;
             }
 
             > a {
@@ -424,4 +433,8 @@ table.calendartable caption {
             margin: 0;
         }
     }
+
+    .location-content {
+        overflow-wrap: break-word;
+    }
 }
diff --git a/scss/moodle/chat.scss b/scss/moodle/chat.scss
index 3d4ea5a..988b6e8 100644
--- a/scss/moodle/chat.scss
+++ b/scss/moodle/chat.scss
@@ -13,32 +13,37 @@
 
     .yui-layout-unit-right,
     .yui-layout-unit-bottom {
-        @extend .card;
-        @extend .card-block;
         border-radius: 0;
     }
 
     .yui-layout-unit div.yui-layout-bd {
         background-color: transparent;
     }
-
+    .yui-layout-unit.yui-layout-unit-center div.yui-layout-bd {
+        background-color: $gray-100;
+    }
+    // Override the default padding added by function $OUTPUT->box();
+    #chat-input-area.py-3 {
+        @extend .p-0;
+    }
     #chat-input-area table.generaltable,
     #chat-input-area table.generaltable td.cell {
         border: 0;
         padding: 3px 15px;
         white-space: nowrap;
+        margin-bottom: 0;
     }
 
     #chat-userlist {
         padding: 10px 5px;
 
         #users-list {
-            border-top: 1px solid #ddd;
+            border-top: 1px solid $gray-300;
             border-bottom: 1px solid $body-bg;
 
             li {
                 border-top: 1px solid $body-bg;
-                border-bottom: 1px solid #ddd;
+                border-bottom: 1px solid $gray-300;
                 padding: 5px 10px;
             }
 
@@ -58,23 +63,24 @@
             text-align: center;
             margin: 10px 0;
             font-size: $font-size-sm;
-            color: #777;
+            color: $gray-700;
         }
 
         .chat-message.course-theme {
-            @extend .card;
-            @extend .card-block;
-            background-color: $card-bg !important; /* stylelint-disable declaration-no-important */
+            margin-bottom: $card-spacer-y;
+            @include border-radius($card-border-radius);
+            border: $card-border-width solid $card-border-color;
+            padding: $card-spacer-x;
 
             .time {
                 float: right;
                 font-size: 11px;
-                color: #777;
+                color: $gray-700;
             }
         }
 
-        .mdl-chat-my-entry .chat-message.course-theme {
-            background-color: #f6f6f6;
+        .chat-message.course-theme {
+            background-color: $white;
 
             .user {
                 font-weight: bold;
diff --git a/scss/moodle/core.scss b/scss/moodle/core.scss
index 8a9ff6d..2389e01 100644
--- a/scss/moodle/core.scss
+++ b/scss/moodle/core.scss
@@ -1,14 +1,16 @@
 /* core.less */
 
-// When we upgrade boostrap to v4 release, we will need to change this to be used by the text-white class.
+// When we upgrade ilbrap to v4 release, we will need to change this to be used by the text-white class.
 // Because a primary colour that is both AA accessible on grey (footer) and white is not possible, we always
 // want white default colour.
 $bg-inverse-link-color: #fff !default;
 
-#region-main > .card {
+#region-main {
     overflow-x: auto;
     overflow-y: visible;
-    min-height: 45rem;
+    border: $card-border-width solid $card-border-color;
+    padding: $card-spacer-x;
+    background-color: $body-bg;
 }
 
 .context-header-settings-menu,
@@ -146,6 +148,13 @@ a.autolink.glossary:hover {
     cursor: pointer;
 }
 
+.pagelayout-mydashboard #region-main {
+    border: 0;
+    padding: 0;
+    background-color: transparent;
+    margin-top: -1px;
+}
+
 .collapsibleregioncaption img {
     vertical-align: middle;
 }
@@ -240,12 +249,7 @@ img.resize {
     white-space: nowrap;
 }
 
-.action-menu .userpicture {
-    margin-left: 1rem;
-}
-
-.block img.resize,
-.breadcrumb img.resize {
+.block img.resize {
     height: 0.9em;
     width: 0.8em;
 }
@@ -291,17 +295,18 @@ form.popupform div {
     overflow: auto;
 }
 
+// Minimum height required for a menu in a table inside a scrollable div.
+// Position required for table sizing inside a flex container.
 .no-overflow > .generaltable {
+    position: relative;
     margin-bottom: 0;
+    min-height: 10em;
 }
 // Accessibility features
 
 // Accessibility: text 'seen' by screen readers but not visual users.
 .accesshide {
-    position: absolute;
-    left: -10000px;
-    font-weight: normal;
-    font-size: 1em;
+    @include sr-only();
 }
 
 span.hide,
@@ -1092,86 +1097,23 @@ body#page-lib-editor-tinymce-plugins-moodlemedia-preview {
     text-align: center;
 }
 
-.initialbar {
-
-    overflow: auto;
-
-    .initialbarlabel {
-        display: inline-block;
-        width: 6em;
-        float: left;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-    }
-
-    .initialbarall {
-        float: left;
-        width: 4em;
-        margin-bottom: 2px;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-    }
-
-    .initialbargroups {
-        float: left;
-    }
-
-    .initialbargroup {
-        float: left;
-        display: inline-block;
-        white-space: nowrap;
-        margin: 0;
-        padding: 0;
-
-        li {
-            float: left;
-            list-style: none;
-        }
-    }
-
-    .letter {
-        display: inline-block;
-        height: 1.5em;
-        min-width: 1.5em;
-        text-align: center;
-
-        color: $pagination-color;
-        border-width: $pagination-border-width;
-        border-color: $pagination-border-color;
-        border-style: solid;
-        background-color: $pagination-bg;
-    }
-    .letter:hover {
-        color: $pagination-hover-color;
-        border-color: $pagination-hover-border;
-        background-color: $pagination-hover-bg;
-    }
-
-    .letter.active {
-        color: $pagination-active-color;
-        border-color: $pagination-active-border;
-        background-color: $pagination-active-bg;
-    }
-
+/* Moodle Dialogue Settings (moodle-core-dialogue)  */
+.moodle-dialogue-base .moodle-dialogue-lightbox {
+    background-color: $gray;
 }
 
-@media (max-width: 400px) {
-    .initialbar {
-        .letter {
-            /* This is chosen so that 23 letter at 320px just fits */
-            font-size: 11.5px;
+// Prevent adding backdrops to popups in popups.
+.pagelayout-popup {
+    .moodle-dialogue-base {
+        .moodle-dialogue-lightbox {
+            background-color: transparent;
+        }
+        .moodle-dialogue {
+            box-shadow: $popover-box-shadow;
         }
     }
 }
 
-
-/* Moodle Dialogue Settings (moodle-core-dialogue)  */
-.moodle-dialogue-base .moodle-dialogue-lightbox {
-    background-color: $gray;
-}
-
 .moodle-dialogue-base .hidden,
 .moodle-dialogue-base .moodle-dialogue-hidden {
     display: none;
@@ -1229,6 +1171,7 @@ body#page-lib-editor-tinymce-plugins-moodlemedia-preview {
 
 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
     @extend .modal-title;
+    font-size: 1.5rem;
 }
 
 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
@@ -1248,7 +1191,7 @@ body#page-lib-editor-tinymce-plugins-moodlemedia-preview {
 }
 
 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
-    @extend .modal-body;
+    padding: 0.5rem;
 }
 
 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
@@ -1307,10 +1250,7 @@ body#page-lib-editor-tinymce-plugins-moodlemedia-preview {
 }
 
 .moodle-dialogue-confirm .confirmation-message {
-    margin: 0.5em 1em;
-}
-.moodle-dialogue-confirm .confirmation-buttons {
-    text-align: right;
+    margin: 0.5rem 0;
 }
 
 .moodle-dialogue-confirm .confirmation-dialogue input {
@@ -1411,7 +1351,7 @@ body#page-lib-editor-tinymce-plugins-moodlemedia-preview {
 /* Fixed for safari browser on iPhone4S with ios7@mixin */
 
 @media (max-height: 639px) {
-    .ios.safari .choosercontainer #chooseform .submitbuttons {
+    .ios .choosercontainer #chooseform .submitbuttons {
         padding: 45px 0;
     }
 }
@@ -1813,18 +1753,6 @@ img#persona_signin {
     border-width: 0;
 }
 
-.breadcrumb-nav {
-    float: left;
-}
-
-.breadcrumb-button .singlebutton div {
-    margin-right: 0;
-}
-
-.breadcrumb-nav .breadcrumb {
-    margin: 0;
-}
-
 /** Page header */
 #page-header {
     .logo {
@@ -1835,16 +1763,9 @@ img#persona_signin {
     }
 }
 
-/** Header. */
-header {
-    .logo img {
-        max-height: 35px;
-    }
-    .collapse.in,
-    .collapsing {
-        display: block;
-        clear: both;
-    }
+/** Navbar logo. */
+nav.navbar .logo img {
+    max-height: 35px;
 }
 
 /** Header-bar styles **/
@@ -2137,6 +2058,9 @@ $footer-link-color: $bg-inverse-link-color !default;
     width: 100%;
     color: $body-color;
 }
+.dropdown-item:active a {
+    color: $dropdown-link-active-color;
+}
 
 .competency-tree {
     ul {
@@ -2158,6 +2082,7 @@ $footer-link-color: $bg-inverse-link-color !default;
 
 [data-drag-type="move"] {
     cursor: move;
+    touch-action: none;
 }
 
 .clickable {
@@ -2179,9 +2104,157 @@ $footer-link-color: $bg-inverse-link-color !default;
         transform: translate(-50%, -50%);
 
         .icon {
-            height: 40px;
-            width: 40px;
+            height: 30px;
+            width: 30px;
+            font-size: 30px;
+        }
+    }
+}
+
+.open.atto_menu > .dropdown-menu {
+    display: block;
+}
+div.editor_atto_toolbar button .icon {
+    color: $gray-700;
+}
+.w-auto {
+    width: auto;
+}
+
+.bg-pulse-grey {
+    animation: bg-pulse-grey 2s infinite linear;
+}
+
+@keyframes bg-pulse-grey {
+    0% {
+        background-color: $gray-100;
+    }
+    50% {
+        background-color: darken($gray-100, 5%);
+    }
+    100% {
+        background-color: $gray-100;
+    }
+}
+
+@each $size, $length in $spacers {
+    .line-height-#{$size} {
+        line-height: $length !important; /* stylelint-disable-line declaration-no-important */
+    }
+}
+
+.dir-rtl {
+    .dir-rtl-hide {
+        display: none;
+    }
+}
+
+.dir-ltr {
+    .dir-ltr-hide {
+        display: none;
+    }
+}
+
+$switch-height: ($input-height-inner * .8) !default;
+$switch-height-half: ($switch-height / 2) !default;
+$switch-border-radius: $switch-height !default;
+$switch-bg: $custom-control-indicator-bg !default;
+$switch-checked-bg: map-get($theme-colors, 'primary') !default;
+$switch-disabled-bg: $custom-control-indicator-disabled-bg !default;
+$switch-disabled-color: $custom-control-label-disabled-color !default;
+$switch-thumb-bg: $white !default;
+$switch-thumb-border-radius: 50% !default;
+$switch-thumb-padding: 2px !default;
+$switch-thumb-padding-double: ($switch-thumb-padding * 2) !default;
+$switch-focus-box-shadow: 0 0 0 $input-btn-focus-width rgba(map-get($theme-colors, 'primary'), .25);
+$switch-transition: .2s all !default;
+
+.switch {
+    position: relative;
 
+    input {
+        float: left;
+        width: 1px;
+        transform: translateX(1px);
+        padding: 0;
+        margin: 0;
+        opacity: 0;
+
+        + label {
+            position: relative;
+            min-height: $switch-height;
+            min-width: $switch-height * 2;
+            line-height: $switch-height;
+            border-radius: $switch-border-radius;
+            display: inline-block;
+            cursor: pointer;
+            outline: none;
+            user-select: none;
+            vertical-align: middle;
+            padding-left: (($switch-height * 2) + .5rem);
+        }
+
+        + label::before,
+        + label::after {
+            content: '';
+            position: absolute;
+            top: calc(50% - #{$switch-height-half});
+            left: 0;
+            width: ($switch-height * 2);
+            height: $switch-height;
+            bottom: 0;
+            display: block;
+        }
+
+        + label::before {
+            right: 0;
+            background-color: $switch-bg;
+            border-radius: $switch-border-radius;
+            transition: $switch-transition;
+        }
+
+        + label::after {
+            margin-top: $switch-thumb-padding;
+            left: $switch-thumb-padding;
+            width: calc(#{$switch-height} - #{$switch-thumb-padding-double});
+            height: calc(#{$switch-height} - #{$switch-thumb-padding-double});
+            border-radius: $switch-thumb-border-radius;
+            background-color: $switch-thumb-bg;
+            transition: $switch-transition;
+        }
+
+        &:checked + label::before {
+            background-color: $switch-checked-bg;
+        }
+
+        &:checked + label::after {
+            margin-left: $switch-height;
+        }
+
+        &:focus + label::before {
+            outline: none;
+            box-shadow: $switch-focus-box-shadow;
+        }
+
+        &:disabled + label {
+            color: $switch-disabled-color;
+            cursor: not-allowed;
+        }
+
+        &:disabled + label::before {
+            background-color: $switch-disabled-bg;
         }
     }
 }
+
+.paged-content-page-container {
+    min-height: 3.125rem;
+}
+
+.text-decoration-none {
+    text-decoration: none !important; /* stylelint-disable-line declaration-no-important */
+}
+
+.position-right {
+    right: 0 !important; /* stylelint-disable-line declaration-no-important */
+}
diff --git a/scss/moodle/course.scss b/scss/moodle/course.scss
index 182f480..0bc6d4c 100644
--- a/scss/moodle/course.scss
+++ b/scss/moodle/course.scss
@@ -75,6 +75,7 @@
             position: absolute;
             right: 0;
             top: 0;
+            display: flex;
         }
 
         .contentwithoutlink,
@@ -231,7 +232,7 @@
     content: "";
     border-left: $brand-primary 2px solid;
     position: absolute;
-    left: -15px;
+    left: -$card-spacer-x;
     top: 0;
     bottom: 0;
 }
@@ -324,7 +325,7 @@
     padding: 0;
 
     li.section {
-        padding-top: $spacer;
+        margin-top: $spacer;
         padding-bottom: $spacer;
 
         .content {
@@ -395,6 +396,10 @@
     padding-bottom: 13rem;
 }
 
+.jumpmenu .form-inline {
+    display: block;
+}
+
 .path-course-view .completionprogress {
     margin-left: 25px;
 }
@@ -704,10 +709,6 @@ span.editinstructions {
     &.even {
         background-color: $table-bg-accent;
     }
-
-    &:hover {
-        background-color: $table-bg-hover;
-    }
 }
 
 .courses > .paging.paging-morelink {
@@ -841,7 +842,6 @@ span.editinstructions {
 
     .listing-actions {
         text-align: center;
-        padding: 0.4rem 0.3rem 0.3rem;
 
         > .moodle-actionmenu {
             display: inline-block;
@@ -859,18 +859,9 @@ span.editinstructions {
 
     .listitem {
 
-        > div {
-            &:hover {
-                background-color: $table-bg-hover;
-            }
-        }
-
         &[data-selected='1'] {
-            > div {
-                background-color: $table-bg-accent;
-            }
-
-            > div:hover {
+            background-color: $table-bg-accent;
+            &:hover {
                 background-color: $table-bg-hover;
             }
         }
@@ -966,10 +957,6 @@ span.editinstructions {
             .coursename {
                 display: inline-block;
             }
-
-            > div {
-                padding-left: 1rem;
-            }
         }
 
         > .firstpage .listitem:first-child > div .item-actions .action-moveup,
@@ -1035,8 +1022,6 @@ span.editinstructions {
     }
 
     .detail-pair {
-        border-bottom: 1px solid $table-border-color;
-        margin: 0 1rem;
 
         > * {
             display: inline-block;
@@ -1068,13 +1053,13 @@ span.editinstructions {
         text-align: center;
 
         .yui3-button {
-            background-color: $btn-info-bg;
+            @include button-variant($info, $info);
             border: 0;
             margin: 0.4rem 0.2rem 0.45rem;
             font-size: 10.4px;
 
             &.active-page {
-                background-color: $btn-primary-color;
+                @include button-variant($primary, $primary);
             }
         }
     }
@@ -1205,4 +1190,3 @@ span.editinstructions {
     height: 32px;
     font-size: 32px;
 }
-
diff --git a/scss/moodle/dashboard.scss b/scss/moodle/dashboard.scss
new file mode 100644
index 0000000..64b6573
--- /dev/null
+++ b/scss/moodle/dashboard.scss
@@ -0,0 +1,4 @@
+// Background color change as of MDL-63042
+#page-my-index {
+    background-color: $gray-100;
+}
\ No newline at end of file
diff --git a/scss/moodle/debug.scss b/scss/moodle/debug.scss
index 1ee0fb8..1e6ef52 100644
--- a/scss/moodle/debug.scss
+++ b/scss/moodle/debug.scss
@@ -3,7 +3,7 @@
 // for fixed positioned elements that end up obscuring the item thus
 // leading to errors that could be avoided by scrolling an additional amount.
 body.behat-site {
-    .navbar-static-top {
+    .fixed-top {
         position: absolute;
     }
 
diff --git a/scss/moodle/drawer.scss b/scss/moodle/drawer.scss
index e967e5f..90030e2 100644
--- a/scss/moodle/drawer.scss
+++ b/scss/moodle/drawer.scss
@@ -6,10 +6,15 @@ $drawer-padding-x: 20px !default;
 $drawer-padding-y: 20px !default;
 $drawer-offscreen-gutter: 20px !default;
 
-:target {
-    padding-top: ($fixed-header-y + 30px) !important; /* stylelint-disable declaration-no-important */
-    margin-top: -$fixed-header-y !important; /* negative fixed header height */
+:target::before {
+    content: " ";
+    display: block;
+    height: ($fixed-header-y + 10px); /* fixed header height*/
+    margin-top: -($fixed-header-y + 10px); /* negative fixed header height */
+    width: 1px;
+    pointer-events: none;
 }
+
 .pagelayout-embedded :target {
     padding-top: initial;
     margin-top: initial;
@@ -34,7 +39,7 @@ $drawer-bg: $gray-lighter !default;
     overflow-y: auto;
     -webkit-overflow-scrolling: touch;
     z-index: $zindex-dropdown - 1;
-    background-color: $drawer-bg;
+    background-color: darken($body-bg, 5%);
     -webkit-transition: right 0.5s ease, left 0.5s ease;
     -moz-transition: right 0.5s ease, left 0.5s ease;
     transition: right 0.5s ease, left 0.5s ease;
diff --git a/scss/moodle/forms.scss b/scss/moodle/forms.scss
index 7d1c68f..ad9e889 100644
--- a/scss/moodle/forms.scss
+++ b/scss/moodle/forms.scss
@@ -10,7 +10,7 @@
 }
 
 .mform .containsadvancedelements .advanced.show {
-    display: block;
+    display: flex;
 }
 
 #adminsettings span.error {
@@ -27,13 +27,31 @@
     .custom-select {
         max-width: 100%;
     }
+    .form-group {
+        margin: 0.1rem 0.25rem 0.1rem 0;
+    }
+    br + label {
+        justify-content: flex-start;
+        width: 100%;
+    }
+}
+
+.unresponsive.mform .form-inline,
+.unresponsive.mform .form-inline label {
+    display: inline-flex;
+}
+
+#jump-to-activity.custom-select {
+    width: 100%;
 }
 
 .mform fieldset {
-    margin-left: $spacer * 1.5;
     margin-bottom: $spacer / 2;
     border-bottom: $border-width solid $table-border-color;
 }
+.mform > .form-group {
+    margin-left: $spacer * 1.5;
+}
 
 .editor_atto_content.form-control {
     width: 100%;
@@ -43,20 +61,6 @@
     width: auto;
 }
 
-.mform fieldset.collapsible legend a.fheader {
-    padding: 0 5px 0 ($spacer * 1.5);
-    margin-left: -($spacer * 1.5);
-    background: url([[pix:t/expanded]]) 0 center no-repeat;
-}
-
-.mform fieldset.collapsed legend a.fheader {
-    /*rtl:raw:
-    background-image: url([[pix:t/collapsed_rtl]]);
-    */
-    /*rtl:remove*/
-    background-image: url([[pix:t/collapsed]]);
-}
-
 .jsenabled .mform .collapsed .fcontainer {
     display: none;
 }
@@ -98,6 +102,10 @@ input#id_externalurl {
     display: inline;
 }
 
+.form-inline label:not(.sr-only):not(.accesshide) + select {
+    margin-left: 0.5rem;
+}
+
 .formsettingheading .form-horizontal {
     @extend .text-muted;
 }
@@ -118,10 +126,8 @@ input#id_externalurl {
 // Pale grey container for submit buttons.
 .form-buttons,
 .path-admin .buttons,
-#fitem_id_submitbutton,
 .fp-content-center form + div,
-div.backup-section + form,
-#fgroup_id_buttonar {
+div.backup-section + form {
     @extend .form-group;
     padding-left: 0;
 }
@@ -153,16 +159,21 @@ div.backup-section + form,
 // I think this could be avoided (or at least tidied up) ifr
 // we used HTML5 input types like url, phone, email, number etc.
 /* rtl:ignore */
-.mform .fitem .felement input[name=email],
-.mform .fitem .felement input[name=email2],
-.mform .fitem .felement input[name=url],
-.mform .fitem .felement input[name=idnumber],
-.mform .fitem .felement input[name=phone1],
-.mform .fitem .felement input[name=phone2] {
+.mform .fitem .felement input[name="email"],
+.mform .fitem .felement input[name="email2"],
+.mform .fitem .felement input[name="url"],
+.mform .fitem .felement input[name="idnumber"],
+.mform .fitem .felement input[name="phone1"],
+.mform .fitem .felement input[name="phone2"] {
     text-align: left;
     direction: ltr;
 }
 
+// Reduce the mediaplugin width when using inside forms.
+.que.match .mediaplugin {
+    width: 50vw;
+}
+
 /* rtl:ignore */
 #page-admin-grade-edit-scale-edit .error input#id_name {
     margin-right: 170px;
@@ -224,6 +235,15 @@ fieldset.coursesearchbox label {
     display: none;
 }
 
+.availability-field {
+    label {
+        display: inline-flex;
+    }
+    .availability-group label {
+        vertical-align: top;
+    }
+}
+
 .availability-eye {
     clear: left;
     float: left;
@@ -233,8 +253,12 @@ fieldset.coursesearchbox label {
     float: left;
     @include border-radius($card-border-radius);
     border: $card-border-width solid $card-border-color;
-    padding: $card-spacer-x / 2;
-    margin-left: $card-spacer-x / 2;
+    padding: 1rem;
+    margin-top: 0.5rem;
+}
+.availability-plugincontrols,
+.availability-childlist .availability-inner {
+    margin-left: .625rem;
 }
 .availability-field .availability-plugincontrols .availability-group select {
     max-width: 12rem;
@@ -257,7 +281,7 @@ fieldset.coursesearchbox label {
 }
 .form-autocomplete-selection {
     margin: $input-padding-y-sm;
-    // Padding top and bottom, plus m-b-1 and the 100% lineheight.
+    // Padding top and bottom, plus mb-1 and the 100% lineheight.
     min-height: 2 * $input-padding-y-sm + 2 * $font-size-base;
 }
 
@@ -326,7 +350,8 @@ select[size],
 select[multiple] {
     overflow: auto;
 }
-select[size=1] {
+
+select[size="1"] {
     overflow: visible;
 }
 
@@ -388,8 +413,8 @@ textarea[data-auto-rows] {
     background-image: $form-icon-danger;
     padding-right: ($input-padding-x * 3);
     background-repeat: no-repeat;
-    background-position: center right ($input-height / 4);
-    background-size: ($input-height / 2) ($input-height / 2);
+    background-position: center right 1rem;
+    background-size: 1.5rem;
 }
 
 // Styles for the JS file types browser provided by the "filetypes" element.
@@ -400,3 +425,33 @@ textarea[data-auto-rows] {
         display: none;
     }
 }
+
+// The autocomplete popup needs a display:block container to correctly position to popup.
+.form-inline[data-fieldtype="autocomplete"],
+.form-inline[data-fieldtype="tags"] {
+    display: block;
+}
+
+// Show editor at 100% width by default.
+[data-fieldtype="editor"] > div {
+    flex-grow: 1;
+}
+
+@include media-breakpoint-up(sm) {
+    .mform fieldset {
+        margin-left: $spacer * 1.5;
+    }
+    .mform fieldset.collapsible legend a.fheader {
+        padding: 0 5px 0 ($spacer * 1.5);
+        margin-left: -($spacer * 1.5);
+        background: url([[pix:t/expanded]]) 0 center no-repeat;
+    }
+
+    .mform fieldset.collapsed legend a.fheader {
+        /*rtl:raw:
+        background-image: url([[pix:t/collapsed_rtl]]);
+        */
+        /*rtl:remove*/
+        background-image: url([[pix:t/collapsed]]);
+    }
+}
diff --git a/scss/moodle/grade.scss b/scss/moodle/grade.scss
index 5d92a34..a36fa5f 100644
--- a/scss/moodle/grade.scss
+++ b/scss/moodle/grade.scss
@@ -33,12 +33,17 @@
 
 .path-grade-report-grader {
     #region-main {
+        overflow-x: visible;
         min-width: 100%;
         width: auto;
+        display: inline-flex;
         & > .card {
             width: auto;
             overflow-x: initial;
         }
+        div[role="main"] {
+            flex: 1 1 auto;
+        }
     }
     [data-region="blocks-column"] {
         width: 100%;
@@ -359,7 +364,7 @@
 /**
  * Grader report.
  */
-.path-grade-report {
+.path-grade-report-grader {
     .gradeparent {
         table {
             @include border-radius($border-radius);
diff --git a/scss/moodle/icons.scss b/scss/moodle/icons.scss
index 70203d2..a5a2748 100644
--- a/scss/moodle/icons.scss
+++ b/scss/moodle/icons.scss
@@ -8,11 +8,23 @@ $icon-height: 16px;
 $icon-big-width: 64px;
 $icon-big-height: 64px;
 
+// stylelint-disable
+$iconsizes: () !default;
+$iconsizes: map-merge((
+  0: 0,
+  1: ($icon-width * .25),
+  2: ($icon-width * .5),
+  3: $icon-width,
+  4: ($icon-width * 1.5),
+  5: ($icon-width * 3)
+), $iconsizes);
+// stylelint-enable
+
 .icon {
     font-size: $icon-height;
     width: $icon-width;
     height: $icon-height;
-    vertical-align: middle;
+    // vertical-align: middle;
     margin: 0;
     padding: 0;
     box-sizing: content-box;
@@ -29,45 +41,14 @@ $icon-big-height: 64px;
     }
 }
 
-$icon-color: $body-color !default;
-
-a .icon {
-    color: $icon-color;
-}
-
-.navbar-dark div .icon {
-    color: $navbar-dark-color !important; /* stylelint-disable-line declaration-no-important */
-}
-
 .navbar-dark a .icon {
     color: $navbar-dark-color !important; /* stylelint-disable-line declaration-no-important */
 }
 
-a:first-of-type > .icon,
-span:first-of-type > .icon {
+.action-menu-item a:first-of-type > .icon {
     margin-left: 0.5rem;
 }
 
-// Fix the first icon for an action menu. This rule exists to reverse the
-// icon margin defined in the a:first-of-type > .icon rule.
-.action-menu .dropdown a:first-of-type > .icon {
-    margin-left: 0;
-}
-
-.pull-xs-right {
-    // Now we need to override the .action-menu .dropdown a:first-of-type > .icon
-    // rule above for when actions menus are in the pull-xs-right class.
-    .dropdown a .icon {
-        margin-left: 0;
-        margin-right: 0.5rem;
-    }
-
-    .icon {
-        margin-right: 0;
-        margin-left: 0.5rem;
-    }
-}
-
 // YUI 2 Tree View icons must not have a margin left.
 .ygtvcell .icon {
     margin-left: 0 !important; /* stylelint-disable-line declaration-no-important */
@@ -90,7 +71,30 @@ span:first-of-type > .icon {
     margin: 0;
 }
 
+.icon-no-margin {
+    .icon {
+        margin-left: 0;
+        margin-right: 0;
+        margin-top: 0;
+        margin-bottom: 0;
+    }
+}
+
 .icon-large > .icon {
     width: ($icon-width * 2);
     height: ($icon-height * 2);
 }
+
+@each $size, $length in $iconsizes {
+    .icon-size-#{$size} {
+        .icon {
+            height: $length !important; /* stylelint-disable-line declaration-no-important */
+            width: $length !important; /* stylelint-disable-line declaration-no-important */
+            font-size: $length !important; /* stylelint-disable-line declaration-no-important */
+        }
+    }
+}
+
+.helplink .icon {
+    margin-left: 0.5rem;
+}
diff --git a/scss/moodle/message.scss b/scss/moodle/message.scss
index eab49cf..44eb10c 100644
--- a/scss/moodle/message.scss
+++ b/scss/moodle/message.scss
@@ -33,7 +33,7 @@
 
         &.online {
             .online-text {
-                display: block;
+                display: inherit;
             }
             .offline-text {
                 display: none;
@@ -474,7 +474,6 @@
                 }
 
                 .message {
-                    @include make-row(0);
 
                     .deletemessagecheckbox {
                         display: none;
@@ -507,11 +506,11 @@
                     }
 
                     .content.left {
-                        float: left;
+                        margin-left: auto;
                     }
 
                     .content.right {
-                        float: right;
+                        margin-right: auto;
                     }
                 }
             }
@@ -1192,6 +1191,205 @@
     }
 }
 
+// New styles for the messaging UI. Once MDL-63303 is done all CSS above this line should be removed.
+$message-drawer-width: 320px;
+
+.message-drawer {
+    position: fixed;
+    top: $navbar-height;
+    right: 0;
+    height: calc(100% - #{$navbar-height});
+    width: $message-drawer-width;
+    z-index: $zindex-sticky;
+    box-shadow: -2px 2px 4px rgba(0, 0, 0, .08);
+    display: flex;
+    flex-direction: column;
+    @include transition();
+
+    &.hidden {
+        display: block;
+        right: $message-drawer-width * -1;
+    }
+
+    .header-container {
+        flex-shrink: 0;
+    }
+
+    .body-container {
+        flex: 1;
+        overflow: hidden;
+
+        & > * {
+            position: absolute;
+            right: 0;
+            left: 0;
+            top: 0;
+            bottom: 0;
+        }
+    }
+
+    .footer-container {
+        flex-shrink: 0;
+        overflow-x: hidden;
+
+        textarea {
+            direction: ltr;
+        }
+    }
+
+    .matchtext {
+        background-color: lighten($primary, 40%);
+        color: $body-color;
+        height: 1.5rem;
+    }
+    .contact-status {
+        position: absolute;
+        left: 39px;
+        top: 39px;
+        width: 10px;
+        height: 10px;
+        border-radius: 50%;
+        &.online {
+            border: 1px solid $body-bg;
+            background-color: $green;
+        }
+    }
+
+    .message {
+        p {
+            margin: 0;
+        }
+    }
+
+    .clickable {
+        cursor: pointer;
+
+        &:hover {
+            box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.05), 3px 3px 5px -2px rgba(0, 0, 0, .1), 1px 1px 5px 0 rgba(0, 0, 0, 0.03);
+        }
+    }
+
+    a,
+    .btn-link {
+        color: inherit;
+    }
+    .btn-link {
+        &:hover,
+        &:focus {
+            background-color: rgba($black, .035);
+            text-decoration: none;
+        }
+    }
+
+    .icon {
+        margin-right: 0;
+    }
+
+    .overview-section-toggle {
+        .collapsed-icon-container {
+            display: none;
+        }
+        .expanded-icon-container {
+            display: inline-block;
+        }
+
+        &.collapsed {
+            .collapsed-icon-container {
+                display: inline-block;
+            }
+            .expanded-icon-container {
+                display: none;
+            }
+        }
+    }
+
+    .btn.btn-link.btn-icon {
+        height: $icon-width;
+        width: $icon-width;
+        padding: 0;
+        border-radius: 50%;
+        flex-shrink: 0;
+
+        @include hover-focus {
+            background-color: $gray-200;
+        }
+
+        @each $size, $length in $iconsizes {
+            &.icon-size-#{$size} {
+                height: ($length + 20px) !important; /* stylelint-disable-line declaration-no-important */
+                width: ($length + 20px) !important; /* stylelint-disable-line declaration-no-important */
+            }
+        }
+    }
+
+    .view-overview-body {
+        .section {
+            display: block;
+
+            &.expanded {
+                display: flex;
+            }
+        }
+    }
+
+    .view-conversation {
+        .content-message-container {
+            img {
+                max-width: 100%;
+            }
+        }
+    }
+    .list-group .list-group-item {
+        border-left: 0;
+        border-right: 0;
+        &:first-child {
+            border-top: 0;
+        }
+        &:last-child {
+            border-bottom: 0;
+        }
+    }
+    .last-message {
+        min-height: 1.5rem;
+    }
+    .section {
+        .collapsing {
+            overflow: hidden;
+        }
+    }
+    .message {
+        .tail {
+            content: '';
+            bottom: 0;
+            width: 0;
+            height: 0;
+            border: 0.5rem solid transparent;
+            position: relative;
+        }
+        &.send .tail {
+            right: 0;
+            margin-right: -0.5rem;
+            border-bottom-color: map-get($theme-colors, 'secondary');
+        }
+        &.received .tail {
+            left: 0;
+            margin-left: -0.5rem;
+            border-bottom-color: $white;
+        }
+    }
+    .lazy-load-list {
+        overflow-y: auto;
+    }
+}
+
+.dir-rtl {
+    .message-drawer {
+        box-shadow: 2px 2px 4px rgba(0, 0, 0, .08);
+    }
+}
+
+// New styles for the messaging UI. Once MDL-63303 is done all CSS below this line should be removed.
+
 @media (max-width: 480px) {
     .messaging-area-container {
         .messaging-area {
diff --git a/scss/moodle/modal.scss b/scss/moodle/modal.scss
index 5288e16..b3802e2 100644
--- a/scss/moodle/modal.scss
+++ b/scss/moodle/modal.scss
@@ -1,17 +1,4 @@
 .modal {
-    .modal-header {
-        padding: 0;
-
-        .close {
-            padding: $modal-title-padding;
-            margin-top: 0;
-        }
-
-        .modal-title {
-            padding: $modal-title-padding;
-        }
-    }
-
     .modal-body {
         & > .loading-icon {
             display: block;
diff --git a/scss/moodle/modules.scss b/scss/moodle/modules.scss
index 4d8a42a..e0e162e 100644
--- a/scss/moodle/modules.scss
+++ b/scss/moodle/modules.scss
@@ -77,7 +77,6 @@ select {
         }
 
         .discussion {
-            .author,
             .replies,
             .lastpost {
                 white-space: normal;
@@ -91,8 +90,6 @@ select {
             .topic,
             .discussionsubscription,
             .topic.starter,
-            .picture,
-            .author,
             .replies,
             .lastpost {
                 vertical-align: top;
@@ -113,7 +110,8 @@ select {
 }
 
 .forumpost {
-    @extend .card;
+    border: $border-width solid $border-color;
+    display: block;
     padding: 6px;
 
     .header {
@@ -136,6 +134,7 @@ select {
     }
 
     .row {
+        display: block;
         .topic,
         .content-mask,
         .options {
@@ -208,11 +207,6 @@ select {
     margin-left: 4px;
 }
 
-.navbar-fixed-top,
-.navbar-fixed-bottom {
-    z-index: 4030;
-}
-
 .ie .row-fluid .desktop-first-column {
     margin-left: 0;
 }
@@ -240,9 +234,41 @@ div#dock {
 .path-mod-lesson .answeroption .checkbox label p {
     display: inline;
 }
+.path-mod-lesson .form-inline label.form-check-label {
+    display: inline-block;
+}
+.path-mod-lesson .slideshow {
+    overflow: auto;
+    padding: 15px;
+}
 #page-mod-lesson-view .branchbuttoncontainer .singlebutton button[type="submit"] {
     white-space: normal;
 }
+#page-mod-lesson-view {
+    .vertical .singlebutton {
+        display: block;
+        + .singlebutton {
+            margin-left: 0;
+            margin-top: 1rem;
+        }
+    }
+    .fitem .felement .custom-select {
+        align-self: flex-start;
+    }
+}
+.path-mod-lesson .generaltable td {
+    vertical-align: middle;
+    label {
+        margin-bottom: 0;
+    }
+    .highlight {
+        display: inline-block;
+        margin-left: 0.25rem;
+    }
+    input[type="checkbox"] {
+        display: block;
+    }
+}
 
 .path-mod-wiki .wiki_headingtitle,
 .path-mod-wiki .midpad,
@@ -254,11 +280,6 @@ div#dock {
     width: 100%;
 }
 
-// Dropdown styling.
-.dropdown-menu {
-    margin-top: 11px;
-}
-
 // Survey module
 
 .path-mod-survey {
@@ -292,8 +313,6 @@ div#dock {
 
 // Usermenu
 .usermenu {
-    float: right;
-
     .login {
         line-height: 2.25rem;
 
@@ -375,6 +394,7 @@ div#dock {
 #page-mod-quiz-mod #id_reviewoptionshdr .col-md-3,
 #page-mod-quiz-mod #id_reviewoptionshdr .col-md-9 {
     width: auto;
+    max-width: none;
 }
 #page-mod-quiz-mod #id_reviewoptionshdr .form-group {
     float: left;
@@ -394,6 +414,7 @@ div#dock {
 #page-mod-quiz-mod #id_reviewoptionshdr .form-check {
     width: 90%;
     height: 22px;
+    justify-content: flex-start;
 }
 
 // Question navigation block.
@@ -492,13 +513,15 @@ div#dock {
     vertical-align: middle;
 }
 
+#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
+    padding: 0;
+    margin: 0 0.4em;
+}
+
 // Assign.
 .path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons {
     top: auto;
 }
-.path-mod-assign .no-overflow {
-    overflow: initial;
-}
 
 // This section removes the responsiveness from the form in the grading panel
 $popout-header-font-size: 1.5 * $font-size-base;
@@ -516,6 +539,8 @@ $popout-header-height: 4rem;
 .path-mod-assign [data-region="grade-panel"] .fitem > .col-md-9 {
     width: 100%;
     padding: 0;
+    max-width: 100%;
+    flex: none;
 }
 .path-mod-assign [data-region="grade-panel"] fieldset,
 .path-mod-assign [data-region="grade-panel"] .fitem.row {
@@ -614,8 +639,8 @@ $popout-header-height: 4rem;
 }
 
 .assignfeedback_editpdf_widget .label {
-    @extend .tag;
-    @extend .tag-info;
+    @extend .alert;
+    @extend .alert-info;
 }
 
 .assignfeedback_editpdf_menu {
diff --git a/scss/moodle/question.scss b/scss/moodle/question.scss
index 5f843f8..1508d84 100644
--- a/scss/moodle/question.scss
+++ b/scss/moodle/question.scss
@@ -174,6 +174,10 @@
         }
     }
 
+    .highlight {
+        @extend .text-dark;
+    }
+
     label {
         margin: 0;
         display: block;
@@ -231,9 +235,10 @@ body.path-question-type {
         width: auto;
         height: auto;
         padding: 0;
-        margin: 0;
+        margin: 0 0.5rem 0 0;
         overflow: visible;
         clip: auto;
+        clip-path: none;
         border: 0;
     }
 }
@@ -634,10 +639,15 @@ body.path-question-type .mform fieldset.hidden {
 }
 
 // Fix for accurate positioning of ddwtos drag and drop question types.
-.que.ddwtos {
+.que.ddwtos,
+.que.ddwtos .drop {
     box-sizing: content-box;
 }
 
+.tag-condition-container {
+    position: relative;
+}
+
 @include media-breakpoint-down(sm) {
     .que .info {
         float: none;
diff --git a/scss/moodle/search.scss b/scss/moodle/search.scss
index 615d18d..8946418 100644
--- a/scss/moodle/search.scss
+++ b/scss/moodle/search.scss
@@ -15,8 +15,10 @@
     margin: 0 $spacer 0 0;
     overflow: hidden;
     float: right;
-    width: 16px;
+    width: 24px;
     transition: width 0.5s ease, left 0.5s ease;
+    padding-top: 0;
+    padding-bottom: 0;
 }
 
 .search-input-wrapper > div {
@@ -25,6 +27,7 @@
 
     .icon {
         margin-right: 0;
+        margin-top: 10px;
     }
 }
 
@@ -36,7 +39,6 @@
 
 .search-input-wrapper > form > input {
     margin: 0;
-    height: 23px;
 }
 
 .search-input-wrapper form.expanded {
@@ -68,3 +70,11 @@
     margin-right: $spacer;
     display: inline-block;
 }
+
+#core-search-areas .lastcol li {
+    margin-left: 24px;
+    text-indent: -24px;
+}
+#core-search-areas .lastcol li > i {
+    text-indent: 0;
+}
diff --git a/scss/moodle/sticky-footer.scss b/scss/moodle/sticky-footer.scss
index 725ffb6..9edcf4e 100644
--- a/scss/moodle/sticky-footer.scss
+++ b/scss/moodle/sticky-footer.scss
@@ -1,7 +1,6 @@
 /**
  * This file contains the styles required to make the footer sticky.
  */
-$footer-min-height: 130px !default;
 
 html,
 body {
@@ -9,18 +8,18 @@ body {
 }
 
 #page-wrapper {
-    min-height: 100%;
-    padding-bottom: $spacer;
-    margin-bottom: -$footer-min-height;
-}
-
-#page-wrapper::after {
-    content: "";
-    display: block;
-    min-height: $footer-min-height;
-}
-
-#page-footer {
-    min-height: $footer-min-height;
-    text-align: left;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    #page {
+        flex: 1 0 auto;
+        display: flex;
+        flex-direction: column;
+        #page-content {
+            flex: 1 0 auto;
+        }
+    }
+    #page-footer {
+        flex-shrink: 0;
+    }
 }
diff --git a/scss/moodle/undo.scss b/scss/moodle/undo.scss
index c9e8049..8fdb4e4 100644
--- a/scss/moodle/undo.scss
+++ b/scss/moodle/undo.scss
@@ -126,15 +126,8 @@ body:not(.jsenabled) .langmenu:hover > .dropdown-menu,
     overflow-y: auto;
 }
 
-// Extends bootstrapbase/less/bootstrap/type.less
-// to enable ol lists to use a larger number set.
-
-ol {
-    margin: 0 0 $line-height-base / 2 2.5em;
-}
-
 // Set menus in the fixed header to scroll vertically when they are longer than the page.
-.navbar-static-top .dropdown .dropdown-menu {
+.navbar.fixed-top .dropdown .dropdown-menu {
     max-height: calc(100vh - #{$navbar-height});
     overflow-y: auto;
 }
@@ -147,3 +140,48 @@ ol {
         }
     }
 }
+/* Force positioning of popover arrows.
+ *
+ * The Css prefixer used in Moodle does not support complex calc statements used
+ * in Bootstrap 4 CSS. For example:
+ * calc((0.5rem + 1px) * -1); is stripped out by lib/php-css-parser/Parser.php.
+ * See MDL-61879. For now the arrow positions of popovers are fixed until this is resolved.
+ */
+.bs-popover-right .arrow,
+.bs-popover-auto[x-placement^="right"] .arrow {
+    left: -9px;
+}
+.bs-popover-left .arrow,
+.bs-popover-auto[x-placement^="left"] .arrow {
+    right: -9px;
+}
+.bs-popover-top .arrow,
+.bs-popover-auto[x-placement^="top"] .arrow {
+    bottom: -9px;
+}
+.bs-popover-bottom .arrow,
+.bs-popover-auto[x-placement^="bottom"] .arrow {
+    top: -9px;
+}
+
+// Fixes an issue on Safari when the .custom-select is inside a .card class.
+.custom-select {
+    word-wrap: normal;
+}
+
+/* Add commented out carousel transistions back in.
+ *
+ * The Css prefixer used in Moodle breaks on @supports syntax, See MDL-61515.
+ */
+.carousel-item-next.carousel-item-left,
+.carousel-item-prev.carousel-item-right {
+    transform: translateX(0);
+}
+.carousel-item-next,
+.active.carousel-item-right {
+    transform: translateX(100%);
+}
+.carousel-item-prev,
+.active.carousel-item-left {
+    transform: translateX(-100%);
+}
diff --git a/scss/moodle/user.scss b/scss/moodle/user.scss
index c4674a8..5fe724c 100644
--- a/scss/moodle/user.scss
+++ b/scss/moodle/user.scss
@@ -18,9 +18,10 @@
 
     section {
         @extend .card;
-        @extend .card-block;
+        @extend .card-body;
         display: inline-block;
         width: 100%;
+        margin-bottom: 1rem;
 
         h3 {
             @extend .lead;
diff --git a/scss/preset/default.scss b/scss/preset/default.scss
index 13198ac..7db7c03 100644
--- a/scss/preset/default.scss
+++ b/scss/preset/default.scss
@@ -1,191 +1,111 @@
-/* stylelint-disable color-hex-length */
-/**
- * Default preset file.
- *
- * Use this space to customise variables, create mixins and override SCSS.
- */
-
-// Colors
-$gray-dark:                 #373a3c !default;
-$gray:                      #55595c !default;
-$gray-light:                #818a91 !default;
-$gray-lighter:              #eceeef !default;
-$gray-lightest:             #f7f7f9 !default;
-
-$brand-primary:             #1177d1 !default;
-$brand-info:                #ad53b2 !default;
-$brand-success:             #77b300 !default;
-$brand-warning:             #ff8800 !default;
-$brand-danger:              #ff4136 !default;
-$brand-inverse:             $gray-dark !default;
-$navbar-height:             50px !default;
-
-// Spacing
-$spacer:   1rem !default;
-$spacer-x: $spacer !default;
-$spacer-y: $spacer !default;
-$border-width: 1px !default;
+// Bootstrap variables
+
+$white:    #fff !default;
+$gray-100: #f8f9fa !default;
+$gray-200: #e9ecef !default;
+$gray-300: #dee2e6 !default;
+$gray-400: #ced4da !default;
+$gray-500: #adb5bd !default;
+$gray-600: #868e96 !default;
+$gray-700: #495057 !default;
+$gray-800: #373a3c !default;
+$gray-900: #212529 !default;
+$black:    #000 !default;
+
+$blue:    #1177d1 !default;
+$indigo:  #6610f2 !default;
+$purple:  #613d7c !default;
+$pink:    #e83e8c !default;
+$red:     #d9534f !default;
+$orange:  #f0ad4e !default;
+$yellow:  #ff7518 !default;
+$green:   #5cb85c !default;
+$teal:    #20c997 !default;
+$cyan:    #5bc0de !default;
+
+$primary:       $blue !default;
+$secondary:     $gray-800 !default;
+$success:       $green !default;
+$info:          $cyan !default;
+$warning:       $yellow !default;
+$danger:        $red !default;
+$light:         $gray-100 !default;
+$dark:          $gray-800 !default;
+
+// Options
+$enable-rounded: false !default;
 
 // Body
-$body-bg:    #f4f4f4 !default;
-$body-color: #262626 !default;
+$body-color:    $gray-800 !default;
 
-// Typography
-$font-family-sans-serif: "Open Sans", "Helvetica Neue", Arial, sans-serif !default;
-$font-size-root: 14px !default;
-
-// Tables
-$table-bg:                      transparent !default;
-$table-bg-accent:               #fafafa !default;
-$table-bg-hover:                lighten($brand-primary, 55%) !default;
-$table-bg-active:               $table-bg-hover !default;
-$table-border-color:            #f4f4f4 !default;
-
-// Dropdowns
-$dropdown-border-color:          #e2e2e2 !default;
-$dropdown-link-color:            $body-color;
+// Fonts
+$font-size-base: 0.9375rem !default;
+$headings-font-weight:   300 !default;
 
 // Navbar
-$navbar-light-color:                rgba(0, 0, 0, .535) !default;
-$navbar-light-hover-color:          $brand-primary !default;
-$navbar-light-active-color:         $brand-primary !default;
-
-// Cards
-$card-border-radius:       0 !default;
-$card-border-color:        rgba(238, 238, 238, 1) !default;
+$navbar-dark-hover-color:           rgba($white, 1) !default;
+$navbar-light-hover-color:          rgba($black, .9) !default;
 
 // Breadcrumbs
-$breadcrumb-bg:                 transparent !default;
-$breadcrumb-padding-x:          0 !default;
+$breadcrumb-padding-y:              .25rem !default;
+$breadcrumb-padding-x:              0 !default;
+$breadcrumb-item-padding:           .5rem !default;
+$breadcrumb-margin-bottom:          0 !default;
+$breadcrumb-bg:                     transparent !default;
 $breadcrumb-divider: "/" !default;
 $breadcrumb-divider-rtl: "/" !default;
 
-// Import everything.
-@import "moodle";
+// Alerts
+$alert-border-width:                0 !default;
 
-/**
- * Navigation bar identity.
- */
-.navbar-light {
-    background-color: #fff;
-    border-bottom: $border-width solid #e5e5e5;
-
-    .container {
-        padding-left: 0;
-        padding-right: 0;
-    }
-
-    .navbar-brand {
-        padding-left: 1rem;
-        padding-right: 1rem;
-        margin-right: $spacer * 2;
-        color: #fff;
-        background-color: $brand-primary;
-        @include hover-focus {
-            color: #fff;
-        }
-        &.has-logo {
-            color: $brand-primary;
-            background-color: transparent;
-            @include hover-focus {
-                color: $brand-primary;
-            }
-            padding-top: 0;
-        }
-    }
-
-    .navbar-nav {
-        .nav-item + .nav-item {
-            margin-left: $spacer * 2;
-        }
-        .nav-link {
-            font-size: $font-size-sm;
-            text-transform: uppercase;
-            letter-spacing: 1px;
-        }
-    }
-}
+$card-group-margin: .25rem;
 
-/**
- * Styling the dropdown menus.
- */
-.dropdown-menu {
-    font-size: 14px;
-    border-radius: 0;
-    .dropdown-item {
-        padding-top: 8px;
-        padding-bottom: 8px;
-        border-bottom: $border-width solid $dropdown-border-color;
-        &:last-child {
-            border-bottom: 0;
-        }
-    }
-    .dropdown-divider {
-        display: none;
-    }
-}
+$theme-colors: (
+    primary: $primary,
+    secondary: $gray-400,
+    success: $success,
+    info: $info,
+    warning: $orange,
+    danger: $danger,
+    light: $gray-100,
+    dark: $gray-800
+);
 
-/**
- * User picture.
- */
-.userpicture {
-    border-radius: 50%;
-}
+// Import FontAwesome.
+@import "fontawesome";
 
-/**
- * For background in content areas.
- */
-#page.container-fluid {
-    padding: 0 (2 * $spacer);
-}
+// Import All of Bootstrap
+@import "bootstrap";
 
-#block-region-side-pre {
-    padding-left: 0;
-}
+// Import Core moodle CSS
+@import "moodle";
 
-/**
- * Dashboard styling.
- */
-#page-my-index {
-    #region-main {
-        background-color: transparent;
-        border: 0;
-        padding: 0;
-    }
-}
+// Preset CSS
 
-/**
- * Blocks.
- */
-.block-region .card-block {
-    .card-title {
-        padding-bottom: ($spacer/2);
-        font-size: 1.143rem;
-        font-weight: 600;
-        text-transform: uppercase;
-    }
+body {
+    -webkit-font-smoothing: antialiased;
 }
 
-/**
- * Navigation.
- */
-.block_navigation,
-.block_settings {
-    .block_tree .tree_item {
-        margin: ($spacer/2) 0;
-    }
+.navbar {
+    box-shadow: 0 2px 4px rgba(0, 0, 0, .08);
 }
 
-/**
- * Form styles.
- */
-
-.form-group {
-    margin-top: ($spacer/2);
+.filemanager-container,
+.filepicker-filelist {
+    @extend .border;
 }
 
-.form-inline .form-group {
-    margin-top: 0;
+// Rounded user pictures
+.userpicture {
+    border-radius: 50%;
 }
 
+// Reset the default styling back to the bootstrap defaults for
+// the secondary outline button because gray-200 is much too light
+// for an outline button.
+.btn-outline-secondary {
+    @include button-outline-variant($gray-600);
+    border-color: $border-color;
+}
 
+@include bg-variant(".bg-gray", $gray-200);
diff --git a/scss/preset/plain.scss b/scss/preset/plain.scss
index 383aa65..7f568f1 100644
--- a/scss/preset/plain.scss
+++ b/scss/preset/plain.scss
@@ -6,7 +6,14 @@
  * To create your own preset file:
  * - Duplicate this file and rename it, for instance to preset-apple.scss.
  * - In settings.php, find the references to 'plain', duplicate them and rename
- *   them to 'apple'. (Look around the choices for 'theme_boost/preset').
+ *   them to 'apple'. (Look around the choices for 'theme_ilb/preset').
  */
 
+// Import FontAwesome.
+@import "fontawesome";
+
+// Import All of Bootstrap
+@import "bootstrap";
+
+// Import Core moodle CSS
 @import "moodle";
diff --git a/settings.php b/settings.php
index 20d4d74..e694226 100644
--- a/settings.php
+++ b/settings.php
@@ -1,79 +1,96 @@
 <?php
- 
-// Every file should have GPL and copyright in the header - we skip it in tutorials but you should not skip it for real.
- 
-// This line protects the file from being accessed by a URL directly.                                                               
-defined('MOODLE_INTERNAL') || die();                                                                                                
- 
-// This is used for performance, we don't need to know about these settings on every page in Moodle, only when                      
-// we are looking at the admin settings pages.                                                                                      
-if ($ADMIN->fulltree) {                                                                                                             
- 
-    // Boost provides a nice setting page which splits settings onto separate tabs. We want to use it here.                         
-    $settings = new theme_boost_admin_settingspage_tabs('themesettingilb', get_string('configtitle', 'theme_ilb'));             
- 
-    // Each page is a tab - the first is the "General" tab.                                                                         
-    $page = new admin_settingpage('theme_ilb_general', get_string('generalsettings', 'theme_ilb'));                             
- 
-    // Replicate the preset setting from boost.                                                                                     
-    $name = 'theme_ilb/preset';                                                                                                   
-    $title = get_string('preset', 'theme_ilb');                                                                                   
-    $description = get_string('preset_desc', 'theme_ilb');                                                                        
-    $default = 'default.scss';                                                                                                      
- 
-    // We list files in our own file area to add to the drop down. We will provide our own function to                              
-    // load all the presets from the correct paths.                                                                                 
-    $context = context_system::instance();                                                                                          
-    $fs = get_file_storage();                                                                                                       
-    $files = $fs->get_area_files($context->id, 'theme_ilb', 'preset', 0, 'itemid, filepath, filename', false);                    
- 
-    $choices = [];                                                                                                                  
-    foreach ($files as $file) {                                                                                                     
-        $choices[$file->get_filename()] = $file->get_filename();                                                                    
-    }                                                                                                                               
-    // These are the built in presets from Boost.                                                                                   
-    $choices['default.scss'] = 'default.scss';                                                                                      
-    $choices['plain.scss'] = 'plain.scss';                                                                                          
- 
-    $setting = new admin_setting_configselect($name, $title, $description, $default, $choices);                                     
-    $setting->set_updatedcallback('theme_reset_all_caches');                                                                        
-    $page->add($setting);                                                                                                           
- 
-    // Preset files setting.                                                                                                        
-    $name = 'theme_ilb/presetfiles';                                                                                              
-    $title = get_string('presetfiles','theme_ilb');                                                                               
-    $description = get_string('presetfiles_desc', 'theme_ilb');                                                                   
- 
-    $setting = new admin_setting_configstoredfile($name, $title, $description, 'preset', 0,                                         
-        array('maxfiles' => 20, 'accepted_types' => array('.scss')));                                                               
-    $page->add($setting);     
- 
-    // Variable $brand-color.                                                                                                       
-    // We use an empty default value because the default colour should come from the preset.                                        
-    $name = 'theme_ilb/brandcolor';                                                                                               
-    $title = get_string('brandcolor', 'theme_ilb');                                                                               
-    $description = get_string('brandcolor_desc', 'theme_ilb');                                                                    
-    $setting = new admin_setting_configcolourpicker($name, $title, $description, '');                                               
-    $setting->set_updatedcallback('theme_reset_all_caches');                                                                        
-    $page->add($setting);                                                                                                           
- 
-    // Must add the page after definiting all the settings!                                                                         
-    $settings->add($page);                                                                                                          
- 
-    // Advanced settings.                                                                                                           
-    $page = new admin_settingpage('theme_ilb_advanced', get_string('advancedsettings', 'theme_ilb'));                           
- 
-    // Raw SCSS to include before the content.                                                                                      
-    $setting = new admin_setting_configtextarea('theme_ilb/scsspre',                                                              
-        get_string('rawscsspre', 'theme_ilb'), get_string('rawscsspre_desc', 'theme_ilb'), '', PARAM_RAW);                      
-    $setting->set_updatedcallback('theme_reset_all_caches');                                                                        
-    $page->add($setting);                                                                                                           
- 
-    // Raw SCSS to include after the content.                                                                                       
-    $setting = new admin_setting_configtextarea('theme_ilb/scss', get_string('rawscss', 'theme_ilb'),                           
-        get_string('rawscss_desc', 'theme_ilb'), '', PARAM_RAW);                                                                  
-    $setting->set_updatedcallback('theme_reset_all_caches');                                                                        
-    $page->add($setting);                                                                                                           
- 
-    $settings->add($page);                                                                                                          
+// This file is part of Moodle - http://moodle.org/
+//
+// Moodle is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Moodle is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
+
+/**
+ * @package   theme_ilb
+ * @copyright 2016 Ryan Wyllie
+ * @license   http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
+ */
+
+defined('MOODLE_INTERNAL') || die();
+
+if ($ADMIN->fulltree) {
+    $settings = new theme_ilb_admin_settingspage_tabs('themesettingilb', get_string('configtitle', 'theme_ilb'));
+    $page = new admin_settingpage('theme_ilb_general', get_string('generalsettings', 'theme_ilb'));
+
+    // Preset.
+    $name = 'theme_ilb/preset';
+    $title = get_string('preset', 'theme_ilb');
+    $description = get_string('preset_desc', 'theme_ilb');
+    $default = 'default.scss';
+
+    $context = context_system::instance();
+    $fs = get_file_storage();
+    $files = $fs->get_area_files($context->id, 'theme_ilb', 'preset', 0, 'itemid, filepath, filename', false);
+
+    $choices = [];
+    foreach ($files as $file) {
+        $choices[$file->get_filename()] = $file->get_filename();
+    }
+    // These are the built in presets.
+    $choices['default.scss'] = 'default.scss';
+    $choices['plain.scss'] = 'plain.scss';
+
+    $setting = new admin_setting_configselect($name, $title, $description, $default, $choices);
+    $setting->set_updatedcallback('theme_reset_all_caches');
+    $page->add($setting);
+
+    // Preset files setting.
+    $name = 'theme_ilb/presetfiles';
+    $title = get_string('presetfiles','theme_ilb');
+    $description = get_string('presetfiles_desc', 'theme_ilb');
+
+    $setting = new admin_setting_configstoredfile($name, $title, $description, 'preset', 0,
+        array('maxfiles' => 20, 'accepted_types' => array('.scss')));
+    $page->add($setting);
+
+    // Background image setting.
+    $name = 'theme_ilb/backgroundimage';
+    $title = get_string('backgroundimage', 'theme_ilb');
+    $description = get_string('backgroundimage_desc', 'theme_ilb');
+    $setting = new admin_setting_configstoredfile($name, $title, $description, 'backgroundimage');
+    $setting->set_updatedcallback('theme_reset_all_caches');
+    $page->add($setting);
+
+    // Variable $body-color.
+    // We use an empty default value because the default colour should come from the preset.
+    $name = 'theme_ilb/brandcolor';
+    $title = get_string('brandcolor', 'theme_ilb');
+    $description = get_string('brandcolor_desc', 'theme_ilb');
+    $setting = new admin_setting_configcolourpicker($name, $title, $description, '');
+    $setting->set_updatedcallback('theme_reset_all_caches');
+    $page->add($setting);
+
+    // Must add the page after definiting all the settings!
+    $settings->add($page);
+
+    // Advanced settings.
+    $page = new admin_settingpage('theme_ilb_advanced', get_string('advancedsettings', 'theme_ilb'));
+
+    // Raw SCSS to include before the content.
+    $setting = new admin_setting_scsscode('theme_ilb/scsspre',
+        get_string('rawscsspre', 'theme_ilb'), get_string('rawscsspre_desc', 'theme_ilb'), '', PARAM_RAW);
+    $setting->set_updatedcallback('theme_reset_all_caches');
+    $page->add($setting);
+
+    // Raw SCSS to include after the content.
+    $setting = new admin_setting_scsscode('theme_ilb/scss', get_string('rawscss', 'theme_ilb'),
+        get_string('rawscss_desc', 'theme_ilb'), '', PARAM_RAW);
+    $setting->set_updatedcallback('theme_reset_all_caches');
+    $page->add($setting);
+
+    $settings->add($page);
 }
diff --git a/style/moodle.css b/style/moodle.css
new file mode 100644
index 0000000..d9abf50
--- /dev/null
+++ b/style/moodle.css
@@ -0,0 +1,17195 @@
+@charset "UTF-8";
+@font-face {
+  font-family: 'FontAwesome';
+  src: url("[[font:core|fontawesome-webfont.eot]]?v=4.7.0");
+  src: url("[[font:core|fontawesome-webfont.eot]]?#iefix&v=4.7.0") format("embedded-opentype"), url("[[font:core|fontawesome-webfont.woff2]]?v=4.7.0") format("woff2"), url("[[font:core|fontawesome-webfont.woff]]?v=4.7.0") format("woff"), url("[[font:core|fontawesome-webfont.ttf]]?v=4.7.0") format("truetype"), url("[[font:core|fontawesome-webfont.svg]]?v=4.7.0#fontawesomeregular") format("svg");
+  font-weight: normal;
+  font-style: normal; }
+
+/*!
+ *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
+ *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
+ */
+.fa, .block_settings .block_tree [aria-expanded="true"]:before,
+.block_navigation .block_tree [aria-expanded="true"]:before, .block_settings .block_tree [aria-expanded="false"]:before,
+.block_navigation .block_tree [aria-expanded="false"]:before {
+  display: inline-block;
+  font: normal normal normal 14px/1 FontAwesome;
+  font-size: inherit;
+  text-rendering: auto;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale; }
+
+/* makes the font 33% larger relative to the icon container */
+.fa-lg {
+  font-size: 1.3333333333em;
+  line-height: 0.75em;
+  vertical-align: -15%; }
+
+.fa-2x {
+  font-size: 2em; }
+
+.fa-3x {
+  font-size: 3em; }
+
+.fa-4x {
+  font-size: 4em; }
+
+.fa-5x {
+  font-size: 5em; }
+
+.fa-fw {
+  width: 1.2857142857em;
+  text-align: center; }
+
+.fa-ul {
+  padding-left: 0;
+  margin-left: 2.1428571429em;
+  list-style-type: none; }
+  .fa-ul > li {
+    position: relative; }
+
+.fa-li {
+  position: absolute;
+  left: -2.1428571429em;
+  width: 2.1428571429em;
+  top: 0.1428571429em;
+  text-align: center; }
+  .fa-li.fa-lg {
+    left: -1.8571428571em; }
+
+.fa-border {
+  padding: .2em .25em .15em;
+  border: solid 0.08em #eee;
+  border-radius: .1em; }
+
+.fa-pull-left {
+  float: left; }
+
+.fa-pull-right {
+  float: right; }
+
+.fa.fa-pull-left, .block_settings .block_tree .fa-pull-left[aria-expanded="true"]:before,
+.block_navigation .block_tree .fa-pull-left[aria-expanded="true"]:before, .block_settings .block_tree .fa-pull-left[aria-expanded="false"]:before,
+.block_navigation .block_tree .fa-pull-left[aria-expanded="false"]:before {
+  margin-right: .3em; }
+
+.fa.fa-pull-right, .block_settings .block_tree .fa-pull-right[aria-expanded="true"]:before,
+.block_navigation .block_tree .fa-pull-right[aria-expanded="true"]:before, .block_settings .block_tree .fa-pull-right[aria-expanded="false"]:before,
+.block_navigation .block_tree .fa-pull-right[aria-expanded="false"]:before {
+  margin-left: .3em; }
+
+/* Deprecated as of 4.4.0 */
+.pull-right {
+  float: right; }
+
+.pull-left {
+  float: left; }
+
+.fa.pull-left, .block_settings .block_tree .pull-left[aria-expanded="true"]:before,
+.block_navigation .block_tree .pull-left[aria-expanded="true"]:before, .block_settings .block_tree .pull-left[aria-expanded="false"]:before,
+.block_navigation .block_tree .pull-left[aria-expanded="false"]:before {
+  margin-right: .3em; }
+
+.fa.pull-right, .block_settings .block_tree .pull-right[aria-expanded="true"]:before,
+.block_navigation .block_tree .pull-right[aria-expanded="true"]:before, .block_settings .block_tree .pull-right[aria-expanded="false"]:before,
+.block_navigation .block_tree .pull-right[aria-expanded="false"]:before {
+  margin-left: .3em; }
+
+.fa-spin {
+  -webkit-animation: fa-spin 2s infinite linear;
+  animation: fa-spin 2s infinite linear; }
+
+.fa-pulse {
+  -webkit-animation: fa-spin 1s infinite steps(8);
+  animation: fa-spin 1s infinite steps(8); }
+
+@-webkit-keyframes fa-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg); }
+  100% {
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg); } }
+
+@keyframes fa-spin {
+  0% {
+    -webkit-transform: rotate(0deg);
+    transform: rotate(0deg); }
+  100% {
+    -webkit-transform: rotate(359deg);
+    transform: rotate(359deg); } }
+
+.fa-rotate-90 {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
+  -webkit-transform: rotate(90deg);
+  -ms-transform: rotate(90deg);
+  transform: rotate(90deg); }
+
+.fa-rotate-180 {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
+  -webkit-transform: rotate(180deg);
+  -ms-transform: rotate(180deg);
+  transform: rotate(180deg); }
+
+.fa-rotate-270 {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
+  -webkit-transform: rotate(270deg);
+  -ms-transform: rotate(270deg);
+  transform: rotate(270deg); }
+
+.fa-flip-horizontal {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
+  -webkit-transform: scale(-1, 1);
+  -ms-transform: scale(-1, 1);
+  transform: scale(-1, 1); }
+
+.fa-flip-vertical {
+  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
+  -webkit-transform: scale(1, -1);
+  -ms-transform: scale(1, -1);
+  transform: scale(1, -1); }
+
+:root .fa-rotate-90,
+:root .fa-rotate-180,
+:root .fa-rotate-270,
+:root .fa-flip-horizontal,
+:root .fa-flip-vertical {
+  filter: none; }
+
+.fa-stack {
+  position: relative;
+  display: inline-block;
+  width: 2em;
+  height: 2em;
+  line-height: 2em;
+  vertical-align: middle; }
+
+.fa-stack-1x, .fa-stack-2x {
+  position: absolute;
+  left: 0;
+  width: 100%;
+  text-align: center; }
+
+.fa-stack-1x {
+  line-height: inherit; }
+
+.fa-stack-2x {
+  font-size: 2em; }
+
+.fa-inverse {
+  color: #fff; }
+
+/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
+   readers do not read off random characters that represent icons */
+.fa-glass:before {
+  content: ""; }
+
+.fa-music:before {
+  content: ""; }
+
+.fa-search:before {
+  content: ""; }
+
+.fa-envelope-o:before {
+  content: ""; }
+
+.fa-heart:before {
+  content: ""; }
+
+.fa-star:before {
+  content: ""; }
+
+.fa-star-o:before {
+  content: ""; }
+
+.fa-user:before {
+  content: ""; }
+
+.fa-film:before {
+  content: ""; }
+
+.fa-th-large:before {
+  content: ""; }
+
+.fa-th:before {
+  content: ""; }
+
+.fa-th-list:before {
+  content: ""; }
+
+.fa-check:before {
+  content: ""; }
+
+.fa-remove:before,
+.fa-close:before,
+.fa-times:before {
+  content: ""; }
+
+.fa-search-plus:before {
+  content: ""; }
+
+.fa-search-minus:before {
+  content: ""; }
+
+.fa-power-off:before {
+  content: ""; }
+
+.fa-signal:before {
+  content: ""; }
+
+.fa-gear:before,
+.fa-cog:before {
+  content: ""; }
+
+.fa-trash-o:before {
+  content: ""; }
+
+.fa-home:before {
+  content: ""; }
+
+.fa-file-o:before {
+  content: ""; }
+
+.fa-clock-o:before {
+  content: ""; }
+
+.fa-road:before {
+  content: ""; }
+
+.fa-download:before {
+  content: ""; }
+
+.fa-arrow-circle-o-down:before {
+  content: ""; }
+
+.fa-arrow-circle-o-up:before {
+  content: ""; }
+
+.fa-inbox:before {
+  content: ""; }
+
+.fa-play-circle-o:before {
+  content: ""; }
+
+.fa-rotate-right:before,
+.fa-repeat:before {
+  content: ""; }
+
+.fa-refresh:before {
+  content: ""; }
+
+.fa-list-alt:before {
+  content: ""; }
+
+.fa-lock:before {
+  content: ""; }
+
+.fa-flag:before {
+  content: ""; }
+
+.fa-headphones:before {
+  content: ""; }
+
+.fa-volume-off:before {
+  content: ""; }
+
+.fa-volume-down:before {
+  content: ""; }
+
+.fa-volume-up:before {
+  content: ""; }
+
+.fa-qrcode:before {
+  content: ""; }
+
+.fa-barcode:before {
+  content: ""; }
+
+.fa-tag:before {
+  content: ""; }
+
+.fa-tags:before {
+  content: ""; }
+
+.fa-book:before {
+  content: ""; }
+
+.fa-bookmark:before {
+  content: ""; }
+
+.fa-print:before {
+  content: ""; }
+
+.fa-camera:before {
+  content: ""; }
+
+.fa-font:before {
+  content: ""; }
+
+.fa-bold:before {
+  content: ""; }
+
+.fa-italic:before {
+  content: ""; }
+
+.fa-text-height:before {
+  content: ""; }
+
+.fa-text-width:before {
+  content: ""; }
+
+.fa-align-left:before {
+  content: ""; }
+
+.fa-align-center:before {
+  content: ""; }
+
+.fa-align-right:before {
+  content: ""; }
+
+.fa-align-justify:before {
+  content: ""; }
+
+.fa-list:before {
+  content: ""; }
+
+.fa-dedent:before,
+.fa-outdent:before {
+  content: ""; }
+
+.fa-indent:before {
+  content: ""; }
+
+.fa-video-camera:before {
+  content: ""; }
+
+.fa-photo:before,
+.fa-image:before,
+.fa-picture-o:before {
+  content: ""; }
+
+.fa-pencil:before {
+  content: ""; }
+
+.fa-map-marker:before {
+  content: ""; }
+
+.fa-adjust:before {
+  content: ""; }
+
+.fa-tint:before {
+  content: ""; }
+
+.fa-edit:before,
+.fa-pencil-square-o:before {
+  content: ""; }
+
+.fa-share-square-o:before {
+  content: ""; }
+
+.fa-check-square-o:before {
+  content: ""; }
+
+.fa-arrows:before {
+  content: ""; }
+
+.fa-step-backward:before {
+  content: ""; }
+
+.fa-fast-backward:before {
+  content: ""; }
+
+.fa-backward:before {
+  content: ""; }
+
+.fa-play:before {
+  content: ""; }
+
+.fa-pause:before {
+  content: ""; }
+
+.fa-stop:before {
+  content: ""; }
+
+.fa-forward:before {
+  content: ""; }
+
+.fa-fast-forward:before {
+  content: ""; }
+
+.fa-step-forward:before {
+  content: ""; }
+
+.fa-eject:before {
+  content: ""; }
+
+.fa-chevron-left:before {
+  content: ""; }
+
+.fa-chevron-right:before {
+  content: ""; }
+
+.fa-plus-circle:before {
+  content: ""; }
+
+.fa-minus-circle:before {
+  content: ""; }
+
+.fa-times-circle:before {
+  content: ""; }
+
+.fa-check-circle:before {
+  content: ""; }
+
+.fa-question-circle:before {
+  content: ""; }
+
+.fa-info-circle:before {
+  content: ""; }
+
+.fa-crosshairs:before {
+  content: ""; }
+
+.fa-times-circle-o:before {
+  content: ""; }
+
+.fa-check-circle-o:before {
+  content: ""; }
+
+.fa-ban:before {
+  content: ""; }
+
+.fa-arrow-left:before {
+  content: ""; }
+
+.fa-arrow-right:before {
+  content: ""; }
+
+.fa-arrow-up:before {
+  content: ""; }
+
+.fa-arrow-down:before {
+  content: ""; }
+
+.fa-mail-forward:before,
+.fa-share:before {
+  content: ""; }
+
+.fa-expand:before {
+  content: ""; }
+
+.fa-compress:before {
+  content: ""; }
+
+.fa-plus:before {
+  content: ""; }
+
+.fa-minus:before {
+  content: ""; }
+
+.fa-asterisk:before {
+  content: ""; }
+
+.fa-exclamation-circle:before {
+  content: ""; }
+
+.fa-gift:before {
+  content: ""; }
+
+.fa-leaf:before {
+  content: ""; }
+
+.fa-fire:before {
+  content: ""; }
+
+.fa-eye:before {
+  content: ""; }
+
+.fa-eye-slash:before {
+  content: ""; }
+
+.fa-warning:before,
+.fa-exclamation-triangle:before {
+  content: ""; }
+
+.fa-plane:before {
+  content: ""; }
+
+.fa-calendar:before {
+  content: ""; }
+
+.fa-random:before {
+  content: ""; }
+
+.fa-comment:before {
+  content: ""; }
+
+.fa-magnet:before {
+  content: ""; }
+
+.fa-chevron-up:before {
+  content: ""; }
+
+.fa-chevron-down:before {
+  content: ""; }
+
+.fa-retweet:before {
+  content: ""; }
+
+.fa-shopping-cart:before {
+  content: ""; }
+
+.fa-folder:before {
+  content: ""; }
+
+.fa-folder-open:before {
+  content: ""; }
+
+.fa-arrows-v:before {
+  content: ""; }
+
+.fa-arrows-h:before {
+  content: ""; }
+
+.fa-bar-chart-o:before,
+.fa-bar-chart:before {
+  content: ""; }
+
+.fa-twitter-square:before {
+  content: ""; }
+
+.fa-facebook-square:before {
+  content: ""; }
+
+.fa-camera-retro:before {
+  content: ""; }
+
+.fa-key:before {
+  content: ""; }
+
+.fa-gears:before,
+.fa-cogs:before {
+  content: ""; }
+
+.fa-comments:before {
+  content: ""; }
+
+.fa-thumbs-o-up:before {
+  content: ""; }
+
+.fa-thumbs-o-down:before {
+  content: ""; }
+
+.fa-star-half:before {
+  content: ""; }
+
+.fa-heart-o:before {
+  content: ""; }
+
+.fa-sign-out:before {
+  content: ""; }
+
+.fa-linkedin-square:before {
+  content: ""; }
+
+.fa-thumb-tack:before {
+  content: ""; }
+
+.fa-external-link:before {
+  content: ""; }
+
+.fa-sign-in:before {
+  content: ""; }
+
+.fa-trophy:before {
+  content: ""; }
+
+.fa-github-square:before {
+  content: ""; }
+
+.fa-upload:before {
+  content: ""; }
+
+.fa-lemon-o:before {
+  content: ""; }
+
+.fa-phone:before {
+  content: ""; }
+
+.fa-square-o:before {
+  content: ""; }
+
+.fa-bookmark-o:before {
+  content: ""; }
+
+.fa-phone-square:before {
+  content: ""; }
+
+.fa-twitter:before {
+  content: ""; }
+
+.fa-facebook-f:before,
+.fa-facebook:before {
+  content: ""; }
+
+.fa-github:before {
+  content: ""; }
+
+.fa-unlock:before {
+  content: ""; }
+
+.fa-credit-card:before {
+  content: ""; }
+
+.fa-feed:before,
+.fa-rss:before {
+  content: ""; }
+
+.fa-hdd-o:before {
+  content: ""; }
+
+.fa-bullhorn:before {
+  content: ""; }
+
+.fa-bell:before {
+  content: ""; }
+
+.fa-certificate:before {
+  content: ""; }
+
+.fa-hand-o-right:before {
+  content: ""; }
+
+.fa-hand-o-left:before {
+  content: ""; }
+
+.fa-hand-o-up:before {
+  content: ""; }
+
+.fa-hand-o-down:before {
+  content: ""; }
+
+.fa-arrow-circle-left:before {
+  content: ""; }
+
+.fa-arrow-circle-right:before {
+  content: ""; }
+
+.fa-arrow-circle-up:before {
+  content: ""; }
+
+.fa-arrow-circle-down:before {
+  content: ""; }
+
+.fa-globe:before {
+  content: ""; }
+
+.fa-wrench:before {
+  content: ""; }
+
+.fa-tasks:before {
+  content: ""; }
+
+.fa-filter:before {
+  content: ""; }
+
+.fa-briefcase:before {
+  content: ""; }
+
+.fa-arrows-alt:before {
+  content: ""; }
+
+.fa-group:before,
+.fa-users:before {
+  content: ""; }
+
+.fa-chain:before,
+.fa-link:before {
+  content: ""; }
+
+.fa-cloud:before {
+  content: ""; }
+
+.fa-flask:before {
+  content: ""; }
+
+.fa-cut:before,
+.fa-scissors:before {
+  content: ""; }
+
+.fa-copy:before,
+.fa-files-o:before {
+  content: ""; }
+
+.fa-paperclip:before {
+  content: ""; }
+
+.fa-save:before,
+.fa-floppy-o:before {
+  content: ""; }
+
+.fa-square:before {
+  content: ""; }
+
+.fa-navicon:before,
+.fa-reorder:before,
+.fa-bars:before {
+  content: ""; }
+
+.fa-list-ul:before {
+  content: ""; }
+
+.fa-list-ol:before {
+  content: ""; }
+
+.fa-strikethrough:before {
+  content: ""; }
+
+.fa-underline:before {
+  content: ""; }
+
+.fa-table:before {
+  content: ""; }
+
+.fa-magic:before {
+  content: ""; }
+
+.fa-truck:before {
+  content: ""; }
+
+.fa-pinterest:before {
+  content: ""; }
+
+.fa-pinterest-square:before {
+  content: ""; }
+
+.fa-google-plus-square:before {
+  content: ""; }
+
+.fa-google-plus:before {
+  content: ""; }
+
+.fa-money:before {
+  content: ""; }
+
+.fa-caret-down:before {
+  content: ""; }
+
+.fa-caret-up:before {
+  content: ""; }
+
+.fa-caret-left:before {
+  content: ""; }
+
+.fa-caret-right:before {
+  content: ""; }
+
+.fa-columns:before {
+  content: ""; }
+
+.fa-unsorted:before,
+.fa-sort:before {
+  content: ""; }
+
+.fa-sort-down:before,
+.fa-sort-desc:before {
+  content: ""; }
+
+.fa-sort-up:before,
+.fa-sort-asc:before {
+  content: ""; }
+
+.fa-envelope:before {
+  content: ""; }
+
+.fa-linkedin:before {
+  content: ""; }
+
+.fa-rotate-left:before,
+.fa-undo:before {
+  content: ""; }
+
+.fa-legal:before,
+.fa-gavel:before {
+  content: ""; }
+
+.fa-dashboard:before,
+.fa-tachometer:before {
+  content: ""; }
+
+.fa-comment-o:before {
+  content: ""; }
+
+.fa-comments-o:before {
+  content: ""; }
+
+.fa-flash:before,
+.fa-bolt:before {
+  content: ""; }
+
+.fa-sitemap:before {
+  content: ""; }
+
+.fa-umbrella:before {
+  content: ""; }
+
+.fa-paste:before,
+.fa-clipboard:before {
+  content: ""; }
+
+.fa-lightbulb-o:before {
+  content: ""; }
+
+.fa-exchange:before {
+  content: ""; }
+
+.fa-cloud-download:before {
+  content: ""; }
+
+.fa-cloud-upload:before {
+  content: ""; }
+
+.fa-user-md:before {
+  content: ""; }
+
+.fa-stethoscope:before {
+  content: ""; }
+
+.fa-suitcase:before {
+  content: ""; }
+
+.fa-bell-o:before {
+  content: ""; }
+
+.fa-coffee:before {
+  content: ""; }
+
+.fa-cutlery:before {
+  content: ""; }
+
+.fa-file-text-o:before {
+  content: ""; }
+
+.fa-building-o:before {
+  content: ""; }
+
+.fa-hospital-o:before {
+  content: ""; }
+
+.fa-ambulance:before {
+  content: ""; }
+
+.fa-medkit:before {
+  content: ""; }
+
+.fa-fighter-jet:before {
+  content: ""; }
+
+.fa-beer:before {
+  content: ""; }
+
+.fa-h-square:before {
+  content: ""; }
+
+.fa-plus-square:before {
+  content: ""; }
+
+.fa-angle-double-left:before {
+  content: ""; }
+
+.fa-angle-double-right:before {
+  content: ""; }
+
+.fa-angle-double-up:before {
+  content: ""; }
+
+.fa-angle-double-down:before {
+  content: ""; }
+
+.fa-angle-left:before {
+  content: ""; }
+
+.fa-angle-right:before {
+  content: ""; }
+
+.fa-angle-up:before {
+  content: ""; }
+
+.fa-angle-down:before {
+  content: ""; }
+
+.fa-desktop:before {
+  content: ""; }
+
+.fa-laptop:before {
+  content: ""; }
+
+.fa-tablet:before {
+  content: ""; }
+
+.fa-mobile-phone:before,
+.fa-mobile:before {
+  content: ""; }
+
+.fa-circle-o:before {
+  content: ""; }
+
+.fa-quote-left:before {
+  content: ""; }
+
+.fa-quote-right:before {
+  content: ""; }
+
+.fa-spinner:before {
+  content: ""; }
+
+.fa-circle:before {
+  content: ""; }
+
+.fa-mail-reply:before,
+.fa-reply:before {
+  content: ""; }
+
+.fa-github-alt:before {
+  content: ""; }
+
+.fa-folder-o:before {
+  content: ""; }
+
+.fa-folder-open-o:before {
+  content: ""; }
+
+.fa-smile-o:before {
+  content: ""; }
+
+.fa-frown-o:before {
+  content: ""; }
+
+.fa-meh-o:before {
+  content: ""; }
+
+.fa-gamepad:before {
+  content: ""; }
+
+.fa-keyboard-o:before {
+  content: ""; }
+
+.fa-flag-o:before {
+  content: ""; }
+
+.fa-flag-checkered:before {
+  content: ""; }
+
+.fa-terminal:before {
+  content: ""; }
+
+.fa-code:before {
+  content: ""; }
+
+.fa-mail-reply-all:before,
+.fa-reply-all:before {
+  content: ""; }
+
+.fa-star-half-empty:before,
+.fa-star-half-full:before,
+.fa-star-half-o:before {
+  content: ""; }
+
+.fa-location-arrow:before {
+  content: ""; }
+
+.fa-crop:before {
+  content: ""; }
+
+.fa-code-fork:before {
+  content: ""; }
+
+.fa-unlink:before,
+.fa-chain-broken:before {
+  content: ""; }
+
+.fa-question:before {
+  content: ""; }
+
+.fa-info:before {
+  content: ""; }
+
+.fa-exclamation:before {
+  content: ""; }
+
+.fa-superscript:before {
+  content: ""; }
+
+.fa-subscript:before {
+  content: ""; }
+
+.fa-eraser:before {
+  content: ""; }
+
+.fa-puzzle-piece:before {
+  content: ""; }
+
+.fa-microphone:before {
+  content: ""; }
+
+.fa-microphone-slash:before {
+  content: ""; }
+
+.fa-shield:before {
+  content: ""; }
+
+.fa-calendar-o:before {
+  content: ""; }
+
+.fa-fire-extinguisher:before {
+  content: ""; }
+
+.fa-rocket:before {
+  content: ""; }
+
+.fa-maxcdn:before {
+  content: ""; }
+
+.fa-chevron-circle-left:before {
+  content: ""; }
+
+.fa-chevron-circle-right:before {
+  content: ""; }
+
+.fa-chevron-circle-up:before {
+  content: ""; }
+
+.fa-chevron-circle-down:before {
+  content: ""; }
+
+.fa-html5:before {
+  content: ""; }
+
+.fa-css3:before {
+  content: ""; }
+
+.fa-anchor:before {
+  content: ""; }
+
+.fa-unlock-alt:before {
+  content: ""; }
+
+.fa-bullseye:before {
+  content: ""; }
+
+.fa-ellipsis-h:before {
+  content: ""; }
+
+.fa-ellipsis-v:before {
+  content: ""; }
+
+.fa-rss-square:before {
+  content: ""; }
+
+.fa-play-circle:before {
+  content: ""; }
+
+.fa-ticket:before {
+  content: ""; }
+
+.fa-minus-square:before {
+  content: ""; }
+
+.fa-minus-square-o:before {
+  content: ""; }
+
+.fa-level-up:before {
+  content: ""; }
+
+.fa-level-down:before {
+  content: ""; }
+
+.fa-check-square:before {
+  content: ""; }
+
+.fa-pencil-square:before {
+  content: ""; }
+
+.fa-external-link-square:before {
+  content: ""; }
+
+.fa-share-square:before {
+  content: ""; }
+
+.fa-compass:before {
+  content: ""; }
+
+.fa-toggle-down:before,
+.fa-caret-square-o-down:before {
+  content: ""; }
+
+.fa-toggle-up:before,
+.fa-caret-square-o-up:before {
+  content: ""; }
+
+.fa-toggle-right:before,
+.fa-caret-square-o-right:before {
+  content: ""; }
+
+.fa-euro:before,
+.fa-eur:before {
+  content: ""; }
+
+.fa-gbp:before {
+  content: ""; }
+
+.fa-dollar:before,
+.fa-usd:before {
+  content: ""; }
+
+.fa-rupee:before,
+.fa-inr:before {
+  content: ""; }
+
+.fa-cny:before,
+.fa-rmb:before,
+.fa-yen:before,
+.fa-jpy:before {
+  content: ""; }
+
+.fa-ruble:before,
+.fa-rouble:before,
+.fa-rub:before {
+  content: ""; }
+
+.fa-won:before,
+.fa-krw:before {
+  content: ""; }
+
+.fa-bitcoin:before,
+.fa-btc:before {
+  content: ""; }
+
+.fa-file:before {
+  content: ""; }
+
+.fa-file-text:before {
+  content: ""; }
+
+.fa-sort-alpha-asc:before {
+  content: ""; }
+
+.fa-sort-alpha-desc:before {
+  content: ""; }
+
+.fa-sort-amount-asc:before {
+  content: ""; }
+
+.fa-sort-amount-desc:before {
+  content: ""; }
+
+.fa-sort-numeric-asc:before {
+  content: ""; }
+
+.fa-sort-numeric-desc:before {
+  content: ""; }
+
+.fa-thumbs-up:before {
+  content: ""; }
+
+.fa-thumbs-down:before {
+  content: ""; }
+
+.fa-youtube-square:before {
+  content: ""; }
+
+.fa-youtube:before {
+  content: ""; }
+
+.fa-xing:before {
+  content: ""; }
+
+.fa-xing-square:before {
+  content: ""; }
+
+.fa-youtube-play:before {
+  content: ""; }
+
+.fa-dropbox:before {
+  content: ""; }
+
+.fa-stack-overflow:before {
+  content: ""; }
+
+.fa-instagram:before {
+  content: ""; }
+
+.fa-flickr:before {
+  content: ""; }
+
+.fa-adn:before {
+  content: ""; }
+
+.fa-bitbucket:before {
+  content: ""; }
+
+.fa-bitbucket-square:before {
+  content: ""; }
+
+.fa-tumblr:before {
+  content: ""; }
+
+.fa-tumblr-square:before {
+  content: ""; }
+
+.fa-long-arrow-down:before {
+  content: ""; }
+
+.fa-long-arrow-up:before {
+  content: ""; }
+
+.fa-long-arrow-left:before {
+  content: ""; }
+
+.fa-long-arrow-right:before {
+  content: ""; }
+
+.fa-apple:before {
+  content: ""; }
+
+.fa-windows:before {
+  content: ""; }
+
+.fa-android:before {
+  content: ""; }
+
+.fa-linux:before {
+  content: ""; }
+
+.fa-dribbble:before {
+  content: ""; }
+
+.fa-skype:before {
+  content: ""; }
+
+.fa-foursquare:before {
+  content: ""; }
+
+.fa-trello:before {
+  content: ""; }
+
+.fa-female:before {
+  content: ""; }
+
+.fa-male:before {
+  content: ""; }
+
+.fa-gittip:before,
+.fa-gratipay:before {
+  content: ""; }
+
+.fa-sun-o:before {
+  content: ""; }
+
+.fa-moon-o:before {
+  content: ""; }
+
+.fa-archive:before {
+  content: ""; }
+
+.fa-bug:before {
+  content: ""; }
+
+.fa-vk:before {
+  content: ""; }
+
+.fa-weibo:before {
+  content: ""; }
+
+.fa-renren:before {
+  content: ""; }
+
+.fa-pagelines:before {
+  content: ""; }
+
+.fa-stack-exchange:before {
+  content: ""; }
+
+.fa-arrow-circle-o-right:before {
+  content: ""; }
+
+.fa-arrow-circle-o-left:before {
+  content: ""; }
+
+.fa-toggle-left:before,
+.fa-caret-square-o-left:before {
+  content: ""; }
+
+.fa-dot-circle-o:before {
+  content: ""; }
+
+.fa-wheelchair:before {
+  content: ""; }
+
+.fa-vimeo-square:before {
+  content: ""; }
+
+.fa-turkish-lira:before,
+.fa-try:before {
+  content: ""; }
+
+.fa-plus-square-o:before {
+  content: ""; }
+
+.fa-space-shuttle:before {
+  content: ""; }
+
+.fa-slack:before {
+  content: ""; }
+
+.fa-envelope-square:before {
+  content: ""; }
+
+.fa-wordpress:before {
+  content: ""; }
+
+.fa-openid:before {
+  content: ""; }
+
+.fa-institution:before,
+.fa-bank:before,
+.fa-university:before {
+  content: ""; }
+
+.fa-mortar-board:before,
+.fa-graduation-cap:before {
+  content: ""; }
+
+.fa-yahoo:before {
+  content: ""; }
+
+.fa-google:before {
+  content: ""; }
+
+.fa-reddit:before {
+  content: ""; }
+
+.fa-reddit-square:before {
+  content: ""; }
+
+.fa-stumbleupon-circle:before {
+  content: ""; }
+
+.fa-stumbleupon:before {
+  content: ""; }
+
+.fa-delicious:before {
+  content: ""; }
+
+.fa-digg:before {
+  content: ""; }
+
+.fa-pied-piper-pp:before {
+  content: ""; }
+
+.fa-pied-piper-alt:before {
+  content: ""; }
+
+.fa-drupal:before {
+  content: ""; }
+
+.fa-joomla:before {
+  content: ""; }
+
+.fa-language:before {
+  content: ""; }
+
+.fa-fax:before {
+  content: ""; }
+
+.fa-building:before {
+  content: ""; }
+
+.fa-child:before {
+  content: ""; }
+
+.fa-paw:before {
+  content: ""; }
+
+.fa-spoon:before {
+  content: ""; }
+
+.fa-cube:before {
+  content: ""; }
+
+.fa-cubes:before {
+  content: ""; }
+
+.fa-behance:before {
+  content: ""; }
+
+.fa-behance-square:before {
+  content: ""; }
+
+.fa-steam:before {
+  content: ""; }
+
+.fa-steam-square:before {
+  content: ""; }
+
+.fa-recycle:before {
+  content: ""; }
+
+.fa-automobile:before,
+.fa-car:before {
+  content: ""; }
+
+.fa-cab:before,
+.fa-taxi:before {
+  content: ""; }
+
+.fa-tree:before {
+  content: ""; }
+
+.fa-spotify:before {
+  content: ""; }
+
+.fa-deviantart:before {
+  content: ""; }
+
+.fa-soundcloud:before {
+  content: ""; }
+
+.fa-database:before {
+  content: ""; }
+
+.fa-file-pdf-o:before {
+  content: ""; }
+
+.fa-file-word-o:before {
+  content: ""; }
+
+.fa-file-excel-o:before {
+  content: ""; }
+
+.fa-file-powerpoint-o:before {
+  content: ""; }
+
+.fa-file-photo-o:before,
+.fa-file-picture-o:before,
+.fa-file-image-o:before {
+  content: ""; }
+
+.fa-file-zip-o:before,
+.fa-file-archive-o:before {
+  content: ""; }
+
+.fa-file-sound-o:before,
+.fa-file-audio-o:before {
+  content: ""; }
+
+.fa-file-movie-o:before,
+.fa-file-video-o:before {
+  content: ""; }
+
+.fa-file-code-o:before {
+  content: ""; }
+
+.fa-vine:before {
+  content: ""; }
+
+.fa-codepen:before {
+  content: ""; }
+
+.fa-jsfiddle:before {
+  content: ""; }
+
+.fa-life-bouy:before,
+.fa-life-buoy:before,
+.fa-life-saver:before,
+.fa-support:before,
+.fa-life-ring:before {
+  content: ""; }
+
+.fa-circle-o-notch:before {
+  content: ""; }
+
+.fa-ra:before,
+.fa-resistance:before,
+.fa-rebel:before {
+  content: ""; }
+
+.fa-ge:before,
+.fa-empire:before {
+  content: ""; }
+
+.fa-git-square:before {
+  content: ""; }
+
+.fa-git:before {
+  content: ""; }
+
+.fa-y-combinator-square:before,
+.fa-yc-square:before,
+.fa-hacker-news:before {
+  content: ""; }
+
+.fa-tencent-weibo:before {
+  content: ""; }
+
+.fa-qq:before {
+  content: ""; }
+
+.fa-wechat:before,
+.fa-weixin:before {
+  content: ""; }
+
+.fa-send:before,
+.fa-paper-plane:before {
+  content: ""; }
+
+.fa-send-o:before,
+.fa-paper-plane-o:before {
+  content: ""; }
+
+.fa-history:before {
+  content: ""; }
+
+.fa-circle-thin:before {
+  content: ""; }
+
+.fa-header:before {
+  content: ""; }
+
+.fa-paragraph:before {
+  content: ""; }
+
+.fa-sliders:before {
+  content: ""; }
+
+.fa-share-alt:before {
+  content: ""; }
+
+.fa-share-alt-square:before {
+  content: ""; }
+
+.fa-bomb:before {
+  content: ""; }
+
+.fa-soccer-ball-o:before,
+.fa-futbol-o:before {
+  content: ""; }
+
+.fa-tty:before {
+  content: ""; }
+
+.fa-binoculars:before {
+  content: ""; }
+
+.fa-plug:before {
+  content: ""; }
+
+.fa-slideshare:before {
+  content: ""; }
+
+.fa-twitch:before {
+  content: ""; }
+
+.fa-yelp:before {
+  content: ""; }
+
+.fa-newspaper-o:before {
+  content: ""; }
+
+.fa-wifi:before {
+  content: ""; }
+
+.fa-calculator:before {
+  content: ""; }
+
+.fa-paypal:before {
+  content: ""; }
+
+.fa-google-wallet:before {
+  content: ""; }
+
+.fa-cc-visa:before {
+  content: ""; }
+
+.fa-cc-mastercard:before {
+  content: ""; }
+
+.fa-cc-discover:before {
+  content: ""; }
+
+.fa-cc-amex:before {
+  content: ""; }
+
+.fa-cc-paypal:before {
+  content: ""; }
+
+.fa-cc-stripe:before {
+  content: ""; }
+
+.fa-bell-slash:before {
+  content: ""; }
+
+.fa-bell-slash-o:before {
+  content: ""; }
+
+.fa-trash:before {
+  content: ""; }
+
+.fa-copyright:before {
+  content: ""; }
+
+.fa-at:before {
+  content: ""; }
+
+.fa-eyedropper:before {
+  content: ""; }
+
+.fa-paint-brush:before {
+  content: ""; }
+
+.fa-birthday-cake:before {
+  content: ""; }
+
+.fa-area-chart:before {
+  content: ""; }
+
+.fa-pie-chart:before {
+  content: ""; }
+
+.fa-line-chart:before {
+  content: ""; }
+
+.fa-lastfm:before {
+  content: ""; }
+
+.fa-lastfm-square:before {
+  content: ""; }
+
+.fa-toggle-off:before {
+  content: ""; }
+
+.fa-toggle-on:before {
+  content: ""; }
+
+.fa-bicycle:before {
+  content: ""; }
+
+.fa-bus:before {
+  content: ""; }
+
+.fa-ioxhost:before {
+  content: ""; }
+
+.fa-angellist:before {
+  content: ""; }
+
+.fa-cc:before {
+  content: ""; }
+
+.fa-shekel:before,
+.fa-sheqel:before,
+.fa-ils:before {
+  content: ""; }
+
+.fa-meanpath:before {
+  content: ""; }
+
+.fa-buysellads:before {
+  content: ""; }
+
+.fa-connectdevelop:before {
+  content: ""; }
+
+.fa-dashcube:before {
+  content: ""; }
+
+.fa-forumbee:before {
+  content: ""; }
+
+.fa-leanpub:before {
+  content: ""; }
+
+.fa-sellsy:before {
+  content: ""; }
+
+.fa-shirtsinbulk:before {
+  content: ""; }
+
+.fa-simplybuilt:before {
+  content: ""; }
+
+.fa-skyatlas:before {
+  content: ""; }
+
+.fa-cart-plus:before {
+  content: ""; }
+
+.fa-cart-arrow-down:before {
+  content: ""; }
+
+.fa-diamond:before {
+  content: ""; }
+
+.fa-ship:before {
+  content: ""; }
+
+.fa-user-secret:before {
+  content: ""; }
+
+.fa-motorcycle:before {
+  content: ""; }
+
+.fa-street-view:before {
+  content: ""; }
+
+.fa-heartbeat:before {
+  content: ""; }
+
+.fa-venus:before {
+  content: ""; }
+
+.fa-mars:before {
+  content: ""; }
+
+.fa-mercury:before {
+  content: ""; }
+
+.fa-intersex:before,
+.fa-transgender:before {
+  content: ""; }
+
+.fa-transgender-alt:before {
+  content: ""; }
+
+.fa-venus-double:before {
+  content: ""; }
+
+.fa-mars-double:before {
+  content: ""; }
+
+.fa-venus-mars:before {
+  content: ""; }
+
+.fa-mars-stroke:before {
+  content: ""; }
+
+.fa-mars-stroke-v:before {
+  content: ""; }
+
+.fa-mars-stroke-h:before {
+  content: ""; }
+
+.fa-neuter:before {
+  content: ""; }
+
+.fa-genderless:before {
+  content: ""; }
+
+.fa-facebook-official:before {
+  content: ""; }
+
+.fa-pinterest-p:before {
+  content: ""; }
+
+.fa-whatsapp:before {
+  content: ""; }
+
+.fa-server:before {
+  content: ""; }
+
+.fa-user-plus:before {
+  content: ""; }
+
+.fa-user-times:before {
+  content: ""; }
+
+.fa-hotel:before,
+.fa-bed:before {
+  content: ""; }
+
+.fa-viacoin:before {
+  content: ""; }
+
+.fa-train:before {
+  content: ""; }
+
+.fa-subway:before {
+  content: ""; }
+
+.fa-medium:before {
+  content: ""; }
+
+.fa-yc:before,
+.fa-y-combinator:before {
+  content: ""; }
+
+.fa-optin-monster:before {
+  content: ""; }
+
+.fa-opencart:before {
+  content: ""; }
+
+.fa-expeditedssl:before {
+  content: ""; }
+
+.fa-battery-4:before,
+.fa-battery:before,
+.fa-battery-full:before {
+  content: ""; }
+
+.fa-battery-3:before,
+.fa-battery-three-quarters:before {
+  content: ""; }
+
+.fa-battery-2:before,
+.fa-battery-half:before {
+  content: ""; }
+
+.fa-battery-1:before,
+.fa-battery-quarter:before {
+  content: ""; }
+
+.fa-battery-0:before,
+.fa-battery-empty:before {
+  content: ""; }
+
+.fa-mouse-pointer:before {
+  content: ""; }
+
+.fa-i-cursor:before {
+  content: ""; }
+
+.fa-object-group:before {
+  content: ""; }
+
+.fa-object-ungroup:before {
+  content: ""; }
+
+.fa-sticky-note:before {
+  content: ""; }
+
+.fa-sticky-note-o:before {
+  content: ""; }
+
+.fa-cc-jcb:before {
+  content: ""; }
+
+.fa-cc-diners-club:before {
+  content: ""; }
+
+.fa-clone:before {
+  content: ""; }
+
+.fa-balance-scale:before {
+  content: ""; }
+
+.fa-hourglass-o:before {
+  content: ""; }
+
+.fa-hourglass-1:before,
+.fa-hourglass-start:before {
+  content: ""; }
+
+.fa-hourglass-2:before,
+.fa-hourglass-half:before {
+  content: ""; }
+
+.fa-hourglass-3:before,
+.fa-hourglass-end:before {
+  content: ""; }
+
+.fa-hourglass:before {
+  content: ""; }
+
+.fa-hand-grab-o:before,
+.fa-hand-rock-o:before {
+  content: ""; }
+
+.fa-hand-stop-o:before,
+.fa-hand-paper-o:before {
+  content: ""; }
+
+.fa-hand-scissors-o:before {
+  content: ""; }
+
+.fa-hand-lizard-o:before {
+  content: ""; }
+
+.fa-hand-spock-o:before {
+  content: ""; }
+
+.fa-hand-pointer-o:before {
+  content: ""; }
+
+.fa-hand-peace-o:before {
+  content: ""; }
+
+.fa-trademark:before {
+  content: ""; }
+
+.fa-registered:before {
+  content: ""; }
+
+.fa-creative-commons:before {
+  content: ""; }
+
+.fa-gg:before {
+  content: ""; }
+
+.fa-gg-circle:before {
+  content: ""; }
+
+.fa-tripadvisor:before {
+  content: ""; }
+
+.fa-odnoklassniki:before {
+  content: ""; }
+
+.fa-odnoklassniki-square:before {
+  content: ""; }
+
+.fa-get-pocket:before {
+  content: ""; }
+
+.fa-wikipedia-w:before {
+  content: ""; }
+
+.fa-safari:before {
+  content: ""; }
+
+.fa-chrome:before {
+  content: ""; }
+
+.fa-firefox:before {
+  content: ""; }
+
+.fa-opera:before {
+  content: ""; }
+
+.fa-internet-explorer:before {
+  content: ""; }
+
+.fa-tv:before,
+.fa-television:before {
+  content: ""; }
+
+.fa-contao:before {
+  content: ""; }
+
+.fa-500px:before {
+  content: ""; }
+
+.fa-amazon:before {
+  content: ""; }
+
+.fa-calendar-plus-o:before {
+  content: ""; }
+
+.fa-calendar-minus-o:before {
+  content: ""; }
+
+.fa-calendar-times-o:before {
+  content: ""; }
+
+.fa-calendar-check-o:before {
+  content: ""; }
+
+.fa-industry:before {
+  content: ""; }
+
+.fa-map-pin:before {
+  content: ""; }
+
+.fa-map-signs:before {
+  content: ""; }
+
+.fa-map-o:before {
+  content: ""; }
+
+.fa-map:before {
+  content: ""; }
+
+.fa-commenting:before {
+  content: ""; }
+
+.fa-commenting-o:before {
+  content: ""; }
+
+.fa-houzz:before {
+  content: ""; }
+
+.fa-vimeo:before {
+  content: ""; }
+
+.fa-black-tie:before {
+  content: ""; }
+
+.fa-fonticons:before {
+  content: ""; }
+
+.fa-reddit-alien:before {
+  content: ""; }
+
+.fa-edge:before {
+  content: ""; }
+
+.fa-credit-card-alt:before {
+  content: ""; }
+
+.fa-codiepie:before {
+  content: ""; }
+
+.fa-modx:before {
+  content: ""; }
+
+.fa-fort-awesome:before {
+  content: ""; }
+
+.fa-usb:before {
+  content: ""; }
+
+.fa-product-hunt:before {
+  content: ""; }
+
+.fa-mixcloud:before {
+  content: ""; }
+
+.fa-scribd:before {
+  content: ""; }
+
+.fa-pause-circle:before {
+  content: ""; }
+
+.fa-pause-circle-o:before {
+  content: ""; }
+
+.fa-stop-circle:before {
+  content: ""; }
+
+.fa-stop-circle-o:before {
+  content: ""; }
+
+.fa-shopping-bag:before {
+  content: ""; }
+
+.fa-shopping-basket:before {
+  content: ""; }
+
+.fa-hashtag:before {
+  content: ""; }
+
+.fa-bluetooth:before {
+  content: ""; }
+
+.fa-bluetooth-b:before {
+  content: ""; }
+
+.fa-percent:before {
+  content: ""; }
+
+.fa-gitlab:before {
+  content: ""; }
+
+.fa-wpbeginner:before {
+  content: ""; }
+
+.fa-wpforms:before {
+  content: ""; }
+
+.fa-envira:before {
+  content: ""; }
+
+.fa-universal-access:before {
+  content: ""; }
+
+.fa-wheelchair-alt:before {
+  content: ""; }
+
+.fa-question-circle-o:before {
+  content: ""; }
+
+.fa-blind:before {
+  content: ""; }
+
+.fa-audio-description:before {
+  content: ""; }
+
+.fa-volume-control-phone:before {
+  content: ""; }
+
+.fa-braille:before {
+  content: ""; }
+
+.fa-assistive-listening-systems:before {
+  content: ""; }
+
+.fa-asl-interpreting:before,
+.fa-american-sign-language-interpreting:before {
+  content: ""; }
+
+.fa-deafness:before,
+.fa-hard-of-hearing:before,
+.fa-deaf:before {
+  content: ""; }
+
+.fa-glide:before {
+  content: ""; }
+
+.fa-glide-g:before {
+  content: ""; }
+
+.fa-signing:before,
+.fa-sign-language:before {
+  content: ""; }
+
+.fa-low-vision:before {
+  content: ""; }
+
+.fa-viadeo:before {
+  content: ""; }
+
+.fa-viadeo-square:before {
+  content: ""; }
+
+.fa-snapchat:before {
+  content: ""; }
+
+.fa-snapchat-ghost:before {
+  content: ""; }
+
+.fa-snapchat-square:before {
+  content: ""; }
+
+.fa-pied-piper:before {
+  content: ""; }
+
+.fa-first-order:before {
+  content: ""; }
+
+.fa-yoast:before {
+  content: ""; }
+
+.fa-themeisle:before {
+  content: ""; }
+
+.fa-google-plus-circle:before,
+.fa-google-plus-official:before {
+  content: ""; }
+
+.fa-fa:before,
+.fa-font-awesome:before {
+  content: ""; }
+
+.fa-handshake-o:before {
+  content: ""; }
+
+.fa-envelope-open:before {
+  content: ""; }
+
+.fa-envelope-open-o:before {
+  content: ""; }
+
+.fa-linode:before {
+  content: ""; }
+
+.fa-address-book:before {
+  content: ""; }
+
+.fa-address-book-o:before {
+  content: ""; }
+
+.fa-vcard:before,
+.fa-address-card:before {
+  content: ""; }
+
+.fa-vcard-o:before,
+.fa-address-card-o:before {
+  content: ""; }
+
+.fa-user-circle:before {
+  content: ""; }
+
+.fa-user-circle-o:before {
+  content: ""; }
+
+.fa-user-o:before {
+  content: ""; }
+
+.fa-id-badge:before {
+  content: ""; }
+
+.fa-drivers-license:before,
+.fa-id-card:before {
+  content: ""; }
+
+.fa-drivers-license-o:before,
+.fa-id-card-o:before {
+  content: ""; }
+
+.fa-quora:before {
+  content: ""; }
+
+.fa-free-code-camp:before {
+  content: ""; }
+
+.fa-telegram:before {
+  content: ""; }
+
+.fa-thermometer-4:before,
+.fa-thermometer:before,
+.fa-thermometer-full:before {
+  content: ""; }
+
+.fa-thermometer-3:before,
+.fa-thermometer-three-quarters:before {
+  content: ""; }
+
+.fa-thermometer-2:before,
+.fa-thermometer-half:before {
+  content: ""; }
+
+.fa-thermometer-1:before,
+.fa-thermometer-quarter:before {
+  content: ""; }
+
+.fa-thermometer-0:before,
+.fa-thermometer-empty:before {
+  content: ""; }
+
+.fa-shower:before {
+  content: ""; }
+
+.fa-bathtub:before,
+.fa-s15:before,
+.fa-bath:before {
+  content: ""; }
+
+.fa-podcast:before {
+  content: ""; }
+
+.fa-window-maximize:before {
+  content: ""; }
+
+.fa-window-minimize:before {
+  content: ""; }
+
+.fa-window-restore:before {
+  content: ""; }
+
+.fa-times-rectangle:before,
+.fa-window-close:before {
+  content: ""; }
+
+.fa-times-rectangle-o:before,
+.fa-window-close-o:before {
+  content: ""; }
+
+.fa-bandcamp:before {
+  content: ""; }
+
+.fa-grav:before {
+  content: ""; }
+
+.fa-etsy:before {
+  content: ""; }
+
+.fa-imdb:before {
+  content: ""; }
+
+.fa-ravelry:before {
+  content: ""; }
+
+.fa-eercast:before {
+  content: ""; }
+
+.fa-microchip:before {
+  content: ""; }
+
+.fa-snowflake-o:before {
+  content: ""; }
+
+.fa-superpowers:before {
+  content: ""; }
+
+.fa-wpexplorer:before {
+  content: ""; }
+
+.fa-meetup:before {
+  content: ""; }
+
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  margin: -1px;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  border: 0; }
+
+.sr-only-focusable:active, .sr-only-focusable:focus {
+  position: static;
+  width: auto;
+  height: auto;
+  margin: 0;
+  overflow: visible;
+  clip: auto; }
+
+/*!
+ * Bootstrap v4.0.0 (https://getbootstrap.com)
+ * Copyright 2011-2018 The Bootstrap Authors
+ * Copyright 2011-2018 Twitter, Inc.
+ * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
+ */
+:root {
+  --blue: #1177d1;
+  --indigo: #6610f2;
+  --purple: #613d7c;
+  --pink: #e83e8c;
+  --red: #d9534f;
+  --orange: #f0ad4e;
+  --yellow: #ff7518;
+  --green: #5cb85c;
+  --teal: #20c997;
+  --cyan: #5bc0de;
+  --white: #fff;
+  --gray: #868e96;
+  --gray-dark: #373a3c;
+  --primary: #1177d1;
+  --secondary: #ced4da;
+  --success: #5cb85c;
+  --info: #5bc0de;
+  --warning: #f0ad4e;
+  --danger: #d9534f;
+  --light: #f8f9fa;
+  --dark: #373a3c;
+  --breakpoint-xs: 0;
+  --breakpoint-sm: 576px;
+  --breakpoint-md: 768px;
+  --breakpoint-lg: 992px;
+  --breakpoint-xl: 1200px;
+  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
+
+*,
+*::before,
+*::after {
+  box-sizing: border-box; }
+
+html {
+  font-family: sans-serif;
+  line-height: 1.15;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%;
+  -ms-overflow-style: scrollbar;
+  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
+
+@-ms-viewport {
+  width: device-width; }
+
+article, aside, dialog, figcaption, figure, footer, header, hgroup, main, nav, section {
+  display: block; }
+
+body {
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-size: 0.9375rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #373a3c;
+  text-align: left;
+  background-color: #fff; }
+
+[tabindex="-1"]:focus {
+  outline: 0 !important; }
+
+hr {
+  box-sizing: content-box;
+  height: 0;
+  overflow: visible; }
+
+h1, h2, h3, h4, h5, h6 {
+  margin-top: 0;
+  margin-bottom: 0.5rem; }
+
+p {
+  margin-top: 0;
+  margin-bottom: 1rem; }
+
+abbr[title],
+abbr[data-original-title] {
+  text-decoration: underline;
+  text-decoration: underline dotted;
+  cursor: help;
+  border-bottom: 0; }
+
+address {
+  margin-bottom: 1rem;
+  font-style: normal;
+  line-height: inherit; }
+
+ol,
+ul,
+dl {
+  margin-top: 0;
+  margin-bottom: 1rem; }
+
+ol ol,
+ul ul,
+ol ul,
+ul ol {
+  margin-bottom: 0; }
+
+dt {
+  font-weight: 700; }
+
+dd {
+  margin-bottom: .5rem;
+  margin-left: 0; }
+
+blockquote {
+  margin: 0 0 1rem; }
+
+dfn {
+  font-style: italic; }
+
+b,
+strong {
+  font-weight: bolder; }
+
+small {
+  font-size: 80%; }
+
+sub,
+sup {
+  position: relative;
+  font-size: 75%;
+  line-height: 0;
+  vertical-align: baseline; }
+
+sub {
+  bottom: -.25em; }
+
+sup {
+  top: -.5em; }
+
+a {
+  color: #1177d1;
+  text-decoration: none;
+  background-color: transparent;
+  -webkit-text-decoration-skip: objects; }
+  a:hover {
+    color: #0b4f8a;
+    text-decoration: underline; }
+
+a:not([href]):not([tabindex]) {
+  color: inherit;
+  text-decoration: none; }
+  a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
+    color: inherit;
+    text-decoration: none; }
+  a:not([href]):not([tabindex]):focus {
+    outline: 0; }
+
+pre,
+code,
+kbd,
+samp {
+  font-family: monospace, monospace;
+  font-size: 1em; }
+
+pre {
+  margin-top: 0;
+  margin-bottom: 1rem;
+  overflow: auto;
+  -ms-overflow-style: scrollbar; }
+
+figure {
+  margin: 0 0 1rem; }
+
+img {
+  vertical-align: middle;
+  border-style: none; }
+
+svg:not(:root) {
+  overflow: hidden; }
+
+table {
+  border-collapse: collapse; }
+
+caption {
+  padding-top: 0.75rem;
+  padding-bottom: 0.75rem;
+  color: #868e96;
+  text-align: left;
+  caption-side: bottom; }
+
+th {
+  text-align: inherit; }
+
+label {
+  display: inline-block;
+  margin-bottom: .5rem; }
+
+button {
+  border-radius: 0; }
+
+button:focus {
+  outline: 1px dotted;
+  outline: 5px auto -webkit-focus-ring-color; }
+
+input,
+button,
+select,
+optgroup,
+textarea {
+  margin: 0;
+  font-family: inherit;
+  font-size: inherit;
+  line-height: inherit; }
+
+button,
+input {
+  overflow: visible; }
+
+button,
+select {
+  text-transform: none; }
+
+button,
+html [type="button"],
+[type="reset"],
+[type="submit"] {
+  -webkit-appearance: button; }
+
+button::-moz-focus-inner,
+[type="button"]::-moz-focus-inner,
+[type="reset"]::-moz-focus-inner,
+[type="submit"]::-moz-focus-inner {
+  padding: 0;
+  border-style: none; }
+
+input[type="radio"],
+input[type="checkbox"] {
+  box-sizing: border-box;
+  padding: 0; }
+
+input[type="date"],
+input[type="time"],
+input[type="datetime-local"],
+input[type="month"] {
+  -webkit-appearance: listbox; }
+
+textarea {
+  overflow: auto;
+  resize: vertical; }
+
+fieldset {
+  min-width: 0;
+  padding: 0;
+  margin: 0;
+  border: 0; }
+
+legend {
+  display: block;
+  width: 100%;
+  max-width: 100%;
+  padding: 0;
+  margin-bottom: .5rem;
+  font-size: 1.5rem;
+  line-height: inherit;
+  color: inherit;
+  white-space: normal; }
+
+progress {
+  vertical-align: baseline; }
+
+[type="number"]::-webkit-inner-spin-button,
+[type="number"]::-webkit-outer-spin-button {
+  height: auto; }
+
+[type="search"] {
+  outline-offset: -2px;
+  -webkit-appearance: none; }
+
+[type="search"]::-webkit-search-cancel-button,
+[type="search"]::-webkit-search-decoration {
+  -webkit-appearance: none; }
+
+::-webkit-file-upload-button {
+  font: inherit;
+  -webkit-appearance: button; }
+
+output {
+  display: inline-block; }
+
+summary {
+  display: list-item;
+  cursor: pointer; }
+
+template {
+  display: none; }
+
+[hidden] {
+  display: none !important; }
+
+h1, h2, h3, h4, h5, h6,
+.h1, .h2, .path-calendar .maincalendar .calendar-controls .current, .h3, .h4, .h5, .h6 {
+  margin-bottom: 0.5rem;
+  font-family: inherit;
+  font-weight: 300;
+  line-height: 1.2;
+  color: inherit; }
+
+h1, .h1 {
+  font-size: 2.34375rem; }
+
+h2, .h2, .path-calendar .maincalendar .calendar-controls .current {
+  font-size: 1.875rem; }
+
+h3, .h3 {
+  font-size: 1.640625rem; }
+
+h4, .h4 {
+  font-size: 1.40625rem; }
+
+h5, .h5 {
+  font-size: 1.171875rem; }
+
+h6, .h6 {
+  font-size: 0.9375rem; }
+
+.lead, .userprofile .profile_tree section h3 {
+  font-size: 1.171875rem;
+  font-weight: 300; }
+
+.display-1 {
+  font-size: 6rem;
+  font-weight: 300;
+  line-height: 1.2; }
+
+.display-2 {
+  font-size: 5.5rem;
+  font-weight: 300;
+  line-height: 1.2; }
+
+.display-3 {
+  font-size: 4.5rem;
+  font-weight: 300;
+  line-height: 1.2; }
+
+.display-4 {
+  font-size: 3.5rem;
+  font-weight: 300;
+  line-height: 1.2; }
+
+hr {
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  border: 0;
+  border-top: 1px solid rgba(0, 0, 0, 0.1); }
+
+small,
+.small,
+#page-admin-search .adminpagepath li {
+  font-size: 80%;
+  font-weight: 400; }
+
+mark,
+.mark {
+  padding: 0.2em;
+  background-color: #fcf8e3; }
+
+.list-unstyled {
+  padding-left: 0;
+  list-style: none; }
+
+.list-inline {
+  padding-left: 0;
+  list-style: none; }
+
+.list-inline-item {
+  display: inline-block; }
+  .list-inline-item:not(:last-child) {
+    margin-right: 0.5rem; }
+
+.initialism {
+  font-size: 90%;
+  text-transform: uppercase; }
+
+.blockquote {
+  margin-bottom: 1rem;
+  font-size: 1.171875rem; }
+
+.blockquote-footer {
+  display: block;
+  font-size: 80%;
+  color: #868e96; }
+  .blockquote-footer::before {
+    content: "\2014 \00A0"; }
+
+.img-fluid, .img-responsive {
+  max-width: 100%;
+  height: auto; }
+
+.img-thumbnail {
+  padding: 0.25rem;
+  background-color: #fff;
+  border: 1px solid #dee2e6;
+  max-width: 100%;
+  height: auto; }
+
+.figure {
+  display: inline-block; }
+
+.figure-img {
+  margin-bottom: 0.5rem;
+  line-height: 1; }
+
+.figure-caption {
+  font-size: 90%;
+  color: #868e96; }
+
+code,
+kbd,
+pre,
+samp {
+  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; }
+
+code {
+  font-size: 87.5%;
+  color: #e83e8c;
+  word-break: break-word; }
+  a > code {
+    color: inherit; }
+
+kbd {
+  padding: 0.2rem 0.4rem;
+  font-size: 87.5%;
+  color: #fff;
+  background-color: #212529; }
+  kbd kbd {
+    padding: 0;
+    font-size: 100%;
+    font-weight: 700; }
+
+pre {
+  display: block;
+  font-size: 87.5%;
+  color: #212529; }
+  pre code {
+    font-size: inherit;
+    color: inherit;
+    word-break: normal; }
+
+.pre-scrollable {
+  max-height: 340px;
+  overflow-y: scroll; }
+
+.container {
+  width: 100%;
+  padding-right: 15px;
+  padding-left: 15px;
+  margin-right: auto;
+  margin-left: auto; }
+  @media (min-width: 576px) {
+    .container {
+      max-width: 540px; } }
+  @media (min-width: 768px) {
+    .container {
+      max-width: 720px; } }
+  @media (min-width: 992px) {
+    .container {
+      max-width: 960px; } }
+  @media (min-width: 1200px) {
+    .container {
+      max-width: 1140px; } }
+
+.container-fluid {
+  width: 100%;
+  padding-right: 15px;
+  padding-left: 15px;
+  margin-right: auto;
+  margin-left: auto; }
+
+.row {
+  display: flex;
+  flex-wrap: wrap;
+  margin-right: -15px;
+  margin-left: -15px; }
+
+.no-gutters {
+  margin-right: 0;
+  margin-left: 0; }
+  .no-gutters > .col,
+  .no-gutters > [class*="col-"] {
+    padding-right: 0;
+    padding-left: 0; }
+
+.col-1, .col-xs-1, .col-2, .col-xs-2, .col-3, .col-xs-3, .col-4, .col-xs-4, .col-5, .col-xs-5, .col-6, .col-xs-6, .col-7, .col-xs-7, .col-8, .col-xs-8, .col-9, .col-xs-9, .col-10, .col-xs-10, .col-11, .col-xs-11, .col-12, .col-xs-12, .col,
+.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
+.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
+.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
+.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
+.col-xl-auto {
+  position: relative;
+  width: 100%;
+  min-height: 1px;
+  padding-right: 15px;
+  padding-left: 15px; }
+
+.col {
+  flex-basis: 0;
+  flex-grow: 1;
+  max-width: 100%; }
+
+.col-auto {
+  flex: 0 0 auto;
+  width: auto;
+  max-width: none; }
+
+.col-1, .col-xs-1 {
+  flex: 0 0 8.3333333333%;
+  max-width: 8.3333333333%; }
+
+.col-2, .col-xs-2 {
+  flex: 0 0 16.6666666667%;
+  max-width: 16.6666666667%; }
+
+.col-3, .col-xs-3 {
+  flex: 0 0 25%;
+  max-width: 25%; }
+
+.col-4, .col-xs-4 {
+  flex: 0 0 33.3333333333%;
+  max-width: 33.3333333333%; }
+
+.col-5, .col-xs-5 {
+  flex: 0 0 41.6666666667%;
+  max-width: 41.6666666667%; }
+
+.col-6, .col-xs-6 {
+  flex: 0 0 50%;
+  max-width: 50%; }
+
+.col-7, .col-xs-7 {
+  flex: 0 0 58.3333333333%;
+  max-width: 58.3333333333%; }
+
+.col-8, .col-xs-8 {
+  flex: 0 0 66.6666666667%;
+  max-width: 66.6666666667%; }
+
+.col-9, .col-xs-9 {
+  flex: 0 0 75%;
+  max-width: 75%; }
+
+.col-10, .col-xs-10 {
+  flex: 0 0 83.3333333333%;
+  max-width: 83.3333333333%; }
+
+.col-11, .col-xs-11 {
+  flex: 0 0 91.6666666667%;
+  max-width: 91.6666666667%; }
+
+.col-12, .col-xs-12 {
+  flex: 0 0 100%;
+  max-width: 100%; }
+
+.order-first {
+  order: -1; }
+
+.order-last {
+  order: 13; }
+
+.order-0 {
+  order: 0; }
+
+.order-1 {
+  order: 1; }
+
+.order-2 {
+  order: 2; }
+
+.order-3 {
+  order: 3; }
+
+.order-4 {
+  order: 4; }
+
+.order-5 {
+  order: 5; }
+
+.order-6 {
+  order: 6; }
+
+.order-7 {
+  order: 7; }
+
+.order-8 {
+  order: 8; }
+
+.order-9 {
+  order: 9; }
+
+.order-10 {
+  order: 10; }
+
+.order-11 {
+  order: 11; }
+
+.order-12 {
+  order: 12; }
+
+.offset-1 {
+  margin-left: 8.3333333333%; }
+
+.offset-2 {
+  margin-left: 16.6666666667%; }
+
+.offset-3 {
+  margin-left: 25%; }
+
+.offset-4 {
+  margin-left: 33.3333333333%; }
+
+.offset-5 {
+  margin-left: 41.6666666667%; }
+
+.offset-6 {
+  margin-left: 50%; }
+
+.offset-7 {
+  margin-left: 58.3333333333%; }
+
+.offset-8 {
+  margin-left: 66.6666666667%; }
+
+.offset-9 {
+  margin-left: 75%; }
+
+.offset-10 {
+  margin-left: 83.3333333333%; }
+
+.offset-11 {
+  margin-left: 91.6666666667%; }
+
+@media (min-width: 576px) {
+  .col-sm {
+    flex-basis: 0;
+    flex-grow: 1;
+    max-width: 100%; }
+  .col-sm-auto {
+    flex: 0 0 auto;
+    width: auto;
+    max-width: none; }
+  .col-sm-1 {
+    flex: 0 0 8.3333333333%;
+    max-width: 8.3333333333%; }
+  .col-sm-2 {
+    flex: 0 0 16.6666666667%;
+    max-width: 16.6666666667%; }
+  .col-sm-3 {
+    flex: 0 0 25%;
+    max-width: 25%; }
+  .col-sm-4 {
+    flex: 0 0 33.3333333333%;
+    max-width: 33.3333333333%; }
+  .col-sm-5 {
+    flex: 0 0 41.6666666667%;
+    max-width: 41.6666666667%; }
+  .col-sm-6 {
+    flex: 0 0 50%;
+    max-width: 50%; }
+  .col-sm-7 {
+    flex: 0 0 58.3333333333%;
+    max-width: 58.3333333333%; }
+  .col-sm-8 {
+    flex: 0 0 66.6666666667%;
+    max-width: 66.6666666667%; }
+  .col-sm-9 {
+    flex: 0 0 75%;
+    max-width: 75%; }
+  .col-sm-10 {
+    flex: 0 0 83.3333333333%;
+    max-width: 83.3333333333%; }
+  .col-sm-11 {
+    flex: 0 0 91.6666666667%;
+    max-width: 91.6666666667%; }
+  .col-sm-12 {
+    flex: 0 0 100%;
+    max-width: 100%; }
+  .order-sm-first {
+    order: -1; }
+  .order-sm-last {
+    order: 13; }
+  .order-sm-0 {
+    order: 0; }
+  .order-sm-1 {
+    order: 1; }
+  .order-sm-2 {
+    order: 2; }
+  .order-sm-3 {
+    order: 3; }
+  .order-sm-4 {
+    order: 4; }
+  .order-sm-5 {
+    order: 5; }
+  .order-sm-6 {
+    order: 6; }
+  .order-sm-7 {
+    order: 7; }
+  .order-sm-8 {
+    order: 8; }
+  .order-sm-9 {
+    order: 9; }
+  .order-sm-10 {
+    order: 10; }
+  .order-sm-11 {
+    order: 11; }
+  .order-sm-12 {
+    order: 12; }
+  .offset-sm-0 {
+    margin-left: 0; }
+  .offset-sm-1 {
+    margin-left: 8.3333333333%; }
+  .offset-sm-2 {
+    margin-left: 16.6666666667%; }
+  .offset-sm-3 {
+    margin-left: 25%; }
+  .offset-sm-4 {
+    margin-left: 33.3333333333%; }
+  .offset-sm-5 {
+    margin-left: 41.6666666667%; }
+  .offset-sm-6 {
+    margin-left: 50%; }
+  .offset-sm-7 {
+    margin-left: 58.3333333333%; }
+  .offset-sm-8 {
+    margin-left: 66.6666666667%; }
+  .offset-sm-9 {
+    margin-left: 75%; }
+  .offset-sm-10 {
+    margin-left: 83.3333333333%; }
+  .offset-sm-11 {
+    margin-left: 91.6666666667%; } }
+
+@media (min-width: 768px) {
+  .col-md {
+    flex-basis: 0;
+    flex-grow: 1;
+    max-width: 100%; }
+  .col-md-auto {
+    flex: 0 0 auto;
+    width: auto;
+    max-width: none; }
+  .col-md-1 {
+    flex: 0 0 8.3333333333%;
+    max-width: 8.3333333333%; }
+  .col-md-2 {
+    flex: 0 0 16.6666666667%;
+    max-width: 16.6666666667%; }
+  .col-md-3 {
+    flex: 0 0 25%;
+    max-width: 25%; }
+  .col-md-4 {
+    flex: 0 0 33.3333333333%;
+    max-width: 33.3333333333%; }
+  .col-md-5 {
+    flex: 0 0 41.6666666667%;
+    max-width: 41.6666666667%; }
+  .col-md-6 {
+    flex: 0 0 50%;
+    max-width: 50%; }
+  .col-md-7 {
+    flex: 0 0 58.3333333333%;
+    max-width: 58.3333333333%; }
+  .col-md-8 {
+    flex: 0 0 66.6666666667%;
+    max-width: 66.6666666667%; }
+  .col-md-9 {
+    flex: 0 0 75%;
+    max-width: 75%; }
+  .col-md-10 {
+    flex: 0 0 83.3333333333%;
+    max-width: 83.3333333333%; }
+  .col-md-11 {
+    flex: 0 0 91.6666666667%;
+    max-width: 91.6666666667%; }
+  .col-md-12 {
+    flex: 0 0 100%;
+    max-width: 100%; }
+  .order-md-first {
+    order: -1; }
+  .order-md-last {
+    order: 13; }
+  .order-md-0 {
+    order: 0; }
+  .order-md-1 {
+    order: 1; }
+  .order-md-2 {
+    order: 2; }
+  .order-md-3 {
+    order: 3; }
+  .order-md-4 {
+    order: 4; }
+  .order-md-5 {
+    order: 5; }
+  .order-md-6 {
+    order: 6; }
+  .order-md-7 {
+    order: 7; }
+  .order-md-8 {
+    order: 8; }
+  .order-md-9 {
+    order: 9; }
+  .order-md-10 {
+    order: 10; }
+  .order-md-11 {
+    order: 11; }
+  .order-md-12 {
+    order: 12; }
+  .offset-md-0 {
+    margin-left: 0; }
+  .offset-md-1 {
+    margin-left: 8.3333333333%; }
+  .offset-md-2 {
+    margin-left: 16.6666666667%; }
+  .offset-md-3 {
+    margin-left: 25%; }
+  .offset-md-4 {
+    margin-left: 33.3333333333%; }
+  .offset-md-5 {
+    margin-left: 41.6666666667%; }
+  .offset-md-6 {
+    margin-left: 50%; }
+  .offset-md-7 {
+    margin-left: 58.3333333333%; }
+  .offset-md-8 {
+    margin-left: 66.6666666667%; }
+  .offset-md-9 {
+    margin-left: 75%; }
+  .offset-md-10 {
+    margin-left: 83.3333333333%; }
+  .offset-md-11 {
+    margin-left: 91.6666666667%; } }
+
+@media (min-width: 992px) {
+  .col-lg {
+    flex-basis: 0;
+    flex-grow: 1;
+    max-width: 100%; }
+  .col-lg-auto {
+    flex: 0 0 auto;
+    width: auto;
+    max-width: none; }
+  .col-lg-1 {
+    flex: 0 0 8.3333333333%;
+    max-width: 8.3333333333%; }
+  .col-lg-2 {
+    flex: 0 0 16.6666666667%;
+    max-width: 16.6666666667%; }
+  .col-lg-3 {
+    flex: 0 0 25%;
+    max-width: 25%; }
+  .col-lg-4 {
+    flex: 0 0 33.3333333333%;
+    max-width: 33.3333333333%; }
+  .col-lg-5 {
+    flex: 0 0 41.6666666667%;
+    max-width: 41.6666666667%; }
+  .col-lg-6 {
+    flex: 0 0 50%;
+    max-width: 50%; }
+  .col-lg-7 {
+    flex: 0 0 58.3333333333%;
+    max-width: 58.3333333333%; }
+  .col-lg-8 {
+    flex: 0 0 66.6666666667%;
+    max-width: 66.6666666667%; }
+  .col-lg-9 {
+    flex: 0 0 75%;
+    max-width: 75%; }
+  .col-lg-10 {
+    flex: 0 0 83.3333333333%;
+    max-width: 83.3333333333%; }
+  .col-lg-11 {
+    flex: 0 0 91.6666666667%;
+    max-width: 91.6666666667%; }
+  .col-lg-12 {
+    flex: 0 0 100%;
+    max-width: 100%; }
+  .order-lg-first {
+    order: -1; }
+  .order-lg-last {
+    order: 13; }
+  .order-lg-0 {
+    order: 0; }
+  .order-lg-1 {
+    order: 1; }
+  .order-lg-2 {
+    order: 2; }
+  .order-lg-3 {
+    order: 3; }
+  .order-lg-4 {
+    order: 4; }
+  .order-lg-5 {
+    order: 5; }
+  .order-lg-6 {
+    order: 6; }
+  .order-lg-7 {
+    order: 7; }
+  .order-lg-8 {
+    order: 8; }
+  .order-lg-9 {
+    order: 9; }
+  .order-lg-10 {
+    order: 10; }
+  .order-lg-11 {
+    order: 11; }
+  .order-lg-12 {
+    order: 12; }
+  .offset-lg-0 {
+    margin-left: 0; }
+  .offset-lg-1 {
+    margin-left: 8.3333333333%; }
+  .offset-lg-2 {
+    margin-left: 16.6666666667%; }
+  .offset-lg-3 {
+    margin-left: 25%; }
+  .offset-lg-4 {
+    margin-left: 33.3333333333%; }
+  .offset-lg-5 {
+    margin-left: 41.6666666667%; }
+  .offset-lg-6 {
+    margin-left: 50%; }
+  .offset-lg-7 {
+    margin-left: 58.3333333333%; }
+  .offset-lg-8 {
+    margin-left: 66.6666666667%; }
+  .offset-lg-9 {
+    margin-left: 75%; }
+  .offset-lg-10 {
+    margin-left: 83.3333333333%; }
+  .offset-lg-11 {
+    margin-left: 91.6666666667%; } }
+
+@media (min-width: 1200px) {
+  .col-xl {
+    flex-basis: 0;
+    flex-grow: 1;
+    max-width: 100%; }
+  .col-xl-auto {
+    flex: 0 0 auto;
+    width: auto;
+    max-width: none; }
+  .col-xl-1 {
+    flex: 0 0 8.3333333333%;
+    max-width: 8.3333333333%; }
+  .col-xl-2 {
+    flex: 0 0 16.6666666667%;
+    max-width: 16.6666666667%; }
+  .col-xl-3 {
+    flex: 0 0 25%;
+    max-width: 25%; }
+  .col-xl-4 {
+    flex: 0 0 33.3333333333%;
+    max-width: 33.3333333333%; }
+  .col-xl-5 {
+    flex: 0 0 41.6666666667%;
+    max-width: 41.6666666667%; }
+  .col-xl-6 {
+    flex: 0 0 50%;
+    max-width: 50%; }
+  .col-xl-7 {
+    flex: 0 0 58.3333333333%;
+    max-width: 58.3333333333%; }
+  .col-xl-8 {
+    flex: 0 0 66.6666666667%;
+    max-width: 66.6666666667%; }
+  .col-xl-9 {
+    flex: 0 0 75%;
+    max-width: 75%; }
+  .col-xl-10 {
+    flex: 0 0 83.3333333333%;
+    max-width: 83.3333333333%; }
+  .col-xl-11 {
+    flex: 0 0 91.6666666667%;
+    max-width: 91.6666666667%; }
+  .col-xl-12 {
+    flex: 0 0 100%;
+    max-width: 100%; }
+  .order-xl-first {
+    order: -1; }
+  .order-xl-last {
+    order: 13; }
+  .order-xl-0 {
+    order: 0; }
+  .order-xl-1 {
+    order: 1; }
+  .order-xl-2 {
+    order: 2; }
+  .order-xl-3 {
+    order: 3; }
+  .order-xl-4 {
+    order: 4; }
+  .order-xl-5 {
+    order: 5; }
+  .order-xl-6 {
+    order: 6; }
+  .order-xl-7 {
+    order: 7; }
+  .order-xl-8 {
+    order: 8; }
+  .order-xl-9 {
+    order: 9; }
+  .order-xl-10 {
+    order: 10; }
+  .order-xl-11 {
+    order: 11; }
+  .order-xl-12 {
+    order: 12; }
+  .offset-xl-0 {
+    margin-left: 0; }
+  .offset-xl-1 {
+    margin-left: 8.3333333333%; }
+  .offset-xl-2 {
+    margin-left: 16.6666666667%; }
+  .offset-xl-3 {
+    margin-left: 25%; }
+  .offset-xl-4 {
+    margin-left: 33.3333333333%; }
+  .offset-xl-5 {
+    margin-left: 41.6666666667%; }
+  .offset-xl-6 {
+    margin-left: 50%; }
+  .offset-xl-7 {
+    margin-left: 58.3333333333%; }
+  .offset-xl-8 {
+    margin-left: 66.6666666667%; }
+  .offset-xl-9 {
+    margin-left: 75%; }
+  .offset-xl-10 {
+    margin-left: 83.3333333333%; }
+  .offset-xl-11 {
+    margin-left: 91.6666666667%; } }
+
+.table, table.collection, table.flexible,
+.generaltable {
+  width: 100%;
+  max-width: 100%;
+  margin-bottom: 1rem;
+  background-color: transparent; }
+  .table th, table.collection th, table.flexible th, .generaltable th,
+  .table td,
+  table.collection td,
+  table.flexible td,
+  .generaltable td {
+    padding: 0.75rem;
+    vertical-align: top;
+    border-top: 1px solid #dee2e6; }
+  .table thead th, table.collection thead th, table.flexible thead th, .generaltable thead th {
+    vertical-align: bottom;
+    border-bottom: 2px solid #dee2e6; }
+  .table tbody + tbody, table.collection tbody + tbody, table.flexible tbody + tbody, .generaltable tbody + tbody {
+    border-top: 2px solid #dee2e6; }
+  .table .table, table.collection .table, table.flexible .table, .generaltable .table, .table table.collection, table.collection table.collection, table.flexible table.collection, .generaltable table.collection, .table table.flexible, table.collection table.flexible, table.flexible table.flexible, .generaltable table.flexible,
+  .table .generaltable,
+  table.collection .generaltable,
+  table.flexible .generaltable,
+  .generaltable .generaltable {
+    background-color: #fff; }
+
+.table-sm th, #page-report-loglive-index .generaltable th, #page-admin-report-log-index .generaltable th, #page-report-log-user .generaltable th, #page-admin-user table th, .environmenttable th, .category_subcategories th, .rcs-results th, table#listdirectories th,
+.table-sm td,
+#page-report-loglive-index .generaltable td,
+#page-admin-report-log-index .generaltable td,
+#page-report-log-user .generaltable td,
+#page-admin-user table td,
+.environmenttable td,
+.category_subcategories td,
+.rcs-results td,
+table#listdirectories td {
+  padding: 0.3rem; }
+
+.table-bordered, table.collection {
+  border: 1px solid #dee2e6; }
+  .table-bordered th, table.collection th,
+  .table-bordered td,
+  table.collection td {
+    border: 1px solid #dee2e6; }
+  .table-bordered thead th, table.collection thead th,
+  .table-bordered thead td,
+  table.collection thead td {
+    border-bottom-width: 2px; }
+
+.table-striped tbody tr:nth-of-type(odd), table.collection tbody tr:nth-of-type(odd), table#explaincaps tbody tr:nth-of-type(odd), table#defineroletable tbody tr:nth-of-type(odd), table.grading-report tbody tr:nth-of-type(odd), table#listdirectories tbody tr:nth-of-type(odd), table.rolecaps tbody tr:nth-of-type(odd), table.userenrolment tbody tr:nth-of-type(odd), form#movecourses table tbody tr:nth-of-type(odd), #page-admin-course-index .editcourse tbody tr:nth-of-type(odd), .forumheaderlist tbody tr:nth-of-type(odd), table.flexible tbody tr:nth-of-type(odd), .generaltable tbody tr:nth-of-type(odd) {
+  background-color: rgba(0, 0, 0, 0.05); }
+
+.table-hover tbody tr:hover, table.grading-report tbody tr:hover, .forumheaderlist tbody tr:hover, .generaltable tbody tr:hover, table.flexible tbody tr:hover, .category_subcategories tbody tr:hover, table#modules tbody tr:hover, table#permissions tbody tr:hover {
+  background-color: rgba(0, 0, 0, 0.075); }
+
+.table-primary,
+.table-primary > th,
+.table-primary > td {
+  background-color: #bcd9f2; }
+
+.table-hover .table-primary:hover, table.grading-report .table-primary:hover, .forumheaderlist .table-primary:hover, .generaltable .table-primary:hover, table.flexible .table-primary:hover, .category_subcategories .table-primary:hover, table#modules .table-primary:hover, table#permissions .table-primary:hover {
+  background-color: #a7cdee; }
+  .table-hover .table-primary:hover > td, table.grading-report .table-primary:hover > td, .forumheaderlist .table-primary:hover > td, .generaltable .table-primary:hover > td, table.flexible .table-primary:hover > td, .category_subcategories .table-primary:hover > td, table#modules .table-primary:hover > td, table#permissions .table-primary:hover > td,
+  .table-hover .table-primary:hover > th,
+  table.grading-report .table-primary:hover > th,
+  .forumheaderlist .table-primary:hover > th,
+  .generaltable .table-primary:hover > th,
+  table.flexible .table-primary:hover > th,
+  .category_subcategories .table-primary:hover > th,
+  table#modules .table-primary:hover > th,
+  table#permissions .table-primary:hover > th {
+    background-color: #a7cdee; }
+
+.table-secondary,
+.table-secondary > th,
+.table-secondary > td {
+  background-color: #f1f3f5; }
+
+.table-hover .table-secondary:hover, table.grading-report .table-secondary:hover, .forumheaderlist .table-secondary:hover, .generaltable .table-secondary:hover, table.flexible .table-secondary:hover, .category_subcategories .table-secondary:hover, table#modules .table-secondary:hover, table#permissions .table-secondary:hover {
+  background-color: #e2e6ea; }
+  .table-hover .table-secondary:hover > td, table.grading-report .table-secondary:hover > td, .forumheaderlist .table-secondary:hover > td, .generaltable .table-secondary:hover > td, table.flexible .table-secondary:hover > td, .category_subcategories .table-secondary:hover > td, table#modules .table-secondary:hover > td, table#permissions .table-secondary:hover > td,
+  .table-hover .table-secondary:hover > th,
+  table.grading-report .table-secondary:hover > th,
+  .forumheaderlist .table-secondary:hover > th,
+  .generaltable .table-secondary:hover > th,
+  table.flexible .table-secondary:hover > th,
+  .category_subcategories .table-secondary:hover > th,
+  table#modules .table-secondary:hover > th,
+  table#permissions .table-secondary:hover > th {
+    background-color: #e2e6ea; }
+
+.table-success,
+.table-success > th,
+.table-success > td {
+  background-color: #d1ebd1; }
+
+.table-hover .table-success:hover, table.grading-report .table-success:hover, .forumheaderlist .table-success:hover, .generaltable .table-success:hover, table.flexible .table-success:hover, .category_subcategories .table-success:hover, table#modules .table-success:hover, table#permissions .table-success:hover {
+  background-color: #bfe3bf; }
+  .table-hover .table-success:hover > td, table.grading-report .table-success:hover > td, .forumheaderlist .table-success:hover > td, .generaltable .table-success:hover > td, table.flexible .table-success:hover > td, .category_subcategories .table-success:hover > td, table#modules .table-success:hover > td, table#permissions .table-success:hover > td,
+  .table-hover .table-success:hover > th,
+  table.grading-report .table-success:hover > th,
+  .forumheaderlist .table-success:hover > th,
+  .generaltable .table-success:hover > th,
+  table.flexible .table-success:hover > th,
+  .category_subcategories .table-success:hover > th,
+  table#modules .table-success:hover > th,
+  table#permissions .table-success:hover > th {
+    background-color: #bfe3bf; }
+
+.table-info,
+.table-info > th,
+.table-info > td {
+  background-color: #d1edf6; }
+
+.table-hover .table-info:hover, table.grading-report .table-info:hover, .forumheaderlist .table-info:hover, .generaltable .table-info:hover, table.flexible .table-info:hover, .category_subcategories .table-info:hover, table#modules .table-info:hover, table#permissions .table-info:hover {
+  background-color: #bce5f2; }
+  .table-hover .table-info:hover > td, table.grading-report .table-info:hover > td, .forumheaderlist .table-info:hover > td, .generaltable .table-info:hover > td, table.flexible .table-info:hover > td, .category_subcategories .table-info:hover > td, table#modules .table-info:hover > td, table#permissions .table-info:hover > td,
+  .table-hover .table-info:hover > th,
+  table.grading-report .table-info:hover > th,
+  .forumheaderlist .table-info:hover > th,
+  .generaltable .table-info:hover > th,
+  table.flexible .table-info:hover > th,
+  .category_subcategories .table-info:hover > th,
+  table#modules .table-info:hover > th,
+  table#permissions .table-info:hover > th {
+    background-color: #bce5f2; }
+
+.table-warning, #overriderolestable .overriddenpermission,
+.table-warning > th,
+#overriderolestable .overriddenpermission > th,
+.table-warning > td,
+#overriderolestable .overriddenpermission > td {
+  background-color: #fbe8cd; }
+
+.table-hover .table-warning:hover, table.grading-report .table-warning:hover, .forumheaderlist .table-warning:hover, .generaltable .table-warning:hover, table.flexible .table-warning:hover, .category_subcategories .table-warning:hover, table#modules .table-warning:hover, table#permissions .table-warning:hover, .table-hover #overriderolestable .overriddenpermission:hover, #overriderolestable .table-hover .overriddenpermission:hover, table.grading-report #overriderolestable .overriddenpermission:hover, #overriderolestable table.grading-report .overriddenpermission:hover, .forumheaderlist #overriderolestable .overriddenpermission:hover, #overriderolestable .forumheaderlist .overriddenpermission:hover, .generaltable #overriderolestable .overriddenpermission:hover, #overriderolestable .generaltable .overriddenpermission:hover, table.flexible #overriderolestable .overriddenpermission:hover, #overriderolestable table.flexible .overriddenpermission:hover, .category_subcategories #overriderolestable .overriddenpermission:hover, #overriderolestable .category_subcategories .overriddenpermission:hover, table#modules #overriderolestable .overriddenpermission:hover, #overriderolestable table#modules .overriddenpermission:hover, table#permissions #overriderolestable .overriddenpermission:hover, #overriderolestable table#permissions .overriddenpermission:hover {
+  background-color: #f9ddb5; }
+  .table-hover .table-warning:hover > td, table.grading-report .table-warning:hover > td, .forumheaderlist .table-warning:hover > td, .generaltable .table-warning:hover > td, table.flexible .table-warning:hover > td, .category_subcategories .table-warning:hover > td, table#modules .table-warning:hover > td, table#permissions .table-warning:hover > td, .table-hover #overriderolestable .overriddenpermission:hover > td, #overriderolestable .table-hover .overriddenpermission:hover > td, table.grading-report #overriderolestable .overriddenpermission:hover > td, #overriderolestable table.grading-report .overriddenpermission:hover > td, .forumheaderlist #overriderolestable .overriddenpermission:hover > td, #overriderolestable .forumheaderlist .overriddenpermission:hover > td, .generaltable #overriderolestable .overriddenpermission:hover > td, #overriderolestable .generaltable .overriddenpermission:hover > td, table.flexible #overriderolestable .overriddenpermission:hover > td, #overriderolestable table.flexible .overriddenpermission:hover > td, .category_subcategories #overriderolestable .overriddenpermission:hover > td, #overriderolestable .category_subcategories .overriddenpermission:hover > td, table#modules #overriderolestable .overriddenpermission:hover > td, #overriderolestable table#modules .overriddenpermission:hover > td, table#permissions #overriderolestable .overriddenpermission:hover > td, #overriderolestable table#permissions .overriddenpermission:hover > td,
+  .table-hover .table-warning:hover > th,
+  table.grading-report .table-warning:hover > th,
+  .forumheaderlist .table-warning:hover > th,
+  .generaltable .table-warning:hover > th,
+  table.flexible .table-warning:hover > th,
+  .category_subcategories .table-warning:hover > th,
+  table#modules .table-warning:hover > th,
+  table#permissions .table-warning:hover > th,
+  .table-hover #overriderolestable .overriddenpermission:hover > th,
+  #overriderolestable .table-hover .overriddenpermission:hover > th,
+  table.grading-report #overriderolestable .overriddenpermission:hover > th,
+  #overriderolestable table.grading-report .overriddenpermission:hover > th,
+  .forumheaderlist #overriderolestable .overriddenpermission:hover > th,
+  #overriderolestable .forumheaderlist .overriddenpermission:hover > th,
+  .generaltable #overriderolestable .overriddenpermission:hover > th,
+  #overriderolestable .generaltable .overriddenpermission:hover > th,
+  table.flexible #overriderolestable .overriddenpermission:hover > th,
+  #overriderolestable table.flexible .overriddenpermission:hover > th,
+  .category_subcategories #overriderolestable .overriddenpermission:hover > th,
+  #overriderolestable .category_subcategories .overriddenpermission:hover > th,
+  table#modules #overriderolestable .overriddenpermission:hover > th,
+  #overriderolestable table#modules .overriddenpermission:hover > th,
+  table#permissions #overriderolestable .overriddenpermission:hover > th,
+  #overriderolestable table#permissions .overriddenpermission:hover > th {
+    background-color: #f9ddb5; }
+
+.table-danger,
+.table-danger > th,
+.table-danger > td {
+  background-color: #f4cfce; }
+
+.table-hover .table-danger:hover, table.grading-report .table-danger:hover, .forumheaderlist .table-danger:hover, .generaltable .table-danger:hover, table.flexible .table-danger:hover, .category_subcategories .table-danger:hover, table#modules .table-danger:hover, table#permissions .table-danger:hover {
+  background-color: #efbbb9; }
+  .table-hover .table-danger:hover > td, table.grading-report .table-danger:hover > td, .forumheaderlist .table-danger:hover > td, .generaltable .table-danger:hover > td, table.flexible .table-danger:hover > td, .category_subcategories .table-danger:hover > td, table#modules .table-danger:hover > td, table#permissions .table-danger:hover > td,
+  .table-hover .table-danger:hover > th,
+  table.grading-report .table-danger:hover > th,
+  .forumheaderlist .table-danger:hover > th,
+  .generaltable .table-danger:hover > th,
+  table.flexible .table-danger:hover > th,
+  .category_subcategories .table-danger:hover > th,
+  table#modules .table-danger:hover > th,
+  table#permissions .table-danger:hover > th {
+    background-color: #efbbb9; }
+
+.table-light,
+.table-light > th,
+.table-light > td {
+  background-color: #fdfdfe; }
+
+.table-hover .table-light:hover, table.grading-report .table-light:hover, .forumheaderlist .table-light:hover, .generaltable .table-light:hover, table.flexible .table-light:hover, .category_subcategories .table-light:hover, table#modules .table-light:hover, table#permissions .table-light:hover {
+  background-color: #ececf6; }
+  .table-hover .table-light:hover > td, table.grading-report .table-light:hover > td, .forumheaderlist .table-light:hover > td, .generaltable .table-light:hover > td, table.flexible .table-light:hover > td, .category_subcategories .table-light:hover > td, table#modules .table-light:hover > td, table#permissions .table-light:hover > td,
+  .table-hover .table-light:hover > th,
+  table.grading-report .table-light:hover > th,
+  .forumheaderlist .table-light:hover > th,
+  .generaltable .table-light:hover > th,
+  table.flexible .table-light:hover > th,
+  .category_subcategories .table-light:hover > th,
+  table#modules .table-light:hover > th,
+  table#permissions .table-light:hover > th {
+    background-color: #ececf6; }
+
+.table-dark,
+.table-dark > th,
+.table-dark > td {
+  background-color: #c7c8c8; }
+
+.table-hover .table-dark:hover, table.grading-report .table-dark:hover, .forumheaderlist .table-dark:hover, .generaltable .table-dark:hover, table.flexible .table-dark:hover, .category_subcategories .table-dark:hover, table#modules .table-dark:hover, table#permissions .table-dark:hover {
+  background-color: #babbbb; }
+  .table-hover .table-dark:hover > td, table.grading-report .table-dark:hover > td, .forumheaderlist .table-dark:hover > td, .generaltable .table-dark:hover > td, table.flexible .table-dark:hover > td, .category_subcategories .table-dark:hover > td, table#modules .table-dark:hover > td, table#permissions .table-dark:hover > td,
+  .table-hover .table-dark:hover > th,
+  table.grading-report .table-dark:hover > th,
+  .forumheaderlist .table-dark:hover > th,
+  .generaltable .table-dark:hover > th,
+  table.flexible .table-dark:hover > th,
+  .category_subcategories .table-dark:hover > th,
+  table#modules .table-dark:hover > th,
+  table#permissions .table-dark:hover > th {
+    background-color: #babbbb; }
+
+.table-active,
+.table-active > th,
+.table-active > td {
+  background-color: rgba(0, 0, 0, 0.075); }
+
+.table-hover .table-active:hover, table.grading-report .table-active:hover, .forumheaderlist .table-active:hover, .generaltable .table-active:hover, table.flexible .table-active:hover, .category_subcategories .table-active:hover, table#modules .table-active:hover, table#permissions .table-active:hover {
+  background-color: rgba(0, 0, 0, 0.075); }
+  .table-hover .table-active:hover > td, table.grading-report .table-active:hover > td, .forumheaderlist .table-active:hover > td, .generaltable .table-active:hover > td, table.flexible .table-active:hover > td, .category_subcategories .table-active:hover > td, table#modules .table-active:hover > td, table#permissions .table-active:hover > td,
+  .table-hover .table-active:hover > th,
+  table.grading-report .table-active:hover > th,
+  .forumheaderlist .table-active:hover > th,
+  .generaltable .table-active:hover > th,
+  table.flexible .table-active:hover > th,
+  .category_subcategories .table-active:hover > th,
+  table#modules .table-active:hover > th,
+  table#permissions .table-active:hover > th {
+    background-color: rgba(0, 0, 0, 0.075); }
+
+.table .thead-dark th, table.collection .thead-dark th, table.flexible .thead-dark th, .generaltable .thead-dark th {
+  color: #fff;
+  background-color: #212529;
+  border-color: #32383e; }
+
+.table .thead-light th, table.collection .thead-light th, table.flexible .thead-light th, .generaltable .thead-light th {
+  color: #495057;
+  background-color: #e9ecef;
+  border-color: #dee2e6; }
+
+.table-dark {
+  color: #fff;
+  background-color: #212529; }
+  .table-dark th,
+  .table-dark td,
+  .table-dark thead th {
+    border-color: #32383e; }
+  .table-dark.table-bordered, table.table-dark.collection {
+    border: 0; }
+  .table-dark.table-striped tbody tr:nth-of-type(odd), table.table-dark.collection tbody tr:nth-of-type(odd), table.table-dark#explaincaps tbody tr:nth-of-type(odd), table.table-dark#defineroletable tbody tr:nth-of-type(odd), table.table-dark.grading-report tbody tr:nth-of-type(odd), table.table-dark#listdirectories tbody tr:nth-of-type(odd), table.table-dark.rolecaps tbody tr:nth-of-type(odd), table.table-dark.userenrolment tbody tr:nth-of-type(odd), form#movecourses table.table-dark tbody tr:nth-of-type(odd), #page-admin-course-index .table-dark.editcourse tbody tr:nth-of-type(odd), .table-dark.forumheaderlist tbody tr:nth-of-type(odd), table.table-dark.flexible tbody tr:nth-of-type(odd), .table-dark.generaltable tbody tr:nth-of-type(odd) {
+    background-color: rgba(255, 255, 255, 0.05); }
+  .table-dark.table-hover tbody tr:hover, table.table-dark.grading-report tbody tr:hover, .table-dark.forumheaderlist tbody tr:hover, .table-dark.generaltable tbody tr:hover, table.table-dark.flexible tbody tr:hover, .table-dark.category_subcategories tbody tr:hover, table.table-dark#modules tbody tr:hover, table.table-dark#permissions tbody tr:hover {
+    background-color: rgba(255, 255, 255, 0.075); }
+
+@media (max-width: 575.98px) {
+  .table-responsive-sm {
+    display: block;
+    width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+    -ms-overflow-style: -ms-autohiding-scrollbar; }
+    .table-responsive-sm > .table-bordered, .table-responsive-sm > table.collection {
+      border: 0; } }
+
+@media (max-width: 767.98px) {
+  .table-responsive-md {
+    display: block;
+    width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+    -ms-overflow-style: -ms-autohiding-scrollbar; }
+    .table-responsive-md > .table-bordered, .table-responsive-md > table.collection {
+      border: 0; } }
+
+@media (max-width: 991.98px) {
+  .table-responsive-lg {
+    display: block;
+    width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+    -ms-overflow-style: -ms-autohiding-scrollbar; }
+    .table-responsive-lg > .table-bordered, .table-responsive-lg > table.collection {
+      border: 0; } }
+
+@media (max-width: 1199.98px) {
+  .table-responsive-xl {
+    display: block;
+    width: 100%;
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+    -ms-overflow-style: -ms-autohiding-scrollbar; }
+    .table-responsive-xl > .table-bordered, .table-responsive-xl > table.collection {
+      border: 0; } }
+
+.table-responsive {
+  display: block;
+  width: 100%;
+  overflow-x: auto;
+  -webkit-overflow-scrolling: touch;
+  -ms-overflow-style: -ms-autohiding-scrollbar; }
+  .table-responsive > .table-bordered, .table-responsive > table.collection {
+    border: 0; }
+
+.form-control {
+  display: block;
+  width: 100%;
+  padding: 0.375rem 0.75rem;
+  font-size: 0.9375rem;
+  line-height: 1.5;
+  color: #495057;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid #ced4da;
+  border-radius: 0;
+  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
+  .form-control::-ms-expand {
+    background-color: transparent;
+    border: 0; }
+  .form-control:focus {
+    color: #495057;
+    background-color: #fff;
+    border-color: #6eb5f3;
+    outline: 0;
+    box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.25); }
+  .form-control::placeholder {
+    color: #868e96;
+    opacity: 1; }
+  .form-control:disabled, .form-control[readonly] {
+    background-color: #e9ecef;
+    opacity: 1; }
+
+select.form-control:not([size]):not([multiple]) {
+  height: calc(2.15625rem + 2px); }
+
+select.form-control:focus::-ms-value {
+  color: #495057;
+  background-color: #fff; }
+
+.form-control-file,
+.form-control-range {
+  display: block;
+  width: 100%; }
+
+.col-form-label {
+  padding-top: calc(0.375rem + 1px);
+  padding-bottom: calc(0.375rem + 1px);
+  margin-bottom: 0;
+  font-size: inherit;
+  line-height: 1.5; }
+
+.col-form-label-lg {
+  padding-top: calc(0.5rem + 1px);
+  padding-bottom: calc(0.5rem + 1px);
+  font-size: 1.171875rem;
+  line-height: 1.5; }
+
+.col-form-label-sm {
+  padding-top: calc(0.25rem + 1px);
+  padding-bottom: calc(0.25rem + 1px);
+  font-size: 0.8203125rem;
+  line-height: 1.5; }
+
+.form-control-plaintext {
+  display: block;
+  width: 100%;
+  padding-top: 0.375rem;
+  padding-bottom: 0.375rem;
+  margin-bottom: 0;
+  line-height: 1.5;
+  background-color: transparent;
+  border: solid transparent;
+  border-width: 1px 0; }
+  .form-control-plaintext.form-control-sm, .input-group-sm > .form-control-plaintext.form-control,
+  .input-group-sm > .input-group-prepend > .form-control-plaintext.input-group-text,
+  .input-group-sm > .input-group-append > .form-control-plaintext.input-group-text,
+  .input-group-sm > .input-group-prepend > .form-control-plaintext.btn, #page-grade-grading-manage .actions .input-group-sm > .input-group-prepend > .form-control-plaintext.action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-sm > .input-group-prepend > input.form-control-plaintext, #rubric-rubric.gradingform_rubric .input-group-sm > .input-group-prepend > .form-control-plaintext.addcriterion,
+  .input-group-sm > .input-group-append > .form-control-plaintext.btn, #page-grade-grading-manage .actions .input-group-sm > .input-group-append > .form-control-plaintext.action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-sm > .input-group-append > input.form-control-plaintext, #rubric-rubric.gradingform_rubric .input-group-sm > .input-group-append > .form-control-plaintext.addcriterion, .form-control-plaintext.form-control-lg, .input-group-lg > .form-control-plaintext.form-control,
+  .input-group-lg > .input-group-prepend > .form-control-plaintext.input-group-text,
+  .input-group-lg > .input-group-append > .form-control-plaintext.input-group-text,
+  .input-group-lg > .input-group-prepend > .form-control-plaintext.btn, #page-grade-grading-manage .actions .input-group-lg > .input-group-prepend > .form-control-plaintext.action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-lg > .input-group-prepend > input.form-control-plaintext, #rubric-rubric.gradingform_rubric .input-group-lg > .input-group-prepend > .form-control-plaintext.addcriterion,
+  .input-group-lg > .input-group-append > .form-control-plaintext.btn, #page-grade-grading-manage .actions .input-group-lg > .input-group-append > .form-control-plaintext.action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-lg > .input-group-append > input.form-control-plaintext, #rubric-rubric.gradingform_rubric .input-group-lg > .input-group-append > .form-control-plaintext.addcriterion {
+    padding-right: 0;
+    padding-left: 0; }
+
+.form-control-sm, .input-group-sm > .form-control,
+.input-group-sm > .input-group-prepend > .input-group-text,
+.input-group-sm > .input-group-append > .input-group-text,
+.input-group-sm > .input-group-prepend > .btn, #page-grade-grading-manage .actions .input-group-sm > .input-group-prepend > .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-sm > .input-group-prepend > input, #rubric-rubric.gradingform_rubric .input-group-sm > .input-group-prepend > .addcriterion,
+.input-group-sm > .input-group-append > .btn, #page-grade-grading-manage .actions .input-group-sm > .input-group-append > .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-sm > .input-group-append > input, #rubric-rubric.gradingform_rubric .input-group-sm > .input-group-append > .addcriterion {
+  padding: 0.25rem 0.5rem;
+  font-size: 0.8203125rem;
+  line-height: 1.5; }
+
+select.form-control-sm:not([size]):not([multiple]), .input-group-sm > select.form-control:not([size]):not([multiple]),
+.input-group-sm > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
+.input-group-sm > .input-group-append > select.input-group-text:not([size]):not([multiple]),
+.input-group-sm > .input-group-prepend > select.btn:not([size]):not([multiple]), #page-grade-grading-manage .actions .input-group-sm > .input-group-prepend > select.action:not([size]):not([multiple]), #rubric-rubric.gradingform_rubric .input-group-sm > .input-group-prepend > select.addcriterion:not([size]):not([multiple]),
+.input-group-sm > .input-group-append > select.btn:not([size]):not([multiple]), #page-grade-grading-manage .actions .input-group-sm > .input-group-append > select.action:not([size]):not([multiple]), #rubric-rubric.gradingform_rubric .input-group-sm > .input-group-append > select.addcriterion:not([size]):not([multiple]) {
+  height: calc(1.73046875rem + 2px); }
+
+.form-control-lg, .input-group-lg > .form-control,
+.input-group-lg > .input-group-prepend > .input-group-text,
+.input-group-lg > .input-group-append > .input-group-text,
+.input-group-lg > .input-group-prepend > .btn, #page-grade-grading-manage .actions .input-group-lg > .input-group-prepend > .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-lg > .input-group-prepend > input, #rubric-rubric.gradingform_rubric .input-group-lg > .input-group-prepend > .addcriterion,
+.input-group-lg > .input-group-append > .btn, #page-grade-grading-manage .actions .input-group-lg > .input-group-append > .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-lg > .input-group-append > input, #rubric-rubric.gradingform_rubric .input-group-lg > .input-group-append > .addcriterion {
+  padding: 0.5rem 1rem;
+  font-size: 1.171875rem;
+  line-height: 1.5; }
+
+select.form-control-lg:not([size]):not([multiple]), .input-group-lg > select.form-control:not([size]):not([multiple]),
+.input-group-lg > .input-group-prepend > select.input-group-text:not([size]):not([multiple]),
+.input-group-lg > .input-group-append > select.input-group-text:not([size]):not([multiple]),
+.input-group-lg > .input-group-prepend > select.btn:not([size]):not([multiple]), #page-grade-grading-manage .actions .input-group-lg > .input-group-prepend > select.action:not([size]):not([multiple]), #rubric-rubric.gradingform_rubric .input-group-lg > .input-group-prepend > select.addcriterion:not([size]):not([multiple]),
+.input-group-lg > .input-group-append > select.btn:not([size]):not([multiple]), #page-grade-grading-manage .actions .input-group-lg > .input-group-append > select.action:not([size]):not([multiple]), #rubric-rubric.gradingform_rubric .input-group-lg > .input-group-append > select.addcriterion:not([size]):not([multiple]) {
+  height: calc(2.7578125rem + 2px); }
+
+.form-group, .form-buttons,
+.path-admin .buttons,
+.fp-content-center form + div,
+div.backup-section + form {
+  margin-bottom: 1rem; }
+
+.form-text {
+  display: block;
+  margin-top: 0.25rem; }
+
+.form-row {
+  display: flex;
+  flex-wrap: wrap;
+  margin-right: -5px;
+  margin-left: -5px; }
+  .form-row > .col,
+  .form-row > [class*="col-"] {
+    padding-right: 5px;
+    padding-left: 5px; }
+
+.form-check {
+  position: relative;
+  display: block;
+  padding-left: 1.25rem; }
+
+.form-check-input {
+  position: absolute;
+  margin-top: 0.3rem;
+  margin-left: -1.25rem; }
+  .form-check-input:disabled ~ .form-check-label {
+    color: #868e96; }
+
+.form-check-label {
+  margin-bottom: 0; }
+
+.form-check-inline {
+  display: inline-flex;
+  align-items: center;
+  padding-left: 0;
+  margin-right: 0.75rem; }
+  .form-check-inline .form-check-input {
+    position: static;
+    margin-top: 0;
+    margin-right: 0.3125rem;
+    margin-left: 0; }
+
+.valid-feedback {
+  display: none;
+  width: 100%;
+  margin-top: 0.25rem;
+  font-size: 80%;
+  color: #5cb85c; }
+
+.valid-tooltip {
+  position: absolute;
+  top: 100%;
+  z-index: 5;
+  display: none;
+  max-width: 100%;
+  padding: .5rem;
+  margin-top: .1rem;
+  font-size: .875rem;
+  line-height: 1;
+  color: #fff;
+  background-color: rgba(92, 184, 92, 0.8);
+  border-radius: .2rem; }
+
+.was-validated .form-control:valid, .form-control.is-valid, .was-validated
+.custom-select:valid,
+.custom-select.is-valid {
+  border-color: #5cb85c; }
+  .was-validated .form-control:valid:focus, .form-control.is-valid:focus, .was-validated
+  .custom-select:valid:focus,
+  .custom-select.is-valid:focus {
+    border-color: #5cb85c;
+    box-shadow: 0 0 0 0.2rem rgba(92, 184, 92, 0.25); }
+  .was-validated .form-control:valid ~ .valid-feedback,
+  .was-validated .form-control:valid ~ .valid-tooltip, .form-control.is-valid ~ .valid-feedback,
+  .form-control.is-valid ~ .valid-tooltip, .was-validated
+  .custom-select:valid ~ .valid-feedback,
+  .was-validated
+  .custom-select:valid ~ .valid-tooltip,
+  .custom-select.is-valid ~ .valid-feedback,
+  .custom-select.is-valid ~ .valid-tooltip {
+    display: block; }
+
+.was-validated .form-check-input:valid ~ .form-check-label, .form-check-input.is-valid ~ .form-check-label {
+  color: #5cb85c; }
+
+.was-validated .form-check-input:valid ~ .valid-feedback,
+.was-validated .form-check-input:valid ~ .valid-tooltip, .form-check-input.is-valid ~ .valid-feedback,
+.form-check-input.is-valid ~ .valid-tooltip {
+  display: block; }
+
+.was-validated .custom-control-input:valid ~ .custom-control-label, .custom-control-input.is-valid ~ .custom-control-label {
+  color: #5cb85c; }
+  .was-validated .custom-control-input:valid ~ .custom-control-label::before, .custom-control-input.is-valid ~ .custom-control-label::before {
+    background-color: #b5dfb5; }
+
+.was-validated .custom-control-input:valid ~ .valid-feedback,
+.was-validated .custom-control-input:valid ~ .valid-tooltip, .custom-control-input.is-valid ~ .valid-feedback,
+.custom-control-input.is-valid ~ .valid-tooltip {
+  display: block; }
+
+.was-validated .custom-control-input:valid:checked ~ .custom-control-label::before, .custom-control-input.is-valid:checked ~ .custom-control-label::before {
+  background-color: #80c780; }
+
+.was-validated .custom-control-input:valid:focus ~ .custom-control-label::before, .custom-control-input.is-valid:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(92, 184, 92, 0.25); }
+
+.was-validated .custom-file-input:valid ~ .custom-file-label, .custom-file-input.is-valid ~ .custom-file-label {
+  border-color: #5cb85c; }
+  .was-validated .custom-file-input:valid ~ .custom-file-label::before, .custom-file-input.is-valid ~ .custom-file-label::before {
+    border-color: inherit; }
+
+.was-validated .custom-file-input:valid ~ .valid-feedback,
+.was-validated .custom-file-input:valid ~ .valid-tooltip, .custom-file-input.is-valid ~ .valid-feedback,
+.custom-file-input.is-valid ~ .valid-tooltip {
+  display: block; }
+
+.was-validated .custom-file-input:valid:focus ~ .custom-file-label, .custom-file-input.is-valid:focus ~ .custom-file-label {
+  box-shadow: 0 0 0 0.2rem rgba(92, 184, 92, 0.25); }
+
+.invalid-feedback {
+  display: none;
+  width: 100%;
+  margin-top: 0.25rem;
+  font-size: 80%;
+  color: #d9534f; }
+
+.invalid-tooltip {
+  position: absolute;
+  top: 100%;
+  z-index: 5;
+  display: none;
+  max-width: 100%;
+  padding: .5rem;
+  margin-top: .1rem;
+  font-size: .875rem;
+  line-height: 1;
+  color: #fff;
+  background-color: rgba(217, 83, 79, 0.8);
+  border-radius: .2rem; }
+
+.was-validated .form-control:invalid, .form-control.is-invalid, .was-validated
+.custom-select:invalid,
+.custom-select.is-invalid {
+  border-color: #d9534f; }
+  .was-validated .form-control:invalid:focus, .form-control.is-invalid:focus, .was-validated
+  .custom-select:invalid:focus,
+  .custom-select.is-invalid:focus {
+    border-color: #d9534f;
+    box-shadow: 0 0 0 0.2rem rgba(217, 83, 79, 0.25); }
+  .was-validated .form-control:invalid ~ .invalid-feedback,
+  .was-validated .form-control:invalid ~ .invalid-tooltip, .form-control.is-invalid ~ .invalid-feedback,
+  .form-control.is-invalid ~ .invalid-tooltip, .was-validated
+  .custom-select:invalid ~ .invalid-feedback,
+  .was-validated
+  .custom-select:invalid ~ .invalid-tooltip,
+  .custom-select.is-invalid ~ .invalid-feedback,
+  .custom-select.is-invalid ~ .invalid-tooltip {
+    display: block; }
+
+.was-validated .form-check-input:invalid ~ .form-check-label, .form-check-input.is-invalid ~ .form-check-label {
+  color: #d9534f; }
+
+.was-validated .form-check-input:invalid ~ .invalid-feedback,
+.was-validated .form-check-input:invalid ~ .invalid-tooltip, .form-check-input.is-invalid ~ .invalid-feedback,
+.form-check-input.is-invalid ~ .invalid-tooltip {
+  display: block; }
+
+.was-validated .custom-control-input:invalid ~ .custom-control-label, .custom-control-input.is-invalid ~ .custom-control-label {
+  color: #d9534f; }
+  .was-validated .custom-control-input:invalid ~ .custom-control-label::before, .custom-control-input.is-invalid ~ .custom-control-label::before {
+    background-color: #f0b9b8; }
+
+.was-validated .custom-control-input:invalid ~ .invalid-feedback,
+.was-validated .custom-control-input:invalid ~ .invalid-tooltip, .custom-control-input.is-invalid ~ .invalid-feedback,
+.custom-control-input.is-invalid ~ .invalid-tooltip {
+  display: block; }
+
+.was-validated .custom-control-input:invalid:checked ~ .custom-control-label::before, .custom-control-input.is-invalid:checked ~ .custom-control-label::before {
+  background-color: #e27c79; }
+
+.was-validated .custom-control-input:invalid:focus ~ .custom-control-label::before, .custom-control-input.is-invalid:focus ~ .custom-control-label::before {
+  box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(217, 83, 79, 0.25); }
+
+.was-validated .custom-file-input:invalid ~ .custom-file-label, .custom-file-input.is-invalid ~ .custom-file-label {
+  border-color: #d9534f; }
+  .was-validated .custom-file-input:invalid ~ .custom-file-label::before, .custom-file-input.is-invalid ~ .custom-file-label::before {
+    border-color: inherit; }
+
+.was-validated .custom-file-input:invalid ~ .invalid-feedback,
+.was-validated .custom-file-input:invalid ~ .invalid-tooltip, .custom-file-input.is-invalid ~ .invalid-feedback,
+.custom-file-input.is-invalid ~ .invalid-tooltip {
+  display: block; }
+
+.was-validated .custom-file-input:invalid:focus ~ .custom-file-label, .custom-file-input.is-invalid:focus ~ .custom-file-label {
+  box-shadow: 0 0 0 0.2rem rgba(217, 83, 79, 0.25); }
+
+.form-inline {
+  display: flex;
+  flex-flow: row wrap;
+  align-items: center; }
+  .form-inline .form-check {
+    width: 100%; }
+  @media (min-width: 576px) {
+    .form-inline label {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      margin-bottom: 0; }
+    .form-inline .form-group, .form-inline .form-buttons,
+    .form-inline .path-admin .buttons, .path-admin .form-inline .buttons,
+    .form-inline .fp-content-center form + div, .fp-content-center .form-inline form + div,
+    .form-inline div.backup-section + form {
+      display: flex;
+      flex: 0 0 auto;
+      flex-flow: row wrap;
+      align-items: center;
+      margin-bottom: 0; }
+    .form-inline .form-control {
+      display: inline-block;
+      width: auto;
+      vertical-align: middle; }
+    .form-inline .form-control-plaintext {
+      display: inline-block; }
+    .form-inline .input-group {
+      width: auto; }
+    .form-inline .form-check {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: auto;
+      padding-left: 0; }
+    .form-inline .form-check-input {
+      position: relative;
+      margin-top: 0;
+      margin-right: 0.25rem;
+      margin-left: 0; }
+    .form-inline .custom-control {
+      align-items: center;
+      justify-content: center; }
+    .form-inline .custom-control-label {
+      margin-bottom: 0; } }
+
+.btn, #page-grade-grading-manage .actions .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input, #rubric-rubric.gradingform_rubric .addcriterion {
+  display: inline-block;
+  font-weight: 400;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: middle;
+  user-select: none;
+  border: 1px solid transparent;
+  padding: 0.375rem 0.75rem;
+  font-size: 0.9375rem;
+  line-height: 1.5;
+  border-radius: 0;
+  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; }
+  .btn:hover, #page-grade-grading-manage .actions .action:hover, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:hover, #rubric-rubric.gradingform_rubric .addcriterion:hover, .btn:focus, #page-grade-grading-manage .actions .action:focus, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:focus, #rubric-rubric.gradingform_rubric .addcriterion:focus {
+    text-decoration: none; }
+  .btn:focus, #page-grade-grading-manage .actions .action:focus, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:focus, #rubric-rubric.gradingform_rubric .addcriterion:focus, .btn.focus, #page-grade-grading-manage .actions .focus.action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.focus, #rubric-rubric.gradingform_rubric .focus.addcriterion {
+    outline: 0;
+    box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.25); }
+  .btn.disabled, .fp-viewbar.disabled a, #page-grade-grading-manage .actions .disabled.action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.disabled, #rubric-rubric.gradingform_rubric .disabled.addcriterion, .btn:disabled, #page-grade-grading-manage .actions .action:disabled, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:disabled, #rubric-rubric.gradingform_rubric .addcriterion:disabled {
+    opacity: 0.65; }
+  .btn:not(:disabled):not(.disabled), #page-grade-grading-manage .actions .action:not(:disabled):not(.disabled), #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:not(:disabled):not(.disabled), #rubric-rubric.gradingform_rubric .addcriterion:not(:disabled):not(.disabled) {
+    cursor: pointer; }
+  .btn:not(:disabled):not(.disabled):active, #page-grade-grading-manage .actions .action:not(:disabled):not(.disabled):active, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:not(:disabled):not(.disabled):active, #rubric-rubric.gradingform_rubric .addcriterion:not(:disabled):not(.disabled):active, .btn:not(:disabled):not(.disabled).active, #page-grade-grading-manage .actions .action:not(:disabled):not(.disabled).active, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input:not(:disabled):not(.disabled).active, #rubric-rubric.gradingform_rubric .addcriterion:not(:disabled):not(.disabled).active {
+    background-image: none; }
+
+a.btn.disabled, .fp-viewbar.disabled a, #page-grade-grading-manage .actions a.disabled.action, #rubric-rubric.gradingform_rubric a.disabled.addcriterion,
+fieldset:disabled a.btn,
+fieldset:disabled #page-grade-grading-manage .actions a.action,
+#page-grade-grading-manage .actions fieldset:disabled a.action,
+fieldset:disabled #rubric-rubric.gradingform_rubric a.addcriterion,
+#rubric-rubric.gradingform_rubric fieldset:disabled a.addcriterion {
+  pointer-events: none; }
+
+.btn-primary {
+  color: #fff;
+  background-color: #1177d1;
+  border-color: #1177d1; }
+  .btn-primary:hover {
+    color: #fff;
+    background-color: #0e63ae;
+    border-color: #0d5ca2; }
+  .btn-primary:focus, .btn-primary.focus {
+    box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.5); }
+  .btn-primary.disabled, .btn-primary:disabled {
+    color: #fff;
+    background-color: #1177d1;
+    border-color: #1177d1; }
+  .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active,
+  .show > .btn-primary.dropdown-toggle {
+    color: #fff;
+    background-color: #0d5ca2;
+    border-color: #0c5596; }
+    .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus,
+    .show > .btn-primary.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.5); }
+
+.btn-secondary, .btn-default {
+  color: #212529;
+  background-color: #ced4da;
+  border-color: #ced4da; }
+  .btn-secondary:hover, .btn-default:hover {
+    color: #212529;
+    background-color: #b8c1ca;
+    border-color: #b1bbc4; }
+  .btn-secondary:focus, .btn-default:focus, .btn-secondary.focus, .focus.btn-default {
+    box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5); }
+  .btn-secondary.disabled, .fp-viewbar.disabled a, .disabled.btn-default, .btn-secondary:disabled, .btn-default:disabled {
+    color: #212529;
+    background-color: #ced4da;
+    border-color: #ced4da; }
+  .btn-secondary:not(:disabled):not(.disabled):active, .btn-default:not(:disabled):not(.disabled):active, .btn-secondary:not(:disabled):not(.disabled).active, .fp-viewbar:not(.disabled) a.checked:not(:disabled):not(.disabled), .btn-default:not(:disabled):not(.disabled).active,
+  .show > .btn-secondary.dropdown-toggle,
+  .show > .dropdown-toggle.btn-default {
+    color: #212529;
+    background-color: #b1bbc4;
+    border-color: #aab4bf; }
+    .btn-secondary:not(:disabled):not(.disabled):active:focus, .btn-default:not(:disabled):not(.disabled):active:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .fp-viewbar:not(.disabled) a.checked:not(:disabled):not(.disabled):focus, .btn-default:not(:disabled):not(.disabled).active:focus,
+    .show > .btn-secondary.dropdown-toggle:focus,
+    .show > .dropdown-toggle.btn-default:focus {
+      box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5); }
+
+.btn-success {
+  color: #fff;
+  background-color: #5cb85c;
+  border-color: #5cb85c; }
+  .btn-success:hover {
+    color: #fff;
+    background-color: #48a648;
+    border-color: #449d44; }
+  .btn-success:focus, .btn-success.focus {
+    box-shadow: 0 0 0 0.2rem rgba(92, 184, 92, 0.5); }
+  .btn-success.disabled, .btn-success:disabled {
+    color: #fff;
+    background-color: #5cb85c;
+    border-color: #5cb85c; }
+  .btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
+  .show > .btn-success.dropdown-toggle {
+    color: #fff;
+    background-color: #449d44;
+    border-color: #409440; }
+    .btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
+    .show > .btn-success.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(92, 184, 92, 0.5); }
+
+.btn-info {
+  color: #212529;
+  background-color: #5bc0de;
+  border-color: #5bc0de; }
+  .btn-info:hover {
+    color: #fff;
+    background-color: #3bb4d8;
+    border-color: #31b0d5; }
+  .btn-info:focus, .btn-info.focus {
+    box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5); }
+  .btn-info.disabled, .btn-info:disabled {
+    color: #212529;
+    background-color: #5bc0de;
+    border-color: #5bc0de; }
+  .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active,
+  .show > .btn-info.dropdown-toggle {
+    color: #fff;
+    background-color: #31b0d5;
+    border-color: #2aaacf; }
+    .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus,
+    .show > .btn-info.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5); }
+
+.btn-warning {
+  color: #212529;
+  background-color: #f0ad4e;
+  border-color: #f0ad4e; }
+  .btn-warning:hover {
+    color: #212529;
+    background-color: #ed9d2b;
+    border-color: #ec971f; }
+  .btn-warning:focus, .btn-warning.focus {
+    box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5); }
+  .btn-warning.disabled, .btn-warning:disabled {
+    color: #212529;
+    background-color: #f0ad4e;
+    border-color: #f0ad4e; }
+  .btn-warning:not(:disabled):not(.disabled):active, .btn-warning:not(:disabled):not(.disabled).active,
+  .show > .btn-warning.dropdown-toggle {
+    color: #212529;
+    background-color: #ec971f;
+    border-color: #ea9214; }
+    .btn-warning:not(:disabled):not(.disabled):active:focus, .btn-warning:not(:disabled):not(.disabled).active:focus,
+    .show > .btn-warning.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5); }
+
+.btn-danger {
+  color: #fff;
+  background-color: #d9534f;
+  border-color: #d9534f; }
+  .btn-danger:hover {
+    color: #fff;
+    background-color: #d23430;
+    border-color: #c9302c; }
+  .btn-danger:focus, .btn-danger.focus {
+    box-shadow: 0 0 0 0.2rem rgba(217, 83, 79, 0.5); }
+  .btn-danger.disabled, .btn-danger:disabled {
+    color: #fff;
+    background-color: #d9534f;
+    border-color: #d9534f; }
+  .btn-danger:not(:disabled):not(.disabled):active, .btn-danger:not(:disabled):not(.disabled).active,
+  .show > .btn-danger.dropdown-toggle {
+    color: #fff;
+    background-color: #c9302c;
+    border-color: #bf2e29; }
+    .btn-danger:not(:disabled):not(.disabled):active:focus, .btn-danger:not(:disabled):not(.disabled).active:focus,
+    .show > .btn-danger.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(217, 83, 79, 0.5); }
+
+.btn-light {
+  color: #212529;
+  background-color: #f8f9fa;
+  border-color: #f8f9fa; }
+  .btn-light:hover {
+    color: #212529;
+    background-color: #e2e6ea;
+    border-color: #dae0e5; }
+  .btn-light:focus, .btn-light.focus {
+    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
+  .btn-light.disabled, .btn-light:disabled {
+    color: #212529;
+    background-color: #f8f9fa;
+    border-color: #f8f9fa; }
+  .btn-light:not(:disabled):not(.disabled):active, .btn-light:not(:disabled):not(.disabled).active,
+  .show > .btn-light.dropdown-toggle {
+    color: #212529;
+    background-color: #dae0e5;
+    border-color: #d3d9df; }
+    .btn-light:not(:disabled):not(.disabled):active:focus, .btn-light:not(:disabled):not(.disabled).active:focus,
+    .show > .btn-light.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
+
+.btn-dark {
+  color: #fff;
+  background-color: #373a3c;
+  border-color: #373a3c; }
+  .btn-dark:hover {
+    color: #fff;
+    background-color: #252728;
+    border-color: #1f2021; }
+  .btn-dark:focus, .btn-dark.focus {
+    box-shadow: 0 0 0 0.2rem rgba(55, 58, 60, 0.5); }
+  .btn-dark.disabled, .btn-dark:disabled {
+    color: #fff;
+    background-color: #373a3c;
+    border-color: #373a3c; }
+  .btn-dark:not(:disabled):not(.disabled):active, .btn-dark:not(:disabled):not(.disabled).active,
+  .show > .btn-dark.dropdown-toggle {
+    color: #fff;
+    background-color: #1f2021;
+    border-color: #191a1b; }
+    .btn-dark:not(:disabled):not(.disabled):active:focus, .btn-dark:not(:disabled):not(.disabled).active:focus,
+    .show > .btn-dark.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(55, 58, 60, 0.5); }
+
+.btn-outline-primary {
+  color: #1177d1;
+  background-color: transparent;
+  background-image: none;
+  border-color: #1177d1; }
+  .btn-outline-primary:hover {
+    color: #fff;
+    background-color: #1177d1;
+    border-color: #1177d1; }
+  .btn-outline-primary:focus, .btn-outline-primary.focus {
+    box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.5); }
+  .btn-outline-primary.disabled, .btn-outline-primary:disabled {
+    color: #1177d1;
+    background-color: transparent; }
+  .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active,
+  .show > .btn-outline-primary.dropdown-toggle {
+    color: #fff;
+    background-color: #1177d1;
+    border-color: #1177d1; }
+    .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
+    .show > .btn-outline-primary.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.5); }
+
+.btn-outline-secondary {
+  color: #ced4da;
+  background-color: transparent;
+  background-image: none;
+  border-color: #ced4da; }
+  .btn-outline-secondary:hover {
+    color: #212529;
+    background-color: #ced4da;
+    border-color: #ced4da; }
+  .btn-outline-secondary:focus, .btn-outline-secondary.focus {
+    box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5); }
+  .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
+    color: #ced4da;
+    background-color: transparent; }
+  .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
+  .show > .btn-outline-secondary.dropdown-toggle {
+    color: #212529;
+    background-color: #ced4da;
+    border-color: #ced4da; }
+    .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
+    .show > .btn-outline-secondary.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(206, 212, 218, 0.5); }
+
+.btn-outline-success {
+  color: #5cb85c;
+  background-color: transparent;
+  background-image: none;
+  border-color: #5cb85c; }
+  .btn-outline-success:hover {
+    color: #fff;
+    background-color: #5cb85c;
+    border-color: #5cb85c; }
+  .btn-outline-success:focus, .btn-outline-success.focus {
+    box-shadow: 0 0 0 0.2rem rgba(92, 184, 92, 0.5); }
+  .btn-outline-success.disabled, .btn-outline-success:disabled {
+    color: #5cb85c;
+    background-color: transparent; }
+  .btn-outline-success:not(:disabled):not(.disabled):active, .btn-outline-success:not(:disabled):not(.disabled).active,
+  .show > .btn-outline-success.dropdown-toggle {
+    color: #fff;
+    background-color: #5cb85c;
+    border-color: #5cb85c; }
+    .btn-outline-success:not(:disabled):not(.disabled):active:focus, .btn-outline-success:not(:disabled):not(.disabled).active:focus,
+    .show > .btn-outline-success.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(92, 184, 92, 0.5); }
+
+.btn-outline-info {
+  color: #5bc0de;
+  background-color: transparent;
+  background-image: none;
+  border-color: #5bc0de; }
+  .btn-outline-info:hover {
+    color: #212529;
+    background-color: #5bc0de;
+    border-color: #5bc0de; }
+  .btn-outline-info:focus, .btn-outline-info.focus {
+    box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5); }
+  .btn-outline-info.disabled, .btn-outline-info:disabled {
+    color: #5bc0de;
+    background-color: transparent; }
+  .btn-outline-info:not(:disabled):not(.disabled):active, .btn-outline-info:not(:disabled):not(.disabled).active,
+  .show > .btn-outline-info.dropdown-toggle {
+    color: #212529;
+    background-color: #5bc0de;
+    border-color: #5bc0de; }
+    .btn-outline-info:not(:disabled):not(.disabled):active:focus, .btn-outline-info:not(:disabled):not(.disabled).active:focus,
+    .show > .btn-outline-info.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5); }
+
+.btn-outline-warning {
+  color: #f0ad4e;
+  background-color: transparent;
+  background-image: none;
+  border-color: #f0ad4e; }
+  .btn-outline-warning:hover {
+    color: #212529;
+    background-color: #f0ad4e;
+    border-color: #f0ad4e; }
+  .btn-outline-warning:focus, .btn-outline-warning.focus {
+    box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5); }
+  .btn-outline-warning.disabled, .btn-outline-warning:disabled {
+    color: #f0ad4e;
+    background-color: transparent; }
+  .btn-outline-warning:not(:disabled):not(.disabled):active, .btn-outline-warning:not(:disabled):not(.disabled).active,
+  .show > .btn-outline-warning.dropdown-toggle {
+    color: #212529;
+    background-color: #f0ad4e;
+    border-color: #f0ad4e; }
+    .btn-outline-warning:not(:disabled):not(.disabled):active:focus, .btn-outline-warning:not(:disabled):not(.disabled).active:focus,
+    .show > .btn-outline-warning.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(240, 173, 78, 0.5); }
+
+.btn-outline-danger {
+  color: #d9534f;
+  background-color: transparent;
+  background-image: none;
+  border-color: #d9534f; }
+  .btn-outline-danger:hover {
+    color: #fff;
+    background-color: #d9534f;
+    border-color: #d9534f; }
+  .btn-outline-danger:focus, .btn-outline-danger.focus {
+    box-shadow: 0 0 0 0.2rem rgba(217, 83, 79, 0.5); }
+  .btn-outline-danger.disabled, .btn-outline-danger:disabled {
+    color: #d9534f;
+    background-color: transparent; }
+  .btn-outline-danger:not(:disabled):not(.disabled):active, .btn-outline-danger:not(:disabled):not(.disabled).active,
+  .show > .btn-outline-danger.dropdown-toggle {
+    color: #fff;
+    background-color: #d9534f;
+    border-color: #d9534f; }
+    .btn-outline-danger:not(:disabled):not(.disabled):active:focus, .btn-outline-danger:not(:disabled):not(.disabled).active:focus,
+    .show > .btn-outline-danger.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(217, 83, 79, 0.5); }
+
+.btn-outline-light {
+  color: #f8f9fa;
+  background-color: transparent;
+  background-image: none;
+  border-color: #f8f9fa; }
+  .btn-outline-light:hover {
+    color: #212529;
+    background-color: #f8f9fa;
+    border-color: #f8f9fa; }
+  .btn-outline-light:focus, .btn-outline-light.focus {
+    box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
+  .btn-outline-light.disabled, .btn-outline-light:disabled {
+    color: #f8f9fa;
+    background-color: transparent; }
+  .btn-outline-light:not(:disabled):not(.disabled):active, .btn-outline-light:not(:disabled):not(.disabled).active,
+  .show > .btn-outline-light.dropdown-toggle {
+    color: #212529;
+    background-color: #f8f9fa;
+    border-color: #f8f9fa; }
+    .btn-outline-light:not(:disabled):not(.disabled):active:focus, .btn-outline-light:not(:disabled):not(.disabled).active:focus,
+    .show > .btn-outline-light.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(248, 249, 250, 0.5); }
+
+.btn-outline-dark {
+  color: #373a3c;
+  background-color: transparent;
+  background-image: none;
+  border-color: #373a3c; }
+  .btn-outline-dark:hover {
+    color: #fff;
+    background-color: #373a3c;
+    border-color: #373a3c; }
+  .btn-outline-dark:focus, .btn-outline-dark.focus {
+    box-shadow: 0 0 0 0.2rem rgba(55, 58, 60, 0.5); }
+  .btn-outline-dark.disabled, .btn-outline-dark:disabled {
+    color: #373a3c;
+    background-color: transparent; }
+  .btn-outline-dark:not(:disabled):not(.disabled):active, .btn-outline-dark:not(:disabled):not(.disabled).active,
+  .show > .btn-outline-dark.dropdown-toggle {
+    color: #fff;
+    background-color: #373a3c;
+    border-color: #373a3c; }
+    .btn-outline-dark:not(:disabled):not(.disabled):active:focus, .btn-outline-dark:not(:disabled):not(.disabled).active:focus,
+    .show > .btn-outline-dark.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(55, 58, 60, 0.5); }
+
+.btn-link {
+  font-weight: 400;
+  color: #1177d1;
+  background-color: transparent; }
+  .btn-link:hover {
+    color: #0b4f8a;
+    text-decoration: underline;
+    background-color: transparent;
+    border-color: transparent; }
+  .btn-link:focus, .btn-link.focus {
+    text-decoration: underline;
+    border-color: transparent;
+    box-shadow: none; }
+  .btn-link:disabled, .btn-link.disabled {
+    color: #868e96; }
+
+.btn-lg, .btn-group-lg > .btn, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-lg > input, #rubric-rubric.gradingform_rubric .btn-group-lg > .addcriterion, #page-grade-grading-manage .actions .action {
+  padding: 0.5rem 1rem;
+  font-size: 1.171875rem;
+  line-height: 1.5;
+  border-radius: 0; }
+
+.btn-sm, .btn-group-sm > .btn, #page-grade-grading-manage .actions .btn-group-sm > .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-sm > input, #rubric-rubric.gradingform_rubric .btn-group-sm > .addcriterion {
+  padding: 0.25rem 0.5rem;
+  font-size: 0.8203125rem;
+  line-height: 1.5;
+  border-radius: 0; }
+
+.btn-block, p.arrow_button input, #addcontrols input,
+#removecontrols input {
+  display: block;
+  width: 100%; }
+  .btn-block + .btn-block, p.arrow_button input + .btn-block, #addcontrols input + .btn-block, #removecontrols input + .btn-block, p.arrow_button .btn-block + input, p.arrow_button input + input, #addcontrols .btn-block + input, #addcontrols p.arrow_button input + input, #addcontrols input + input,
+  #removecontrols .btn-block + input, #removecontrols p.arrow_button input + input,
+  #removecontrols input + input {
+    margin-top: 0.5rem; }
+
+input[type="submit"].btn-block, p.arrow_button input[type="submit"], #addcontrols input[type="submit"],
+#removecontrols input[type="submit"],
+input[type="reset"].btn-block,
+p.arrow_button input[type="reset"],
+#addcontrols input[type="reset"],
+#removecontrols input[type="reset"],
+input[type="button"].btn-block,
+p.arrow_button input[type="button"],
+#addcontrols input[type="button"],
+#removecontrols input[type="button"] {
+  width: 100%; }
+
+.fade {
+  opacity: 0;
+  transition: opacity 0.15s linear; }
+  .fade.show {
+    opacity: 1; }
+
+.collapse {
+  display: none; }
+  .collapse.show {
+    display: block; }
+
+tr.collapse.show {
+  display: table-row; }
+
+tbody.collapse.show {
+  display: table-row-group; }
+
+.collapsing {
+  position: relative;
+  height: 0;
+  overflow: hidden;
+  transition: height 0.35s ease; }
+
+.dropup,
+.dropdown {
+  position: relative; }
+
+.dropdown-toggle::after {
+  display: inline-block;
+  width: 0;
+  height: 0;
+  margin-left: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+  border-top: 0.3em solid;
+  border-right: 0.3em solid transparent;
+  border-bottom: 0;
+  border-left: 0.3em solid transparent; }
+
+.dropdown-toggle:empty::after {
+  margin-left: 0; }
+
+.dropdown-menu {
+  position: absolute;
+  top: 100%;
+  left: 0;
+  z-index: 1000;
+  display: none;
+  float: left;
+  min-width: 10rem;
+  padding: 0.5rem 0;
+  margin: 0.125rem 0 0;
+  font-size: 0.9375rem;
+  color: #373a3c;
+  text-align: left;
+  list-style: none;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid rgba(0, 0, 0, 0.15); }
+
+.dropup .dropdown-menu {
+  margin-top: 0;
+  margin-bottom: 0.125rem; }
+
+.dropup .dropdown-toggle::after {
+  display: inline-block;
+  width: 0;
+  height: 0;
+  margin-left: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+  border-top: 0;
+  border-right: 0.3em solid transparent;
+  border-bottom: 0.3em solid;
+  border-left: 0.3em solid transparent; }
+
+.dropup .dropdown-toggle:empty::after {
+  margin-left: 0; }
+
+.dropright .dropdown-menu {
+  margin-top: 0;
+  margin-left: 0.125rem; }
+
+.dropright .dropdown-toggle::after {
+  display: inline-block;
+  width: 0;
+  height: 0;
+  margin-left: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+  border-top: 0.3em solid transparent;
+  border-bottom: 0.3em solid transparent;
+  border-left: 0.3em solid; }
+
+.dropright .dropdown-toggle:empty::after {
+  margin-left: 0; }
+
+.dropright .dropdown-toggle::after {
+  vertical-align: 0; }
+
+.dropleft .dropdown-menu {
+  margin-top: 0;
+  margin-right: 0.125rem; }
+
+.dropleft .dropdown-toggle::after {
+  display: inline-block;
+  width: 0;
+  height: 0;
+  margin-left: 0.255em;
+  vertical-align: 0.255em;
+  content: ""; }
+
+.dropleft .dropdown-toggle::after {
+  display: none; }
+
+.dropleft .dropdown-toggle::before {
+  display: inline-block;
+  width: 0;
+  height: 0;
+  margin-right: 0.255em;
+  vertical-align: 0.255em;
+  content: "";
+  border-top: 0.3em solid transparent;
+  border-right: 0.3em solid;
+  border-bottom: 0.3em solid transparent; }
+
+.dropleft .dropdown-toggle:empty::after {
+  margin-left: 0; }
+
+.dropleft .dropdown-toggle::before {
+  vertical-align: 0; }
+
+.dropdown-divider {
+  height: 0;
+  margin: 0.5rem 0;
+  overflow: hidden;
+  border-top: 1px solid #e9ecef; }
+
+.dropdown-item {
+  display: block;
+  width: 100%;
+  padding: 0.25rem 1.5rem;
+  clear: both;
+  font-weight: 400;
+  color: #212529;
+  text-align: inherit;
+  white-space: nowrap;
+  background-color: transparent;
+  border: 0; }
+  .dropdown-item:hover, .dropdown-item:focus {
+    color: #16181b;
+    text-decoration: none;
+    background-color: #f8f9fa; }
+  .dropdown-item.active, .dropdown-item:active {
+    color: #fff;
+    text-decoration: none;
+    background-color: #1177d1; }
+  .dropdown-item.disabled, .dropdown-item:disabled {
+    color: #868e96;
+    background-color: transparent; }
+
+.dropdown-menu.show {
+  display: block; }
+
+.dropdown-header {
+  display: block;
+  padding: 0.5rem 1.5rem;
+  margin-bottom: 0;
+  font-size: 0.8203125rem;
+  color: #868e96;
+  white-space: nowrap; }
+
+.btn-group,
+.btn-group-vertical {
+  position: relative;
+  display: inline-flex;
+  vertical-align: middle; }
+  .btn-group > .btn, #page-grade-grading-manage .actions .btn-group > .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group > input, #rubric-rubric.gradingform_rubric .btn-group > .addcriterion,
+  .btn-group-vertical > .btn,
+  #page-grade-grading-manage .actions .btn-group-vertical > .action,
+  #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > input,
+  #rubric-rubric.gradingform_rubric .btn-group-vertical > .addcriterion {
+    position: relative;
+    flex: 0 1 auto; }
+    .btn-group > .btn:hover, #page-grade-grading-manage .actions .btn-group > .action:hover, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group > input:hover, #rubric-rubric.gradingform_rubric .btn-group > .addcriterion:hover,
+    .btn-group-vertical > .btn:hover,
+    #page-grade-grading-manage .actions .btn-group-vertical > .action:hover,
+    #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > input:hover,
+    #rubric-rubric.gradingform_rubric .btn-group-vertical > .addcriterion:hover {
+      z-index: 1; }
+    .btn-group > .btn:focus, #page-grade-grading-manage .actions .btn-group > .action:focus, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group > input:focus, #rubric-rubric.gradingform_rubric .btn-group > .addcriterion:focus, .btn-group > .btn:active, #page-grade-grading-manage .actions .btn-group > .action:active, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group > input:active, #rubric-rubric.gradingform_rubric .btn-group > .addcriterion:active, .btn-group > .btn.active, #page-grade-grading-manage .actions .btn-group > .active.action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group > input.active, #rubric-rubric.gradingform_rubric .btn-group > .active.addcriterion,
+    .btn-group-vertical > .btn:focus,
+    #page-grade-grading-manage .actions .btn-group-vertical > .action:focus,
+    #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > input:focus,
+    #rubric-rubric.gradingform_rubric .btn-group-vertical > .addcriterion:focus,
+    .btn-group-vertical > .btn:active,
+    #page-grade-grading-manage .actions .btn-group-vertical > .action:active,
+    #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > input:active,
+    #rubric-rubric.gradingform_rubric .btn-group-vertical > .addcriterion:active,
+    .btn-group-vertical > .btn.active,
+    #page-grade-grading-manage .actions .btn-group-vertical > .active.action,
+    #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > input.active,
+    #rubric-rubric.gradingform_rubric .btn-group-vertical > .active.addcriterion {
+      z-index: 1; }
+  .btn-group .btn + .btn, .btn-group #page-grade-grading-manage .actions .action + .btn, #page-grade-grading-manage .actions .btn-group .action + .btn, .btn-group #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .btn, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group input + .btn, .btn-group #rubric-rubric.gradingform_rubric .addcriterion + .btn, #rubric-rubric.gradingform_rubric .btn-group .addcriterion + .btn, .btn-group #page-grade-grading-manage .actions .btn + .action, #page-grade-grading-manage .actions .btn-group .btn + .action, .btn-group #page-grade-grading-manage .actions .action + .action, #page-grade-grading-manage .actions .btn-group .action + .action, .btn-group #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel #page-grade-grading-manage .actions input + .action, #page-grade-grading-manage .actions .btn-group #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group #page-grade-grading-manage .actions input + .action, #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group input + .action, .btn-group #rubric-rubric.gradingform_rubric #page-grade-grading-manage .actions .addcriterion + .action, #page-grade-grading-manage .actions .btn-group #rubric-rubric.gradingform_rubric .addcriterion + .action, #rubric-rubric.gradingform_rubric .btn-group #page-grade-grading-manage .actions .addcriterion + .action, #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric .btn-group .addcriterion + .action, .btn-group #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn + input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group .btn + input, .btn-group #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .action + input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group #page-grade-grading-manage .actions .action + input, #page-grade-grading-manage .actions .btn-group #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .action + input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel #page-grade-grading-manage .actions .btn-group .action + input, .btn-group #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group input + input, .btn-group #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .addcriterion + input, #rubric-rubric.gradingform_rubric .btn-group #rubric-criteria .criterion .addlevel .addcriterion + input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group .addcriterion + input, .btn-group #rubric-rubric.gradingform_rubric .btn + .addcriterion, #rubric-rubric.gradingform_rubric .btn-group .btn + .addcriterion, .btn-group #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric .action + .addcriterion, #rubric-rubric.gradingform_rubric .btn-group #page-grade-grading-manage .actions .action + .addcriterion, #page-grade-grading-manage .actions .btn-group #rubric-rubric.gradingform_rubric .action + .addcriterion, #rubric-rubric.gradingform_rubric #page-grade-grading-manage .actions .btn-group .action + .addcriterion, .btn-group #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .addcriterion, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group input + .addcriterion, .btn-group #rubric-rubric.gradingform_rubric .addcriterion + .addcriterion, #rubric-rubric.gradingform_rubric .btn-group .addcriterion + .addcriterion,
+  .btn-group .btn + .btn-group,
+  .btn-group #page-grade-grading-manage .actions .action + .btn-group,
+  #page-grade-grading-manage .actions .btn-group .action + .btn-group,
+  .btn-group #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .btn-group,
+  #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group input + .btn-group,
+  .btn-group #rubric-rubric.gradingform_rubric .addcriterion + .btn-group,
+  #rubric-rubric.gradingform_rubric .btn-group .addcriterion + .btn-group,
+  .btn-group .btn-group + .btn,
+  .btn-group #page-grade-grading-manage .actions .btn-group + .action,
+  #page-grade-grading-manage .actions .btn-group .btn-group + .action,
+  .btn-group #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group + input,
+  #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group .btn-group + input,
+  .btn-group #rubric-rubric.gradingform_rubric .btn-group + .addcriterion,
+  #rubric-rubric.gradingform_rubric .btn-group .btn-group + .addcriterion,
+  .btn-group .btn-group + .btn-group,
+  .btn-group-vertical .btn + .btn,
+  .btn-group-vertical #page-grade-grading-manage .actions .action + .btn,
+  #page-grade-grading-manage .actions .btn-group-vertical .action + .btn,
+  .btn-group-vertical #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .btn,
+  #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical input + .btn,
+  .btn-group-vertical #rubric-rubric.gradingform_rubric .addcriterion + .btn,
+  #rubric-rubric.gradingform_rubric .btn-group-vertical .addcriterion + .btn,
+  .btn-group-vertical #page-grade-grading-manage .actions .btn + .action,
+  #page-grade-grading-manage .actions .btn-group-vertical .btn + .action,
+  .btn-group-vertical #page-grade-grading-manage .actions .action + .action,
+  #page-grade-grading-manage .actions .btn-group-vertical .action + .action,
+  .btn-group-vertical #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel #page-grade-grading-manage .actions input + .action,
+  #page-grade-grading-manage .actions .btn-group-vertical #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .action,
+  #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical #page-grade-grading-manage .actions input + .action,
+  #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical input + .action,
+  .btn-group-vertical #rubric-rubric.gradingform_rubric #page-grade-grading-manage .actions .addcriterion + .action,
+  #page-grade-grading-manage .actions .btn-group-vertical #rubric-rubric.gradingform_rubric .addcriterion + .action,
+  #rubric-rubric.gradingform_rubric .btn-group-vertical #page-grade-grading-manage .actions .addcriterion + .action,
+  #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric .btn-group-vertical .addcriterion + .action,
+  .btn-group-vertical #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn + input,
+  #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical .btn + input,
+  .btn-group-vertical #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .action + input,
+  #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical #page-grade-grading-manage .actions .action + input,
+  #page-grade-grading-manage .actions .btn-group-vertical #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .action + input,
+  #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel #page-grade-grading-manage .actions .btn-group-vertical .action + input,
+  .btn-group-vertical #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + input,
+  #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical input + input,
+  .btn-group-vertical #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .addcriterion + input,
+  #rubric-rubric.gradingform_rubric .btn-group-vertical #rubric-criteria .criterion .addlevel .addcriterion + input,
+  #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical .addcriterion + input,
+  .btn-group-vertical #rubric-rubric.gradingform_rubric .btn + .addcriterion,
+  #rubric-rubric.gradingform_rubric .btn-group-vertical .btn + .addcriterion,
+  .btn-group-vertical #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric .action + .addcriterion,
+  #rubric-rubric.gradingform_rubric .btn-group-vertical #page-grade-grading-manage .actions .action + .addcriterion,
+  #page-grade-grading-manage .actions .btn-group-vertical #rubric-rubric.gradingform_rubric .action + .addcriterion,
+  #rubric-rubric.gradingform_rubric #page-grade-grading-manage .actions .btn-group-vertical .action + .addcriterion,
+  .btn-group-vertical #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .addcriterion,
+  #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical input + .addcriterion,
+  .btn-group-vertical #rubric-rubric.gradingform_rubric .addcriterion + .addcriterion,
+  #rubric-rubric.gradingform_rubric .btn-group-vertical .addcriterion + .addcriterion,
+  .btn-group-vertical .btn + .btn-group,
+  .btn-group-vertical #page-grade-grading-manage .actions .action + .btn-group,
+  #page-grade-grading-manage .actions .btn-group-vertical .action + .btn-group,
+  .btn-group-vertical #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .btn-group,
+  #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical input + .btn-group,
+  .btn-group-vertical #rubric-rubric.gradingform_rubric .addcriterion + .btn-group,
+  #rubric-rubric.gradingform_rubric .btn-group-vertical .addcriterion + .btn-group,
+  .btn-group-vertical .btn-group + .btn,
+  .btn-group-vertical #page-grade-grading-manage .actions .btn-group + .action,
+  #page-grade-grading-manage .actions .btn-group-vertical .btn-group + .action,
+  .btn-group-vertical #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group + input,
+  #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical .btn-group + input,
+  .btn-group-vertical #rubric-rubric.gradingform_rubric .btn-group + .addcriterion,
+  #rubric-rubric.gradingform_rubric .btn-group-vertical .btn-group + .addcriterion,
+  .btn-group-vertical .btn-group + .btn-group {
+    margin-left: -1px; }
+
+.btn-toolbar {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: flex-start; }
+  .btn-toolbar .input-group {
+    width: auto; }
+
+.btn-group > .btn:first-child, #page-grade-grading-manage .actions .btn-group > .action:first-child, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group > input:first-child, #rubric-rubric.gradingform_rubric .btn-group > .addcriterion:first-child {
+  margin-left: 0; }
+
+.dropdown-toggle-split {
+  padding-right: 0.5625rem;
+  padding-left: 0.5625rem; }
+  .dropdown-toggle-split::after {
+    margin-left: 0; }
+
+.btn-sm + .dropdown-toggle-split, .btn-group-sm > .btn + .dropdown-toggle-split, #page-grade-grading-manage .actions .btn-group-sm > .action + .dropdown-toggle-split, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-sm > input + .dropdown-toggle-split, #rubric-rubric.gradingform_rubric .btn-group-sm > .addcriterion + .dropdown-toggle-split {
+  padding-right: 0.375rem;
+  padding-left: 0.375rem; }
+
+.btn-lg + .dropdown-toggle-split, .btn-group-lg > .btn + .dropdown-toggle-split, #page-grade-grading-manage .actions .btn-group-lg > .action + .dropdown-toggle-split, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-lg > input + .dropdown-toggle-split, #rubric-rubric.gradingform_rubric .btn-group-lg > .addcriterion + .dropdown-toggle-split, #page-grade-grading-manage .actions .action + .dropdown-toggle-split {
+  padding-right: 0.75rem;
+  padding-left: 0.75rem; }
+
+.btn-group-vertical {
+  flex-direction: column;
+  align-items: flex-start;
+  justify-content: center; }
+  .btn-group-vertical .btn, .btn-group-vertical #page-grade-grading-manage .actions .action, #page-grade-grading-manage .actions .btn-group-vertical .action, .btn-group-vertical #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical input, .btn-group-vertical #rubric-rubric.gradingform_rubric .addcriterion, #rubric-rubric.gradingform_rubric .btn-group-vertical .addcriterion,
+  .btn-group-vertical .btn-group {
+    width: 100%; }
+  .btn-group-vertical > .btn + .btn, #page-grade-grading-manage .actions .btn-group-vertical > .action + .btn, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > input + .btn, #rubric-rubric.gradingform_rubric .btn-group-vertical > .addcriterion + .btn, #page-grade-grading-manage .actions .btn-group-vertical > .btn + .action, #page-grade-grading-manage .actions .btn-group-vertical > .action + .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel #page-grade-grading-manage .actions .btn-group-vertical > input + .action, #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > input + .action, #rubric-rubric.gradingform_rubric #page-grade-grading-manage .actions .btn-group-vertical > .addcriterion + .action, #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric .btn-group-vertical > .addcriterion + .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > .btn + input, #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > .action + input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel #page-grade-grading-manage .actions .btn-group-vertical > .action + input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > input + input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > .addcriterion + input, #rubric-rubric.gradingform_rubric .btn-group-vertical > .btn + .addcriterion, #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric .btn-group-vertical > .action + .addcriterion, #rubric-rubric.gradingform_rubric #page-grade-grading-manage .actions .btn-group-vertical > .action + .addcriterion, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > input + .addcriterion, #rubric-rubric.gradingform_rubric .btn-group-vertical > .addcriterion + .addcriterion,
+  .btn-group-vertical > .btn + .btn-group,
+  #page-grade-grading-manage .actions .btn-group-vertical > .action + .btn-group,
+  #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > input + .btn-group,
+  #rubric-rubric.gradingform_rubric .btn-group-vertical > .addcriterion + .btn-group,
+  .btn-group-vertical > .btn-group + .btn,
+  #page-grade-grading-manage .actions .btn-group-vertical > .btn-group + .action,
+  #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-vertical > .btn-group + input,
+  #rubric-rubric.gradingform_rubric .btn-group-vertical > .btn-group + .addcriterion,
+  .btn-group-vertical > .btn-group + .btn-group {
+    margin-top: -1px;
+    margin-left: 0; }
+
+.btn-group-toggle > .btn, #page-grade-grading-manage .actions .btn-group-toggle > .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-toggle > input, #rubric-rubric.gradingform_rubric .btn-group-toggle > .addcriterion,
+.btn-group-toggle > .btn-group > .btn,
+#page-grade-grading-manage .actions .btn-group-toggle > .btn-group > .action,
+#rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-toggle > .btn-group > input,
+#rubric-rubric.gradingform_rubric .btn-group-toggle > .btn-group > .addcriterion {
+  margin-bottom: 0; }
+  .btn-group-toggle > .btn input[type="radio"], #page-grade-grading-manage .actions .btn-group-toggle > .action input[type="radio"], #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-toggle > input input[type="radio"], #rubric-rubric.gradingform_rubric .btn-group-toggle > .addcriterion input[type="radio"],
+  .btn-group-toggle > .btn input[type="checkbox"],
+  #page-grade-grading-manage .actions .btn-group-toggle > .action input[type="checkbox"],
+  #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-toggle > input input[type="checkbox"],
+  #rubric-rubric.gradingform_rubric .btn-group-toggle > .addcriterion input[type="checkbox"],
+  .btn-group-toggle > .btn-group > .btn input[type="radio"],
+  #page-grade-grading-manage .actions .btn-group-toggle > .btn-group > .action input[type="radio"],
+  #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-toggle > .btn-group > input input[type="radio"],
+  #rubric-rubric.gradingform_rubric .btn-group-toggle > .btn-group > .addcriterion input[type="radio"],
+  .btn-group-toggle > .btn-group > .btn input[type="checkbox"],
+  #page-grade-grading-manage .actions .btn-group-toggle > .btn-group > .action input[type="checkbox"],
+  #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn-group-toggle > .btn-group > input input[type="checkbox"],
+  #rubric-rubric.gradingform_rubric .btn-group-toggle > .btn-group > .addcriterion input[type="checkbox"] {
+    position: absolute;
+    clip: rect(0, 0, 0, 0);
+    pointer-events: none; }
+
+.input-group {
+  position: relative;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: stretch;
+  width: 100%; }
+  .input-group > .form-control,
+  .input-group > .custom-select,
+  .input-group > .custom-file {
+    position: relative;
+    flex: 1 1 auto;
+    width: 1%;
+    margin-bottom: 0; }
+    .input-group > .form-control:focus,
+    .input-group > .custom-select:focus,
+    .input-group > .custom-file:focus {
+      z-index: 3; }
+    .input-group > .form-control + .form-control,
+    .input-group > .form-control + .custom-select,
+    .input-group > .form-control + .custom-file,
+    .input-group > .custom-select + .form-control,
+    .input-group > .custom-select + .custom-select,
+    .input-group > .custom-select + .custom-file,
+    .input-group > .custom-file + .form-control,
+    .input-group > .custom-file + .custom-select,
+    .input-group > .custom-file + .custom-file {
+      margin-left: -1px; }
+  .input-group > .custom-file {
+    display: flex;
+    align-items: center; }
+
+.input-group-prepend,
+.input-group-append {
+  display: flex; }
+  .input-group-prepend .btn, .input-group-prepend #page-grade-grading-manage .actions .action, #page-grade-grading-manage .actions .input-group-prepend .action, .input-group-prepend #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-prepend input, .input-group-prepend #rubric-rubric.gradingform_rubric .addcriterion, #rubric-rubric.gradingform_rubric .input-group-prepend .addcriterion,
+  .input-group-append .btn,
+  .input-group-append #page-grade-grading-manage .actions .action,
+  #page-grade-grading-manage .actions .input-group-append .action,
+  .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input,
+  #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append input,
+  .input-group-append #rubric-rubric.gradingform_rubric .addcriterion,
+  #rubric-rubric.gradingform_rubric .input-group-append .addcriterion {
+    position: relative;
+    z-index: 2; }
+  .input-group-prepend .btn + .btn, .input-group-prepend #page-grade-grading-manage .actions .action + .btn, #page-grade-grading-manage .actions .input-group-prepend .action + .btn, .input-group-prepend #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .btn, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-prepend input + .btn, .input-group-prepend #rubric-rubric.gradingform_rubric .addcriterion + .btn, #rubric-rubric.gradingform_rubric .input-group-prepend .addcriterion + .btn, .input-group-prepend #page-grade-grading-manage .actions .btn + .action, #page-grade-grading-manage .actions .input-group-prepend .btn + .action, .input-group-prepend #page-grade-grading-manage .actions .action + .action, #page-grade-grading-manage .actions .input-group-prepend .action + .action, .input-group-prepend #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel #page-grade-grading-manage .actions input + .action, #page-grade-grading-manage .actions .input-group-prepend #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .action, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-prepend #page-grade-grading-manage .actions input + .action, #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-prepend input + .action, .input-group-prepend #rubric-rubric.gradingform_rubric #page-grade-grading-manage .actions .addcriterion + .action, #page-grade-grading-manage .actions .input-group-prepend #rubric-rubric.gradingform_rubric .addcriterion + .action, #rubric-rubric.gradingform_rubric .input-group-prepend #page-grade-grading-manage .actions .addcriterion + .action, #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric .input-group-prepend .addcriterion + .action, .input-group-prepend #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn + input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-prepend .btn + input, .input-group-prepend #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .action + input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-prepend #page-grade-grading-manage .actions .action + input, #page-grade-grading-manage .actions .input-group-prepend #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .action + input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel #page-grade-grading-manage .actions .input-group-prepend .action + input, .input-group-prepend #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-prepend input + input, .input-group-prepend #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .addcriterion + input, #rubric-rubric.gradingform_rubric .input-group-prepend #rubric-criteria .criterion .addlevel .addcriterion + input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-prepend .addcriterion + input, .input-group-prepend #rubric-rubric.gradingform_rubric .btn + .addcriterion, #rubric-rubric.gradingform_rubric .input-group-prepend .btn + .addcriterion, .input-group-prepend #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric .action + .addcriterion, #rubric-rubric.gradingform_rubric .input-group-prepend #page-grade-grading-manage .actions .action + .addcriterion, #page-grade-grading-manage .actions .input-group-prepend #rubric-rubric.gradingform_rubric .action + .addcriterion, #rubric-rubric.gradingform_rubric #page-grade-grading-manage .actions .input-group-prepend .action + .addcriterion, .input-group-prepend #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .addcriterion, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-prepend input + .addcriterion, .input-group-prepend #rubric-rubric.gradingform_rubric .addcriterion + .addcriterion, #rubric-rubric.gradingform_rubric .input-group-prepend .addcriterion + .addcriterion,
+  .input-group-prepend .btn + .input-group-text,
+  .input-group-prepend #page-grade-grading-manage .actions .action + .input-group-text,
+  #page-grade-grading-manage .actions .input-group-prepend .action + .input-group-text,
+  .input-group-prepend #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .input-group-text,
+  #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-prepend input + .input-group-text,
+  .input-group-prepend #rubric-rubric.gradingform_rubric .addcriterion + .input-group-text,
+  #rubric-rubric.gradingform_rubric .input-group-prepend .addcriterion + .input-group-text,
+  .input-group-prepend .input-group-text + .input-group-text,
+  .input-group-prepend .input-group-text + .btn,
+  .input-group-prepend #page-grade-grading-manage .actions .input-group-text + .action,
+  #page-grade-grading-manage .actions .input-group-prepend .input-group-text + .action,
+  .input-group-prepend #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-text + input,
+  #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-prepend .input-group-text + input,
+  .input-group-prepend #rubric-rubric.gradingform_rubric .input-group-text + .addcriterion,
+  #rubric-rubric.gradingform_rubric .input-group-prepend .input-group-text + .addcriterion,
+  .input-group-append .btn + .btn,
+  .input-group-append #page-grade-grading-manage .actions .action + .btn,
+  #page-grade-grading-manage .actions .input-group-append .action + .btn,
+  .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .btn,
+  #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append input + .btn,
+  .input-group-append #rubric-rubric.gradingform_rubric .addcriterion + .btn,
+  #rubric-rubric.gradingform_rubric .input-group-append .addcriterion + .btn,
+  .input-group-append #page-grade-grading-manage .actions .btn + .action,
+  #page-grade-grading-manage .actions .input-group-append .btn + .action,
+  .input-group-append #page-grade-grading-manage .actions .action + .action,
+  #page-grade-grading-manage .actions .input-group-append .action + .action,
+  .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel #page-grade-grading-manage .actions input + .action,
+  #page-grade-grading-manage .actions .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .action,
+  #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append #page-grade-grading-manage .actions input + .action,
+  #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append input + .action,
+  .input-group-append #rubric-rubric.gradingform_rubric #page-grade-grading-manage .actions .addcriterion + .action,
+  #page-grade-grading-manage .actions .input-group-append #rubric-rubric.gradingform_rubric .addcriterion + .action,
+  #rubric-rubric.gradingform_rubric .input-group-append #page-grade-grading-manage .actions .addcriterion + .action,
+  #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric .input-group-append .addcriterion + .action,
+  .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .btn + input,
+  #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append .btn + input,
+  .input-group-append #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .action + input,
+  #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append #page-grade-grading-manage .actions .action + input,
+  #page-grade-grading-manage .actions .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .action + input,
+  #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel #page-grade-grading-manage .actions .input-group-append .action + input,
+  .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + input,
+  #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append input + input,
+  .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .addcriterion + input,
+  #rubric-rubric.gradingform_rubric .input-group-append #rubric-criteria .criterion .addlevel .addcriterion + input,
+  #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append .addcriterion + input,
+  .input-group-append #rubric-rubric.gradingform_rubric .btn + .addcriterion,
+  #rubric-rubric.gradingform_rubric .input-group-append .btn + .addcriterion,
+  .input-group-append #page-grade-grading-manage .actions #rubric-rubric.gradingform_rubric .action + .addcriterion,
+  #rubric-rubric.gradingform_rubric .input-group-append #page-grade-grading-manage .actions .action + .addcriterion,
+  #page-grade-grading-manage .actions .input-group-append #rubric-rubric.gradingform_rubric .action + .addcriterion,
+  #rubric-rubric.gradingform_rubric #page-grade-grading-manage .actions .input-group-append .action + .addcriterion,
+  .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .addcriterion,
+  #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append input + .addcriterion,
+  .input-group-append #rubric-rubric.gradingform_rubric .addcriterion + .addcriterion,
+  #rubric-rubric.gradingform_rubric .input-group-append .addcriterion + .addcriterion,
+  .input-group-append .btn + .input-group-text,
+  .input-group-append #page-grade-grading-manage .actions .action + .input-group-text,
+  #page-grade-grading-manage .actions .input-group-append .action + .input-group-text,
+  .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input + .input-group-text,
+  #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append input + .input-group-text,
+  .input-group-append #rubric-rubric.gradingform_rubric .addcriterion + .input-group-text,
+  #rubric-rubric.gradingform_rubric .input-group-append .addcriterion + .input-group-text,
+  .input-group-append .input-group-text + .input-group-text,
+  .input-group-append .input-group-text + .btn,
+  .input-group-append #page-grade-grading-manage .actions .input-group-text + .action,
+  #page-grade-grading-manage .actions .input-group-append .input-group-text + .action,
+  .input-group-append #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-text + input,
+  #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .input-group-append .input-group-text + input,
+  .input-group-append #rubric-rubric.gradingform_rubric .input-group-text + .addcriterion,
+  #rubric-rubric.gradingform_rubric .input-group-append .input-group-text + .addcriterion {
+    margin-left: -1px; }
+
+.input-group-prepend {
+  margin-right: -1px; }
+
+.input-group-append {
+  margin-left: -1px; }
+
+.input-group-text {
+  display: flex;
+  align-items: center;
+  padding: 0.375rem 0.75rem;
+  margin-bottom: 0;
+  font-size: 0.9375rem;
+  font-weight: 400;
+  line-height: 1.5;
+  color: #495057;
+  text-align: center;
+  white-space: nowrap;
+  background-color: #e9ecef;
+  border: 1px solid #ced4da; }
+  .input-group-text input[type="radio"],
+  .input-group-text input[type="checkbox"] {
+    margin-top: 0; }
+
+.custom-control {
+  position: relative;
+  display: block;
+  min-height: 1.5rem;
+  padding-left: 1.5rem; }
+
+.custom-control-inline {
+  display: inline-flex;
+  margin-right: 1rem; }
+
+.custom-control-input {
+  position: absolute;
+  z-index: -1;
+  opacity: 0; }
+  .custom-control-input:checked ~ .custom-control-label::before {
+    color: #fff;
+    background-color: #1177d1; }
+  .custom-control-input:focus ~ .custom-control-label::before {
+    box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(17, 119, 209, 0.25); }
+  .custom-control-input:active ~ .custom-control-label::before {
+    color: #fff;
+    background-color: #9dcdf7; }
+  .custom-control-input:disabled ~ .custom-control-label {
+    color: #868e96; }
+    .custom-control-input:disabled ~ .custom-control-label::before {
+      background-color: #e9ecef; }
+
+.custom-control-label {
+  margin-bottom: 0; }
+  .custom-control-label::before {
+    position: absolute;
+    top: 0.25rem;
+    left: 0;
+    display: block;
+    width: 1rem;
+    height: 1rem;
+    pointer-events: none;
+    content: "";
+    user-select: none;
+    background-color: #dee2e6; }
+  .custom-control-label::after {
+    position: absolute;
+    top: 0.25rem;
+    left: 0;
+    display: block;
+    width: 1rem;
+    height: 1rem;
+    content: "";
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: 50% 50%; }
+
+.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #1177d1; }
+
+.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3E%3C/svg%3E"); }
+
+.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::before {
+  background-color: #1177d1; }
+
+.custom-checkbox .custom-control-input:indeterminate ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 4'%3E%3Cpath stroke='%23fff' d='M0 2h4'/%3E%3C/svg%3E"); }
+
+.custom-checkbox .custom-control-input:disabled:checked ~ .custom-control-label::before {
+  background-color: rgba(17, 119, 209, 0.5); }
+
+.custom-checkbox .custom-control-input:disabled:indeterminate ~ .custom-control-label::before {
+  background-color: rgba(17, 119, 209, 0.5); }
+
+.custom-radio .custom-control-label::before {
+  border-radius: 50%; }
+
+.custom-radio .custom-control-input:checked ~ .custom-control-label::before {
+  background-color: #1177d1; }
+
+.custom-radio .custom-control-input:checked ~ .custom-control-label::after {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E"); }
+
+.custom-radio .custom-control-input:disabled:checked ~ .custom-control-label::before {
+  background-color: rgba(17, 119, 209, 0.5); }
+
+.custom-select {
+  display: inline-block;
+  width: 100%;
+  height: calc(2.15625rem + 2px);
+  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
+  line-height: 1.5;
+  color: #495057;
+  vertical-align: middle;
+  background: #fff url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23373a3c' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E") no-repeat right 0.75rem center;
+  background-size: 8px 10px;
+  border: 1px solid #ced4da;
+  border-radius: 0;
+  appearance: none; }
+  .custom-select:focus {
+    border-color: #6eb5f3;
+    outline: 0;
+    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(110, 181, 243, 0.5); }
+    .custom-select:focus::-ms-value {
+      color: #495057;
+      background-color: #fff; }
+  .custom-select[multiple], .custom-select[size]:not([size="1"]) {
+    height: auto;
+    padding-right: 0.75rem;
+    background-image: none; }
+  .custom-select:disabled {
+    color: #868e96;
+    background-color: #e9ecef; }
+  .custom-select::-ms-expand {
+    opacity: 0; }
+
+.custom-select-sm {
+  height: calc(1.73046875rem + 2px);
+  padding-top: 0.375rem;
+  padding-bottom: 0.375rem;
+  font-size: 75%; }
+
+.custom-select-lg {
+  height: calc(2.7578125rem + 2px);
+  padding-top: 0.375rem;
+  padding-bottom: 0.375rem;
+  font-size: 125%; }
+
+.custom-file {
+  position: relative;
+  display: inline-block;
+  width: 100%;
+  height: calc(2.15625rem + 2px);
+  margin-bottom: 0; }
+
+.custom-file-input {
+  position: relative;
+  z-index: 2;
+  width: 100%;
+  height: calc(2.15625rem + 2px);
+  margin: 0;
+  opacity: 0; }
+  .custom-file-input:focus ~ .custom-file-control {
+    border-color: #6eb5f3;
+    box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.25); }
+    .custom-file-input:focus ~ .custom-file-control::before {
+      border-color: #6eb5f3; }
+  .custom-file-input:lang(en) ~ .custom-file-label::after {
+    content: "Browse"; }
+
+.custom-file-label {
+  position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: 1;
+  height: calc(2.15625rem + 2px);
+  padding: 0.375rem 0.75rem;
+  line-height: 1.5;
+  color: #495057;
+  background-color: #fff;
+  border: 1px solid #ced4da; }
+  .custom-file-label::after {
+    position: absolute;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    z-index: 3;
+    display: block;
+    height: calc(calc(2.15625rem + 2px) - 1px * 2);
+    padding: 0.375rem 0.75rem;
+    line-height: 1.5;
+    color: #495057;
+    content: "Browse";
+    background-color: #e9ecef;
+    border-left: 1px solid #ced4da; }
+
+.nav {
+  display: flex;
+  flex-wrap: wrap;
+  padding-left: 0;
+  margin-bottom: 0;
+  list-style: none; }
+
+.nav-link {
+  display: block;
+  padding: 0.5rem 1rem; }
+  .nav-link:hover, .nav-link:focus {
+    text-decoration: none; }
+  .nav-link.disabled {
+    color: #868e96; }
+
+.nav-tabs {
+  border-bottom: 1px solid #dee2e6; }
+  .nav-tabs .nav-item {
+    margin-bottom: -1px; }
+  .nav-tabs .nav-link {
+    border: 1px solid transparent; }
+    .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
+      border-color: #e9ecef #e9ecef #dee2e6; }
+    .nav-tabs .nav-link.disabled {
+      color: #868e96;
+      background-color: transparent;
+      border-color: transparent; }
+  .nav-tabs .nav-link.active,
+  .nav-tabs .nav-item.show .nav-link {
+    color: #495057;
+    background-color: #fff;
+    border-color: #dee2e6 #dee2e6 #fff; }
+  .nav-tabs .dropdown-menu {
+    margin-top: -1px; }
+
+.nav-pills .nav-link.active,
+.nav-pills .show > .nav-link {
+  color: #fff;
+  background-color: #1177d1; }
+
+.nav-fill .nav-item {
+  flex: 1 1 auto;
+  text-align: center; }
+
+.nav-justified .nav-item {
+  flex-basis: 0;
+  flex-grow: 1;
+  text-align: center; }
+
+.tab-content > .tab-pane {
+  display: none; }
+
+.tab-content > .active {
+  display: block; }
+
+.navbar {
+  position: relative;
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0.5rem 1rem; }
+  .navbar > .container,
+  .navbar > .container-fluid {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    justify-content: space-between; }
+
+.navbar-brand {
+  display: inline-block;
+  padding-top: 0.32421875rem;
+  padding-bottom: 0.32421875rem;
+  margin-right: 1rem;
+  font-size: 1.171875rem;
+  line-height: inherit;
+  white-space: nowrap; }
+  .navbar-brand:hover, .navbar-brand:focus {
+    text-decoration: none; }
+
+.navbar-nav {
+  display: flex;
+  flex-direction: column;
+  padding-left: 0;
+  margin-bottom: 0;
+  list-style: none; }
+  .navbar-nav .nav-link {
+    padding-right: 0;
+    padding-left: 0; }
+  .navbar-nav .dropdown-menu {
+    position: static;
+    float: none; }
+
+.navbar-text {
+  display: inline-block;
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem; }
+
+.navbar-collapse {
+  flex-basis: 100%;
+  flex-grow: 1;
+  align-items: center; }
+
+.navbar-toggler {
+  padding: 0.25rem 0.75rem;
+  font-size: 1.171875rem;
+  line-height: 1;
+  background-color: transparent;
+  border: 1px solid transparent; }
+  .navbar-toggler:hover, .navbar-toggler:focus {
+    text-decoration: none; }
+  .navbar-toggler:not(:disabled):not(.disabled) {
+    cursor: pointer; }
+
+.navbar-toggler-icon {
+  display: inline-block;
+  width: 1.5em;
+  height: 1.5em;
+  vertical-align: middle;
+  content: "";
+  background: no-repeat center center;
+  background-size: 100% 100%; }
+
+@media (max-width: 575.98px) {
+  .navbar-expand-sm > .container,
+  .navbar-expand-sm > .container-fluid {
+    padding-right: 0;
+    padding-left: 0; } }
+
+@media (min-width: 576px) {
+  .navbar-expand-sm {
+    flex-flow: row nowrap;
+    justify-content: flex-start; }
+    .navbar-expand-sm .navbar-nav {
+      flex-direction: row; }
+      .navbar-expand-sm .navbar-nav .dropdown-menu {
+        position: absolute; }
+      .navbar-expand-sm .navbar-nav .dropdown-menu-right {
+        right: 0;
+        left: auto; }
+      .navbar-expand-sm .navbar-nav .nav-link {
+        padding-right: 0.5rem;
+        padding-left: 0.5rem; }
+    .navbar-expand-sm > .container,
+    .navbar-expand-sm > .container-fluid {
+      flex-wrap: nowrap; }
+    .navbar-expand-sm .navbar-collapse {
+      display: flex !important;
+      flex-basis: auto; }
+    .navbar-expand-sm .navbar-toggler {
+      display: none; }
+    .navbar-expand-sm .dropup .dropdown-menu {
+      top: auto;
+      bottom: 100%; } }
+
+@media (max-width: 767.98px) {
+  .navbar-expand-md > .container,
+  .navbar-expand-md > .container-fluid {
+    padding-right: 0;
+    padding-left: 0; } }
+
+@media (min-width: 768px) {
+  .navbar-expand-md {
+    flex-flow: row nowrap;
+    justify-content: flex-start; }
+    .navbar-expand-md .navbar-nav {
+      flex-direction: row; }
+      .navbar-expand-md .navbar-nav .dropdown-menu {
+        position: absolute; }
+      .navbar-expand-md .navbar-nav .dropdown-menu-right {
+        right: 0;
+        left: auto; }
+      .navbar-expand-md .navbar-nav .nav-link {
+        padding-right: 0.5rem;
+        padding-left: 0.5rem; }
+    .navbar-expand-md > .container,
+    .navbar-expand-md > .container-fluid {
+      flex-wrap: nowrap; }
+    .navbar-expand-md .navbar-collapse {
+      display: flex !important;
+      flex-basis: auto; }
+    .navbar-expand-md .navbar-toggler {
+      display: none; }
+    .navbar-expand-md .dropup .dropdown-menu {
+      top: auto;
+      bottom: 100%; } }
+
+@media (max-width: 991.98px) {
+  .navbar-expand-lg > .container,
+  .navbar-expand-lg > .container-fluid {
+    padding-right: 0;
+    padding-left: 0; } }
+
+@media (min-width: 992px) {
+  .navbar-expand-lg {
+    flex-flow: row nowrap;
+    justify-content: flex-start; }
+    .navbar-expand-lg .navbar-nav {
+      flex-direction: row; }
+      .navbar-expand-lg .navbar-nav .dropdown-menu {
+        position: absolute; }
+      .navbar-expand-lg .navbar-nav .dropdown-menu-right {
+        right: 0;
+        left: auto; }
+      .navbar-expand-lg .navbar-nav .nav-link {
+        padding-right: 0.5rem;
+        padding-left: 0.5rem; }
+    .navbar-expand-lg > .container,
+    .navbar-expand-lg > .container-fluid {
+      flex-wrap: nowrap; }
+    .navbar-expand-lg .navbar-collapse {
+      display: flex !important;
+      flex-basis: auto; }
+    .navbar-expand-lg .navbar-toggler {
+      display: none; }
+    .navbar-expand-lg .dropup .dropdown-menu {
+      top: auto;
+      bottom: 100%; } }
+
+@media (max-width: 1199.98px) {
+  .navbar-expand-xl > .container,
+  .navbar-expand-xl > .container-fluid {
+    padding-right: 0;
+    padding-left: 0; } }
+
+@media (min-width: 1200px) {
+  .navbar-expand-xl {
+    flex-flow: row nowrap;
+    justify-content: flex-start; }
+    .navbar-expand-xl .navbar-nav {
+      flex-direction: row; }
+      .navbar-expand-xl .navbar-nav .dropdown-menu {
+        position: absolute; }
+      .navbar-expand-xl .navbar-nav .dropdown-menu-right {
+        right: 0;
+        left: auto; }
+      .navbar-expand-xl .navbar-nav .nav-link {
+        padding-right: 0.5rem;
+        padding-left: 0.5rem; }
+    .navbar-expand-xl > .container,
+    .navbar-expand-xl > .container-fluid {
+      flex-wrap: nowrap; }
+    .navbar-expand-xl .navbar-collapse {
+      display: flex !important;
+      flex-basis: auto; }
+    .navbar-expand-xl .navbar-toggler {
+      display: none; }
+    .navbar-expand-xl .dropup .dropdown-menu {
+      top: auto;
+      bottom: 100%; } }
+
+.navbar-expand {
+  flex-flow: row nowrap;
+  justify-content: flex-start; }
+  .navbar-expand > .container,
+  .navbar-expand > .container-fluid {
+    padding-right: 0;
+    padding-left: 0; }
+  .navbar-expand .navbar-nav {
+    flex-direction: row; }
+    .navbar-expand .navbar-nav .dropdown-menu {
+      position: absolute; }
+    .navbar-expand .navbar-nav .dropdown-menu-right {
+      right: 0;
+      left: auto; }
+    .navbar-expand .navbar-nav .nav-link {
+      padding-right: 0.5rem;
+      padding-left: 0.5rem; }
+  .navbar-expand > .container,
+  .navbar-expand > .container-fluid {
+    flex-wrap: nowrap; }
+  .navbar-expand .navbar-collapse {
+    display: flex !important;
+    flex-basis: auto; }
+  .navbar-expand .navbar-toggler {
+    display: none; }
+  .navbar-expand .dropup .dropdown-menu {
+    top: auto;
+    bottom: 100%; }
+
+.navbar-light .navbar-brand {
+  color: rgba(0, 0, 0, 0.9); }
+  .navbar-light .navbar-brand:hover, .navbar-light .navbar-brand:focus {
+    color: rgba(0, 0, 0, 0.9); }
+
+.navbar-light .navbar-nav .nav-link {
+  color: rgba(0, 0, 0, 0.5); }
+  .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
+    color: rgba(0, 0, 0, 0.9); }
+  .navbar-light .navbar-nav .nav-link.disabled {
+    color: rgba(0, 0, 0, 0.3); }
+
+.navbar-light .navbar-nav .show > .nav-link,
+.navbar-light .navbar-nav .active > .nav-link,
+.navbar-light .navbar-nav .nav-link.show,
+.navbar-light .navbar-nav .nav-link.active {
+  color: rgba(0, 0, 0, 0.9); }
+
+.navbar-light .navbar-toggler {
+  color: rgba(0, 0, 0, 0.5);
+  border-color: rgba(0, 0, 0, 0.1); }
+
+.navbar-light .navbar-toggler-icon {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
+
+.navbar-light .navbar-text {
+  color: rgba(0, 0, 0, 0.5); }
+  .navbar-light .navbar-text a {
+    color: rgba(0, 0, 0, 0.9); }
+    .navbar-light .navbar-text a:hover, .navbar-light .navbar-text a:focus {
+      color: rgba(0, 0, 0, 0.9); }
+
+.navbar-dark .navbar-brand {
+  color: #fff; }
+  .navbar-dark .navbar-brand:hover, .navbar-dark .navbar-brand:focus {
+    color: #fff; }
+
+.navbar-dark .navbar-nav .nav-link {
+  color: rgba(255, 255, 255, 0.5); }
+  .navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link:focus {
+    color: white; }
+  .navbar-dark .navbar-nav .nav-link.disabled {
+    color: rgba(255, 255, 255, 0.25); }
+
+.navbar-dark .navbar-nav .show > .nav-link,
+.navbar-dark .navbar-nav .active > .nav-link,
+.navbar-dark .navbar-nav .nav-link.show,
+.navbar-dark .navbar-nav .nav-link.active {
+  color: #fff; }
+
+.navbar-dark .navbar-toggler {
+  color: rgba(255, 255, 255, 0.5);
+  border-color: rgba(255, 255, 255, 0.1); }
+
+.navbar-dark .navbar-toggler-icon {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E"); }
+
+.navbar-dark .navbar-text {
+  color: rgba(255, 255, 255, 0.5); }
+  .navbar-dark .navbar-text a {
+    color: #fff; }
+    .navbar-dark .navbar-text a:hover, .navbar-dark .navbar-text a:focus {
+      color: #fff; }
+
+.card, #page-enrol-users #filterform, .que .history, .userprofile .profile_tree section, .groupinfobox, .well {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+  word-wrap: break-word;
+  background-color: #fff;
+  background-clip: border-box;
+  border: 1px solid rgba(0, 0, 0, 0.125); }
+  .card > hr, #page-enrol-users #filterform > hr, .que .history > hr, .userprofile .profile_tree section > hr, .groupinfobox > hr, .well > hr {
+    margin-right: 0;
+    margin-left: 0; }
+
+.card-body, .userprofile .profile_tree section {
+  flex: 1 1 auto;
+  padding: 1.25rem; }
+
+.card-title {
+  margin-bottom: 0.75rem; }
+
+.card-subtitle {
+  margin-top: -0.375rem;
+  margin-bottom: 0; }
+
+.card-text:last-child {
+  margin-bottom: 0; }
+
+.card-link:hover {
+  text-decoration: none; }
+
+.card-link + .card-link {
+  margin-left: 1.25rem; }
+
+.card-header {
+  padding: 0.75rem 1.25rem;
+  margin-bottom: 0;
+  background-color: rgba(0, 0, 0, 0.03);
+  border-bottom: 1px solid rgba(0, 0, 0, 0.125); }
+  .card-header + .list-group .list-group-item:first-child {
+    border-top: 0; }
+
+.card-footer {
+  padding: 0.75rem 1.25rem;
+  background-color: rgba(0, 0, 0, 0.03);
+  border-top: 1px solid rgba(0, 0, 0, 0.125); }
+
+.card-header-tabs {
+  margin-right: -0.625rem;
+  margin-bottom: -0.75rem;
+  margin-left: -0.625rem;
+  border-bottom: 0; }
+
+.card-header-pills {
+  margin-right: -0.625rem;
+  margin-left: -0.625rem; }
+
+.card-img-overlay {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  padding: 1.25rem; }
+
+.card-img {
+  width: 100%; }
+
+.card-img-top {
+  width: 100%; }
+
+.card-img-bottom {
+  width: 100%; }
+
+.card-deck {
+  display: flex;
+  flex-direction: column; }
+  .card-deck .card, .card-deck #page-enrol-users #filterform, #page-enrol-users .card-deck #filterform, .card-deck .que .history, .que .card-deck .history, .card-deck .userprofile .profile_tree section, .userprofile .profile_tree .card-deck section, .card-deck .groupinfobox, .card-deck .well {
+    margin-bottom: 0.25rem; }
+  @media (min-width: 576px) {
+    .card-deck {
+      flex-flow: row wrap;
+      margin-right: -0.25rem;
+      margin-left: -0.25rem; }
+      .card-deck .card, .card-deck #page-enrol-users #filterform, #page-enrol-users .card-deck #filterform, .card-deck .que .history, .que .card-deck .history, .card-deck .userprofile .profile_tree section, .userprofile .profile_tree .card-deck section, .card-deck .groupinfobox, .card-deck .well {
+        display: flex;
+        flex: 1 0 0%;
+        flex-direction: column;
+        margin-right: 0.25rem;
+        margin-bottom: 0;
+        margin-left: 0.25rem; } }
+
+.card-group {
+  display: flex;
+  flex-direction: column; }
+  .card-group > .card, #page-enrol-users .card-group > #filterform, .que .card-group > .history, .userprofile .profile_tree .card-group > section, .card-group > .groupinfobox, .card-group > .well {
+    margin-bottom: 0.25rem; }
+  @media (min-width: 576px) {
+    .card-group {
+      flex-flow: row wrap; }
+      .card-group > .card, #page-enrol-users .card-group > #filterform, .que .card-group > .history, .userprofile .profile_tree .card-group > section, .card-group > .groupinfobox, .card-group > .well {
+        flex: 1 0 0%;
+        margin-bottom: 0; }
+        .card-group > .card + .card, #page-enrol-users .card-group > #filterform + .card, .que .card-group > .history + .card, .userprofile .profile_tree .card-group > section + .card, .card-group > .groupinfobox + .card, .card-group > .well + .card, #page-enrol-users .card-group > .card + #filterform, #page-enrol-users .card-group > #filterform + #filterform, .que #page-enrol-users .card-group > .history + #filterform, #page-enrol-users .que .card-group > .history + #filterform, .userprofile .profile_tree #page-enrol-users .card-group > section + #filterform, #page-enrol-users .userprofile .profile_tree .card-group > section + #filterform, #page-enrol-users .card-group > .groupinfobox + #filterform, #page-enrol-users .card-group > .well + #filterform, .que .card-group > .card + .history, #page-enrol-users .que .card-group > #filterform + .history, .que #page-enrol-users .card-group > #filterform + .history, .que .card-group > .history + .history, .userprofile .profile_tree .que .card-group > section + .history, .que .userprofile .profile_tree .card-group > section + .history, .que .card-group > .groupinfobox + .history, .que .card-group > .well + .history, .userprofile .profile_tree .card-group > .card + section, #page-enrol-users .userprofile .profile_tree .card-group > #filterform + section, .userprofile .profile_tree #page-enrol-users .card-group > #filterform + section, .que .userprofile .profile_tree .card-group > .history + section, .userprofile .profile_tree .que .card-group > .history + section, .userprofile .profile_tree .card-group > section + section, .userprofile .profile_tree .card-group > .groupinfobox + section, .userprofile .profile_tree .card-group > .well + section, .card-group > .card + .groupinfobox, #page-enrol-users .card-group > #filterform + .groupinfobox, .que .card-group > .history + .groupinfobox, .userprofile .profile_tree .card-group > section + .groupinfobox, .card-group > .groupinfobox + .groupinfobox, .card-group > .well + .groupinfobox, .card-group > .card + .well, #page-enrol-users .card-group > #filterform + .well, .que .card-group > .history + .well, .userprofile .profile_tree .card-group > section + .well, .card-group > .groupinfobox + .well, .card-group > .well + .well {
+          margin-left: 0;
+          border-left: 0; } }
+
+.card-columns .card, .card-columns #page-enrol-users #filterform, #page-enrol-users .card-columns #filterform, .card-columns .que .history, .que .card-columns .history, .card-columns .userprofile .profile_tree section, .userprofile .profile_tree .card-columns section, .card-columns .groupinfobox, .card-columns .well {
+  margin-bottom: 0.75rem; }
+
+@media (min-width: 576px) {
+  .card-columns {
+    column-count: 3;
+    column-gap: 1.25rem; }
+    .card-columns .card, .card-columns #page-enrol-users #filterform, #page-enrol-users .card-columns #filterform, .card-columns .que .history, .que .card-columns .history, .card-columns .userprofile .profile_tree section, .userprofile .profile_tree .card-columns section, .card-columns .groupinfobox, .card-columns .well {
+      display: inline-block;
+      width: 100%; } }
+
+.breadcrumb {
+  display: flex;
+  flex-wrap: wrap;
+  padding: 0.25rem 0;
+  margin-bottom: 0;
+  list-style: none;
+  background-color: transparent; }
+
+.breadcrumb-item + .breadcrumb-item::before {
+  display: inline-block;
+  padding-right: 0.5rem;
+  padding-left: 0.5rem;
+  color: #868e96;
+  content: "/"; }
+
+.breadcrumb-item + .breadcrumb-item:hover::before {
+  text-decoration: underline; }
+
+.breadcrumb-item + .breadcrumb-item:hover::before {
+  text-decoration: none; }
+
+.breadcrumb-item.active {
+  color: #868e96; }
+
+.pagination {
+  display: flex;
+  padding-left: 0;
+  list-style: none; }
+
+.page-link {
+  position: relative;
+  display: block;
+  padding: 0.5rem 0.75rem;
+  margin-left: -1px;
+  line-height: 1.25;
+  color: #1177d1;
+  background-color: #fff;
+  border: 1px solid #dee2e6; }
+  .page-link:hover {
+    color: #0b4f8a;
+    text-decoration: none;
+    background-color: #e9ecef;
+    border-color: #dee2e6; }
+  .page-link:focus {
+    z-index: 2;
+    outline: 0;
+    box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.25); }
+  .page-link:not(:disabled):not(.disabled) {
+    cursor: pointer; }
+
+.page-item:first-child .page-link {
+  margin-left: 0; }
+
+.page-item.active .page-link {
+  z-index: 1;
+  color: #fff;
+  background-color: #1177d1;
+  border-color: #1177d1; }
+
+.page-item.disabled .page-link {
+  color: #868e96;
+  pointer-events: none;
+  cursor: auto;
+  background-color: #fff;
+  border-color: #dee2e6; }
+
+.pagination-lg .page-link {
+  padding: 0.75rem 1.5rem;
+  font-size: 1.171875rem;
+  line-height: 1.5; }
+
+.pagination-sm .page-link {
+  padding: 0.25rem 0.5rem;
+  font-size: 0.8203125rem;
+  line-height: 1.5; }
+
+.badge {
+  display: inline-block;
+  padding: 0.25em 0.4em;
+  font-size: 75%;
+  font-weight: 700;
+  line-height: 1;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline; }
+  .badge:empty {
+    display: none; }
+
+.btn .badge, #page-grade-grading-manage .actions .action .badge, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input .badge, #rubric-rubric.gradingform_rubric .addcriterion .badge {
+  position: relative;
+  top: -1px; }
+
+.badge-pill {
+  padding-right: 0.6em;
+  padding-left: 0.6em; }
+
+.badge-primary {
+  color: #fff;
+  background-color: #1177d1; }
+  .badge-primary[href]:hover, .badge-primary[href]:focus {
+    color: #fff;
+    text-decoration: none;
+    background-color: #0d5ca2; }
+
+.badge-secondary {
+  color: #212529;
+  background-color: #ced4da; }
+  .badge-secondary[href]:hover, .badge-secondary[href]:focus {
+    color: #212529;
+    text-decoration: none;
+    background-color: #b1bbc4; }
+
+.badge-success {
+  color: #fff;
+  background-color: #5cb85c; }
+  .badge-success[href]:hover, .badge-success[href]:focus {
+    color: #fff;
+    text-decoration: none;
+    background-color: #449d44; }
+
+.badge-info {
+  color: #212529;
+  background-color: #5bc0de; }
+  .badge-info[href]:hover, .badge-info[href]:focus {
+    color: #212529;
+    text-decoration: none;
+    background-color: #31b0d5; }
+
+.badge-warning {
+  color: #212529;
+  background-color: #f0ad4e; }
+  .badge-warning[href]:hover, .badge-warning[href]:focus {
+    color: #212529;
+    text-decoration: none;
+    background-color: #ec971f; }
+
+.badge-danger {
+  color: #fff;
+  background-color: #d9534f; }
+  .badge-danger[href]:hover, .badge-danger[href]:focus {
+    color: #fff;
+    text-decoration: none;
+    background-color: #c9302c; }
+
+.badge-light {
+  color: #212529;
+  background-color: #f8f9fa; }
+  .badge-light[href]:hover, .badge-light[href]:focus {
+    color: #212529;
+    text-decoration: none;
+    background-color: #dae0e5; }
+
+.badge-dark {
+  color: #fff;
+  background-color: #373a3c; }
+  .badge-dark[href]:hover, .badge-dark[href]:focus {
+    color: #fff;
+    text-decoration: none;
+    background-color: #1f2021; }
+
+.jumbotron {
+  padding: 2rem 1rem;
+  margin-bottom: 2rem;
+  background-color: #e9ecef; }
+  @media (min-width: 576px) {
+    .jumbotron {
+      padding: 4rem 2rem; } }
+
+.jumbotron-fluid {
+  padding-right: 0;
+  padding-left: 0; }
+
+.alert, #page-admin-index .releasenoteslink,
+#page-admin-index .adminwarning,
+#page-admin-index .adminerror, .que .formulation,
+.que .outcome,
+.que .comment, .assignfeedback_editpdf_widget .label {
+  position: relative;
+  padding: 0.75rem 1.25rem;
+  margin-bottom: 1rem;
+  border: 0 solid transparent; }
+
+.alert-heading {
+  color: inherit; }
+
+.alert-link {
+  font-weight: 700; }
+
+.alert-dismissible {
+  padding-right: 3.90625rem; }
+  .alert-dismissible .close, .alert-dismissible .moodle-dialogue-base .closebutton, .moodle-dialogue-base .alert-dismissible .closebutton {
+    position: absolute;
+    top: 0;
+    right: 0;
+    padding: 0.75rem 1.25rem;
+    color: inherit; }
+
+.alert-primary {
+  color: #093e6d;
+  background-color: #cfe4f6;
+  border-color: #bcd9f2; }
+  .alert-primary hr {
+    border-top-color: #a7cdee; }
+  .alert-primary .alert-link {
+    color: #05233e; }
+
+.alert-secondary {
+  color: #6b6e71;
+  background-color: #f5f6f8;
+  border-color: #f1f3f5; }
+  .alert-secondary hr {
+    border-top-color: #e2e6ea; }
+  .alert-secondary .alert-link {
+    color: #525557; }
+
+.alert-success,
+.que .comment {
+  color: #306030;
+  background-color: #def1de;
+  border-color: #d1ebd1; }
+  .alert-success hr, .que .comment hr {
+    border-top-color: #bfe3bf; }
+  .alert-success .alert-link, .que .comment .alert-link {
+    color: #1f3e1f; }
+
+.alert-info, #page-admin-index .releasenoteslink, #adminsettings .form-overridden, .que .formulation, .assignfeedback_editpdf_widget .label {
+  color: #2f6473;
+  background-color: #def2f8;
+  border-color: #d1edf6; }
+  .alert-info hr, #page-admin-index .releasenoteslink hr, #adminsettings .form-overridden hr, .que .formulation hr, .assignfeedback_editpdf_widget .label hr {
+    border-top-color: #bce5f2; }
+  .alert-info .alert-link, #page-admin-index .releasenoteslink .alert-link, #adminsettings .form-overridden .alert-link, .que .formulation .alert-link, .assignfeedback_editpdf_widget .label .alert-link {
+    color: #20454f; }
+
+.alert-warning,
+#page-admin-index .adminwarning, .uninstalldeleteconfirmexternal,
+.que .outcome,
+.que .comment {
+  color: #7d5a29;
+  background-color: #fcefdc;
+  border-color: #fbe8cd; }
+  .alert-warning hr, #page-admin-index .adminwarning hr, .uninstalldeleteconfirmexternal hr, .que .outcome hr, .que .comment hr {
+    border-top-color: #f9ddb5; }
+  .alert-warning .alert-link, #page-admin-index .adminwarning .alert-link, .uninstalldeleteconfirmexternal .alert-link, .que .outcome .alert-link, .que .comment .alert-link {
+    color: #573e1c; }
+
+.alert-danger,
+#page-admin-index .adminerror {
+  color: #712b29;
+  background-color: #f7dddc;
+  border-color: #f4cfce; }
+  .alert-danger hr, #page-admin-index .adminerror hr {
+    border-top-color: #efbbb9; }
+  .alert-danger .alert-link, #page-admin-index .adminerror .alert-link {
+    color: #4c1d1b; }
+
+.alert-light {
+  color: #818182;
+  background-color: #fefefe;
+  border-color: #fdfdfe; }
+  .alert-light hr {
+    border-top-color: #ececf6; }
+  .alert-light .alert-link {
+    color: #686868; }
+
+.alert-dark {
+  color: #1d1e1f;
+  background-color: #d7d8d8;
+  border-color: #c7c8c8; }
+  .alert-dark hr {
+    border-top-color: #babbbb; }
+  .alert-dark .alert-link {
+    color: #040505; }
+
+@keyframes progress-bar-stripes {
+  from {
+    background-position: 1rem 0; }
+  to {
+    background-position: 0 0; } }
+
+.progress {
+  display: flex;
+  height: 1rem;
+  overflow: hidden;
+  font-size: 0.703125rem;
+  background-color: #e9ecef; }
+
+.progress-bar {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  color: #fff;
+  text-align: center;
+  background-color: #1177d1;
+  transition: width 0.6s ease; }
+
+.progress-bar-striped {
+  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
+  background-size: 1rem 1rem; }
+
+.progress-bar-animated {
+  animation: progress-bar-stripes 1s linear infinite; }
+
+.media {
+  display: flex;
+  align-items: flex-start; }
+
+.media-body {
+  flex: 1; }
+
+.list-group {
+  display: flex;
+  flex-direction: column;
+  padding-left: 0;
+  margin-bottom: 0; }
+
+.list-group-item-action {
+  width: 100%;
+  color: #495057;
+  text-align: inherit; }
+  .list-group-item-action:hover, .list-group-item-action:focus {
+    color: #495057;
+    text-decoration: none;
+    background-color: #f8f9fa; }
+  .list-group-item-action:active {
+    color: #373a3c;
+    background-color: #e9ecef; }
+
+.list-group-item {
+  position: relative;
+  display: block;
+  padding: 0.75rem 1.25rem;
+  margin-bottom: -1px;
+  background-color: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.125); }
+  .list-group-item:last-child {
+    margin-bottom: 0; }
+  .list-group-item:hover, .list-group-item:focus {
+    z-index: 1;
+    text-decoration: none; }
+  .list-group-item.disabled, .list-group-item:disabled {
+    color: #868e96;
+    background-color: #fff; }
+  .list-group-item.active {
+    z-index: 2;
+    color: #fff;
+    background-color: #1177d1;
+    border-color: #1177d1; }
+
+.list-group-flush .list-group-item {
+  border-right: 0;
+  border-left: 0; }
+
+.list-group-flush:first-child .list-group-item:first-child {
+  border-top: 0; }
+
+.list-group-flush:last-child .list-group-item:last-child {
+  border-bottom: 0; }
+
+.list-group-item-primary {
+  color: #093e6d;
+  background-color: #bcd9f2; }
+  .list-group-item-primary.list-group-item-action:hover, .list-group-item-primary.list-group-item-action:focus {
+    color: #093e6d;
+    background-color: #a7cdee; }
+  .list-group-item-primary.list-group-item-action.active {
+    color: #fff;
+    background-color: #093e6d;
+    border-color: #093e6d; }
+
+.list-group-item-secondary {
+  color: #6b6e71;
+  background-color: #f1f3f5; }
+  .list-group-item-secondary.list-group-item-action:hover, .list-group-item-secondary.list-group-item-action:focus {
+    color: #6b6e71;
+    background-color: #e2e6ea; }
+  .list-group-item-secondary.list-group-item-action.active {
+    color: #fff;
+    background-color: #6b6e71;
+    border-color: #6b6e71; }
+
+.list-group-item-success {
+  color: #306030;
+  background-color: #d1ebd1; }
+  .list-group-item-success.list-group-item-action:hover, .list-group-item-success.list-group-item-action:focus {
+    color: #306030;
+    background-color: #bfe3bf; }
+  .list-group-item-success.list-group-item-action.active {
+    color: #fff;
+    background-color: #306030;
+    border-color: #306030; }
+
+.list-group-item-info {
+  color: #2f6473;
+  background-color: #d1edf6; }
+  .list-group-item-info.list-group-item-action:hover, .list-group-item-info.list-group-item-action:focus {
+    color: #2f6473;
+    background-color: #bce5f2; }
+  .list-group-item-info.list-group-item-action.active {
+    color: #fff;
+    background-color: #2f6473;
+    border-color: #2f6473; }
+
+.list-group-item-warning {
+  color: #7d5a29;
+  background-color: #fbe8cd; }
+  .list-group-item-warning.list-group-item-action:hover, .list-group-item-warning.list-group-item-action:focus {
+    color: #7d5a29;
+    background-color: #f9ddb5; }
+  .list-group-item-warning.list-group-item-action.active {
+    color: #fff;
+    background-color: #7d5a29;
+    border-color: #7d5a29; }
+
+.list-group-item-danger {
+  color: #712b29;
+  background-color: #f4cfce; }
+  .list-group-item-danger.list-group-item-action:hover, .list-group-item-danger.list-group-item-action:focus {
+    color: #712b29;
+    background-color: #efbbb9; }
+  .list-group-item-danger.list-group-item-action.active {
+    color: #fff;
+    background-color: #712b29;
+    border-color: #712b29; }
+
+.list-group-item-light {
+  color: #818182;
+  background-color: #fdfdfe; }
+  .list-group-item-light.list-group-item-action:hover, .list-group-item-light.list-group-item-action:focus {
+    color: #818182;
+    background-color: #ececf6; }
+  .list-group-item-light.list-group-item-action.active {
+    color: #fff;
+    background-color: #818182;
+    border-color: #818182; }
+
+.list-group-item-dark {
+  color: #1d1e1f;
+  background-color: #c7c8c8; }
+  .list-group-item-dark.list-group-item-action:hover, .list-group-item-dark.list-group-item-action:focus {
+    color: #1d1e1f;
+    background-color: #babbbb; }
+  .list-group-item-dark.list-group-item-action.active {
+    color: #fff;
+    background-color: #1d1e1f;
+    border-color: #1d1e1f; }
+
+.close, .moodle-dialogue-base .closebutton {
+  float: right;
+  font-size: 1.40625rem;
+  font-weight: 700;
+  line-height: 1;
+  color: #000;
+  text-shadow: 0 1px 0 #fff;
+  opacity: .5; }
+  .close:hover, .moodle-dialogue-base .closebutton:hover, .close:focus, .moodle-dialogue-base .closebutton:focus {
+    color: #000;
+    text-decoration: none;
+    opacity: .75; }
+  .close:not(:disabled):not(.disabled), .moodle-dialogue-base .closebutton:not(:disabled):not(.disabled) {
+    cursor: pointer; }
+
+button.close, .moodle-dialogue-base button.closebutton {
+  padding: 0;
+  background-color: transparent;
+  border: 0;
+  -webkit-appearance: none; }
+
+.modal-open {
+  overflow: hidden; }
+
+.modal {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1050;
+  display: none;
+  overflow: hidden;
+  outline: 0; }
+  .modal-open .modal {
+    overflow-x: hidden;
+    overflow-y: auto; }
+
+.modal-dialog {
+  position: relative;
+  width: auto;
+  margin: 0.5rem;
+  pointer-events: none; }
+  .modal.fade .modal-dialog {
+    transition: transform 0.3s ease-out;
+    transform: translate(0, -25%); }
+  .modal.show .modal-dialog {
+    transform: translate(0, 0); }
+
+.modal-dialog-centered {
+  display: flex;
+  align-items: center;
+  min-height: calc(100% - (0.5rem * 2)); }
+
+.modal-content, .moodle-dialogue-base .moodle-dialogue-wrap.moodle-dialogue-content {
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  width: 100%;
+  pointer-events: auto;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid rgba(0, 0, 0, 0.2);
+  outline: 0; }
+
+.modal-backdrop {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1040;
+  background-color: #000; }
+  .modal-backdrop.fade {
+    opacity: 0; }
+  .modal-backdrop.show {
+    opacity: 0.5; }
+
+.modal-header, .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd, .path-mod-assign [data-region="grade-panel"] .popout > .col-md-3 {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  padding: 1rem;
+  border-bottom: 1px solid #e9ecef; }
+  .modal-header .close, .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .close, .path-mod-assign [data-region="grade-panel"] .popout > .col-md-3 .close, .modal-header .moodle-dialogue-base .closebutton, .moodle-dialogue-base .modal-header .closebutton, .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .closebutton, .path-mod-assign [data-region="grade-panel"] .popout > .col-md-3 .moodle-dialogue-base .closebutton, .moodle-dialogue-base .path-mod-assign [data-region="grade-panel"] .popout > .col-md-3 .closebutton {
+    padding: 1rem;
+    margin: -1rem -1rem -1rem auto; }
+
+.modal-title, .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
+  margin-bottom: 0;
+  line-height: 1.5; }
+
+.modal-body {
+  position: relative;
+  flex: 1 1 auto;
+  padding: 1rem; }
+
+.modal-footer, .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  padding: 1rem;
+  border-top: 1px solid #e9ecef; }
+  .modal-footer > :not(:first-child), .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft > :not(:first-child) {
+    margin-left: .25rem; }
+  .modal-footer > :not(:last-child), .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft > :not(:last-child) {
+    margin-right: .25rem; }
+
+.modal-scrollbar-measure {
+  position: absolute;
+  top: -9999px;
+  width: 50px;
+  height: 50px;
+  overflow: scroll; }
+
+@media (min-width: 576px) {
+  .modal-dialog {
+    max-width: 500px;
+    margin: 1.75rem auto; }
+  .modal-dialog-centered {
+    min-height: calc(100% - (1.75rem * 2)); }
+  .modal-sm {
+    max-width: 300px; } }
+
+@media (min-width: 992px) {
+  .modal-lg {
+    max-width: 800px; } }
+
+.tooltip {
+  position: absolute;
+  z-index: 1070;
+  display: block;
+  margin: 0;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-style: normal;
+  font-weight: 400;
+  line-height: 1.5;
+  text-align: left;
+  text-align: start;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  letter-spacing: normal;
+  word-break: normal;
+  word-spacing: normal;
+  white-space: normal;
+  line-break: auto;
+  font-size: 0.8203125rem;
+  word-wrap: break-word;
+  opacity: 0; }
+  .tooltip.show {
+    opacity: 0.9; }
+  .tooltip .arrow {
+    position: absolute;
+    display: block;
+    width: 0.8rem;
+    height: 0.4rem; }
+    .tooltip .arrow::before {
+      position: absolute;
+      content: "";
+      border-color: transparent;
+      border-style: solid; }
+
+.bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] {
+  padding: 0.4rem 0; }
+  .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow {
+    bottom: 0; }
+    .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before {
+      top: 0;
+      border-width: 0.4rem 0.4rem 0;
+      border-top-color: #000; }
+
+.bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] {
+  padding: 0 0.4rem; }
+  .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow {
+    left: 0;
+    width: 0.4rem;
+    height: 0.8rem; }
+    .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before {
+      right: 0;
+      border-width: 0.4rem 0.4rem 0.4rem 0;
+      border-right-color: #000; }
+
+.bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] {
+  padding: 0.4rem 0; }
+  .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow {
+    top: 0; }
+    .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before {
+      bottom: 0;
+      border-width: 0 0.4rem 0.4rem;
+      border-bottom-color: #000; }
+
+.bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] {
+  padding: 0 0.4rem; }
+  .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow {
+    right: 0;
+    width: 0.4rem;
+    height: 0.8rem; }
+    .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before {
+      left: 0;
+      border-width: 0.4rem 0 0.4rem 0.4rem;
+      border-left-color: #000; }
+
+.tooltip-inner {
+  max-width: 200px;
+  padding: 0.25rem 0.5rem;
+  color: #fff;
+  text-align: center;
+  background-color: #000; }
+
+/* rtl:begin:ignore */
+.popover {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 1060;
+  display: block;
+  max-width: 276px;
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  font-style: normal;
+  font-weight: 400;
+  line-height: 1.5;
+  text-align: left;
+  text-align: start;
+  text-decoration: none;
+  text-shadow: none;
+  text-transform: none;
+  letter-spacing: normal;
+  word-break: normal;
+  word-spacing: normal;
+  white-space: normal;
+  line-break: auto;
+  font-size: 0.8203125rem;
+  word-wrap: break-word;
+  background-color: #fff;
+  background-clip: padding-box;
+  border: 1px solid rgba(0, 0, 0, 0.2); }
+  .popover .arrow {
+    position: absolute;
+    display: block;
+    width: 1rem;
+    height: 0.5rem;
+    margin: 0 0.3rem; }
+    .popover .arrow::before, .popover .arrow::after {
+      position: absolute;
+      display: block;
+      content: "";
+      border-color: transparent;
+      border-style: solid; }
+
+.bs-popover-top, .bs-popover-auto[x-placement^="top"] {
+  margin-bottom: 0.5rem; }
+  .bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow {
+    bottom: calc((0.5rem + 1px) * -1); }
+  .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before,
+  .bs-popover-top .arrow::after,
+  .bs-popover-auto[x-placement^="top"] .arrow::after {
+    border-width: 0.5rem 0.5rem 0; }
+  .bs-popover-top .arrow::before, .bs-popover-auto[x-placement^="top"] .arrow::before {
+    bottom: 0;
+    border-top-color: rgba(0, 0, 0, 0.25); }
+  
+  .bs-popover-top .arrow::after,
+  .bs-popover-auto[x-placement^="top"] .arrow::after {
+    bottom: 1px;
+    border-top-color: #fff; }
+
+.bs-popover-right, .bs-popover-auto[x-placement^="right"] {
+  margin-left: 0.5rem; }
+  .bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow {
+    left: calc((0.5rem + 1px) * -1);
+    width: 0.5rem;
+    height: 1rem;
+    margin: 0.3rem 0; }
+  .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before,
+  .bs-popover-right .arrow::after,
+  .bs-popover-auto[x-placement^="right"] .arrow::after {
+    border-width: 0.5rem 0.5rem 0.5rem 0; }
+  .bs-popover-right .arrow::before, .bs-popover-auto[x-placement^="right"] .arrow::before {
+    left: 0;
+    border-right-color: rgba(0, 0, 0, 0.25); }
+  
+  .bs-popover-right .arrow::after,
+  .bs-popover-auto[x-placement^="right"] .arrow::after {
+    left: 1px;
+    border-right-color: #fff; }
+
+.bs-popover-bottom, .bs-popover-auto[x-placement^="bottom"] {
+  margin-top: 0.5rem; }
+  .bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow {
+    top: calc((0.5rem + 1px) * -1); }
+  .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before,
+  .bs-popover-bottom .arrow::after,
+  .bs-popover-auto[x-placement^="bottom"] .arrow::after {
+    border-width: 0 0.5rem 0.5rem 0.5rem; }
+  .bs-popover-bottom .arrow::before, .bs-popover-auto[x-placement^="bottom"] .arrow::before {
+    top: 0;
+    border-bottom-color: rgba(0, 0, 0, 0.25); }
+  
+  .bs-popover-bottom .arrow::after,
+  .bs-popover-auto[x-placement^="bottom"] .arrow::after {
+    top: 1px;
+    border-bottom-color: #fff; }
+  .bs-popover-bottom .popover-header::before, .bs-popover-auto[x-placement^="bottom"] .popover-header::before {
+    position: absolute;
+    top: 0;
+    left: 50%;
+    display: block;
+    width: 1rem;
+    margin-left: -0.5rem;
+    content: "";
+    border-bottom: 1px solid #f7f7f7; }
+
+.bs-popover-left, .bs-popover-auto[x-placement^="left"] {
+  margin-right: 0.5rem; }
+  .bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow {
+    right: calc((0.5rem + 1px) * -1);
+    width: 0.5rem;
+    height: 1rem;
+    margin: 0.3rem 0; }
+  .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before,
+  .bs-popover-left .arrow::after,
+  .bs-popover-auto[x-placement^="left"] .arrow::after {
+    border-width: 0.5rem 0 0.5rem 0.5rem; }
+  .bs-popover-left .arrow::before, .bs-popover-auto[x-placement^="left"] .arrow::before {
+    right: 0;
+    border-left-color: rgba(0, 0, 0, 0.25); }
+  
+  .bs-popover-left .arrow::after,
+  .bs-popover-auto[x-placement^="left"] .arrow::after {
+    right: 1px;
+    border-left-color: #fff; }
+
+.popover-header {
+  padding: 0.5rem 0.75rem;
+  margin-bottom: 0;
+  font-size: 0.9375rem;
+  color: inherit;
+  background-color: #f7f7f7;
+  border-bottom: 1px solid #ebebeb; }
+  .popover-header:empty {
+    display: none; }
+
+.popover-body {
+  padding: 0.5rem 0.75rem;
+  color: #373a3c; }
+
+/* rtl:end:ignore */
+.carousel {
+  position: relative; }
+
+.carousel-inner {
+  position: relative;
+  width: 100%;
+  overflow: hidden; }
+
+.carousel-item {
+  position: relative;
+  display: none;
+  align-items: center;
+  width: 100%;
+  transition: transform 0.6s ease;
+  backface-visibility: hidden;
+  perspective: 1000px; }
+
+.carousel-item.active,
+.carousel-item-next,
+.carousel-item-prev {
+  display: block; }
+
+.carousel-item-next,
+.carousel-item-prev {
+  position: absolute;
+  top: 0; }
+
+.carousel-control-prev,
+.carousel-control-next {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 15%;
+  color: #fff;
+  text-align: center;
+  opacity: 0.5; }
+  .carousel-control-prev:hover, .carousel-control-prev:focus,
+  .carousel-control-next:hover,
+  .carousel-control-next:focus {
+    color: #fff;
+    text-decoration: none;
+    outline: 0;
+    opacity: .9; }
+
+.carousel-control-prev {
+  left: 0; }
+
+.carousel-control-next {
+  right: 0; }
+
+.carousel-control-prev-icon,
+.carousel-control-next-icon {
+  display: inline-block;
+  width: 20px;
+  height: 20px;
+  background: transparent no-repeat center center;
+  background-size: 100% 100%; }
+
+.carousel-control-prev-icon {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E"); }
+
+.carousel-control-next-icon {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E"); }
+
+.carousel-indicators {
+  position: absolute;
+  right: 0;
+  bottom: 10px;
+  left: 0;
+  z-index: 15;
+  display: flex;
+  justify-content: center;
+  padding-left: 0;
+  margin-right: 15%;
+  margin-left: 15%;
+  list-style: none; }
+  .carousel-indicators li {
+    position: relative;
+    flex: 0 1 auto;
+    width: 30px;
+    height: 3px;
+    margin-right: 3px;
+    margin-left: 3px;
+    text-indent: -999px;
+    background-color: rgba(255, 255, 255, 0.5); }
+    .carousel-indicators li::before {
+      position: absolute;
+      top: -10px;
+      left: 0;
+      display: inline-block;
+      width: 100%;
+      height: 10px;
+      content: ""; }
+    .carousel-indicators li::after {
+      position: absolute;
+      bottom: -10px;
+      left: 0;
+      display: inline-block;
+      width: 100%;
+      height: 10px;
+      content: ""; }
+  .carousel-indicators .active {
+    background-color: #fff; }
+
+.carousel-caption {
+  position: absolute;
+  right: 15%;
+  bottom: 20px;
+  left: 15%;
+  z-index: 10;
+  padding-top: 20px;
+  padding-bottom: 20px;
+  color: #fff;
+  text-align: center; }
+
+.align-baseline {
+  vertical-align: baseline !important; }
+
+.align-top {
+  vertical-align: top !important; }
+
+.align-middle {
+  vertical-align: middle !important; }
+
+.align-bottom {
+  vertical-align: bottom !important; }
+
+.align-text-bottom {
+  vertical-align: text-bottom !important; }
+
+.align-text-top {
+  vertical-align: text-top !important; }
+
+.bg-primary {
+  background-color: #1177d1 !important; }
+
+a.bg-primary:hover, a.bg-primary:focus,
+button.bg-primary:hover,
+button.bg-primary:focus {
+  background-color: #0d5ca2 !important; }
+
+.bg-secondary {
+  background-color: #ced4da !important; }
+
+a.bg-secondary:hover, a.bg-secondary:focus,
+button.bg-secondary:hover,
+button.bg-secondary:focus {
+  background-color: #b1bbc4 !important; }
+
+.bg-success {
+  background-color: #5cb85c !important; }
+
+a.bg-success:hover, a.bg-success:focus,
+button.bg-success:hover,
+button.bg-success:focus {
+  background-color: #449d44 !important; }
+
+.bg-info {
+  background-color: #5bc0de !important; }
+
+a.bg-info:hover, a.bg-info:focus,
+button.bg-info:hover,
+button.bg-info:focus {
+  background-color: #31b0d5 !important; }
+
+.bg-warning {
+  background-color: #f0ad4e !important; }
+
+a.bg-warning:hover, a.bg-warning:focus,
+button.bg-warning:hover,
+button.bg-warning:focus {
+  background-color: #ec971f !important; }
+
+.bg-danger {
+  background-color: #d9534f !important; }
+
+a.bg-danger:hover, a.bg-danger:focus,
+button.bg-danger:hover,
+button.bg-danger:focus {
+  background-color: #c9302c !important; }
+
+.bg-light {
+  background-color: #f8f9fa !important; }
+
+a.bg-light:hover, a.bg-light:focus,
+button.bg-light:hover,
+button.bg-light:focus {
+  background-color: #dae0e5 !important; }
+
+.bg-dark {
+  background-color: #373a3c !important; }
+
+a.bg-dark:hover, a.bg-dark:focus,
+button.bg-dark:hover,
+button.bg-dark:focus {
+  background-color: #1f2021 !important; }
+
+.bg-white {
+  background-color: #fff !important; }
+
+.bg-transparent {
+  background-color: transparent !important; }
+
+.border, .filemanager-container,
+.filepicker-filelist {
+  border: 1px solid #dee2e6 !important; }
+
+.border-top {
+  border-top: 1px solid #dee2e6 !important; }
+
+.border-right {
+  border-right: 1px solid #dee2e6 !important; }
+
+.border-bottom {
+  border-bottom: 1px solid #dee2e6 !important; }
+
+.border-left {
+  border-left: 1px solid #dee2e6 !important; }
+
+.border-0 {
+  border: 0 !important; }
+
+.border-top-0 {
+  border-top: 0 !important; }
+
+.border-right-0 {
+  border-right: 0 !important; }
+
+.border-bottom-0 {
+  border-bottom: 0 !important; }
+
+.border-left-0 {
+  border-left: 0 !important; }
+
+.border-primary {
+  border-color: #1177d1 !important; }
+
+.border-secondary {
+  border-color: #ced4da !important; }
+
+.border-success {
+  border-color: #5cb85c !important; }
+
+.border-info {
+  border-color: #5bc0de !important; }
+
+.border-warning {
+  border-color: #f0ad4e !important; }
+
+.border-danger {
+  border-color: #d9534f !important; }
+
+.border-light {
+  border-color: #f8f9fa !important; }
+
+.border-dark {
+  border-color: #373a3c !important; }
+
+.border-white {
+  border-color: #fff !important; }
+
+.rounded {
+  border-radius: 0.25rem !important; }
+
+.rounded-top {
+  border-top-left-radius: 0.25rem !important;
+  border-top-right-radius: 0.25rem !important; }
+
+.rounded-right {
+  border-top-right-radius: 0.25rem !important;
+  border-bottom-right-radius: 0.25rem !important; }
+
+.rounded-bottom {
+  border-bottom-right-radius: 0.25rem !important;
+  border-bottom-left-radius: 0.25rem !important; }
+
+.rounded-left {
+  border-top-left-radius: 0.25rem !important;
+  border-bottom-left-radius: 0.25rem !important; }
+
+.rounded-circle {
+  border-radius: 50% !important; }
+
+.rounded-0 {
+  border-radius: 0 !important; }
+
+.clearfix::after {
+  display: block;
+  clear: both;
+  content: ""; }
+
+.d-none {
+  display: none !important; }
+
+.d-inline {
+  display: inline !important; }
+
+.d-inline-block {
+  display: inline-block !important; }
+
+.d-block {
+  display: block !important; }
+
+.d-table {
+  display: table !important; }
+
+.d-table-row {
+  display: table-row !important; }
+
+.d-table-cell {
+  display: table-cell !important; }
+
+.d-flex {
+  display: flex !important; }
+
+.d-inline-flex {
+  display: inline-flex !important; }
+
+@media (min-width: 576px) {
+  .d-sm-none {
+    display: none !important; }
+  .d-sm-inline {
+    display: inline !important; }
+  .d-sm-inline-block {
+    display: inline-block !important; }
+  .d-sm-block {
+    display: block !important; }
+  .d-sm-table {
+    display: table !important; }
+  .d-sm-table-row {
+    display: table-row !important; }
+  .d-sm-table-cell {
+    display: table-cell !important; }
+  .d-sm-flex {
+    display: flex !important; }
+  .d-sm-inline-flex {
+    display: inline-flex !important; } }
+
+@media (min-width: 768px) {
+  .d-md-none {
+    display: none !important; }
+  .d-md-inline {
+    display: inline !important; }
+  .d-md-inline-block {
+    display: inline-block !important; }
+  .d-md-block {
+    display: block !important; }
+  .d-md-table {
+    display: table !important; }
+  .d-md-table-row {
+    display: table-row !important; }
+  .d-md-table-cell {
+    display: table-cell !important; }
+  .d-md-flex {
+    display: flex !important; }
+  .d-md-inline-flex {
+    display: inline-flex !important; } }
+
+@media (min-width: 992px) {
+  .d-lg-none {
+    display: none !important; }
+  .d-lg-inline {
+    display: inline !important; }
+  .d-lg-inline-block {
+    display: inline-block !important; }
+  .d-lg-block {
+    display: block !important; }
+  .d-lg-table {
+    display: table !important; }
+  .d-lg-table-row {
+    display: table-row !important; }
+  .d-lg-table-cell {
+    display: table-cell !important; }
+  .d-lg-flex {
+    display: flex !important; }
+  .d-lg-inline-flex {
+    display: inline-flex !important; } }
+
+@media (min-width: 1200px) {
+  .d-xl-none {
+    display: none !important; }
+  .d-xl-inline {
+    display: inline !important; }
+  .d-xl-inline-block {
+    display: inline-block !important; }
+  .d-xl-block {
+    display: block !important; }
+  .d-xl-table {
+    display: table !important; }
+  .d-xl-table-row {
+    display: table-row !important; }
+  .d-xl-table-cell {
+    display: table-cell !important; }
+  .d-xl-flex {
+    display: flex !important; }
+  .d-xl-inline-flex {
+    display: inline-flex !important; } }
+
+@media print {
+  .d-print-none {
+    display: none !important; }
+  .d-print-inline {
+    display: inline !important; }
+  .d-print-inline-block {
+    display: inline-block !important; }
+  .d-print-block {
+    display: block !important; }
+  .d-print-table {
+    display: table !important; }
+  .d-print-table-row {
+    display: table-row !important; }
+  .d-print-table-cell {
+    display: table-cell !important; }
+  .d-print-flex {
+    display: flex !important; }
+  .d-print-inline-flex {
+    display: inline-flex !important; } }
+
+.embed-responsive {
+  position: relative;
+  display: block;
+  width: 100%;
+  padding: 0;
+  overflow: hidden; }
+  .embed-responsive::before {
+    display: block;
+    content: ""; }
+  .embed-responsive .embed-responsive-item,
+  .embed-responsive iframe,
+  .embed-responsive embed,
+  .embed-responsive object,
+  .embed-responsive video {
+    position: absolute;
+    top: 0;
+    bottom: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    border: 0; }
+
+.embed-responsive-21by9::before {
+  padding-top: 42.8571428571%; }
+
+.embed-responsive-16by9::before {
+  padding-top: 56.25%; }
+
+.embed-responsive-4by3::before {
+  padding-top: 75%; }
+
+.embed-responsive-1by1::before {
+  padding-top: 100%; }
+
+.flex-row {
+  flex-direction: row !important; }
+
+.flex-column {
+  flex-direction: column !important; }
+
+.flex-row-reverse {
+  flex-direction: row-reverse !important; }
+
+.flex-column-reverse {
+  flex-direction: column-reverse !important; }
+
+.flex-wrap {
+  flex-wrap: wrap !important; }
+
+.flex-nowrap {
+  flex-wrap: nowrap !important; }
+
+.flex-wrap-reverse {
+  flex-wrap: wrap-reverse !important; }
+
+.justify-content-start {
+  justify-content: flex-start !important; }
+
+.justify-content-end {
+  justify-content: flex-end !important; }
+
+.justify-content-center {
+  justify-content: center !important; }
+
+.justify-content-between {
+  justify-content: space-between !important; }
+
+.justify-content-around {
+  justify-content: space-around !important; }
+
+.align-items-start {
+  align-items: flex-start !important; }
+
+.align-items-end {
+  align-items: flex-end !important; }
+
+.align-items-center {
+  align-items: center !important; }
+
+.align-items-baseline {
+  align-items: baseline !important; }
+
+.align-items-stretch {
+  align-items: stretch !important; }
+
+.align-content-start {
+  align-content: flex-start !important; }
+
+.align-content-end {
+  align-content: flex-end !important; }
+
+.align-content-center {
+  align-content: center !important; }
+
+.align-content-between {
+  align-content: space-between !important; }
+
+.align-content-around {
+  align-content: space-around !important; }
+
+.align-content-stretch {
+  align-content: stretch !important; }
+
+.align-self-auto {
+  align-self: auto !important; }
+
+.align-self-start {
+  align-self: flex-start !important; }
+
+.align-self-end {
+  align-self: flex-end !important; }
+
+.align-self-center {
+  align-self: center !important; }
+
+.align-self-baseline {
+  align-self: baseline !important; }
+
+.align-self-stretch {
+  align-self: stretch !important; }
+
+@media (min-width: 576px) {
+  .flex-sm-row {
+    flex-direction: row !important; }
+  .flex-sm-column {
+    flex-direction: column !important; }
+  .flex-sm-row-reverse {
+    flex-direction: row-reverse !important; }
+  .flex-sm-column-reverse {
+    flex-direction: column-reverse !important; }
+  .flex-sm-wrap {
+    flex-wrap: wrap !important; }
+  .flex-sm-nowrap {
+    flex-wrap: nowrap !important; }
+  .flex-sm-wrap-reverse {
+    flex-wrap: wrap-reverse !important; }
+  .justify-content-sm-start {
+    justify-content: flex-start !important; }
+  .justify-content-sm-end {
+    justify-content: flex-end !important; }
+  .justify-content-sm-center {
+    justify-content: center !important; }
+  .justify-content-sm-between {
+    justify-content: space-between !important; }
+  .justify-content-sm-around {
+    justify-content: space-around !important; }
+  .align-items-sm-start {
+    align-items: flex-start !important; }
+  .align-items-sm-end {
+    align-items: flex-end !important; }
+  .align-items-sm-center {
+    align-items: center !important; }
+  .align-items-sm-baseline {
+    align-items: baseline !important; }
+  .align-items-sm-stretch {
+    align-items: stretch !important; }
+  .align-content-sm-start {
+    align-content: flex-start !important; }
+  .align-content-sm-end {
+    align-content: flex-end !important; }
+  .align-content-sm-center {
+    align-content: center !important; }
+  .align-content-sm-between {
+    align-content: space-between !important; }
+  .align-content-sm-around {
+    align-content: space-around !important; }
+  .align-content-sm-stretch {
+    align-content: stretch !important; }
+  .align-self-sm-auto {
+    align-self: auto !important; }
+  .align-self-sm-start {
+    align-self: flex-start !important; }
+  .align-self-sm-end {
+    align-self: flex-end !important; }
+  .align-self-sm-center {
+    align-self: center !important; }
+  .align-self-sm-baseline {
+    align-self: baseline !important; }
+  .align-self-sm-stretch {
+    align-self: stretch !important; } }
+
+@media (min-width: 768px) {
+  .flex-md-row {
+    flex-direction: row !important; }
+  .flex-md-column {
+    flex-direction: column !important; }
+  .flex-md-row-reverse {
+    flex-direction: row-reverse !important; }
+  .flex-md-column-reverse {
+    flex-direction: column-reverse !important; }
+  .flex-md-wrap {
+    flex-wrap: wrap !important; }
+  .flex-md-nowrap {
+    flex-wrap: nowrap !important; }
+  .flex-md-wrap-reverse {
+    flex-wrap: wrap-reverse !important; }
+  .justify-content-md-start {
+    justify-content: flex-start !important; }
+  .justify-content-md-end {
+    justify-content: flex-end !important; }
+  .justify-content-md-center {
+    justify-content: center !important; }
+  .justify-content-md-between {
+    justify-content: space-between !important; }
+  .justify-content-md-around {
+    justify-content: space-around !important; }
+  .align-items-md-start {
+    align-items: flex-start !important; }
+  .align-items-md-end {
+    align-items: flex-end !important; }
+  .align-items-md-center {
+    align-items: center !important; }
+  .align-items-md-baseline {
+    align-items: baseline !important; }
+  .align-items-md-stretch {
+    align-items: stretch !important; }
+  .align-content-md-start {
+    align-content: flex-start !important; }
+  .align-content-md-end {
+    align-content: flex-end !important; }
+  .align-content-md-center {
+    align-content: center !important; }
+  .align-content-md-between {
+    align-content: space-between !important; }
+  .align-content-md-around {
+    align-content: space-around !important; }
+  .align-content-md-stretch {
+    align-content: stretch !important; }
+  .align-self-md-auto {
+    align-self: auto !important; }
+  .align-self-md-start {
+    align-self: flex-start !important; }
+  .align-self-md-end {
+    align-self: flex-end !important; }
+  .align-self-md-center {
+    align-self: center !important; }
+  .align-self-md-baseline {
+    align-self: baseline !important; }
+  .align-self-md-stretch {
+    align-self: stretch !important; } }
+
+@media (min-width: 992px) {
+  .flex-lg-row {
+    flex-direction: row !important; }
+  .flex-lg-column {
+    flex-direction: column !important; }
+  .flex-lg-row-reverse {
+    flex-direction: row-reverse !important; }
+  .flex-lg-column-reverse {
+    flex-direction: column-reverse !important; }
+  .flex-lg-wrap {
+    flex-wrap: wrap !important; }
+  .flex-lg-nowrap {
+    flex-wrap: nowrap !important; }
+  .flex-lg-wrap-reverse {
+    flex-wrap: wrap-reverse !important; }
+  .justify-content-lg-start {
+    justify-content: flex-start !important; }
+  .justify-content-lg-end {
+    justify-content: flex-end !important; }
+  .justify-content-lg-center {
+    justify-content: center !important; }
+  .justify-content-lg-between {
+    justify-content: space-between !important; }
+  .justify-content-lg-around {
+    justify-content: space-around !important; }
+  .align-items-lg-start {
+    align-items: flex-start !important; }
+  .align-items-lg-end {
+    align-items: flex-end !important; }
+  .align-items-lg-center {
+    align-items: center !important; }
+  .align-items-lg-baseline {
+    align-items: baseline !important; }
+  .align-items-lg-stretch {
+    align-items: stretch !important; }
+  .align-content-lg-start {
+    align-content: flex-start !important; }
+  .align-content-lg-end {
+    align-content: flex-end !important; }
+  .align-content-lg-center {
+    align-content: center !important; }
+  .align-content-lg-between {
+    align-content: space-between !important; }
+  .align-content-lg-around {
+    align-content: space-around !important; }
+  .align-content-lg-stretch {
+    align-content: stretch !important; }
+  .align-self-lg-auto {
+    align-self: auto !important; }
+  .align-self-lg-start {
+    align-self: flex-start !important; }
+  .align-self-lg-end {
+    align-self: flex-end !important; }
+  .align-self-lg-center {
+    align-self: center !important; }
+  .align-self-lg-baseline {
+    align-self: baseline !important; }
+  .align-self-lg-stretch {
+    align-self: stretch !important; } }
+
+@media (min-width: 1200px) {
+  .flex-xl-row {
+    flex-direction: row !important; }
+  .flex-xl-column {
+    flex-direction: column !important; }
+  .flex-xl-row-reverse {
+    flex-direction: row-reverse !important; }
+  .flex-xl-column-reverse {
+    flex-direction: column-reverse !important; }
+  .flex-xl-wrap {
+    flex-wrap: wrap !important; }
+  .flex-xl-nowrap {
+    flex-wrap: nowrap !important; }
+  .flex-xl-wrap-reverse {
+    flex-wrap: wrap-reverse !important; }
+  .justify-content-xl-start {
+    justify-content: flex-start !important; }
+  .justify-content-xl-end {
+    justify-content: flex-end !important; }
+  .justify-content-xl-center {
+    justify-content: center !important; }
+  .justify-content-xl-between {
+    justify-content: space-between !important; }
+  .justify-content-xl-around {
+    justify-content: space-around !important; }
+  .align-items-xl-start {
+    align-items: flex-start !important; }
+  .align-items-xl-end {
+    align-items: flex-end !important; }
+  .align-items-xl-center {
+    align-items: center !important; }
+  .align-items-xl-baseline {
+    align-items: baseline !important; }
+  .align-items-xl-stretch {
+    align-items: stretch !important; }
+  .align-content-xl-start {
+    align-content: flex-start !important; }
+  .align-content-xl-end {
+    align-content: flex-end !important; }
+  .align-content-xl-center {
+    align-content: center !important; }
+  .align-content-xl-between {
+    align-content: space-between !important; }
+  .align-content-xl-around {
+    align-content: space-around !important; }
+  .align-content-xl-stretch {
+    align-content: stretch !important; }
+  .align-self-xl-auto {
+    align-self: auto !important; }
+  .align-self-xl-start {
+    align-self: flex-start !important; }
+  .align-self-xl-end {
+    align-self: flex-end !important; }
+  .align-self-xl-center {
+    align-self: center !important; }
+  .align-self-xl-baseline {
+    align-self: baseline !important; }
+  .align-self-xl-stretch {
+    align-self: stretch !important; } }
+
+.float-left {
+  float: left !important; }
+
+.float-right {
+  float: right !important; }
+
+.float-none {
+  float: none !important; }
+
+@media (min-width: 576px) {
+  .float-sm-left {
+    float: left !important; }
+  .float-sm-right {
+    float: right !important; }
+  .float-sm-none {
+    float: none !important; } }
+
+@media (min-width: 768px) {
+  .float-md-left {
+    float: left !important; }
+  .float-md-right {
+    float: right !important; }
+  .float-md-none {
+    float: none !important; } }
+
+@media (min-width: 992px) {
+  .float-lg-left {
+    float: left !important; }
+  .float-lg-right {
+    float: right !important; }
+  .float-lg-none {
+    float: none !important; } }
+
+@media (min-width: 1200px) {
+  .float-xl-left {
+    float: left !important; }
+  .float-xl-right {
+    float: right !important; }
+  .float-xl-none {
+    float: none !important; } }
+
+.position-static {
+  position: static !important; }
+
+.position-relative {
+  position: relative !important; }
+
+.position-absolute {
+  position: absolute !important; }
+
+.position-fixed {
+  position: fixed !important; }
+
+.position-sticky {
+  position: sticky !important; }
+
+.fixed-top {
+  position: fixed;
+  top: 0;
+  right: 0;
+  left: 0;
+  z-index: 1030; }
+
+.fixed-bottom {
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  z-index: 1030; }
+
+.sr-only {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  clip-path: inset(50%);
+  border: 0; }
+
+.sr-only-focusable:active, .sr-only-focusable:focus {
+  position: static;
+  width: auto;
+  height: auto;
+  overflow: visible;
+  clip: auto;
+  white-space: normal;
+  clip-path: none; }
+
+.w-25 {
+  width: 25% !important; }
+
+.w-50 {
+  width: 50% !important; }
+
+.w-75 {
+  width: 75% !important; }
+
+.w-100 {
+  width: 100% !important; }
+
+.h-25 {
+  height: 25% !important; }
+
+.h-50 {
+  height: 50% !important; }
+
+.h-75 {
+  height: 75% !important; }
+
+.h-100 {
+  height: 100% !important; }
+
+.mw-100 {
+  max-width: 100% !important; }
+
+.mh-100 {
+  max-height: 100% !important; }
+
+.m-0 {
+  margin: 0 !important; }
+
+.mt-0,
+.my-0 {
+  margin-top: 0 !important; }
+
+.mr-0,
+.mx-0 {
+  margin-right: 0 !important; }
+
+.mb-0,
+.my-0 {
+  margin-bottom: 0 !important; }
+
+.ml-0,
+.mx-0 {
+  margin-left: 0 !important; }
+
+.m-1 {
+  margin: 0.25rem !important; }
+
+.mt-1,
+.my-1 {
+  margin-top: 0.25rem !important; }
+
+.mr-1,
+.mx-1 {
+  margin-right: 0.25rem !important; }
+
+.mb-1,
+.my-1 {
+  margin-bottom: 0.25rem !important; }
+
+.ml-1,
+.mx-1 {
+  margin-left: 0.25rem !important; }
+
+.m-2 {
+  margin: 0.5rem !important; }
+
+.mt-2,
+.my-2 {
+  margin-top: 0.5rem !important; }
+
+.mr-2,
+.mx-2 {
+  margin-right: 0.5rem !important; }
+
+.mb-2,
+.my-2 {
+  margin-bottom: 0.5rem !important; }
+
+.ml-2,
+.mx-2 {
+  margin-left: 0.5rem !important; }
+
+.m-3 {
+  margin: 1rem !important; }
+
+.mt-3,
+.my-3 {
+  margin-top: 1rem !important; }
+
+.mr-3,
+.mx-3 {
+  margin-right: 1rem !important; }
+
+.mb-3,
+.my-3 {
+  margin-bottom: 1rem !important; }
+
+.ml-3,
+.mx-3 {
+  margin-left: 1rem !important; }
+
+.m-4 {
+  margin: 1.5rem !important; }
+
+.mt-4,
+.my-4 {
+  margin-top: 1.5rem !important; }
+
+.mr-4,
+.mx-4 {
+  margin-right: 1.5rem !important; }
+
+.mb-4,
+.my-4 {
+  margin-bottom: 1.5rem !important; }
+
+.ml-4,
+.mx-4 {
+  margin-left: 1.5rem !important; }
+
+.m-5 {
+  margin: 3rem !important; }
+
+.mt-5,
+.my-5 {
+  margin-top: 3rem !important; }
+
+.mr-5,
+.mx-5 {
+  margin-right: 3rem !important; }
+
+.mb-5,
+.my-5 {
+  margin-bottom: 3rem !important; }
+
+.ml-5,
+.mx-5 {
+  margin-left: 3rem !important; }
+
+.p-0, .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area.py-3 {
+  padding: 0 !important; }
+
+.pt-0,
+.py-0 {
+  padding-top: 0 !important; }
+
+.pr-0,
+.px-0 {
+  padding-right: 0 !important; }
+
+.pb-0,
+.py-0 {
+  padding-bottom: 0 !important; }
+
+.pl-0,
+.px-0 {
+  padding-left: 0 !important; }
+
+.p-1 {
+  padding: 0.25rem !important; }
+
+.pt-1,
+.py-1 {
+  padding-top: 0.25rem !important; }
+
+.pr-1,
+.px-1 {
+  padding-right: 0.25rem !important; }
+
+.pb-1,
+.py-1 {
+  padding-bottom: 0.25rem !important; }
+
+.pl-1,
+.px-1 {
+  padding-left: 0.25rem !important; }
+
+.p-2 {
+  padding: 0.5rem !important; }
+
+.pt-2,
+.py-2 {
+  padding-top: 0.5rem !important; }
+
+.pr-2,
+.px-2 {
+  padding-right: 0.5rem !important; }
+
+.pb-2,
+.py-2 {
+  padding-bottom: 0.5rem !important; }
+
+.pl-2,
+.px-2 {
+  padding-left: 0.5rem !important; }
+
+.p-3 {
+  padding: 1rem !important; }
+
+.pt-3,
+.py-3 {
+  padding-top: 1rem !important; }
+
+.pr-3,
+.px-3 {
+  padding-right: 1rem !important; }
+
+.pb-3,
+.py-3 {
+  padding-bottom: 1rem !important; }
+
+.pl-3,
+.px-3 {
+  padding-left: 1rem !important; }
+
+.p-4 {
+  padding: 1.5rem !important; }
+
+.pt-4,
+.py-4 {
+  padding-top: 1.5rem !important; }
+
+.pr-4,
+.px-4 {
+  padding-right: 1.5rem !important; }
+
+.pb-4,
+.py-4 {
+  padding-bottom: 1.5rem !important; }
+
+.pl-4,
+.px-4 {
+  padding-left: 1.5rem !important; }
+
+.p-5 {
+  padding: 3rem !important; }
+
+.pt-5,
+.py-5 {
+  padding-top: 3rem !important; }
+
+.pr-5,
+.px-5 {
+  padding-right: 3rem !important; }
+
+.pb-5,
+.py-5 {
+  padding-bottom: 3rem !important; }
+
+.pl-5,
+.px-5 {
+  padding-left: 3rem !important; }
+
+.m-auto {
+  margin: auto !important; }
+
+.mt-auto,
+.my-auto {
+  margin-top: auto !important; }
+
+.mr-auto,
+.mx-auto {
+  margin-right: auto !important; }
+
+.mb-auto,
+.my-auto {
+  margin-bottom: auto !important; }
+
+.ml-auto,
+.mx-auto {
+  margin-left: auto !important; }
+
+@media (min-width: 576px) {
+  .m-sm-0 {
+    margin: 0 !important; }
+  .mt-sm-0,
+  .my-sm-0 {
+    margin-top: 0 !important; }
+  .mr-sm-0,
+  .mx-sm-0 {
+    margin-right: 0 !important; }
+  .mb-sm-0,
+  .my-sm-0 {
+    margin-bottom: 0 !important; }
+  .ml-sm-0,
+  .mx-sm-0 {
+    margin-left: 0 !important; }
+  .m-sm-1 {
+    margin: 0.25rem !important; }
+  .mt-sm-1,
+  .my-sm-1 {
+    margin-top: 0.25rem !important; }
+  .mr-sm-1,
+  .mx-sm-1 {
+    margin-right: 0.25rem !important; }
+  .mb-sm-1,
+  .my-sm-1 {
+    margin-bottom: 0.25rem !important; }
+  .ml-sm-1,
+  .mx-sm-1 {
+    margin-left: 0.25rem !important; }
+  .m-sm-2 {
+    margin: 0.5rem !important; }
+  .mt-sm-2,
+  .my-sm-2 {
+    margin-top: 0.5rem !important; }
+  .mr-sm-2,
+  .mx-sm-2 {
+    margin-right: 0.5rem !important; }
+  .mb-sm-2,
+  .my-sm-2 {
+    margin-bottom: 0.5rem !important; }
+  .ml-sm-2,
+  .mx-sm-2 {
+    margin-left: 0.5rem !important; }
+  .m-sm-3 {
+    margin: 1rem !important; }
+  .mt-sm-3,
+  .my-sm-3 {
+    margin-top: 1rem !important; }
+  .mr-sm-3,
+  .mx-sm-3 {
+    margin-right: 1rem !important; }
+  .mb-sm-3,
+  .my-sm-3 {
+    margin-bottom: 1rem !important; }
+  .ml-sm-3,
+  .mx-sm-3 {
+    margin-left: 1rem !important; }
+  .m-sm-4 {
+    margin: 1.5rem !important; }
+  .mt-sm-4,
+  .my-sm-4 {
+    margin-top: 1.5rem !important; }
+  .mr-sm-4,
+  .mx-sm-4 {
+    margin-right: 1.5rem !important; }
+  .mb-sm-4,
+  .my-sm-4 {
+    margin-bottom: 1.5rem !important; }
+  .ml-sm-4,
+  .mx-sm-4 {
+    margin-left: 1.5rem !important; }
+  .m-sm-5 {
+    margin: 3rem !important; }
+  .mt-sm-5,
+  .my-sm-5 {
+    margin-top: 3rem !important; }
+  .mr-sm-5,
+  .mx-sm-5 {
+    margin-right: 3rem !important; }
+  .mb-sm-5,
+  .my-sm-5 {
+    margin-bottom: 3rem !important; }
+  .ml-sm-5,
+  .mx-sm-5 {
+    margin-left: 3rem !important; }
+  .p-sm-0 {
+    padding: 0 !important; }
+  .pt-sm-0,
+  .py-sm-0 {
+    padding-top: 0 !important; }
+  .pr-sm-0,
+  .px-sm-0 {
+    padding-right: 0 !important; }
+  .pb-sm-0,
+  .py-sm-0 {
+    padding-bottom: 0 !important; }
+  .pl-sm-0,
+  .px-sm-0 {
+    padding-left: 0 !important; }
+  .p-sm-1 {
+    padding: 0.25rem !important; }
+  .pt-sm-1,
+  .py-sm-1 {
+    padding-top: 0.25rem !important; }
+  .pr-sm-1,
+  .px-sm-1 {
+    padding-right: 0.25rem !important; }
+  .pb-sm-1,
+  .py-sm-1 {
+    padding-bottom: 0.25rem !important; }
+  .pl-sm-1,
+  .px-sm-1 {
+    padding-left: 0.25rem !important; }
+  .p-sm-2 {
+    padding: 0.5rem !important; }
+  .pt-sm-2,
+  .py-sm-2 {
+    padding-top: 0.5rem !important; }
+  .pr-sm-2,
+  .px-sm-2 {
+    padding-right: 0.5rem !important; }
+  .pb-sm-2,
+  .py-sm-2 {
+    padding-bottom: 0.5rem !important; }
+  .pl-sm-2,
+  .px-sm-2 {
+    padding-left: 0.5rem !important; }
+  .p-sm-3 {
+    padding: 1rem !important; }
+  .pt-sm-3,
+  .py-sm-3 {
+    padding-top: 1rem !important; }
+  .pr-sm-3,
+  .px-sm-3 {
+    padding-right: 1rem !important; }
+  .pb-sm-3,
+  .py-sm-3 {
+    padding-bottom: 1rem !important; }
+  .pl-sm-3,
+  .px-sm-3 {
+    padding-left: 1rem !important; }
+  .p-sm-4 {
+    padding: 1.5rem !important; }
+  .pt-sm-4,
+  .py-sm-4 {
+    padding-top: 1.5rem !important; }
+  .pr-sm-4,
+  .px-sm-4 {
+    padding-right: 1.5rem !important; }
+  .pb-sm-4,
+  .py-sm-4 {
+    padding-bottom: 1.5rem !important; }
+  .pl-sm-4,
+  .px-sm-4 {
+    padding-left: 1.5rem !important; }
+  .p-sm-5 {
+    padding: 3rem !important; }
+  .pt-sm-5,
+  .py-sm-5 {
+    padding-top: 3rem !important; }
+  .pr-sm-5,
+  .px-sm-5 {
+    padding-right: 3rem !important; }
+  .pb-sm-5,
+  .py-sm-5 {
+    padding-bottom: 3rem !important; }
+  .pl-sm-5,
+  .px-sm-5 {
+    padding-left: 3rem !important; }
+  .m-sm-auto {
+    margin: auto !important; }
+  .mt-sm-auto,
+  .my-sm-auto {
+    margin-top: auto !important; }
+  .mr-sm-auto,
+  .mx-sm-auto {
+    margin-right: auto !important; }
+  .mb-sm-auto,
+  .my-sm-auto {
+    margin-bottom: auto !important; }
+  .ml-sm-auto,
+  .mx-sm-auto {
+    margin-left: auto !important; } }
+
+@media (min-width: 768px) {
+  .m-md-0 {
+    margin: 0 !important; }
+  .mt-md-0,
+  .my-md-0 {
+    margin-top: 0 !important; }
+  .mr-md-0,
+  .mx-md-0 {
+    margin-right: 0 !important; }
+  .mb-md-0,
+  .my-md-0 {
+    margin-bottom: 0 !important; }
+  .ml-md-0,
+  .mx-md-0 {
+    margin-left: 0 !important; }
+  .m-md-1 {
+    margin: 0.25rem !important; }
+  .mt-md-1,
+  .my-md-1 {
+    margin-top: 0.25rem !important; }
+  .mr-md-1,
+  .mx-md-1 {
+    margin-right: 0.25rem !important; }
+  .mb-md-1,
+  .my-md-1 {
+    margin-bottom: 0.25rem !important; }
+  .ml-md-1,
+  .mx-md-1 {
+    margin-left: 0.25rem !important; }
+  .m-md-2 {
+    margin: 0.5rem !important; }
+  .mt-md-2,
+  .my-md-2 {
+    margin-top: 0.5rem !important; }
+  .mr-md-2,
+  .mx-md-2 {
+    margin-right: 0.5rem !important; }
+  .mb-md-2,
+  .my-md-2 {
+    margin-bottom: 0.5rem !important; }
+  .ml-md-2,
+  .mx-md-2 {
+    margin-left: 0.5rem !important; }
+  .m-md-3 {
+    margin: 1rem !important; }
+  .mt-md-3,
+  .my-md-3 {
+    margin-top: 1rem !important; }
+  .mr-md-3,
+  .mx-md-3 {
+    margin-right: 1rem !important; }
+  .mb-md-3,
+  .my-md-3 {
+    margin-bottom: 1rem !important; }
+  .ml-md-3,
+  .mx-md-3 {
+    margin-left: 1rem !important; }
+  .m-md-4 {
+    margin: 1.5rem !important; }
+  .mt-md-4,
+  .my-md-4 {
+    margin-top: 1.5rem !important; }
+  .mr-md-4,
+  .mx-md-4 {
+    margin-right: 1.5rem !important; }
+  .mb-md-4,
+  .my-md-4 {
+    margin-bottom: 1.5rem !important; }
+  .ml-md-4,
+  .mx-md-4 {
+    margin-left: 1.5rem !important; }
+  .m-md-5 {
+    margin: 3rem !important; }
+  .mt-md-5,
+  .my-md-5 {
+    margin-top: 3rem !important; }
+  .mr-md-5,
+  .mx-md-5 {
+    margin-right: 3rem !important; }
+  .mb-md-5,
+  .my-md-5 {
+    margin-bottom: 3rem !important; }
+  .ml-md-5,
+  .mx-md-5 {
+    margin-left: 3rem !important; }
+  .p-md-0 {
+    padding: 0 !important; }
+  .pt-md-0,
+  .py-md-0 {
+    padding-top: 0 !important; }
+  .pr-md-0,
+  .px-md-0 {
+    padding-right: 0 !important; }
+  .pb-md-0,
+  .py-md-0 {
+    padding-bottom: 0 !important; }
+  .pl-md-0,
+  .px-md-0 {
+    padding-left: 0 !important; }
+  .p-md-1 {
+    padding: 0.25rem !important; }
+  .pt-md-1,
+  .py-md-1 {
+    padding-top: 0.25rem !important; }
+  .pr-md-1,
+  .px-md-1 {
+    padding-right: 0.25rem !important; }
+  .pb-md-1,
+  .py-md-1 {
+    padding-bottom: 0.25rem !important; }
+  .pl-md-1,
+  .px-md-1 {
+    padding-left: 0.25rem !important; }
+  .p-md-2 {
+    padding: 0.5rem !important; }
+  .pt-md-2,
+  .py-md-2 {
+    padding-top: 0.5rem !important; }
+  .pr-md-2,
+  .px-md-2 {
+    padding-right: 0.5rem !important; }
+  .pb-md-2,
+  .py-md-2 {
+    padding-bottom: 0.5rem !important; }
+  .pl-md-2,
+  .px-md-2 {
+    padding-left: 0.5rem !important; }
+  .p-md-3 {
+    padding: 1rem !important; }
+  .pt-md-3,
+  .py-md-3 {
+    padding-top: 1rem !important; }
+  .pr-md-3,
+  .px-md-3 {
+    padding-right: 1rem !important; }
+  .pb-md-3,
+  .py-md-3 {
+    padding-bottom: 1rem !important; }
+  .pl-md-3,
+  .px-md-3 {
+    padding-left: 1rem !important; }
+  .p-md-4 {
+    padding: 1.5rem !important; }
+  .pt-md-4,
+  .py-md-4 {
+    padding-top: 1.5rem !important; }
+  .pr-md-4,
+  .px-md-4 {
+    padding-right: 1.5rem !important; }
+  .pb-md-4,
+  .py-md-4 {
+    padding-bottom: 1.5rem !important; }
+  .pl-md-4,
+  .px-md-4 {
+    padding-left: 1.5rem !important; }
+  .p-md-5 {
+    padding: 3rem !important; }
+  .pt-md-5,
+  .py-md-5 {
+    padding-top: 3rem !important; }
+  .pr-md-5,
+  .px-md-5 {
+    padding-right: 3rem !important; }
+  .pb-md-5,
+  .py-md-5 {
+    padding-bottom: 3rem !important; }
+  .pl-md-5,
+  .px-md-5 {
+    padding-left: 3rem !important; }
+  .m-md-auto {
+    margin: auto !important; }
+  .mt-md-auto,
+  .my-md-auto {
+    margin-top: auto !important; }
+  .mr-md-auto,
+  .mx-md-auto {
+    margin-right: auto !important; }
+  .mb-md-auto,
+  .my-md-auto {
+    margin-bottom: auto !important; }
+  .ml-md-auto,
+  .mx-md-auto {
+    margin-left: auto !important; } }
+
+@media (min-width: 992px) {
+  .m-lg-0 {
+    margin: 0 !important; }
+  .mt-lg-0,
+  .my-lg-0 {
+    margin-top: 0 !important; }
+  .mr-lg-0,
+  .mx-lg-0 {
+    margin-right: 0 !important; }
+  .mb-lg-0,
+  .my-lg-0 {
+    margin-bottom: 0 !important; }
+  .ml-lg-0,
+  .mx-lg-0 {
+    margin-left: 0 !important; }
+  .m-lg-1 {
+    margin: 0.25rem !important; }
+  .mt-lg-1,
+  .my-lg-1 {
+    margin-top: 0.25rem !important; }
+  .mr-lg-1,
+  .mx-lg-1 {
+    margin-right: 0.25rem !important; }
+  .mb-lg-1,
+  .my-lg-1 {
+    margin-bottom: 0.25rem !important; }
+  .ml-lg-1,
+  .mx-lg-1 {
+    margin-left: 0.25rem !important; }
+  .m-lg-2 {
+    margin: 0.5rem !important; }
+  .mt-lg-2,
+  .my-lg-2 {
+    margin-top: 0.5rem !important; }
+  .mr-lg-2,
+  .mx-lg-2 {
+    margin-right: 0.5rem !important; }
+  .mb-lg-2,
+  .my-lg-2 {
+    margin-bottom: 0.5rem !important; }
+  .ml-lg-2,
+  .mx-lg-2 {
+    margin-left: 0.5rem !important; }
+  .m-lg-3 {
+    margin: 1rem !important; }
+  .mt-lg-3,
+  .my-lg-3 {
+    margin-top: 1rem !important; }
+  .mr-lg-3,
+  .mx-lg-3 {
+    margin-right: 1rem !important; }
+  .mb-lg-3,
+  .my-lg-3 {
+    margin-bottom: 1rem !important; }
+  .ml-lg-3,
+  .mx-lg-3 {
+    margin-left: 1rem !important; }
+  .m-lg-4 {
+    margin: 1.5rem !important; }
+  .mt-lg-4,
+  .my-lg-4 {
+    margin-top: 1.5rem !important; }
+  .mr-lg-4,
+  .mx-lg-4 {
+    margin-right: 1.5rem !important; }
+  .mb-lg-4,
+  .my-lg-4 {
+    margin-bottom: 1.5rem !important; }
+  .ml-lg-4,
+  .mx-lg-4 {
+    margin-left: 1.5rem !important; }
+  .m-lg-5 {
+    margin: 3rem !important; }
+  .mt-lg-5,
+  .my-lg-5 {
+    margin-top: 3rem !important; }
+  .mr-lg-5,
+  .mx-lg-5 {
+    margin-right: 3rem !important; }
+  .mb-lg-5,
+  .my-lg-5 {
+    margin-bottom: 3rem !important; }
+  .ml-lg-5,
+  .mx-lg-5 {
+    margin-left: 3rem !important; }
+  .p-lg-0 {
+    padding: 0 !important; }
+  .pt-lg-0,
+  .py-lg-0 {
+    padding-top: 0 !important; }
+  .pr-lg-0,
+  .px-lg-0 {
+    padding-right: 0 !important; }
+  .pb-lg-0,
+  .py-lg-0 {
+    padding-bottom: 0 !important; }
+  .pl-lg-0,
+  .px-lg-0 {
+    padding-left: 0 !important; }
+  .p-lg-1 {
+    padding: 0.25rem !important; }
+  .pt-lg-1,
+  .py-lg-1 {
+    padding-top: 0.25rem !important; }
+  .pr-lg-1,
+  .px-lg-1 {
+    padding-right: 0.25rem !important; }
+  .pb-lg-1,
+  .py-lg-1 {
+    padding-bottom: 0.25rem !important; }
+  .pl-lg-1,
+  .px-lg-1 {
+    padding-left: 0.25rem !important; }
+  .p-lg-2 {
+    padding: 0.5rem !important; }
+  .pt-lg-2,
+  .py-lg-2 {
+    padding-top: 0.5rem !important; }
+  .pr-lg-2,
+  .px-lg-2 {
+    padding-right: 0.5rem !important; }
+  .pb-lg-2,
+  .py-lg-2 {
+    padding-bottom: 0.5rem !important; }
+  .pl-lg-2,
+  .px-lg-2 {
+    padding-left: 0.5rem !important; }
+  .p-lg-3 {
+    padding: 1rem !important; }
+  .pt-lg-3,
+  .py-lg-3 {
+    padding-top: 1rem !important; }
+  .pr-lg-3,
+  .px-lg-3 {
+    padding-right: 1rem !important; }
+  .pb-lg-3,
+  .py-lg-3 {
+    padding-bottom: 1rem !important; }
+  .pl-lg-3,
+  .px-lg-3 {
+    padding-left: 1rem !important; }
+  .p-lg-4 {
+    padding: 1.5rem !important; }
+  .pt-lg-4,
+  .py-lg-4 {
+    padding-top: 1.5rem !important; }
+  .pr-lg-4,
+  .px-lg-4 {
+    padding-right: 1.5rem !important; }
+  .pb-lg-4,
+  .py-lg-4 {
+    padding-bottom: 1.5rem !important; }
+  .pl-lg-4,
+  .px-lg-4 {
+    padding-left: 1.5rem !important; }
+  .p-lg-5 {
+    padding: 3rem !important; }
+  .pt-lg-5,
+  .py-lg-5 {
+    padding-top: 3rem !important; }
+  .pr-lg-5,
+  .px-lg-5 {
+    padding-right: 3rem !important; }
+  .pb-lg-5,
+  .py-lg-5 {
+    padding-bottom: 3rem !important; }
+  .pl-lg-5,
+  .px-lg-5 {
+    padding-left: 3rem !important; }
+  .m-lg-auto {
+    margin: auto !important; }
+  .mt-lg-auto,
+  .my-lg-auto {
+    margin-top: auto !important; }
+  .mr-lg-auto,
+  .mx-lg-auto {
+    margin-right: auto !important; }
+  .mb-lg-auto,
+  .my-lg-auto {
+    margin-bottom: auto !important; }
+  .ml-lg-auto,
+  .mx-lg-auto {
+    margin-left: auto !important; } }
+
+@media (min-width: 1200px) {
+  .m-xl-0 {
+    margin: 0 !important; }
+  .mt-xl-0,
+  .my-xl-0 {
+    margin-top: 0 !important; }
+  .mr-xl-0,
+  .mx-xl-0 {
+    margin-right: 0 !important; }
+  .mb-xl-0,
+  .my-xl-0 {
+    margin-bottom: 0 !important; }
+  .ml-xl-0,
+  .mx-xl-0 {
+    margin-left: 0 !important; }
+  .m-xl-1 {
+    margin: 0.25rem !important; }
+  .mt-xl-1,
+  .my-xl-1 {
+    margin-top: 0.25rem !important; }
+  .mr-xl-1,
+  .mx-xl-1 {
+    margin-right: 0.25rem !important; }
+  .mb-xl-1,
+  .my-xl-1 {
+    margin-bottom: 0.25rem !important; }
+  .ml-xl-1,
+  .mx-xl-1 {
+    margin-left: 0.25rem !important; }
+  .m-xl-2 {
+    margin: 0.5rem !important; }
+  .mt-xl-2,
+  .my-xl-2 {
+    margin-top: 0.5rem !important; }
+  .mr-xl-2,
+  .mx-xl-2 {
+    margin-right: 0.5rem !important; }
+  .mb-xl-2,
+  .my-xl-2 {
+    margin-bottom: 0.5rem !important; }
+  .ml-xl-2,
+  .mx-xl-2 {
+    margin-left: 0.5rem !important; }
+  .m-xl-3 {
+    margin: 1rem !important; }
+  .mt-xl-3,
+  .my-xl-3 {
+    margin-top: 1rem !important; }
+  .mr-xl-3,
+  .mx-xl-3 {
+    margin-right: 1rem !important; }
+  .mb-xl-3,
+  .my-xl-3 {
+    margin-bottom: 1rem !important; }
+  .ml-xl-3,
+  .mx-xl-3 {
+    margin-left: 1rem !important; }
+  .m-xl-4 {
+    margin: 1.5rem !important; }
+  .mt-xl-4,
+  .my-xl-4 {
+    margin-top: 1.5rem !important; }
+  .mr-xl-4,
+  .mx-xl-4 {
+    margin-right: 1.5rem !important; }
+  .mb-xl-4,
+  .my-xl-4 {
+    margin-bottom: 1.5rem !important; }
+  .ml-xl-4,
+  .mx-xl-4 {
+    margin-left: 1.5rem !important; }
+  .m-xl-5 {
+    margin: 3rem !important; }
+  .mt-xl-5,
+  .my-xl-5 {
+    margin-top: 3rem !important; }
+  .mr-xl-5,
+  .mx-xl-5 {
+    margin-right: 3rem !important; }
+  .mb-xl-5,
+  .my-xl-5 {
+    margin-bottom: 3rem !important; }
+  .ml-xl-5,
+  .mx-xl-5 {
+    margin-left: 3rem !important; }
+  .p-xl-0 {
+    padding: 0 !important; }
+  .pt-xl-0,
+  .py-xl-0 {
+    padding-top: 0 !important; }
+  .pr-xl-0,
+  .px-xl-0 {
+    padding-right: 0 !important; }
+  .pb-xl-0,
+  .py-xl-0 {
+    padding-bottom: 0 !important; }
+  .pl-xl-0,
+  .px-xl-0 {
+    padding-left: 0 !important; }
+  .p-xl-1 {
+    padding: 0.25rem !important; }
+  .pt-xl-1,
+  .py-xl-1 {
+    padding-top: 0.25rem !important; }
+  .pr-xl-1,
+  .px-xl-1 {
+    padding-right: 0.25rem !important; }
+  .pb-xl-1,
+  .py-xl-1 {
+    padding-bottom: 0.25rem !important; }
+  .pl-xl-1,
+  .px-xl-1 {
+    padding-left: 0.25rem !important; }
+  .p-xl-2 {
+    padding: 0.5rem !important; }
+  .pt-xl-2,
+  .py-xl-2 {
+    padding-top: 0.5rem !important; }
+  .pr-xl-2,
+  .px-xl-2 {
+    padding-right: 0.5rem !important; }
+  .pb-xl-2,
+  .py-xl-2 {
+    padding-bottom: 0.5rem !important; }
+  .pl-xl-2,
+  .px-xl-2 {
+    padding-left: 0.5rem !important; }
+  .p-xl-3 {
+    padding: 1rem !important; }
+  .pt-xl-3,
+  .py-xl-3 {
+    padding-top: 1rem !important; }
+  .pr-xl-3,
+  .px-xl-3 {
+    padding-right: 1rem !important; }
+  .pb-xl-3,
+  .py-xl-3 {
+    padding-bottom: 1rem !important; }
+  .pl-xl-3,
+  .px-xl-3 {
+    padding-left: 1rem !important; }
+  .p-xl-4 {
+    padding: 1.5rem !important; }
+  .pt-xl-4,
+  .py-xl-4 {
+    padding-top: 1.5rem !important; }
+  .pr-xl-4,
+  .px-xl-4 {
+    padding-right: 1.5rem !important; }
+  .pb-xl-4,
+  .py-xl-4 {
+    padding-bottom: 1.5rem !important; }
+  .pl-xl-4,
+  .px-xl-4 {
+    padding-left: 1.5rem !important; }
+  .p-xl-5 {
+    padding: 3rem !important; }
+  .pt-xl-5,
+  .py-xl-5 {
+    padding-top: 3rem !important; }
+  .pr-xl-5,
+  .px-xl-5 {
+    padding-right: 3rem !important; }
+  .pb-xl-5,
+  .py-xl-5 {
+    padding-bottom: 3rem !important; }
+  .pl-xl-5,
+  .px-xl-5 {
+    padding-left: 3rem !important; }
+  .m-xl-auto {
+    margin: auto !important; }
+  .mt-xl-auto,
+  .my-xl-auto {
+    margin-top: auto !important; }
+  .mr-xl-auto,
+  .mx-xl-auto {
+    margin-right: auto !important; }
+  .mb-xl-auto,
+  .my-xl-auto {
+    margin-bottom: auto !important; }
+  .ml-xl-auto,
+  .mx-xl-auto {
+    margin-left: auto !important; } }
+
+.text-justify {
+  text-align: justify !important; }
+
+.text-nowrap {
+  white-space: nowrap !important; }
+
+.text-truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap; }
+
+.text-left {
+  text-align: left !important; }
+
+.text-right {
+  text-align: right !important; }
+
+.text-center {
+  text-align: center !important; }
+
+@media (min-width: 576px) {
+  .text-sm-left {
+    text-align: left !important; }
+  .text-sm-right {
+    text-align: right !important; }
+  .text-sm-center {
+    text-align: center !important; } }
+
+@media (min-width: 768px) {
+  .text-md-left {
+    text-align: left !important; }
+  .text-md-right {
+    text-align: right !important; }
+  .text-md-center {
+    text-align: center !important; } }
+
+@media (min-width: 992px) {
+  .text-lg-left {
+    text-align: left !important; }
+  .text-lg-right {
+    text-align: right !important; }
+  .text-lg-center {
+    text-align: center !important; } }
+
+@media (min-width: 1200px) {
+  .text-xl-left {
+    text-align: left !important; }
+  .text-xl-right {
+    text-align: right !important; }
+  .text-xl-center {
+    text-align: center !important; } }
+
+.text-lowercase {
+  text-transform: lowercase !important; }
+
+.text-uppercase {
+  text-transform: uppercase !important; }
+
+.text-capitalize {
+  text-transform: capitalize !important; }
+
+.font-weight-light {
+  font-weight: 300 !important; }
+
+.font-weight-normal {
+  font-weight: 400 !important; }
+
+.font-weight-bold {
+  font-weight: 700 !important; }
+
+.font-italic {
+  font-style: italic !important; }
+
+.text-white {
+  color: #fff !important; }
+
+.text-primary {
+  color: #1177d1 !important; }
+
+a.text-primary:hover, a.text-primary:focus {
+  color: #0d5ca2 !important; }
+
+.text-secondary {
+  color: #ced4da !important; }
+
+a.text-secondary:hover, a.text-secondary:focus {
+  color: #b1bbc4 !important; }
+
+.text-success, .green,
+.notifysuccess, .connected {
+  color: #5cb85c !important; }
+
+a.text-success:hover, a.green:hover,
+a.notifysuccess:hover, a.connected:hover, a.text-success:focus, a.green:focus,
+a.notifysuccess:focus, a.connected:focus {
+  color: #449d44 !important; }
+
+.text-info, .highlight {
+  color: #5bc0de !important; }
+
+a.text-info:hover, a.highlight:hover, a.text-info:focus, a.highlight:focus {
+  color: #31b0d5 !important; }
+
+.text-warning, .red,
+.notifyproblem, .completion-expired, span.flagged-tag,
+tr.flagged-tag,
+span.flagged-tag a,
+tr.flagged-tag a, .moodle-dialogue-exception .param-stacktrace .stacktrace-line, .connecting {
+  color: #f0ad4e !important; }
+
+a.text-warning:hover, a.red:hover,
+a.notifyproblem:hover, a.completion-expired:hover,
+span.flagged-tag a:hover,
+tr.flagged-tag a:hover, .moodle-dialogue-exception .param-stacktrace a.stacktrace-line:hover, a.connecting:hover, a.text-warning:focus, a.red:focus,
+a.notifyproblem:focus, a.completion-expired:focus,
+span.flagged-tag a:focus,
+tr.flagged-tag a:focus, .moodle-dialogue-exception .param-stacktrace a.stacktrace-line:focus, a.connecting:focus {
+  color: #ec971f !important; }
+
+.text-danger, .notconnected, .que .validationerror, .text-error {
+  color: #d9534f !important; }
+
+a.text-danger:hover, a.notconnected:hover, .que a.validationerror:hover, a.text-error:hover, a.text-danger:focus, a.notconnected:focus, .que a.validationerror:focus, a.text-error:focus {
+  color: #c9302c !important; }
+
+.text-light {
+  color: #f8f9fa !important; }
+
+a.text-light:hover, a.text-light:focus {
+  color: #dae0e5 !important; }
+
+.text-dark, #categoryquestions .highlight {
+  color: #373a3c !important; }
+
+a.text-dark:hover, #categoryquestions a.highlight:hover, a.text-dark:focus, #categoryquestions a.highlight:focus {
+  color: #1f2021 !important; }
+
+.text-muted, a.dimmed,
+a.dimmed:link,
+a.dimmed:visited,
+a.dimmed_text,
+a.dimmed_text:link,
+a.dimmed_text:visited,
+.dimmed_text,
+.dimmed_text a,
+.dimmed_text a:link,
+.dimmed_text a:visited,
+.usersuspended,
+.usersuspended a,
+.usersuspended a:link,
+.usersuspended a:visited,
+.dimmed_category,
+.dimmed_category a, .tag_feed .media .muted a, #page-admin-qtypes .disabled,
+#page-admin-qbehaviours .disabled, #page-admin-plugins #plugins-control-panel .pluginname .componentname, #page-admin-plugins #plugins-control-panel .version .versionnumber, #page-admin-plugins #plugins-control-panel .notes .requiredby, #plugins-check-page .page-description, #plugins-check-page #plugins-check .requires-ok, #plugins-check-page #plugins-check .displayname .plugindir, #plugins-check-page #plugins-check-available-dependencies .displayname .component, #page-admin-search .adminpagepath li, .block .minicalendar td.weekend, .section .activity .stealth, .course-content .section-summary .section-summary-activities .activity-count, .course-content ul li.section.hidden .sectionname > span,
+.course-content ul li.section.hidden .content > div.summary,
+.course-content ul li.section.hidden .activity .activityinstance, #course-category-listings .listitem[data-visible="0"], #course-category-listings .listitem[data-visible="0"] > div > a, #course-category-listings .listing-pagination-totals.dimmed, .fitem.disabled .fp-btn-choose, .form-defaultinfo,
+.form-label .form-shortname, .formsettingheading .form-horizontal, .no-felement.fstatic, .path-backup .backup_progress .backup_stage {
+  color: #868e96 !important; }
+
+.text-hide {
+  font: 0/0 a;
+  color: transparent;
+  text-shadow: none;
+  background-color: transparent;
+  border: 0; }
+
+.visible {
+  visibility: visible !important; }
+
+.invisible {
+  visibility: hidden !important; }
+
+@media print {
+  *,
+  *::before,
+  *::after {
+    text-shadow: none !important;
+    box-shadow: none !important; }
+  a:not(.btn) {
+    text-decoration: underline; }
+  abbr[title]::after {
+    content: " (" attr(title) ")"; }
+  pre {
+    white-space: pre-wrap !important; }
+  pre,
+  blockquote {
+    border: 1px solid #999;
+    page-break-inside: avoid; }
+  thead {
+    display: table-header-group; }
+  tr,
+  img {
+    page-break-inside: avoid; }
+  p,
+  h2,
+  h3 {
+    orphans: 3;
+    widows: 3; }
+  h2,
+  h3 {
+    page-break-after: avoid; }
+  @page {
+    size: a3; }
+  body {
+    min-width: 992px !important; }
+  .container {
+    min-width: 992px !important; }
+  .navbar {
+    display: none; }
+  .badge {
+    border: 1px solid #000; }
+  .table, table.collection, table.flexible,
+  .generaltable {
+    border-collapse: collapse !important; }
+    
+    .table td,
+    table.collection td,
+    table.flexible td,
+    .generaltable td, .table th, table.collection th, table.flexible th, .generaltable th {
+      background-color: #fff !important; }
+  .table-bordered th, table.collection th,
+  .table-bordered td,
+  table.collection td {
+    border: 1px solid #ddd !important; } }
+
+/* stylelint-disable function-url-scheme-blacklist */
+/* stylelint-enable function-url-scheme-blacklist */
+.tag, .statusok, .statuswarning, .statusserious,
+.statuscritical, .que .correctness, .label, .badge {
+  display: inline-block;
+  padding: 0.25rem 0.4em;
+  font-size: 75%;
+  font-weight: bold;
+  line-height: 1;
+  color: #fff;
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline; }
+  .tag:empty, .statusok:empty, .statuswarning:empty, .statusserious:empty,
+  .statuscritical:empty, .que .correctness:empty, .label:empty, .badge:empty {
+    display: none; }
+
+.form-control-success,
+.form-control-warning,
+.maintenancewarning.warning,
+.form-control-danger,
+#page-admin-mnet-peers .mform .deletedhostinfo,
+.maintenancewarning.error {
+  padding-right: 2.25rem;
+  background-repeat: no-repeat;
+  background-position: center right calc(2.15625rem + 2px)/4;
+  background-size: calc(2.15625rem + 2px)/2 calc(2.15625rem + 2px)/2; }
+
+.tag-default {
+  background-color: #868e96; }
+  .tag-default[href]:hover, .tag-default[href]:focus {
+    background-color: #6c757d; }
+
+.tag-primary {
+  background-color: #1177d1; }
+  .tag-primary[href]:hover, .tag-primary[href]:focus {
+    background-color: #0d5ca2; }
+
+.tag-success, .statusok, #page-admin-report-backups-index .backup-skipped,
+#page-admin-report-backups-index .backup-ok,
+#page-admin-report-backups-index .backup-notyetrun {
+  background-color: #5cb85c; }
+  .tag-success[href]:hover, .statusok[href]:hover, #page-admin-report-backups-index .backup-skipped[href]:hover,
+  #page-admin-report-backups-index .backup-ok[href]:hover,
+  #page-admin-report-backups-index .backup-notyetrun[href]:hover, .tag-success[href]:focus, .statusok[href]:focus, #page-admin-report-backups-index .backup-skipped[href]:focus,
+  #page-admin-report-backups-index .backup-ok[href]:focus,
+  #page-admin-report-backups-index .backup-notyetrun[href]:focus {
+    background-color: #449d44; }
+
+.tag-info, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release {
+  background-color: #5bc0de; }
+  .tag-info[href]:hover, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release[href]:hover, .tag-info[href]:focus, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release[href]:focus {
+    background-color: #31b0d5; }
+
+.tag-warning, .statuswarning, #page-admin-report-backups-index .backup-warning, #page-admin-index .updateplugin .updatepluginconfirmexternal, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity100 .info.release,
+#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity150 .info.release {
+  background-color: #ff7518; }
+  .tag-warning[href]:hover, .statuswarning[href]:hover, #page-admin-report-backups-index .backup-warning[href]:hover, #page-admin-index .updateplugin .updatepluginconfirmexternal[href]:hover, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity100 .info.release[href]:hover,
+  #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity150 .info.release[href]:hover, .tag-warning[href]:focus, .statuswarning[href]:focus, #page-admin-report-backups-index .backup-warning[href]:focus, #page-admin-index .updateplugin .updatepluginconfirmexternal[href]:focus, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity100 .info.release[href]:focus,
+  #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity150 .info.release[href]:focus {
+    background-color: #e45c00; }
+
+.tag-danger, .statusserious,
+.statuscritical, #page-admin-report-backups-index .backup-error,
+#page-admin-report-backups-index .backup-unfinished, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release {
+  background-color: #d9534f; }
+  .tag-danger[href]:hover, .statusserious[href]:hover,
+  .statuscritical[href]:hover, #page-admin-report-backups-index .backup-error[href]:hover,
+  #page-admin-report-backups-index .backup-unfinished[href]:hover, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release[href]:hover, .tag-danger[href]:focus, .statusserious[href]:focus,
+  .statuscritical[href]:focus, #page-admin-report-backups-index .backup-error[href]:focus,
+  #page-admin-report-backups-index .backup-unfinished[href]:focus, #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release[href]:focus {
+    background-color: #c9302c; }
+
+.custom-select {
+  width: auto; }
+
+.fade.in {
+  opacity: 1; }
+
+.m-a-0 {
+  margin: 0 !important; }
+
+.m-t-0,
+.m-y-0 {
+  margin-top: 0 !important; }
+
+.m-r-0,
+.m-x-0 {
+  margin-right: 0 !important; }
+
+.m-b-0,
+.m-y-0 {
+  margin-bottom: 0 !important; }
+
+.m-l-0,
+.m-x-0 {
+  margin-left: 0 !important; }
+
+.m-a-1 {
+  margin: 1rem !important; }
+
+.m-t-1,
+.m-y-1 {
+  margin-top: 1rem !important; }
+
+.m-r-1,
+.m-x-1 {
+  margin-right: 1rem !important; }
+
+.m-b-1,
+.m-y-1 {
+  margin-bottom: 1rem !important; }
+
+.m-l-1,
+.m-x-1 {
+  margin-left: 1rem !important; }
+
+.m-a-2 {
+  margin: 2rem !important; }
+
+.m-t-2,
+.m-y-2 {
+  margin-top: 2rem !important; }
+
+.m-r-2,
+.m-x-2 {
+  margin-right: 2rem !important; }
+
+.m-b-2,
+.m-y-2 {
+  margin-bottom: 2rem !important; }
+
+.m-l-2,
+.m-x-2 {
+  margin-left: 2rem !important; }
+
+.m-a-3 {
+  margin: 3rem !important; }
+
+.m-t-3,
+.m-y-3 {
+  margin-top: 3rem !important; }
+
+.m-r-3,
+.m-x-3 {
+  margin-right: 3rem !important; }
+
+.m-b-3,
+.m-y-3 {
+  margin-bottom: 3rem !important; }
+
+.m-l-3,
+.m-x-3 {
+  margin-left: 3rem !important; }
+
+.p-a-0 {
+  padding: 0 !important; }
+
+.p-t-0,
+.p-y-0 {
+  padding-top: 0 !important; }
+
+.p-r-0,
+.p-x-0 {
+  padding-right: 0 !important; }
+
+.p-b-0,
+.p-y-0 {
+  padding-bottom: 0 !important; }
+
+.p-l-0,
+.p-x-0 {
+  padding-left: 0 !important; }
+
+.p-a-1 {
+  padding: 1rem !important; }
+
+.p-t-1,
+.p-y-1 {
+  padding-top: 1rem !important; }
+
+.p-r-1,
+.p-x-1 {
+  padding-right: 1rem !important; }
+
+.p-b-1,
+.p-y-1 {
+  padding-bottom: 1rem !important; }
+
+.p-l-1,
+.p-x-1 {
+  padding-left: 1rem !important; }
+
+.p-a-2 {
+  padding: 2rem !important; }
+
+.p-t-2,
+.p-y-2 {
+  padding-top: 2rem !important; }
+
+.p-r-2,
+.p-x-2 {
+  padding-right: 2rem !important; }
+
+.p-b-2,
+.p-y-2 {
+  padding-bottom: 2rem !important; }
+
+.p-l-2,
+.p-x-2 {
+  padding-left: 2rem !important; }
+
+.p-a-3 {
+  padding: 3rem !important; }
+
+.p-t-3,
+.p-y-3 {
+  padding-top: 3rem !important; }
+
+.p-r-3,
+.p-x-3 {
+  padding-right: 3rem !important; }
+
+.p-b-3,
+.p-y-3 {
+  padding-bottom: 3rem !important; }
+
+.p-l-3,
+.p-x-3 {
+  padding-left: 3rem !important; }
+
+input[disabled] {
+  cursor: not-allowed; }
+
+.row-fluid {
+  display: flex;
+  flex-wrap: wrap;
+  margin-right: -15px;
+  margin-left: -15px; }
+
+/*rtl:raw:
+.dropdown-menu-right {
+    right: 0;
+    left: auto;
+}
+.dropdown-menu-left {
+    right: auto;
+    left: 0;
+}
+*/
+/**
+ * Bootstrap overrides for RTL
+ *
+ * This file is only for overriding sass from upstream bootstrap, all general rtl fixes for
+ * moodle scss should be placed immediately after the definition of the ltr rule.
+ */
+.breadcrumb-item + .breadcrumb-item::before {
+  content: "/";
+  /*rtl:remove*/
+  content: "/";
+  /* stylelint-disable-line declaration-block-no-duplicate-properties */ }
+
+/*rtl:raw:
+.dropdown-menu {
+    right: auto;
+    left: 0;
+    text-align: right;
+}
+*/
+/* core.less */
+#region-main {
+  overflow-x: auto;
+  overflow-y: visible;
+  border: 1px solid rgba(0, 0, 0, 0.125);
+  padding: 1.25rem;
+  background-color: #fff; }
+
+.context-header-settings-menu,
+.region-main-settings-menu {
+  float: right;
+  width: auto;
+  max-width: 4em;
+  height: 2em;
+  display: block;
+  margin-top: 4px; }
+
+.context-header-settings-menu .dropdown-toggle > .icon,
+#region-main-settings-menu .dropdown-toggle > .icon {
+  height: 24px;
+  font-size: 24px;
+  width: auto; }
+
+/** Prevent user notifications overlapping with region main settings menu */
+#user-notifications {
+  display: block;
+  overflow: hidden; }
+
+/** Page layout CSS starts **/
+.layout-option-noheader #page-header,
+.layout-option-nonavbar #page-navbar,
+.layout-option-nofooter #page-footer,
+.layout-option-nocourseheader .course-content-header,
+.layout-option-nocoursefooter .course-content-footer {
+  display: none; }
+
+/** Page layout CSS ends **/
+.mdl-left {
+  text-align: left; }
+
+.mdl-right {
+  text-align: right; }
+
+/*rtl:ignore*/
+.text-ltr {
+  direction: ltr !important;
+  /* stylelint-disable-line declaration-no-important */ }
+
+#add,
+#remove,
+.centerpara,
+.mdl-align {
+  text-align: center; }
+
+.unlist,
+.unlist li,
+.inline-list,
+.inline-list li,
+.block .list,
+.block .list li,
+.section li.activity,
+.section li.movehere,
+.tabtree li {
+  list-style: none;
+  margin: 0;
+  padding: 0; }
+
+.inline,
+.inline-list li {
+  display: inline; }
+
+.notifytiny {
+  font-size: 0.703125rem; }
+
+.notifytiny li,
+.notifytiny td {
+  font-size: 100%; }
+
+.fitem.advanced .text-info, .fitem.advanced .highlight {
+  font-weight: bold; }
+
+.reportlink {
+  text-align: right; }
+
+a.autolink.glossary:hover {
+  cursor: help; }
+
+/* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
+.collapsibleregioncaption {
+  white-space: nowrap;
+  min-height: 1.40625rem; }
+
+.pagelayout-mydashboard.jsenabled .collapsibleregioncaption {
+  cursor: pointer; }
+
+.pagelayout-mydashboard #region-main {
+  border: 0;
+  padding: 0;
+  background-color: transparent;
+  margin-top: -1px; }
+
+.collapsibleregioncaption img {
+  vertical-align: middle; }
+
+.jsenabled .hiddenifjs {
+  display: none; }
+
+.visibleifjs {
+  display: none; }
+
+.jsenabled .visibleifjs {
+  display: inline; }
+
+.jsenabled .collapsibleregion {
+  overflow: hidden;
+  box-sizing: content-box; }
+
+.jsenabled .collapsed .collapsibleregioninner {
+  visibility: hidden; }
+
+.collapsible-actions {
+  display: none;
+  text-align: right; }
+
+.jsenabled .collapsible-actions {
+  display: block; }
+
+.collapsible-actions .collapseexpand {
+  padding-left: 20px;
+  background: url([[pix:t/collapsed]]) 2px center no-repeat; }
+
+/*rtl:raw:
+.collapsible-actions .collapseexpand {
+    background: url([[pix:t/collapsed_rtl]]) right center no-repeat;
+}
+*/
+.collapsible-actions .collapse-all {
+  background-image: url([[pix:t/expanded]]); }
+
+.yui-overlay .yui-widget-bd {
+  background-color: #ffee69;
+  border: 1px solid #a6982b;
+  border-top-color: #d4c237;
+  color: #000;
+  left: 0;
+  padding: 2px 5px;
+  position: relative;
+  top: 0;
+  z-index: 1; }
+
+.clearer {
+  background: transparent;
+  border-width: 0;
+  clear: both;
+  display: block;
+  height: 1px;
+  margin: 0;
+  padding: 0; }
+
+.bold,
+.warning,
+.errorbox .title,
+.pagingbar .title,
+.pagingbar .thispage {
+  font-weight: bold; }
+
+img.userpicture {
+  margin-right: 0.5rem; }
+
+img.resize {
+  height: 1em;
+  width: 1em; }
+
+.action-menu .dropdown-toggle {
+  text-decoration: none; }
+
+.action-menu {
+  white-space: nowrap; }
+
+.block img.resize {
+  height: 0.9em;
+  width: 0.8em; }
+
+/* Icon styles */
+img.activityicon {
+  height: 24px;
+  width: 24px;
+  vertical-align: middle; }
+
+.headermain {
+  font-weight: bold; }
+
+#maincontent {
+  display: block;
+  height: 1px;
+  overflow: hidden; }
+
+img.uihint {
+  cursor: help; }
+
+#addmembersform table {
+  margin-left: auto;
+  margin-right: auto; }
+
+table.flexible .emptyrow {
+  display: none; }
+
+form.popupform,
+form.popupform div {
+  display: inline; }
+
+.arrow_button input {
+  overflow: hidden; }
+
+.no-overflow {
+  overflow: auto; }
+
+.no-overflow > .generaltable {
+  position: relative;
+  margin-bottom: 0;
+  min-height: 10em; }
+
+.accesshide {
+  position: absolute;
+  width: 1px;
+  height: 1px;
+  padding: 0;
+  overflow: hidden;
+  clip: rect(0, 0, 0, 0);
+  white-space: nowrap;
+  clip-path: inset(50%);
+  border: 0; }
+
+span.hide,
+div.hide,
+.hidden {
+  display: none; }
+
+a.skip-block,
+a.skip {
+  position: absolute;
+  top: -1000em;
+  font-size: 0.85em;
+  text-decoration: none; }
+
+a.skip-block:focus,
+a.skip-block:active,
+a.skip:focus,
+a.skip:active {
+  position: static;
+  display: block; }
+
+.skip-block-to {
+  display: block;
+  height: 1px;
+  overflow: hidden; }
+
+.addbloglink {
+  text-align: center; }
+
+.blog_entry .audience {
+  text-align: right;
+  padding-right: 4px; }
+
+.blog_entry .tags {
+  margin-top: 15px; }
+
+.blog_entry .content {
+  margin-left: 43px; }
+
+#doc-contents h1 {
+  margin: 1em 0 0 0; }
+
+#doc-contents ul {
+  margin: 0;
+  padding: 0;
+  width: 90%; }
+
+#doc-contents ul li {
+  list-style-type: none; }
+
+.groupmanagementtable td {
+  vertical-align: top; }
+
+.groupmanagementtable #existingcell,
+.groupmanagementtable #potentialcell {
+  width: 42%; }
+
+.groupmanagementtable #buttonscell {
+  width: 16%; }
+
+.groupmanagementtable #buttonscell p.arrow_button input {
+  width: auto;
+  min-width: 80%;
+  margin: 0 auto; }
+
+.groupmanagementtable #removeselect_wrapper,
+.groupmanagementtable #addselect_wrapper {
+  width: 100%; }
+
+.groupmanagementtable #removeselect_wrapper label,
+.groupmanagementtable #addselect_wrapper label {
+  font-weight: normal; }
+
+#group-usersummary {
+  width: 14em; }
+
+.groupselector {
+  margin-top: 3px;
+  margin-bottom: 3px;
+  display: inline-block; }
+
+.groupselector label {
+  display: inline-block; }
+
+.login-page [name="username"] {
+  margin-bottom: -1px;
+  border-bottom-right-radius: 0;
+  border-bottom-left-radius: 0; }
+
+.login-page [type="password"] {
+  margin-bottom: 10px;
+  border-top-left-radius: 0;
+  border-top-right-radius: 0; }
+
+.notepost {
+  margin-bottom: 1em; }
+
+.notepost .userpicture {
+  float: left;
+  margin-right: 5px; }
+
+.notepost .content,
+.notepost .footer {
+  clear: both; }
+
+.notesgroup {
+  margin-left: 20px; }
+
+.path-my .coursebox {
+  margin: 1rem 0;
+  padding: 0; }
+  .path-my .coursebox .overview {
+    margin: 15px 30px 10px 30px; }
+
+.path-my .coursebox .info {
+  float: none;
+  margin: 0; }
+
+.mod_introbox {
+  padding: 10px; }
+
+table.mod_index {
+  width: 100%; }
+
+.comment-ctrl {
+  font-size: 12px;
+  display: none;
+  margin: 0;
+  padding: 0; }
+
+.comment-ctrl h5 {
+  margin: 0;
+  padding: 5px; }
+
+.comment-area {
+  max-width: 400px;
+  padding: 5px; }
+
+.comment-area textarea {
+  width: 100%;
+  overflow: auto; }
+  .comment-area textarea.fullwidth {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box; }
+
+.comment-area .fd {
+  text-align: right; }
+
+.comment-meta span {
+  color: gray; }
+
+.comment-link img {
+  vertical-align: text-bottom; }
+
+.comment-list {
+  font-size: 11px;
+  overflow: auto;
+  list-style: none;
+  padding: 0;
+  margin: 0; }
+
+.comment-list li {
+  margin: 2px;
+  list-style: none;
+  margin-bottom: 5px;
+  clear: both;
+  padding: .3em;
+  position: relative; }
+
+.comment-list li.first {
+  display: none; }
+
+.comment-paging {
+  text-align: center; }
+
+.comment-paging .pageno {
+  padding: 2px; }
+
+.comment-paging .curpage {
+  border: 1px solid #ccc; }
+
+.comment-message .picture {
+  width: 20px;
+  float: left; }
+
+.comment-message .text {
+  margin: 0;
+  padding: 0; }
+
+.comment-message .text p {
+  padding: 0;
+  margin: 0 18px 0 0; }
+
+.comment-delete {
+  position: absolute;
+  top: 0;
+  right: 0;
+  margin: .3em; }
+
+.comment-report-selectall {
+  display: none; }
+
+.comment-link {
+  display: none; }
+
+.jsenabled .comment-link {
+  display: block; }
+
+.jsenabled .showcommentsnonjs {
+  display: none; }
+
+.jsenabled .comment-report-selectall {
+  display: inline; }
+
+/**
+* Completion progress report
+*/
+.completion-expected {
+  font-size: 0.703125rem; }
+
+.completion-sortchoice,
+.completion-identifyfield {
+  font-size: 0.703125rem;
+  vertical-align: bottom; }
+
+.completion-progresscell {
+  text-align: right; }
+
+.completion-expired .completion-expected {
+  font-weight: bold; }
+
+/**
+* Tags
+*/
+img.user-image {
+  height: 100px;
+  width: 100px; }
+
+#tag-search-box {
+  text-align: center;
+  margin: 10px auto; }
+
+.path-tag .tag-index-items .tagarea {
+  border: 1px solid #e3e3e3;
+  border-radius: 4px;
+  padding: 10px;
+  margin-top: 10px; }
+
+.path-tag .tag-index-items .tagarea h3 {
+  display: block;
+  padding: 3px 0 10px 0;
+  margin: 0;
+  font-size: 1.1em;
+  font-weight: bold;
+  line-height: 20px;
+  color: #999;
+  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
+  text-transform: uppercase;
+  word-wrap: break-word;
+  border-bottom: solid 1px #e3e3e3;
+  margin-bottom: 10px; }
+
+.path-tag .tagarea .controls::after,
+.path-tag .tagarea .taggeditems::after {
+  display: block;
+  clear: both;
+  content: ""; }
+
+.path-tag .tagarea .controls,
+.path-tag .tag-backtoallitems {
+  text-align: center; }
+
+.path-tag .tagarea .controls .gotopage.nextpage {
+  float: right; }
+
+.path-tag .tagarea .controls .gotopage.prevpage {
+  float: left; }
+
+.path-tag .tagarea .controls .exclusivemode {
+  display: inline-block; }
+
+.path-tag .tagarea .controls.controls-bottom {
+  margin-top: 5px; }
+
+.path-tag .tagarea .controls .gotopage.nextpage::after {
+  padding-right: 5px;
+  padding-left: 5px;
+  content: "»"; }
+
+.path-tag .tagarea .controls .gotopage.prevpage::before {
+  padding-right: 5px;
+  padding-left: 5px;
+  content: "«"; }
+
+.tag-management-table td,
+.tag-management-table th {
+  vertical-align: middle;
+  padding: 4px; }
+
+.tag-management-table .inplaceeditable.inplaceeditingon input {
+  width: 150px; }
+
+.path-admin-tag .addstandardtags {
+  float: right; }
+  .path-admin-tag .addstandardtags img {
+    margin: 0 5px; }
+
+.path-tag .tag-relatedtags {
+  padding-top: 10px; }
+
+.path-tag .tag-management-box {
+  text-align: right; }
+
+.path-tag .tag-index-toc {
+  padding: 10px;
+  text-align: center; }
+
+.path-tag .tag-index-toc li,
+.path-tag .tag-management-box li {
+  margin-left: 5px;
+  margin-right: 5px; }
+
+.path-tag .tag-management-box li a.edittag {
+  background-image: url([[pix:moodle|i/settings]]); }
+
+.path-tag .tag-management-box li a.flagasinappropriate {
+  background-image: url([[pix:moodle|i/flagged]]); }
+
+.path-tag .tag-management-box li a.removefrommyinterests {
+  background-image: url([[pix:moodle|t/delete]]); }
+
+.path-tag .tag-management-box li a.addtomyinterests {
+  background-image: url([[pix:moodle|t/add]]); }
+
+.path-tag .tag-management-box li a {
+  background-repeat: no-repeat;
+  background-position: left;
+  padding-left: 17px; }
+
+.tag_feed.media-list .media .itemimage {
+  float: left; }
+
+.tag_feed.media-list .media .itemimage img {
+  height: 35px;
+  width: 35px; }
+
+.tag_feed.media-list .media .media-body {
+  padding-right: 10px;
+  padding-left: 10px; }
+
+.tag_cloud {
+  text-align: center; }
+
+.tag_cloud .inline-list li {
+  padding: 0 0.2em; }
+
+.tag_cloud .tag_overflow {
+  margin-top: 1em;
+  font-style: italic; }
+
+.tag_cloud .s20 {
+  font-size: 2.7em; }
+
+.tag_cloud .s19 {
+  font-size: 2.6em; }
+
+.tag_cloud .s18 {
+  font-size: 2.5em; }
+
+.tag_cloud .s17 {
+  font-size: 2.4em; }
+
+.tag_cloud .s16 {
+  font-size: 2.3em; }
+
+.tag_cloud .s15 {
+  font-size: 2.2em; }
+
+.tag_cloud .s14 {
+  font-size: 2.1em; }
+
+.tag_cloud .s13 {
+  font-size: 2em; }
+
+.tag_cloud .s12 {
+  font-size: 1.9em; }
+
+.tag_cloud .s11 {
+  font-size: 1.8em; }
+
+.tag_cloud .s10 {
+  font-size: 1.7em; }
+
+.tag_cloud .s9 {
+  font-size: 1.6em; }
+
+.tag_cloud .s8 {
+  font-size: 1.5em; }
+
+.tag_cloud .s7 {
+  font-size: 1.4em; }
+
+.tag_cloud .s6 {
+  font-size: 1.3em; }
+
+.tag_cloud .s5 {
+  font-size: 1.2em; }
+
+.tag_cloud .s4 {
+  font-size: 1.1em; }
+
+.tag_cloud .s3 {
+  font-size: 1em; }
+
+.tag_cloud .s2 {
+  font-size: 0.9em; }
+
+.tag_cloud .s1 {
+  font-size: 0.8em; }
+
+.tag_cloud .s0 {
+  font-size: 0.7em; }
+
+.tag_list ul {
+  display: inline; }
+
+.tag_list.hideoverlimit .overlimit {
+  display: none; }
+
+.tag_list .tagmorelink {
+  display: none; }
+
+.tag_list.hideoverlimit .tagmorelink {
+  display: inline; }
+
+.tag_list.hideoverlimit .taglesslink {
+  display: none; }
+
+/**
+* Web Service
+*/
+#webservice-doc-generator td {
+  text-align: left;
+  border: 0 solid black; }
+
+/**
+* Enrol
+*/
+.userenrolment {
+  width: 100%;
+  border-collapse: collapse; }
+
+.userenrolment tr {
+  vertical-align: top; }
+
+.userenrolment td {
+  padding: 0;
+  height: 41px; }
+
+.userenrolment .subfield {
+  margin-right: 5px; }
+
+.userenrolment .col_userdetails .subfield {
+  margin-left: 40px; }
+
+.userenrolment .col_userdetails .subfield_picture {
+  float: left;
+  margin-left: 0; }
+
+.userenrolment .col_lastseen {
+  width: 150px; }
+
+.userenrolment .col_role {
+  width: 262px; }
+
+.userenrolment .col_role .roles,
+.userenrolment .col_group .groups {
+  margin-right: 30px; }
+
+.userenrolment .col_role .role {
+  float: left;
+  padding: 0 3px 3px;
+  margin: 0 3px 3px;
+  white-space: nowrap; }
+
+.userenrolment .col_group .group {
+  float: left;
+  padding: 3px;
+  margin: 3px;
+  white-space: nowrap; }
+
+.userenrolment .col_role .role a,
+.userenrolment .col_group .group a {
+  margin-left: 3px;
+  cursor: pointer; }
+
+.userenrolment .col_role .addrole,
+.userenrolment .col_group .addgroup {
+  float: right;
+  padding: 3px;
+  margin: 3px; }
+  .userenrolment .col_role .addrole > a:hover,
+  .userenrolment .col_group .addgroup > a:hover {
+    border-bottom: 1px solid #666; }
+
+.userenrolment .col_role .addrole img,
+.userenrolment .col_group .addgroup img {
+  vertical-align: baseline; }
+
+.userenrolment .hasAllRoles .col_role .addrole {
+  display: none; }
+
+.userenrolment .col_enrol .enrolment {
+  float: left;
+  padding: 0 3px 3px;
+  margin: 0 3px 3px; }
+
+.userenrolment .col_enrol .enrolment a {
+  float: right;
+  margin-left: 3px; }
+
+#page-enrol-users .enrol_user_buttons {
+  text-align: right; }
+
+#page-enrol-users .enrol-users-page-action input {
+  margin-left: 0; }
+
+.corelightbox {
+  background-color: #ccc;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  text-align: center; }
+
+.corelightbox img {
+  position: fixed;
+  top: 50%;
+  left: 50%; }
+
+.mod-indent-outer {
+  display: table; }
+
+.mod-indent {
+  display: table-cell; }
+
+.label .mod-indent {
+  float: left;
+  padding-top: 20px; }
+
+/* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
+.mod-indent-1 {
+  width: 30px; }
+
+.mod-indent-2 {
+  width: 60px; }
+
+.mod-indent-3 {
+  width: 90px; }
+
+.mod-indent-4 {
+  width: 120px; }
+
+.mod-indent-5 {
+  width: 150px; }
+
+.mod-indent-6 {
+  width: 180px; }
+
+.mod-indent-7 {
+  width: 210px; }
+
+.mod-indent-8 {
+  width: 240px; }
+
+.mod-indent-9 {
+  width: 270px; }
+
+.mod-indent-10 {
+  width: 300px; }
+
+.mod-indent-11 {
+  width: 330px; }
+
+.mod-indent-12 {
+  width: 360px; }
+
+.mod-indent-13 {
+  width: 390px; }
+
+.mod-indent-14 {
+  width: 420px; }
+
+.mod-indent-15 {
+  width: 450px; }
+
+.mod-indent-16 {
+  width: 480px; }
+
+.mod-indent-huge {
+  width: 480px; }
+
+/* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
+.resourcecontent .mediaplugin_mp3 object {
+  height: 25px;
+  width: 600px; }
+
+.resourcecontent audio.mediaplugin_html5audio {
+  width: 600px; }
+
+/** Large resource images should avoid hidden overflow **/
+.resourceimage {
+  max-width: 100%; }
+
+/* Audio player size in 'inline' mode (can only change width, as above) */
+.mediaplugin_mp3 object {
+  height: 15px;
+  width: 300px; }
+
+audio.mediaplugin_html5audio {
+  width: 300px; }
+
+/* TinyMCE moodle media preview frame should not have padding */
+.core_media_preview.pagelayout-embedded #content {
+  padding: 0; }
+
+.core_media_preview.pagelayout-embedded #maincontent {
+  height: 0; }
+
+body#page-lib-editor-tinymce-plugins-moodlemedia-preview {
+  padding: 0;
+  margin: 0;
+  min-width: 0;
+  background: none; }
+
+.path-rating .ratingtable {
+  width: 100%;
+  margin-bottom: 1em; }
+
+.path-rating .ratingtable th.rating {
+  width: 100%; }
+
+.path-rating .ratingtable td.rating,
+.path-rating .ratingtable td.time {
+  white-space: nowrap;
+  text-align: center; }
+
+/* Moodle Dialogue Settings (moodle-core-dialogue)  */
+.moodle-dialogue-base .moodle-dialogue-lightbox {
+  background-color: #495057; }
+
+.pagelayout-popup .moodle-dialogue-base .moodle-dialogue-lightbox {
+  background-color: transparent; }
+
+.pagelayout-popup .moodle-dialogue-base .moodle-dialogue {
+  box-shadow: 0 0.25rem 0.5rem rgba(0, 0, 0, 0.2); }
+
+.moodle-dialogue-base .hidden,
+.moodle-dialogue-base .moodle-dialogue-hidden {
+  display: none; }
+
+.no-scrolling {
+  overflow: hidden; }
+
+.moodle-dialogue-base .moodle-dialogue-fullscreen {
+  left: 0;
+  top: 0;
+  right: 0;
+  bottom: -50px;
+  position: fixed; }
+
+.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
+  overflow: auto; }
+
+.moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton {
+  width: 28px;
+  height: 16px;
+  background-size: 100%; }
+
+.moodle-dialogue-base .moodle-dialogue-wrap {
+  background-color: #fff;
+  border: 1px solid #ccc; }
+
+.modal.show {
+  display: block; }
+
+.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
+  min-height: 3rem;
+  color: initial;
+  background: initial;
+  font-size: 1.5rem;
+  line-height: 1.5; }
+
+.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
+  font-size: 1.5rem; }
+
+.moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
+  /*rtl:raw:
+        left: 0;
+        right: auto;
+    */
+  padding: 1rem; }
+
+.moodle-dialogue-base .closebutton {
+  box-shadow: none; }
+  .moodle-dialogue-base .closebutton::after {
+    content: "×"; }
+
+.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
+  padding: 0.5rem; }
+
+.moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
+  overflow: auto;
+  position: absolute;
+  top: 0;
+  bottom: 50px;
+  left: 0;
+  right: 0;
+  margin: 0;
+  border: 0; }
+
+.moodle-dialogue-exception .moodle-exception-param label {
+  font-weight: bold; }
+
+.moodle-dialogue-exception .param-stacktrace label {
+  background-color: #eee;
+  border: 1px solid #ccc;
+  border-bottom-width: 0; }
+
+.moodle-dialogue-exception .param-stacktrace pre {
+  border: 1px solid #ccc;
+  background-color: #fff; }
+
+.moodle-dialogue-exception .param-stacktrace .stacktrace-file {
+  color: navy;
+  font-size: 0.8203125rem; }
+
+.moodle-dialogue-exception .param-stacktrace .stacktrace-line {
+  font-size: 0.8203125rem; }
+
+.moodle-dialogue-exception .param-stacktrace .stacktrace-call {
+  color: #333;
+  font-size: 90%;
+  border-bottom: 1px solid #eee; }
+
+.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft:empty {
+  display: none; }
+
+.moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft.yui3-widget-ft {
+  background: initial; }
+
+.moodle-dialogue-confirm .confirmation-message {
+  margin: 0.5rem 0; }
+
+.moodle-dialogue-confirm .confirmation-dialogue input {
+  min-width: 80px; }
+
+.moodle-dialogue-exception .moodle-exception-message {
+  margin: 1em; }
+
+.moodle-dialogue-exception .moodle-exception-param {
+  margin-bottom: 0.5em; }
+
+.moodle-dialogue-exception .moodle-exception-param label {
+  width: 150px; }
+
+.moodle-dialogue-exception .param-stacktrace label {
+  display: block;
+  margin: 0;
+  padding: 4px 1em; }
+
+.moodle-dialogue-exception .param-stacktrace pre {
+  display: block;
+  height: 200px;
+  overflow: auto; }
+
+.moodle-dialogue-exception .param-stacktrace .stacktrace-file {
+  display: inline-block;
+  margin: 4px 0; }
+
+.moodle-dialogue-exception .param-stacktrace .stacktrace-line {
+  display: inline-block;
+  width: 50px;
+  margin: 4px 1em; }
+
+.moodle-dialogue-exception .param-stacktrace .stacktrace-call {
+  padding-left: 25px;
+  margin-bottom: 4px;
+  padding-bottom: 4px; }
+
+.moodle-dialogue .moodle-dialogue-bd .content-lightbox {
+  opacity: 0.75;
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  background-color: white;
+  text-align: center;
+  padding: 10% 0; }
+
+/* Apply a default max-height on tooltip text */
+.moodle-dialogue .tooltiptext {
+  max-height: 300px; }
+
+.moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
+  z-index: 3001; }
+  .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip .moodle-dialogue-bd {
+    overflow: auto; }
+
+/**
+ * Chooser Dialogues (moodle-core-chooserdialogue)
+ *
+ * This CSS belong to the chooser dialogue which should work both with, and
+ * without javascript enabled
+ */
+/* Hide the dialog and it's title */
+.chooserdialoguebody,
+.choosertitle {
+  display: none; }
+
+.moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
+  margin: 0; }
+
+.chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
+  padding: 0;
+  background: #f2f2f2; }
+
+/* Center the submit buttons within the area */
+.choosercontainer #chooseform .submitbuttons {
+  padding: 0.7em 0;
+  text-align: right; }
+
+/* Fixed for safari browser on iPhone4S with ios7@mixin */
+@media (max-height: 639px) {
+  .ios .choosercontainer #chooseform .submitbuttons {
+    padding: 45px 0; } }
+
+.choosercontainer #chooseform .submitbuttons input {
+  min-width: 100px;
+  margin: 0 0.5em; }
+
+/* Various settings for the options area */
+.choosercontainer #chooseform .options {
+  position: relative;
+  border-bottom: 1px solid #bbb; }
+
+/* Only set these options if we're showing the js container */
+.jschooser .choosercontainer #chooseform .alloptions {
+  overflow-x: hidden;
+  overflow-y: auto;
+  max-width: 240px; }
+  .jschooser .choosercontainer #chooseform .alloptions .option input[type=radio] {
+    display: inline-block; }
+  .jschooser .choosercontainer #chooseform .alloptions .option .typename {
+    display: inline-block;
+    width: 55%; }
+
+/* Settings for option rows and option subtypes */
+.choosercontainer #chooseform .moduletypetitle,
+.choosercontainer #chooseform .option,
+.choosercontainer #chooseform .nonoption {
+  margin-bottom: 0;
+  padding: 0 1.6em 0 1.6em; }
+
+.choosercontainer #chooseform .moduletypetitle {
+  text-transform: uppercase;
+  padding-top: 1.2em;
+  padding-bottom: 0.4em; }
+
+.choosercontainer #chooseform .option .typename,
+.choosercontainer #chooseform .nonoption .typename {
+  padding: 0 0 0 0.5em; }
+
+.choosercontainer #chooseform .modicon + .typename {
+  padding-left: 0; }
+
+.choosercontainer #chooseform .option input[type=radio],
+.choosercontainer #chooseform .option span.typename {
+  vertical-align: middle; }
+
+.choosercontainer #chooseform .option label {
+  display: block;
+  margin: 0;
+  padding: 0.5rem 0;
+  border-bottom: 1px solid #fff; }
+
+.choosercontainer #chooseform .option .icon {
+  margin: 0;
+  padding: 0 1rem; }
+
+.choosercontainer #chooseform .nonoption {
+  padding-left: 2.7em;
+  padding-top: 0.3em;
+  padding-bottom: 0.1em; }
+
+.choosercontainer #chooseform .subtype {
+  margin-bottom: 0;
+  padding: 0 1.6em 0 3.2em; }
+
+.choosercontainer #chooseform .subtype .typename {
+  margin: 0 0 0 0.2em; }
+
+/* The instruction/help area */
+.jschooser .choosercontainer #chooseform .instruction,
+.jschooser .choosercontainer #chooseform .typesummary {
+  display: none;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 240px;
+  margin: 0;
+  padding: 1.6em;
+  background-color: #fff;
+  overflow-x: hidden;
+  overflow-y: auto;
+  line-height: 2em; }
+
+/* Selected option settings */
+.jschooser .choosercontainer #chooseform .instruction,
+.choosercontainer #chooseform .selected .typesummary {
+  display: block; }
+
+.choosercontainer #chooseform .selected {
+  background-color: #fff;
+  margin-top: -1px;
+  padding-top: 1px; }
+
+.chooserdialogue-course-modchooser .modicon .icon {
+  width: 24px;
+  height: 24px;
+  font-size: 24px; }
+
+@media (max-width: 575.98px) {
+  .jsenabled .choosercontainer #chooseform .alloptions {
+    max-width: 100%; }
+  .jsenabled .choosercontainer #chooseform .instruction,
+  .jsenabled .choosercontainer #chooseform .typesummary {
+    position: static; } }
+
+/* Form element: listing */
+.formlistingradio {
+  padding-bottom: 25px;
+  padding-right: 10px; }
+
+.formlistinginputradio {
+  float: left; }
+
+.formlistingmain {
+  min-height: 225px; }
+
+.formlisting {
+  position: relative;
+  margin: 15px 0;
+  padding: 1px 19px 14px;
+  background-color: white;
+  border: 1px solid #ddd; }
+
+.formlistingmore {
+  position: absolute;
+  cursor: pointer;
+  bottom: -1px;
+  right: -1px;
+  padding: 3px 7px;
+  font-size: 12px;
+  font-weight: bold;
+  background-color: whitesmoke;
+  border: 1px solid #ddd;
+  color: #9da0a4; }
+
+.formlistingall {
+  margin: 15px 0;
+  padding: 0; }
+
+.formlistingrow {
+  cursor: pointer;
+  border-bottom: 1px solid;
+  border-color: #e1e1e8;
+  border-left: 1px solid #e1e1e8;
+  border-right: 1px solid #e1e1e8;
+  background-color: #f7f7f9;
+  padding: 6px;
+  top: 50%;
+  left: 50%;
+  min-height: 34px;
+  float: left;
+  width: 150px; }
+
+body.jsenabled .formlistingradio {
+  display: none; }
+
+body.jsenabled .formlisting {
+  display: block; }
+
+/* Badges styles */
+a.criteria-action {
+  padding: 0 3px;
+  float: right; }
+
+div.criteria-description {
+  padding: 10px 15px;
+  margin: 5px 0;
+  background: none repeat scroll 0 0 #f9f9f9;
+  border: 1px solid #eee; }
+
+ul.badges {
+  margin: 0;
+  list-style: none; }
+
+.badges li {
+  position: relative;
+  display: inline-block;
+  padding-top: 1em;
+  text-align: center;
+  vertical-align: top;
+  width: 150px; }
+
+.badges li .badge-name {
+  display: block;
+  padding: 5px; }
+
+.badges li > img {
+  position: absolute; }
+
+.badges li .badge-image {
+  width: 100px;
+  height: 100px;
+  left: 10px;
+  top: 0;
+  z-index: 1; }
+
+.badges li .badge-actions {
+  position: relative; }
+
+.badges li .expireimage {
+  width: 100px;
+  height: 100px;
+  left: 25px;
+  top: 0;
+  position: absolute;
+  z-index: 10;
+  opacity: 0.85; }
+
+#badge-image {
+  background-color: transparent;
+  padding: 0;
+  position: relative;
+  min-width: 100px;
+  width: 20%;
+  display: inline-block;
+  vertical-align: top;
+  margin-top: 17px;
+  margin-bottom: 20px; }
+  #badge-image .expireimage {
+    width: 100px;
+    height: 100px;
+    left: 0;
+    top: 0;
+    opacity: 0.85;
+    position: absolute;
+    z-index: 10; }
+  #badge-image .singlebutton {
+    padding-top: 5px;
+    display: block; }
+    #badge-image .singlebutton button {
+      margin-left: 4px; }
+
+#badge-details {
+  display: inline-block;
+  width: 79%; }
+
+#badge-overview dl,
+#badge-details dl {
+  margin: 0; }
+  #badge-overview dl dt,
+  #badge-overview dl dd,
+  #badge-details dl dt,
+  #badge-details dl dd {
+    vertical-align: top;
+    padding: 3px 0; }
+  #badge-overview dl dt,
+  #badge-details dl dt {
+    clear: both;
+    display: inline-block;
+    width: 20%;
+    min-width: 100px; }
+  #badge-overview dl dd,
+  #badge-details dl dd {
+    display: inline-block;
+    width: 79%;
+    margin-left: 1%; }
+
+.badge-profile {
+  vertical-align: top; }
+
+#page-badges-award .recipienttable tr td {
+  vertical-align: top; }
+
+#page-badges-award .recipienttable tr td.actions .actionbutton {
+  margin: 0.3em 0;
+  padding: 0.5em 0;
+  width: 100%; }
+
+#page-badges-award .recipienttable tr td.existing,
+#page-badges-award .recipienttable tr td.potential {
+  width: 42%; }
+
+#issued-badge-table .activatebadge {
+  display: inline-block; }
+
+.statusbox.active {
+  background-color: #def1de; }
+
+.statusbox.inactive {
+  background-color: #fcefdc; }
+
+.statusbox {
+  text-align: center;
+  margin-bottom: 5px;
+  padding: 5px; }
+
+.statusbox .activatebadge {
+  display: inline-block; }
+
+.statusbox .activatebadge input[type=submit] {
+  margin: 3px; }
+
+.activatebadge {
+  margin: 0;
+  text-align: left;
+  vertical-align: middle; }
+
+img#persona_signin {
+  cursor: pointer; }
+
+.addcourse {
+  float: right; }
+
+.invisiblefieldset {
+  display: inline;
+  padding: 0;
+  border-width: 0; }
+
+/** Page header */
+#page-header .logo {
+  margin: 1rem 0; }
+  #page-header .logo img {
+    max-height: 75px; }
+
+/** Navbar logo. */
+nav.navbar .logo img {
+  max-height: 35px; }
+
+/** Header-bar styles **/
+.page-context-header {
+  overflow: hidden; }
+  .page-context-header .page-header-image,
+  .page-context-header .page-header-headings {
+    float: left;
+    display: block;
+    position: relative; }
+  .page-context-header .page-header-image {
+    margin-right: 1em;
+    margin-bottom: 1em; }
+  .page-context-header .page-header-headings,
+  .page-context-header .header-button-group {
+    position: relative;
+    line-height: 24px;
+    vertical-align: middle; }
+  .page-context-header .header-button-group {
+    display: block;
+    float: left; }
+    .page-context-header .header-button-group a {
+      position: relative;
+      top: -0.4em; }
+
+ul.dragdrop-keyboard-drag li {
+  list-style-type: none; }
+
+a.disabled:hover,
+a.disabled {
+  text-decoration: none;
+  cursor: default;
+  font-style: italic;
+  color: #808080; }
+
+body.lockscroll {
+  height: 100%;
+  overflow: hidden; }
+
+.progressbar_container {
+  max-width: 500px;
+  margin: 0 auto; }
+
+/* IE10 only fix for calendar titling */
+.ie10 .yui3-calendar-header-label {
+  display: inline-block; }
+
+dd:before,
+dd:after {
+  display: block;
+  content: " "; }
+
+dd:after {
+  clear: both; }
+
+.nav-tabs > .active > a[href],
+.nav-tabs > .active > a[href]:hover,
+.nav-tabs > .active > a[href]:focus {
+  cursor: pointer; }
+
+.inplaceeditable.inplaceeditingon {
+  position: relative; }
+  .inplaceeditable.inplaceeditingon .editinstructions {
+    margin-top: -30px;
+    font-weight: normal;
+    margin-right: 0;
+    margin-left: 0;
+    left: 0;
+    right: auto;
+    white-space: nowrap; }
+  .inplaceeditable.inplaceeditingon input {
+    width: 330px;
+    vertical-align: text-bottom;
+    margin-bottom: 0; }
+  .inplaceeditable.inplaceeditingon select {
+    margin-bottom: 0; }
+
+.inplaceeditable .quickediticon img {
+  opacity: 0.2; }
+
+.inplaceeditable .quickeditlink {
+  color: inherit;
+  text-decoration: inherit; }
+
+.inplaceeditable:hover .quickeditlink .quickediticon img,
+.inplaceeditable .quickeditlink:focus .quickediticon img {
+  opacity: 1; }
+
+.inplaceeditable.inplaceeditable-toggle .quickediticon {
+  display: none; }
+
+.inplaceeditable.inplaceeditable-autocomplete {
+  display: block; }
+
+h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
+  margin-top: -20px; }
+
+/** Chart area. */
+.chart-area .chart-table-data {
+  display: none; }
+
+.chart-area .chart-table {
+  /** When accessible, we display the table only. */ }
+  .chart-area .chart-table .chart-output-htmltable caption {
+    white-space: nowrap; }
+  .chart-area .chart-table.accesshide .chart-table-expand {
+    display: none; }
+  .chart-area .chart-table.accesshide .chart-table-data {
+    display: block; }
+
+ul {
+  padding-left: 1rem; }
+
+/* YUI 2 Tree View */
+/*rtl:raw:
+.ygtvtn,
+.ygtvtm,
+.ygtvtmh,
+.ygtvtmhh,
+.ygtvtp,
+.ygtvtph,
+.ygtvtphh,
+.ygtvln,
+.ygtvlm,
+.ygtvlmh,
+.ygtvlmhh,
+.ygtvlp,
+.ygtvlph,
+.ygtvlphh,
+.ygtvdepthcell,
+.ygtvok,
+.ygtvok:hover,
+.ygtvcancel,
+.ygtvcancel:hover {
+    background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]);
+}
+*/
+.hover-tooltip-container {
+  position: relative; }
+  .hover-tooltip-container .hover-tooltip {
+    opacity: 0;
+    visibility: hidden;
+    position: absolute;
+    /*rtl:ignore*/
+    left: 50%;
+    top: calc(-50% - 5px);
+    transform: translate(-50%, -50%);
+    background-color: #fff;
+    border: 1px solid rgba(0, 0, 0, 0.2);
+    border-radius: .3rem;
+    box-sizing: border-box;
+    padding: 5px;
+    white-space: nowrap;
+    transition: opacity 0.15s, visibility 0.15s;
+    z-index: 1000; }
+    .hover-tooltip-container .hover-tooltip:before {
+      content: '';
+      display: inline-block;
+      border-left: 8px solid transparent;
+      border-right: 8px solid transparent;
+      border-top: 8px solid rgba(0, 0, 0, 0.2);
+      position: absolute;
+      bottom: -8px;
+      left: calc(50% - 8px); }
+    .hover-tooltip-container .hover-tooltip:after {
+      content: '';
+      display: inline-block;
+      border-left: 7px solid transparent;
+      border-right: 7px solid transparent;
+      border-top: 7px solid #fff;
+      position: absolute;
+      bottom: -6px;
+      left: calc(50% - 7px);
+      z-index: 2; }
+  .hover-tooltip-container:hover .hover-tooltip {
+    opacity: 1;
+    visibility: visible;
+    transition: opacity 0.15s 0.5s, visibility 0.15s 0.5s; }
+
+#region-flat-nav {
+  padding-right: 0;
+  padding-left: 0; }
+  #region-flat-nav .nav {
+    margin-right: 15px;
+    background-color: #fff; }
+  @media (max-width: 767.98px) {
+    #region-flat-nav .nav {
+      margin-top: 30px;
+      margin-right: 0; } }
+
+#page-footer a {
+  color: #fff;
+  text-decoration: underline; }
+  #page-footer a .icon {
+    color: #fff; }
+
+.bg-inverse a {
+  color: #fff;
+  text-decoration: underline; }
+  .bg-inverse a .icon {
+    color: #fff; }
+
+.sitelink img {
+  width: 112px; }
+
+.dropdown-item a {
+  display: block;
+  width: 100%;
+  color: #373a3c; }
+
+.dropdown-item:active a {
+  color: #fff; }
+
+.competency-tree ul {
+  padding-left: 1.5rem; }
+
+.sr-only-focusable:active, .sr-only-focusable:focus {
+  z-index: 1031;
+  position: fixed;
+  background: #fff;
+  padding: 7px;
+  left: 0;
+  top: 0; }
+
+[data-drag-type="move"] {
+  cursor: move;
+  touch-action: none; }
+
+.clickable {
+  cursor: pointer; }
+
+.overlay-icon-container {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  background-color: rgba(255, 255, 255, 0.6); }
+  .overlay-icon-container .loading-icon {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%); }
+    .overlay-icon-container .loading-icon .icon {
+      height: 30px;
+      width: 30px;
+      font-size: 30px; }
+
+.open.atto_menu > .dropdown-menu {
+  display: block; }
+
+div.editor_atto_toolbar button .icon {
+  color: #495057; }
+
+.w-auto {
+  width: auto; }
+
+.bg-pulse-grey {
+  animation: bg-pulse-grey 2s infinite linear; }
+
+@keyframes bg-pulse-grey {
+  0% {
+    background-color: #f8f9fa; }
+  50% {
+    background-color: #e9ecef; }
+  100% {
+    background-color: #f8f9fa; } }
+
+.line-height-0 {
+  line-height: 0 !important;
+  /* stylelint-disable-line declaration-no-important */ }
+
+.line-height-1 {
+  line-height: 0.25rem !important;
+  /* stylelint-disable-line declaration-no-important */ }
+
+.line-height-2 {
+  line-height: 0.5rem !important;
+  /* stylelint-disable-line declaration-no-important */ }
+
+.line-height-3 {
+  line-height: 1rem !important;
+  /* stylelint-disable-line declaration-no-important */ }
+
+.line-height-4 {
+  line-height: 1.5rem !important;
+  /* stylelint-disable-line declaration-no-important */ }
+
+.line-height-5 {
+  line-height: 3rem !important;
+  /* stylelint-disable-line declaration-no-important */ }
+
+.dir-rtl .dir-rtl-hide {
+  display: none; }
+
+.dir-ltr .dir-ltr-hide {
+  display: none; }
+
+.switch {
+  position: relative; }
+  .switch input {
+    float: left;
+    width: 1px;
+    transform: translateX(1px);
+    padding: 0;
+    margin: 0;
+    opacity: 0; }
+    .switch input + label {
+      position: relative;
+      min-height: 1.725rem;
+      min-width: 3.45rem;
+      line-height: 1.725rem;
+      border-radius: 1.725rem;
+      display: inline-block;
+      cursor: pointer;
+      outline: none;
+      user-select: none;
+      vertical-align: middle;
+      padding-left: 3.95rem; }
+    .switch input + label::before,
+    .switch input + label::after {
+      content: '';
+      position: absolute;
+      top: calc(50% - 0.8625rem);
+      left: 0;
+      width: 3.45rem;
+      height: 1.725rem;
+      bottom: 0;
+      display: block; }
+    .switch input + label::before {
+      right: 0;
+      background-color: #dee2e6;
+      border-radius: 1.725rem;
+      transition: 0.2s all; }
+    .switch input + label::after {
+      margin-top: 2px;
+      left: 2px;
+      width: calc(1.725rem - 4px);
+      height: calc(1.725rem - 4px);
+      border-radius: 50%;
+      background-color: #fff;
+      transition: 0.2s all; }
+    .switch input:checked + label::before {
+      background-color: #1177d1; }
+    .switch input:checked + label::after {
+      margin-left: 1.725rem; }
+    .switch input:focus + label::before {
+      outline: none;
+      box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.25); }
+    .switch input:disabled + label {
+      color: #868e96;
+      cursor: not-allowed; }
+    .switch input:disabled + label::before {
+      background-color: #e9ecef; }
+
+.paged-content-page-container {
+  min-height: 3.125rem; }
+
+.text-decoration-none {
+  text-decoration: none !important;
+  /* stylelint-disable-line declaration-no-important */ }
+
+.position-right {
+  right: 0 !important;
+  /* stylelint-disable-line declaration-no-important */ }
+
+.icon {
+  font-size: 16px;
+  width: 16px;
+  height: 16px;
+  margin: 0;
+  padding: 0;
+  box-sizing: content-box;
+  margin-right: 0.5rem; }
+  .icon.spacer {
+    margin-right: 0; }
+  .icon.iconsize-big {
+    width: 64px;
+    height: 64px;
+    font-size: 64px; }
+
+.navbar-dark a .icon {
+  color: rgba(255, 255, 255, 0.5) !important;
+  /* stylelint-disable-line declaration-no-important */ }
+
+.action-menu-item a:first-of-type > .icon {
+  margin-left: 0.5rem; }
+
+.ygtvcell .icon {
+  margin-left: 0 !important;
+  /* stylelint-disable-line declaration-no-important */ }
+
+.block_navigation .tree_item .icon,
+.block_settings .tree_item .icon {
+  margin-left: 0; }
+
+[data-action=toggle-drawer] .icon {
+  margin: 0; }
+
+.icon-no-spacing a > .icon {
+  margin: 0; }
+
+.icon-no-margin .icon {
+  margin-left: 0;
+  margin-right: 0;
+  margin-top: 0;
+  margin-bottom: 0; }
+
+.icon-large > .icon {
+  width: 32px;
+  height: 32px; }
+
+.icon-size-0 .icon {
+  height: 0 !important;
+  /* stylelint-disable-line declaration-no-important */
+  width: 0 !important;
+  /* stylelint-disable-line declaration-no-important */
+  font-size: 0 !important;
+  /* stylelint-disable-line declaration-no-important */ }
+
+.icon-size-1 .icon {
+  height: 4px !important;
+  /* stylelint-disable-line declaration-no-important */
+  width: 4px !important;
+  /* stylelint-disable-line declaration-no-important */
+  font-size: 4px !important;
+  /* stylelint-disable-line declaration-no-important */ }
+
+.icon-size-2 .icon {
+  height: 8px !important;
+  /* stylelint-disable-line declaration-no-important */
+  width: 8px !important;
+  /* stylelint-disable-line declaration-no-important */
+  font-size: 8px !important;
+  /* stylelint-disable-line declaration-no-important */ }
+
+.icon-size-3 .icon {
+  height: 16px !important;
+  /* stylelint-disable-line declaration-no-important */
+  width: 16px !important;
+  /* stylelint-disable-line declaration-no-important */
+  font-size: 16px !important;
+  /* stylelint-disable-line declaration-no-important */ }
+
+.icon-size-4 .icon {
+  height: 24px !important;
+  /* stylelint-disable-line declaration-no-important */
+  width: 24px !important;
+  /* stylelint-disable-line declaration-no-important */
+  font-size: 24px !important;
+  /* stylelint-disable-line declaration-no-important */ }
+
+.icon-size-5 .icon {
+  height: 48px !important;
+  /* stylelint-disable-line declaration-no-important */
+  width: 48px !important;
+  /* stylelint-disable-line declaration-no-important */
+  font-size: 48px !important;
+  /* stylelint-disable-line declaration-no-important */ }
+
+.helplink .icon {
+  margin-left: 0.5rem; }
+
+/* admin.less */
+.formtable tbody th {
+  font-weight: normal;
+  text-align: right; }
+
+.path-admin #assignrole {
+  width: 60%;
+  margin-left: auto;
+  margin-right: auto; }
+
+.path-admin .admintable .leftalign {
+  text-align: left; }
+
+.environmenttable .warn {
+  background-color: #fcefdc;
+  color: #ff7518; }
+
+.environmenttable .error {
+  background-color: #f7dddc;
+  color: #d9534f; }
+
+.environmenttable .ok {
+  background-color: #def1de;
+  color: #5cb85c; }
+
+.path-admin .admintable.environmenttable .name,
+.path-admin .admintable.environmenttable .info,
+.path-admin #assignrole .admintable .role,
+.path-admin #assignrole .admintable .userrole,
+.path-admin #assignrole .admintable .roleholder {
+  white-space: nowrap; }
+
+.path-admin .incompatibleblockstable td.c0 {
+  font-weight: bold; }
+
+#page-admin-course-category .addcategory {
+  padding: 10px; }
+
+#page-admin-course-index .editcourse {
+  margin: 20px auto; }
+
+#page-admin-course-index .editcourse th,
+#page-admin-course-index .editcourse td {
+  padding-left: 10px;
+  padding-right: 10px; }
+
+.timewarninghidden {
+  display: none; }
+
+#page-admin-report-capability-index #capabilitysearch {
+  width: 30em; }
+
+#page-admin-qtypes #qtypes div,
+#page-admin-qtypes #qtypes form,
+#page-admin-qbehaviours #qbehaviours div,
+#page-admin-qbehaviours #qbehaviours form {
+  display: inline; }
+
+#page-admin-qtypes #qtypes img.spacer,
+#page-admin-qbehaviours #qbehaviours img.spacer {
+  width: 16px; }
+
+#page-admin-qbehaviours .cell.c3,
+#page-admin-qtypes .cell.c3 {
+  font-size: 0.8203125rem; }
+
+#page-admin-lang .generalbox,
+#page-admin-course-index .singlebutton,
+#page-admin-course-index .addcategory,
+#page-course-index .buttons,
+#page-course-index-category .buttons,
+#page-admin-course-category .addcategory,
+#page-admin-stickyblocks .generalbox,
+#page-admin-maintenance .buttons,
+#page-admin-course-index .buttons,
+#page-admin-course-category .buttons,
+#page-admin-index .copyright,
+#page-admin-index .copyrightnotice,
+#page-admin-index .adminerror .singlebutton,
+#page-admin-index .adminwarning .singlebutton,
+#page-admin-index #layout-table .singlebutton {
+  text-align: center;
+  margin-bottom: 1em; }
+
+.path-admin-roles .capabilitysearchui {
+  text-align: left;
+  margin-left: auto;
+  margin-right: auto;
+  margin-top: 1rem; }
+
+#page-admin-roles-define .topfields {
+  margin: 1em 0 2em; }
+
+#page-admin-roles-define .capdefault {
+  background-color: rgba(0, 0, 0, 0.075); }
+
+#page-filter-manage .backlink,
+.path-admin-roles .backlink {
+  margin-top: 1em; }
+
+#page-admin-roles-explain #chooseuser h3,
+#page-admin-roles-usersroles .contextname {
+  margin-top: 0; }
+
+#page-admin-roles-explain #chooseusersubmit {
+  margin-top: 0;
+  text-align: center; }
+
+#page-admin-roles-usersroles p {
+  margin: 0; }
+
+#page-admin-roles-override .cell.c1,
+#page-admin-roles-assign .cell.c3,
+#page-admin-roles-assign .cell.c1 {
+  padding-top: 0.75em; }
+
+#page-admin-roles-override .overridenotice,
+#page-admin-roles-define .definenotice {
+  margin: 1em 10% 2em 10%;
+  text-align: left; }
+
+#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
+  display: block; }
+
+#page-admin-index .updateplugin div {
+  margin-bottom: 0.5em; }
+
+#page-admin-user-user_bulk #users .fgroup {
+  white-space: nowrap; }
+
+#page-admin-report-stats-index .graph {
+  text-align: center;
+  margin-bottom: 1em; }
+
+#page-admin-report-courseoverview-index .graph {
+  text-align: center;
+  margin-bottom: 1em; }
+
+#page-admin-lang .translator {
+  border-width: 1px;
+  border-style: solid; }
+
+.path-admin .roleassigntable {
+  width: 100%; }
+
+.path-admin .roleassigntable td {
+  vertical-align: top;
+  padding: 0.2em 0.3em; }
+
+.path-admin .roleassigntable p {
+  text-align: left;
+  margin: 0.2em 0; }
+
+.path-admin .roleassigntable #existingcell,
+.path-admin .roleassigntable #potentialcell {
+  width: 42%; }
+
+.path-admin .roleassigntable #existingcell p > label:first-child,
+.path-admin .roleassigntable #potentialcell p > label:first-child {
+  font-weight: bold; }
+
+.path-admin .roleassigntable #buttonscell {
+  width: 16%; }
+
+.path-admin .roleassigntable #buttonscell #assignoptions {
+  font-size: 0.8203125rem; }
+
+.path-admin .roleassigntable #removeselect_wrapper,
+.path-admin .roleassigntable #addselect_wrapper {
+  width: 100%; }
+
+.path-admin table.rolecap tr.rolecap th {
+  text-align: left;
+  font-weight: normal; }
+
+.path-admin .rolecap .hiddenrow {
+  display: none; }
+
+.path-admin #defineroletable .rolecap .inherit,
+.path-admin #defineroletable .rolecap .allow,
+.path-admin #defineroletable .rolecap .prevent,
+.path-admin #defineroletable .rolecap .prohibit {
+  text-align: center;
+  padding: 0;
+  min-width: 3.5em; }
+
+.path-admin .rolecap .cap-name,
+.path-admin .rolecap .note {
+  display: block;
+  font-size: 0.8203125rem;
+  white-space: nowrap;
+  font-weight: normal; }
+
+.path-admin .rolecap label {
+  display: block;
+  text-align: center;
+  padding: 0.5em;
+  margin: 0; }
+
+.plugincheckwrapper {
+  width: 100%; }
+
+.environmentbox {
+  margin-top: 1em; }
+
+#mnetconfig table {
+  margin-left: auto;
+  margin-right: auto; }
+
+.environmenttable .cell {
+  padding: .15em .5em; }
+
+#trustedhosts .generaltable {
+  margin-left: auto;
+  margin-right: auto;
+  width: 500px; }
+
+#trustedhosts .standard {
+  width: auto; }
+
+#adminsettings legend {
+  display: none; }
+
+#adminsettings fieldset.error {
+  margin: .2em 0 .5em 0; }
+
+#adminsettings fieldset.error legend {
+  display: block; }
+
+#admin-spelllanguagelist textarea,
+#page-admin-setting-editorsettingstinymce .form-textarea textarea {
+  /* rtl:ignore */
+  text-align: left;
+  /* rtl:ignore */
+  direction: ltr; }
+
+/* Styles for flags on admin settings */
+.adminsettingsflags {
+  float: right; }
+
+.adminsettingsflags label {
+  margin-right: 7px; }
+
+.form-description pre,
+.formsettingheading pre {
+  /*rtl:ignore*/
+  direction: ltr; }
+
+.form-item .form-setting .form-htmlarea {
+  display: inline; }
+
+.form-item .form-setting .form-htmlarea .htmlarea {
+  width: 640px;
+  display: block; }
+
+.form-item .form-setting .form-multicheckbox ul {
+  list-style: none;
+  padding: 0;
+  margin: 7px 0 0 0; }
+
+.form-item .form-setting .defaultsnext {
+  display: inline; }
+
+.form-item .form-setting .locked-checkbox {
+  margin-right: 0.2em;
+  margin-left: 0.5em;
+  display: inline; }
+
+.form-item .form-setting .form-password .unmask,
+.form-item .form-setting .form-defaultinfo {
+  display: inline-block; }
+
+.form-item .form-setting .form-defaultinfo {
+  max-width: 100%;
+  word-wrap: break-word; }
+
+#admin-emoticons td input {
+  width: 8em; }
+
+#admin-emoticons td.c0 input {
+  width: 4em; }
+
+#adminthemeselector .selectedtheme td.c0 {
+  border: 1px solid #d1edf6;
+  border-right-width: 0; }
+
+#adminthemeselector .selectedtheme td.c1 {
+  border: 1px solid #d1edf6;
+  border-left-width: 0; }
+
+.admin_colourpicker,
+.admin_colourpicker_preview {
+  display: none; }
+
+.jsenabled .admin_colourpicker_preview {
+  display: inline; }
+
+.jsenabled .admin_colourpicker {
+  display: block;
+  height: 102px;
+  width: 410px;
+  margin-bottom: 10px;
+  box-sizing: content-box; }
+
+.admin_colourpicker .loadingicon {
+  vertical-align: middle;
+  margin-left: auto; }
+
+.admin_colourpicker .colourdialogue {
+  float: left;
+  border: 1px solid #d1edf6; }
+
+.admin_colourpicker .previewcolour {
+  border: 1px solid #d1edf6;
+  margin-left: 301px; }
+
+.admin_colourpicker .currentcolour {
+  border: 1px solid #d1edf6;
+  margin-left: 301px;
+  border-top-width: 0; }
+
+#page-admin-index #notice .checkforupdates {
+  text-align: center; }
+
+#page-admin-plugins #plugins-overview-panel .info {
+  display: inline-block;
+  margin-right: 1em; }
+
+#page-admin-plugins .checkforupdates {
+  margin: 10px 0; }
+  #page-admin-plugins .checkforupdates .singlebutton {
+    margin: 5px 0;
+    padding: 0; }
+    #page-admin-plugins .checkforupdates .singlebutton div,
+    #page-admin-plugins .checkforupdates .singlebutton input {
+      margin: 0 3px 0 0; }
+
+#page-admin-plugins .updateavailableinstallall {
+  margin: 5px 0;
+  padding: 0; }
+  #page-admin-plugins .updateavailableinstallall div,
+  #page-admin-plugins .updateavailableinstallall input {
+    margin: 0 3px 5px 0; }
+
+#page-admin-plugins #plugins-control-panel .status-missing td {
+  background-color: #fcefdc; }
+
+#page-admin-plugins #plugins-control-panel .pluginname .componentname {
+  font-size: 0.8203125rem;
+  margin-left: 22px; }
+
+#page-admin-plugins #plugins-control-panel .version .versionnumber {
+  font-size: 0.8203125rem; }
+
+#page-admin-plugins #plugins-control-panel .uninstall a {
+  color: #d9534f; }
+
+#page-admin-plugins #plugins-control-panel .notes .label {
+  margin-right: 3px; }
+
+#page-admin-plugins #plugins-control-panel .notes .requiredby {
+  font-size: 0.8203125rem; }
+
+#plugins-check-page .checkforupdates .singlebutton {
+  margin: 5px 0;
+  padding: 0; }
+  #plugins-check-page .checkforupdates .singlebutton div,
+  #plugins-check-page .checkforupdates .singlebutton input {
+    margin: 0 3px 0 0; }
+
+#plugins-check-page #plugins-check-info .actions > div {
+  display: inline-block;
+  margin-right: 1em; }
+
+#plugins-check-page #plugins-check-info .actions .singlebutton {
+  margin: 5px 0;
+  padding: 0; }
+  #plugins-check-page #plugins-check-info .actions .singlebutton div,
+  #plugins-check-page #plugins-check-info .actions .singlebutton input {
+    margin: 0 3px 0 0; }
+
+#plugins-check-page #plugins-check .status-missing td,
+#plugins-check-page #plugins-check .status-downgrade td {
+  background-color: #f7dddc; }
+
+#plugins-check-page #plugins-check .displayname .plugindir {
+  font-size: 0.8203125rem; }
+
+#plugins-check-page #plugins-check .requires ul {
+  margin-left: 13px; }
+
+#plugins-check-page #plugins-check .status .actionbutton {
+  margin: 5px 0;
+  padding: 0; }
+  #plugins-check-page #plugins-check .status .actionbutton input {
+    margin: 0; }
+
+#plugins-check-page .plugins-check-dependencies-actions > div {
+  display: inline-block;
+  margin-right: 1em; }
+
+#plugins-check-page .plugins-check-dependencies-actions .singlebutton {
+  margin: 5px 0;
+  padding: 0; }
+  #plugins-check-page .plugins-check-dependencies-actions .singlebutton div,
+  #plugins-check-page .plugins-check-dependencies-actions .singlebutton input {
+    margin: 0 3px 0 0; }
+
+#plugins-check-page #plugins-check-available-dependencies .displayname .component {
+  font-size: 0.8203125rem; }
+
+#plugins-check-page #plugins-check-available-dependencies .info .actions > div {
+  display: inline-block;
+  margin-right: 1em; }
+
+#plugins-check-page #plugins-check-available-dependencies .info .actions .dependencyinstall {
+  display: block;
+  margin: 5px 0;
+  padding: 0; }
+  #plugins-check-page #plugins-check-available-dependencies .info .actions .dependencyinstall input {
+    margin: 0; }
+
+#plugins-check-page .pluginupdateinfo,
+#plugins-control-panel .pluginupdateinfo {
+  background-color: #def2f8;
+  padding: 5px;
+  margin: 10px 0; }
+  #plugins-check-page .pluginupdateinfo.maturity50,
+  #plugins-control-panel .pluginupdateinfo.maturity50 {
+    background-color: #f7dddc; }
+  #plugins-check-page .pluginupdateinfo.maturity100, #plugins-check-page .pluginupdateinfo.maturity150,
+  #plugins-control-panel .pluginupdateinfo.maturity100,
+  #plugins-control-panel .pluginupdateinfo.maturity150 {
+    background-color: #fcefdc; }
+  #plugins-check-page .pluginupdateinfo .info,
+  #plugins-control-panel .pluginupdateinfo .info {
+    display: inline-block; }
+  #plugins-check-page .pluginupdateinfo .separator:after,
+  #plugins-control-panel .pluginupdateinfo .separator:after {
+    content: " | "; }
+  #plugins-check-page .pluginupdateinfo .singlebutton,
+  #plugins-control-panel .pluginupdateinfo .singlebutton {
+    margin: 5px 0;
+    padding: 0; }
+    #plugins-check-page .pluginupdateinfo .singlebutton div,
+    #plugins-check-page .pluginupdateinfo .singlebutton input,
+    #plugins-control-panel .pluginupdateinfo .singlebutton div,
+    #plugins-control-panel .pluginupdateinfo .singlebutton input {
+      margin: 0 3px 0 0; }
+
+.plugins-management-confirm-buttons > div {
+  display: inline-block;
+  margin: 1em 1em 1em 0; }
+
+.plugins-management-confirm-buttons .continue {
+  padding: 0; }
+  .plugins-management-confirm-buttons .continue div,
+  .plugins-management-confirm-buttons .continue input {
+    margin: 0; }
+
+.uninstalldeleteconfirmexternal {
+  padding: 0.5em 1em;
+  margin: 5px 0 10px 0; }
+
+#page-admin-index .upgradepluginsinfo {
+  text-align: center; }
+
+#page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after {
+  content: " | "; }
+
+/** MNet networking */
+#page-admin-mnet-peers .box.deletedhosts {
+  margin-bottom: 1em;
+  font-size: 0.8203125rem; }
+
+#page-admin-mnet-peers .mform .deletedhostinfo {
+  padding: 4px;
+  margin-bottom: 5px; }
+
+#core-cache-plugin-summaries table,
+#core-cache-store-summaries table {
+  width: 100%; }
+
+#core-cache-lock-summary table,
+#core-cache-definition-summaries table,
+#core-cache-mode-mappings table {
+  margin: 0 auto; }
+
+#core-cache-store-summaries .default-store td {
+  font-style: italic; }
+
+#core-cache-rescan-definitions,
+#core-cache-mode-mappings .edit-link,
+#core-cache-lock-summary .new-instance {
+  margin-top: 0.5em;
+  text-align: center; }
+
+.maintenancewarning {
+  position: fixed;
+  bottom: 0;
+  right: 0;
+  overflow: hidden;
+  z-index: 1000; }
+
+.modal.modal-in-page {
+  z-index: 0; }
+
+#page-admin-search .adminpagetitle {
+  margin-bottom: 0;
+  border-bottom: none; }
+
+#page-admin-search .adminpagepath {
+  display: flex;
+  flex-wrap: wrap;
+  list-style: none;
+  padding: 0;
+  margin: 0 0 1.5rem 0; }
+  #page-admin-search .adminpagepath li + li:before {
+    padding-right: 0.5rem;
+    padding-left: 0.5rem;
+    content: "/"; }
+
+@media (min-width: 576px) {
+  #page-admin-search .container {
+    overflow-wrap: break-word; } }
+
+.blockmovetarget .accesshide {
+  position: relative;
+  left: initial; }
+
+.block:target {
+  padding-top: 0 !important;
+  /* stylelint-disable declaration-no-important */
+  margin-top: 0 !important; }
+
+.block_search_forums .searchform {
+  /* Override plugin's default. */
+  text-align: left; }
+
+.block.block_navigation .block_tree ul,
+.block_settings .block_tree ul {
+  margin-left: 0; }
+
+.block .block-controls .dropdown-toggle {
+  /* So that the caret takes the colour of the icon. */
+  color: #373a3c; }
+
+[data-region="blocks-column"] {
+  width: 360px;
+  float: right; }
+
+/* We put an absolutely positioned div in a relatively positioned div so it takes up no space */
+#region-main-settings-menu {
+  position: relative;
+  float: left;
+  width: 100%; }
+
+#region-main-settings-menu > div {
+  position: absolute;
+  right: 0;
+  z-index: 100;
+  margin: 1rem; }
+
+.region_main_settings_menu_proxy {
+  width: 4rem;
+  height: 2rem;
+  background-color: #fff;
+  margin-left: 0.625rem;
+  margin-bottom: 0.625rem;
+  border-bottom-left-radius: 0.5rem;
+  float: right; }
+
+#region-main-settings-menu.has-blocks,
+#region-main.has-blocks {
+  display: inline-block;
+  width: calc(100% - 375px); }
+  @media (max-width: 1199.98px) {
+    #region-main-settings-menu.has-blocks,
+    #region-main.has-blocks {
+      width: 100%;
+      /* MDL-63102 - Remove extra space at bottom.
+        If modifying make sure block-region is horizontally stacked when in full screen */
+      display: block; } }
+
+@media (max-width: 1199.98px) {
+  [data-region="blocks-column"] {
+    width: 100%; } }
+
+.block .empty-placeholder-image-lg {
+  height: 5rem; }
+
+.block .block-cards .course-info-container {
+  padding: 0.8rem; }
+
+.block .block-cards .progress {
+  height: 0.5rem; }
+
+.block .block-cards .course-summaryitem {
+  border: 1px solid #dee2e6;
+  background-color: #fff; }
+
+.block .block-cards .icon {
+  margin-right: 0; }
+
+.block .block-cards .card .coursemenubtn, .block .block-cards #page-enrol-users #filterform .coursemenubtn, #page-enrol-users .block .block-cards #filterform .coursemenubtn, .block .block-cards .que .history .coursemenubtn, .que .block .block-cards .history .coursemenubtn, .block .block-cards .userprofile .profile_tree section .coursemenubtn, .userprofile .profile_tree .block .block-cards section .coursemenubtn, .block .block-cards .groupinfobox .coursemenubtn, .block .block-cards .well .coursemenubtn {
+  margin-top: -0.5rem; }
+
+.block .block-cards a.coursename,
+.block .block-cards .btn-link {
+  color: inherit; }
+
+.block .block-cards .multiline {
+  white-space: normal; }
+
+.block .block-cards .btn.btn-link.btn-icon, .block .block-cards #page-grade-grading-manage .actions .btn-link.btn-icon.action, #page-grade-grading-manage .actions .block .block-cards .btn-link.btn-icon.action, .block .block-cards #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .block .block-cards input.btn-link.btn-icon, .block .block-cards #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion, #rubric-rubric.gradingform_rubric .block .block-cards .btn-link.btn-icon.addcriterion {
+  height: 36px;
+  width: 36px;
+  padding: 0;
+  border-radius: 50%; }
+  .block .block-cards .btn.btn-link.btn-icon:hover, .block .block-cards #page-grade-grading-manage .actions .btn-link.btn-icon.action:hover, #page-grade-grading-manage .actions .block .block-cards .btn-link.btn-icon.action:hover, .block .block-cards #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon:hover, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .block .block-cards input.btn-link.btn-icon:hover, .block .block-cards #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion:hover, #rubric-rubric.gradingform_rubric .block .block-cards .btn-link.btn-icon.addcriterion:hover, .block .block-cards .btn.btn-link.btn-icon:focus, .block .block-cards #page-grade-grading-manage .actions .btn-link.btn-icon.action:focus, #page-grade-grading-manage .actions .block .block-cards .btn-link.btn-icon.action:focus, .block .block-cards #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon:focus, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .block .block-cards input.btn-link.btn-icon:focus, .block .block-cards #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion:focus, #rubric-rubric.gradingform_rubric .block .block-cards .btn-link.btn-icon.addcriterion:focus {
+    background-color: #e9ecef; }
+
+.dashboard-card-deck.one-row {
+  flex-flow: nowrap;
+  overflow-x: scroll; }
+
+.summaryimage {
+  height: 5rem;
+  width: 5rem;
+  background-position: center;
+  background-size: cover; }
+
+.dashboard-card-deck .dashboard-card {
+  margin-bottom: 0.5rem;
+  flex-basis: auto;
+  width: 100%;
+  flex-grow: 0;
+  flex-shrink: 0; }
+  .dashboard-card-deck .dashboard-card .dashboard-card-img {
+    height: 7rem;
+    background-position: center;
+    background-size: cover; }
+  .dashboard-card-deck .dashboard-card .dashboard-card-footer {
+    padding: 0.8rem; }
+
+@media (min-width: 576px) {
+  .dashboard-card-deck .dashboard-card {
+    width: calc(50% - 0.5rem); } }
+
+@media (min-width: 840px) {
+  .dashboard-card-deck .dashboard-card {
+    width: calc(33.33% - 0.5rem); } }
+
+@media (min-width: 1100px) {
+  .dashboard-card-deck .dashboard-card {
+    width: calc(25% - 0.5rem); } }
+
+@media (min-width: 1360px) {
+  .dashboard-card-deck .dashboard-card {
+    width: calc(20% - 0.5rem); } }
+
+@media (min-width: 1200px) {
+  #region-main.has-blocks .dashboard-card-deck .dashboard-card {
+    width: calc(33.33% - 0.5rem); } }
+
+@media (min-width: 1470px) {
+  #region-main.has-blocks .dashboard-card-deck .dashboard-card {
+    width: calc(25% - 0.5rem); } }
+
+@media (min-width: 768px) {
+  body.drawer-open-left .dashboard-card-deck .dashboard-card {
+    width: calc(100% - 0.5rem); } }
+
+@media (min-width: 861px) {
+  body.drawer-open-left .dashboard-card-deck .dashboard-card {
+    width: calc(50% - 0.5rem); } }
+
+@media (min-width: 1122px) {
+  body.drawer-open-left .dashboard-card-deck .dashboard-card {
+    width: calc(33.33% - 0.5rem); } }
+
+@media (min-width: 1381px) {
+  body.drawer-open-left .dashboard-card-deck .dashboard-card {
+    width: calc(25% - 0.5rem); } }
+
+@media (min-width: 1200px) {
+  body.drawer-open-left #region-main.has-blocks .dashboard-card-deck .dashboard-card {
+    width: calc(100% - 0.5rem); } }
+
+@media (min-width: 1236px) {
+  body.drawer-open-left #region-main.has-blocks .dashboard-card-deck .dashboard-card {
+    width: calc(50% - 0.5rem); } }
+
+@media (min-width: 1497px) {
+  body.drawer-open-left #region-main.has-blocks .dashboard-card-deck .dashboard-card {
+    width: calc(33.33% - 0.5rem); } }
+
+@media (min-width: 1200px) {
+  #block-region-side-pre .dashboard-card-deck {
+    margin-left: 0;
+    margin-right: 0; }
+    #block-region-side-pre .dashboard-card-deck .dashboard-card {
+      width: calc(100% - 0.5rem) !important; } }
+
+.block_recentlyaccesseditems img.icon {
+  height: auto;
+  width: auto;
+  margin-right: 6px; }
+
+.block_myoverview .content {
+  min-height: 19.35rem; }
+
+.block_myoverview .paged-content-page-container {
+  min-height: 13rem; }
+
+.block_settings .block_tree [aria-expanded="true"],
+.block_settings .block_tree [aria-expanded="true"].emptybranch,
+.block_settings .block_tree [aria-expanded="false"],
+.block_navigation .block_tree [aria-expanded="true"],
+.block_navigation .block_tree [aria-expanded="true"].emptybranch,
+.block_navigation .block_tree [aria-expanded="false"] {
+  background-image: none; }
+
+.block_settings .block_tree [aria-expanded="true"]:before,
+.block_navigation .block_tree [aria-expanded="true"]:before {
+  content: "";
+  margin-right: 0;
+  font-size: 16px;
+  width: 16px; }
+
+.block_settings .block_tree [aria-expanded="false"]:before,
+.block_navigation .block_tree [aria-expanded="false"]:before {
+  content: "";
+  font-size: 16px;
+  margin-right: 0;
+  width: 16px; }
+
+.dir-rtl .block_settings .block_tree [aria-expanded="false"]:before,
+.dir-rtl .block_navigation .block_tree [aria-expanded="false"]:before {
+  content: ""; }
+
+.block_navigation .block_tree p.hasicon,
+.block_settings .block_tree p.hasicon {
+  text-indent: -3px; }
+  .block_navigation .block_tree p.hasicon .icon,
+  .block_settings .block_tree p.hasicon .icon {
+    margin-right: 2px; }
+
+.navbar {
+  max-height: 50px; }
+
+/* calendar.less */
+.calendar_event_category {
+  background-color: #d8bfd8; }
+
+.calendar_event_course {
+  background-color: #ffd3bd; }
+
+.calendar_event_site {
+  background-color: #d6f8cd; }
+
+.calendar_event_group {
+  background-color: #fee7ae; }
+
+.calendar_event_user {
+  background-color: #dce7ec; }
+
+.path-calendar .calendartable {
+  width: 100%;
+  table-layout: fixed; }
+  .path-calendar .calendartable th,
+  .path-calendar .calendartable td {
+    width: 14%;
+    vertical-align: top;
+    text-align: center;
+    border: 0; }
+
+.path-calendar .calendar-controls .previous,
+.path-calendar .calendar-controls .next,
+.path-calendar .calendar-controls .current {
+  display: block;
+  float: left;
+  width: 12%; }
+
+.path-calendar .calendar-controls .previous {
+  text-align: left;
+  border: 1px solid transparent; }
+
+.path-calendar .calendar-controls .current {
+  text-align: center;
+  width: 76%; }
+
+.path-calendar .calendar-controls .next {
+  text-align: right;
+  border: 1px solid transparent; }
+
+.path-calendar .calendar-controls .drop-target {
+  box-sizing: border-box;
+  border: 1px dashed #1177d1; }
+
+.path-calendar .filters table {
+  border-collapse: separate;
+  border-spacing: 2px;
+  width: 100%; }
+
+.path-calendar .maincalendar {
+  vertical-align: top;
+  padding: 0; }
+  .path-calendar .maincalendar .bottom {
+    text-align: center;
+    padding: 5px 0 0 0; }
+  .path-calendar .maincalendar .heightcontainer {
+    height: 100%;
+    position: relative; }
+  .path-calendar .maincalendar .calendarmonth {
+    width: 98%;
+    margin: 10px auto; }
+    .path-calendar .maincalendar .calendarmonth ul {
+      margin: 0;
+      padding: 0; }
+      .path-calendar .maincalendar .calendarmonth ul li {
+        list-style-type: none; }
+        .path-calendar .maincalendar .calendarmonth ul li > a {
+          overflow: hidden;
+          text-overflow: ellipsis;
+          white-space: nowrap;
+          max-width: 100%;
+          display: inline-block; }
+          .path-calendar .maincalendar .calendarmonth ul li > a:hover {
+            text-decoration: none; }
+            .path-calendar .maincalendar .calendarmonth ul li > a:hover .eventname {
+              text-decoration: underline; }
+        .path-calendar .maincalendar .calendarmonth ul li .icon {
+          margin-left: 0.25em;
+          margin-right: 0.25em;
+          vertical-align: initial; }
+        .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle {
+          width: 12px;
+          height: 12px;
+          border-radius: 6px;
+          vertical-align: middle; }
+          .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_category {
+            background-color: #d8bfd8; }
+          .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_course {
+            background-color: #ffd3bd; }
+          .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_site {
+            background-color: #d6f8cd; }
+          .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_group {
+            background-color: #fee7ae; }
+          .path-calendar .maincalendar .calendarmonth ul li .badge.badge-circle.calendar_event_user {
+            background-color: #dce7ec; }
+    .path-calendar .maincalendar .calendarmonth td {
+      height: 5em; }
+    .path-calendar .maincalendar .calendarmonth .clickable:hover {
+      box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12); }
+  .path-calendar .maincalendar .calendar-controls .previous,
+  .path-calendar .maincalendar .calendar-controls .next {
+    width: 30%; }
+  .path-calendar .maincalendar .calendar-controls .current {
+    width: 39.95%; }
+  .path-calendar .maincalendar .controls {
+    width: 98%;
+    margin: 10px auto; }
+  .path-calendar .maincalendar .calendar_event_category:hover a,
+  .path-calendar .maincalendar .calendar_event_course:hover a,
+  .path-calendar .maincalendar .calendar_event_site:hover a,
+  .path-calendar .maincalendar .calendar_event_group:hover a,
+  .path-calendar .maincalendar .calendar_event_user:hover a {
+    color: #0b4f8a;
+    text-decoration: underline; }
+  .path-calendar .maincalendar .calendar_event_category {
+    border-color: #d8bfd8; }
+  .path-calendar .maincalendar .calendar_event_course {
+    border-color: #ffd3bd; }
+  .path-calendar .maincalendar .calendar_event_site {
+    border-color: #d6f8cd; }
+  .path-calendar .maincalendar .calendar_event_group {
+    border-color: #fee7ae; }
+  .path-calendar .maincalendar .calendar_event_user {
+    border-color: #dce7ec; }
+  .path-calendar .maincalendar .calendartable td,
+  .path-calendar .maincalendar .calendartable li {
+    padding: 0 4px 4px 4px; }
+  .path-calendar .maincalendar .calendartable li {
+    text-align: left; }
+  .path-calendar .maincalendar .header {
+    overflow: hidden; }
+    .path-calendar .maincalendar .header .buttons {
+      float: right; }
+  .path-calendar .maincalendar .event .card-header img {
+    vertical-align: baseline; }
+  .path-calendar .maincalendar .event .location {
+    word-break: break-all;
+    overflow-wrap: break-word; }
+
+#page-calendar-export .indent {
+  padding-left: 20px; }
+
+.block .minicalendar {
+  max-width: 280px;
+  margin: 0 auto;
+  width: 100%; }
+  .block .minicalendar th,
+  .block .minicalendar td {
+    padding: 2px;
+    font-size: 0.8em;
+    text-align: center; }
+  .block .minicalendar td a {
+    width: 100%;
+    height: 100%;
+    display: block; }
+  .block .minicalendar td.duration_global {
+    border-top: 1px solid #d6f8cd;
+    border-bottom: 1px solid #d6f8cd; }
+    .block .minicalendar td.duration_global.duration_finish {
+      background-color: #d6f8cd; }
+  .block .minicalendar td.duration_category {
+    border-top: 1px solid #d8bfd8;
+    border-bottom: 1px solid #d8bfd8; }
+    .block .minicalendar td.duration_category.duration_finish {
+      background-color: #d8bfd8; }
+  .block .minicalendar td.duration_course {
+    border-top: 1px solid #ffd3bd;
+    border-bottom: 1px solid #ffd3bd; }
+    .block .minicalendar td.duration_course.duration_finish {
+      background-color: #ffd3bd; }
+  .block .minicalendar td.duration_group {
+    border-top: 1px solid #fee7ae;
+    border-bottom: 1px solid #fee7ae; }
+    .block .minicalendar td.duration_group.duration_finish {
+      background-color: #fee7ae; }
+  .block .minicalendar td.duration_user {
+    border-top: 1px solid #dce7ec;
+    border-bottom: 1px solid #dce7ec; }
+    .block .minicalendar td.duration_user.duration_finish {
+      background-color: #dce7ec; }
+  .block .minicalendar caption {
+    font-size: inherit;
+    font-weight: inherit;
+    line-height: inherit;
+    text-align: center; }
+
+.block .calendar-controls .previous,
+.block .calendar-controls .current,
+.block .calendar-controls .next {
+  display: block;
+  float: left; }
+
+.block .calendar-controls .previous {
+  text-align: left;
+  width: 12%; }
+
+.block .calendar-controls .current {
+  text-align: center;
+  width: 76%; }
+
+.block .calendar-controls .next {
+  text-align: right;
+  width: 12%; }
+
+.block .calendar_filters ul {
+  list-style: none;
+  margin: 0;
+  padding: 0; }
+
+.block .calendar_filters li {
+  margin-bottom: 0.2em; }
+  .block .calendar_filters li span img {
+    padding: 0 0.2em;
+    margin: 0; }
+  .block .calendar_filters li .icon {
+    vertical-align: initial;
+    margin: 0 0.1rem 0 0.4rem; }
+  .block .calendar_filters li > a:hover {
+    text-decoration: none; }
+    .block .calendar_filters li > a:hover .eventname {
+      text-decoration: underline; }
+
+.block .content h3.eventskey {
+  margin-top: 0.5em; }
+
+/* Display month name above the calendar */
+table.calendartable caption {
+  caption-side: top; }
+
+@media (min-width: 768px) {
+  #page-calender-view .container-fluid {
+    min-width: 1024px; } }
+
+.calendarwrapper {
+  position: relative; }
+
+.day-popover-content:empty + .day-popover-alternate {
+  display: block; }
+
+.summary-modal-container .description-content > p {
+  margin: 0; }
+
+.summary-modal-container .location-content {
+  overflow-wrap: break-word; }
+
+/* course.less */
+/* COURSE CONTENT */
+.section-modchooser-link img {
+  margin-right: 0.5rem;
+  width: 16px;
+  height: 16px; }
+
+.section_add_menus {
+  text-align: right;
+  clear: both; }
+
+.section-modchooser {
+  clear: both; }
+
+.block_tree .tree_item.branch {
+  margin-left: 8px; }
+
+.section_add_menus .horizontal div,
+.section_add_menus .horizontal form {
+  display: inline; }
+
+.section_add_menus optgroup {
+  font-weight: normal;
+  font-style: italic; }
+
+/*rtl:ignore*/
+.section_add_menus .urlselect {
+  text-align: left;
+  margin-left: .4em; }
+
+/*rtl:ignore*/
+.section_add_menus .urlselect select {
+  margin-left: .2em; }
+
+.sitetopic ul.section {
+  margin: 0; }
+
+.course-content ul.section {
+  margin: 1rem; }
+
+.section .side {
+  margin-top: 0.5rem; }
+  .section .side.left {
+    float: left; }
+  .section .side.right {
+    float: right;
+    clear: right; }
+
+.section .spinner {
+  height: 16px;
+  width: 16px; }
+
+.section .activity {
+  /* The command block for each activity */ }
+  .section .activity .spinner {
+    left: 100%;
+    position: absolute; }
+  .section .activity .actions {
+    position: absolute;
+    right: 0;
+    top: 0;
+    display: flex; }
+  .section .activity .contentwithoutlink,
+  .section .activity .activityinstance {
+    min-width: 40%;
+    display: table-cell;
+    padding-right: 4px;
+    min-height: 2em; }
+    .section .activity .contentwithoutlink > a,
+    .section .activity .activityinstance > a {
+      display: block;
+      text-indent: -31px;
+      padding-left: 31px; }
+    .section .activity .contentwithoutlink .dimmed .activityicon,
+    .section .activity .activityinstance .dimmed .activityicon {
+      opacity: .5; }
+  .section .activity a.stealth,
+  .section .activity a.stealth:hover {
+    color: #6eb5f3 !important;
+    /* stylelint-disable-line declaration-no-important */ }
+
+.section .label .contentwithoutlink,
+.section .label .activityinstance {
+  padding-right: 32px;
+  display: block;
+  height: inherit; }
+
+.section .label .mod-indent-outer {
+  padding-left: 24px;
+  display: block; }
+
+.section .filler {
+  width: 16px;
+  height: 16px;
+  padding: 0;
+  margin: 0 0.5rem;
+  display: inline-block; }
+
+.section .activity.editor_displayed a.editing_title,
+.section .activity.editor_displayed .moodle-actionmenu {
+  display: none; }
+
+.section .activity.editor_displayed div.activityinstance {
+  padding-right: initial; }
+  .section .activity.editor_displayed div.activityinstance input {
+    margin-bottom: initial;
+    padding-top: initial;
+    padding-bottom: initial;
+    vertical-align: text-bottom; }
+
+.activity img.activityicon {
+  margin-right: 6px;
+  vertical-align: text-bottom; }
+
+.section .activity .activityinstance,
+.section .activity .activityinstance div {
+  display: inline-block; }
+
+.editing .section .activity .contentwithoutlink,
+.editing .section .activity .activityinstance {
+  padding-right: 200px; }
+
+.editing .section .activity .editing_move {
+  /* Move the move icon to the start of the line */
+  position: absolute;
+  left: 0;
+  top: 0; }
+
+.editing .section .activity .mod-indent-outer {
+  /**
+                 * Add appropriate padding such that nothing overlaps the
+                 * absolute positioned move icon.
+                 */
+  padding-left: 2rem; }
+
+.editing_show + .editing_assign,
+.editing_hide + .editing_assign {
+  margin-left: 20px; }
+
+.section .activity .commands {
+  white-space: nowrap;
+  display: inline-block; }
+
+.section .activity.modtype_label.label {
+  font-weight: normal;
+  padding: .2em; }
+
+.section li.activity {
+  padding: .2em;
+  clear: both; }
+
+.section .activity .activityinstance .groupinglabel {
+  padding-left: 30px; }
+
+.section .activity .availabilityinfo,
+.section .activity .contentafterlink {
+  margin-top: 0.5em;
+  margin-left: 30px; }
+
+.section .activity .contentafterlink p {
+  margin: .5em 0; }
+
+.editing .section .activity:hover,
+.editing .section .activity.action-menu-shown {
+  background-color: rgba(0, 0, 0, 0.05); }
+
+.course-content .current {
+  position: relative; }
+
+.course-content .current::before {
+  content: "";
+  border-left: #1177d1 2px solid;
+  position: absolute;
+  left: -1.25rem;
+  top: 0;
+  bottom: 0; }
+
+.course-content .section-summary {
+  border: 1px solid #dee2e6;
+  margin-top: 5px;
+  list-style: none; }
+
+.course-content .section-summary .section-title {
+  margin: 2px 5px 10px 5px; }
+
+.course-content .section-summary .summarytext {
+  margin: 2px 5px 2px 5px; }
+
+.course-content .section-summary .section-summary-activities .activity-count {
+  font-size: 0.8203125rem;
+  margin: 3px;
+  white-space: nowrap;
+  display: inline-block; }
+
+.course-content .section-summary .summary {
+  margin-top: 5px; }
+
+.course-content .single-section {
+  margin-top: 1em; }
+
+.course-content .single-section .section-navigation {
+  display: block;
+  padding: 0.5em;
+  margin-bottom: -0.5em; }
+
+.course-content .single-section .section-navigation .title {
+  font-weight: bold;
+  font-size: 108%;
+  clear: both; }
+
+.course-content .single-section .section-navigation .mdl-left {
+  font-weight: normal;
+  float: left;
+  margin-right: 1em; }
+
+.course-content .single-section .section-navigation .mdl-left .larrow {
+  margin-right: 0.1em; }
+
+.course-content .single-section .section-navigation .mdl-right {
+  font-weight: normal;
+  float: right;
+  margin-left: 1em; }
+
+.course-content .single-section .section-navigation .mdl-right .rarrow {
+  margin-left: 0.1em; }
+
+.course-content .single-section .section-navigation .mdl-bottom {
+  margin-top: 0; }
+
+.course-content ul li.section.main {
+  border-bottom: 1px solid #dee2e6;
+  margin-top: 0; }
+  .course-content ul li.section.main:last-child {
+    border-bottom: 0; }
+
+.course-content ul.topics,
+.course-content ul.weeks {
+  padding: 0; }
+  .course-content ul.topics li.section,
+  .course-content ul.weeks li.section {
+    margin-top: 1rem;
+    padding-bottom: 1rem; }
+    .course-content ul.topics li.section .content,
+    .course-content ul.weeks li.section .content {
+      margin: 0;
+      padding: 0; }
+    .course-content ul.topics li.section .summary,
+    .course-content ul.topics li.section .content > .availabilityinfo,
+    .course-content ul.weeks li.section .summary,
+    .course-content ul.weeks li.section .content > .availabilityinfo {
+      margin-left: 25px; }
+    .course-content ul.topics li.section .left,
+    .course-content ul.weeks li.section .left {
+      padding-top: 0;
+      text-align: right; }
+
+.course-content {
+  margin-top: 0; }
+
+.course-content .hidden {
+  display: none; }
+
+.course-content li.section ul {
+  list-style: disc; }
+  .course-content li.section ul ul {
+    list-style: circle; }
+    .course-content li.section ul ul ul {
+      list-style: square; }
+
+.course-content li.section li.activity ul {
+  list-style: disc; }
+  .course-content li.section li.activity ul ul {
+    list-style: circle; }
+    .course-content li.section li.activity ul ul ul {
+      list-style: square; }
+
+.course-content li.section .right > .icon:first-child {
+  /* Remove the spacer icon. */
+  display: none; }
+
+.path-course-view.editing #region-main > .card-block, .path-course-view.editing #page-enrol-users #region-main > #filterform, #page-enrol-users .path-course-view.editing #region-main > #filterform {
+  padding-bottom: 13rem; }
+
+.jumpmenu .form-inline {
+  display: block; }
+
+.path-course-view .completionprogress {
+  margin-left: 25px; }
+
+.path-course-view .completionprogress {
+  display: block;
+  float: right;
+  height: 20px;
+  position: relative; }
+
+#page-site-index .subscribelink {
+  text-align: right; }
+
+#site-news-forum h2,
+#frontpage-course-list h2,
+#frontpage-category-names h2,
+#frontpage-category-combo h2 {
+  margin-bottom: 9px; }
+
+.path-course-view a.reduce-sections {
+  padding-left: 0.2em; }
+
+.path-course-view .subscribelink {
+  text-align: right; }
+
+.path-course-view .unread {
+  margin-left: 30px; }
+
+.path-course-view .block.drag .header {
+  cursor: move; }
+
+.path-course-view .completionprogress {
+  text-align: right; }
+
+.path-course-view .single-section .completionprogress {
+  margin-right: 5px; }
+
+.path-site li.activity > div,
+.path-course-view li.activity > div {
+  position: relative;
+  padding: 0 16px 0 0;
+  /* to accommodate the floated completion icon with highlighting */ }
+
+.path-course-view li.activity span.autocompletion img {
+  vertical-align: text-bottom;
+  margin-left: 0; }
+
+.path-course-view li.activity form.togglecompletion .btn, .path-course-view li.activity form.togglecompletion #page-grade-grading-manage .actions .action, #page-grade-grading-manage .actions .path-course-view li.activity form.togglecompletion .action, .path-course-view li.activity form.togglecompletion #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .path-course-view li.activity form.togglecompletion input, .path-course-view li.activity form.togglecompletion #rubric-rubric.gradingform_rubric .addcriterion, #rubric-rubric.gradingform_rubric .path-course-view li.activity form.togglecompletion .addcriterion {
+  padding: 0; }
+
+.path-course-view li.activity form.togglecompletion img {
+  max-width: none;
+  /* The width is 0 so ensure we don't end up with a relative max-width */ }
+
+.path-course-view.editing li.activity span.autocompletion img {
+  /* Use the same spacing as the filler. */
+  margin-right: 0.5rem;
+  margin-left: 0.5rem; }
+
+.path-course-view li.activity form.togglecompletion .ajaxworking {
+  width: 16px;
+  height: 16px;
+  position: absolute;
+  right: 22px;
+  top: 3px;
+  background: url([[pix:i/ajaxloader]]) no-repeat; }
+
+li.section.hidden span.commands a.editing_hide,
+li.section.hidden span.commands a.editing_show {
+  cursor: default; }
+
+.single-section h3.sectionname {
+  text-align: center;
+  clear: both; }
+
+.section img.movetarget {
+  height: 16px;
+  width: 80px; }
+
+input.titleeditor {
+  width: 330px;
+  vertical-align: text-bottom; }
+
+span.editinstructions {
+  /*rtl:remove*/
+  position: absolute;
+  /*rtl:raw:
+    position: relative;
+    */
+  top: 0;
+  margin-top: -22px;
+  margin-left: 30px;
+  font-size: 0.8203125rem;
+  padding: .1em .4em;
+  background-color: #def2f8;
+  color: #5bc0de;
+  text-decoration: none;
+  z-index: 9999;
+  border: 1px solid #d1edf6; }
+
+/* Course drag and drop upload styles */
+#dndupload-status {
+  position: fixed;
+  left: 0;
+  width: 40%;
+  margin: 0 30%;
+  padding: 6px;
+  border: 1px solid #d1edf6;
+  text-align: center;
+  background: #def2f8;
+  color: #5bc0de;
+  z-index: 1; }
+
+.dndupload-preview {
+  color: #909090;
+  border: 1px dashed #909090;
+  list-style: none;
+  margin-top: .2em;
+  padding: .3em; }
+
+.dndupload-progress-outer {
+  background-color: #e9ecef;
+  display: block;
+  width: 100%;
+  height: 1rem;
+  margin-bottom: 1rem; }
+
+.dndupload-progress-inner {
+  background-color: #fff;
+  display: inline-block;
+  height: 1rem; }
+
+.dndupload-hidden {
+  display: none; }
+
+/* COURSES LISTINGS AND COURSE SUMMARY */
+#page-course-pending .singlebutton,
+#page-course-index .singlebutton,
+#page-course-index-category .singlebutton,
+#page-course-editsection .singlebutton {
+  text-align: center; }
+
+#page-admin-course-manage #movecourses td img {
+  margin: 0 .22em;
+  vertical-align: text-bottom; }
+
+#coursesearch {
+  margin-top: 1em;
+  text-align: center; }
+
+#page-course-pending .pendingcourserequests {
+  margin-bottom: 1em; }
+
+#page-course-pending .pendingcourserequests .singlebutton {
+  display: inline; }
+
+#page-course-pending .pendingcourserequests .cell {
+  padding: 0 5px; }
+
+#page-course-pending .pendingcourserequests .cell.c6 {
+  white-space: nowrap; }
+
+.coursebox {
+  padding: 0.5rem; }
+
+.coursebox > .info > .coursename a {
+  display: block;
+  background-image: url([[pix:moodle|i/course]]);
+  background-repeat: no-repeat;
+  padding-left: 21px;
+  background-position: left 0.2em; }
+
+.coursebox > .info > .coursename,
+.coursebox .content .teachers,
+.coursebox .content .courseimage,
+.coursebox .content .coursefile {
+  float: left;
+  clear: left; }
+
+.coursebox .content .teachers,
+.coursebox .content .courseimage,
+.coursebox .content .coursefile {
+  width: 40%; }
+
+.coursebox > .info > h3.coursename {
+  margin: 5px; }
+
+.coursebox > .info > .coursename {
+  margin: 5px;
+  padding: 0; }
+
+.coursebox .content .teachers li {
+  list-style-type: none;
+  padding: 0;
+  margin: 0; }
+
+.coursebox .moreinfo {
+  padding: 3px 0;
+  float: right; }
+
+.coursebox .moreinfo img {
+  margin: 0 .2em; }
+
+.coursebox .content {
+  clear: both; }
+
+.coursebox .content .summary,
+.coursebox .content .coursecat {
+  float: right;
+  width: 55%; }
+
+.coursebox .content .coursecat {
+  text-align: right;
+  clear: right; }
+
+.coursebox.remotecoursebox .remotecourseinfo {
+  float: left;
+  width: 40%; }
+
+.coursebox .content .courseimage img {
+  max-width: 100px;
+  max-height: 100px; }
+
+.coursebox .content .coursecat,
+.coursebox .content .summary,
+.coursebox .content .courseimage,
+.coursebox .content .coursefile,
+.coursebox .content .teachers,
+.coursebox.remotecoursebox .remotecourseinfo {
+  margin: 15px 5px 5px;
+  padding: 0; }
+
+.coursebox.remotehost > .info > .categoryname a {
+  background-image: url([[pix:moodle|i/mnethost]]); }
+
+.coursebox.collapsed {
+  margin-bottom: 0; }
+
+.coursebox.collapsed > .content {
+  display: none; }
+
+.courses .coursebox.collapsed {
+  padding-top: 0.5rem;
+  padding-bottom: 0.5rem; }
+
+.courses .coursebox.even {
+  background-color: rgba(0, 0, 0, 0.05); }
+
+.courses > .paging.paging-morelink {
+  text-align: center;
+  padding: 1rem; }
+
+.course_category_tree .category .numberofcourse {
+  font-size: 0.8203125rem; }
+
+.course_category_tree .controls {
+  visibility: hidden; }
+
+.course_category_tree .controls div {
+  display: inline;
+  cursor: pointer; }
+
+.jsenabled .course_category_tree .controls {
+  visibility: visible; }
+
+.course_category_tree .controls {
+  margin-bottom: 5px;
+  text-align: right;
+  float: right; }
+
+.course_category_tree .controls div {
+  padding-right: 2em;
+  font-size: 75%; }
+
+.course_category_tree .category > .info > .categoryname {
+  background-image: url([[pix:moodle|t/collapsed_empty]]);
+  background-repeat: no-repeat;
+  padding: 2px 18px;
+  margin: 3px;
+  background-position: center left; }
+
+/* rtl:raw:
+.course_category_tree .category > .info > .categoryname {
+    background-image:url([[pix:moodle|t/collapsed_empty_rtl]]);
+}
+ */
+.course_category_tree .category.with_children > .info > .categoryname {
+  background-image: url([[pix:moodle|t/expanded]]);
+  cursor: pointer; }
+
+.course_category_tree .category.with_children.collapsed > .info > .categoryname {
+  background-image: url([[pix:moodle|t/collapsed]]); }
+
+/* rtl:raw:
+.course_category_tree .category.with_children.collapsed > .info > .categoryname {
+    background-image:url([[pix:moodle|t/collapsed_rtl]]);
+}
+*/
+.course_category_tree .category.collapsed > .content {
+  display: none; }
+
+.course_category_tree .category > .info {
+  clear: both; }
+
+.course_category_tree .category > .content {
+  padding-left: 16px; }
+
+#page-course-index-category .generalbox.info {
+  margin-bottom: 15px;
+  border: 1px dotted #ddd;
+  padding: 5px; }
+
+#page-course-index-category .categorypicker {
+  text-align: center;
+  margin: 10px 0 20px; }
+
+/**
+ * Course management page
+ * Palette
+ *
+ * Background (reg)         #F5F5F5
+ * Background (light        #fafafa
+ * Background (highlight)   #ddffaa
+ * Borders                  #e1e1e8
+ */
+#course-category-listings {
+  margin-bottom: 0;
+  /** Two column layout */
+  /** Three column layout */ }
+  #course-category-listings.columns-2 > #course-listing > div {
+    position: relative;
+    left: -1px; }
+  #course-category-listings.columns-3 > #course-listing > div {
+    height: 100%; }
+  #course-category-listings > div > div {
+    min-height: 300px; }
+    #course-category-listings > div > div > ul.ml > li:first-child > div {
+      border-top: 0; }
+  #course-category-listings h3 {
+    margin: 0;
+    padding: 0.4rem 0.6rem 0.3rem; }
+  #course-category-listings h4 {
+    margin: 1rem 0 0;
+    padding: 0.6rem 1rem 0.5rem; }
+  #course-category-listings .moodle-actionmenu {
+    white-space: nowrap; }
+  #course-category-listings .listing-actions {
+    text-align: center; }
+    #course-category-listings .listing-actions > .moodle-actionmenu {
+      display: inline-block; }
+  #course-category-listings ul.ml {
+    list-style: none;
+    margin: 1rem 0; }
+    #course-category-listings ul.ml ul.ml {
+      margin: 0; }
+  #course-category-listings .listitem[data-selected='1'] {
+    background-color: rgba(0, 0, 0, 0.05); }
+    #course-category-listings .listitem[data-selected='1']:hover {
+      background-color: rgba(0, 0, 0, 0.075); }
+  #course-category-listings .item-actions {
+    margin-right: 1em;
+    display: inline-block; }
+    #course-category-listings .item-actions.show .menu img {
+      width: 12px;
+      max-width: none; }
+    #course-category-listings .item-actions .menu-action-text {
+      vertical-align: inherit; }
+  #course-category-listings .listitem > div > .float-left {
+    float: left; }
+  #course-category-listings .listitem > div > .float-right {
+    float: right;
+    text-align: right; }
+  #course-category-listings .listitem > div .item-actions .action-show {
+    display: none; }
+  #course-category-listings .listitem > div .item-actions .action-hide {
+    display: inline; }
+  #course-category-listings .listitem > div .without-actions {
+    color: #333; }
+  #course-category-listings .listitem > div .idnumber {
+    color: #a1a1a8;
+    margin-right: 2em; }
+  #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-show {
+    display: inline; }
+  #course-category-listings .listitem[data-visible="0"] > div .item-actions .action-hide {
+    display: none; }
+  #course-category-listings .listitem.highlight {
+    background-color: #fff; }
+    #course-category-listings .listitem.highlight > div,
+    #course-category-listings .listitem.highlight > div:hover,
+    #course-category-listings .listitem.highlight[data-selected='1'] > div {
+      background-color: rgba(0, 0, 0, 0.075); }
+  #course-category-listings #course-listing .listitem .categoryname {
+    display: inline-block;
+    margin-left: 1em;
+    color: #a1a1a8; }
+  #course-category-listings #course-listing .listitem .coursename {
+    display: inline-block; }
+  #course-category-listings #course-listing > .firstpage .listitem:first-child > div .item-actions .action-moveup,
+  #course-category-listings #course-listing > .lastpage .listitem:last-child > div .item-actions .action-movedown {
+    display: none; }
+  #course-category-listings #course-listing .bulk-action-checkbox {
+    margin: -2px 6px 0 0; }
+  #course-category-listings #category-listing .listitem.collapsed > ul.ml {
+    display: none; }
+  #course-category-listings #category-listing .listitem > div > .ba-checkbox {
+    width: 2.2em;
+    text-align: center;
+    margin: -1px 0.5em 0 0;
+    padding-top: 2px; }
+  #course-category-listings #category-listing .listitem.highlight > div > .ba-checkbox {
+    background-color: rgba(0, 0, 0, 0.075); }
+  #course-category-listings #category-listing .listitem[data-selected='1'] > div > .ba-checkbox {
+    margin: 0 0.5em 0 0;
+    padding: 0;
+    background-color: inherit; }
+  #course-category-listings #category-listing .listitem:first-child > div .item-actions .action-moveup,
+  #course-category-listings #category-listing .listitem:last-child > div .item-actions .action-movedown {
+    display: none; }
+  #course-category-listings #category-listing .course-count {
+    color: #a1a1a8;
+    margin-right: 2rem;
+    min-width: 3.5em;
+    display: inline-block; }
+  #course-category-listings #category-listing .bulk-action-checkbox {
+    margin-right: -3px; }
+  #course-category-listings #category-listing .category-listing > ul > .listitem:first-child {
+    position: relative; }
+  #course-category-listings #category-listing .category-bulk-actions {
+    margin: 0 0.5em 0.5em;
+    position: relative; }
+  #course-category-listings .detail-pair > * {
+    display: inline-block; }
+  #course-category-listings .detail-pair .pair-key {
+    font-weight: bold;
+    vertical-align: top; }
+    #course-category-listings .detail-pair .pair-key span {
+      margin-right: 1rem;
+      display: block; }
+  #course-category-listings .detail-pair .pair-value select {
+    max-width: 100%; }
+  #course-category-listings .bulk-actions .detail-pair > * {
+    display: block;
+    width: 100%; }
+  #course-category-listings .listing-pagination {
+    text-align: center; }
+    #course-category-listings .listing-pagination .yui3-button {
+      color: #212529;
+      background-color: #5bc0de;
+      border-color: #5bc0de;
+      border: 0;
+      margin: 0.4rem 0.2rem 0.45rem;
+      font-size: 10.4px; }
+      #course-category-listings .listing-pagination .yui3-button:hover {
+        color: #fff;
+        background-color: #3bb4d8;
+        border-color: #31b0d5; }
+      #course-category-listings .listing-pagination .yui3-button:focus, #course-category-listings .listing-pagination .yui3-button.focus {
+        box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5); }
+      #course-category-listings .listing-pagination .yui3-button.disabled, #course-category-listings .listing-pagination .yui3-button:disabled {
+        color: #212529;
+        background-color: #5bc0de;
+        border-color: #5bc0de; }
+      #course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled):active, #course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled).active,
+      .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle {
+        color: #fff;
+        background-color: #31b0d5;
+        border-color: #2aaacf; }
+        #course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled):active:focus, #course-category-listings .listing-pagination .yui3-button:not(:disabled):not(.disabled).active:focus,
+        .show > #course-category-listings .listing-pagination .yui3-button.dropdown-toggle:focus {
+          box-shadow: 0 0 0 0.2rem rgba(91, 192, 222, 0.5); }
+      #course-category-listings .listing-pagination .yui3-button.active-page {
+        color: #fff;
+        background-color: #1177d1;
+        border-color: #1177d1; }
+        #course-category-listings .listing-pagination .yui3-button.active-page:hover {
+          color: #fff;
+          background-color: #0e63ae;
+          border-color: #0d5ca2; }
+        #course-category-listings .listing-pagination .yui3-button.active-page:focus, #course-category-listings .listing-pagination .yui3-button.active-page.focus {
+          box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.5); }
+        #course-category-listings .listing-pagination .yui3-button.active-page.disabled, #course-category-listings .listing-pagination .yui3-button.active-page:disabled {
+          color: #fff;
+          background-color: #1177d1;
+          border-color: #1177d1; }
+        #course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled):active, #course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled).active,
+        .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle {
+          color: #fff;
+          background-color: #0d5ca2;
+          border-color: #0c5596; }
+          #course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled):active:focus, #course-category-listings .listing-pagination .yui3-button.active-page:not(:disabled):not(.disabled).active:focus,
+          .show > #course-category-listings .listing-pagination .yui3-button.active-page.dropdown-toggle:focus {
+            box-shadow: 0 0 0 0.2rem rgba(17, 119, 209, 0.5); }
+  #course-category-listings .listing-pagination-totals {
+    text-align: center; }
+    #course-category-listings .listing-pagination-totals.dimmed {
+      margin: 0.4rem 1rem 0.45rem; }
+  #course-category-listings .select-a-category .notifymessage,
+  #course-category-listings .select-a-category .alert,
+  #course-category-listings .select-a-category #page-admin-index .releasenoteslink,
+  #page-admin-index #course-category-listings .select-a-category .releasenoteslink,
+  #course-category-listings .select-a-category #page-admin-index .adminwarning,
+  #page-admin-index #course-category-listings .select-a-category .adminwarning,
+  #course-category-listings .select-a-category #page-admin-index .adminerror,
+  #page-admin-index #course-category-listings .select-a-category .adminerror,
+  #course-category-listings .select-a-category .que .formulation,
+  .que #course-category-listings .select-a-category .formulation,
+  #course-category-listings .select-a-category .que .outcome,
+  .que #course-category-listings .select-a-category .outcome,
+  #course-category-listings .select-a-category .que .comment,
+  .que #course-category-listings .select-a-category .comment,
+  #course-category-listings .select-a-category .assignfeedback_editpdf_widget .label,
+  .assignfeedback_editpdf_widget #course-category-listings .select-a-category .label {
+    margin: 1em; }
+
+#course-category-listings #course-listing .listitem .drag-handle {
+  display: none; }
+
+.jsenabled #course-category-listings #course-listing .listitem .drag-handle {
+  display: inline-block;
+  margin: 0 6px 0 0;
+  cursor: pointer; }
+
+/** Management header styling **/
+.coursecat-management-header {
+  vertical-align: middle; }
+  .coursecat-management-header h2 {
+    display: inline-block;
+    text-align: left; }
+  .coursecat-management-header > div {
+    display: inline-block;
+    float: right; }
+    .coursecat-management-header > div > div {
+      margin: 10px 0 10px 1em;
+      display: inline-block; }
+  .coursecat-management-header select {
+    max-width: 300px;
+    cursor: pointer;
+    padding: 0.4em 0.5em 0.45em 1em;
+    vertical-align: baseline;
+    white-space: nowrap; }
+  .coursecat-management-header .view-mode-selector .moodle-actionmenu {
+    white-space: nowrap;
+    display: inline-block; }
+  .coursecat-management-header .view-mode-selector .moodle-actionmenu[data-enhanced].show .menu a {
+    padding-left: 1em; }
+
+.course-being-dragged-proxy {
+  border: 0;
+  color: #1177d1;
+  vertical-align: middle;
+  padding: 0 0 0 4em; }
+
+.course-being-dragged {
+  opacity: 0.5; }
+
+/**
+ * Display sizes:
+ * Large displays                   1200        +
+ * Default displays                  980     1199
+ * Tablets                           768      979
+ * Small tablets and large phones    481      767
+ * Phones                              0      480
+ */
+@media (min-width: 1200px) and (max-width: 1600px) {
+  #course-category-listings.columns-3 {
+    background-color: #fff;
+    border: 0; }
+    #course-category-listings.columns-3 #category-listing,
+    #course-category-listings.columns-3 #course-listing {
+      width: 50%; }
+    #course-category-listings.columns-3 #category-listing > div,
+    #course-category-listings.columns-3 #course-listing > div,
+    #course-category-listings.columns-3 #course-detail > div {
+      background-color: #fff; }
+    #course-category-listings.columns-3 #course-detail {
+      width: 100%;
+      margin-top: 1em; } }
+
+@media (max-width: 1199px) {
+  #course-category-listings.columns-2,
+  #course-category-listings.columns-3 {
+    border: 0; }
+    #course-category-listings.columns-2 #category-listing,
+    #course-category-listings.columns-2 #course-listing,
+    #course-category-listings.columns-2 #course-detail,
+    #course-category-listings.columns-3 #category-listing,
+    #course-category-listings.columns-3 #course-listing,
+    #course-category-listings.columns-3 #course-detail {
+      width: 100%;
+      margin: 0 0 1em; } }
+
+.page-settings-menu .menubar > a > .icon {
+  width: auto;
+  height: 32px;
+  font-size: 32px; }
+
+/* Anchor link offset fix. This makes hash links scroll 60px down to account for the fixed header. */
+:target::before {
+  content: " ";
+  display: block;
+  height: 60px;
+  /* fixed header height*/
+  margin-top: -60px;
+  /* negative fixed header height */
+  width: 1px;
+  pointer-events: none; }
+
+.pagelayout-embedded :target {
+  padding-top: initial;
+  margin-top: initial; }
+
+#nav-drawer.closed {
+  left: -305px; }
+
+#page {
+  margin-top: 50px; }
+
+/* Use a variable for the drawer background colors. */
+[data-region="drawer"] {
+  position: fixed;
+  padding: 20px 20px;
+  width: 285px;
+  top: 50px;
+  height: calc(100% - 50px);
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch;
+  z-index: 999;
+  background-color: #f2f2f2;
+  -webkit-transition: right 0.5s ease, left 0.5s ease;
+  -moz-transition: right 0.5s ease, left 0.5s ease;
+  transition: right 0.5s ease, left 0.5s ease; }
+
+#nav-drawer {
+  right: auto;
+  left: 0; }
+
+#page {
+  margin-top: 50px; }
+
+.pagelayout-embedded #page {
+  margin-top: 0; }
+
+body.drawer-ease {
+  -webkit-transition: margin-left 0.5s ease, margin-right 0.5s ease;
+  -moz-transition: margin-left 0.5s ease, margin-right 0.5s ease;
+  transition: margin-left 0.5s ease, margin-right 0.5s ease; }
+
+@media (min-width: 768px) {
+  body.drawer-open-left {
+    margin-left: 285px; } }
+
+@media (min-width: 768px) {
+  body.drawer-open-right {
+    margin-right: 285px; } }
+
+#page-my-index {
+  background-color: #f8f9fa; }
+
+.fp-content-center {
+  height: 100%;
+  width: 100%;
+  display: table-cell;
+  vertical-align: middle; }
+
+.fp-content-hidden {
+  visibility: hidden; }
+
+.yui3-panel-focused {
+  outline: none; }
+
+.fp-panel-button {
+  background: #fff;
+  padding: 3px 20px 2px 20px;
+  text-align: center;
+  margin: 10px;
+  display: inline-block; }
+
+.filepicker .yui3-widget-content-expanded {
+  height: auto; }
+
+/* The javascript is adding a style="height: 0px;" to this element - we need to set the min-height so the height is ignored. */
+.filepicker .moodle-dialogue-bd {
+  min-height: 520px; }
+
+.file-picker .fp-navbar {
+  border-bottom: 1px solid #e5e5e5;
+  min-height: 40px;
+  padding: 4px; }
+
+.file-picker .fp-content {
+  border-top: 0;
+  background: #fff;
+  clear: none;
+  overflow: auto;
+  height: 452px; }
+
+.filepicker.moodle-dialogue-fullscreen .file-picker .fp-content {
+  width: 100%; }
+
+.file-picker .fp-content-loading {
+  height: 100%;
+  width: 100%;
+  display: table;
+  text-align: center; }
+
+.file-picker .fp-content .fp-object-container {
+  width: 98%;
+  height: 98%; }
+
+.file-picker .fp-def-search {
+  margin-top: 0; }
+
+.file-picker .fp-list {
+  list-style-type: none;
+  padding: 0;
+  float: left;
+  width: 100%;
+  margin: 0; }
+
+.file-picker .fp-list .fp-repo a {
+  display: block;
+  padding: .5em .7em; }
+
+.file-picker .fp-list .fp-repo.active {
+  background: #f2f2f2; }
+
+.file-picker .fp-list .fp-repo-icon {
+  padding: 0 7px 0 5px;
+  width: 16px;
+  height: 16px; }
+
+.fp-toolbar {
+  float: left; }
+
+.fp-toolbar.empty {
+  display: none; }
+
+.fp-toolbar .disabled {
+  display: none; }
+
+.fp-toolbar div {
+  display: block;
+  float: left;
+  margin-right: 4px; }
+
+.fp-toolbar img {
+  vertical-align: -15%;
+  margin-right: 5px; }
+
+.file-picker .fp-clear-left {
+  clear: left; }
+
+.fp-pathbar.empty {
+  display: none; }
+
+.fp-pathbar .fp-path-folder {
+  background: url("[[pix:theme|fp/path_folder]]") left 3px no-repeat;
+  background-size: 12px 12px;
+  height: 12px;
+  margin-left: 12px; }
+
+/*rtl:raw:
+.fp-pathbar .fp-path-folder {
+    background-image: url('[[pix:theme|fp/path_folder_rtl]]');
+}
+*/
+.fp-pathbar .fp-path-folder-name {
+  margin-left: 24px; }
+
+.fp-iconview .fp-file {
+  float: left;
+  text-align: center;
+  position: relative;
+  margin: 10px 10px 35px; }
+
+.fp-iconview .fp-thumbnail {
+  min-width: 110px;
+  min-height: 110px;
+  line-height: 110px;
+  text-align: center;
+  border: 1px solid #fff;
+  display: block; }
+
+.fp-iconview .fp-thumbnail img {
+  border: 1px solid #ddd;
+  padding: 3px;
+  vertical-align: middle; }
+
+.fp-iconview .fp-thumbnail:hover {
+  background: #fff;
+  border: 1px solid #ddd; }
+
+.fp-iconview .fp-filename-field {
+  height: 33px;
+  word-wrap: break-word;
+  overflow: hidden;
+  position: absolute; }
+
+.fp-iconview .fp-filename-field:hover {
+  overflow: visible;
+  z-index: 1000; }
+
+.fp-iconview .fp-filename-field .fp-filename {
+  background: #fff;
+  padding-top: 5px;
+  padding-bottom: 12px;
+  min-width: 112px; }
+
+.file-picker .yui3-datatable table {
+  border: 0 solid #bbb;
+  width: 100%; }
+
+.file-picker .ygtvtn,
+.filemanager .ygtvtn {
+  /*rtl:remove*/
+  background: url("[[pix:moodle|y/tn]]") 0 0 no-repeat;
+  /*rtl:raw:
+    background: url('[[pix:moodle|y/tn_rtl]]') 0 0 no-repeat;
+    */
+  width: 19px;
+  height: 32px; }
+
+.file-picker .ygtvtm,
+.filemanager .ygtvtm {
+  background: url("[[pix:moodle|y/tm]]") 0 10px no-repeat;
+  /*rtl:raw:
+        background-position: 2px 10px;
+    */
+  width: 13px;
+  height: 12px;
+  cursor: pointer; }
+
+.file-picker .ygtvtmh,
+.filemanager .ygtvtmh {
+  background: url("[[pix:moodle|y/tm]]") 0 10px no-repeat;
+  /*rtl:raw:
+        background-position: 2px 10px;
+    */
+  width: 13px;
+  height: 12px;
+  cursor: pointer; }
+
+.file-picker .ygtvtp,
+.filemanager .ygtvtp {
+  /*rtl:remove*/
+  background: url("[[pix:moodle|y/tp]]") 0 10px no-repeat;
+  /*rtl:raw:
+    background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
+    */
+  width: 13px;
+  height: 12px;
+  cursor: pointer; }
+
+.file-picker .ygtvtph,
+.filemanager .ygtvtph {
+  /*rtl:remove*/
+  background: url("[[pix:moodle|y/tp]]") 0 10px no-repeat;
+  /*rtl:raw:
+    background: url('[[pix:moodle|y/tp_rtl]]') 2px 10px no-repeat;
+    */
+  width: 13px;
+  height: 22px;
+  cursor: pointer; }
+
+.file-picker .ygtvln,
+.filemanager .ygtvln {
+  /*rtl:remove*/
+  background: url("[[pix:moodle|y/ln]]") 0 0 no-repeat;
+  /*rtl:raw:
+    background: url('[[pix:moodle|y/ln_rtl]]') 0 0 no-repeat;
+    */
+  width: 19px;
+  height: 32px; }
+
+.file-picker .ygtvlm,
+.filemanager .ygtvlm {
+  background: url("[[pix:moodle|y/lm]]") 0 10px no-repeat;
+  /*rtl:raw:
+        background-position: 2px 10px;
+    */
+  width: 13px;
+  height: 12px;
+  cursor: pointer; }
+
+.file-picker .ygtvlmh,
+.filemanager .ygtvlmh {
+  background: url("[[pix:moodle|y/lm]]") 0 10px no-repeat;
+  /*rtl:raw:
+        background-position: 2px 10px;
+    */
+  width: 13px;
+  height: 12px;
+  cursor: pointer; }
+
+.file-picker .ygtvlp,
+.filemanager .ygtvlp {
+  /*rtl:remove*/
+  background: url("[[pix:moodle|y/lp]]") 0 10px no-repeat;
+  /*rtl:raw:
+    background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
+    */
+  width: 13px;
+  height: 12px;
+  cursor: pointer; }
+
+.file-picker .ygtvlph,
+.filemanager .ygtvlph {
+  /*rtl:remove*/
+  background: url("[[pix:moodle|y/lp]]") 0 10px no-repeat;
+  /*rtl:raw:
+    background: url('[[pix:moodle|y/lp_rtl]]') 2px 10px no-repeat;
+    */
+  width: 13px;
+  height: 12px;
+  cursor: pointer; }
+
+.file-picker .ygtvloading,
+.filemanager .ygtvloading {
+  background: transparent url("[[pix:moodle|y/loading]]") 0 0 no-repeat;
+  width: 16px;
+  height: 22px; }
+
+.file-picker .ygtvdepthcell,
+.filemanager .ygtvdepthcell {
+  background: url("[[pix:moodle|y/vline]]") 0 0 no-repeat;
+  /*rtl:raw:
+    background-position: 0 0;
+    */
+  width: 17px;
+  height: 32px; }
+
+.file-picker .ygtvblankdepthcell,
+.filemanager .ygtvblankdepthcell {
+  width: 17px;
+  height: 22px; }
+
+a.ygtvspacer:hover {
+  color: transparent;
+  text-decoration: none; }
+
+.ygtvlabel,
+.ygtvlabel:link,
+.ygtvlabel:visited,
+.ygtvlabel:hover {
+  background-color: transparent;
+  cursor: pointer;
+  margin-left: 2px;
+  text-decoration: none; }
+
+.file-picker .ygtvfocus,
+.filemanager .ygtvfocus {
+  background-color: #eee; }
+
+.fp-filename-icon {
+  margin-top: 10px;
+  display: block;
+  position: relative; }
+
+.fp-icon {
+  float: left;
+  margin-top: -7px;
+  width: 24px;
+  height: 24px;
+  margin-right: 10px;
+  text-align: center;
+  line-height: 24px; }
+
+.fp-icon img {
+  max-height: 24px;
+  max-width: 24px;
+  vertical-align: middle; }
+
+.fp-filename {
+  padding-right: 10px; }
+
+.file-picker .fp-login-form {
+  height: 100%;
+  width: 100%;
+  display: table; }
+
+.file-picker .fp-upload-form {
+  height: 100%;
+  width: 100%;
+  display: table; }
+
+.file-picker .fp-upload-form table {
+  margin: 0 auto; }
+
+.file-picker.fp-dlg {
+  text-align: center; }
+
+.file-picker.fp-dlg .fp-dlg-buttons {
+  margin: 0 20px; }
+
+.file-picker.fp-msg {
+  text-align: center; }
+
+.file-picker .fp-content-error {
+  height: 100%;
+  width: 100%;
+  display: table;
+  text-align: center; }
+
+.file-picker .fp-nextpage {
+  clear: both; }
+
+.file-picker .fp-nextpage .fp-nextpage-loading {
+  display: none; }
+
+.file-picker .fp-nextpage.loading .fp-nextpage-link {
+  display: none; }
+
+.file-picker .fp-nextpage.loading .fp-nextpage-loading {
+  display: block;
+  text-align: center;
+  height: 100px;
+  padding-top: 50px; }
+
+.fp-select .fp-select-loading {
+  text-align: center;
+  margin-top: 20px; }
+
+.fp-select table {
+  padding: 0 0 10px; }
+
+.fp-select table .mdl-right {
+  min-width: 84px; }
+
+.fp-select .fp-reflist .mdl-right {
+  vertical-align: top; }
+
+.fp-select .fp-select-buttons {
+  float: right; }
+
+.fp-select .fp-info {
+  font-size: 0.703125rem; }
+
+.fp-select .fp-thumbnail {
+  float: left;
+  min-width: 110px;
+  min-height: 110px;
+  line-height: 110px;
+  text-align: center;
+  margin: 10px 20px 0 0;
+  background: #fff;
+  border: 1px solid #ddd; }
+
+.fp-select .fp-thumbnail img {
+  border: 1px solid #ddd;
+  padding: 3px;
+  vertical-align: middle;
+  margin: 10px; }
+
+.fp-select .fp-fileinfo {
+  display: inline-block;
+  margin-top: 10px; }
+
+.file-picker.fp-select .fp-fileinfo {
+  max-width: 240px; }
+
+.fp-select .fp-fileinfo div {
+  padding-bottom: 5px; }
+
+.file-picker.fp-select .uneditable {
+  display: none; }
+
+.file-picker.fp-select .fp-select-loading {
+  display: none; }
+
+.file-picker.fp-select.loading .fp-select-loading {
+  display: block; }
+
+.file-picker.fp-select.loading form {
+  display: none; }
+
+.fp-select .fp-dimensions.fp-unknown {
+  display: none; }
+
+.fp-select .fp-size.fp-unknown {
+  display: none; }
+
+.filemanager-loading {
+  display: none; }
+
+.jsenabled .filemanager-loading {
+  display: block;
+  margin-top: 100px; }
+
+.filemanager.fm-loading .filemanager-toolbar,
+.filemanager.fm-loading .fp-pathbar,
+.filemanager.fm-loading .filemanager-container,
+.filemanager.fm-loaded .filemanager-loading,
+.filemanager.fm-maxfiles .fp-btn-add,
+.filemanager.fm-maxfiles .dndupload-message,
+.filemanager.fm-noitems .fp-btn-download,
+.filemanager .fm-empty-container,
+.filemanager.fm-noitems .filemanager-container .fp-content {
+  display: none; }
+
+.filemanager .fp-img-downloading {
+  display: none;
+  padding-top: 7px; }
+
+.filemanager .filemanager-updating {
+  display: none;
+  text-align: center; }
+
+.filemanager.fm-updating .filemanager-updating {
+  display: block;
+  margin-top: 37px; }
+
+.filemanager.fm-updating .fm-content-wrapper,
+.filemanager.fm-nomkdir .fp-btn-mkdir,
+.fitem.disabled .filemanager .filemanager-toolbar,
+.fitem.disabled .filemanager .fp-pathbar,
+.fitem.disabled .filemanager .fp-restrictions,
+.fitem.disabled .filemanager .fm-content-wrapper {
+  display: none; }
+
+.filemanager .fp-restrictions {
+  text-align: right; }
+
+.filemanager-toolbar {
+  padding: 4px;
+  overflow: hidden; }
+
+.filemanager .fp-pathbar.empty {
+  display: none; }
+
+.filepicker-filelist,
+.filemanager-container {
+  min-height: 140px;
+  border-top: 0; }
+
+.filemanager .fp-content {
+  overflow: auto;
+  max-height: 472px;
+  min-height: 157px; }
+
+.filemanager-container,
+.filepicker-filelist {
+  overflow: hidden; }
+
+.file-picker .yui3-datatable-header {
+  background: initial; }
+
+.fitem.disabled .filepicker-filelist,
+.fitem.disabled .filemanager-container {
+  background-color: #ebebe4; }
+
+.fitem.disabled .filepicker-filelist .filepicker-filename {
+  display: none; }
+
+.fp-iconview .fp-reficons1 {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  top: 0;
+  left: 0; }
+
+.fp-iconview .fp-reficons2 {
+  position: absolute;
+  height: 100%;
+  width: 100%;
+  top: 0;
+  left: 0; }
+
+.fp-iconview .fp-file.fp-hasreferences .fp-reficons1 {
+  background: url("[[pix:theme|fp/link]]") no-repeat;
+  /*rtl:raw:
+    transform: scaleX(-1);
+    */
+  /*rtl:ignore*/
+  background-position: bottom right;
+  background-size: 16px 16px; }
+
+.fp-iconview .fp-file.fp-isreference .fp-reficons2 {
+  background: url("[[pix:theme|fp/alias]]") no-repeat;
+  /*rtl:raw:
+    transform: scaleX(-1);
+    */
+  /*rtl:ignore*/
+  background-position: bottom left;
+  background-size: 16px 16px; }
+
+.filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail img {
+  display: none; }
+
+.filemanager .fp-iconview .fp-file.fp-originalmissing .fp-thumbnail {
+  background: url([[pix:s/dead]]) no-repeat;
+  background-position: center center; }
+
+.filemanager .yui3-datatable table {
+  border: 0 solid #bbb;
+  width: 100%; }
+
+/* Override YUI default styling */
+/* stylelint-disable declaration-no-important */
+.filemanager .yui3-datatable-header {
+  background: #fff !important;
+  border-bottom: 1px solid #ccc !important;
+  border-left: 0 solid #fff !important;
+  color: #555 !important; }
+
+.filemanager .yui3-datatable-odd .yui3-datatable-cell {
+  background-color: #f6f6f6 !important;
+  border-left: 0 solid #f6f6f6; }
+
+.filemanager .yui3-datatable-even .yui3-datatable-cell {
+  background-color: #fff !important;
+  border-left: 0 solid #fff; }
+
+/* stylelint-enable */
+.filemanager .fp-filename-icon.fp-hasreferences .fp-reficons1 {
+  background: url("[[pix:theme|fp/link_sm]]") no-repeat 0 0;
+  height: 100%;
+  width: 100%;
+  /*rtl:raw:
+    transform: scaleX(-1);
+    */
+  position: absolute;
+  top: 8px;
+  left: 17px;
+  background-size: 16px 16px; }
+
+.filemanager .fp-filename-icon.fp-isreference .fp-reficons2 {
+  background: url("[[pix:theme|fp/alias_sm]]") no-repeat 0 0;
+  height: 100%;
+  width: 100%;
+  /*rtl:raw:
+    transform: scaleX(-1);
+    */
+  position: absolute;
+  top: 9px;
+  left: -6px;
+  background-size: 16px 16px; }
+
+.filemanager .fp-contextmenu {
+  display: none; }
+
+.filemanager .fp-iconview .fp-folder.fp-hascontextmenu .fp-contextmenu {
+  display: block;
+  position: absolute;
+  right: 7px;
+  bottom: 5px; }
+
+.filemanager .fp-treeview .fp-folder.fp-hascontextmenu .fp-contextmenu,
+.filemanager .fp-tableview .fp-folder.fp-hascontextmenu .fp-contextmenu {
+  display: inline;
+  position: absolute;
+  left: 14px;
+  margin-right: -20px;
+  top: 6px; }
+
+.filepicker-filelist .filepicker-container,
+.filemanager.fm-noitems .fm-empty-container {
+  display: block;
+  position: absolute;
+  top: 10px;
+  bottom: 10px;
+  left: 10px;
+  right: 10px;
+  border: 2px dashed #bbb;
+  padding-top: 85px;
+  text-align: center; }
+
+.filepicker-filelist .dndupload-target,
+.filemanager-container .dndupload-target {
+  background: #fff;
+  position: absolute;
+  top: 10px;
+  bottom: 10px;
+  left: 10px;
+  right: 10px;
+  border: 2px dashed #fb7979;
+  padding-top: 85px;
+  text-align: center; }
+
+.filepicker-filelist.dndupload-over .dndupload-target,
+.filemanager-container.dndupload-over .dndupload-target {
+  background: #fff;
+  position: absolute;
+  top: 10px;
+  bottom: 10px;
+  left: 10px;
+  right: 10px;
+  border: 2px dashed #6c8cd3;
+  padding-top: 85px;
+  text-align: center; }
+
+.dndupload-message {
+  display: none; }
+
+.dndsupported .dndupload-message {
+  display: inline; }
+
+.dnduploadnotsupported-message {
+  display: none; }
+
+.dndnotsupported .dnduploadnotsupported-message {
+  display: inline; }
+
+.dndupload-target {
+  display: none; }
+
+.dndsupported .dndupload-ready .dndupload-target {
+  display: block; }
+
+.dndupload-uploadinprogress {
+  display: none;
+  text-align: center; }
+
+.dndupload-uploading .dndupload-uploadinprogress {
+  display: block; }
+
+.dndupload-arrow {
+  background: url([[pix:theme|fp/dnd_arrow]]) center no-repeat;
+  width: 100%;
+  height: 80px;
+  position: absolute;
+  top: 5px; }
+
+.fitem.disabled .filepicker-container,
+.fitem.disabled .fm-empty-container {
+  display: none; }
+
+.dndupload-progressbars {
+  padding: 10px;
+  display: none; }
+
+.dndupload-inprogress .dndupload-progressbars {
+  display: block; }
+
+.dndupload-inprogress .fp-content {
+  display: none; }
+
+.filemanager.fm-noitems .dndupload-inprogress .fm-empty-container {
+  display: none; }
+
+.filepicker-filelist.dndupload-inprogress .filepicker-container {
+  display: none; }
+
+.filepicker-filelist.dndupload-inprogress a {
+  display: none; }
+
+.filemanager.fp-select .fp-select-loading {
+  display: none; }
+
+.filemanager.fp-select.loading .fp-select-loading {
+  display: block; }
+
+.filemanager.fp-select.loading form {
+  display: none; }
+
+.filemanager.fp-select.fp-folder .fp-license,
+.filemanager.fp-select.fp-folder .fp-author,
+.filemanager.fp-select.fp-file .fp-file-unzip,
+.filemanager.fp-select.fp-folder .fp-file-unzip,
+.filemanager.fp-select.fp-file .fp-file-zip,
+.filemanager.fp-select.fp-zip .fp-file-zip {
+  display: none; }
+
+.filemanager.fp-select .fp-file-setmain,
+.filemanager.fp-select .fp-file-setmain-help {
+  display: none; }
+
+.filemanager.fp-select.fp-cansetmain .fp-file-setmain,
+.filemanager.fp-select.fp-cansetmain .fp-file-setmain-help {
+  display: inline-block; }
+
+.filemanager .fp-mainfile .fp-filename {
+  font-weight: bold; }
+
+.filemanager.fp-select.fp-folder .fp-file-download {
+  display: none; }
+
+.fm-operation {
+  font-weight: bold; }
+
+.filemanager.fp-select .fp-original.fp-unknown,
+.filemanager.fp-select .fp-original .fp-originloading {
+  display: none; }
+
+.filemanager.fp-select .fp-original.fp-loading .fp-originloading {
+  display: inline; }
+
+.filemanager.fp-select .fp-reflist.fp-unknown,
+.filemanager.fp-select .fp-reflist .fp-reflistloading {
+  display: none; }
+
+.filemanager.fp-select .fp-reflist.fp-loading .fp-reflistloading {
+  display: inline; }
+
+.filemanager.fp-select .fp-reflist .fp-value {
+  background: #f9f9f9;
+  border: 1px solid #bbb;
+  padding: 8px 7px;
+  margin: 0;
+  max-height: 75px;
+  overflow: auto; }
+
+.filemanager.fp-select .fp-reflist .fp-value li {
+  padding-bottom: 7px; }
+
+.filemanager.fp-mkdir-dlg {
+  text-align: center; }
+
+.filemanager.fp-mkdir-dlg .fp-mkdir-dlg-text {
+  text-align: left;
+  margin: 20px; }
+
+.filemanager.fp-dlg {
+  text-align: center; }
+
+.file-picker div.bd {
+  text-align: left; }
+
+.fp-formset {
+  padding: 10px; }
+  .fp-formset input[type="file"] {
+    line-height: inherit; }
+
+.fp-forminset {
+  padding: 0 10px; }
+
+.fp-fileinfo .fp-value {
+  display: inline-block;
+  padding-left: 5px; }
+
+/** The message area **/
+.hidden {
+  display: none; }
+
+.messaging-area-container {
+  margin-bottom: 30px; }
+  .messaging-area-container .status .online-text {
+    display: none;
+    color: #7d7; }
+  .messaging-area-container .status .offline-text {
+    color: #ff6961; }
+  .messaging-area-container .status.online .online-text {
+    display: inherit; }
+  .messaging-area-container .status.online .offline-text {
+    display: none; }
+  .messaging-area-container a,
+  .messaging-area-container .btn.btn-link,
+  .messaging-area-container #page-grade-grading-manage .actions .btn-link.action,
+  #page-grade-grading-manage .actions .messaging-area-container .btn-link.action,
+  .messaging-area-container #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link,
+  #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .messaging-area-container input.btn-link,
+  .messaging-area-container #rubric-rubric.gradingform_rubric .btn-link.addcriterion,
+  #rubric-rubric.gradingform_rubric .messaging-area-container .btn-link.addcriterion {
+    color: #4f94cd; }
+  .messaging-area-container .messaging-area {
+    border: 1px solid #e3e3e3;
+    clear: both; }
+    .messaging-area-container .messaging-area img {
+      max-width: 100%; }
+    .messaging-area-container .messaging-area .contacts-area {
+      border-right: 1px solid #e3e3e3;
+      height: 600px;
+      width: 280px;
+      display: inline-block;
+      box-sizing: border-box; }
+      @media (max-height: 670px) {
+        .messaging-area-container .messaging-area .contacts-area {
+          height: 500px; } }
+      .messaging-area-container .messaging-area .contacts-area.searchfilter .searchtextarea {
+        height: 80px; }
+      .messaging-area-container .messaging-area .contacts-area.searchfilter .searcharea {
+        height: 470px; }
+      .messaging-area-container .messaging-area .contacts-area .searchtextarea {
+        padding: 5px;
+        text-align: center;
+        height: 50px;
+        box-sizing: border-box;
+        line-height: 50px;
+        background-color: #fff;
+        transition: background-color linear 0.2s; }
+        .messaging-area-container .messaging-area .contacts-area .searchtextarea input {
+          height: 28px;
+          line-height: 20px;
+          margin-bottom: 10px;
+          vertical-align: middle;
+          padding: 4px 6px;
+          background-color: #f5f5f5;
+          border: 0;
+          width: 90%;
+          box-shadow: none;
+          transition: background-color linear 0.2s; }
+          .messaging-area-container .messaging-area .contacts-area .searchtextarea input:focus {
+            box-shadow: none; }
+        .messaging-area-container .messaging-area .contacts-area .searchtextarea.searching {
+          background-color: #f5f5f5;
+          transition: background-color linear 0.2s; }
+          .messaging-area-container .messaging-area .contacts-area .searchtextarea.searching input {
+            background-color: #fff;
+            transition: background-color linear 0.2s; }
+        .messaging-area-container .messaging-area .contacts-area .searchtextarea .searchfilterarea {
+          line-height: 20px;
+          cursor: pointer; }
+          .messaging-area-container .messaging-area .contacts-area .searchtextarea .searchfilterarea .searchfilter {
+            float: left; }
+          .messaging-area-container .messaging-area .contacts-area .searchtextarea .searchfilterarea .searchfilterdelete {
+            float: left;
+            margin-left: 5px; }
+      .messaging-area-container .messaging-area .contacts-area .searcharea .heading {
+        text-align: center;
+        border-top: 1px solid black;
+        border-bottom: 1px solid black;
+        font-size: 14px;
+        font-weight: bold; }
+      .messaging-area-container .messaging-area .contacts-area .searcharea .course {
+        text-align: center; }
+        .messaging-area-container .messaging-area .contacts-area .searcharea .course:hover {
+          background-color: #4f94cd;
+          color: #fff;
+          border: none;
+          cursor: pointer; }
+      .messaging-area-container .messaging-area .contacts-area .searcharea .noresults {
+        padding-top: 20px;
+        text-align: center; }
+      .messaging-area-container .messaging-area .contacts-area .contacts {
+        height: 500px;
+        overflow-y: auto;
+        -webkit-overflow-scrolling: touch; }
+        @media (max-height: 670px) {
+          .messaging-area-container .messaging-area .contacts-area .contacts {
+            height: 400px; } }
+        .messaging-area-container .messaging-area .contacts-area .contacts .nocontacts {
+          padding-top: 20px;
+          text-align: center; }
+        .messaging-area-container .messaging-area .contacts-area .contacts .contact {
+          height: 66px;
+          cursor: pointer;
+          border-bottom: 1px solid #e3e3e3;
+          box-sizing: border-box; }
+          .messaging-area-container .messaging-area .contacts-area .contacts .contact.unread {
+            background-color: #f1f1f1; }
+            .messaging-area-container .messaging-area .contacts-area .contacts .contact.unread .picture {
+              border-color: #f1f1f1; }
+            .messaging-area-container .messaging-area .contacts-area .contacts .contact.unread .information {
+              width: 60%; }
+            .messaging-area-container .messaging-area .contacts-area .contacts .contact.unread .unread-count-container {
+              display: inline-block;
+              width: 15%;
+              float: left; }
+          .messaging-area-container .messaging-area .contacts-area .contacts .contact:hover {
+            background-color: #4f94cd;
+            color: #fff;
+            border: none;
+            background-color: #79b5e6; }
+            .messaging-area-container .messaging-area .contacts-area .contacts .contact:hover .information .lastmessage {
+              color: #fff; }
+            .messaging-area-container .messaging-area .contacts-area .contacts .contact:hover .picture {
+              border: none; }
+          .messaging-area-container .messaging-area .contacts-area .contacts .contact.selected {
+            background-color: #4f94cd;
+            color: #fff;
+            border: none; }
+            .messaging-area-container .messaging-area .contacts-area .contacts .contact.selected .information .lastmessage {
+              color: #fff; }
+            .messaging-area-container .messaging-area .contacts-area .contacts .contact.selected .picture {
+              border: none; }
+          .messaging-area-container .messaging-area .contacts-area .contacts .contact .picture {
+            line-height: 66px;
+            text-align: center;
+            height: 66px;
+            border-bottom: 1px solid #fff;
+            width: 25%;
+            float: left;
+            display: inline-block;
+            box-sizing: border-box; }
+            .messaging-area-container .messaging-area .contacts-area .contacts .contact .picture img {
+              border-radius: 50%;
+              height: 54px; }
+          .messaging-area-container .messaging-area .contacts-area .contacts .contact .information {
+            padding: 6px 0;
+            height: 66px;
+            width: 75%;
+            float: left;
+            display: inline-block;
+            box-sizing: border-box; }
+            .messaging-area-container .messaging-area .contacts-area .contacts .contact .information .name {
+              font-weight: bold; }
+              .messaging-area-container .messaging-area .contacts-area .contacts .contact .information .name img {
+                vertical-align: baseline; }
+            .messaging-area-container .messaging-area .contacts-area .contacts .contact .information .lastmessage {
+              word-wrap: break-word;
+              margin: 0;
+              height: 40px;
+              line-height: 17px;
+              overflow: hidden;
+              text-overflow: ellipsis;
+              white-space: nowrap;
+              color: #a1a1a1;
+              padding-right: 10px; }
+          .messaging-area-container .messaging-area .contacts-area .contacts .contact .unread-count-container {
+            display: none;
+            line-height: 66px;
+            text-align: center;
+            box-sizing: border-box; }
+      .messaging-area-container .messaging-area .contacts-area .tabs {
+        border-top: 1px solid #e3e3e3;
+        height: 50px;
+        box-sizing: border-box; }
+        .messaging-area-container .messaging-area .contacts-area .tabs .tab {
+          cursor: pointer;
+          height: 100%;
+          background-color: #f5f5f5;
+          margin: 0;
+          width: 50%;
+          text-align: center;
+          float: left; }
+          .messaging-area-container .messaging-area .contacts-area .tabs .tab:hover {
+            color: #4f94cd; }
+          .messaging-area-container .messaging-area .contacts-area .tabs .tab .tabimage {
+            height: 30px;
+            line-height: 30px; }
+            .messaging-area-container .messaging-area .contacts-area .tabs .tab .tabimage img {
+              height: 20px; }
+        .messaging-area-container .messaging-area .contacts-area .tabs .tab.selected {
+          color: #4f94cd; }
+    .messaging-area-container .messaging-area .messages-area {
+      width: calc(100% - 280px);
+      height: 600px;
+      box-sizing: border-box;
+      margin: 0;
+      position: relative;
+      float: right; }
+      @media (max-height: 670px) {
+        .messaging-area-container .messaging-area .messages-area {
+          height: 500px; } }
+      .messaging-area-container .messaging-area .messages-area .btn-container {
+        position: absolute;
+        top: 0;
+        left: 0;
+        padding-left: 15px;
+        font-weight: normal; }
+        .messaging-area-container .messaging-area .messages-area .btn-container.view-toggle {
+          display: none; }
+        .messaging-area-container .messaging-area .messages-area .btn-container.delete-all {
+          display: none; }
+      .messaging-area-container .messaging-area .messages-area .profile-header {
+        height: 50px;
+        line-height: 50px;
+        display: none; }
+        .messaging-area-container .messaging-area .messages-area .profile-header .btn-container {
+          display: block; }
+          .messaging-area-container .messaging-area .messages-area .profile-header .btn-container .btn-link {
+            padding: 0;
+            line-height: inherit; }
+      .messaging-area-container .messaging-area .messages-area .profile {
+        padding: 30px;
+        font-size: 16px;
+        height: 600px;
+        box-sizing: border-box;
+        overflow-y: auto;
+        -webkit-overflow-scrolling: touch; }
+        @media (max-height: 670px) {
+          .messaging-area-container .messaging-area .messages-area .profile {
+            height: 500px; } }
+        .messaging-area-container .messaging-area .messages-area .profile .user-container {
+          height: 100px; }
+          .messaging-area-container .messaging-area .messages-area .profile .user-container .profile-picture {
+            border-radius: 50%;
+            max-height: 100px;
+            display: inline-block; }
+          .messaging-area-container .messaging-area .messages-area .profile .user-container .name-container {
+            display: inline-block;
+            vertical-align: top;
+            margin-top: 20px;
+            margin-left: 10px; }
+            .messaging-area-container .messaging-area .messages-area .profile .user-container .name-container .name {
+              font-weight: bold;
+              display: block; }
+            .messaging-area-container .messaging-area .messages-area .profile .user-container .name-container .status {
+              display: block;
+              font-size: 14px; }
+        .messaging-area-container .messaging-area .messages-area .profile .information {
+          margin: 0;
+          display: inline-block;
+          float: right;
+          margin-top: 20px;
+          font-size: 14px;
+          list-style: none; }
+          .messaging-area-container .messaging-area .messages-area .profile .information .name {
+            display: inline-block;
+            font-weight: bold;
+            text-align: right;
+            margin-right: 10px; }
+          .messaging-area-container .messaging-area .messages-area .profile .information .value {
+            display: inline-block; }
+        .messaging-area-container .messaging-area .messages-area .profile .actions {
+          padding-top: 80px; }
+          .messaging-area-container .messaging-area .messages-area .profile .actions .separator {
+            border-bottom: 1px solid #e3e3e3;
+            margin-bottom: 20px;
+            padding-bottom: 5px; }
+            .messaging-area-container .messaging-area .messages-area .profile .actions .separator a.danger {
+              color: #ff6961; }
+      .messaging-area-container .messaging-area .messages-area .messages-header {
+        height: 50px;
+        font-weight: bold;
+        line-height: 50px;
+        box-sizing: border-box;
+        border-bottom: 1px solid #e3e3e3;
+        text-align: center;
+        position: relative; }
+        .messaging-area-container .messaging-area .messages-area .messages-header .btn-link {
+          padding: 0;
+          line-height: inherit; }
+        .messaging-area-container .messaging-area .messages-area .messages-header .delete-instructions {
+          display: none; }
+        .messaging-area-container .messaging-area .messages-area .messages-header .name-container {
+          padding-top: 9px;
+          display: inline-block; }
+          .messaging-area-container .messaging-area .messages-area .messages-header .name-container .name {
+            line-height: 20px; }
+          .messaging-area-container .messaging-area .messages-area .messages-header .name-container .status {
+            line-height: 12px;
+            font-size: 12px;
+            font-weight: normal; }
+        .messaging-area-container .messaging-area .messages-area .messages-header .actions {
+          position: absolute;
+          top: 0;
+          right: 0;
+          padding-right: 15px;
+          font-weight: normal; }
+          .messaging-area-container .messaging-area .messages-area .messages-header .actions .cancel-messages-delete {
+            display: none; }
+      .messaging-area-container .messaging-area .messages-area .messages {
+        height: 500px;
+        overflow-y: auto;
+        overflow-x: hidden;
+        -webkit-overflow-scrolling: touch;
+        box-sizing: border-box;
+        padding: 20px; }
+        @media (max-height: 670px) {
+          .messaging-area-container .messaging-area .messages-area .messages {
+            height: 400px; } }
+        .messaging-area-container .messaging-area .messages-area .messages .blocktime {
+          clear: both;
+          text-align: center;
+          color: #a1a1a1;
+          font-size: 12px;
+          margin: 5px 0; }
+        .messaging-area-container .messaging-area .messages-area .messages .message .deletemessagecheckbox {
+          display: none;
+          text-align: center;
+          padding-top: 5px; }
+        .messaging-area-container .messaging-area .messages-area .messages .message .content {
+          border: 1px solid #e3e3e3;
+          padding: 10px;
+          margin-bottom: 5px;
+          font-size: 12px;
+          word-wrap: break-word;
+          max-width: 55%;
+          position: relative; }
+          .messaging-area-container .messaging-area .messages-area .messages .message .content .text {
+            display: block; }
+            .messaging-area-container .messaging-area .messages-area .messages .message .content .text p {
+              margin: 0; }
+          .messaging-area-container .messaging-area .messages-area .messages .message .content .timesent {
+            font-size: 10px;
+            color: #a1a1a1;
+            float: right; }
+        .messaging-area-container .messaging-area .messages-area .messages .message .content.left {
+          margin-left: auto; }
+        .messaging-area-container .messaging-area .messages-area .messages .message .content.right {
+          margin-right: auto; }
+      .messaging-area-container .messaging-area .messages-area .response {
+        display: table;
+        padding: 10px 10px 9px;
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        width: 100%;
+        line-height: 28px;
+        text-align: center;
+        border-top: 1px solid #e3e3e3;
+        box-sizing: border-box;
+        background-color: #fff;
+        transition: background-color linear 0.2s; }
+        .messaging-area-container .messaging-area .messages-area .response .delete-confirmation {
+          display: none; }
+          .messaging-area-container .messaging-area .messages-area .response .delete-confirmation .btn.btn-link.confirm, .messaging-area-container .messaging-area .messages-area .response .delete-confirmation #page-grade-grading-manage .actions .btn-link.confirm.action, #page-grade-grading-manage .actions .messaging-area-container .messaging-area .messages-area .response .delete-confirmation .btn-link.confirm.action, .messaging-area-container .messaging-area .messages-area .response .delete-confirmation #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.confirm, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .messaging-area-container .messaging-area .messages-area .response .delete-confirmation input.btn-link.confirm, .messaging-area-container .messaging-area .messages-area .response .delete-confirmation #rubric-rubric.gradingform_rubric .btn-link.confirm.addcriterion, #rubric-rubric.gradingform_rubric .messaging-area-container .messaging-area .messages-area .response .delete-confirmation .btn-link.confirm.addcriterion {
+            border: 1px solid #4f94cd;
+            height: 30px; }
+            .messaging-area-container .messaging-area .messages-area .response .delete-confirmation .btn.btn-link.confirm:hover, .messaging-area-container .messaging-area .messages-area .response .delete-confirmation #page-grade-grading-manage .actions .btn-link.confirm.action:hover, #page-grade-grading-manage .actions .messaging-area-container .messaging-area .messages-area .response .delete-confirmation .btn-link.confirm.action:hover, .messaging-area-container .messaging-area .messages-area .response .delete-confirmation #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.confirm:hover, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .messaging-area-container .messaging-area .messages-area .response .delete-confirmation input.btn-link.confirm:hover, .messaging-area-container .messaging-area .messages-area .response .delete-confirmation #rubric-rubric.gradingform_rubric .btn-link.confirm.addcriterion:hover, #rubric-rubric.gradingform_rubric .messaging-area-container .messaging-area .messages-area .response .delete-confirmation .btn-link.confirm.addcriterion:hover {
+              background-color: #4f94cd;
+              color: #fff;
+              text-shadow: none; }
+        .messaging-area-container .messaging-area .messages-area .response .message-box {
+          display: table-row; }
+          .messaging-area-container .messaging-area .messages-area .response .message-box .message-text-container {
+            display: table-cell; }
+            .messaging-area-container .messaging-area .messages-area .response .message-box .message-text-container textarea {
+              line-height: 20px;
+              padding: 4px 6px;
+              vertical-align: middle;
+              width: 100%;
+              margin: 0;
+              resize: none;
+              border: none;
+              box-shadow: none;
+              box-sizing: border-box;
+              background-color: #f5f5f5;
+              transition: background-color linear 0.2s; }
+              .messaging-area-container .messaging-area .messages-area .response .message-box .message-text-container textarea:focus {
+                box-shadow: none; }
+          .messaging-area-container .messaging-area .messages-area .response .message-box .send-button-container {
+            display: table-cell;
+            width: 1px; }
+            .messaging-area-container .messaging-area .messages-area .response .message-box .send-button-container button {
+              height: 30px; }
+        .messaging-area-container .messaging-area .messages-area .response.messaging {
+          background-color: #f5f5f5;
+          transition: background-color linear 0.2s; }
+          .messaging-area-container .messaging-area .messages-area .response.messaging .message-box .message-text-container textarea {
+            background-color: #fff;
+            transition: background-color linear 0.2s; }
+      .messaging-area-container .messaging-area .messages-area.editing .messages-header .btn-container.view-all {
+        display: none; }
+      .messaging-area-container .messaging-area .messages-area.editing .messages-header .btn-container.delete-all {
+        display: block; }
+      .messaging-area-container .messaging-area .messages-area.editing .messages-header .delete-instructions {
+        display: block; }
+      .messaging-area-container .messaging-area .messages-area.editing .messages-header .name-container {
+        display: none; }
+      .messaging-area-container .messaging-area .messages-area.editing .messages-header .actions .messages-delete {
+        display: none; }
+      .messaging-area-container .messaging-area .messages-area.editing .messages-header .actions .cancel-messages-delete {
+        display: block; }
+      .messaging-area-container .messaging-area .messages-area.editing .messages .message {
+        cursor: pointer; }
+        .messaging-area-container .messaging-area .messages-area.editing .messages .message[aria-checked="true"] .content {
+          background-color: #4f94cd;
+          border-color: #4f94cd;
+          color: #fff; }
+          .messaging-area-container .messaging-area .messages-area.editing .messages .message[aria-checked="true"] .content .timesent {
+            color: #fff; }
+        .messaging-area-container .messaging-area .messages-area.editing .messages .message[aria-checked="false"] .content:hover {
+          background-color: #79b5e6;
+          color: #fff; }
+          .messaging-area-container .messaging-area .messages-area.editing .messages .message[aria-checked="false"] .content:hover .timesent {
+            color: #fff; }
+      .messaging-area-container .messaging-area .messages-area.editing .response .delete-confirmation {
+        display: block; }
+      .messaging-area-container .messaging-area .messages-area.editing .response .message-box {
+        display: none; }
+
+.preferences-container .container-fluid {
+  padding: 0; }
+  .preferences-container .container-fluid .span6 {
+    min-height: 20px; }
+
+.preferences-container .align-bottom {
+  vertical-align: bottom; }
+
+.preferences-container .preference-table {
+  border: 1px solid #ddd; }
+  .preferences-container .preference-table thead th {
+    text-align: center; }
+    .preferences-container .preference-table thead th .config-warning {
+      display: none; }
+    .preferences-container .preference-table thead th.unconfigured .config-warning {
+      display: inline-block; }
+  .preferences-container .preference-table tr td:not(:first-child) {
+    width: 150px;
+    text-align: center; }
+  .preferences-container .preference-table tr td:nth-child(even) {
+    background-color: #f7f7f7; }
+  .preferences-container .preference-table tr th:nth-child(even) {
+    background-color: #f7f7f7; }
+  .preferences-container .preference-table .preference-row .hover-tooltip-container {
+    display: inline-block; }
+  .preferences-container .preference-table .preference-row .preference-name {
+    vertical-align: middle; }
+  .preferences-container .preference-table .preference-row .disabled-message {
+    text-align: center;
+    height: 30px;
+    line-height: 30px; }
+  .preferences-container .preference-table .preference-row .preference-state {
+    margin: 0;
+    padding: 0;
+    display: inline-block;
+    vertical-align: middle; }
+    .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container {
+      background-color: #5cb85c; }
+      .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container .on-text {
+        display: inline-block; }
+      .preferences-container .preference-table .preference-row .preference-state input[type="checkbox"]:checked + .preference-state-status-container .off-text {
+        display: none; }
+    .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container {
+      width: 30px;
+      height: 30px;
+      line-height: 30px;
+      text-align: center;
+      border-radius: 4px;
+      background-color: #d9534f;
+      color: #fff;
+      cursor: pointer; }
+      .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .loading-icon {
+        display: none; }
+      .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .on-text {
+        display: none; }
+      .preferences-container .preference-table .preference-row .preference-state .preference-state-status-container .off-text {
+        display: inline-block; }
+    .preferences-container .preference-table .preference-row .preference-state.loading input[type="checkbox"]:checked + .preference-state-status-container .on-text,
+    .preferences-container .preference-table .preference-row .preference-state.loading input[type="checkbox"]:checked + .preference-state-status-container .off-text {
+      display: none; }
+    .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .on-text,
+    .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .off-text {
+      display: none; }
+    .preferences-container .preference-table .preference-row .preference-state.loading .preference-state-status-container .loading-icon {
+      display: block; }
+  .preferences-container .preference-table .preference-row.loading .preference-name .loading-icon {
+    display: block; }
+
+.disabled-message {
+  display: none; }
+
+.disabled .disabled-message {
+  display: block; }
+  .disabled .disabled-message + form {
+    display: none; }
+
+.general-settings-container .loading-icon {
+  display: none; }
+
+.general-settings-container .loading .loading-icon {
+  display: inline-block; }
+
+.general-settings-container label {
+  display: inline-block; }
+
+.processor-container {
+  position: relative; }
+  .processor-container .loading-container {
+    display: none;
+    position: absolute;
+    width: 100%;
+    height: 100%;
+    text-align: center;
+    background-color: rgba(255, 255, 255, 0.5); }
+    .processor-container .loading-container .vertical-align {
+      height: 100%;
+      width: 0%;
+      display: inline-block;
+      vertical-align: middle; }
+  .processor-container.loading .loading-container {
+    display: block; }
+
+.preferences-page-container .checkbox-container {
+  margin: 30px 5px;
+  line-height: 20px; }
+  .preferences-page-container .checkbox-container input {
+    line-height: 20px;
+    margin: 0; }
+  .preferences-page-container .checkbox-container .loading-icon {
+    display: none; }
+  .preferences-page-container .checkbox-container.loading .loading-icon {
+    display: inline-block; }
+
+.notification-area {
+  height: 600px;
+  box-sizing: border-box;
+  border-radius: 4px;
+  margin-bottom: 30px;
+  border: 1px solid #e3e3e3; }
+  @media (max-height: 670px) {
+    .notification-area {
+      height: 500px; } }
+  .notification-area .control-area {
+    box-sizing: border-box;
+    display: inline-block;
+    width: 300px;
+    height: 100%;
+    overflow: auto;
+    -webkit-overflow-scrolling: touch;
+    border-right: 1px solid #e3e3e3; }
+    .notification-area .control-area .content {
+      position: relative; }
+      .notification-area .control-area .content .content-item-container {
+        cursor: pointer; }
+      .notification-area .control-area .content:empty + .empty-text {
+        display: block; }
+    .notification-area .control-area .loading-icon {
+      display: none; }
+    .notification-area .control-area .empty-text {
+      display: none;
+      text-align: center;
+      padding-top: 20px; }
+    .notification-area .control-area.loading .loading-icon {
+      display: block;
+      text-align: center;
+      box-sizing: border-box;
+      padding: 5px; }
+    .notification-area .control-area.loading .content:empty + .empty-text {
+      display: none; }
+  .notification-area .content-area {
+    box-sizing: border-box;
+    display: inline-block;
+    width: calc(100% - 300px);
+    float: right; }
+    .notification-area .content-area .toggle-mode {
+      display: none; }
+    .notification-area .content-area .header {
+      height: 50px;
+      box-sizing: border-box;
+      border-bottom: 1px solid #e3e3e3;
+      padding: 5px; }
+      .notification-area .content-area .header .image-container {
+        display: inline-block;
+        height: 25px;
+        width: 24px;
+        float: left; }
+      .notification-area .content-area .header .subject-container {
+        display: inline-block;
+        max-width: calc(100% - 24px);
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        height: 25px;
+        padding-left: 5px;
+        box-sizing: border-box; }
+      .notification-area .content-area .header .timestamp {
+        font-size: 10px;
+        line-height: 10px;
+        margin: 0;
+        color: #666;
+        margin-left: 30px; }
+      .notification-area .content-area .header:empty {
+        display: none; }
+    .notification-area .content-area > .content {
+      height: 500px;
+      box-sizing: border-box;
+      overflow: auto;
+      -webkit-overflow-scrolling: touch;
+      padding: 15px; }
+      @media (max-height: 670px) {
+        .notification-area .content-area > .content {
+          height: 400px; } }
+      .notification-area .content-area > .content:empty {
+        display: none; }
+        .notification-area .content-area > .content:empty + .empty-text {
+          display: block;
+          text-align: center;
+          padding-top: 100px; }
+    .notification-area .content-area .empty-text {
+      display: none; }
+    .notification-area .content-area .footer {
+      height: 50px;
+      box-sizing: border-box;
+      text-align: center; }
+      .notification-area .content-area .footer a {
+        line-height: 50px; }
+      .notification-area .content-area .footer:empty {
+        display: none; }
+
+@media (max-width: 979px) {
+  .messaging-area-container .messaging-area {
+    position: relative;
+    overflow: hidden;
+    height: 600px; } }
+  @media (max-width: 979px) and (max-height: 670px) {
+    .messaging-area-container .messaging-area {
+      height: 500px; } }
+
+@media (max-width: 979px) {
+    .messaging-area-container .messaging-area .messages-area .messages-header .btn-container.view-toggle {
+      display: block; }
+    .messaging-area-container .messaging-area .messages-area .messages-header .btn-container.delete-all {
+      display: none; }
+    .messaging-area-container .messaging-area .messages-area .profile-header {
+      display: block; }
+    .messaging-area-container .messaging-area .messages-area .profile {
+      height: 550px; }
+    .messaging-area-container .messaging-area .messages-area.editing .messages-header .btn-container.view-toggle {
+      display: none; }
+    .messaging-area-container .messaging-area .messages-area.editing .messages-header .btn-container.delete-all {
+      display: block; }
+    .messaging-area-container .messaging-area .contacts-area {
+      width: 100%;
+      border-right: none;
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: auto;
+      bottom: auto; }
+    .messaging-area-container .messaging-area .messages-area {
+      width: 100%;
+      position: absolute;
+      top: 0;
+      left: auto;
+      right: 0;
+      bottom: auto; }
+    .messaging-area-container .messaging-area.show-messages .contacts-area {
+      left: -100%;
+      opacity: 0;
+      visibility: hidden;
+      transition: left 0.25s, opacity 0.25s, visibility 0.25s; }
+    .messaging-area-container .messaging-area.show-messages .messages-area {
+      right: 0;
+      opacity: 1;
+      visibility: visible;
+      transition: right 0.25s, opacity 0.25s, visibility 0.25s; }
+    .messaging-area-container .messaging-area.hide-messages .contacts-area {
+      left: 0;
+      opacity: 1;
+      visibility: visible;
+      transition: left 0.25s, opacity 0.25s, visibility 0.25s; }
+      .messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected {
+        background-color: inherit;
+        color: inherit;
+        border-bottom: 1px solid #e3e3e3; }
+        .messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected:hover {
+          background-color: #4f94cd;
+          color: #fff;
+          border: none;
+          background-color: #79b5e6; }
+          .messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected:hover .information .lastmessage {
+            color: #fff; }
+          .messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected:hover .picture {
+            border: none; }
+        .messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected .picture {
+          border-bottom: 1px solid #fff; }
+        .messaging-area-container .messaging-area.hide-messages .contacts-area .contact.selected .information .lastmessage {
+          color: #a1a1a1; }
+    .messaging-area-container .messaging-area.hide-messages .messages-area {
+      right: -100%;
+      opacity: 0;
+      visibility: hidden;
+      transition: right 0.25s, opacity 0.25s, visibility 0.25s; }
+  .notification-area {
+    position: relative;
+    overflow: hidden; }
+    .notification-area .control-area {
+      border-right: none;
+      width: 100%;
+      position: absolute;
+      top: 0;
+      left: 0;
+      opacity: 1;
+      visibility: visible;
+      transition: left 0.25s; }
+    .notification-area .content-area {
+      width: 100%;
+      position: absolute;
+      top: 0;
+      right: -100%;
+      opacity: 0;
+      visibility: hidden;
+      transition: right 0.25s, opacity 0.25s, visibility 0.25s; }
+      .notification-area .content-area .toggle-mode {
+        display: inline-block;
+        float: left;
+        width: 70px;
+        height: 50px;
+        line-height: 50px;
+        box-sizing: border-box;
+        border-right: 1px solid #e3e3e3;
+        border-bottom: 1px solid #e3e3e3; }
+      .notification-area .content-area .header {
+        display: inline-block;
+        width: calc(100% - 70px); }
+    .notification-area.show-content-area .control-area {
+      left: -100%;
+      opacity: 0;
+      visibility: hidden;
+      transition: left 0.25s, opacity 0.25s, visibility 0.25s; }
+    .notification-area.show-content-area .content-area {
+      right: 0;
+      opacity: 1;
+      visibility: visible;
+      transition: right 0.25s; } }
+
+.message-drawer {
+  position: fixed;
+  top: 50px;
+  right: 0;
+  height: calc(100% - 50px);
+  width: 320px;
+  z-index: 1020;
+  box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.08);
+  display: flex;
+  flex-direction: column;
+  transition: all 0.2s ease-in-out; }
+  .message-drawer.hidden {
+    display: block;
+    right: -320px; }
+  .message-drawer .header-container {
+    flex-shrink: 0; }
+  .message-drawer .body-container {
+    flex: 1;
+    overflow: hidden; }
+    .message-drawer .body-container > * {
+      position: absolute;
+      right: 0;
+      left: 0;
+      top: 0;
+      bottom: 0; }
+  .message-drawer .footer-container {
+    flex-shrink: 0;
+    overflow-x: hidden; }
+    .message-drawer .footer-container textarea {
+      direction: ltr; }
+  .message-drawer .matchtext {
+    background-color: #b5d9f9;
+    color: #373a3c;
+    height: 1.5rem; }
+  .message-drawer .contact-status {
+    position: absolute;
+    left: 39px;
+    top: 39px;
+    width: 10px;
+    height: 10px;
+    border-radius: 50%; }
+    .message-drawer .contact-status.online {
+      border: 1px solid #fff;
+      background-color: #5cb85c; }
+  .message-drawer .message p {
+    margin: 0; }
+  .message-drawer .clickable {
+    cursor: pointer; }
+    .message-drawer .clickable:hover {
+      box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, 0.05), 3px 3px 5px -2px rgba(0, 0, 0, 0.1), 1px 1px 5px 0 rgba(0, 0, 0, 0.03); }
+  .message-drawer a,
+  .message-drawer .btn-link {
+    color: inherit; }
+  .message-drawer .btn-link:hover, .message-drawer .btn-link:focus {
+    background-color: rgba(0, 0, 0, 0.035);
+    text-decoration: none; }
+  .message-drawer .icon {
+    margin-right: 0; }
+  .message-drawer .overview-section-toggle .collapsed-icon-container {
+    display: none; }
+  .message-drawer .overview-section-toggle .expanded-icon-container {
+    display: inline-block; }
+  .message-drawer .overview-section-toggle.collapsed .collapsed-icon-container {
+    display: inline-block; }
+  .message-drawer .overview-section-toggle.collapsed .expanded-icon-container {
+    display: none; }
+  .message-drawer .btn.btn-link.btn-icon, .message-drawer #page-grade-grading-manage .actions .btn-link.btn-icon.action, #page-grade-grading-manage .actions .message-drawer .btn-link.btn-icon.action, .message-drawer #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .message-drawer input.btn-link.btn-icon, .message-drawer #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion, #rubric-rubric.gradingform_rubric .message-drawer .btn-link.btn-icon.addcriterion {
+    height: 16px;
+    width: 16px;
+    padding: 0;
+    border-radius: 50%;
+    flex-shrink: 0; }
+    .message-drawer .btn.btn-link.btn-icon:hover, .message-drawer #page-grade-grading-manage .actions .btn-link.btn-icon.action:hover, #page-grade-grading-manage .actions .message-drawer .btn-link.btn-icon.action:hover, .message-drawer #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon:hover, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .message-drawer input.btn-link.btn-icon:hover, .message-drawer #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion:hover, #rubric-rubric.gradingform_rubric .message-drawer .btn-link.btn-icon.addcriterion:hover, .message-drawer .btn.btn-link.btn-icon:focus, .message-drawer #page-grade-grading-manage .actions .btn-link.btn-icon.action:focus, #page-grade-grading-manage .actions .message-drawer .btn-link.btn-icon.action:focus, .message-drawer #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon:focus, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .message-drawer input.btn-link.btn-icon:focus, .message-drawer #rubric-rubric.gradingform_rubric .btn-link.btn-icon.addcriterion:focus, #rubric-rubric.gradingform_rubric .message-drawer .btn-link.btn-icon.addcriterion:focus {
+      background-color: #e9ecef; }
+    .message-drawer .btn.btn-link.btn-icon.icon-size-0, .message-drawer #page-grade-grading-manage .actions .btn-link.btn-icon.icon-size-0.action, #page-grade-grading-manage .actions .message-drawer .btn-link.btn-icon.icon-size-0.action, .message-drawer #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon.icon-size-0, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .message-drawer input.btn-link.btn-icon.icon-size-0, .message-drawer #rubric-rubric.gradingform_rubric .btn-link.btn-icon.icon-size-0.addcriterion, #rubric-rubric.gradingform_rubric .message-drawer .btn-link.btn-icon.icon-size-0.addcriterion {
+      height: 20px !important;
+      /* stylelint-disable-line declaration-no-important */
+      width: 20px !important;
+      /* stylelint-disable-line declaration-no-important */ }
+    .message-drawer .btn.btn-link.btn-icon.icon-size-1, .message-drawer #page-grade-grading-manage .actions .btn-link.btn-icon.icon-size-1.action, #page-grade-grading-manage .actions .message-drawer .btn-link.btn-icon.icon-size-1.action, .message-drawer #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon.icon-size-1, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .message-drawer input.btn-link.btn-icon.icon-size-1, .message-drawer #rubric-rubric.gradingform_rubric .btn-link.btn-icon.icon-size-1.addcriterion, #rubric-rubric.gradingform_rubric .message-drawer .btn-link.btn-icon.icon-size-1.addcriterion {
+      height: 24px !important;
+      /* stylelint-disable-line declaration-no-important */
+      width: 24px !important;
+      /* stylelint-disable-line declaration-no-important */ }
+    .message-drawer .btn.btn-link.btn-icon.icon-size-2, .message-drawer #page-grade-grading-manage .actions .btn-link.btn-icon.icon-size-2.action, #page-grade-grading-manage .actions .message-drawer .btn-link.btn-icon.icon-size-2.action, .message-drawer #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon.icon-size-2, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .message-drawer input.btn-link.btn-icon.icon-size-2, .message-drawer #rubric-rubric.gradingform_rubric .btn-link.btn-icon.icon-size-2.addcriterion, #rubric-rubric.gradingform_rubric .message-drawer .btn-link.btn-icon.icon-size-2.addcriterion {
+      height: 28px !important;
+      /* stylelint-disable-line declaration-no-important */
+      width: 28px !important;
+      /* stylelint-disable-line declaration-no-important */ }
+    .message-drawer .btn.btn-link.btn-icon.icon-size-3, .message-drawer #page-grade-grading-manage .actions .btn-link.btn-icon.icon-size-3.action, #page-grade-grading-manage .actions .message-drawer .btn-link.btn-icon.icon-size-3.action, .message-drawer #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon.icon-size-3, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .message-drawer input.btn-link.btn-icon.icon-size-3, .message-drawer #rubric-rubric.gradingform_rubric .btn-link.btn-icon.icon-size-3.addcriterion, #rubric-rubric.gradingform_rubric .message-drawer .btn-link.btn-icon.icon-size-3.addcriterion {
+      height: 36px !important;
+      /* stylelint-disable-line declaration-no-important */
+      width: 36px !important;
+      /* stylelint-disable-line declaration-no-important */ }
+    .message-drawer .btn.btn-link.btn-icon.icon-size-4, .message-drawer #page-grade-grading-manage .actions .btn-link.btn-icon.icon-size-4.action, #page-grade-grading-manage .actions .message-drawer .btn-link.btn-icon.icon-size-4.action, .message-drawer #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon.icon-size-4, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .message-drawer input.btn-link.btn-icon.icon-size-4, .message-drawer #rubric-rubric.gradingform_rubric .btn-link.btn-icon.icon-size-4.addcriterion, #rubric-rubric.gradingform_rubric .message-drawer .btn-link.btn-icon.icon-size-4.addcriterion {
+      height: 44px !important;
+      /* stylelint-disable-line declaration-no-important */
+      width: 44px !important;
+      /* stylelint-disable-line declaration-no-important */ }
+    .message-drawer .btn.btn-link.btn-icon.icon-size-5, .message-drawer #page-grade-grading-manage .actions .btn-link.btn-icon.icon-size-5.action, #page-grade-grading-manage .actions .message-drawer .btn-link.btn-icon.icon-size-5.action, .message-drawer #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input.btn-link.btn-icon.icon-size-5, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .message-drawer input.btn-link.btn-icon.icon-size-5, .message-drawer #rubric-rubric.gradingform_rubric .btn-link.btn-icon.icon-size-5.addcriterion, #rubric-rubric.gradingform_rubric .message-drawer .btn-link.btn-icon.icon-size-5.addcriterion {
+      height: 68px !important;
+      /* stylelint-disable-line declaration-no-important */
+      width: 68px !important;
+      /* stylelint-disable-line declaration-no-important */ }
+  .message-drawer .view-overview-body .section {
+    display: block; }
+    .message-drawer .view-overview-body .section.expanded {
+      display: flex; }
+  .message-drawer .view-conversation .content-message-container img {
+    max-width: 100%; }
+  .message-drawer .list-group .list-group-item {
+    border-left: 0;
+    border-right: 0; }
+    .message-drawer .list-group .list-group-item:first-child {
+      border-top: 0; }
+    .message-drawer .list-group .list-group-item:last-child {
+      border-bottom: 0; }
+  .message-drawer .last-message {
+    min-height: 1.5rem; }
+  .message-drawer .section .collapsing {
+    overflow: hidden; }
+  .message-drawer .message .tail {
+    content: '';
+    bottom: 0;
+    width: 0;
+    height: 0;
+    border: 0.5rem solid transparent;
+    position: relative; }
+  .message-drawer .message.send .tail {
+    right: 0;
+    margin-right: -0.5rem;
+    border-bottom-color: #ced4da; }
+  .message-drawer .message.received .tail {
+    left: 0;
+    margin-left: -0.5rem;
+    border-bottom-color: #fff; }
+  .message-drawer .lazy-load-list {
+    overflow-y: auto; }
+
+.dir-rtl .message-drawer {
+  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.08); }
+
+@media (max-width: 480px) {
+  .messaging-area-container .messaging-area .messages-area.editing .messages-header {
+    height: 80px; }
+    .messaging-area-container .messaging-area .messages-area.editing .messages-header .delete-all {
+      top: 30px; }
+    .messaging-area-container .messaging-area .messages-area.editing .messages-header .actions {
+      top: 30px; }
+  .messaging-area-container .messaging-area .messages-area.editing .messages {
+    height: 470px; } }
+
+/* Question */
+.questionbank h2 {
+  margin-top: 0; }
+
+.questioncategories h3 {
+  margin-top: 0; }
+
+#chooseqtypebox {
+  margin-top: 1em; }
+
+#chooseqtype h3 {
+  margin: 0 0 0.3em; }
+
+#chooseqtype .instruction {
+  display: none; }
+
+#chooseqtype .fakeqtypes {
+  border-top: 1px solid silver; }
+
+#chooseqtype .qtypeoption {
+  margin-bottom: 0.5em; }
+
+#chooseqtype label {
+  display: block; }
+
+#chooseqtype .qtypename img {
+  padding: 0 0.3em; }
+
+#chooseqtype .qtypename {
+  display: inline-table;
+  width: 16em; }
+
+#chooseqtype .qtypesummary {
+  display: block;
+  margin: 0 2em; }
+
+#chooseqtype .submitbuttons {
+  margin: 0.7em 0;
+  text-align: center; }
+
+#qtypechoicecontainer {
+  display: none; }
+
+#qtypechoicecontainer_c.yui-panel-container.shadow .underlay {
+  background: none; }
+
+#qtypechoicecontainer.yui-panel .hd {
+  color: #333;
+  letter-spacing: 1px;
+  text-shadow: 1px 1px 1px #fff;
+  border: 1px solid #ccc;
+  border-bottom: 1px solid #bbb;
+  background-image: linear-gradient(to bottom, #fff 0%, #ccc 100%);
+  background-repeat: repeat-x; }
+
+#qtypechoicecontainer {
+  font-size: 12px;
+  color: #333;
+  background: #f2f2f2;
+  border: 1px solid #ccc;
+  border-top: 0 none; }
+
+#qtypechoicecontainer #chooseqtype {
+  width: 40em; }
+
+#chooseqtypehead h3 {
+  margin: 0;
+  font-weight: normal; }
+
+#chooseqtype .qtypes {
+  position: relative;
+  border-bottom: 1px solid #bbb;
+  padding: 0.24em 0; }
+
+#chooseqtype .alloptions {
+  overflow-x: hidden;
+  overflow-y: auto;
+  max-height: calc(100vh - 15em);
+  width: 60%; }
+
+#chooseqtype .qtypeoption {
+  margin-bottom: 0;
+  padding: 0.3em 0.3em 0.3em 1.6em; }
+
+#chooseqtype .qtypeoption img {
+  vertical-align: text-bottom;
+  padding-left: 1em;
+  padding-right: 0.5em; }
+
+#chooseqtype .selected {
+  background-color: #fff; }
+
+#chooseqtype .instruction,
+#chooseqtype .qtypesummary {
+  display: none;
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 60%;
+  margin: 0;
+  overflow-x: hidden;
+  overflow-y: auto;
+  padding: 1.5em 1.6em;
+  background-color: #fff; }
+
+#chooseqtype .instruction,
+#chooseqtype .selected .qtypesummary {
+  display: block; }
+
+#categoryquestions {
+  margin: 0; }
+  #categoryquestions td,
+  #categoryquestions th {
+    padding: 0 0.2em; }
+  #categoryquestions th {
+    text-align: left;
+    font-weight: normal; }
+  #categoryquestions .checkbox {
+    padding-left: 5px; }
+  #categoryquestions .checkbox input[type="checkbox"] {
+    margin-left: 0;
+    float: none; }
+  #categoryquestions .iconcol {
+    padding: 3px;
+    box-sizing: content-box; }
+    #categoryquestions .iconcol .icon {
+      margin: 0;
+      width: 12px;
+      height: 12px; }
+  #categoryquestions label {
+    margin: 0;
+    display: block; }
+  #categoryquestions .header {
+    text-align: left; }
+
+#page-mod-quiz-edit div.questionbankwindow div.header {
+  margin: 0; }
+
+#page-mod-quiz-edit div.questionbankwindow.block {
+  padding: 0; }
+
+.questionbank .singleselect {
+  margin: 0; }
+
+/* Question editing form */
+#combinedfeedbackhdr div.fhtmleditor {
+  padding: 0; }
+
+#combinedfeedbackhdr div.fcheckbox {
+  margin-bottom: 1em; }
+
+#multitriesheader div.fitem_feditor {
+  margin-top: 1em; }
+
+#multitriesheader div.fitem_fgroup {
+  margin-bottom: 1em; }
+
+#multitriesheader div.fitem_fgroup fieldset.felement label {
+  margin-left: 0.3em;
+  margin-right: 0.3em; }
+
+body.path-question-type {
+  /* Hacks to display the labels within a form group. */ }
+  body.path-question-type .fitem_fgroup .accesshide {
+    font: inherit;
+    position: static;
+    padding-right: .3em; }
+  body.path-question-type .form-group .sr-only, body.path-question-type .form-buttons .sr-only, body.path-question-type .path-admin .buttons .sr-only, .path-admin body.path-question-type .buttons .sr-only, body.path-question-type .fp-content-center form + div .sr-only, .fp-content-center body.path-question-type form + div .sr-only, body.path-question-type div.backup-section + form .sr-only {
+    position: static;
+    width: auto;
+    height: auto;
+    padding: 0;
+    margin: 0 0.5rem 0 0;
+    overflow: visible;
+    clip: auto;
+    clip-path: none;
+    border: 0; }
+
+.que {
+  clear: left;
+  text-align: left;
+  margin: 0 auto 1.8em auto; }
+
+.que .info {
+  float: left;
+  width: 7em;
+  padding: 0.5em;
+  margin-bottom: 1.8em;
+  background-color: #dee2e6;
+  border: 1px solid #cad0d7; }
+
+.que h3.no {
+  margin: 0;
+  font-size: 0.8em;
+  line-height: 1; }
+
+.que span.qno {
+  font-size: 1.5em;
+  font-weight: bold; }
+
+.que .info > div {
+  font-size: 0.8em;
+  margin-top: 0.7em; }
+
+.que .info .questionflag.editable {
+  cursor: pointer; }
+
+.que .info .editquestion img,
+.que .info .questionflag img,
+.que .info .questionflag input {
+  vertical-align: bottom; }
+
+.que .content {
+  margin: 0 0 0 8.5em; }
+
+.que.multichoice .answer div.r0 .icon.fa-check,
+.que.multichoice .answer div.r1 .icon.fa-check,
+.que.multichoice .answer div.r0 .icon.fa-remove,
+.que.multichoice .answer div.r1 .icon.fa-remove {
+  text-indent: 0; }
+
+.formulation input[type="text"],
+.formulation select {
+  width: auto;
+  vertical-align: baseline; }
+
+.que.multianswer .formulation .yui3-widget-positioned {
+  box-sizing: content-box; }
+  .que.multianswer .formulation .yui3-widget-positioned .feedbackspan {
+    width: inherit;
+    max-width: inherit; }
+
+.path-mod-quiz input[size] {
+  width: auto;
+  max-width: 100%; }
+
+.que .ablock {
+  margin: 0.7em 0 0.3em 0; }
+
+.que .im-controls {
+  margin-top: 0.5em;
+  text-align: left; }
+
+.que .specificfeedback,
+.que .generalfeedback,
+.que .numpartscorrect .que .rightanswer,
+.que .im-feedback,
+.que .feedback,
+.que p {
+  margin: 0 0 0.5em; }
+
+.que .correctness.correct {
+  background-color: #5cb85c; }
+
+.que .correctness.partiallycorrect {
+  background-color: #ff7518; }
+
+.que .correctness.notanswered, .que .correctness.incorrect {
+  background-color: #d9534f; }
+
+.que .qtext {
+  margin-bottom: 1.5em; }
+
+.que .grading,
+.que .comment,
+.que .commentlink,
+.que .history {
+  margin-top: 0.5em; }
+
+.que .history h3 {
+  margin: 0 0 0.2em;
+  font-size: 1em; }
+
+.que .history table {
+  width: 100%;
+  margin: 0; }
+
+.que .history .current {
+  font-weight: bold; }
+
+.que .questioncorrectnessicon {
+  vertical-align: text-bottom; }
+
+.que input.questionflagimage {
+  padding-right: 3px; }
+
+.importerror {
+  margin-top: 10px;
+  border-bottom: 1px solid #555; }
+
+.mform .que.comment .fitemtitle {
+  width: 20%; }
+
+#page-question-preview #techinfo {
+  margin: 1em 0; }
+
+#page-mod-quiz-edit ul.slots .activityinstance > a {
+  display: inline;
+  text-indent: 0;
+  padding-left: 0; }
+
+#page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
+  margin-left: 0; }
+
+#page-mod-quiz-edit .box.generalbox.questionbank {
+  padding: 0.5em; }
+
+#page-mod-quiz-edit .questionbank .categorypagingbarcontainer,
+#page-mod-quiz-edit .questionbank .categoryquestionscontainer,
+#page-mod-quiz-edit .questionbank .choosecategory {
+  padding: 0; }
+
+#page-mod-quiz-edit .questionbank .choosecategory select {
+  width: 100%; }
+
+#page-mod-quiz-edit div.questionbank .categoryquestionscontainer {
+  background: transparent; }
+
+#page-mod-quiz-edit #categoryquestions > thead {
+  background: #fff; }
+
+#page-mod-quiz-edit #categoryquestions > tbody > tr:nth-of-type(even) {
+  background: #e4e4e4; }
+
+#page-mod-quiz-edit .questionbankwindow div.header {
+  color: #444;
+  text-shadow: none;
+  margin: 0 -10px 0 -10px;
+  padding: 2px 10px 2px 10px;
+  background: transparent;
+  /* Old browsers */ }
+
+#page-mod-quiz-edit .questionbankwindow div.header a:link,
+#page-mod-quiz-edit .questionbankwindow div.header a:visited {
+  color: #1177d1; }
+
+#page-mod-quiz-edit .questionbankwindow div.header a:hover {
+  color: #0b4f8a; }
+
+#page-mod-quiz-edit .createnewquestion {
+  padding: 0.3em 0; }
+  #page-mod-quiz-edit .createnewquestion div,
+  #page-mod-quiz-edit .createnewquestion input {
+    margin: 0; }
+
+#page-mod-quiz-edit .questionbankwindow div.header .title {
+  color: #373a3c; }
+
+#page-mod-quiz-edit div.container div.generalbox {
+  background-color: transparent;
+  padding: 1.5em; }
+
+#page-mod-quiz-edit .categoryinfo {
+  background-color: transparent;
+  border-bottom: none; }
+
+#page-mod-quiz-edit .createnewquestion .singlebutton input {
+  margin-bottom: 0; }
+
+#page-mod-quiz-edit div.questionbank .categorysortopotionscontainer,
+#page-mod-quiz-edit div.questionbank .categoryselectallcontainer {
+  padding: 0 0 1.5em 0; }
+
+#page-mod-quiz-edit div.questionbank .categorypagingbarcontainer {
+  background-color: transparent;
+  margin: 0;
+  border-top: 0;
+  border-bottom: 0; }
+  #page-mod-quiz-edit div.questionbank .categorypagingbarcontainer .paging {
+    padding: 0 0.3em; }
+
+#page-mod-quiz-edit div.question div.content div.questioncontrols {
+  background-color: #fff; }
+
+#page-mod-quiz-edit div.question div.content div.points {
+  margin-top: -0.5em;
+  padding-bottom: 0;
+  border: none;
+  background-color: #fff;
+  position: static;
+  width: 12.1em;
+  float: right;
+  margin-right: 60px; }
+
+#page-mod-quiz-edit div.question div.content div.points br {
+  display: none; }
+
+#page-mod-quiz-edit div.question div.content div.points label {
+  display: inline-block; }
+
+#page-mod-quiz-edit div.quizpage .pagecontent .pagestatus {
+  background-color: #fff; }
+
+#page-mod-quiz-edit .quizpagedelete,
+#page-mod-quiz-edit .quizpagedelete img {
+  background-color: transparent; }
+
+#page-mod-quiz-edit div.quizpage .pagecontent {
+  border: 1px solid #ddd;
+  overflow: hidden; }
+
+#page-mod-quiz-edit div.questionbank .categoryinfo {
+  padding: 0.3em 0; }
+
+#page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer {
+  padding: 0; }
+  #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong {
+    display: block; }
+  #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer hr,
+  #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer br {
+    display: none; }
+  #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong {
+    margin-left: -0.3em; }
+  #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer strong label {
+    margin-left: 0.3em; }
+  #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer input {
+    margin-left: 0; }
+  #page-mod-quiz-edit div.questionbank .modulespecificbuttonscontainer input + input {
+    margin-left: 5px; }
+
+.questionbankwindow .module {
+  width: auto; }
+
+#page-mod-quiz-edit div.editq div.question div.content {
+  background-color: #fff;
+  border: 1px solid #ddd;
+  overflow: hidden; }
+
+#page-mod-quiz-edit ul.slots .activityinstance img.activityicon {
+  margin-top: 0; }
+
+.path-mod-quiz .statedetails {
+  display: block;
+  font-size: 0.9em; }
+
+a#hidebankcmd {
+  color: #1177d1; }
+
+.que.shortanswer .answer {
+  padding: 0; }
+
+.que label {
+  display: inline; }
+
+body.path-question-type .mform fieldset.hidden {
+  padding: 0;
+  margin: 0.7em 0 0; }
+
+.que.ddwtos,
+.que.ddwtos .drop {
+  box-sizing: content-box; }
+
+.tag-condition-container {
+  position: relative; }
+
+@media (max-width: 767.98px) {
+  .que .info {
+    float: none;
+    width: auto; }
+  .que .content {
+    margin: 0; } }
+
+/* user.less */
+.userprofile .fullprofilelink {
+  text-align: center;
+  margin: 10px; }
+
+.userprofile .page-context-header {
+  margin-bottom: 10px; }
+
+.userprofile .description {
+  margin-top: 10px;
+  margin-bottom: 30px; }
+
+.userprofile .profile_tree {
+  column-count: 2; }
+  .userprofile .profile_tree section {
+    display: inline-block;
+    width: 100%;
+    margin-bottom: 1rem; }
+
+#participantsform .no-overflow {
+  overflow: visible; }
+
+.userprofile dl.list > dd + dt {
+  clear: left; }
+
+.user-box {
+  margin: 8px;
+  width: 115px;
+  height: 160px;
+  text-align: center;
+  float: left;
+  clear: none; }
+
+#page-user-profile .node_category ul,
+.path-user .node_category ul {
+  margin: 0;
+  list-style: none;
+  padding-left: 0; }
+
+#page-user-profile .node_category li,
+.path-user .node_category li {
+  margin-top: 5px; }
+
+#page-user-profile .node_category .editprofile,
+#page-user-profile .node_category .viewmore,
+.path-user .node_category .editprofile,
+.path-user .node_category .viewmore {
+  text-align: right; }
+
+.ajax-contact-button {
+  box-sizing: border-box;
+  position: relative; }
+  .ajax-contact-button.loading .loading-icon {
+    display: block; }
+  .ajax-contact-button .loading-icon {
+    display: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+    background-color: rgba(255, 255, 255, 0.7); }
+    .ajax-contact-button .loading-icon .icon {
+      position: absolute;
+      left: 50%;
+      top: 50%;
+      transform: translate(-50%, -50%); }
+
+@media (max-width: 480px) {
+  .userprofile .profile_tree {
+    /** Display the profile on one column on phones@mixin  */
+    column-count: 1; } }
+
+.userlist #showall {
+  margin: 10px 0; }
+
+.userlist .buttons {
+  text-align: center; }
+
+.userlist .buttons label {
+  padding: 0 3px; }
+
+.userlist table#participants {
+  text-align: center; }
+
+.userlist table#participants td {
+  text-align: left;
+  padding: 4px;
+  vertical-align: middle; }
+
+.userlist table#participants th {
+  text-align: left;
+  padding: 4px; }
+
+.userlist table.controls {
+  width: 100%; }
+  .userlist table.controls tr {
+    vertical-align: top; }
+  .userlist table.controls .right {
+    text-align: right; }
+  .userlist table.controls .groupselector {
+    margin-bottom: 0;
+    margin-top: 0; }
+    .userlist table.controls .groupselector label {
+      display: block; }
+
+.userinfobox {
+  width: 100%;
+  border: 1px solid;
+  border-collapse: separate;
+  padding: 10px; }
+
+.userinfobox .left,
+.userinfobox .side {
+  width: 100px;
+  vertical-align: top; }
+
+.userinfobox .userpicture {
+  width: 100px;
+  height: 100px; }
+
+.userinfobox .content {
+  vertical-align: top; }
+
+.userinfobox .links {
+  width: 100px;
+  padding: 5px;
+  vertical-align: bottom; }
+
+.userinfobox .links a {
+  display: block; }
+
+.userinfobox .list td {
+  padding: 3px; }
+
+.userinfobox .username {
+  padding-bottom: 20px;
+  font-weight: bold; }
+
+.userinfobox td.label {
+  text-align: right;
+  white-space: nowrap;
+  vertical-align: top;
+  font-weight: bold; }
+
+.group-edit {
+  position: absolute;
+  right: 0;
+  margin-right: 0.6em; }
+
+.group-image {
+  display: block;
+  float: left;
+  margin-right: 1em; }
+  .group-image .grouppicture {
+    border-radius: 50%; }
+
+.groupinfobox .left {
+  padding: 10px;
+  width: 100px;
+  vertical-align: top; }
+
+.course-participation #showall {
+  text-align: center;
+  margin: 10px 0; }
+
+#user-policy .noticebox {
+  text-align: center;
+  margin-left: auto;
+  margin-right: auto;
+  margin-bottom: 10px;
+  width: 80%;
+  height: 250px; }
+
+#user-policy #policyframe {
+  width: 100%;
+  height: 100%; }
+
+.iplookup #map {
+  margin: auto; }
+
+.userselector select {
+  width: 100%; }
+
+.userselector div {
+  margin-top: 0.2em; }
+
+.userselector div label {
+  margin-right: 0.3em; }
+
+/* Next style does not work in all browsers but looks nicer when it does */
+.userselector .userselector-infobelow {
+  font-size: 0.8em; }
+
+#userselector_options .collapsibleregioncaption {
+  font-weight: bold; }
+
+#userselector_options p {
+  margin: 0.2em 0;
+  text-align: left; }
+
+/** user full profile */
+#page-user-profile .messagebox {
+  text-align: center;
+  margin-left: auto;
+  margin-right: auto; }
+
+/** user course profile */
+#page-course-view-weeks .messagebox {
+  text-align: center;
+  margin-left: auto;
+  margin-right: auto; }
+
+.profileeditor > .singleselect {
+  margin: 0 0.5em 0 0; }
+
+.profileeditor > .singlebutton {
+  display: inline-block;
+  margin: 0 0 0 0.5em; }
+  .profileeditor > .singlebutton div,
+  .profileeditor > .singlebutton input {
+    margin: 0; }
+
+.userlist h3 .action-icon {
+  display: none; }
+
+#page-enrol-users .popover {
+  max-width: none; }
+
+.user-enroller-panel {
+  width: 600px; }
+
+.search-results .result {
+  margin-left: 0;
+  margin-right: 0; }
+
+.search-results .result .result-content {
+  margin: 7px 0; }
+
+.search-results .result .filename {
+  font-style: italic; }
+
+.search-input-wrapper {
+  margin: 0 1rem 0 0;
+  overflow: hidden;
+  float: right;
+  width: 24px;
+  transition: width 0.5s ease, left 0.5s ease;
+  padding-top: 0;
+  padding-bottom: 0; }
+
+.search-input-wrapper > div {
+  float: left;
+  margin: 0; }
+  .search-input-wrapper > div .icon {
+    margin-right: 0;
+    margin-top: 10px; }
+
+.search-input-wrapper > form {
+  opacity: 0;
+  margin-left: 25px;
+  transition: opacity 0.5s ease-in-out; }
+
+.search-input-wrapper > form > input {
+  margin: 0; }
+
+.search-input-wrapper form.expanded {
+  opacity: 1; }
+
+.search-input-wrapper.expanded {
+  width: 162px; }
+
+@media (max-width: 575.98px) {
+  .search-input-wrapper {
+    margin: 0 1rem 0 0; }
+    .search-input-wrapper > div {
+      margin: 0; }
+    .search-input-wrapper > form {
+      display: none; } }
+
+.search-areas-actions {
+  margin-bottom: 1rem; }
+
+.search-areas-actions > div {
+  margin-right: 1rem;
+  display: inline-block; }
+
+#core-search-areas .lastcol li {
+  margin-left: 24px;
+  text-indent: -24px; }
+
+#core-search-areas .lastcol li > i {
+  text-indent: 0; }
+
+/**
+ * Moodle forms HTML isn't changeable via renderers (yet?) so this
+ * .less file imports styles from the bootstrap $variables file and
+ * adds them to the existing Moodle form CSS ids and classes.
+ *
+ */
+.jsenabled .mform .containsadvancedelements .advanced {
+  display: none; }
+
+.mform .containsadvancedelements .advanced.show {
+  display: flex; }
+
+#adminsettings span.error {
+  display: inline-block;
+  border: 1px solid #f4cfce;
+  border-radius: 4px;
+  background-color: #f7dddc;
+  padding: 4px;
+  margin-bottom: 4px; }
+
+.mform .form-inline .form-control,
+.mform .form-inline .custom-select {
+  max-width: 100%; }
+
+.mform .form-inline .form-group, .mform .form-inline .form-buttons,
+.mform .form-inline .path-admin .buttons, .path-admin .mform .form-inline .buttons,
+.mform .form-inline .fp-content-center form + div, .fp-content-center .mform .form-inline form + div,
+.mform .form-inline div.backup-section + form {
+  margin: 0.1rem 0.25rem 0.1rem 0; }
+
+.mform .form-inline br + label {
+  justify-content: flex-start;
+  width: 100%; }
+
+.unresponsive.mform .form-inline,
+.unresponsive.mform .form-inline label {
+  display: inline-flex; }
+
+#jump-to-activity.custom-select {
+  width: 100%; }
+
+.mform fieldset {
+  margin-bottom: 0.5rem;
+  border-bottom: 1px solid #dee2e6; }
+
+.mform > .form-group, .mform > .form-buttons,
+.path-admin .mform > .buttons,
+.fp-content-center .mform > form + div,
+.mform > div.backup-section + form {
+  margin-left: 1.5rem; }
+
+.editor_atto_content.form-control {
+  width: 100%; }
+
+#adminsettings .form-control[size] {
+  width: auto; }
+
+.jsenabled .mform .collapsed .fcontainer {
+  display: none; }
+
+#adminsettings .error {
+  color: #d9534f; }
+
+.mform ul.file-list {
+  padding: 0;
+  margin: 0;
+  list-style: none; }
+
+.mform label .req,
+.mform label .adv {
+  cursor: help; }
+
+/*rtl:ignore*/
+input#id_externalurl {
+  direction: ltr; }
+
+#portfolio-add-button {
+  display: inline; }
+
+.form-label .form-shortname {
+  font-size: 0.703125rem;
+  display: block; }
+
+.form-item .form-inline {
+  display: inline; }
+
+.form-inline label:not(.sr-only):not(.accesshide) + select {
+  margin-left: 0.5rem; }
+
+.no-felement.fstatic {
+  padding-top: 5px; }
+
+.no-fitem .fstaticlabel {
+  font-weight: bold; }
+
+.form-buttons,
+.path-admin .buttons,
+.fp-content-center form + div,
+div.backup-section + form {
+  padding-left: 0; }
+
+.form-item .form-setting .defaultsnext > input {
+  display: inline-block; }
+
+.form-item .form-setting .form-checkbox.defaultsnext {
+  margin-top: 5px;
+  display: inline-block; }
+
+#adminsettings h3 {
+  display: block;
+  width: 100%;
+  padding: 0;
+  margin-bottom: 1.5;
+  font-size: 1.171875rem;
+  line-height: 3;
+  border: 0;
+  border-bottom: 1px solid #e5e5e5; }
+
+/* rtl:ignore */
+.mform .fitem .felement input[name="email"],
+.mform .fitem .felement input[name="email2"],
+.mform .fitem .felement input[name="url"],
+.mform .fitem .felement input[name="idnumber"],
+.mform .fitem .felement input[name="phone1"],
+.mform .fitem .felement input[name="phone2"] {
+  text-align: left;
+  direction: ltr; }
+
+.que.match .mediaplugin {
+  width: 50vw; }
+
+/* rtl:ignore */
+#page-admin-grade-edit-scale-edit .error input#id_name {
+  margin-right: 170px; }
+
+#page-grade-edit-outcome-course .courseoutcomes {
+  margin-left: auto;
+  margin-right: auto;
+  width: 100%; }
+
+#page-grade-edit-outcome-course .courseoutcomes td {
+  text-align: center; }
+
+/* Install Process' text fields Forms, should always be justified to the left */
+/* rtl:ignore */
+#installform #id_wwwroot,
+#installform #id_dirroot,
+#installform #id_dataroot,
+#installform #id_dbhost,
+#installform #id_dbname,
+#installform #id_dbuser,
+#installform #id_dbpass,
+#installform #id_prefix {
+  direction: ltr; }
+
+.mdl-right > label {
+  display: inline-block; }
+
+.singleselect {
+  max-width: 100%; }
+
+.form-item .form-label label {
+  margin-bottom: 0; }
+
+div#dateselector-calendar-panel {
+  z-index: 3100;
+  /* Set higher than the z-index of the filemanager - see MDL-39047. */ }
+
+fieldset.coursesearchbox label {
+  display: inline; }
+
+/**
+ * Show the labels above text editors and file managers except on wide screens.
+ */
+/* Section and module editing forms contain special JS components for the
+   availability system (if enabled). */
+#id_availabilityconditionsjson[aria-hidden=true],
+.availability-field [aria-hidden=true] {
+  display: none; }
+
+.availability-field label {
+  display: inline-flex; }
+
+.availability-field .availability-group label {
+  vertical-align: top; }
+
+.availability-eye {
+  clear: left;
+  float: left; }
+
+.availability-inner,
+.availability-plugincontrols {
+  float: left;
+  border: 1px solid rgba(0, 0, 0, 0.125);
+  padding: 1rem;
+  margin-top: 0.5rem; }
+
+.availability-plugincontrols,
+.availability-childlist .availability-inner {
+  margin-left: .625rem; }
+
+.availability-field .availability-plugincontrols .availability-group select {
+  max-width: 12rem; }
+
+/* Custom styles for autocomplete form element */
+/* These styles reserve a standard amount of space in the DOM to avoid flicker when the original select element is replaced */
+[data-fieldtype=autocomplete] select,
+[data-fieldtype=tags] select,
+.form-autocomplete-original-select {
+  visibility: hidden;
+  overflow: hidden;
+  width: 15rem;
+  height: 44px;
+  margin: 0;
+  padding: 0;
+  border: 0;
+  margin-top: 1.65625rem;
+  vertical-align: bottom; }
+
+.form-autocomplete-selection {
+  margin: 0.25rem;
+  min-height: 2.375rem; }
+
+.form-autocomplete-multiple [role=listitem] {
+  cursor: pointer; }
+
+.form-autocomplete-suggestions {
+  position: absolute;
+  background-color: white;
+  border: 2px solid #dee2e6;
+  border-radius: 3px;
+  min-width: 206px;
+  max-height: 20em;
+  overflow: auto;
+  margin: 0;
+  padding: 0;
+  margin-top: 0.4em;
+  z-index: 1; }
+
+.form-autocomplete-suggestions li {
+  list-style-type: none;
+  padding: 0.2em;
+  margin: 0;
+  cursor: pointer;
+  color: #373a3c; }
+
+.form-autocomplete-suggestions li:hover {
+  background-color: #3f9def;
+  color: #fff; }
+
+.form-autocomplete-suggestions li[aria-selected=true] {
+  background-color: #f2f2f2;
+  color: #495057; }
+
+.form-autocomplete-downarrow {
+  color: #373a3c;
+  position: relative;
+  top: 0.2em;
+  left: -1.5em;
+  cursor: pointer; }
+
+.form-autocomplete-selection:focus {
+  outline: none; }
+
+/** Undo some bootstrap things */
+.form-autocomplete-selection + input.form-control {
+  width: auto;
+  display: inline-block;
+  vertical-align: middle; }
+
+.form-autocomplete-selection [data-active-selection=true] {
+  padding: 0.5em;
+  font-size: large; }
+
+/* Non-bootstrap selects with a size show their contents outside of the element.
+ * Remove when we update to stable bootstrap 4. (MDL-56511) */
+select[size],
+select[multiple] {
+  overflow: auto; }
+
+select[size="1"] {
+  overflow: visible; }
+
+textarea[data-auto-rows] {
+  overflow-x: hidden; }
+
+/** Display elements under labels in vertical forms regardless of the screen size. */
+.mform.full-width-labels .fitem.row {
+  margin-left: 0;
+  margin-right: 0; }
+  .mform.full-width-labels .fitem.row > .col-md-3,
+  .mform.full-width-labels .fitem.row > .col-md-9 {
+    float: none;
+    width: inherit;
+    padding-right: 0;
+    padding-left: 0; }
+  .mform.full-width-labels .fitem.row.femptylabel > .col-md-3 {
+    display: none; }
+
+/** Allow wrapping an mform in a div with the form-inline class to have an inline, responsive form. */
+@media (min-width: 768px) {
+  .form-inline .col-md-9,
+  .form-inline .col-md-3 {
+    margin-bottom: 1rem;
+    width: auto; }
+    .form-inline .col-md-9 label,
+    .form-inline .col-md-3 label {
+      margin-left: 1rem; } }
+
+[data-fieldtype="modgrade"] .form-group, [data-fieldtype="modgrade"] .form-buttons,
+[data-fieldtype="modgrade"] .path-admin .buttons, .path-admin [data-fieldtype="modgrade"] .buttons,
+[data-fieldtype="modgrade"] .fp-content-center form + div, .fp-content-center [data-fieldtype="modgrade"] form + div,
+[data-fieldtype="modgrade"] div.backup-section + form {
+  padding-bottom: 0.375rem; }
+
+[data-fieldtype="modgrade"] {
+  background-color: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.125);
+  padding: 1.25rem;
+  margin-left: 15px;
+  max-width: 30rem; }
+
+/** Atto fields do not have form-control because that would break the layout of the editor.
+    So they need these extra styles to highlight the editor when there is a validation error. */
+.has-danger .editor_atto_content.form-control,
+.has-danger .editor_atto_content.form-control-danger,
+.has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo,
+#page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo,
+.has-danger .editor_atto_content.maintenancewarning.error {
+  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d9534f' viewBox='-2 -2 7 7'%3E%3Cpath stroke='%23d9534f' d='M0 0l3 3m0-3L0 3'/%3E%3Ccircle r='.5'/%3E%3Ccircle cx='3' r='.5'/%3E%3Ccircle cy='3' r='.5'/%3E%3Ccircle cx='3' cy='3' r='.5'/%3E%3C/svg%3E");
+  padding-right: 2.25rem;
+  background-repeat: no-repeat;
+  background-position: center right 1rem;
+  background-size: 1.5rem; }
+  .has-danger .editor_atto_content.form-control .form-control-feedback,
+  .has-danger .editor_atto_content.form-control .form-control-label,
+  .has-danger .editor_atto_content.form-control .form-check-label,
+  .has-danger .editor_atto_content.form-control .form-check-inline,
+  .has-danger .editor_atto_content.form-control .custom-control,
+  .has-danger .editor_atto_content.form-control-danger .form-control-feedback,
+  .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .form-control-feedback,
+  #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .form-control-feedback,
+  .has-danger .editor_atto_content.maintenancewarning.error .form-control-feedback,
+  .has-danger .editor_atto_content.form-control-danger .form-control-label,
+  .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .form-control-label,
+  #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .form-control-label,
+  .has-danger .editor_atto_content.maintenancewarning.error .form-control-label,
+  .has-danger .editor_atto_content.form-control-danger .form-check-label,
+  .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .form-check-label,
+  #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .form-check-label,
+  .has-danger .editor_atto_content.maintenancewarning.error .form-check-label,
+  .has-danger .editor_atto_content.form-control-danger .form-check-inline,
+  .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .form-check-inline,
+  #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .form-check-inline,
+  .has-danger .editor_atto_content.maintenancewarning.error .form-check-inline,
+  .has-danger .editor_atto_content.form-control-danger .custom-control,
+  .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .custom-control,
+  #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .custom-control,
+  .has-danger .editor_atto_content.maintenancewarning.error .custom-control {
+    color: #d9534f; }
+  .has-danger .editor_atto_content.form-control .form-control,
+  .has-danger .editor_atto_content.form-control-danger .form-control,
+  .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .form-control,
+  #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .form-control,
+  .has-danger .editor_atto_content.maintenancewarning.error .form-control {
+    border-color: #d9534f; }
+  .has-danger .editor_atto_content.form-control .input-group-addon,
+  .has-danger .editor_atto_content.form-control-danger .input-group-addon,
+  .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .input-group-addon,
+  #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .input-group-addon,
+  .has-danger .editor_atto_content.maintenancewarning.error .input-group-addon {
+    color: #d9534f;
+    border-color: #d9534f;
+    background-color: #fdf7f7; }
+  .has-danger .editor_atto_content.form-control .form-control-feedback,
+  .has-danger .editor_atto_content.form-control-danger .form-control-feedback,
+  .has-danger #page-admin-mnet-peers .mform .editor_atto_content.deletedhostinfo .form-control-feedback,
+  #page-admin-mnet-peers .mform .has-danger .editor_atto_content.deletedhostinfo .form-control-feedback,
+  .has-danger .editor_atto_content.maintenancewarning.error .form-control-feedback {
+    color: #d9534f; }
+
+[data-filetypesbrowserbody] [aria-expanded="false"] > [role="group"],
+[data-filetypesbrowserbody] [aria-expanded="false"] [data-filetypesbrowserfeature="hideifcollapsed"],
+[data-filetypesbrowserbody] [aria-expanded="true"] [data-filetypesbrowserfeature="hideifexpanded"] {
+  display: none; }
+
+.form-inline[data-fieldtype="autocomplete"],
+.form-inline[data-fieldtype="tags"] {
+  display: block; }
+
+[data-fieldtype="editor"] > div {
+  flex-grow: 1; }
+
+@media (min-width: 576px) {
+  .mform fieldset {
+    margin-left: 1.5rem; }
+  .mform fieldset.collapsible legend a.fheader {
+    padding: 0 5px 0 1.5rem;
+    margin-left: -1.5rem;
+    background: url([[pix:t/expanded]]) 0 center no-repeat; }
+  .mform fieldset.collapsed legend a.fheader {
+    /*rtl:raw:
+        background-image: url([[pix:t/collapsed_rtl]]);
+        */
+    /*rtl:remove*/
+    background-image: url([[pix:t/collapsed]]); } }
+
+.pagelayout-login .card-title h2 img {
+  max-width: 100%;
+  max-height: 100px; }
+
+.pagelayout-login #region-main {
+  border: 0;
+  background-color: inherit; }
+
+/* modules.less */
+select {
+  width: auto; }
+
+.path-mod-choice .horizontal .choices .option {
+  display: inline-block; }
+
+.path-mod-feedback .feedback_form .col-form-label {
+  display: block !important;
+  /* stylelint-disable-line declaration-no-important */ }
+
+.path-mod-feedback .itemactions {
+  float: right; }
+
+.path-mod-feedback .itemhandle {
+  position: absolute;
+  right: 1rem; }
+
+.path-mod-forum .forumsearch input,
+.path-mod-forum .forumsearch .helptooltip {
+  margin: 0 3px; }
+
+.path-mod-forum .forumheaderlist,
+.path-mod-forum .forumheaderlist td {
+  border: none; }
+
+.path-mod-forum .forumheaderlist thead .header,
+.path-mod-forum .forumheaderlist tbody .discussion td {
+  white-space: normal;
+  vertical-align: top;
+  padding-left: 0.5em;
+  padding-right: 0.5em; }
+
+.path-mod-forum .forumheaderlist thead .header {
+  white-space: normal;
+  vertical-align: top; }
+
+.path-mod-forum .forumheaderlist thead .header.replies {
+  text-align: center; }
+
+.path-mod-forum .forumheaderlist thead .header.lastpost {
+  text-align: right; }
+
+.path-mod-forum .forumheaderlist thead .header th.discussionsubscription,
+.path-mod-forum .forumheaderlist tbody .discussion td.discussionsubscription {
+  width: 16px;
+  padding-left: 0.5em;
+  padding-right: 0.5em; }
+
+.path-mod-forum .forumheaderlist .discussion .replies,
+.path-mod-forum .forumheaderlist .discussion .lastpost {
+  white-space: normal; }
+
+.path-mod-forum .forumheaderlist .discussion .discussionsubscription,
+.path-mod-forum .forumheaderlist .discussion .replies {
+  text-align: center; }
+
+.path-mod-forum .forumheaderlist .discussion .topic,
+.path-mod-forum .forumheaderlist .discussion .discussionsubscription,
+.path-mod-forum .forumheaderlist .discussion .topic.starter,
+.path-mod-forum .forumheaderlist .discussion .replies,
+.path-mod-forum .forumheaderlist .discussion .lastpost {
+  vertical-align: top; }
+
+.path-mod-forum .subscriptionmode {
+  color: #373a3c; }
+
+.path-mod-forum .activesetting {
+  color: #373a3c;
+  font-weight: bold; }
+
+.forumpost {
+  border: 1px solid #dee2e6;
+  display: block;
+  padding: 6px; }
+  .forumpost .header {
+    margin-bottom: 3px; }
+  .forumpost .picture img {
+    margin: 3px; }
+    .forumpost .picture img.userpicture {
+      margin-left: 3px;
+      margin-right: 10px; }
+  .forumpost .content .posting.fullpost {
+    margin-top: 8px; }
+  .forumpost .row {
+    display: block; }
+    .forumpost .row .topic,
+    .forumpost .row .content-mask,
+    .forumpost .row .options {
+      margin-left: 48px; }
+    .forumpost .row.side {
+      clear: both; }
+
+.forumpost .row .left {
+  width: 48px; }
+
+.forumpost .options .commands {
+  margin-left: 0; }
+
+.forumpost .subject {
+  font-weight: bold; }
+
+.forumsearch input[type=text] {
+  margin-bottom: 0; }
+
+#page-mod-forum-discuss .discussioncontrols {
+  width: auto;
+  margin: 0; }
+  #page-mod-forum-discuss .discussioncontrols .form-inline input {
+    margin-top: -1px; }
+
+.maincalendar .calendarmonth td,
+.maincalendar .calendarmonth th {
+  border: 1px dotted #dee2e6; }
+
+.path-grade-report-grader h1 {
+  text-align: inherit; }
+
+#page-mod-chat-gui_basic input#message {
+  max-width: 100%; }
+
+#page-mod-data-view #singleimage {
+  width: auto; }
+
+.path-mod-data form {
+  margin-top: 10px; }
+
+.template_heading {
+  margin-top: 10px; }
+
+.breadcrumb-button {
+  margin-top: 4px; }
+
+.breadcrumb-button .singlebutton {
+  float: left;
+  margin-left: 4px; }
+
+.ie .row-fluid .desktop-first-column {
+  margin-left: 0; }
+
+.langmenu form {
+  margin: 0; }
+
+canvas {
+  -ms-touch-action: auto; }
+
+div#dock {
+  display: none; }
+
+/** General styles (scope: all of lesson) **/
+.path-mod-lesson .invisiblefieldset.fieldsetfix {
+  display: block; }
+
+.path-mod-lesson .answeroption .checkbox label p {
+  display: inline; }
+
+.path-mod-lesson .form-inline label.form-check-label {
+  display: inline-block; }
+
+.path-mod-lesson .slideshow {
+  overflow: auto;
+  padding: 15px; }
+
+#page-mod-lesson-view .branchbuttoncontainer .singlebutton button[type="submit"] {
+  white-space: normal; }
+
+#page-mod-lesson-view .vertical .singlebutton {
+  display: block; }
+  #page-mod-lesson-view .vertical .singlebutton + .singlebutton {
+    margin-left: 0;
+    margin-top: 1rem; }
+
+#page-mod-lesson-view .fitem .felement .custom-select {
+  align-self: flex-start; }
+
+.path-mod-lesson .generaltable td {
+  vertical-align: middle; }
+  .path-mod-lesson .generaltable td label {
+    margin-bottom: 0; }
+  .path-mod-lesson .generaltable td .highlight {
+    display: inline-block;
+    margin-left: 0.25rem; }
+  .path-mod-lesson .generaltable td input[type="checkbox"] {
+    display: block; }
+
+.path-mod-wiki .wiki_headingtitle,
+.path-mod-wiki .midpad,
+.path-mod-wiki .wiki_headingtime {
+  text-align: inherit; }
+
+.path-mod-wiki .wiki_contentbox {
+  width: 100%; }
+
+.path-mod-survey .surveytable > tbody > tr:nth-of-type(odd) {
+  background-color: transparent; }
+
+.path-mod-survey .surveytable > tbody > tr:nth-of-type(even) {
+  background-color: rgba(0, 0, 0, 0.05); }
+
+.path-mod-survey .surveytable .rblock label {
+  text-align: center; }
+
+.nav .caret {
+  margin-left: 4px; }
+
+.nav .divider {
+  overflow: hidden;
+  width: 0; }
+
+.usermenu .login {
+  line-height: 2.25rem; }
+  .usermenu .login a {
+    color: #1177d1; }
+    .usermenu .login a:hover, .usermenu .login a:focus {
+      color: #0b4f8a;
+      text-decoration: underline; }
+
+.userloggedinas .usermenu .usertext,
+.userswitchedrole .usermenu .usertext,
+.loginfailures .usermenu .usertext {
+  float: left;
+  text-align: right;
+  margin-right: 0.5rem;
+  height: 35px; }
+  .userloggedinas .usermenu .usertext .meta,
+  .userswitchedrole .usermenu .usertext .meta,
+  .loginfailures .usermenu .usertext .meta {
+    display: block;
+    font-size: 0.8203125rem; }
+
+.userloggedinas .usermenu .avatar img,
+.userswitchedrole .usermenu .avatar img,
+.loginfailures .usermenu .avatar img {
+  margin: 0; }
+
+.userloggedinas .usermenu .userbutton .avatars {
+  position: relative;
+  display: inline-block; }
+  .userloggedinas .usermenu .userbutton .avatars .avatar.current {
+    display: inline-block;
+    position: absolute;
+    bottom: 0;
+    right: 0;
+    width: 20px;
+    height: 20px;
+    border-radius: 50%; }
+    .userloggedinas .usermenu .userbutton .avatars .avatar.current img {
+      vertical-align: baseline; }
+  .userloggedinas .usermenu .userbutton .avatars .avatar img {
+    width: inherit;
+    height: inherit; }
+  .userloggedinas .usermenu .userbutton .avatars .realuser {
+    width: 35px;
+    height: 35px;
+    display: inline-block; }
+
+@media (max-width: 767.98px) {
+  .usertext {
+    display: none; } }
+
+.path-mod-quiz .mod-quiz-edit-content {
+  margin-bottom: 10rem; }
+
+#page-mod-quiz-mod #id_reviewoptionshdr .col-md-3,
+#page-mod-quiz-mod #id_reviewoptionshdr .col-md-9 {
+  width: auto;
+  max-width: none; }
+
+#page-mod-quiz-mod #id_reviewoptionshdr .form-group, #page-mod-quiz-mod #id_reviewoptionshdr .form-buttons,
+#page-mod-quiz-mod #id_reviewoptionshdr .path-admin .buttons, .path-admin #page-mod-quiz-mod #id_reviewoptionshdr .buttons,
+#page-mod-quiz-mod #id_reviewoptionshdr .fp-content-center form + div, .fp-content-center #page-mod-quiz-mod #id_reviewoptionshdr form + div,
+#page-mod-quiz-mod #id_reviewoptionshdr div.backup-section + form {
+  float: left;
+  width: 20rem;
+  display: inline-block;
+  min-height: 12rem; }
+
+#page-mod-quiz-mod #id_reviewoptionshdr .btn-link {
+  line-height: 1.5;
+  vertical-align: bottom; }
+
+#page-mod-quiz-mod #id_reviewoptionshdr .form-inline {
+  float: left;
+  clear: left; }
+
+#page-mod-quiz-mod #id_reviewoptionshdr .form-check {
+  width: 90%;
+  height: 22px;
+  justify-content: flex-start; }
+
+.path-mod-quiz #mod_quiz_navblock .qnbutton {
+  text-decoration: none;
+  font-size: 14px;
+  line-height: 20px;
+  font-weight: normal;
+  background-color: #fff;
+  background-image: none;
+  height: 40px;
+  width: 30px;
+  border-radius: 3px;
+  border: 0;
+  overflow: visible;
+  margin: 0 6px 6px 0; }
+
+.path-mod-quiz #mod_quiz_navblock span.qnbutton {
+  cursor: default;
+  background-color: #e9ecef;
+  color: #495057; }
+
+.path-mod-quiz #mod_quiz_navblock a.qnbutton:hover,
+.path-mod-quiz #mod_quiz_navblock a.qnbutton:active,
+.path-mod-quiz #mod_quiz_navblock a.qnbutton:focus {
+  text-decoration: underline; }
+
+.path-mod-quiz #mod_quiz_navblock .qnbutton .thispageholder {
+  border: 1px solid;
+  border-radius: 3px;
+  z-index: 1; }
+
+.path-mod-quiz #mod_quiz_navblock .qnbutton.thispage .thispageholder {
+  border-width: 3px; }
+
+.path-mod-quiz #mod_quiz_navblock .allquestionsononepage .qnbutton.thispage .thispageholder {
+  border-width: 1px; }
+
+.path-mod-quiz #mod_quiz_navblock .qnbutton.flagged .thispageholder {
+  background: transparent url([[pix:theme|mod/quiz/flag-on]]) 15px 0 no-repeat; }
+
+.path-mod-quiz #mod_quiz_navblock .qnbutton .trafficlight {
+  border: 0;
+  background: #fff none center/10px no-repeat scroll;
+  height: 20px;
+  margin-top: 20px;
+  border-radius: 0 0 3px 3px; }
+
+.path-mod-quiz #mod_quiz_navblock .qnbutton.notyetanswered .trafficlight,
+.path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
+  background-color: #fff; }
+
+.path-mod-quiz #mod_quiz_navblock .qnbutton.invalidanswer .trafficlight {
+  background-image: url([[pix:theme|mod/quiz/warningtriangle]]); }
+
+.path-mod-quiz #mod_quiz_navblock .qnbutton.correct .trafficlight {
+  background-image: url([[pix:theme|mod/quiz/checkmark]]);
+  background-color: #5cb85c; }
+
+.path-mod-quiz #mod_quiz_navblock .qnbutton.blocked .trafficlight {
+  background-image: url([[pix:core|t/locked]]);
+  background-color: #e9ecef; }
+
+.path-mod-quiz #mod_quiz_navblock .qnbutton.notanswered .trafficlight,
+.path-mod-quiz #mod_quiz_navblock .qnbutton.incorrect .trafficlight {
+  background-color: #d9534f; }
+
+.path-mod-quiz #mod_quiz_navblock .qnbutton.partiallycorrect .trafficlight {
+  background-image: url([[pix:theme|mod/quiz/whitecircle]]);
+  background-color: #ff7518; }
+
+.path-mod-quiz #mod_quiz_navblock .qnbutton.complete .trafficlight,
+.path-mod-quiz #mod_quiz_navblock .qnbutton.answersaved .trafficlight,
+.path-mod-quiz #mod_quiz_navblock .qnbutton.requiresgrading .trafficlight {
+  background-color: #868e96; }
+
+#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer form input {
+  height: 1.4em;
+  vertical-align: middle; }
+
+#page-mod-quiz-edit ul.slots li.section li.activity .instancemaxmarkcontainer {
+  padding: 0;
+  margin: 0 0.4em; }
+
+.path-mod-assign [data-region="grade-actions-panel"] [data-region="grade-actions"] .collapse-buttons {
+  top: auto; }
+
+.path-mod-assign #page-content [data-region="grade-panel"] .mform:not(.unresponsive) .fcontainer .fitem.popout .felement {
+  height: calc(100% - 4rem); }
+
+.path-mod-assign [data-region="grade-panel"] {
+  padding-top: 1rem; }
+
+.path-mod-assign [data-region="grade-panel"] .fitem > .col-md-3,
+.path-mod-assign [data-region="grade-panel"] .fitem > .col-md-9 {
+  width: 100%;
+  padding: 0;
+  max-width: 100%;
+  flex: none; }
+
+.path-mod-assign [data-region="grade-panel"] fieldset,
+.path-mod-assign [data-region="grade-panel"] .fitem.row {
+  margin: 0; }
+
+.path-mod-assign [data-region="grade-panel"] .fitem > .col-md-3 > .pull-xs-right {
+  float: none !important;
+  /* stylelint-disable-line declaration-no-important */ }
+
+.path-mod-assign [data-region="grade-panel"] .mform .fitem.has-popout .felement {
+  width: 100%; }
+
+.path-mod-assign [data-region="grade-panel"] .mform .fitem .felement {
+  width: auto; }
+
+.path-mod-assign [data-region="grade-panel"] .popout {
+  background-color: #fff; }
+
+.path-mod-assign [data-region="grade-panel"] .fitem.has-popout {
+  background-color: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.125);
+  padding: 1.25rem;
+  margin-bottom: 1rem; }
+
+.path-mod-assign [data-region="grade-panel"] .has-popout .col-md-3 {
+  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+  margin-bottom: 1rem; }
+
+.path-mod-assign [data-region="grade-panel"] .popout > .col-md-3 {
+  font-size: 1.40625rem; }
+
+.path-mod-assign [data-region="grade-panel"] .popout [data-region="popout-button"] {
+  margin-top: 0; }
+
+.path-mod-assign [data-region="assignment-info"] {
+  overflow-y: hidden; }
+
+.path-mod-assign [data-region="grading-navigation"] {
+  padding: 6px; }
+
+.path-mod-assign [data-region="grade-actions"] {
+  padding: 10px; }
+
+.path-mod-assign [data-region="user-info"] .img-rounded {
+  margin-top: 0; }
+
+.path-mod-assign [data-region="grading-navigation-panel"] {
+  height: 85px; }
+
+@media (max-width: 767px) {
+  .path-mod-assign [data-region="grading-navigation-panel"] {
+    height: auto; }
+  .path-mod-assign [data-region="user-info"] {
+    margin-top: 1rem; } }
+
+.path-mod-assign [data-region="grading-navigation"] [data-region="input-field"] input {
+  width: auto;
+  display: inline-block; }
+
+/**
+ * Assign feedback.
+ */
+.assignfeedback_editpdf_widget * {
+  box-sizing: content-box; }
+
+.assignfeedback_editpdf_widget button {
+  box-sizing: border-box; }
+
+.assignfeedback_editpdf_widget .commentcolourbutton img {
+  border-width: 0; }
+
+.assignfeedback_editpdf_menu {
+  padding: 0; }
+
+.path-mod-assign [data-region="grade-panel"] .gradingform_guide .remark .commentchooser {
+  float: none; }
+
+.path-mod-assign [data-region="grade-panel"] .gradingform_guide .markingguideremark {
+  width: 100%; }
+
+.path-mod-assign [data-region="grade-panel"] .mform .fitem .felement[data-fieldtype="grading"] {
+  padding-left: 1rem;
+  padding-right: 1rem; }
+
+.path-mod-assign [data-region="grade-panel"] .showmarkerdesc,
+.path-mod-assign [data-region="grade-panel"] .showstudentdesc {
+  background-color: #fff; }
+
+/**
+ * Mod LTI.
+ */
+.path-admin-mod-lti .btn .loader img, .path-admin-mod-lti #page-grade-grading-manage .actions .action .loader img, #page-grade-grading-manage .actions .path-admin-mod-lti .action .loader img, .path-admin-mod-lti #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input .loader img, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel .path-admin-mod-lti input .loader img, .path-admin-mod-lti #rubric-rubric.gradingform_rubric .addcriterion .loader img, #rubric-rubric.gradingform_rubric .path-admin-mod-lti .addcriterion .loader img,
+.path-admin-mod-lti #tool-list-loader-container .loader img {
+  height: auto; }
+
+.yui-skin-sam .yui-layout.path-mod-chat-gui_ajax {
+  background-color: #fff; }
+  .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-nohd,
+  .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd-noft,
+  .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd,
+  .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right,
+  .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
+    border: 0; }
+  .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-right,
+  .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit-bottom {
+    border-radius: 0; }
+  .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit div.yui-layout-bd {
+    background-color: transparent; }
+  .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax .yui-layout-unit.yui-layout-unit-center div.yui-layout-bd {
+    background-color: #f8f9fa; }
+  .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable,
+  .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-input-area table.generaltable td.cell {
+    border: 0;
+    padding: 3px 15px;
+    white-space: nowrap;
+    margin-bottom: 0; }
+  .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist {
+    padding: 10px 5px; }
+    .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list {
+      border-top: 1px solid #dee2e6;
+      border-bottom: 1px solid #fff; }
+      .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list li {
+        border-top: 1px solid #fff;
+        border-bottom: 1px solid #dee2e6;
+        padding: 5px 10px; }
+      .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-userlist #users-list img {
+        margin-right: 8px;
+        border: 1px solid #ccc;
+        border-radius: 4px;
+        max-width: none; }
+  .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages {
+    margin: 20px 25px; }
+    .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-event.course-theme {
+      text-align: center;
+      margin: 10px 0;
+      font-size: 0.8203125rem;
+      color: #495057; }
+    .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
+      margin-bottom: 0.75rem;
+      border: 1px solid rgba(0, 0, 0, 0.125);
+      padding: 1.25rem; }
+      .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .time {
+        float: right;
+        font-size: 11px;
+        color: #495057; }
+    .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme {
+      background-color: #fff; }
+      .yui-skin-sam .yui-layout.path-mod-chat-gui_ajax #chat-messages .chat-message.course-theme .user {
+        font-weight: bold; }
+
+/* reports.less */
+#page-report-participation-index .participationselectform div label {
+  display: inline-block;
+  margin: 0 5px; }
+
+#page-report-participation-index .participationselectform div label[for=menuinstanceid] {
+  margin-left: 0; }
+
+.path-backup .mform {
+  /* These are long labels with checkboxes on the right. */ }
+  .path-backup .mform .grouped_settings {
+    clear: both;
+    overflow: hidden;
+    /* Use card styles but avoid extend because that brings in too much. */ }
+    .path-backup .mform .grouped_settings.section_level {
+      background-color: #fff;
+      border: 1px solid rgba(0, 0, 0, 0.125);
+      padding: 1.25rem;
+      margin-bottom: 1.25rem; }
+      .path-backup .mform .grouped_settings.section_level::after {
+        display: block;
+        clear: both;
+        content: ""; }
+  .path-backup .mform .include_setting {
+    width: 50%;
+    display: inline-block;
+    float: left;
+    padding: 0.3rem; }
+  .path-backup .mform .normal_setting {
+    width: 50%;
+    display: inline-block;
+    float: left;
+    padding: 0.3rem; }
+
+.path-backup {
+  /* Bold section labels */ }
+  .path-backup .section_level {
+    font-weight: bold; }
+  .path-backup .section_level .activity_level {
+    font-weight: normal; }
+  .path-backup .proceedbutton {
+    margin-left: auto; }
+
+/* Override the columns width to leave more room for the labels. */
+.path-backup .mform .root_setting,
+.path-backup .mform .grouped_settings {
+  /* Striped rows like a table */ }
+  .path-backup .mform .root_setting:nth-of-type(odd),
+  .path-backup .mform .grouped_settings:nth-of-type(odd) {
+    background-color: rgba(0, 0, 0, 0.05); }
+  .path-backup .mform .root_setting:nth-of-type(even),
+  .path-backup .mform .grouped_settings:nth-of-type(even) {
+    background-color: #fff; }
+  .path-backup .mform .root_setting .form-group, .path-backup .mform .root_setting .form-buttons,
+  .path-backup .mform .root_setting .path-admin .buttons, .path-admin .path-backup .mform .root_setting .buttons,
+  .path-backup .mform .root_setting .fp-content-center form + div, .fp-content-center .path-backup .mform .root_setting form + div,
+  .path-backup .mform .root_setting div.backup-section + form,
+  .path-backup .mform .grouped_settings .form-group,
+  .path-backup .mform .grouped_settings .form-buttons,
+  .path-backup .mform .grouped_settings .path-admin .buttons,
+  .path-admin .path-backup .mform .grouped_settings .buttons,
+  .path-backup .mform .grouped_settings .fp-content-center form + div,
+  .fp-content-center .path-backup .mform .grouped_settings form + div,
+  .path-backup .mform .grouped_settings div.backup-section + form {
+    /* These checkboxes with no label on the left. */ }
+    .path-backup .mform .root_setting .form-group .col-md-3.checkbox, .path-backup .mform .root_setting .form-buttons .col-md-3.checkbox, .path-backup .mform .root_setting .path-admin .buttons .col-md-3.checkbox, .path-admin .path-backup .mform .root_setting .buttons .col-md-3.checkbox, .path-backup .mform .root_setting .fp-content-center form + div .col-md-3.checkbox, .fp-content-center .path-backup .mform .root_setting form + div .col-md-3.checkbox, .path-backup .mform .root_setting div.backup-section + form .col-md-3.checkbox,
+    .path-backup .mform .grouped_settings .form-group .col-md-3.checkbox,
+    .path-backup .mform .grouped_settings .form-buttons .col-md-3.checkbox,
+    .path-backup .mform .grouped_settings .path-admin .buttons .col-md-3.checkbox,
+    .path-admin .path-backup .mform .grouped_settings .buttons .col-md-3.checkbox,
+    .path-backup .mform .grouped_settings .fp-content-center form + div .col-md-3.checkbox,
+    .fp-content-center .path-backup .mform .grouped_settings form + div .col-md-3.checkbox,
+    .path-backup .mform .grouped_settings div.backup-section + form .col-md-3.checkbox {
+      width: 0%; }
+    .path-backup .mform .root_setting .form-group .col-md-9.checkbox, .path-backup .mform .root_setting .form-buttons .col-md-9.checkbox, .path-backup .mform .root_setting .path-admin .buttons .col-md-9.checkbox, .path-admin .path-backup .mform .root_setting .buttons .col-md-9.checkbox, .path-backup .mform .root_setting .fp-content-center form + div .col-md-9.checkbox, .fp-content-center .path-backup .mform .root_setting form + div .col-md-9.checkbox, .path-backup .mform .root_setting div.backup-section + form .col-md-9.checkbox,
+    .path-backup .mform .grouped_settings .form-group .col-md-9.checkbox,
+    .path-backup .mform .grouped_settings .form-buttons .col-md-9.checkbox,
+    .path-backup .mform .grouped_settings .path-admin .buttons .col-md-9.checkbox,
+    .path-admin .path-backup .mform .grouped_settings .buttons .col-md-9.checkbox,
+    .path-backup .mform .grouped_settings .fp-content-center form + div .col-md-9.checkbox,
+    .fp-content-center .path-backup .mform .grouped_settings form + div .col-md-9.checkbox,
+    .path-backup .mform .grouped_settings div.backup-section + form .col-md-9.checkbox {
+      width: 100%;
+      left: 0; }
+
+/* Detail pair is (usually) some short label with a longer value */
+.path-backup .detail-pair .detail-pair-label {
+  width: 25%;
+  float: left;
+  clear: left; }
+
+.path-backup .detail-pair .detail-pair-value {
+  width: 75%;
+  float: left; }
+
+.path-backup .backup-restore .singlebutton {
+  float: right; }
+
+/* Make these bits full width and work with the detail-pair */
+.path-backup .backup-section {
+  /* Fix for nested table headers */
+  /* Add card styles to backup sections */
+  background-color: #fff;
+  border: 1px solid rgba(0, 0, 0, 0.125);
+  padding: 1.25rem;
+  margin-bottom: 1.25rem; }
+  .path-backup .backup-section .sub-header,
+  .path-backup .backup-section .backup-sub-section,
+  .path-backup .backup-section .singlebutton,
+  .path-backup .backup-section .header {
+    width: 100%;
+    float: left;
+    clear: both; }
+  .path-backup .backup-section th.header {
+    width: auto;
+    float: none; }
+  .path-backup .backup-section ::after {
+    content: "";
+    display: table;
+    clear: both; }
+  .path-backup .backup-section::after {
+    display: block;
+    clear: both;
+    content: ""; }
+
+.path-backup .notification.dependencies_enforced {
+  color: #d9534f;
+  font-weight: bold; }
+
+.path-backup .backup_progress {
+  margin-top: 1rem;
+  margin-bottom: 1rem; }
+  .path-backup .backup_progress .backup_stage.backup_stage_current {
+    font-weight: bold;
+    color: inherit; }
+
+.path-backup .backup_progress span.backup_stage.backup_stage_complete {
+  color: inherit; }
+
+#page-backup-restore .filealiasesfailures {
+  background-color: #f7dddc; }
+  #page-backup-restore .filealiasesfailures .aliaseslist {
+    background-color: #fff; }
+
+.path-backup .wibbler {
+  width: 500px;
+  margin: 0 auto 10px;
+  border-bottom: 1px solid black;
+  border-right: 1px solid black;
+  border-left: 1px solid black;
+  position: relative;
+  min-height: 4px; }
+  .path-backup .wibbler .wibble {
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 0;
+    height: 4px; }
+  .path-backup .wibbler .state0 {
+    background: #eee; }
+  .path-backup .wibbler .state1 {
+    background: #ddd; }
+  .path-backup .wibbler .state2 {
+    background: #ccc; }
+  .path-backup .wibbler .state3 {
+    background: #bbb; }
+  .path-backup .wibbler .state4 {
+    background: #aaa; }
+  .path-backup .wibbler .state5 {
+    background: #999; }
+  .path-backup .wibbler .state6 {
+    background: #888; }
+  .path-backup .wibbler .state7 {
+    background: #777; }
+  .path-backup .wibbler .state8 {
+    background: #666; }
+  .path-backup .wibbler .state9 {
+    background: #555; }
+  .path-backup .wibbler .state10 {
+    background: #444; }
+  .path-backup .wibbler .state11 {
+    background: #333; }
+  .path-backup .wibbler .state12 {
+    background: #222; }
+
+.singlebutton {
+  display: inline-block; }
+  .singlebutton + .singlebutton {
+    margin-left: 0.5rem; }
+
+.continuebutton {
+  text-align: center; }
+
+p.arrow_button {
+  margin-top: 5em;
+  text-align: center; }
+  p.arrow_button #remove {
+    margin: 3em auto 5em; }
+
+#addcontrols {
+  margin-top: 11.25rem;
+  text-align: center;
+  margin-bottom: 3em; }
+  #addcontrols label {
+    display: inline; }
+
+#addcontrols input,
+#removecontrols input {
+  margin: auto; }
+
+.btn-lineup {
+  margin: 0 0 10px 5px; }
+
+.gradetreebox h4 {
+  font-size: 0.9375rem; }
+
+.gradetreebox th.cell,
+.gradetreebox input[type=text] {
+  width: auto; }
+
+.gradetreebox input[type=text],
+.gradetreebox select {
+  margin-bottom: 0; }
+
+.core_grades_notices .singlebutton {
+  display: inline-block; }
+
+.path-grade-report #maincontent + .urlselect {
+  position: absolute;
+  left: 40vw; }
+
+.path-grade-report-grader #region-main {
+  overflow-x: visible;
+  min-width: 100%;
+  width: auto;
+  display: inline-flex; }
+  .path-grade-report-grader #region-main > .card, .path-grade-report-grader #page-enrol-users #region-main > #filterform, #page-enrol-users .path-grade-report-grader #region-main > #filterform, .path-grade-report-grader .que #region-main > .history, .que .path-grade-report-grader #region-main > .history, .path-grade-report-grader .userprofile .profile_tree #region-main > section, .userprofile .profile_tree .path-grade-report-grader #region-main > section, .path-grade-report-grader #region-main > .groupinfobox, .path-grade-report-grader #region-main > .well {
+    width: auto;
+    overflow-x: initial; }
+  .path-grade-report-grader #region-main div[role="main"] {
+    flex: 1 1 auto; }
+
+.path-grade-report-grader [data-region="blocks-column"] {
+  width: 100%;
+  clear: both; }
+
+#page-grade-grading-manage #activemethodselector label {
+  display: inline-block; }
+
+#page-grade-grading-manage #activemethodselector .helptooltip {
+  margin-right: 0.5em; }
+
+#page-grade-grading-manage .actions {
+  display: block;
+  text-align: center;
+  margin-bottom: 1em; }
+  #page-grade-grading-manage .actions .action {
+    display: inline-block;
+    position: relative;
+    vertical-align: top;
+    width: 150px;
+    text-align: center;
+    overflow: hidden;
+    margin: 0.5em;
+    padding: 1em;
+    border: 1px solid #aaa; }
+    #page-grade-grading-manage .actions .action .action-text {
+      position: relative;
+      top: 0.4em;
+      font-size: 14px;
+      white-space: normal; }
+
+#page-grade-grading-form-rubric-edit .gradingform_rubric_editform .status {
+  font-size: 70%; }
+
+.gradingform_rubric.editor .addlevel input,
+.gradingform_rubric.editor .addcriterion input {
+  background: #fff none no-repeat top left; }
+
+#rubric-rubric.gradingform_rubric #rubric-criteria {
+  margin-bottom: 1em; }
+  #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .description {
+    vertical-align: top;
+    padding: 6px; }
+    #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .description textarea {
+      margin-bottom: 0;
+      height: 115px; }
+  #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .definition textarea {
+    width: 80%;
+    margin-bottom: 0; }
+  #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .score {
+    position: relative;
+    float: left;
+    margin-right: 28px; }
+    #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .score input {
+      margin-bottom: 0; }
+  #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level {
+    vertical-align: top;
+    padding: 6px; }
+    #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete {
+      position: relative;
+      width: 32px;
+      height: 32px;
+      margin-top: -32px;
+      clear: both;
+      float: right; }
+      #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete input {
+        display: block;
+        position: absolute;
+        right: 0;
+        bottom: 0;
+        height: 24px;
+        width: 24px;
+        margin: 0; }
+        #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .level .delete input:hover {
+          background-color: #ddd; }
+  #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input {
+    float: none;
+    width: 2em; }
+    #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input.hiddenelement, #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .scorevalue input.pseudotablink {
+      width: 0; }
+  #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel {
+    vertical-align: middle; }
+    #rubric-rubric.gradingform_rubric #rubric-criteria .criterion .addlevel input {
+      background-position: 0 0;
+      height: 30px;
+      margin-right: 5px; }
+
+#rubric-rubric.gradingform_rubric .addcriterion {
+  margin-left: 5px;
+  padding: 0;
+  margin-bottom: 1em; }
+  #rubric-rubric.gradingform_rubric .addcriterion input {
+    margin: 0;
+    color: inherit;
+    text-shadow: inherit;
+    border: 0 none;
+    line-height: inherit;
+    background: transparent url([[pix:t/add]]) no-repeat 7px 8px;
+    padding-left: 26px; }
+
+#rubric-rubric.gradingform_rubric .options {
+  clear: both; }
+  #rubric-rubric.gradingform_rubric .options .option label {
+    margin: 0;
+    padding: 0;
+    font-size: inherit;
+    font-weight: normal;
+    line-height: 2em;
+    color: inherit;
+    text-shadow: none;
+    background-color: transparent; }
+  #rubric-rubric.gradingform_rubric .options .option input {
+    margin-left: 5px;
+    margin-right: 12px; }
+
+.path-grade-edit-tree .setup-grades h4 {
+  margin: 0; }
+
+.path-grade-edit-tree .setup-grades .column-rowspan {
+  padding: 0;
+  width: 24px;
+  min-width: 24px;
+  max-width: 24px; }
+
+.path-grade-edit-tree .setup-grades .category td.column-name {
+  padding-left: 0; }
+
+.path-grade-edit-tree .setup-grades td.column-name {
+  padding-left: 24px; }
+
+.path-grade-edit-tree .setup-grades .category input[type="text"],
+.path-grade-edit-tree .setup-grades .category .column-range,
+.path-grade-edit-tree .setup-grades .categoryitem,
+.path-grade-edit-tree .setup-grades .courseitem {
+  font-weight: bold; }
+
+.path-grade-edit-tree .setup-grades .emptyrow {
+  display: none; }
+
+.path-grade-edit-tree .setup-grades .gradeitemdescription {
+  font-weight: normal;
+  padding-left: 24px; }
+
+.path-grade-edit-tree .setup-grades .column-weight {
+  white-space: nowrap; }
+  .path-grade-edit-tree .setup-grades .column-weight.level3 {
+    padding-left: 37px; }
+  .path-grade-edit-tree .setup-grades .column-weight.level4 {
+    padding-left: 66px; }
+  .path-grade-edit-tree .setup-grades .column-weight.level5 {
+    padding-left: 95px; }
+  .path-grade-edit-tree .setup-grades .column-weight.level6 {
+    padding-left: 124px; }
+  .path-grade-edit-tree .setup-grades .column-weight.level7 {
+    padding-left: 153px; }
+  .path-grade-edit-tree .setup-grades .column-weight.level8 {
+    padding-left: 182px; }
+  .path-grade-edit-tree .setup-grades .column-weight.level9 {
+    padding-left: 211px; }
+  .path-grade-edit-tree .setup-grades .column-weight.level10 {
+    padding-left: 240px; }
+
+.path-grade-edit-tree .setup-grades .column-range.level2 {
+  padding-left: 37px; }
+
+.path-grade-edit-tree .setup-grades .column-range.level3 {
+  padding-left: 66px; }
+
+.path-grade-edit-tree .setup-grades .column-range.level4 {
+  padding-left: 95px; }
+
+.path-grade-edit-tree .setup-grades .column-range.level5 {
+  padding-left: 124px; }
+
+.path-grade-edit-tree .setup-grades .column-range.level6 {
+  padding-left: 153px; }
+
+.path-grade-edit-tree .setup-grades .column-range.level7 {
+  padding-left: 182px; }
+
+.path-grade-edit-tree .setup-grades .column-range.level8 {
+  padding-left: 211px; }
+
+.path-grade-edit-tree .setup-grades .column-range.level9 {
+  padding-left: 240px; }
+
+.path-grade-edit-tree .setup-grades .column-range.level10 {
+  padding-left: 269px; }
+
+.path-grade-edit-tree .setup-grades.generaltable .levelodd {
+  background-color: rgba(0, 0, 0, 0.05); }
+
+.path-grade-edit-tree .setup-grades.generaltable .leveleven {
+  background-color: transparent; }
+
+/**
+ * Grader report.
+ */
+.path-grade-report-grader .gradeparent tr .cell {
+  background-color: #fff; }
+
+.path-grade-report-grader .gradeparent table,
+.path-grade-report-grader .gradeparent .cell {
+  border-color: #dee2e6; }
+
+.path-grade-report-grader .gradeparent tr:nth-of-type(even) .cell,
+.path-grade-report-grader .gradeparent .floater .cell,
+.path-grade-report-grader .gradeparent .avg {
+  background-color: #f8f9fa; }
+
+.path-grade-report-grader .gradeparent table .clickable {
+  cursor: pointer; }
+
+/**
+ * User report.
+ */
+.path-grade-report-user .user-grade {
+  border: none; }
+  .path-grade-report-user .user-grade.generaltable .levelodd {
+    background-color: rgba(0, 0, 0, 0.05); }
+  .path-grade-report-user .user-grade.generaltable .leveleven {
+    background-color: transparent; }
+
+/**
+ * Single view.
+ */
+.path-grade-report-singleview input[name^="finalgrade"] {
+  width: 80px; }
+
+.columns-autoflow-1to1to1 {
+  column-count: 3; }
+
+@media (max-width: 767px) {
+  .columns-autoflow-1to1to1 {
+    column-count: 1; } }
+
+/* some very targetted corrections to roll back nameclashes between
+ * Moodle and Bootstrap like .row, .label, .content, .controls
+ *
+ * Mostly relies on these styles being more specific than the Bootstrap
+ * ones in order to overule them.
+ */
+li.activity.label,
+.file-picker td.label {
+  background: inherit;
+  color: inherit;
+  border: inherit;
+  text-shadow: none;
+  padding: 8px;
+  white-space: normal;
+  display: block;
+  font-size: inherit;
+  line-height: inherit;
+  text-align: inherit; }
+
+.file-picker td.label {
+  display: table-cell;
+  text-align: right; }
+
+.choosercontainer #chooseform .option label {
+  font-size: 12px; }
+
+/* block.invisible vs .invisible
+ * block.hidden vs .invisible
+ *
+ * uses .invisible where the rest of Moodle uses @mixin dimmed
+ * fixible in block renderer?
+ *
+ * There's seems to be even more naming confusion here since,
+ * blocks can be actually 'visible' (or not) to students,
+ * marked 'visible' but really just dimmed to indicate to editors
+ * that students can't see them or  'visible' to the user who
+ * collapses them, 'visible' if you have the right role and in
+ * different circumstances different sections of a block can
+ * be 'visible' or not.
+ *
+ * currently worked around in renderers.php function block{}
+ * by rewriting the class name "invisible" to "dimmed",
+ * though the blocks don't look particularly different apart
+ * from their contents disappearing. Maybe try .muted? or
+ * dimming all the edit icons apart from unhide, might be a
+ * nice effect, though they'd still be active. Maybe reverse
+ * it to white?
+ */
+li.section.hidden,
+.block.hidden,
+.block.invisible {
+  visibility: visible;
+  display: block; }
+
+/* .row vs .row
+ *
+ * very tricky to track down this when it goes wrong,
+ * since the styles are applied to generated content
+ *
+ * basically if you see things shifted left or right compared
+ * with where they should be check for a .row
+ */
+.forumpost .row {
+  margin-left: 0 !important;
+  /* stylelint-disable-line declaration-no-important */ }
+
+.forumpost .row:before,
+.forumpost .row:after {
+  content: none; }
+
+/* fieldset.hidden vs .hidden
+ *
+ * Moodle uses fieldset.hidden for mforms, to signify a collection of
+ * form elements that don't have a box drawn round them. Bootstrap
+ * uses hidden for stuff that is hidden in various responsive modes.
+ *
+ * Relatedly, there is also fieldset.invisiblefieldset which hides the
+ * border and sets the display to inline.
+ *
+ * Originally this just set block and visible, but it is used
+ * in random question dialogue in Quiz,
+ * that dialogue is hidden and shown, so when hidden the
+ * above workaround leaves you with a button floating around
+ */
+fieldset.hidden {
+  display: inherit;
+  visibility: inherit; }
+
+/* .container vs .container
+ *
+ * bootstrap uses .container to set the width of the layout at 960px or so, Moodle uses it
+ * in the Quiz to contain the questions to add. If you don't overule the Bootstrap code,
+ * it becomes near unuseable.
+ */
+#questionbank + .container {
+  width: auto; }
+
+body:not(.jsenabled) .dropdown:hover > .dropdown-menu {
+  display: block;
+  margin-top: -6px; }
+
+body:not(.jsenabled) .langmenu:hover > .dropdown-menu,
+.langmenu.open > .dropdown-menu {
+  display: block;
+  max-height: 150px;
+  overflow-y: auto; }
+
+.navbar.fixed-top .dropdown .dropdown-menu {
+  max-height: calc(100vh - 50px);
+  overflow-y: auto; }
+
+.page-item.active .page-link, .page-item.active .page-link:hover, .page-item.active .page-link:focus {
+  z-index: inherit; }
+
+/* Force positioning of popover arrows.
+ *
+ * The Css prefixer used in Moodle does not support complex calc statements used
+ * in Bootstrap 4 CSS. For example:
+ * calc((0.5rem + 1px) * -1); is stripped out by lib/php-css-parser/Parser.php.
+ * See MDL-61879. For now the arrow positions of popovers are fixed until this is resolved.
+ */
+.bs-popover-right .arrow, .bs-popover-auto[x-placement^="right"] .arrow,
+.bs-popover-auto[x-placement^="right"] .arrow {
+  left: -9px; }
+
+.bs-popover-left .arrow, .bs-popover-auto[x-placement^="left"] .arrow,
+.bs-popover-auto[x-placement^="left"] .arrow {
+  right: -9px; }
+
+.bs-popover-top .arrow, .bs-popover-auto[x-placement^="top"] .arrow,
+.bs-popover-auto[x-placement^="top"] .arrow {
+  bottom: -9px; }
+
+.bs-popover-bottom .arrow, .bs-popover-auto[x-placement^="bottom"] .arrow,
+.bs-popover-auto[x-placement^="bottom"] .arrow {
+  top: -9px; }
+
+.custom-select {
+  word-wrap: normal; }
+
+/* Add commented out carousel transistions back in.
+ *
+ * The Css prefixer used in Moodle breaks on @supports syntax, See MDL-61515.
+ */
+.carousel-item-next.carousel-item-left,
+.carousel-item-prev.carousel-item-right {
+  transform: translateX(0); }
+
+.carousel-item-next,
+.active.carousel-item-right {
+  transform: translateX(100%); }
+
+.carousel-item-prev,
+.active.carousel-item-left {
+  transform: translateX(-100%); }
+
+body.behat-site .fixed-top {
+  position: absolute; }
+
+body.behat-site .dropdown-item {
+  margin-top: 4px !important;
+  /* stylelint-disable declaration-no-important */ }
+
+body.behat-site.drawer-ease {
+  -webkit-transition: initial;
+  -moz-transition: initial;
+  transition: initial; }
+
+body.behat-site [data-region="drawer"] {
+  -webkit-transition: initial;
+  -moz-transition: initial;
+  transition: initial;
+  position: absolute; }
+
+.phpinfo table,
+.phpinfo th,
+.phpinfo h2 {
+  margin: auto; }
+
+.phpinfo h2 {
+  width: 600px; }
+
+.phpinfo .e,
+.phpinfo .v,
+.phpinfo .h {
+  border: 1px solid #000;
+  font-size: 0.8em;
+  vertical-align: baseline;
+  color: #000;
+  background-color: #ccc; }
+
+.phpinfo .e {
+  background-color: #ccf;
+  font-weight: bold; }
+
+.phpinfo .h {
+  background-color: #99c;
+  font-weight: bold; }
+
+table caption {
+  font-size: 24px;
+  font-weight: bold;
+  line-height: 42px;
+  text-align: left;
+  caption-side: top; }
+
+/**
+ * This file contains the styles required to make the footer sticky.
+ */
+html,
+body {
+  height: 100%; }
+
+#page-wrapper {
+  height: 100%;
+  display: flex;
+  flex-direction: column; }
+  #page-wrapper #page {
+    flex: 1 0 auto;
+    display: flex;
+    flex-direction: column; }
+    #page-wrapper #page #page-content {
+      flex: 1 0 auto; }
+  #page-wrapper #page-footer {
+    flex-shrink: 0; }
+
+.popover-region {
+  float: right;
+  position: relative; }
+  .popover-region.collapsed .popover-region-toggle:before, .popover-region.collapsed .popover-region-toggle:after {
+    display: none; }
+  .popover-region.collapsed .popover-region-container {
+    opacity: 0;
+    visibility: hidden;
+    height: 0;
+    overflow: hidden;
+    transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s; }
+
+.popover-region-toggle {
+  cursor: pointer; }
+  .popover-region-toggle::before {
+    content: '';
+    display: inline-block;
+    border-left: 10px solid transparent;
+    border-right: 10px solid transparent;
+    border-bottom: 10px solid #ddd;
+    position: absolute;
+    bottom: 0;
+    right: 7px; }
+  .popover-region-toggle::after {
+    content: '';
+    display: inline-block;
+    border-left: 9px solid transparent;
+    border-right: 9px solid transparent;
+    border-bottom: 9px solid #fff;
+    position: absolute;
+    bottom: -1px;
+    right: 8px;
+    z-index: 2; }
+
+.count-container {
+  padding: 2px;
+  border-radius: 2px;
+  background-color: red;
+  color: white;
+  font-size: 10px;
+  line-height: 10px;
+  position: absolute;
+  top: 5px;
+  right: 0; }
+
+.popover-region-container {
+  opacity: 1;
+  visibility: visible;
+  position: absolute;
+  right: 0;
+  top: 0;
+  height: 500px;
+  width: 380px;
+  border: 1px solid #ddd;
+  transition: height 0.25s;
+  background-color: #fff;
+  z-index: 1; }
+
+.popover-region-header-container {
+  height: 25px;
+  line-height: 25px;
+  padding-left: 5px;
+  padding-right: 5px;
+  border-bottom: 1px solid #ddd;
+  box-sizing: border-box; }
+
+.popover-region-footer-container {
+  height: 30px;
+  text-align: center;
+  border-top: 1px solid #ddd;
+  background-color: #fff;
+  padding-top: 3px; }
+
+.popover-region-header-text {
+  float: left;
+  margin: 0;
+  font-size: 14px;
+  line-height: 25px; }
+
+.popover-region-header-actions {
+  float: right; }
+  .popover-region-header-actions > * {
+    margin-left: 10px;
+    min-width: 20px;
+    display: inline-block; }
+  .popover-region-header-actions .loading-icon {
+    display: none;
+    height: 12px;
+    width: 12px; }
+  .popover-region-header-actions .newmessage-link {
+    margin-right: 10px; }
+  .popover-region-header-actions label {
+    display: inline-block;
+    text-align: center;
+    margin-bottom: 0; }
+
+.popover-region-content-container {
+  height: calc(100% - 55px);
+  width: 100%;
+  overflow-y: auto;
+  -webkit-overflow-scrolling: touch; }
+  .popover-region-content-container > .loading-icon {
+    display: none;
+    text-align: center;
+    padding: 5px;
+    box-sizing: border-box; }
+  .popover-region-content-container .empty-message {
+    display: none;
+    text-align: center;
+    padding: 10px; }
+  .popover-region-content-container.loading > .loading-icon {
+    display: block; }
+  .popover-region-content-container.loading .empty-message {
+    display: none; }
+
+.navbar .popover-region {
+  float: right;
+  margin-right: 10px; }
+  .navbar .popover-region.collapsed .popover-region-container {
+    opacity: 0;
+    visibility: hidden;
+    height: 0;
+    overflow: hidden;
+    transition: height 0.25s, opacity 101ms 0.25s, visibility 101ms 0.25s; }
+
+.navbar .popover-region-toggle {
+  width: 25px; }
+
+.navbar .count-container {
+  padding: 2px;
+  border-radius: 2px;
+  background-color: red;
+  color: white;
+  font-size: 10px;
+  line-height: 10px;
+  position: absolute;
+  top: 5px;
+  right: 0; }
+
+.navbar .popover-region-container {
+  top: 1.96875rem; }
+
+.content-item-container {
+  width: 100%;
+  border-bottom: 1px solid #ddd;
+  box-sizing: border-box;
+  padding: 5px;
+  position: relative;
+  margin: 0;
+  display: block;
+  color: inherit;
+  text-decoration: none; }
+  .content-item-container:hover {
+    color: #fff;
+    background-color: #79b5e6; }
+    .content-item-container:hover .content-item-footer .timestamp {
+      color: #fff; }
+  .content-item-container.unread {
+    margin: 0;
+    background-color: #f4f4f4; }
+    .content-item-container.unread:hover {
+      color: #fff;
+      background-color: #79b5e6; }
+    .content-item-container.unread .content-item-body .notification-message {
+      font-weight: 600; }
+  .content-item-container .context-link {
+    color: inherit;
+    text-decoration: none; }
+  .content-item-container .content-item-body {
+    box-sizing: border-box;
+    margin-bottom: 5px; }
+  .content-item-container .content-item-footer {
+    text-align: left;
+    box-sizing: border-box; }
+    .content-item-container .content-item-footer .timestamp {
+      font-size: 10px;
+      line-height: 10px;
+      margin: 0;
+      color: #666;
+      margin-left: 24px; }
+  .content-item-container .view-more {
+    position: absolute;
+    bottom: 5px;
+    right: 5px;
+    font-size: 12px;
+    line-height: 12px; }
+  .content-item-container.notification .content-item-body .notification-image {
+    display: inline-block;
+    width: 24px;
+    height: 24px;
+    float: left; }
+    .content-item-container.notification .content-item-body .notification-image img {
+      height: 75%; }
+  .content-item-container.notification .content-item-body .notification-message {
+    display: inline-block;
+    font-size: 12px;
+    width: calc(100% - 24px); }
+  .content-item-container.selected {
+    background-color: #4f94cd;
+    color: #fff;
+    border-color: #4f94cd; }
+    .content-item-container.selected .content-item-footer .timestamp {
+      color: #fff; }
+
+.popover-region-notifications .popover-region-header-container .mark-all-read-button .normal-icon {
+  display: inline-block; }
+
+.popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .normal-icon {
+  display: none; }
+
+.popover-region-notifications .popover-region-header-container .mark-all-read-button.loading .loading-icon {
+  display: inline-block; }
+
+.popover-region-notifications .all-notifications {
+  opacity: 1;
+  visibility: visible;
+  height: auto;
+  overflow: hidden; }
+  .popover-region-notifications .all-notifications:empty + .empty-message {
+    display: block; }
+
+.popover-region-notifications .notification-image {
+  display: inline-block;
+  width: 8%;
+  vertical-align: top; }
+  .popover-region-notifications .notification-image img {
+    height: 75%; }
+
+.popover-region-notifications .notification-message {
+  display: inline-block;
+  font-size: 12px; }
+
+.popover-region-notifications .popover-region-content-container.loading .all-notifications:empty + .empty-message {
+  display: none; }
+
+.popover-region-messages .mark-all-read-button .normal-icon {
+  display: inline-block; }
+
+.popover-region-messages .mark-all-read-button.loading .normal-icon {
+  display: none; }
+
+.popover-region-messages .mark-all-read-button.loading .loading-icon {
+  display: inline-block; }
+
+.popover-region-messages .popover-region-content-container.loading .popover-region-content .messages:empty + .empty-message {
+  display: none; }
+
+.popover-region-messages .messages:empty + .empty-message {
+  display: block; }
+
+.popover-region-messages .content-item-container.unread .content-item-body {
+  font-weight: 600;
+  width: calc(90% - 30px); }
+
+.popover-region-messages .content-item-container.unread .unread-count-container {
+  display: inline-block;
+  width: 10%;
+  text-align: center;
+  float: right; }
+
+.popover-region-messages .content-item {
+  height: 100%;
+  width: 100%;
+  box-sizing: border-box; }
+
+.popover-region-messages .profile-image-container {
+  width: 30px;
+  display: inline-block;
+  text-align: center;
+  float: left; }
+  .popover-region-messages .profile-image-container img {
+    width: 100%;
+    display: inline-block;
+    vertical-align: middle;
+    border-radius: 50%; }
+
+.popover-region-messages .content-item-body {
+  display: inline-block;
+  box-sizing: border-box;
+  width: calc(100% - 30px);
+  font-size: 12px;
+  padding-left: 10px;
+  overflow: hidden; }
+  .popover-region-messages .content-item-body h3 {
+    font-size: 12px;
+    line-height: 12px;
+    margin: 0;
+    width: 100%; }
+  .popover-region-messages .content-item-body p {
+    margin: 0; }
+
+.popover-region-messages .unread-count-container {
+  display: none; }
+
+@media (max-width: 767px) {
+  .navbar .popover-region .popover-region-container {
+    right: -70px; } }
+
+@media (max-width: 480px) {
+  .navbar .popover-region .popover-region-container {
+    position: fixed;
+    top: 46px;
+    right: 0;
+    left: 0;
+    bottom: 0;
+    width: auto;
+    height: auto; } }
+
+/**
+ * Tour step must sit above all other UI components.
+ * The backdrop is the lowest point in the tour.
+ * Everything else is in the container, and the target background should be at the same z-index.
+ * ----- moodle
+ *  ---- step backdrop
+ *   --- step container
+ *   --- step target background
+ */
+div[data-flexitour="backdrop"] {
+  background-color: #000;
+  opacity: 0.5;
+  z-index: 1040; }
+
+div[data-flexitour="step-background-fader"],
+div[data-flexitour="step-background"] {
+  z-index: 1041; }
+
+span[data-flexitour="container"],
+div[data-flexitour="step-background-fader"],
+[data-flexitour="step-backdrop"] > td,
+[data-flexitour="step-backdrop"] {
+  z-index: 1042; }
+
+span[data-flexitour="container"] .modal-dialog {
+  /**
+         * Remove all margins to:
+         * 1) ensure that the arrow touches the target; and
+         * 2) ensure that the focus border touches the modal.
+         */
+  margin: 0; }
+
+span[data-flexitour="container"] div[data-role="arrow"] {
+  border-width: 11px; }
+
+span[data-flexitour="container"] div[data-role="arrow"],
+span[data-flexitour="container"] div[data-role="arrow"]:after {
+  position: absolute;
+  display: block;
+  width: 0;
+  height: 0;
+  border-color: transparent;
+  border-style: solid;
+  border-width: 1rem; }
+
+span[data-flexitour="container"][x-placement="top"], span[data-flexitour="container"][x-placement="top-start"] {
+  margin-bottom: 1rem; }
+  span[data-flexitour="container"][x-placement="top"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="top-start"] div[data-role="arrow"] {
+    bottom: -11px;
+    left: 50%;
+    margin-left: -11px;
+    border-bottom-width: 0;
+    border-top-color: rgba(0, 0, 0, 0.25); }
+  span[data-flexitour="container"][x-placement="top"] div[data-role="arrow"]:after, span[data-flexitour="container"][x-placement="top-start"] div[data-role="arrow"]:after {
+    bottom: 1px;
+    margin-left: -1rem;
+    content: " ";
+    border-bottom-width: 0;
+    border-top-color: #fff; }
+
+span[data-flexitour="container"][x-placement="bottom"], span[data-flexitour="container"][x-placement="bottom-start"] {
+  margin-top: 1rem; }
+  span[data-flexitour="container"][x-placement="bottom"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="bottom-start"] div[data-role="arrow"] {
+    top: -11px;
+    left: 50%;
+    margin-left: -11px;
+    border-top-width: 0;
+    border-bottom-color: rgba(0, 0, 0, 0.25); }
+  span[data-flexitour="container"][x-placement="bottom"] div[data-role="arrow"]:after, span[data-flexitour="container"][x-placement="bottom-start"] div[data-role="arrow"]:after {
+    top: 1px;
+    margin-left: -1rem;
+    content: " ";
+    border-top-width: 0;
+    border-bottom-color: #fff; }
+
+span[data-flexitour="container"][x-placement="left"], span[data-flexitour="container"][x-placement="left-start"] {
+  margin-right: 1rem; }
+  span[data-flexitour="container"][x-placement="left"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="left-start"] div[data-role="arrow"] {
+    right: -11px;
+    top: 50%;
+    margin-top: -11px;
+    border-right-width: 0;
+    border-left-color: rgba(0, 0, 0, 0.25); }
+  span[data-flexitour="container"][x-placement="left"] div[data-role="arrow"]:after, span[data-flexitour="container"][x-placement="left-start"] div[data-role="arrow"]:after {
+    right: 1px;
+    margin-top: -1rem;
+    content: " ";
+    border-right-width: 0;
+    border-left-color: #fff; }
+
+span[data-flexitour="container"][x-placement="right"], span[data-flexitour="container"][x-placement="right-start"] {
+  margin-left: 1rem; }
+  span[data-flexitour="container"][x-placement="right"] div[data-role="arrow"], span[data-flexitour="container"][x-placement="right-start"] div[data-role="arrow"] {
+    left: -11px;
+    top: 50%;
+    margin-top: -11px;
+    border-left-width: 0;
+    border-right-color: rgba(0, 0, 0, 0.25); }
+  span[data-flexitour="container"][x-placement="right"] div[data-role="arrow"]:after, span[data-flexitour="container"][x-placement="right-start"] div[data-role="arrow"]:after {
+    left: 1px;
+    margin-top: -1rem;
+    content: " ";
+    border-left-width: 0;
+    border-right-color: #fff; }
+
+[data-region="drawer"] [data-flexitour="container"] {
+  /*rtl:ignore*/
+  margin-left: -15px;
+  width: 275px; }
+
+.label {
+  background-color: #868e96; }
+  .label[href]:hover, .label[href]:focus {
+    background-color: #6c757d; }
+
+.label-success {
+  background-color: #5cb85c; }
+  .label-success[href]:hover, .label-success[href]:focus {
+    background-color: #449d44; }
+
+.label-info {
+  background-color: #5bc0de; }
+  .label-info[href]:hover, .label-info[href]:focus {
+    background-color: #31b0d5; }
+
+.label-warning {
+  background-color: #ff7518; }
+  .label-warning[href]:hover, .label-warning[href]:focus {
+    background-color: #e45c00; }
+
+.label-important {
+  background-color: #d9534f; }
+  .label-important[href]:hover, .label-important[href]:focus {
+    background-color: #c9302c; }
+
+.badge {
+  background-color: #868e96; }
+  .badge[href]:hover, .badge[href]:focus {
+    background-color: #6c757d; }
+
+.badge-success {
+  background-color: #5cb85c; }
+  .badge-success[href]:hover, .badge-success[href]:focus {
+    background-color: #449d44; }
+
+.badge-info {
+  background-color: #5bc0de; }
+  .badge-info[href]:hover, .badge-info[href]:focus {
+    background-color: #31b0d5; }
+
+.badge-warning {
+  background-color: #ff7518; }
+  .badge-warning[href]:hover, .badge-warning[href]:focus {
+    background-color: #e45c00; }
+
+.badge-important {
+  background-color: #d9534f; }
+  .badge-important[href]:hover, .badge-important[href]:focus {
+    background-color: #c9302c; }
+
+.pull-left {
+  float: left !important; }
+
+.pull-right {
+  float: right !important; }
+
+@media print {
+  body.drawer-open-left.jsenabled,
+  body.drawer-open-right.jsenabled {
+    margin: 0; }
+  .container {
+    width: auto; } }
+
+.modal .modal-body > .loading-icon {
+  display: block;
+  position: relative;
+  width: 100%;
+  height: 100%; }
+  .modal .modal-body > .loading-icon .icon {
+    position: absolute;
+    top: 50%;
+    /*rtl:ignore*/
+    left: 50%;
+    transform: translate(-50%, -50%); }
+
+body {
+  -webkit-font-smoothing: antialiased; }
+
+.navbar {
+  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); }
+
+.userpicture {
+  border-radius: 50%; }
+
+.btn-outline-secondary {
+  color: #868e96;
+  background-color: transparent;
+  background-image: none;
+  border-color: #868e96;
+  border-color: #dee2e6; }
+  .btn-outline-secondary:hover {
+    color: #fff;
+    background-color: #868e96;
+    border-color: #868e96; }
+  .btn-outline-secondary:focus, .btn-outline-secondary.focus {
+    box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); }
+  .btn-outline-secondary.disabled, .btn-outline-secondary:disabled {
+    color: #868e96;
+    background-color: transparent; }
+  .btn-outline-secondary:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active,
+  .show > .btn-outline-secondary.dropdown-toggle {
+    color: #fff;
+    background-color: #868e96;
+    border-color: #868e96; }
+    .btn-outline-secondary:not(:disabled):not(.disabled):active:focus, .btn-outline-secondary:not(:disabled):not(.disabled).active:focus,
+    .show > .btn-outline-secondary.dropdown-toggle:focus {
+      box-shadow: 0 0 0 0.2rem rgba(134, 142, 150, 0.5); }
+
+.bg-gray {
+  background-color: #e9ecef !important; }
+
+a.bg-gray:hover, a.bg-gray:focus,
+button.bg-gray:hover,
+button.bg-gray:focus {
+  background-color: #cbd3da !important; }
diff --git a/templates/admin_setting_tabs.mustache b/templates/admin_setting_tabs.mustache
index 4c8f08a..ea05133 100644
--- a/templates/admin_setting_tabs.mustache
+++ b/templates/admin_setting_tabs.mustache
@@ -43,7 +43,7 @@
         </li>
     {{/tabs}}
 </ul>
-<div class="tab-content m-t-1">
+<div class="tab-content mt-3">
     {{#tabs}}
         <div class="tab-pane {{#active}}active{{/active}}" id="{{name}}" role="tabpanel">
             {{{html}}}
diff --git a/templates/block_search_forums/search_form.mustache b/templates/block_search_forums/search_form.mustache
index 79c2e4f..0dc8b87 100644
--- a/templates/block_search_forums/search_form.mustache
+++ b/templates/block_search_forums/search_form.mustache
@@ -1,13 +1,15 @@
 <div class="searchform">
     <form action="{{actionurl}}" class="form-inline">
         <input type="hidden" name="id" value="{{courseid}}">
-        <div class="form-group">
+        <div class="input-group w-100">
             <label class="sr-only" for="searchform_search">{{#str}}search{{/str}}</label>
             <input id="searchform_search" name="search" type="text" class="form-control" size="10">
+            <div class="input-group-append">
+                <button class="btn btn-secondary" id="searchform_button" type="submit">{{#str}}go{{/str}}</button>
+            </div>
         </div>
-        <button class="btn btn-secondary" id="searchform_button" type="submit">{{#str}}go{{/str}}</button>
     </form>
-    <div class="m-t-1">
+    <div class="mt-3">
         <a href="{{advancedsearchurl}}">{{#str}}advancedsearch, block_search_forums{{/str}}</a>
         {{#helpicon}}
             {{>core/help_icon}}
diff --git a/templates/columns1.mustache b/templates/columns1.mustache
index e45dcae..f26ab2f 100644
--- a/templates/columns1.mustache
+++ b/templates/columns1.mustache
@@ -36,14 +36,7 @@
          "bodyattributes":""
     }
 }}
-{{{ output.doctype }}}
-<html {{{ output.htmlattributes }}}>
-<head>
-    <title>{{{ output.page_title }}}</title>
-    <link rel="shortcut icon" href="{{{ output.favicon }}}" />
-    {{{ output.standard_head_html }}}
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-</head>
+{{> theme_ilb/head }}
 
 <body {{{ bodyattributes }}}>
 
@@ -52,22 +45,24 @@
     {{{ output.standard_top_of_body_html }}}
 
     <div id="page" class="container-fluid">
-        <div id="page-content" class="row">
-            <div id="region-main-box" class="col-xs-12">
+        <div id="page-content" class="row pb-3">
+            <div id="region-main-box" class="col-12">
                 <section id="region-main">
-                    <div class="card card-block">
                     {{{ output.course_content_header }}}
                     {{{ output.main_content }}}
+                    {{{ output.activity_navigation }}}
                     {{{ output.course_content_footer }}}
-                    </div>
                 </section>
             </div>
         </div>
     </div>
+
+    {{{ output.standard_after_main_region_html }}}
+
 </div>
 {{{ output.standard_end_of_body_html }}}
 </body>
 </html>
 {{#js}}
-require(['theme_boost/loader']);
+require(['theme_ilb/loader']);
 {{/js}}
diff --git a/templates/columns2.mustache b/templates/columns2.mustache
index 63db378..d85973d 100644
--- a/templates/columns2.mustache
+++ b/templates/columns2.mustache
@@ -48,15 +48,7 @@
         "hasregionmainsettingsmenu": false
     }
 }}
-{{{ output.doctype }}}
-<html {{{ output.htmlattributes }}}>
-<head>
-    <title>{{{ output.page_title }}}</title>
-    <link rel="shortcut icon" href="{{{ output.favicon }}}" />
-    {{{ output.standard_head_html }}}
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    {{>theme_ilb/head2}}
-</head>
+{{> theme_ilb/head }}
 
 <body {{{ bodyattributes }}}>
 
@@ -64,20 +56,20 @@
 
     {{{ output.standard_top_of_body_html }}}
 
-    {{>theme_ilb/headerLogado}}
+    {{> theme_ilb/navbar }}
 
     <div id="page" class="container-fluid">
         {{{ output.full_header }}}
 
-        <div id="page-content" class="row">
-            <div id="region-main-box" class="col-xs-12">
+        <div id="page-content" class="row pb-3">
+            <div id="region-main-box" class="col-12">
                 {{#hasregionmainsettingsmenu}}
-                <div id="region-main-settings-menu" class="hidden-print {{#hasblocks}}has-blocks{{/hasblocks}}">
+                <div id="region-main-settings-menu" class="d-print-none {{#hasblocks}}has-blocks{{/hasblocks}}">
                     <div> {{{ output.region_main_settings_menu }}} </div>
                 </div>
                 {{/hasregionmainsettingsmenu}}
-                <section id="region-main" {{#hasblocks}}class="has-blocks"{{/hasblocks}}>
-                    <div class="card card-block">
+                <section id="region-main" {{#hasblocks}}class="has-blocks mb-3"{{/hasblocks}}>
+
                     {{#hasregionmainsettingsmenu}}
                         <div class="region_main_settings_menu_proxy"></div>
                     {{/hasregionmainsettingsmenu}}
@@ -85,47 +77,26 @@
                     {{{ output.main_content }}}
                     {{{ output.activity_navigation }}}
                     {{{ output.course_content_footer }}}
-                    </div>
+
                 </section>
                 {{#hasblocks}}
-                <section data-region="blocks-column" class="hidden-print">
+                <section data-region="blocks-column" class="d-print-none">
                     {{{ sidepreblocks }}}
                 </section>
                 {{/hasblocks}}
             </div>
         </div>
     </div>
+    {{{ output.standard_after_main_region_html }}}
     {{> theme_ilb/nav-drawer }}
+    {{> theme_ilb/footer }}
 </div>
-<footer id="page-footer" class="p-y-1" style="background-color: #002e56; color: #FFFFFF; text-align: center;">
-    <div class="container" style="background-color: #002e56;">
-      <p>Senado Federal - Praça dos Três Poderes - Brasília DF - CEP 70165-900</p>
-        <div id="course-footer" style="font-color: white;">{{{ output.course_footer }}}</div>
-
-        <!-- {{# output.page_doc_link }}
-            <p class="helplink">{{{ output.page_doc_link }}}</p>
-        {{/ output.page_doc_link }} -->
-
-        {{{ output.login_info }}}
-        <div class="tool_usertours-resettourcontainer"></div>
-        {{{ output.home_link }}}
-        <nav class="nav navbar-nav hidden-lg-up">
-            {{# output.custom_menu_flat }}
-                <ul class="list-unstyled p-t-1">
-                    {{> theme_ilb/custom_menu_footer }}
-                </ul>
-            {{/ output.custom_menu_flat }}
-        </nav>
-        {{{ output.standard_footer_html }}}
-        {{{ output.standard_end_of_body_html }}}
-    </div>
-</footer>
 
 </body>
 </html>
 {{#js}}
-require(['theme_boost/loader']);
-require(['theme_boost/drawer'], function(mod) {
+require(['theme_ilb/loader']);
+require(['theme_ilb/drawer'], function(mod) {
     mod.init();
 });
 {{/js}}
diff --git a/templates/core/action_menu.mustache b/templates/core/action_menu.mustache
index c09f556..ab38eba 100644
--- a/templates/core/action_menu.mustache
+++ b/templates/core/action_menu.mustache
@@ -30,16 +30,24 @@
         }
     }
 }}
-<div class="action-menu {{classes}}"{{#attributes}} {{name}}="{{value}}"{{/attributes}}>
+<div class="action-menu {{classes}} d-inline"{{#attributes}} {{name}}="{{value}}"{{/attributes}}>
     {{#primary}}
 
-        <div class="{{classes}}"{{#attributes}} {{name}}="{{value}}"{{/attributes}}>
+        <div class="{{classes}} d-flex "{{#attributes}} {{name}}="{{value}}"{{/attributes}}>
 
-            {{#prioritise}}{{> core/action_menu_trigger }}{{/prioritise}}{{!
+            {{#prioritise}}{{> core/action_menu_trigger }}{{/prioritise}}
 
-            }}{{#items}}{{> core/action_menu_item }}{{/items}}{{!
+            {{#items}}
+                <div class="action-menu-item">
+                    {{> core/action_menu_item }}
+                </div>
+            {{/items}}
 
-            }}{{^prioritise}}{{> core/action_menu_trigger }}{{/prioritise}}
+            {{^prioritise}}
+                <div class="action-menu-trigger">
+                    {{> core/action_menu_trigger }}
+                </div>
+            {{/prioritise}}
 
         </div>
 
diff --git a/templates/core/action_menu_trigger.mustache b/templates/core/action_menu_trigger.mustache
index bf68279..8efab38 100644
--- a/templates/core/action_menu_trigger.mustache
+++ b/templates/core/action_menu_trigger.mustache
@@ -77,15 +77,44 @@
         }
     }
 }}
-<div class="dropdown d-inline">
-    <a href="#" class="{{triggerextraclasses}} dropdown-toggle" id="dropdown-{{instance}}" title="{{title}}" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">{{{actiontext}}}{{{menutrigger}}}{{#icon}}{{#pix}}{{key}},{{component}},{{title}}{{/pix}}{{/icon}}{{#rawicon}}{{{.}}}{{/rawicon}}{{#menutrigger}}<b class="caret"></b>{{/menutrigger}}</a>
+<div class="dropdown">
+    <a href="#" tabindex="0" class="{{triggerextraclasses}} dropdown-toggle icon-no-margin" id="dropdown-{{instance}}" aria-label="{{title}}" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false" aria-controls="action-menu-{{instance}}-menu">
+        {{{actiontext}}}
+        {{{menutrigger}}}
+            {{#icon}}
+                {{#pix}}
+                    {{key}},{{component}},{{title}}
+                {{/pix}}
+            {{/icon}}
+            {{#rawicon}}{{{.}}}{{/rawicon}}
+        {{#menutrigger}}
+        <b class="caret"></b>
+        {{/menutrigger}}
+    </a>
     {{#secondary}}
-        <div class="dropdown-menu dropdown-menu-right {{classes}}"{{#attributes}} {{name}}="{{value}}"{{/attributes}}>
-            {{#items}}{{!
-                }}{{#actionmenulink}}<a href="{{url}}" class="dropdown-item {{classes}}" {{#attributes}}{{name}}={{#quote}}{{value}}{{/quote}} {{/attributes}}{{#showtext}}aria-labelledby="actionmenuaction-{{instance}}"{{/showtext}}>{{#icon}}{{#pix}}{{key}},{{component}},{{title}}{{/pix}}{{/icon}}{{#showtext}}<span class="menu-action-text" id="actionmenuaction-{{instance}}">{{{text}}}</span>{{/showtext}}</a>{{/actionmenulink}}{{!
-                }}{{#actionmenufiller}}<div class="dropdown-divider"></div>{{/actionmenufiller}}{{!
-                }}{{^actionmenulink}}{{^actionmenufiller}}<div class="dropdown-item">{{> core/action_menu_item }}</div>{{/actionmenufiller}}{{/actionmenulink}}{{!
-            }}{{/items}}
+        <div class="dropdown-menu dropdown-menu-right {{classes}}"{{#attributes}} {{name}}="{{value}}"{{/attributes}} id="dropdown-menu-{{instance}}">
+            {{#items}}
+                {{#actionmenulink}}
+                    <a href="{{url}}" class="dropdown-item {{classes}}" {{#attributes}}{{name}}={{#quote}}{{value}}{{/quote}} {{/attributes}}{{#showtext}}aria-labelledby="actionmenuaction-{{instance}}"{{/showtext}}>
+                        {{#icon}}
+                            {{#pix}}{{key}},{{component}},{{title}}{{/pix}}
+                        {{/icon}}
+                        {{#showtext}}
+                        <span class="menu-action-text" id="actionmenuaction-{{instance}}">
+                            {{{text}}}
+                        </span>
+                        {{/showtext}}
+                    </a>
+                {{/actionmenulink}}
+                {{#actionmenufiller}}
+                    <div class="dropdown-divider" role="presentation"><span class="filler">&nbsp;</span></div>
+                {{/actionmenufiller}}
+                {{^actionmenulink}}
+                    {{^actionmenufiller}}
+                        <div class="dropdown-item">{{> core/action_menu_item }}</div>
+                    {{/actionmenufiller}}
+                {{/actionmenulink}}
+            {{/items}}
         </div>
     {{/secondary}}
 </div>
diff --git a/templates/core/auth_digital_minor_page.mustache b/templates/core/auth_digital_minor_page.mustache
index 84a1cd2..a2fac7b 100644
--- a/templates/core/auth_digital_minor_page.mustache
+++ b/templates/core/auth_digital_minor_page.mustache
@@ -26,11 +26,11 @@
         "homelink": "/"
     }
 }}
-<div class="container-fluid">
-    <div class="row">
+<div class="container-fluid mt-1 mt-md-5">
+    <div class="row justify-content-md-center">
         <div class="col-md-8 push-md-2 col-xl-6 push-xl-3">
             <div class="card">
-                <div class="card-block">
+                <div class="card-body">
                     <div class="card-title text-xs-center">
                         {{#logourl}}
                             <h2><img src="{{logourl}}" title="{{sitename}}" alt="{{sitename}}"/></h2>
diff --git a/templates/core/auth_verify_age_location_page.mustache b/templates/core/auth_verify_age_location_page.mustache
index 323ecad..c462587 100644
--- a/templates/core/auth_verify_age_location_page.mustache
+++ b/templates/core/auth_verify_age_location_page.mustache
@@ -25,11 +25,11 @@
         "formhtml": "(Form html would go here)"
     }
 }}
-<div class="container-fluid">
-    <div class="row">
+<div class="container-fluid mt-1 mt-md-5">
+    <div class="row justify-content-md-center">
         <div class="col-md-8 push-md-2 col-xl-6 push-xl-3">
             <div class="card">
-                <div class="card-block">
+                <div class="card-body">
                     <div class="card-title text-xs-center">
                         {{#logourl}}
                             <h2><img src="{{logourl}}" title="{{sitename}}" alt="{{sitename}}"/></h2>
@@ -40,7 +40,7 @@
                         <hr>
                     </div>
                     {{#error}}
-                        <div class="alert alert-danger" role="alert">
+                        <div class="alert alert-danger" role="alert" data-aria-autofocus="true">
                             {{{error}}}
                         </div>
                     {{/error}}
diff --git a/templates/core/block.mustache b/templates/core/block.mustache
index bdde709..2791c07 100644
--- a/templates/core/block.mustache
+++ b/templates/core/block.mustache
@@ -1,5 +1,5 @@
 {{!
-    @template theme_boost/block
+    @template theme_ilb/block
 
     Example context (json):
     {
@@ -19,8 +19,8 @@
 {{/showskiplink}}
 
 {{! Start Block Container }}
-<aside id="{{id}}"
-     class="{{#hidden}}hidden{{/hidden}} block block_{{type}} {{#hascontrols}}block_with_controls{{/hascontrols}} card m-b-1"
+<section id="{{id}}"
+     class="{{#hidden}}hidden{{/hidden}} block block_{{type}} {{#hascontrols}}block_with_controls{{/hascontrols}} card mb-3"
      role="{{ariarole}}"
      data-block="{{type}}"
      {{#arialabel}}
@@ -33,20 +33,20 @@
      {{/arialabel}}>
 
     {{! Block contents }}
-    <div class="card-block">
+    <div class="card-body p-3">
+
+        {{! Block header }}
+        {{#title}}
+            <h5 id="instance-{{blockinstanceid}}-header" class="card-title d-inline">{{{title}}}</h5>
+        {{/title}}
 
         {{#hascontrols}}
-            <div class="block-controls pull-xs-right header">
+            <div class="block-controls pull-right header">
                 {{{controls}}}
             </div>
         {{/hascontrols}}
 
-        {{! Block header }}
-        {{#title}}
-            <h3 id="instance-{{blockinstanceid}}-header" class="card-title">{{{title}}}</h3>
-        {{/title}}
-
-        <div class="card-text content">
+        <div class="card-text content mt-3">
             {{{content}}}
             <div class="footer">{{{footer}}}</div>
             {{{annotation}}}
@@ -55,7 +55,7 @@
     </div>
 
 {{! End Block Container }}
-</aside>
+</section>
 
 {{! Block Skip Link Target }}
 {{#showskiplink}}
diff --git a/templates/core/custom_menu_item.mustache b/templates/core/custom_menu_item.mustache
index 628d7ab..9bcc29e 100644
--- a/templates/core/custom_menu_item.mustache
+++ b/templates/core/custom_menu_item.mustache
@@ -1,22 +1,24 @@
 {{^divider}}
 {{#haschildren}}
-<div class="dropdown nav-item">
-    <a class="dropdown-toggle nav-link" id="drop-down-{{uniqid}}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#">
+<li class="dropdown nav-item">
+    <a class="dropdown-toggle nav-link" id="drop-down-{{uniqid}}" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" href="#" aria-controls="drop-down-menu-{{uniqid}}">
         {{{text}}}
     </a>
-    <div class="dropdown-menu" aria-labelledby="drop-down-{{uniqid}}">
+    <div class="dropdown-menu" role="menu" id="drop-down-menu-{{uniqid}}" aria-labelledby="drop-down-{{uniqid}}">
         {{#children}}
             {{^divider}}
-                <a class="dropdown-item" href="{{{url}}}" {{#title}}title="{{{title}}}"{{/title}}>{{{text}}}</a>
+                <a class="dropdown-item" role="menuitem" href="{{{url}}}" {{#title}}title="{{{title}}}"{{/title}}>{{{text}}}</a>
             {{/divider}}
             {{#divider}}
-                <div class="dropdown-divider"></div>
+                <div class="dropdown-divider" role="presentation"></div>
             {{/divider}}
         {{/children}}
     </div>
-</div>
+</li>
 {{/haschildren}}
 {{^haschildren}}
-<a class="nav-item nav-link" href="{{{url}}}" {{#title}}title="{{{title}}}"{{/title}}>{{{text}}}</a>
+<li class="nav-item">
+    <a class="nav-item nav-link" href="{{{url}}}" {{#title}}title="{{{title}}}"{{/title}}>{{{text}}}</a>
+</li>
 {{/haschildren}}
 {{/divider}}
diff --git a/templates/core/dataformat_selector.mustache b/templates/core/dataformat_selector.mustache
index 7c11ab3..569bc36 100644
--- a/templates/core/dataformat_selector.mustache
+++ b/templates/core/dataformat_selector.mustache
@@ -38,10 +38,10 @@
         "sesskey": ""
     }
 }}
-<form method="get" action="{{base}}" class="dataformatselector m-a-1">
+<form method="get" action="{{base}}" class="dataformatselector m-1">
     <div class="form-inline text-xs-right">
         <input type="hidden" name="sesskey" value="{{sesskey}}">
-        <label for="downloadtype_{{name}}" class="m-r-1">{{label}}</label>
+        <label for="downloadtype_{{name}}" class="mr-1">{{label}}</label>
         <select name="{{name}}" id="downloadtype_{{name}}" class="form-control">
             {{#options}}
                 <option value="{{value}}">{{label}}</option>
diff --git a/templates/core/filemanager_fileselect.mustache b/templates/core/filemanager_fileselect.mustache
index ef9fcbc..64fb76e 100644
--- a/templates/core/filemanager_fileselect.mustache
+++ b/templates/core/filemanager_fileselect.mustache
@@ -2,8 +2,8 @@
     <div class="fp-select-loading">
         {{#pix}}i/loading_small{{/pix}}
     </div>
-    <form class="form clearfix">
-        <div class="form-group">
+    <form class="mform clearfix">
+        <div class="form-group mx-0">
             <button class="fp-file-download btn btn-secondary">{{#str}}download{{/str}}</button>
             <button class="fp-file-delete btn btn-secondary">{{#str}}delete{{/str}}</button>
             <button class="fp-file-setmain btn btn-secondary">{{#str}}setmainfile, repository{{/str}}</button>
@@ -12,36 +12,36 @@
             <button class="fp-file-unzip btn btn-secondary">{{#str}}unzip{{/str}}</button>
         </div>
 
-                <div class="fp-saveas form-group row">
-                    <label class="form-control-label col-xs-4">{{#str}}name, repository{{/str}}</label>
-                    <div class="col-xs-8"><input class="form-control" type="text"/></div>
+                <div class="fp-saveas form-group row mx-0">
+                    <label class="form-control-label col-4 px-0">{{#str}}name, repository{{/str}}</label>
+                    <div class="col-8 form-inline"><input class="form-control" type="text"/></div>
                 </div>
-                <div class="fp-author form-group row">
-                    <label class="form-control-label col-xs-4">{{#str}}author, repository{{/str}}</label>
-                    <div class="col-xs-8"><input class="form-control" type="text"/></div>
+                <div class="fp-author form-group row mx-0">
+                    <label class="form-control-label col-4 px-0">{{#str}}author, repository{{/str}}</label>
+                    <div class="col-8 form-inline"><input class="form-control" type="text"/></div>
 
                 </div>
-                <div class="fp-license form-group row">
-                    <label class="form-control-label col-xs-4">{{#str}}chooselicense, repository{{/str}}</label>
-                    <div class="col-xs-8">
-                        <select class="form-control"></select>
+                <div class="fp-license form-group row mx-0">
+                    <label class="form-control-label col-4 px-0">{{#str}}chooselicense, repository{{/str}}</label>
+                    <div class="col-8 form-inline pr-0">
+                        <select class="custom-select form-control"></select>
                     </div>
                 </div>
-                <div class="fp-path form-group row">
-                    <label class="form-control-label col-xs-4">{{#str}}path, repository{{/str}}</label>
-                    <div class="col-xs-8">
-                        <select class="form-control"></select>
+                <div class="fp-path form-group row mx-0">
+                    <label class="form-control-label col-4 px-0">{{#str}}path, repository{{/str}}</label>
+                    <div class="col-8 form-inline pr-0">
+                        <select class="custom-select form-control"></select>
                     </div>
                 </div>
-                <div class="fp-original form-group row">
-                    <label class="form-control-label col-xs-4">{{#str}}original, repository{{/str}}</label>
-                    <div class="col-xs-8">
+                <div class="fp-original form-group row mx-0">
+                    <label class="form-control-label col-4 px-0">{{#str}}original, repository{{/str}}</label>
+                    <div class="col-8 form-inline">
                         <span class="fp-originloading">{{#pix}}i/loading_small{{/pix}} {{#str}}loading, repository{{/str}}</span><span class="fp-value"></span>
                     </div>
                 </div>
-                <div class="fp-reflist form-group row">
-                    <label class="form-control-label col-xs-4">{{#str}}referenceslist, repository{{/str}}</label>
-                    <div class="col-xs-8">
+                <div class="fp-reflist form-group row mx-0">
+                    <label class="form-control-label col-4 px-0">{{#str}}referenceslist, repository{{/str}}</label>
+                    <div class="col-8 form-inline">
                         <p class="fp-refcount"></p>
                         <span class="fp-reflistloading">{{#pix}}i/loading_small{{/pix}} {{#str}}loading, repository{{/str}}</span>
                         <ul class="fp-value"></ul>
diff --git a/templates/core/filemanager_loginform.mustache b/templates/core/filemanager_loginform.mustache
index 7002e76..c9d6cae 100644
--- a/templates/core/filemanager_loginform.mustache
+++ b/templates/core/filemanager_loginform.mustache
@@ -22,7 +22,7 @@
                 </div>
                 <div class="fp-login-select form-group">
                     <label class="form-control-label"></label>
-                    <select class="form-control"></select>
+                    <select class="custom-select"></select>
                 </div>
                 <div class="fp-login-input form-group">
                     <label class="form-control-label"></label>
diff --git a/templates/core/filemanager_modal_generallayout.mustache b/templates/core/filemanager_modal_generallayout.mustache
index 3e31b35..7a16342 100644
--- a/templates/core/filemanager_modal_generallayout.mustache
+++ b/templates/core/filemanager_modal_generallayout.mustache
@@ -1,61 +1,63 @@
-<div tabindex="0" class="file-picker fp-generallayout container-fluid row" role="dialog" aria-live="assertive">
-    <div class="fp-repo-area col-md-3 nav nav-pills nav-stacked" role="tablist">
-            <div class="fp-repo nav-item" role="tab" aria-selected="false" tabindex="-1">
-                <a href="#" class="nav-link" tabindex="-1"><img class="fp-repo-icon" alt=" " src="#" width="16" height="16" />&nbsp;<span class="fp-repo-name"></span></a>
-            </div>
+<div class="container">
+    <div tabindex="0" class="file-picker fp-generallayout row" role="dialog" aria-live="assertive">
+        <div class="fp-repo-area col-md-3 pr-2 nav nav-pills flex-column" role="tablist">
+                <div class="fp-repo nav-item" role="tab" aria-selected="false" tabindex="-1">
+                    <a href="#" class="nav-link" tabindex="-1"><img class="fp-repo-icon" alt=" " src="#" width="16" height="16" />&nbsp;<span class="fp-repo-name"></span></a>
+                </div>
 
-    </div>
-    <div class="col-md-9">
-        <div class="fp-repo-items" tabindex="0">
-            <div class="fp-navbar bg-faded card m-b-0 clearfix icon-no-spacing">
-                <div>
-                    <div class="fp-toolbar">
-                        <div class="fp-tb-back">
-                            <a href="#" class="btn btn-secondary btn-sm">{{#str}}back, repository{{/str}}</a>
-                        </div>
-                        <div class="fp-tb-search">
-                            <form></form>
-                        </div>
-                        <div class="fp-tb-refresh">
-                            <a title="{{#str}}refresh, repository{{/str}}" class="btn btn-secondary btn-sm" href="#">
-                                {{#pix}}a/refresh{{/pix}}
-                            </a>
+        </div>
+        <div class="col-md-9 p-0">
+            <div class="fp-repo-items" tabindex="0">
+                <div class="fp-navbar bg-faded card mb-0 clearfix icon-no-spacing">
+                    <div>
+                        <div class="fp-toolbar">
+                            <div class="fp-tb-back">
+                                <a href="#" class="btn btn-secondary btn-sm">{{#str}}back, repository{{/str}}</a>
+                            </div>
+                            <div class="fp-tb-search">
+                                <form></form>
+                            </div>
+                            <div class="fp-tb-refresh">
+                                <a title="{{#str}}refresh, repository{{/str}}" class="btn btn-secondary btn-sm" href="#">
+                                    {{#pix}}a/refresh{{/pix}}
+                                </a>
+                            </div>
+                            <div class="fp-tb-logout">
+                                <a title="{{#str}}logout, repository{{/str}}" class="btn btn-secondary btn-sm" href="#">
+                                    {{#pix}}a/logout{{/pix}}
+                                </a>
+                            </div>
+                            <div class="fp-tb-manage">
+                                <a title="{{#str}}manageurl, repository{{/str}}" class="btn btn-secondary btn-sm" href="#">
+                                    {{#pix}}a/setting{{/pix}}
+                                </a>
+                            </div>
+                            <div class="fp-tb-help">
+                                <a title="{{#str}}help, repository{{/str}}" class="btn btn-secondary btn-sm" href="#">
+                                    {{#pix}}a/help{{/pix}}
+                                </a>
+                            </div>
+                            <div class="fp-tb-message"></div>
                         </div>
-                        <div class="fp-tb-logout">
-                            <a title="{{#str}}logout, repository{{/str}}" class="btn btn-secondary btn-sm" href="#">
-                                {{#pix}}a/logout{{/pix}}
+                        <div class="fp-viewbar btn-group float-sm-right">
+                            <a role="button" title="{{#str}}displayicons, repository{{/str}}" class="fp-vb-icons btn btn-secondary btn-sm" href="#">
+                                {{#pix}}fp/view_icon_active, theme{{/pix}}
                             </a>
-                        </div>
-                        <div class="fp-tb-manage">
-                            <a title="{{#str}}manageurl, repository{{/str}}" class="btn btn-secondary btn-sm" href="#">
-                                {{#pix}}a/setting{{/pix}}
+                            <a role="button" title="{{#str}}displaydetails, repository{{/str}}" class="fp-vb-details btn btn-secondary btn-sm" href="#">
+                                {{#pix}}fp/view_list_active, theme{{/pix}}
                             </a>
-                        </div>
-                        <div class="fp-tb-help">
-                            <a title="{{#str}}help, repository{{/str}}" class="btn btn-secondary btn-sm" href="#">
-                                {{#pix}}a/help{{/pix}}
+                            <a role="button" title="{{#str}}displaytree, repository{{/str}}" class="fp-vb-tree btn btn-secondary btn-sm" href="#">
+                                {{#pix}}fp/view_tree_active, theme{{/pix}}
                             </a>
                         </div>
-                        <div class="fp-tb-message"></div>
+                        <div class="fp-clear-left"></div>
                     </div>
-                    <div class="fp-viewbar btn-group pull-xs-right">
-                        <a role="button" title="{{#str}}displayicons, repository{{/str}}" class="fp-vb-icons btn btn-secondary btn-sm" href="#">
-                            {{#pix}}fp/view_icon_active, theme{{/pix}}
-                        </a>
-                        <a role="button" title="{{#str}}displaydetails, repository{{/str}}" class="fp-vb-details btn btn-secondary btn-sm" href="#">
-                            {{#pix}}fp/view_list_active, theme{{/pix}}
-                        </a>
-                        <a role="button" title="{{#str}}displaytree, repository{{/str}}" class="fp-vb-tree btn btn-secondary btn-sm" href="#">
-                            {{#pix}}fp/view_tree_active, theme{{/pix}}
-                        </a>
+                    <div class="fp-pathbar">
+                        <span class="fp-path-folder"><a class="fp-path-folder-name" href="#"></a></span>
                     </div>
-                    <div class="fp-clear-left"></div>
-                </div>
-                <div class="fp-pathbar">
-                    <span class="fp-path-folder"><a class="fp-path-folder-name" href="#"></a></span>
                 </div>
+                <div class="fp-content card"></div>
             </div>
-            <div class="fp-content card"></div>
         </div>
     </div>
-</div>
+</div>
\ No newline at end of file
diff --git a/templates/core/filemanager_page_generallayout.mustache b/templates/core/filemanager_page_generallayout.mustache
index 15c2223..c010fbe 100644
--- a/templates/core/filemanager_page_generallayout.mustache
+++ b/templates/core/filemanager_page_generallayout.mustache
@@ -1,9 +1,9 @@
-<div id="filemanager-{{{client_id}}}" class="filemanager fm-loading">
+<div id="filemanager-{{{client_id}}}" class="filemanager w-100 fm-loading">
     <div class="fp-restrictions">
         {{{restrictions}}}
         <span class="dnduploadnotsupported-message"> - {{#str}}dndnotsupported_insentence{{/str}}{{{helpicon}}}</span>
     </div>
-    <div class="fp-navbar bg-faded card m-b-0">
+    <div class="fp-navbar bg-faded card mb-0">
         <div class="filemanager-toolbar icon-no-spacing">
             <div class="fp-toolbar">
                 <div class="fp-btn-add">
@@ -26,7 +26,7 @@
                     {{#pix}}i/loading_small{{/pix}}
                 </span>
             </div>
-            <div class="fp-viewbar btn-group pull-xs-right">
+            <div class="fp-viewbar btn-group float-sm-right">
                 <a title="{{#str}}displayicons, repository{{/str}}" class="fp-vb-icons btn btn-secondary btn-sm" href="#">
                     {{#pix}}fp/view_icon_active, theme{{/pix}}
                 </a>
diff --git a/templates/core/filemanager_selectlayout.mustache b/templates/core/filemanager_selectlayout.mustache
index 110a5e8..d27da6e 100644
--- a/templates/core/filemanager_selectlayout.mustache
+++ b/templates/core/filemanager_selectlayout.mustache
@@ -41,7 +41,7 @@
             </div>
             <div class="fp-setlicense form-group row">
                 <label class="col-form-label">{{#str}}chooselicense, repository{{/str}}</label>
-                <select class="form-control"></select>
+                <select class="custom-select"></select>
             </div>
             <div class="form-group row">
                 <div class="fp-select-buttons">
diff --git a/templates/core/filemanager_uploadform.mustache b/templates/core/filemanager_uploadform.mustache
index 4caf07b..b3aec8e 100644
--- a/templates/core/filemanager_uploadform.mustache
+++ b/templates/core/filemanager_uploadform.mustache
@@ -18,7 +18,7 @@
                 </div>
                 <div class="fp-setlicense control-group">
                     <label>{{#str}}chooselicense, repository{{/str}}</label>
-                    <select class="form-control"></select>
+                    <select class="custom-select"></select>
                 </div>
             </div>
         </form>
diff --git a/templates/core/form_autocomplete_input.mustache b/templates/core/form_autocomplete_input.mustache
index f8d9293..ea4614d 100644
--- a/templates/core/form_autocomplete_input.mustache
+++ b/templates/core/form_autocomplete_input.mustache
@@ -36,8 +36,18 @@
     { "inputID": 1, "suggestionsId": 2, "selectionId": 3, "downArrowId": 4, "placeholder": "Select something" }
 }}
 {{#showSuggestions}}
-<input type="text" id="{{inputId}}" class="form-control" list="{{suggestionsId}}" placeholder="{{placeholder}}" role="combobox" aria-expanded="false" autocomplete="off" autocorrect="off" autocapitalize="off" aria-autocomplete="list" aria-owns="{{suggestionsId}} {{selectionId}}"/><span class="form-autocomplete-downarrow" id="{{downArrowId}}">&#x25BC;</span>
+<input type="text" id="{{inputId}}" class="form-control" list="{{suggestionsId}}" placeholder="{{placeholder}}" role="combobox" aria-expanded="false" autocomplete="off" autocorrect="off" autocapitalize="off" aria-autocomplete="list" aria-owns="{{suggestionsId}} {{selectionId}}" {{#tags}}data-tags="1"{{/tags}}/><span class="form-autocomplete-downarrow" id="{{downArrowId}}">&#x25BC;</span>
 {{/showSuggestions}}
 {{^showSuggestions}}
-<input type="text" id="{{inputId}}" placeholder="{{placeholder}}" role="textbox" aria-owns="{{selectionId}}"/>
+<input type="text" id="{{inputId}}" placeholder="{{placeholder}}" role="textbox" aria-owns="{{selectionId}}" {{#tags}}data-tags="1"{{/tags}}/>
 {{/showSuggestions}}
+
+{{#js}}
+require(['jquery'], function($) {
+    // Set the minimum width of the input so that the placeholder is whole displayed.
+    var inputElement = $(document.getElementById('{{inputId}}'));
+    if (inputElement.length) {
+        inputElement.css('min-width', inputElement.attr('placeholder').length + 'ch');
+    }
+});
+{{/js}}
diff --git a/templates/core/form_autocomplete_selection.mustache b/templates/core/form_autocomplete_selection.mustache
index 9169fb2..5413dc3 100644
--- a/templates/core/form_autocomplete_selection.mustache
+++ b/templates/core/form_autocomplete_selection.mustache
@@ -37,14 +37,14 @@
         { "label": "Another item label with <strong>tags</strong>", "value": "4" }
     ], "noSelectionString": "No selection" }
 }}
-<div class="form-autocomplete-selection {{#multiple}}form-autocomplete-multiple{{/multiple}}" id="{{selectionId}}" role="list" aria-atomic="true" {{#multiple}}tabindex="0" aria-multiselectable="true"{{/multiple}}>
+<div class="form-autocomplete-selection w-100 {{#multiple}}form-autocomplete-multiple{{/multiple}}" id="{{selectionId}}" role="list" aria-atomic="true" {{#multiple}}tabindex="0" aria-multiselectable="true"{{/multiple}}>
 <span class="accesshide">{{#str}}selecteditems, form{{/str}}</span>
     {{#items}}
-        <span role="listitem" data-value="{{value}}" aria-selected="true" class="tag tag-info m-b-1 m-r-1" style="font-size: 100%">
+        <span role="listitem" data-value="{{value}}" aria-selected="true" class="tag tag-info mb-3 mr-1" style="font-size: 100%">
             {{#multiple}}<span aria-hidden="true">× </span>{{/multiple}}{{{label}}}
         </span>
     {{/items}}
     {{^items}}
-        <span class="m-b-1 m-r-1">{{noSelectionString}}</span>
+        <span class="mb-3 mr-1">{{noSelectionString}}</span>
     {{/items}}
 </div>
diff --git a/templates/core/help_icon.mustache b/templates/core/help_icon.mustache
index 161f0bc..a52440b 100644
--- a/templates/core/help_icon.mustache
+++ b/templates/core/help_icon.mustache
@@ -17,9 +17,9 @@
         }
     }
 }}
-<a class="btn btn-link p-a-0" role="button"
+<a class="btn btn-link p-0" role="button"
     data-container="body" data-toggle="popover"
     data-placement="{{#ltr}}right{{/ltr}}{{^ltr}}left{{/ltr}}" data-content="{{text}} {{completedoclink}}"
     data-html="true" tabindex="0" data-trigger="focus">
-  {{#pix}}help, core, {{alt}}{{/pix}}
+  {{#pix}}help, core, {{{alt}}}{{/pix}}
 </a>
diff --git a/templates/core/initials_bar.mustache b/templates/core/initials_bar.mustache
new file mode 100644
index 0000000..7f02e93
--- /dev/null
+++ b/templates/core/initials_bar.mustache
@@ -0,0 +1,106 @@
+{{!
+    This file is part of Moodle - http://moodle.org/
+
+    Moodle is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    Moodle is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License
+    along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
+}}
+{{!
+    @template core/initials_bar
+
+    Initials bar.
+
+    Example context (json):
+    {
+        "title": "First name",
+        "class": "firstinitial",
+        "current": "A",
+        "url": "http://moodle.generic32/report/progress/index.php?course=2&sifirst",
+        "all": "All",
+        "group": [
+           {
+              "letter": [
+                 {
+                    "name": "A",
+                    "url": "http://moodle.generic32/report/progress/index.php?course=2&sifirst=A"
+                 },
+                 {
+                    "name": "B",
+                    "url": "http://moodle.generic32/report/progress/index.php?course=2&sifirst=B"
+                 },
+                 {
+                    "name": "C",
+                    "url": "http://moodle.generic32/report/progress/index.php?course=2&sifirst=C"
+                 },
+                 {
+                    "name": "D",
+                    "url": "http://moodle.generic32/report/progress/index.php?course=2&sifirst=D"
+                 }
+
+              ]
+           },
+           {
+              "letter": [
+                 {
+                    "name": "W",
+                    "url": "http://moodle.generic32/report/progress/index.php?course=2&sifirst=W",
+                    "selected": "W"
+                 },
+                 {
+                    "name": "X",
+                    "url": "http://moodle.generic32/report/progress/index.php?course=2&sifirst=X"
+                 },
+                 {
+                    "name": "Y",
+                    "url": "http://moodle.generic32/report/progress/index.php?course=2&sifirst=Y"
+                 },
+                 {
+                    "name": "Z",
+                    "url": "http://moodle.generic32/report/progress/index.php?course=2&sifirst=Z"
+                 }
+
+              ]
+           }
+         ]
+    }
+}}
+<div class="initialbar {{class}} d-flex flex-wrap justify-content-center justify-content-md-start">
+    <span class="initialbarlabel mr-2">{{title}}</span>
+
+    <div class="initialbargroups d-flex flex-wrap justify-content-center justify-content-md-start">
+        <ul class="pagination pagination-sm">
+        {{#current}}
+            <li class="initialbarall page-item">
+                <a class="page-link" href="{{url}}">{{all}}</a>
+            </li>
+        {{/current}}
+        {{^current}}
+            <li class="initialbarall page-item active">
+                <a class="page-link">{{all}}</a>
+            </li>
+        {{/current}}
+        </ul>
+        {{#group}}
+            <ul class="pagination pagination-sm">
+                {{#letter}}
+                    {{#selected}}
+                        <li class="page-item active {{name}}"><span class="page-link">{{name}}</span></li>
+                    {{/selected}}
+                    {{^selected}}
+                        <li class="page-item {{name}}"><a class="page-link" href="{{url}}">{{name}}</a></li>
+                    {{/selected}}
+                {{/letter}}
+            </ul>
+        {{/group}}
+    </div>
+</div>
+
diff --git a/templates/core/loginform.mustache b/templates/core/loginform.mustache
index 23aaaf3..452dd66 100644
--- a/templates/core/loginform.mustache
+++ b/templates/core/loginform.mustache
@@ -39,6 +39,7 @@
     * errorformatted - Formatted error,
     * logourl - Flag, logo url,
     * sitename - Name of site.
+    * logintoken - Random token to protect login request.
 
     Example context (json):
     {
@@ -87,107 +88,112 @@
         "cookieshelpiconformatted": "",
         "errorformatted": "",
         "logourl": false,
-        "sitename": "Beer & Chips"
+        "sitename": "Beer & Chips",
+        "logintoken": "randomstring"
     }
 }}
 
-<div class="m-y-3 hidden-sm-down"></div>
-<div class="row">
-<div class="col-xl-6 push-xl-3 m-2-md col-sm-8 push-sm-2">
+<div class="my-1 my-sm-5"></div>
+<div class="row justify-content-center">
+<div class="col-xl-6 col-sm-8 ">
 <div class="card">
     <div class="card-block">
-        <div class="card-title text-xs-center">
-            {{#logourl}}
-                <h2><img src="{{logourl}}" title="{{sitename}}" alt="{{sitename}}"/></h2>
-            {{/logourl}}
-            {{^logourl}}
-                <h2>{{sitename}}</h2>
-            {{/logourl}}
-            <hr>
-        </div>
-
-        {{#cansignup}}
-            <div class="sr-only">
-                <a href="{{signupurl}}">{{#str}} tocreatenewaccount {{/str}}</a>
-            </div>
-        {{/cansignup}}
-
-        {{#error}}
-            <div class="loginerrors m-t-1">
-                <a href="#" id="loginerrormessage" class="accesshide">{{error}}</a>
-                <div class="alert alert-danger" role="alert">{{error}}</div>
-            </div>
-        {{/error}}
-
-        <div class="row">
-            <div class="col-md-4 push-md-1">
-                <form class="m-t-1" action="{{loginurl}}" method="post" id="login">
-                    <input id="anchor" type="hidden" name="anchor" value="">
-                    <script>document.getElementById('anchor').value = location.hash;</script>
-
-                    <label for="username" class="sr-only">
-                        {{^canloginbyemail}}
-                            {{#str}} username {{/str}}
-                        {{/canloginbyemail}}
-                        {{#canloginbyemail}}
-                            {{#str}} usernameemail {{/str}}
-                        {{/canloginbyemail}}
-                    </label>
-                    <input type="text" name="username" id="username"
-                        class="form-control"
-                        value="{{username}}"
-                        placeholder={{#quote}}{{^canloginbyemail}}{{#str}}username{{/str}}{{/canloginbyemail}}{{#canloginbyemail}}{{#str}}usernameemail{{/str}}{{/canloginbyemail}}{{/quote}}>
-                    <label for="password" class="sr-only">{{#str}} password {{/str}}</label>
-                    <input type="password" name="password" id="password" value=""
-                        class="form-control"
-                        placeholder={{#quote}}{{#str}}password{{/str}}{{/quote}}>
-
-                    {{#rememberusername}}
-                        <div class="rememberpass m-t-1">
-                            <input type="checkbox" name="rememberusername" id="rememberusername" value="1" {{#username}}checked="checked"{{/username}} />
-                            <label for="rememberusername">{{#str}} rememberusername, admin {{/str}}</label>
-                        </div>
-                    {{/rememberusername}}
-
-                    <button type="submit" class="btn btn-primary btn-block m-t-1" id="loginbtn">{{#str}}login{{/str}}</button>
-                </form>
-            </div>
-
-            <div class="col-md-4 push-md-3">
-                <div class="forgetpass m-t-1">
-                    <p><a href="{{forgotpasswordurl}}">{{#str}}forgotten{{/str}}</a></p>
+        {{#logourl}}
+            <h2 class="card-header text-center" ><img src="{{logourl}}" class="img-fluid" title="{{sitename}}" alt="{{sitename}}"/></h2>
+        {{/logourl}}
+        {{^logourl}}
+            <h2 class="card-header text-center">{{sitename}}</h2>
+        {{/logourl}}
+        <div class="card-body">
+            {{#cansignup}}
+                <div class="sr-only">
+                    <a href="{{signupurl}}">{{#str}} tocreatenewaccount {{/str}}</a>
                 </div>
+            {{/cansignup}}
 
-                <div class="m-t-1">
-                    {{#str}} cookiesenabled {{/str}}
-                    {{{cookieshelpiconformatted}}}
+            {{#error}}
+                <div class="loginerrors mt-3">
+                    <a href="#" id="loginerrormessage" class="accesshide">{{error}}</a>
+                    <div class="alert alert-danger" role="alert" data-aria-autofocus="true">{{error}}</div>
                 </div>
-            {{#canloginasguest}}
-                <div class="m-t-2">
-                    <p>{{#str}}someallowguest{{/str}}</p>
-                    <form action="{{loginurl}}" method="post" id="guestlogin">
-                        <input type="hidden" name="username" value="guest" />
-                        <input type="hidden" name="password" value="guest" />
-                        <button class="btn btn-secondary btn-block" type="submit">{{#str}}loginguest{{/str}}</button>
+            {{/error}}
+
+            <div class="row justify-content-md-center">
+                <div class="col-md-5">
+                    <form class="mt-3" action="{{loginurl}}" method="post" id="login">
+                        <input id="anchor" type="hidden" name="anchor" value="">
+                        <script>document.getElementById('anchor').value = location.hash;</script>
+                        <input type="hidden" name="logintoken" value="{{logintoken}}">
+                        <div class="form-group">
+                            <label for="username" class="sr-only">
+                                {{^canloginbyemail}}
+                                    {{#str}} username {{/str}}
+                                {{/canloginbyemail}}
+                                {{#canloginbyemail}}
+                                    {{#str}} usernameemail {{/str}}
+                                {{/canloginbyemail}}
+                            </label>
+                            <input type="text" name="username" id="username"
+                                class="form-control"
+                                value="{{username}}"
+                                placeholder={{#quote}}{{^canloginbyemail}}{{#str}}username{{/str}}{{/canloginbyemail}}{{#canloginbyemail}}{{#str}}usernameemail{{/str}}{{/canloginbyemail}}{{/quote}}
+                                autocomplete="username">
+                        </div>
+                        <div class="form-group">
+                            <label for="password" class="sr-only">{{#str}} password {{/str}}</label>
+                            <input type="password" name="password" id="password" value=""
+                                class="form-control"
+                                placeholder={{#quote}}{{#str}}password{{/str}}{{/quote}}
+                                autocomplete="current-password">
+                        </div>
+                        {{#rememberusername}}
+                            <div class="rememberpass mt-3">
+                                <input type="checkbox" name="rememberusername" id="rememberusername" value="1" {{#username}}checked="checked"{{/username}} />
+                                <label for="rememberusername">{{#str}} rememberusername, admin {{/str}}</label>
+                            </div>
+                        {{/rememberusername}}
+
+                        <button type="submit" class="btn btn-primary btn-block mt-3" id="loginbtn">{{#str}}login{{/str}}</button>
                     </form>
                 </div>
-            {{/canloginasguest}}
-
-        {{#hasidentityproviders}}
-                <h6 class="m-t-2">{{#str}} potentialidps, auth {{/str}}</h6>
-                <div class="potentialidplist" class="m-t-1">
-                    {{#identityproviders}}
-                        <div class="potentialidp">
-                            <a href="{{url}}" title={{#quote}}{{name}}{{/quote}} class="btn btn-secondary btn-block">
-                                {{#iconurl}}
-                                    <img src="{{iconurl}}" alt="" width="24" height="24"/>
-                                {{/iconurl}}
-                                {{name}}
-                            </a>
+
+                <div class="col-md-5">
+                    <div class="forgetpass mt-3">
+                        <p><a href="{{forgotpasswordurl}}">{{#str}}forgotten{{/str}}</a></p>
+                    </div>
+
+                    <div class="mt-3">
+                        {{#str}} cookiesenabled {{/str}}
+                        {{{cookieshelpiconformatted}}}
+                    </div>
+                    {{#canloginasguest}}
+                        <div class="mt-2">
+                            <p>{{#str}}someallowguest{{/str}}</p>
+                            <form action="{{loginurl}}" method="post" id="guestlogin">
+                                <input type="hidden" name="logintoken" value="{{logintoken}}">
+                                <input type="hidden" name="username" value="guest" />
+                                <input type="hidden" name="password" value="guest" />
+                                <button class="btn btn-secondary btn-block" type="submit">{{#str}}loginguest{{/str}}</button>
+                            </form>
                         </div>
-                    {{/identityproviders}}
+                    {{/canloginasguest}}
+
+                {{#hasidentityproviders}}
+                    <h6 class="mt-2">{{#str}} potentialidps, auth {{/str}}</h6>
+                    <div class="potentialidplist" class="mt-3">
+                        {{#identityproviders}}
+                            <div class="potentialidp">
+                                <a href="{{url}}" title={{#quote}}{{name}}{{/quote}} class="btn btn-secondary btn-block">
+                                    {{#iconurl}}
+                                        <img src="{{iconurl}}" alt="" width="24" height="24"/>
+                                    {{/iconurl}}
+                                    {{name}}
+                                </a>
+                            </div>
+                        {{/identityproviders}}
+                    </div>
+                {{/hasidentityproviders}}
                 </div>
-        {{/hasidentityproviders}}
             </div>
         </div>
     </div>
@@ -197,17 +203,17 @@
 
 
 {{#hasinstructions}}
-<div class="row">
-<div class="col-xl-6 push-xl-3 m-2-md col-sm-8 push-sm-2">
+<div class="row justify-content-center mt-3">
+<div class="col-xl-6 col-sm-8">
 <div class="card">
-    <div class="card-block">
+    <div class="card-body">
         <div class="card-title">
             <h2>{{#str}}firsttime{{/str}}</h2>
         </div>
         <div>
         {{{instructions}}}
         {{#cansignup}}
-            <form class="m-t-1" action="{{signupurl}}" method="get" id="signup">
+            <form class="mt-3" action="{{signupurl}}" method="get" id="signup">
                 <button type="submit" class="btn btn-secondary">{{#str}}startsignup{{/str}}</button>
             </form>
         {{/cansignup}}
diff --git a/templates/core/modal.mustache b/templates/core/modal.mustache
index 235d2d0..1e8586b 100644
--- a/templates/core/modal.mustache
+++ b/templates/core/modal.mustache
@@ -41,15 +41,16 @@
 }}
 
 <div class="modal moodle-has-zindex" data-region="modal-container" aria-hidden="true" role="dialog">
-    <div class="modal-dialog {{$classes}}{{/classes}}" role="document" data-region="modal" aria-labelledby="{{uniqid}}-modal-title">
+    <div class="modal-dialog {{$classes}}{{/classes}}" role="document" data-region="modal" aria-labelledby="{{uniqid}}-modal-title" tabindex="0">
         <div class="modal-content">
             <div class="modal-header {{$headerclasses}}{{headerclasses}}{{/headerclasses}}" data-region="header">
+
+                {{$header}}
+                    <h5 id="{{uniqid}}-modal-title" class="modal-title" data-region="title">{{$title}}{{title}}{{/title}}</h5>
+                {{/header}}
                 <button type="button" class="close" data-action="hide" aria-label={{#quote}}{{#str}}closebuttontitle{{/str}}{{/quote}}>
                   <span aria-hidden="true">&times;</span>
                 </button>
-                {{$header}}
-                    <h4 id="{{uniqid}}-modal-title" class="modal-title" data-region="title" tabindex="0">{{$title}}{{title}}{{/title}}</h4>
-                {{/header}}
             </div>
             <div class="modal-body" data-region="body">
                 {{$body}}
diff --git a/templates/core/navbar.mustache b/templates/core/navbar.mustache
index 0f2c157..2998888 100644
--- a/templates/core/navbar.mustache
+++ b/templates/core/navbar.mustache
@@ -30,7 +30,8 @@
       * has_action - boolean
       * action - string
       * get_title - string
-      * text - HTML
+      * get_content - string
+      * is_hidden - boolean
 
     Example context (json):
     {
@@ -39,33 +40,39 @@
                 "has_action": true,
                 "action": "#",
                 "get_title": "Test title",
-                "text": "First & fresh"
+                "get_content": "First & fresh",
+                "is_hidden": false
             },
             {
                 "has_action": true,
                 "action": "#",
                 "get_title": "Second item & a title",
-                "text": "Second item"
+                "get_content": "Second item",
+                "is_hidden": false
             },
             {
                 "has_action": false,
-                "text": "Third item"
+                "get_content": "Third item",
+                "is_hidden": false
             },
             {
                 "has_action": false,
-                "text": "Fourth & last"
+                "get_content": "Fourth & last",
+                "is_hidden": true
             }
         ]
     }
 }}
-<nav role="navigation">
+<nav role="navigation" aria-label="{{#str}}breadcrumb, access{{/str}}">
     <ol class="breadcrumb">
         {{#get_items}}
             {{#has_action}}
-                <li class="breadcrumb-item"><a href="{{{action}}}" {{#get_title}}title="{{get_title}}"{{/get_title}}>{{{text}}}</a></li>
+                <li class="breadcrumb-item{{#is_hidden}} dimmed_text{{/is_hidden}}">
+                    <a href="{{{action}}}" {{#is_last}}aria-current="page"{{/is_last}} {{#get_title}}title="{{get_title}}"{{/get_title}}>{{{get_content}}}</a>
+                </li>
             {{/has_action}}
             {{^has_action}}
-                <li class="breadcrumb-item">{{{text}}}</li>
+                <li class="breadcrumb-item{{#is_hidden}} dimmed_text{{/is_hidden}}">{{{text}}}</li>
             {{/has_action}}
         {{/get_items}}
     </ol>
diff --git a/templates/core/notification_error.mustache b/templates/core/notification_error.mustache
index 02d8798..3d05b42 100644
--- a/templates/core/notification_error.mustache
+++ b/templates/core/notification_error.mustache
@@ -37,7 +37,7 @@
     { "message": "Your pants are on fire!", "closebutton": 1, "announce": 1, "extraclasses": "foo bar"}
 }}
 <div class="alert alert-danger alert-block fade in {{ extraclasses }}" {{!
-    }}{{# announce }} role="alert"{{/ announce }}{{!
+    }}{{# announce }} role="alert" data-aria-autofocus="true"{{/ announce }}{{!
     }}>
     {{# closebutton }}<button type="button" class="close" data-dismiss="alert">&times;</button>{{/ closebutton }}
     {{{ message }}}
diff --git a/templates/core/notification_info.mustache b/templates/core/notification_info.mustache
index bc7393d..692751f 100644
--- a/templates/core/notification_info.mustache
+++ b/templates/core/notification_info.mustache
@@ -37,7 +37,7 @@
     { "message": "Your pants are on fire!", "closebutton": 1, "announce": 1, "extraclasses": "foo bar"}
 }}
 <div class="alert alert-info alert-block fade in {{ extraclasses }}" {{!
-    }}{{# announce }} role="alert"{{/ announce }}{{!
+    }}{{# announce }} role="alert" data-aria-autofocus="true"{{/ announce }}{{!
     }}>
     {{# closebutton }}<button type="button" class="close" data-dismiss="alert">&times;</button>{{/ closebutton }}
     {{{ message }}}
diff --git a/templates/core/notification_success.mustache b/templates/core/notification_success.mustache
index 74227e3..b33f4aa 100644
--- a/templates/core/notification_success.mustache
+++ b/templates/core/notification_success.mustache
@@ -37,7 +37,7 @@
     { "message": "Your pants are on fire!", "closebutton": 1, "announce": 1, "extraclasses": "foo bar"}
 }}
 <div class="alert alert-success alert-block fade in {{ extraclasses }}" {{!
-    }}{{# announce }} role="alert"{{/ announce }}{{!
+    }}{{# announce }} role="alert" data-aria-autofocus="true"{{/ announce }}{{!
     }}>
     {{# closebutton }}<button type="button" class="close" data-dismiss="alert">&times;</button>{{/ closebutton }}
     {{{ message }}}
diff --git a/templates/core/notification_warning.mustache b/templates/core/notification_warning.mustache
index c0a2f06..e3f8bda 100644
--- a/templates/core/notification_warning.mustache
+++ b/templates/core/notification_warning.mustache
@@ -37,8 +37,8 @@
     { "message": "Your pants are on fire!", "closebutton": 1, "announce": 1, "extraclasses": "foo bar"}
 }}
 <div class="alert alert-warning alert-block fade in {{ extraclasses }}" {{!
-    }}{{# announce }} role="alert"{{/ announce }}{{!
+    }}{{# announce }} role="alert" data-aria-autofocus="true"{{/ announce }}{{!
     }}>
     {{# closebutton }}<button type="button" class="close" data-dismiss="alert">&times;</button>{{/ closebutton }}
     {{{ message }}}
-</div>
\ No newline at end of file
+</div>
diff --git a/templates/core/paging_bar.mustache b/templates/core/paging_bar.mustache
deleted file mode 100644
index d8423c5..0000000
--- a/templates/core/paging_bar.mustache
+++ /dev/null
@@ -1,48 +0,0 @@
-{{#haspages}}
-    <nav aria-label="{{label}}">
-        <ul class="pagination">
-            {{#previous}}
-                <li class="page-item">
-                    <a href="{{url}}" class="page-link">
-                        <span aria-hidden="true">&laquo;</span>
-                        <span class="sr-only">{{#str}}previous{{/str}}</span>
-                    </a>
-                </li>
-            {{/previous}}
-            {{#first}}
-                <li class="page-item">
-                    <a href="{{url}}" class="page-link">{{page}}</a>
-                </li>
-                <li class="page-item disabled">
-                    <span class="page-link">&hellip;</a>
-                </li>
-            {{/first}}
-            {{#pages}}
-                <li class="page-item {{#active}}active{{/active}}">
-                    <a href="{{url}}" class="page-link">
-                        {{page}}
-                        {{#active}}
-                            <span class="sr-only">{{#str}}currentinparentheses, theme_ilb{{/str}}</span>
-                        {{/active}}
-                    </a>
-                </li>
-            {{/pages}}
-            {{#last}}
-                <li class="page-item disabled">
-                    <span class="page-link">&hellip;</a>
-                </li>
-                <li class="page-item">
-                    <a href="{{url}}" class="page-link">{{page}}</a>
-                </li>
-            {{/last}}
-            {{#next}}
-                <li class="page-item">
-                    <a href="{{url}}" class="page-link">
-                        <span aria-hidden="true">&raquo;</span>
-                        <span class="sr-only">{{#str}}next{{/str}}</span>
-                    </a>
-                </li>
-            {{/next}}
-        </ul>
-    </nav>
-{{/haspages}}
diff --git a/templates/core/preferences_groups.mustache b/templates/core/preferences_groups.mustache
index 2913ab8..de16bc4 100644
--- a/templates/core/preferences_groups.mustache
+++ b/templates/core/preferences_groups.mustache
@@ -1,9 +1,9 @@
-<div class="container-fluid">
+
     <div class="row">
         {{#groups}}
             <div class="col-md-4">
-                <div class="card">
-                    <div class="card-block">
+                <div class="card mb-3">
+                    <div class="card-body">
                         <h4 class="card-title">{{title}}</h4>
                         <div class="card-text">
                         {{#nodes}}
@@ -15,4 +15,3 @@
             </div>
         {{/groups}}
     </div>
-</div>
\ No newline at end of file
diff --git a/templates/core/settings_link_page.mustache b/templates/core/settings_link_page.mustache
index 5fe79eb..c763f4b 100644
--- a/templates/core/settings_link_page.mustache
+++ b/templates/core/settings_link_page.mustache
@@ -56,96 +56,90 @@
 {{/node.children}}
 </ul>
 
-<div class="tab-content">
+<div class="tab-content mt-3">
     <div class="tab-pane active" id="link{{node.key}}" role="tabpanel">
-        <div class="card">
-            <div class="card-block">
-                <div class="container">
-                    <div class="row">
-                        <div class="col-sm-9 push-sm-3">
-                            <ul class="list-unstyled">
-                                {{#node.children}}
-                                    {{^children.count}}
-                                        {{#display}}
-                                            <li><a href="{{{action}}}">{{text}}</a></li>
-                                        {{/display}}
-                                    {{/children.count}}
-                                {{/node.children}}
-                            </ul>
-                        </div>
-                    </div>
-
-                    {{#node.children}}
-                        {{#display}}
-                            {{#children.count}}
-                                {{#is_short_branch}}
-                                    <hr>
-                                    <div class="row">
-                                        <div class="col-sm-3">
-                                            {{#action}}<h4><a href="{{action}}">{{text}}</a><h4>{{/action}}
-                                            {{^action}}<h4>{{text}}<h4>{{/action}}
-                                        </div>
-                                        <div class="col-sm-9">
-                                            <ul class="list-unstyled">
-                                                {{#children}}
-                                                    {{> core/settings_link_page_single }}
-                                                {{/children}}
-                                            </ul>
-                                        </div>
-                                    </div>
-                                {{/is_short_branch}}
+        <div class="container">
+            <div class="row">
+                <div class="col-sm-3">
+                </div>
+                <div class="col">
+                    <ul class="list-unstyled">
+                        {{#node.children}}
+                            {{^children.count}}
+                                {{#display}}
+                                    <li><a href="{{{action}}}">{{text}}</a></li>
+                                {{/display}}
                             {{/children.count}}
-                        {{/display}}
-                    {{/node.children}}
+                        {{/node.children}}
+                    </ul>
                 </div>
             </div>
-        </div>
-    </div>
-    {{#node.children}}
-        {{#children.count}}
-            <div class="tab-pane" id="link{{key}}" role="tabpanel">
-                <div class="card">
-                    <div class="card-block">
-                        <div class="container">
+
+            {{#node.children}}
+                {{#display}}
+                    {{#children.count}}
+                        {{#is_short_branch}}
+                            <hr>
                             <div class="row">
                                 <div class="col-sm-3">
                                     {{#action}}<h4><a href="{{action}}">{{text}}</a><h4>{{/action}}
                                     {{^action}}<h4>{{text}}<h4>{{/action}}
                                 </div>
-                                <div class="col-sm-9">
+                                <div class="col">
                                     <ul class="list-unstyled">
                                         {{#children}}
-                                            {{#display}}
-                                                {{^children.count}}
-                                                    <li><a href="{{{action}}}">{{text}}</a></li>
-                                                {{/children.count}}
-                                            {{/display}}
+                                            {{> core/settings_link_page_single }}
                                         {{/children}}
                                     </ul>
                                 </div>
                             </div>
-                            {{#children}}
-                                {{#display}}
-                                    {{#children.count}}
-                                        <hr>
-                                        <div class="row">
-                                            <div class="col-sm-3">
-                                                {{#action}}<h4><a href="{{action}}">{{text}}</a><h4>{{/action}}
-                                                {{^action}}<h4>{{text}}<h4>{{/action}}
-                                            </div>
-                                            <div class="col-sm-9">
-                                                <ul class="list-unstyled">
-                                                    {{#children}}
-                                                        {{> core/settings_link_page_single }}
-                                                    {{/children}}
-                                                </ul>
-                                            </div>
-                                        </div>
-                                    {{/children.count}}
-                                {{/display}}
-                            {{/children}}
+                        {{/is_short_branch}}
+                    {{/children.count}}
+                {{/display}}
+            {{/node.children}}
+        </div>
+    </div>
+    {{#node.children}}
+        {{#children.count}}
+            <div class="tab-pane" id="link{{key}}" role="tabpanel">
+                <div class="container">
+                    <div class="row">
+                        <div class="col-sm-3">
+                            {{#action}}<h4><a href="{{action}}">{{text}}</a><h4>{{/action}}
+                            {{^action}}<h4>{{text}}<h4>{{/action}}
+                        </div>
+                        <div class="col-sm-9">
+                            <ul class="list-unstyled">
+                                {{#children}}
+                                    {{#display}}
+                                        {{^children.count}}
+                                            <li><a href="{{{action}}}">{{text}}</a></li>
+                                        {{/children.count}}
+                                    {{/display}}
+                                {{/children}}
+                            </ul>
                         </div>
                     </div>
+                    {{#children}}
+                        {{#display}}
+                            {{#children.count}}
+                                <hr>
+                                <div class="row">
+                                    <div class="col-sm-3">
+                                        {{#action}}<h4><a href="{{action}}">{{text}}</a><h4>{{/action}}
+                                        {{^action}}<h4>{{text}}<h4>{{/action}}
+                                    </div>
+                                    <div class="col-sm-9">
+                                        <ul class="list-unstyled">
+                                            {{#children}}
+                                                {{> core/settings_link_page_single }}
+                                            {{/children}}
+                                        </ul>
+                                    </div>
+                                </div>
+                            {{/children.count}}
+                        {{/display}}
+                    {{/children}}
                 </div>
             </div>
         {{/children.count}}
diff --git a/templates/core/settings_link_page_single.mustache b/templates/core/settings_link_page_single.mustache
index beae54a..e34dd43 100644
--- a/templates/core/settings_link_page_single.mustache
+++ b/templates/core/settings_link_page_single.mustache
@@ -36,7 +36,7 @@
     {{/action}}
     {{#children.count}}
         <li>
-            <ul class="list-unstyled m-l-2">
+            <ul class="list-unstyled ml-2">
                 {{#children}}
                     {{> core/settings_link_page_single }}
                 {{/children}}
diff --git a/templates/core/signup_form_layout.mustache b/templates/core/signup_form_layout.mustache
index f62655e..dac6ab0 100644
--- a/templates/core/signup_form_layout.mustache
+++ b/templates/core/signup_form_layout.mustache
@@ -8,14 +8,14 @@
         "formhtml": "<p>(Form html would go here)</p>"
     }
 }}
-<div class="container-fluid">
-    <div class="row">
-        <div class="col-md-8 push-md-2 col-xl-6 push-xl-3">
+<div class="container-fluid mt-1 mt-md-5">
+    <div class="row justify-content-md-center">
+        <div class="col-md-8 col-xl-6">
             <div class="card">
-                <div class="card-block">
+                <div class="card-body">
                     <div class="card-title text-xs-center">
                         {{#logourl}}
-                            <h2><img src="{{logourl}}" title="{{sitename}}" alt="{{sitename}}"/></h2>
+                            <h2><img src="{{logourl}}" class="img-fluid" title="{{sitename}}" alt="{{sitename}}"/></h2>
                         {{/logourl}}
                         {{^logourl}}
                             <h2>{{sitename}}</h2>
diff --git a/templates/core/tabtree.mustache b/templates/core/tabtree.mustache
index 73d112a..08c817b 100644
--- a/templates/core/tabtree.mustache
+++ b/templates/core/tabtree.mustache
@@ -32,7 +32,7 @@
         }]
     }
 }}
-<ul class="nav nav-tabs m-b-1">
+<ul class="nav nav-tabs mb-3">
   {{#tabs}}
     <li class="nav-item">
       <a class="nav-link{{#active}} active{{/active}}{{#inactive}} disabled{{/inactive}}" {{#link}}href="{{{link}}}"{{/link}} title="{{title}}">{{{text}}}</a>
diff --git a/templates/core_admin/setting.mustache b/templates/core_admin/setting.mustache
index bcbd735..32151be 100644
--- a/templates/core_admin/setting.mustache
+++ b/templates/core_admin/setting.mustache
@@ -38,6 +38,6 @@
         {{#default}}
             <div class="form-defaultinfo text-muted {{#forceltr}}text-ltr{{/forceltr}}">{{{default}}}</div>
         {{/default}}
-        <div class="form-description m-t-1">{{{description}}}</div>
+        <div class="form-description mt-3">{{{description}}}</div>
     </div>
 </div>
diff --git a/templates/core_admin/setting_description.mustache b/templates/core_admin/setting_description.mustache
new file mode 100644
index 0000000..09bda33
--- /dev/null
+++ b/templates/core_admin/setting_description.mustache
@@ -0,0 +1,46 @@
+{{!
+    This file is part of Moodle - http://moodle.org/
+
+    Moodle is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    Moodle is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License
+    along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
+}}
+{{!
+    @template core_admin/setting_description
+
+    Admin setting description template.
+
+    Context variables required for this template:
+    * labelfor - id of the form element
+    * title - Setting title
+    * name - Setting name
+
+    Example context (json):
+    {
+        "title": "Setting title",
+        "name": "Name",
+        "description": "Description goes here"
+    }
+}}
+{{!
+    Setting description.
+}}
+<div class="form-item row">
+    <div class="form-label col-sm-3 text-sm-right">
+        <label>
+            {{{title}}}
+        </label>
+    </div>
+    <div class="form-setting col-sm-9">
+        <div class="form-description">{{{description}}}</div>
+    </div>
+</div>
diff --git a/templates/core_admin/settings.mustache b/templates/core_admin/settings.mustache
index 1de9250..c75925a 100644
--- a/templates/core_admin/settings.mustache
+++ b/templates/core_admin/settings.mustache
@@ -21,6 +21,7 @@
     <div class="settingsform">
         {{#params}}
             <input type="hidden" name="{{name}}" value="{{value}}">
+            <input type="hidden" name="action" value="save-settings">
         {{/params}}
         <input type="hidden" name="sesskey" value="{{sesskey}}">
         <input type="hidden" name="return" value="{{return}}">
diff --git a/templates/core_admin/settings_search_results.mustache b/templates/core_admin/settings_search_results.mustache
index 4ecdcd6..6653154 100644
--- a/templates/core_admin/settings_search_results.mustache
+++ b/templates/core_admin/settings_search_results.mustache
@@ -15,7 +15,24 @@
     along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
 }}
 {{!
-    Settings.
+    @template core_admin/settings_search_results
+
+    Admin setting search results template.
+
+    Context variables required for this template:
+    * actionurl - Url to post to
+    * hasresults - True if there are results
+    * results - List of results containing url, title, path (array of strings), settings (array of raw html)
+    * showsave - Show save buttons
+
+    Example context (json):
+    {
+        "actionurl": "/",
+        "hasresults": true,
+        "results": [
+            { "url": "/", "title": "Match!", "path": ["Administration", "Match!"], "settings": [ "blah blah blah" ] }
+        ]
+    }
 }}
 <form action="{{actionurl}}" method="post" id="adminsettings">
     <div>
@@ -24,9 +41,15 @@
     </div>
     <fieldset>
         <div class="clearer"></div>
+        <h2 class="main">{{#str}}searchresults, admin{{/str}}</h2>
         {{#hasresults}}
             {{#results}}
-                <h2 class="main">{{#str}}searchresults, admin{{/str}} - <a href="{{url}}">{{{title}}}</a></h2>
+                <h3 class="adminpagetitle"><a href="{{url}}">{{{title}}}</a></h3>
+                <ul class="adminpagepath" aria-label="{{#str}} pagepath, core {{/str}}">
+                    {{#path}}
+                    <li>{{.}}</li>
+                    {{/path}}
+                </ul>
                 <fieldset class="adminsettings">
                     {{#settings}}
                         <div class="clearer"></div>
diff --git a/templates/core_calendar/minicalendar_day_link.mustache b/templates/core_calendar/minicalendar_day_link.mustache
index 072345d..3f34716 100644
--- a/templates/core_calendar/minicalendar_day_link.mustache
+++ b/templates/core_calendar/minicalendar_day_link.mustache
@@ -43,7 +43,7 @@
 </div>
 {{#js}}
 require(['jquery'], function($) {
-    require(['theme_boost/popover'], function() {
+    require(['theme_ilb/popover'], function() {
         var target = $("#calendar-day-popover-link-{{courseid}}-{{year}}-{{yday}}-{{uniqid}}");
         target.popover({
             content: function() {
diff --git a/templates/core_form/element-advcheckbox-inline.mustache b/templates/core_form/element-advcheckbox-inline.mustache
index d22db82..cc8134f 100644
--- a/templates/core_form/element-advcheckbox-inline.mustache
+++ b/templates/core_form/element-advcheckbox-inline.mustache
@@ -7,7 +7,7 @@
         <input type="hidden" name="{{element.name}}" value="{{element.frozenvalue}}">
     {{/element.frozen}}
 {{/element.hardfrozen}}
-<input type="checkbox" name="{{element.name}}" class="{{element.extraclasses}}"
+<input type="checkbox" name="{{element.name}}" class="form-check-input {{element.extraclasses}}"
     id="{{element.id}}"
     {{#element.selectedvalue}}
         value="{{element.selectedvalue}}"
@@ -27,12 +27,12 @@
     <em>{{{.}}}</em>
 {{/text}}
 {{{helpbutton}}}
-<span class="form-control-feedback" id="id_error_{{element.name}}" {{^error}} style="display: none;"{{/error}}>
+<span class="form-control-feedback invalid-feedback" id="id_error_{{element.name}}" {{#error}} style="display: block;"{{/error}}>
     {{{error}}}
 </span>
 {{^element.frozen}}
 {{#js}}
-require(['theme_boost/form-display-errors'], function(module) {
+require(['theme_ilb/form-display-errors'], function(module) {
     module.enhance({{#quote}}{{element.id}}{{/quote}});
 });
 {{/js}}
diff --git a/templates/core_form/element-advcheckbox.mustache b/templates/core_form/element-advcheckbox.mustache
index 8ec8fe9..ff7c7c8 100644
--- a/templates/core_form/element-advcheckbox.mustache
+++ b/templates/core_form/element-advcheckbox.mustache
@@ -7,48 +7,50 @@
         {{/text}}
     </div>
     <div class="col-md-9 checkbox">
-        <label>
-        {{^element.hardfrozen}}
-            {{^element.frozen}}
-                <input type="hidden" name="{{element.name}}" value="{{element.deselectedvalue}}">
-            {{/element.frozen}}
-            {{#element.frozen}}
-                <input type="hidden" name="{{element.name}}" value="{{element.frozenvalue}}">
-            {{/element.frozen}}
-        {{/element.hardfrozen}}
-        <input type="checkbox"
-            name="{{element.name}}"
-            class="{{element.extraclasses}}"
-            {{#element.selectedvalue}}
-                value="{{element.selectedvalue}}"
-            {{/element.selectedvalue}}
-            id="{{element.id}}" {{#element.checked}}checked{{/element.checked}}
-            {{#error}}
-                autofocus aria-describedby="id_error_{{element.name}}"
-            {{/error}}
-            {{#element.frozen}}
-                disabled
-            {{/element.frozen}}
-            {{{element.attributes}}} >
-            {{#text}}
-                {{{.}}}
-            {{/text}}
-            {{^text}}
-                {{{label}}}
-            {{/text}}
-        </label>
-        <span class="text-nowrap">
-            {{#advanced}}<abbr class="initialism text-info" title="{{#str}}advanced{{/str}}">!</abbr>{{/advanced}}
-            {{{helpbutton}}}
-        </span>
-        <div class="form-control-feedback" id="id_error_{{element.name}}" {{^error}} style="display: none;"{{/error}}>
+        <div class="form-check">
+            <label>
+            {{^element.hardfrozen}}
+                {{^element.frozen}}
+                    <input type="hidden" name="{{element.name}}" value="{{element.deselectedvalue}}">
+                {{/element.frozen}}
+                {{#element.frozen}}
+                    <input type="hidden" name="{{element.name}}" value="{{element.frozenvalue}}">
+                {{/element.frozen}}
+            {{/element.hardfrozen}}
+            <input type="checkbox"
+                name="{{element.name}}"
+                class="form-check-input {{element.extraclasses}}"
+                {{#element.selectedvalue}}
+                    value="{{element.selectedvalue}}"
+                {{/element.selectedvalue}}
+                id="{{element.id}}" {{#element.checked}}checked{{/element.checked}}
+                {{#error}}
+                    autofocus aria-describedby="id_error_{{element.name}}"
+                {{/error}}
+                {{#element.frozen}}
+                    disabled
+                {{/element.frozen}}
+                {{{element.attributes}}} >
+                {{#text}}
+                    {{{.}}}
+                {{/text}}
+                {{^text}}
+                    {{{label}}}
+                {{/text}}
+            </label>
+            <span class="text-nowrap">
+                {{#advanced}}<abbr class="initialism text-info" title="{{#str}}advanced{{/str}}">!</abbr>{{/advanced}}
+                {{{helpbutton}}}
+            </span>
+        </div>
+        <div class="form-control-feedback invalid-feedback" id="id_error_{{element.name}}" {{#error}} style="display: block;"{{/error}}>
             {{{error}}}
         </div>
     </div>
 </div>
 {{^element.frozen}}
 {{#js}}
-require(['theme_boost/form-display-errors'], function(module) {
+require(['theme_ilb/form-display-errors'], function(module) {
     module.enhance({{#quote}}{{element.id}}{{/quote}});
 });
 {{/js}}
diff --git a/templates/core_form/element-autocomplete-inline.mustache b/templates/core_form/element-autocomplete-inline.mustache
index 2305512..bc7434a 100644
--- a/templates/core_form/element-autocomplete-inline.mustache
+++ b/templates/core_form/element-autocomplete-inline.mustache
@@ -1,7 +1,7 @@
 {{< core_form/element-template-inline }}
     {{$element}}
         {{^element.frozen}}
-        <select class="custom-select {{#error}}form-control-danger{{/error}}" name="{{element.name}}"
+        <select class="custom-select {{#error}}is-invalid{{/error}}" name="{{element.name}}"
             id="{{element.id}}"
             {{#element.multiple}}multiple{{/element.multiple}}
             {{#error}}
diff --git a/templates/core_form/element-autocomplete.mustache b/templates/core_form/element-autocomplete.mustache
index 4ed7613..a7fea2c 100644
--- a/templates/core_form/element-autocomplete.mustache
+++ b/templates/core_form/element-autocomplete.mustache
@@ -1,7 +1,7 @@
 {{< core_form/element-template }}
     {{$element}}
         {{^element.frozen}}
-        <select class="custom-select {{#error}}form-control-danger{{/error}}" name="{{element.name}}"
+        <select class="custom-select {{#error}}is-invalid{{/error}}" name="{{element.name}}"
             id="{{element.id}}"
             {{#element.multiple}}multiple{{/element.multiple}}
             {{#error}}
@@ -9,7 +9,7 @@
             {{/error}}
             {{{element.attributes}}} >
             {{#element.options}}
-            <option value="{{value}}" {{#selected}}selected{{/selected}}>{{{text}}}</option>
+            <option value="{{value}}" {{#selected}}selected{{/selected}}{{#html}} data-html="{{html}}"{{/html}}>{{{text}}}</option>
             {{/element.options}}
         </select>
         {{/element.frozen}}
diff --git a/templates/core_form/element-button.mustache b/templates/core_form/element-button.mustache
index 10d4851..3ce46e2 100644
--- a/templates/core_form/element-button.mustache
+++ b/templates/core_form/element-button.mustache
@@ -2,7 +2,7 @@
     {{$element}}
         {{^element.frozen}}
         <button
-                class="btn btn-secondary m-l-0"
+                class="btn btn-secondary ml-0"
                 name="{{element.name}}"
                 id="{{element.id}}"
                 type="button"
diff --git a/templates/core_form/element-checkbox-inline.mustache b/templates/core_form/element-checkbox-inline.mustache
index 150d2a0..0f94459 100644
--- a/templates/core_form/element-checkbox-inline.mustache
+++ b/templates/core_form/element-checkbox-inline.mustache
@@ -4,7 +4,7 @@
         <input type="hidden" name="{{element.name}}" value="{{element.frozenvalue}}">
     {{/element.frozen}}
 {{/element.hardfrozen}}
-<input type="checkbox" name="{{element.name}}" class="{{element.extraclasses}}"
+<input type="checkbox" name="{{element.name}}" class="form-check-input {{element.extraclasses}}"
     id="{{element.id}}"
     {{#element.value}}
         value="{{element.value}}"
@@ -27,12 +27,12 @@
     <em>{{{.}}}</em>
 {{/text}}
 {{{helpbutton}}}
-<span class="form-control-feedback" id="id_error_{{element.name}}" {{^error}} style="display: none;"{{/error}}>
+<span class="form-control-feedback invalid-feedback" id="id_error_{{element.name}}" {{#error}} style="display: block;"{{/error}}>
     {{{error}}}
 </span>
 {{^element.frozen}}
 {{#js}}
-require(['theme_boost/form-display-errors'], function(module) {
+require(['theme_ilb/form-display-errors'], function(module) {
     module.enhance({{#quote}}{{element.id}}{{/quote}});
 });
 {{/js}}
diff --git a/templates/core_form/element-checkbox.mustache b/templates/core_form/element-checkbox.mustache
index ad55331..6a96b00 100644
--- a/templates/core_form/element-checkbox.mustache
+++ b/templates/core_form/element-checkbox.mustache
@@ -7,48 +7,50 @@
         {{/text}}
     </div>
     <div class="col-md-9 checkbox">
-        <label>
-        {{^element.hardfrozen}}
-            {{#element.frozen}}
-                <input type="hidden" name="{{element.name}}" value="{{element.frozenvalue}}">
-            {{/element.frozen}}
-        {{/element.hardfrozen}}
-        <input type="checkbox"
-            name="{{element.name}}"
-            class="{{element.extraclasses}}"
-            {{#element.value}}
-                value="{{element.value}}"
-            {{/element.value}}
-            {{^element.value}}
-                value="1"
-            {{/element.value}}
-            id="{{element.id}}" {{#element.checked}}checked{{/element.checked}}
-            {{#error}}
-                autofocus aria-describedby="id_error_{{element.name}}"
-            {{/error}}
-            {{#element.frozen}}
-                disabled
-            {{/element.frozen}}
-            {{{element.attributes}}} >
-            {{#text}}
-                {{{.}}}
-            {{/text}}
-            {{^text}}
-                {{{label}}}
-            {{/text}}
-        </label>
-        <span class="text-nowrap">
-            {{#advanced}}<abbr class="initialism text-info" title="{{#str}}advanced{{/str}}">!</abbr>{{/advanced}}
-            {{{helpbutton}}}
-        </span>
-        <div class="form-control-feedback" id="id_error_{{element.name}}" {{^error}} style="display: none;"{{/error}}>
+        <div class="form-check">
+            <label>
+            {{^element.hardfrozen}}
+                {{#element.frozen}}
+                    <input type="hidden" name="{{element.name}}" value="{{element.frozenvalue}}">
+                {{/element.frozen}}
+            {{/element.hardfrozen}}
+            <input type="checkbox"
+                name="{{element.name}}"
+                class="form-check-input {{element.extraclasses}}"
+                {{#element.value}}
+                    value="{{element.value}}"
+                {{/element.value}}
+                {{^element.value}}
+                    value="1"
+                {{/element.value}}
+                id="{{element.id}}" {{#element.checked}}checked{{/element.checked}}
+                {{#error}}
+                    autofocus aria-describedby="id_error_{{element.name}}"
+                {{/error}}
+                {{#element.frozen}}
+                    disabled
+                {{/element.frozen}}
+                {{{element.attributes}}} >
+                {{#text}}
+                    {{{.}}}
+                {{/text}}
+                {{^text}}
+                    {{{label}}}
+                {{/text}}
+            </label>
+            <span class="text-nowrap">
+                {{#advanced}}<abbr class="initialism text-info" title="{{#str}}advanced{{/str}}">!</abbr>{{/advanced}}
+                {{{helpbutton}}}
+            </span>
+        </div>
+        <div class="form-control-feedback invalid-feedback" id="id_error_{{element.name}}" {{#error}} style="display: block;"{{/error}}>
             {{{error}}}
         </div>
     </div>
 </div>
 {{^element.frozen}}
 {{#js}}
-require(['theme_boost/form-display-errors'], function(module) {
+require(['theme_ilb/form-display-errors'], function(module) {
     module.enhance({{#quote}}{{element.id}}{{/quote}});
 });
 {{/js}}
diff --git a/templates/core_form/element-date_selector-inline.mustache b/templates/core_form/element-date_selector-inline.mustache
index 8a06ef7..df5ccdb 100644
--- a/templates/core_form/element-date_selector-inline.mustache
+++ b/templates/core_form/element-date_selector-inline.mustache
@@ -1,6 +1,6 @@
 {{< core_form/element-template-inline }}
     {{$element}}
-        <span class="fdate_selector">
+        <span class="fdate_selector d-flex align-items-center">
         {{#element.elements}}
             {{{separator}}}
             {{{html}}}
diff --git a/templates/core_form/element-date_selector.mustache b/templates/core_form/element-date_selector.mustache
index 470fa81..250c491 100644
--- a/templates/core_form/element-date_selector.mustache
+++ b/templates/core_form/element-date_selector.mustache
@@ -1,6 +1,6 @@
 {{< core_form/element-template }}
     {{$element}}
-        <span class="fdate_selector">
+        <span class="fdate_selector d-flex">
         {{#element.elements}}
             {{{separator}}}
             {{{html}}}
diff --git a/templates/core_form/element-date_time_selector-inline.mustache b/templates/core_form/element-date_time_selector-inline.mustache
index ee510a3..fb70df7 100644
--- a/templates/core_form/element-date_time_selector-inline.mustache
+++ b/templates/core_form/element-date_time_selector-inline.mustache
@@ -1,6 +1,6 @@
 {{< core_form/element-template-inline }}
     {{$element}}
-        <div class="fdate_time_selector">
+        <div class="fdate_time_selector d-flex flex-wrap align-items-center">
         {{#element.elements}}
             {{{separator}}}
             {{{html}}}
diff --git a/templates/core_form/element-date_time_selector.mustache b/templates/core_form/element-date_time_selector.mustache
index f93459e..225c4ee 100644
--- a/templates/core_form/element-date_time_selector.mustache
+++ b/templates/core_form/element-date_time_selector.mustache
@@ -1,6 +1,6 @@
 {{< core_form/element-template }}
     {{$element}}
-        <div class="fdate_time_selector">
+        <div class="fdate_time_selector d-flex flex-wrap align-items-center">
         {{#element.elements}}
             {{{separator}}}
             {{{html}}}
diff --git a/templates/core_form/element-duration-inline.mustache b/templates/core_form/element-duration-inline.mustache
index 4acfd0c..a697ae8 100644
--- a/templates/core_form/element-duration-inline.mustache
+++ b/templates/core_form/element-duration-inline.mustache
@@ -1 +1,10 @@
-{{> core_form/element-group-inline }}
+{{< core_form/element-template-inline }}
+    {{$element}}
+    <div class="d-flex ml-1">
+        {{#element.elements}}
+            {{{separator}}}
+            {{{html}}}
+        {{/element.elements}}
+        </div>
+    {{/element}}
+{{/ core_form/element-template-inline }}
\ No newline at end of file
diff --git a/templates/core_form/element-password.mustache b/templates/core_form/element-password.mustache
index a5c734e..09f779f 100644
--- a/templates/core_form/element-password.mustache
+++ b/templates/core_form/element-password.mustache
@@ -2,14 +2,14 @@
     {{$element}}
         {{^element.frozen}}
         <input type="password"
-                class="form-control {{#error}}form-control-danger{{/error}}"
+                class="form-control {{#error}}is-invalid{{/error}}"
                 name="{{element.name}}"
                 id="{{element.id}}"
                 value="{{element.value}}"
                 size="{{element.size}}"
                 {{#error}}
                     autofocus aria-describedby="id_error_{{element.name}}"
-                {{/error}} {{{attributes}}}>
+                {{/error}} {{{element.attributes}}}>
         {{/element.frozen}}
     {{/element}}
 {{/ core_form/element-template }}
diff --git a/templates/core_form/element-passwordunmask.mustache b/templates/core_form/element-passwordunmask.mustache
index 56a5eeb..2fa7e5f 100644
--- a/templates/core_form/element-passwordunmask.mustache
+++ b/templates/core_form/element-passwordunmask.mustache
@@ -54,7 +54,7 @@
                         {{^ element.hardfrozen}} name="{{ element.name }}"{{/ element.hardfrozen }}
                         id="{{ element.id }}"
                         value="{{ element.value }}"
-                        class="form-control d-inline-block {{# error }}form-control-danger{{/ error }}"
+                        class="form-control d-inline-block {{# error }}is-invalid{{/ error }}"
                         data-size="{{ element.size }}"
                         {{# error }}
                             autofocus aria-describedby="id_error_{{ element.name }}"
diff --git a/templates/core_form/element-radio-inline.mustache b/templates/core_form/element-radio-inline.mustache
index 6b57bba..3f335b5 100644
--- a/templates/core_form/element-radio-inline.mustache
+++ b/templates/core_form/element-radio-inline.mustache
@@ -14,7 +14,7 @@
 {{^element.hardfrozen}}{{#element.frozen}}{{#element.checked}}
     <input type="hidden" name="{{element.name}}" value="{{element.value}}">
 {{/element.checked}}{{/element.frozen}}{{/element.hardfrozen}}
-<input type="radio" {{^element.frozen}}name="{{element.name}}"{{/element.frozen}}
+<input type="radio" class="form-check-input " {{^element.frozen}}name="{{element.name}}"{{/element.frozen}}
     id="{{element.id}}" value="{{element.value}}"
     {{#element.checked}}checked{{/element.checked}}
     {{#element.frozen}}disabled{{/element.frozen}}
@@ -28,12 +28,12 @@
     <em>{{{.}}}</em>
 {{/text}}
 {{{helpbutton}}}
-<span class="form-control-feedback" id="id_error_{{element.name}}" {{^error}} style="display: none;"{{/error}}>
+<span class="form-control-feedback invalid-feedback" id="id_error_{{element.name}}" {{#error}} style="display: block;"{{/error}}>
     {{{error}}}
 </span>
 {{^element.frozen}}
 {{#js}}
-require(['theme_boost/form-display-errors'], function(module) {
+require(['theme_ilb/form-display-errors'], function(module) {
     module.enhance({{#quote}}{{element.id}}{{/quote}});
 });
 {{/js}}
diff --git a/templates/core_form/element-radio.mustache b/templates/core_form/element-radio.mustache
index 8347af2..232a55a 100644
--- a/templates/core_form/element-radio.mustache
+++ b/templates/core_form/element-radio.mustache
@@ -19,37 +19,39 @@
         {{/text}}
     </div>
     <div class="col-md-9 checkbox">
-        <label class="form-check-label">
-        {{^element.hardfrozen}}{{#element.frozen}}{{#element.checked}}
-            <input type="hidden" name="{{element.name}}" value="{{element.value}}">
-        {{/element.checked}}{{/element.frozen}}{{/element.hardfrozen}}
-        <input type="radio" {{^element.frozen}}name="{{element.name}}"{{/element.frozen}}
-            id="{{element.id}}" value="{{element.value}}"
-            {{#element.checked}}checked{{/element.checked}}
-            {{#element.frozen}}disabled{{/element.frozen}}
-            {{#error}}
-                autofocus aria-describedby="id_error_{{element.name}}"
-            {{/error}} {{{element.attributes}}} >
-        {{#text}}
-            {{{.}}}
-        {{/text}}
-        {{^text}}
-            {{{label}}}
-        {{/text}}
-        </label>
+        <div class="form-check">
         <span class="text-nowrap">
+            <label class="form-check-label">
+                {{^element.hardfrozen}}{{#element.frozen}}{{#element.checked}}
+                    <input type="hidden" name="{{element.name}}" value="{{element.value}}">
+                {{/element.checked}}{{/element.frozen}}{{/element.hardfrozen}}
+                <input type="radio" class="form-check-input" {{^element.frozen}}name="{{element.name}}"{{/element.frozen}}
+                    id="{{element.id}}" value="{{element.value}}"
+                    {{#element.checked}}checked{{/element.checked}}
+                    {{#element.frozen}}disabled{{/element.frozen}}
+                    {{#error}}
+                        autofocus aria-describedby="id_error_{{element.name}}"
+                    {{/error}} {{{element.attributes}}} >
+                {{#text}}
+                    {{{.}}}
+                {{/text}}
+                {{^text}}
+                    {{{label}}}
+                {{/text}}
+            </label>
             {{#required}}<abbr class="initialism text-danger" title="{{#str}}required{{/str}}">{{#pix}}req, core, {{#str}}required{{/str}}{{/pix}}</abbr>{{/required}}
             {{#advanced}}<abbr class="initialism text-info" title="{{#str}}advanced{{/str}}">!</abbr>{{/advanced}}
             {{{helpbutton}}}
-        </span>
-        <div class="form-control-feedback" id="id_error_{{element.name}}" {{^error}} style="display: none;"{{/error}}>
+            </span>
+        </div>
+        <div class="form-control-feedback invalid-feedback" id="id_error_{{element.name}}" {{#error}} style="display: block;"{{/error}}>
             {{{error}}}
         </div>
     </div>
 </div>
 {{^element.frozen}}
 {{#js}}
-require(['theme_boost/form-display-errors'], function(module) {
+require(['theme_ilb/form-display-errors'], function(module) {
     module.enhance({{#quote}}{{element.id}}{{/quote}});
 });
 {{/js}}
diff --git a/templates/core_form/element-select-inline.mustache b/templates/core_form/element-select-inline.mustache
index 4035b67..5af5684 100644
--- a/templates/core_form/element-select-inline.mustache
+++ b/templates/core_form/element-select-inline.mustache
@@ -3,7 +3,7 @@
         {{^element.frozen}}
     <select class="{{^element.multiple}}custom-select{{/element.multiple}}
                    {{#element.multiple}}form-control{{/element.multiple}}
-                   {{#error}}form-control-danger{{/error}}"
+                   {{#error}}is-invalid{{/error}}"
         name="{{element.name}}"
         id="{{element.id}}"
         {{#element.multiple}}multiple size="{{element.size}}"{{/element.multiple}}
diff --git a/templates/core_form/element-select.mustache b/templates/core_form/element-select.mustache
index ac43dd8..66c6db5 100644
--- a/templates/core_form/element-select.mustache
+++ b/templates/core_form/element-select.mustache
@@ -65,7 +65,7 @@
             "attributes": "",
             "options": [
                 {
-                    "text": "Hide my email address from everyone",
+                    "text": "Hide my email address from non-privileged users",
                     "value": 0,
                     "selected": false,
                     "disabled": false,
@@ -94,7 +94,7 @@
         {{^element.frozen}}
         <select class="{{^element.multiple}}custom-select{{/element.multiple}}
                        {{#element.multiple}}form-control{{/element.multiple}}
-                       {{#error}}form-control-danger{{/error}}"
+                       {{#error}}is-invalid{{/error}}"
             name="{{element.name}}"
             id="{{element.id}}"
             {{#element.multiple}}multiple size="{{element.size}}"{{/element.multiple}}
diff --git a/templates/core_form/element-selectgroups-inline.mustache b/templates/core_form/element-selectgroups-inline.mustache
index 72e767a..1fbb0c1 100644
--- a/templates/core_form/element-selectgroups-inline.mustache
+++ b/templates/core_form/element-selectgroups-inline.mustache
@@ -1,7 +1,7 @@
 {{< core_form/element-template-inline }}
     {{$element}}
     {{^element.frozen}}
-    <select class="form-control {{#error}}form-control-danger{{/error}}" name="{{element.name}}"
+    <select class="form-control custom-select {{#error}}is-invalid{{/error}}" name="{{element.name}}"
         id="{{element.id}}"
         {{#element.multiple}}multiple{{/element.multiple}}
         {{#error}}
diff --git a/templates/core_form/element-selectgroups.mustache b/templates/core_form/element-selectgroups.mustache
index 88fef74..783f028 100644
--- a/templates/core_form/element-selectgroups.mustache
+++ b/templates/core_form/element-selectgroups.mustache
@@ -1,7 +1,7 @@
 {{< core_form/element-template }}
     {{$element}}
     {{^element.frozen}}
-        <select class="form-control {{#error}}form-control-danger{{/error}}" name="{{element.name}}"
+        <select class="form-control custom-select {{#error}}is-invalid{{/error}}" name="{{element.name}}"
             id="{{element.id}}"
             {{#element.multiple}}multiple{{/element.multiple}}
             {{#error}}
diff --git a/templates/core_form/element-selectwithlink.mustache b/templates/core_form/element-selectwithlink.mustache
index 4abf0aa..a0bf6d0 100644
--- a/templates/core_form/element-selectwithlink.mustache
+++ b/templates/core_form/element-selectwithlink.mustache
@@ -1,7 +1,7 @@
 {{< core_form/element-template }}
     {{$element}}
         {{^element.frozen}}
-        <select class="custom-select {{#error}}form-control-danger{{/error}}" name="{{element.name}}"
+        <select class="custom-select {{#error}}is-invalid{{/error}}" name="{{element.name}}"
             id="{{element.id}}"
             {{#element.multiple}}multiple{{/element.multiple}}
             {{#error}}
@@ -18,6 +18,6 @@
                 {{#selected}}{{{text}}}{{/selected}}
             {{/element.options}}
         {{/element.frozen}}
-        <a class="m-x-1" href="{{{element.link}}}">{{element.linklabel}}</a>
+        <a class="mx-3" href="{{{element.link}}}">{{element.linklabel}}</a>
     {{/element}}
 {{/ core_form/element-template }}
diff --git a/templates/core_form/element-tags-inline.mustache b/templates/core_form/element-tags-inline.mustache
index 5552bac..e388742 100644
--- a/templates/core_form/element-tags-inline.mustache
+++ b/templates/core_form/element-tags-inline.mustache
@@ -2,7 +2,7 @@
     {{$element}}
         {{^element.frozen}}
         <input type="hidden" name="{{element.nameraw}}" value="_qf__force_multiselect_submission">
-        <select class="custom-select {{#error}}form-control-danger{{/error}}" name="{{element.name}}"
+        <select class="custom-select {{#error}}is-invalid{{/error}}" name="{{element.name}}"
             id="{{element.id}}"
             {{#element.multiple}}multiple{{/element.multiple}}
             {{#error}}
diff --git a/templates/core_form/element-tags.mustache b/templates/core_form/element-tags.mustache
index 5f95675..0d95b4c 100644
--- a/templates/core_form/element-tags.mustache
+++ b/templates/core_form/element-tags.mustache
@@ -2,7 +2,7 @@
     {{$element}}
         {{^element.frozen}}
         <input type="hidden" name="{{element.nameraw}}" value="_qf__force_multiselect_submission">
-        <select class="custom-select {{#error}}form-control-danger{{/error}}" name="{{element.name}}"
+        <select class="custom-select {{#error}}is-invalid{{/error}}" name="{{element.name}}"
             id="{{element.id}}"
             {{#element.multiple}}multiple{{/element.multiple}}
             {{#error}}
diff --git a/templates/core_form/element-template-inline.mustache b/templates/core_form/element-template-inline.mustache
index 95f1fa7..0527ed7 100644
--- a/templates/core_form/element-template-inline.mustache
+++ b/templates/core_form/element-template-inline.mustache
@@ -9,12 +9,12 @@
             <!-- Element goes here -->
         {{/ element }}
     </span>
-    <div class="form-control-feedback" id="id_error_{{element.name}}" {{^error}} style="display: none;"{{/error}}>
+    <div class="form-control-feedback invalid-feedback" id="id_error_{{element.name}}" {{#error}} style="display: block;"{{/error}}>
         {{{error}}}
     </div>
 </div>
 {{#js}}
-require(['theme_boost/form-display-errors'], function(module) {
+require(['theme_ilb/form-display-errors'], function(module) {
     module.enhance({{#quote}}{{element.id}}{{/quote}});
 });
 {{/js}}
diff --git a/templates/core_form/element-template.mustache b/templates/core_form/element-template.mustache
index 2588e2c..961ff35 100644
--- a/templates/core_form/element-template.mustache
+++ b/templates/core_form/element-template.mustache
@@ -36,14 +36,15 @@
         "advanced": false,
         "error": null,
         "element": {
+            "wrapperid": "fitem_id_fullname",
             "id": "id_fullname",
             "name": "fullname"
         }
     }
 }}
-<div class="form-group row {{#error}}has-danger{{/error}} fitem {{#element.emptylabel}}femptylabel{{/element.emptylabel}} {{#advanced}}advanced{{/advanced}} {{{element.extraclasses}}}" {{#element.groupname}}data-groupname="{{.}}"{{/element.groupname}}>
+<div id="{{element.wrapperid}}" class="form-group row {{#error}}has-danger{{/error}} fitem {{#element.emptylabel}}femptylabel{{/element.emptylabel}} {{#advanced}}advanced{{/advanced}} {{{element.extraclasses}}}" {{#element.groupname}}data-groupname="{{.}}"{{/element.groupname}}>
     <div class="col-md-3">
-        <span class="pull-xs-right text-nowrap">
+        <span class="float-sm-right text-nowrap">
             {{#required}}<abbr class="initialism text-danger" title="{{#str}}required{{/str}}">{{#pix}}req, core, {{#str}}required{{/str}}{{/pix}}</abbr>{{/required}}
             {{#advanced}}<abbr class="initialism text-info" title="{{#str}}advanced{{/str}}">!</abbr>{{/advanced}}
             {{{helpbutton}}}
@@ -63,13 +64,13 @@
         {{$ element }}
             <!-- Element goes here -->
         {{/ element }}
-        <div class="form-control-feedback" id="id_error_{{element.name}}" {{^error}} style="display: none;"{{/error}}>
+        <div class="form-control-feedback invalid-feedback" id="id_error_{{element.name}}" {{#error}} style="display: block;"{{/error}}>
             {{{error}}}
         </div>
     </div>
 </div>
 {{#js}}
-require(['theme_boost/form-display-errors'], function(module) {
+require(['theme_ilb/form-display-errors'], function(module) {
     module.enhance({{#quote}}{{element.id}}{{/quote}});
 });
 {{/js}}
diff --git a/templates/core_form/element-text-inline.mustache b/templates/core_form/element-text-inline.mustache
index abccc3a..8235008 100644
--- a/templates/core_form/element-text-inline.mustache
+++ b/templates/core_form/element-text-inline.mustache
@@ -1,7 +1,7 @@
 {{< core_form/element-template-inline }}
     {{$element}}
     <input type="text"
-            class="form-control {{#error}}form-control-danger{{/error}}"
+            class="form-control {{#error}}is-invalid{{/error}}"
             name="{{element.name}}"
             id="{{element.id}}"
     {{#element.frozen}}
diff --git a/templates/core_form/element-text.mustache b/templates/core_form/element-text.mustache
index e57ffbf..5cc4067 100644
--- a/templates/core_form/element-text.mustache
+++ b/templates/core_form/element-text.mustache
@@ -1,7 +1,7 @@
 {{< core_form/element-template }}
     {{$element}}
         <input type="text"
-                class="form-control {{#error}}form-control-danger{{/error}}"
+                class="form-control {{#error}}is-invalid{{/error}}"
                 name="{{element.name}}"
         {{#element.frozen}}
                 readonly {{#element.hardfrozen}}disabled{{/element.hardfrozen}}
diff --git a/templates/core_form/element-textarea.mustache b/templates/core_form/element-textarea.mustache
index 774c3f9..10ede77 100644
--- a/templates/core_form/element-textarea.mustache
+++ b/templates/core_form/element-textarea.mustache
@@ -4,7 +4,7 @@
         <textarea
             name="{{element.name}}"
             id="{{element.id}}"
-            class="form-control {{#error}}form-control-danger{{/error}}"
+            class="form-control {{#error}}is-invalid{{/error}}"
             {{#error}}
                 autofocus aria-describedby="id_error_{{element.name}}"
             {{/error}}
diff --git a/templates/core_form/element-url.mustache b/templates/core_form/element-url.mustache
index 8bce68d..b18df79 100644
--- a/templates/core_form/element-url.mustache
+++ b/templates/core_form/element-url.mustache
@@ -1,7 +1,10 @@
 {{< core_form/element-template }}
     {{$element}}
+        {{#element.filepickerclientid}}
+            <div id="url-wrapper-{{element.filepickerclientid}}" class="d-inline-block">
+        {{/element.filepickerclientid}}
         <input type="url"
-                class="form-control {{#error}}form-control-danger{{/error}}"
+                class="form-control {{#error}}is-invalid{{/error}}"
                 name="{{element.name}}"
                 id="{{element.id}}"
                 value="{{element.value}}"
@@ -13,6 +16,9 @@
                     readonly {{#element.hardfrozen}}disabled{{/element.hardfrozen}}
                 {{/element.frozen}}
                 {{{element.attributes}}} >
+        {{#element.filepickerclientid}}
+            </div>
+        {{/element.filepickerclientid}}
         {{^element.frozen}}
             {{{element.filepickerhtml}}}
         {{/element.frozen}}
diff --git a/templates/core_grades/edit_tree.mustache b/templates/core_grades/edit_tree.mustache
index 34f7662..341b503 100644
--- a/templates/core_grades/edit_tree.mustache
+++ b/templates/core_grades/edit_tree.mustache
@@ -30,7 +30,7 @@
                 <input class="advanced btn btn-primary" type="submit" value={{#quote}}{{#str}}savechanges{{/str}}{{/quote}}>
             {{/showsave}}
             {{#showbulkmove}}
-                <div class="form-inline m-t-1">
+                <div class="form-inline mt-3">
                     <input type="hidden" name="bulkmove" value="0" id="bulkmoveinput">
                     <label for="menumoveafter">{{#str}}moveselectedto, grades{{/str}}</label>
                     <select name="moveafter" id="menumoveafter" class="ignoredirty singleselect select form-control">
diff --git a/templates/course_search_form.mustache b/templates/course_search_form.mustache
index 0ac59df..c2e729a 100644
--- a/templates/course_search_form.mustache
+++ b/templates/course_search_form.mustache
@@ -14,16 +14,13 @@
     You should have received a copy of the GNU General Public License
     along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
 }}
-
-
-<div class="container">
-<div class="col-lg-12">
-
 <form action="{{searchurl}}" id="{{id}}" method="get" class="form-inline">
     <fieldset class="coursesearchbox invisiblefieldset">
         <label for="{{inputid}}">{{#str}}searchcourses{{/str}}</label>
         <input id="{{inputid}}" name="search" type="text" size="{{inputsize}}" value="{{value}}" class="form-control">
         <button class="btn btn-secondary" type="submit">{{#str}}go{{/str}}</button>
+        {{#helpicon}}
+            {{>core/help_icon}}
+        {{/helpicon}}
     </fieldset>
 </form>
-
diff --git a/templates/custom_menu_footer.mustache b/templates/custom_menu_footer.mustache
index a0984da..380f855 100644
--- a/templates/custom_menu_footer.mustache
+++ b/templates/custom_menu_footer.mustache
@@ -8,8 +8,10 @@
             {{/url}}
         {{/divider}}
         {{#haschildren}}
-            <ul class="list-unstyled m-l-1">
-                {{> theme_ilb/custom_menu_footer }}
-            </ul>
+            <li>
+                <ul class="list-unstyled ml-3">
+                    {{> theme_ilb/custom_menu_footer }}
+                </ul>
+            </li>
         {{/haschildren}}
     {{/children}}
diff --git a/templates/embedded.mustache b/templates/embedded.mustache
index e87ae83..b7c5839 100644
--- a/templates/embedded.mustache
+++ b/templates/embedded.mustache
@@ -53,5 +53,5 @@
 </body>
 </html>
 {{#js}}
-require(['theme_boost/loader']);
+require(['theme_ilb/loader']);
 {{/js}}
diff --git a/templates/flat_navigation.mustache b/templates/flat_navigation.mustache
index 36e1eca..9dc685d 100644
--- a/templates/flat_navigation.mustache
+++ b/templates/flat_navigation.mustache
@@ -62,29 +62,30 @@
 <nav class="list-group m-t-1">
     {{/showdivider}}
     {{#action}}
-    <a class="list-group-item list-group-item-action {{#isactive}}font-weight-bold{{/isactive}}" href="{{{action}}}" data-key="{{key}}">
+    <a class="list-group-item list-group-item-action {{#isactive}}active{{/isactive}}" href="{{{action}}}" data-key="{{key}}" data-isexpandable="{{isexpandable}}" data-indent="{{get_indent}}" data-showdivider="{{showdivider}}" data-type="{{type}}" data-nodetype="{{nodetype}}" data-collapse="{{collapse}}" data-forceopen="{{forceopen}}" data-isactive="{{isactive}}" data-hidden="{{hidden}}" data-preceedwithhr="{{preceedwithhr}}" {{#parent.key}}data-parent-key="{{.}}"{{/parent.key}}>
         <div class="m-l-{{get_indent}}">
-            {{#is_section}}
-                <div class="media">
-                    <span class="media-left">
-                        {{#pix}}i/folder{{/pix}}
-                    </span>
-                    <span class="media-body">{{{text}}}</span>
-                </div>
-            {{/is_section}}
-            {{^is_section}}
-                {{{text}}}
-            {{/is_section}}
+            <div class="media">
+            {{#icon.pix}}
+                <span class="media-left">
+                    {{#pix}}{{{icon.pix}}}, {{{icon.component}}}, {{{icon.alt}}}{{/pix}}
+                </span>
+            {{/icon.pix}}
+                <span class="media-body {{#isactive}}font-weight-bold{{/isactive}}">{{{text}}}</span>
+            </div>
         </div>
     </a>
     {{/action}}
     {{^action}}
-    <div class="list-group-item" data-key="{{key}}">
+    <div class="list-group-item" data-key="{{key}}" data-isexpandable="{{isexpandable}}" data-indent="{{get_indent}}" data-showdivider="{{showdivider}}" data-type="{{type}}" data-nodetype="{{nodetype}}" data-collapse="{{collapse}}" data-forceopen="{{forceopen}}" data-isactive="{{isactive}}" data-hidden="{{hidden}}" data-preceedwithhr="{{preceedwithhr}}" {{#parent.key}}data-parent-key="{{.}}"{{/parent.key}}>
         <div class="m-l-{{get_indent}}">
-            {{#is_section}}
-                {{#pix}}i/folder{{/pix}}
-            {{/is_section}}
-            {{{text}}}
+            <div class="media">
+            {{#icon.pix}}
+                <span class="media-left">
+                    {{#pix}}{{{icon.pix}}}, {{{icon.component}}}, {{{icon.alt}}}{{/pix}}
+                </span>
+            {{/icon.pix}}
+                <span class="media-body">{{{text}}}</span>
+            </div>
         </div>
     </div>
     {{/action}}
diff --git a/templates/footer.mustache b/templates/footer.mustache
index 2975536..080aab0 100644
--- a/templates/footer.mustache
+++ b/templates/footer.mustache
@@ -1,68 +1,16 @@
-<footer class="footer">
-  <div id="footer-institucional">
-    <div class="FooterMain">
-      <div class="container">
-        <div class="FooterMain-row">
-          <div class="FooterMain-section">
-            <dl class="FooterMain-list"><dt>Portais</dt>
-              <dd><a class="FooterMain-link u-linkClean" href="http://www12.senado.leg.br/institucional/">Institucional</a></dd>
-              <dd><a class="FooterMain-link u-linkClean" href="http://www25.senado.leg.br/web/senadores/">Senadores</a></dd>
-              <dd><a class="FooterMain-link u-linkClean" href="http://www25.senado.leg.br/web/atividade/">Atividade Legislativa</a></dd>
-              <dd><a class="FooterMain-link u-linkClean" href="http://www12.senado.leg.br/noticias">Notícias</a></dd>
-              <dd><a class="FooterMain-link u-linkClean" href="http://www12.senado.leg.br/publicacoes">Publicação e Documentação</a></dd>
-              <dd><a class="FooterMain-link u-linkClean" href="http://www12.senado.leg.br/orcamento">Orçamento</a></dd>
-              <dd><a class="FooterMain-link u-linkClean" href="http://www12.senado.leg.br/transparencia/">Transparência</a></dd>
-              <dd><a class="FooterMain-link u-linkClean" href="http://www12.senado.leg.br/ecidadania/">e-Cidadania</a></dd>
-            </dl>
-          </div>
-          <div class="FooterMain-section">
-            <dl class="FooterMain-list"><dt>Acesso Rápido</dt>
-              <dd><a class="FooterMain-link u-linkClean" href="http://www12.senado.leg.br/blog">Blog</a></dd>
-              <dd><a class="FooterMain-link u-linkClean" href="http://www12.senado.leg.br/blog/credenciamento-de-jornalistas">Credenciamento de Jornalistas</a></dd>
-              <dd><a class="FooterMain-link u-linkClean" href="http://www12.senado.leg.br/senado/ilb/ead/abrangencia">Educação a distância</a></dd>
-              <dd><a class="FooterMain-link u-linkClean" href="http://www12.senado.leg.br/jovemsenador">Jovem Senador</a></dd>
-              <dd><a class="FooterMain-link u-linkClean" href="http://www12.senado.gov.br/institucional/procuradoria">Procuradoria da Mulher</a></dd>
-              <dd><a class="FooterMain-link u-linkClean" href="http://www12.senado.gov.br/institucional/estagio">Programa de Estágio</a></dd>
-              <dd><a class="FooterMain-link u-linkClean" href="http://www.interlegis.leg.br/">Programa Interlegis</a></dd>
-              <dd><a class="FooterMain-link u-linkClean" href="http://www.senado.leg.br/senado/visite/">Visite o Senado</a></dd>
-            </dl>
-          </div>
-          <div class="FooterMain-section milli">
-            <dl class="FooterMain-list CutHere CutHere--white CutHere--xl"><dt><a class="FooterMain-hlink u-linkClean" target="_blank" href="http://www.senado.leg.br/transparencia/LAI/secrh/parla_inter.pdf"><strong>Fale com os Senadores</strong></a></dt>
-              <dd><a class="FooterMain-hlink u-linkClean u-linkBlock" href="http://www12.senado.leg.br/institucional/falecomosenado"><strong>Fale com o Senado</strong></a></dd>
-              <dd><a class="FooterMain-hlink u-linkClean u-linkBlock" target="_blank" href="http://www.congressonacional.leg.br/"><strong>Congresso Nacional</strong></a><a class="FooterMain-hlink u-linkClean u-linkBlock" target="_blank" href="http://www.camara.leg.br/"><strong>Câmara dos Deputados</strong></a>
-                <a
-                  class="FooterMain-hlink u-linkClean u-linkBlock" target="_blank" href="http://www.tcu.gov.br/"><strong>Tribunal de Contas da União</strong></a>
-              </dd>
-            </dl>
-          </div>
-          <div class="FooterMain-section">
-            <dl class="FooterMain-list"><dt>Redes Sociais</dt>
-              <dd><a class="ShareIcon ShareIcon--dark ShareIcon--circle ShareIcon--facebook" href="http://www.facebook.com/senadofederal" target="_blank" title="Facebook" alt="Facebook"></a> <a class="ShareIcon ShareIcon--dark ShareIcon--circle ShareIcon--twitter"
-                  href="http://twitter.com/senadofederal" target="_blank" title="Twitter" alt="Twitter"></a> <a class="ShareIcon ShareIcon--dark ShareIcon--circle ShareIcon--youtube" href="http://www.youtube.com/agenciasenadoBR" target="_blank" title="YouTube"
-                  alt="YouTube"></a> <a class="ShareIcon ShareIcon--dark ShareIcon--circle ShareIcon--flickr" href="http://www.flickr.com/agenciasenado" target="_blank" title="Flickr" alt="Flickr"></a>
-              </dd>
-            </dl>
-          </div>
-        </div>
-        <div class="FooterMain-stand Arrange Arrange--middle milli">
-          <div class="Arrange-sizeFit u-textNoWrap"><span class="glyphicon glyphicon-lock u-alignBaseline"></span> <a href="https://intranet.senado.gov.br/" target="_blank">Intranet</a>
-          </div>
-          <div class="Arrange-sizeFill">
-            <ul class="Box Fence Fence--lg hidden-xs">
-              <li><a href="http://www12.senado.leg.br/institucional/pessoas/pessoas">Servidor efetivo</a></li>
-              <li><a href="http://www12.senado.leg.br/institucional/pessoas/pessoas">Servidor comissionado</a></li>
-              <li><a href="http://www12.senado.leg.br/institucional/pessoas/pessoas">Servidor aposentado</a></li>
-              <li><a href="http://www12.senado.leg.br/institucional/pessoas/pessoas">Pensionista</a></li>
-            </ul>
-          </div>
-          <div class="Arrange-sizeFit u-textNoWrap"><span class="glyphicon glyphicon-chevron-up u-alignBaseline"></span> <a href="#">Voltar ao topo</a>
-          </div>
-        </div>
-      </div>
-      <div class="FooterMain-endereco">
-        Senado Federal - Praça dos Três Poderes - Brasília DF - CEP 70165-900
-      </div>
+<footer id="page-footer" class="p-y-1" style="background-color: #002e56; color: #FFFFFF; text-align: center;font-size: 10px;">
+    <div class="container" style="background-color: #002e56;">
+        <p>Senado Federal - Praça dos Três Poderes - Brasília DF - CEP 70165-900</p>
+        <div id="course-footer" style="font-color: white;">{{{ output.course_footer }}}</div>
+
+        <!-- {{# output.page_doc_link }}
+            <p class="helplink">{{{ output.page_doc_link }}}</p>
+        {{/ output.page_doc_link }} -->
+
+        {{{ output.login_info }}}
+        {{{ output.home_link }}}
+
+        {{{ output.standard_footer_html }}}
+        {{{ output.standard_end_of_body_html }}}
     </div>
-  </div>
-</footer>
+</footer>
\ No newline at end of file
diff --git a/templates/footerSimples.mustache b/templates/footerSimples.mustache
deleted file mode 100644
index d8069e4..0000000
--- a/templates/footerSimples.mustache
+++ /dev/null
@@ -1,5 +0,0 @@
-<footer class="footer">
-  <div class="FooterMain-endereco">
-    Senado Federal - Praça dos Três Poderes - Brasília DF - CEP 70165-900
-  </div>
-</footer>
diff --git a/templates/footer_front.mustache b/templates/footer_front.mustache
new file mode 100644
index 0000000..d502ce8
--- /dev/null
+++ b/templates/footer_front.mustache
@@ -0,0 +1,68 @@
+<footer class="footer">
+    <div id="footer-institucional">
+        <div class="FooterMain">
+            <div class="container">
+                <div class="FooterMain-row">
+                    <div class="FooterMain-section">
+                        <dl class="FooterMain-list"><dt>Portais</dt>
+                            <dd><a class="FooterMain-link u-linkClean" href="http://www12.senado.leg.br/institucional/">Institucional</a></dd>
+                            <dd><a class="FooterMain-link u-linkClean" href="http://www25.senado.leg.br/web/senadores/">Senadores</a></dd>
+                            <dd><a class="FooterMain-link u-linkClean" href="http://www25.senado.leg.br/web/atividade/">Atividade Legislativa</a></dd>
+                            <dd><a class="FooterMain-link u-linkClean" href="http://www12.senado.leg.br/noticias">Notícias</a></dd>
+                            <dd><a class="FooterMain-link u-linkClean" href="http://www12.senado.leg.br/publicacoes">Publicação e Documentação</a></dd>
+                            <dd><a class="FooterMain-link u-linkClean" href="http://www12.senado.leg.br/orcamento">Orçamento</a></dd>
+                            <dd><a class="FooterMain-link u-linkClean" href="http://www12.senado.leg.br/transparencia/">Transparência</a></dd>
+                            <dd><a class="FooterMain-link u-linkClean" href="http://www12.senado.leg.br/ecidadania/">e-Cidadania</a></dd>
+                        </dl>
+                    </div>
+                    <div class="FooterMain-section">
+                        <dl class="FooterMain-list"><dt>Acesso Rápido</dt>
+                            <dd><a class="FooterMain-link u-linkClean" href="http://www12.senado.leg.br/blog">Blog</a></dd>
+                            <dd><a class="FooterMain-link u-linkClean" href="http://www12.senado.leg.br/blog/credenciamento-de-jornalistas">Credenciamento de Jornalistas</a></dd>
+                            <dd><a class="FooterMain-link u-linkClean" href="http://www12.senado.leg.br/senado/ilb/ead/abrangencia">Educação a distância</a></dd>
+                            <dd><a class="FooterMain-link u-linkClean" href="http://www12.senado.leg.br/jovemsenador">Jovem Senador</a></dd>
+                            <dd><a class="FooterMain-link u-linkClean" href="http://www12.senado.gov.br/institucional/procuradoria">Procuradoria da Mulher</a></dd>
+                            <dd><a class="FooterMain-link u-linkClean" href="http://www12.senado.gov.br/institucional/estagio">Programa de Estágio</a></dd>
+                            <dd><a class="FooterMain-link u-linkClean" href="http://www.interlegis.leg.br/">Programa Interlegis</a></dd>
+                            <dd><a class="FooterMain-link u-linkClean" href="http://www.senado.leg.br/senado/visite/">Visite o Senado</a></dd>
+                        </dl>
+                    </div>
+                    <div class="FooterMain-section milli">
+                        <dl class="FooterMain-list CutHere CutHere--white CutHere--xl"><dt><a class="FooterMain-hlink u-linkClean" target="_blank" href="http://www.senado.leg.br/transparencia/LAI/secrh/parla_inter.pdf"><strong>Fale com os Senadores</strong></a></dt>
+                            <dd><a class="FooterMain-hlink u-linkClean u-linkBlock" href="http://www12.senado.leg.br/institucional/falecomosenado"><strong>Fale com o Senado</strong></a></dd>
+                            <dd><a class="FooterMain-hlink u-linkClean u-linkBlock" target="_blank" href="http://www.congressonacional.leg.br/"><strong>Congresso Nacional</strong></a><a class="FooterMain-hlink u-linkClean u-linkBlock" target="_blank" href="http://www.camara.leg.br/"><strong>Câmara dos Deputados</strong></a>
+                                <a
+                                        class="FooterMain-hlink u-linkClean u-linkBlock" target="_blank" href="http://www.tcu.gov.br/"><strong>Tribunal de Contas da União</strong></a>
+                            </dd>
+                        </dl>
+                    </div>
+                    <div class="FooterMain-section">
+                        <dl class="FooterMain-list"><dt>Redes Sociais</dt>
+                            <dd><a class="ShareIcon ShareIcon--dark ShareIcon--circle ShareIcon--facebook" href="http://www.facebook.com/senadofederal" target="_blank" title="Facebook" alt="Facebook"></a> <a class="ShareIcon ShareIcon--dark ShareIcon--circle ShareIcon--twitter"
+                                                                                                                                                                                                                href="http://twitter.com/senadofederal" target="_blank" title="Twitter" alt="Twitter"></a> <a class="ShareIcon ShareIcon--dark ShareIcon--circle ShareIcon--youtube" href="http://www.youtube.com/agenciasenadoBR" target="_blank" title="YouTube"
+                                                                                                                                                                                                                                                                                                              alt="YouTube"></a> <a class="ShareIcon ShareIcon--dark ShareIcon--circle ShareIcon--flickr" href="http://www.flickr.com/agenciasenado" target="_blank" title="Flickr" alt="Flickr"></a>
+                            </dd>
+                        </dl>
+                    </div>
+                </div>
+                <div class="FooterMain-stand Arrange Arrange--middle milli">
+                    <div class="Arrange-sizeFit u-textNoWrap"><span class="glyphicon glyphicon-lock u-alignBaseline"></span> <a href="https://intranet.senado.gov.br/" target="_blank">Intranet</a>
+                    </div>
+                    <div class="Arrange-sizeFill">
+                        <ul class="Box Fence Fence--lg hidden-xs">
+                            <li><a href="http://www12.senado.leg.br/institucional/pessoas/pessoas">Servidor efetivo</a></li>
+                            <li><a href="http://www12.senado.leg.br/institucional/pessoas/pessoas">Servidor comissionado</a></li>
+                            <li><a href="http://www12.senado.leg.br/institucional/pessoas/pessoas">Servidor aposentado</a></li>
+                            <li><a href="http://www12.senado.leg.br/institucional/pessoas/pessoas">Pensionista</a></li>
+                        </ul>
+                    </div>
+                    <div class="Arrange-sizeFit u-textNoWrap"><span class="glyphicon glyphicon-chevron-up u-alignBaseline"></span> <a href="#">Voltar ao topo</a>
+                    </div>
+                </div>
+            </div>
+            <div class="FooterMain-endereco">
+                Senado Federal - Praça dos Três Poderes - Brasília DF - CEP 70165-900
+            </div>
+        </div>
+    </div>
+</footer>
diff --git a/templates/frontpage_ilb.mustache b/templates/frontpage_ilb.mustache
index 023c886..d2cdf70 100644
--- a/templates/frontpage_ilb.mustache
+++ b/templates/frontpage_ilb.mustache
@@ -37,6 +37,9 @@
          "bodyattributes":""
     }
 }}
+
+
+
 <!-- Placeholders do template: não remover!!-->
 <!-- {{{ output.course_content_header }}} -->
 <!-- {{{ output.main_content }}}          -->
@@ -55,12 +58,13 @@
     <meta name="theme-color" content="#00305c" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
     <title>Instituto Legislativo Brasileiro - ILB</title>
-    {{>theme_ilb/head}}
+    {{>theme_ilb/head_front}}
+
 </head>
 
 
 <body {{{ bodyattributes }}}>
-{{>theme_ilb/header}}
+{{>theme_ilb/header_front}}
 <!-- Logo e busca -->
 <div class="container">
     <section id="cabecalhoTopo">
@@ -1009,7 +1013,7 @@
 </div>
 <br />
 <!-- Rodapé completo -->
-</div>{{>theme_ilb/footer}}
+</div>{{>theme_ilb/footer_front}}
 </body>
 </html>
 {{#js}}
diff --git a/templates/frontpage_ilblogado.mustache b/templates/frontpage_ilblogado.mustache
deleted file mode 100644
index 92660fc..0000000
--- a/templates/frontpage_ilblogado.mustache
+++ /dev/null
@@ -1,241 +0,0 @@
-{{!
-    This file is part of Moodle - http://moodle.org/
-
-    Moodle is free software: you can redistribute it and/or modify
-    it under the terms of the GNU General Public License as published by
-    the Free Software Foundation, either version 3 of the License, or
-    (at your option) any later version.
-
-    Moodle is distributed in the hope that it will be useful,
-    but WITHOUT ANY WARRANTY; without even the implied warranty of
-    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-    GNU General Public License for more details.
-
-    You should have received a copy of the GNU General Public License
-    along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
-}}
-{{!
-    @template theme_ilb/columns2
-
-    Admin time setting template.
-
-    Ilb 2 column layout template.
-
-    Context variables required for this template:
-    * sitename - The name of the site
-    * output - The core renderer for the page
-    * bodyattributes - attributes for the body tag as a string of html attributes
-    * sidepreblocks - HTML for the blocks
-    * hasblocks - true if there are blocks on this page
-    * navdraweropen - true if the nav drawer should be open on page load
-    * regionmainsettingsmenu - HTML for the region main settings menu
-    * hasregionmainsettingsmenu - There is a region main settings menu on this page.
-
-    Example context (json):
-    {
-        "sitename": "Moodle",
-        "output": {
-            "doctype": "<!DOCTYPE html>",
-            "page_title": "Test page",
-            "favicon": "favicon.ico",
-            "main_content": "<h1>Headings make html validators happier</h1>"
-         },
-        "bodyattributes":"",
-        "sidepreblocks": "<h2>Blocks html goes here</h2>",
-        "hasblocks":true,
-        "navdraweropen":true,
-        "regionmainsettingsmenu": "",
-        "hasregionmainsettingsmenu": false
-    }
-}}
-{{{ output.doctype }}}
-
-<html {{{ output.htmlattributes }}}>
-
-<head>
-    <title>{{{ output.page_title }}}</title>
-    <link rel="shortcut icon" href="{{{ output.favicon }}}" />
-    {{{ output.standard_head_html }}}
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-<!-- HEAD DO SENADO -->
-
-<link rel="canonical" href="http://www12.senado.leg.br/noticias">
-
-<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-<meta charset="utf-8">
-<meta http-equiv="X-UA-Compatible" content="IE=edge">
-
-<meta property="og:locale" content="pt_BR">
-<meta property="og:site_name" content="Senado Federal">
-<!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
-<!--[if lt IE 9]>
-  <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
-  <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
-<![endif]-->
-
-  {{>theme_ilb/head}}
-
-</head>
-
-<body {{{ bodyattributes }}}>
-
-     {{>theme_ilb/headerLogado}}
-
-<div id="page-wrapper">
-
-    <!-- {{{ output.standard_top_of_body_html }}} -->
-
-	<!-- inicio conteudo pagina logada -->
-
-  <div class="container">
-      <div class="row">
-          <div class="col-lg-12">
-              <nav id="#" class="breadcrumb">
-                  <a class="breadcrumb-item" href="#">Início</a>
-                  <a class="breadcrumb-item" href="#">Saberes</a>
-                  <a class="breadcrumb-item active" href="#">Ensino a Distância</a>
-              </nav>
-          </div>
-      </div>
-
-      <div class="row">
-          <div class="col-lg-3" >
-              <div class="col-lg-12" style="background-color:#3e6892; padding-left:15px; padding-top:7px;">
-                  <p style="color:#ffffff;">Navegação</p>
-              </div>
-              <div class="col-lg-12" style="background-color:#f7f7f7;">
-                  <ol class="breadcrumb">
-                      <li><a href="#">Início</a></li>
-                      <li><a href="#">Saberes</a></li>
-                      <li><a href="#">Ensino a Distância</a></li>
-                  </ol>
-              </div>
-              <div class="col-lg-12" style="background-color:#3e6892; padding-left:15px; padding-top:7px;">
-                 <p style="color:#ffffff;">Cursos</p>
-              </div>
-             <div class="col-lg-12" style="background-color:#f7f7f7;">
-                <div class="panel-group" id="accordion">
-                <div class="panel panel-default" style="border-color:#f7f7f7;">
-                  <div class="panel-heading">
-                    <h4 class="panel-title">
-                      <a data-toggle="collapse" data-parent="#accordion" href="#collapse1">Ensino a Distância</a>
-                    </h4>
-                  </div>
-
-                  <div id="collapse1" class="panel-collapse collapse in" >
-                    <div class="panel-body">Lista de cursos</div>
-                  </div>
-                </div>
-                <div class="panel panel-default" style="border-color:#f7f7f7;">
-                  <div class="panel-heading">
-                    <h4 class="panel-title">
-                      <a data-toggle="collapse" data-parent="#accordion" href="#collapse2">Educação Cidadã</a>
-                    </h4>
-                  </div>
-                  <div id="collapse2" class="panel-collapse collapse">
-                    <div class="panel-body">Conteudo educação cidadã</div>
-                  </div>
-                </div>
-                <div class="panel panel-default" style="border-color:#f7f7f7;">
-                  <div class="panel-heading">
-                    <h4 class="panel-title">
-                      <a data-toggle="collapse" data-parent="#accordion" href="#collapse3"><p style="font-size:15px;">Cursos Presenciais no Interlegis</p></a>
-                    </h4>
-                  </div>
-                  <div id="collapse3" class="panel-collapse collapse">
-                    <div class="panel-body"><p>Lista de cursos</p><p>Lista de cursos</p><p>Lista de cursos</p><p>Lista de cursos</p><p>Lista de cursos</p><p>Lista de cursos</p> </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-         <div class="col-lg-9" style="background-color:#f7f7f7; padding-top:10px">
-             <div class="col-lg-12" >
-               <div class="col-lg-3"><p style="color:#002e56;font-size:15px;">Ensino a Distância</p></div>
-              <div class="col-lg-3" style="font-size:12px;"><img src="{{{matricula_encerrada}}}" /> Informações</div>
-              <div class="col-lg-3" style="font-size:12px;"><img src="{{{matricula_aberta_verde}}}"/> Matriculas Abertas</div>
-              <div class="col-lg-3" style="font-size:12px;"><img src="{{{matricula_encerrada_vermelho}}}"/> Matriculas Encerradas</div>
-             <br/>
-              </div>
-
-         </div>
-         <br/><br/><br/>
-
-         <div class="col-lg-9" style="background-color:#f7f7f7; height: 500px; overflow-y: scroll; overflow-x: hidden; ">
-
-
-         <!-- cursos inicio -->
-
-             <div id="page" class="container-fluid">
-                 {{{ output.full_header }}}
-
-                 <div id="page-content" class="row">
-                     <div id="region-main-box" class="col-xs-12">
-                         {{#hasregionmainsettingsmenu}}
-                         <div id="region-main-settings-menu" class="hidden-print {{#hasblocks}}has-blocks{{/hasblocks}}">
-                             <div> {{{ output.region_main_settings_menu }}}</div>
-                         </div>
-                         {{/hasregionmainsettingsmenu}}
-                         <section id="region-main" {{#hasblocks}}class="has-blocks"{{/hasblocks}}>
-                             <div class="card card-block">
-                             {{#hasregionmainsettingsmenu}}
-                                 <div class="region_main_settings_menu_proxy"></div>
-                             {{/hasregionmainsettingsmenu}}
-                             {{{ output.course_content_header }}}
-                             {{{ output.main_content }}}
-                             {{{ output.course_content_footer }}}
-                             </div>
-                         </section>
-                         {{#hasblocks}}
-                         <section data-region="blocks-column" class="hidden-print">
-                             {{{ sidepreblocks }}}
-                         </section>
-                         {{/hasblocks}}
-                     </div>
-                 </div>
-             </div>
-             {{> theme_ilb/nav-drawer }}
-         </div>
-  <!-- cursos fim -->
-    </div>
-  </div>
-</div>
-  </div>
-{{>theme_ilb/footerSimples}}
-
-
-<!-- fim conteudo pagina logado -->
-
-
-
-
-
-<!-- <footer id="page-footer" class="p-y-1 bg-inverse">
-    <div class="container">
-        <div id="course-footer">{{{ output.course_footer }}}</div>
-        {{# output.page_doc_link }}
-            <p class="helplink">{{{ output.page_doc_link }}}</p>
-        {{/ output.page_doc_link }}
-        {{{ output.login_info }}}
-        {{{ output.home_link }}}
-        <nav class="nav navbar-nav hidden-lg-up">
-            {{# output.custom_menu_flat }}
-                <ul class="list-unstyled p-t-1">
-                    {{> theme_ilb/custom_menu_footer }}
-                </ul>
-            {{/ output.custom_menu_flat }}
-        </nav>
-        {{{ output.standard_footer_html }}}
-        {{{ output.standard_end_of_body_html }}}
-    </div>
-</footer>-->
-
-</body>
-</html>
-{{#js}}
-require(['theme_boost/loader']);
-require(['theme_boost/drawer'], function(mod) {
-    mod.init();
-});
-{{/js}}
diff --git a/templates/head.mustache b/templates/head.mustache
index 3e1d4d0..2a121e5 100644
--- a/templates/head.mustache
+++ b/templates/head.mustache
@@ -1,150 +1,27 @@
-<!--
-<link rel="canonical" href="http://saberes.senado.leg.br/">
-<link rel="home" href="http://www12.senado.leg.br/noticias" title="Página inicial">
-<link rel="alternate" href="http://www12.senado.leg.br/noticias/feed/todasnoticias/RSS" title="RSS 1.0" type="application/rss+xml">
-<link rel="search" href="http://www12.senado.leg.br/noticias/buscaavancada" title="Buscar neste site">
-<link rel="manifest" href="http://www12.senado.leg.br/noticias/++resource++senado.noticias/favicon/manifest.json?v=697oma3x8q">
--->
-
-<!-- FIXME verificar se usa KSS -->
-<link rel="kss-base-url" href="http://saberes.senado.leg.br/">
-<link rel="kinetic-stylesheet" type="text/css" href="static/at-cachekey3076.kss" />
-
-<link rel="stylesheet" type="text/css" href="{{{moodle_url}}}/theme/ilb/style/base-cachekey1556.css" />
-<link rel="stylesheet" type="text/css" href="{{{moodle_url}}}/theme/ilb/style/resourcestaticcssescola-de-governo-cachekey3115.css" />
-<link rel="stylesheet" type="text/css" href="{{{moodle_url}}}/theme/ilb/style/resourceplone.app.jquerytools.overlays-cachekey3027.css" />
-<link rel="stylesheet" type="text/css" media="screen" href="{{{moodle_url}}}/theme/ilb/style/resourceplone.formwidget.autocompletejquery.autocomplete-cachekey1913.css" />
-<link rel="stylesheet" type="text/css" media="screen" href="{{{moodle_url}}}/theme/ilb/style/resourcestaticcsshome-cachekey0155.css" />
-<link rel="stylesheet" type="text/css" href="{{{moodle_url}}}/theme/ilb/style/thin.css" />
-<link rel="stylesheet" type="text/css" href="{{{moodle_url}}}/theme/ilb/style/tema_1.css" />
-<link rel="stylesheet" type="text/css" href="{{{moodle_url}}}/theme/ilb/style/basic.css" />
-
-<!-- Retira a formatação da página -->
-<link rel="stylesheet" type="text/css" href="{{{moodle_url}}}/theme/ilb/style/resourceplone.app.jquerytools.dateinput-cachekey2007.css" />
-
-<!--
-<link rel="stylesheet" type="text/css" href="https://www12.senado.leg.br/institucional/portal_css/Sunburst%20Theme/base-cachekey3894.css" />
-<link rel="stylesheet" type="text/css" href="https://www12.senado.leg.br/institucional/portal_css/Sunburst%20Theme/resourceconfigcssbasic-cachekey3600.css" />
-
-<link rel="stylesheet" type="text/css" media="all" href="https://www12.senado.leg.br/institucional/portal_css/Sunburst%20Theme/ploneCustom-cachekey2573.css" />
-<link rel="stylesheet" type="text/css" media="screen" href="https://www12.senado.leg.br/institucional/portal_css/Sunburst%20Theme/resourcestaticcssplone_fixes_senado-cachekey4482.css" />
--->
-<style>
-     @font-face{
-        font-family:agenciaweb;
-        src:url({{{moodle_url}}}/theme/ilb/style/icons/agenciaweb_a6777.eot);
-        src:url({{{moodle_url}}}/theme/ilb/style/icons/agenciaweb_a6777.eot) format('embedded-opentype'),url({{{moodle_url}}}/theme/ilb/style/icons/agenciaweb_6a387.woff) format('woff'),url({{{moodle_url}}}/theme/ilb/style/icons/agenciaweb_36ab2.ttf) format('truetype'),url({{{moodle_url}}}/theme/ilb/style/icons/agenciaweb_3fc37.svg#icomoon) format('svg');
-        font-weight:400;
-        font-style:normal
-      }
-      @font-face{
-        font-family:'Glyphicons Halflings';
-        src:url({{{moodle_url}}}/theme/ilb/style/icons/glyphicons-halflings-regular_f4769.eot);
-        src:url({{{moodle_url}}}/theme/ilb/style/icons/glyphicons-halflings-regular_f4769.eot?#iefix) format('embedded-opentype'),
-        url({{{moodle_url}}}/theme/ilb/style/icons/glyphicons-halflings-regular_448c3.woff2) format('woff2'),
-        url({{{moodle_url}}}/theme/ilb/style/icons/glyphicons-halflings-regular_fa277.woff) format('woff'),
-        url({{{moodle_url}}}/theme/ilb/style/icons/glyphicons-halflings-regular_e18bb.ttf) format('truetype'),
-        url({{{moodle_url}}}/theme/ilb/style/icons/glyphicons-halflings-regular_89889.svg#glyphicons_halflingsregular) format('svg')
-      }
-      #portal-breadcrumbs {
-        display: block !important;
-      }
-      label {
-        font-weight: normal;
-        color: #787878;
-      }
-
-      .tabcontent {
-        display:none;
-      }
-
-      .footer {
-        bottom: 0;
-        width: 100%;
-        height: 52px;
-        padding: 0px;
-      }
-</style>
-
-<!--
-<link rel="apple-touch-icon" sizes="57x57" href="http://www12.senado.leg.br/hpsenado/++resource++senado.hpsenado/favicon/apple-touch-icon-57x57.png?v=OmmK4dNQkX" />
-<link rel="apple-touch-icon" sizes="60x60" href="http://www12.senado.leg.br/hpsenado/++resource++senado.hpsenado/favicon/apple-touch-icon-60x60.png?v=OmmK4dNQkX" />
-<link rel="apple-touch-icon" sizes="72x72" href="http://www12.senado.leg.br/hpsenado/++resource++senado.hpsenado/favicon/apple-touch-icon-72x72.png?v=OmmK4dNQkX" />
-<link rel="apple-touch-icon" sizes="76x76" href="http://www12.senado.leg.br/hpsenado/++resource++senado.hpsenado/favicon/apple-touch-icon-76x76.png?v=OmmK4dNQkX" />
-<link rel="apple-touch-icon" sizes="114x114" href="http://www12.senado.leg.br/hpsenado/++resource++senado.hpsenado/favicon/apple-touch-icon-114x114.png?v=OmmK4dNQkX" />
-<link rel="apple-touch-icon" sizes="120x120" href="http://www12.senado.leg.br/hpsenado/++resource++senado.hpsenado/favicon/apple-touch-icon-120x120.png?v=OmmK4dNQkX" />
-<link rel="apple-touch-icon" sizes="144x144" href="http://www12.senado.leg.br/hpsenado/++resource++senado.hpsenado/favicon/apple-touch-icon-144x144.png?v=OmmK4dNQkX" />
-<link rel="apple-touch-icon" sizes="152x152" href="http://www12.senado.leg.br/hpsenado/++resource++senado.hpsenado/favicon/apple-touch-icon-152x152.png?v=OmmK4dNQkX" />
-<link rel="apple-touch-icon" sizes="180x180" href="http://www12.senado.leg.br/hpsenado/++resource++senado.hpsenado/favicon/apple-touch-icon-180x180.png?v=OmmK4dNQkX" />
--->
-<link rel="apple-touch-icon" sizes="180x180" href="{{{moodle_url}}}/images/favicon_saberes.ico">
-<link rel="icon" type="image/png" href="{{{ output.favicon }}}" sizes="32x32" />
-<link rel="icon" type="image/png" href="{{{ output.favicon }}}" sizes="192x192" />
-<link rel="icon" type="image/png" href="{{{ output.favicon }}}" sizes="96x96" />
-<link rel="icon" type="image/png" href="{{{ output.favicon }}}" sizes="16x16" />
-
-<!--
-<script type="text/javascript" src="http://www12.senado.leg.br/hpsenado/portal_javascripts/Tema_HPSenado/resourcesenado.jqueryjquery-cachekey5865.js"></script>
-<script type="text/javascript" src="http://www12.senado.leg.br/hpsenado/portal_javascripts/Tema_HPSenado/resourceplone.formwidget.autocompletejquery.autocomplete.min-cachekey6312.js"></script>
-<script type="text/javascript"Cor src="http://www12.senado.leg.br/noticias/portal_javascripts/Tema_PortalMultimidia/resourceplone.formwidget.autocompletejquery.autocomplete.min-cachekey4433.js" />
-<script type="text/javascript" src="http://www12.senado.leg.br/noticias/portal_javascripts/Tema_PortalMultimidia/resourcesenado.formwidget.textocomcontadordecaracterescontadordecaracteres-cachekey2942.js" />
-<script type="text/javascript" src="http://www12.senado.leg.br/noticias/portal_javascripts/Tema_PortalMultimidia/resourcesenado.jqueryjquery-cachekey4484.js" />
-<script type="text/javascript" src="http://www12.senado.leg.br/noticias/++resource++senado.noticias/audiojs/audio.min.js"></script>
-<script type="text/javascript" src="http://www12.senado.leg.br/noticias/++resource++senado.noticias/audiojs/audiojs-doc-ready.js"></script>
-<script type="text/javascript" src="http://www12.senado.leg.br/noticias/++resource++senado.noticias/script/jquery.lazyload.min.js"></script>
-<script type="text/javascript" src="http://www12.senado.leg.br/noticias/++resource++senado.noticias/script/root_index.js"></script>
-<script type=<style>
-  label {
-      font-weight: normal;
-  }
-  </style>"text/javascript" src="http://www12.senado.leg.br/noticias/++resource++senado.noticias/script/youtubeEvents.js"></script>
-<script type="text/javascript" src="http://www12.senado.leg.br/noticias/++resource++senado.noticias/audiojs/audio.min.js"></script>
-<script type="text/javascript" src="http://www12.senado.leg.br/noticias/++resource++senado.noticias/audiojs/audiojs-doc-ready.js"></script>
-<script type="text/javascript" src="http://www12.senado.leg.br/noticias/++resource++senado.noticias/script/root_index.js"></script>
-<script type="text/javascript" src="http://www12.senado.leg.br/noticias/++resource++senado.noticias/script/youtubeEvents.js"></script>
--->
-
-<!-- Arquivos javascript verificados-->
-<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
-
-<!-- INVALIDAM O BOTÃO DE DROPDOWN -->
-<script type="text/javascript" src="{{{moodle_url}}}/theme/ilb/js/resourceconfigjqueryjquery-1.11.2.min-cachekey3986.js" ></script>
-<script type="text/javascript" src="{{{moodle_url}}}/theme/ilb/js/resourceconfigbootstrapbootstrap.min-cachekey1567.js" ></script>
-
-
-
-<script type="text/javascript" src="{{{moodle_url}}}/theme/ilb/js/resourcestaticjscalendario-cachekey4269.js" ></script>
-<script type="text/javascript" src="{{{moodle_url}}}/theme/ilb/js/resourcestaticjsphoto-gallery-cachekey3318.js"></script>
-<script type="text/javascript" src="{{{moodle_url}}}/theme/ilb/js/jquery.lazyload.min.js"></script>
-<script type="text/javascript" src="{{{moodle_url}}}/theme/ilb/js/resourcesenado.jqueryjquery-cachekey4484.js"></script>
-<script type="text/javascript">
-    jQuery(function($){
-        $.datepicker.setDefaults(
-            jQuery.extend($.datepicker.regional['pt-BR'],
-            {dateFormat: 'dd/mm/yy'}));
-    });
-</script>
-<script>
-    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
-
-    ga('create', 'UA-77042575-1', 'auto');
-    ga('require', 'linkid');
-    ga('send', 'pageview');
-
-    function ativaAba(evt, nomeAba) {
-      // Declare all variables
-      var i, tabcontent, tablinks;
-
-      // Get all elements with class="tabcontent" and hide them
-      tabcontent = document.getElementsByClassName("tabcontent");
-      for (i = 0; i < tabcontent.length; i++) {
-          tabcontent[i].style.display = "none";
-      }
-
-      // Show the current tab, and add an "active" class to the button that opened the tab
-      document.getElementById(nomeAba).style.display = "block";
-    }
-</script>
+{{!
+    This file is part of Moodle - http://moodle.org/
+
+    Moodle is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    Moodle is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License
+    along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
+}}
+{{!
+    Page header.
+}}
+{{{ output.doctype }}}
+<html {{{ output.htmlattributes }}}>
+<head>
+    <title>{{{ output.page_title }}}</title>
+    <link rel="shortcut icon" href="{{{ output.favicon }}}" />
+    {{{ output.standard_head_html }}}
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+</head>
\ No newline at end of file
diff --git a/templates/head2.mustache b/templates/head2.mustache
deleted file mode 100644
index 8c83a73..0000000
--- a/templates/head2.mustache
+++ /dev/null
@@ -1,51 +0,0 @@
-{{!
-    @template theme_ilb/maintenance
-
-    ILB maintenance layout template.
-
-    Context variables required for this template:
-    * output - The core renderer for the page
-
-    Example context (json):
-    {
-        "output": {
-            "doctype": "<!DOCTYPE html>",
-            "page_title": "Test page",
-            "favicon": "favicon.ico",
-            "main_content": "<h1>Headings make html validators happier</h1>"
-         }
-    }
-}}
-<!-- Barra de Navegação dentro do Curso -->
-<style>
-      .NavGlobal {
-        background-color: #00305c;
-        border-bottom: 4px solid #00824a;
-        box-shadow: 0 4px 0 #fae042;
-      }
-</style>
-
-<!-- Bootstrap CDN - CSS do Bootstrap -->
-
-<script src="https://use.fontawesome.com/b95b184b26.js"></script>
-
-
-<!-- Ícones da aba do navegador -->
-<link rel="apple-touch-icon" sizes="180x180" href="{{{ output.favicon }}}">
-<link rel="icon" type="image/ico" href="{{{ output.favicon }}}" sizes="32x32" />
-<link rel="icon" type="image/ico" href="{{{ output.favicon }}}" sizes="192x192" />
-<link rel="icon" type="image/ico" href="{{{ output.favicon }}}" sizes="96x96" />
-<link rel="icon" type="image/ico" href="{{{ output.favicon }}}" sizes="16x16" />
-
-<!-- Links para tinymce CSS-->
-<link rel="stylesheet" type="text/css" href="{{{moodle_url}}}/theme/ilb/style/collapse-image.css" />
-<link rel="stylesheet" type="text/css" href="{{{moodle_url}}}/theme/ilb/style/sanfona.css" />
-<link rel="stylesheet" type="text/css" href="{{{moodle_url}}}/theme/ilb/style/tabs.css" />
-
-<!-- Links para tinymce JS -->
-<script type="text/javascript" src="{{{moodle_url}}}/theme/ilb/js/jquery.js" ></script>
-<script type="text/javascript" src="{{{moodle_url}}}/theme/ilb/js/collapse-image.js" ></script>
-<script type="text/javascript" src="{{{moodle_url}}}/theme/ilb/js/sanfona.js" ></script>
-<script type="text/javascript" src="{{{moodle_url}}}/theme/ilb/js/tabs.js" ></script>
-
-
diff --git a/templates/head_front.mustache b/templates/head_front.mustache
new file mode 100644
index 0000000..b35c05a
--- /dev/null
+++ b/templates/head_front.mustache
@@ -0,0 +1,150 @@
+<!--
+<link rel="canonical" href="http://saberes.senado.leg.br/">
+<link rel="home" href="http://www12.senado.leg.br/noticias" title="Página inicial">
+<link rel="alternate" href="http://www12.senado.leg.br/noticias/feed/todasnoticias/RSS" title="RSS 1.0" type="application/rss+xml">
+<link rel="search" href="http://www12.senado.leg.br/noticias/buscaavancada" title="Buscar neste site">
+<link rel="manifest" href="http://www12.senado.leg.br/noticias/++resource++senado.noticias/favicon/manifest.json?v=697oma3x8q">
+-->
+
+<!-- FIXME verificar se usa KSS -->
+<link rel="kss-base-url" href="http://saberes.senado.leg.br/">
+<link rel="kinetic-stylesheet" type="text/css" href="static/at-cachekey3076.kss" />
+
+<link rel="stylesheet" type="text/css" href="{{{moodle_url}}}/theme/ilb/style/base-cachekey1556.css" />
+<link rel="stylesheet" type="text/css" href="{{{moodle_url}}}/theme/ilb/style/resourcestaticcssescola-de-governo-cachekey3115.css" />
+<link rel="stylesheet" type="text/css" href="{{{moodle_url}}}/theme/ilb/style/resourceplone.app.jquerytools.overlays-cachekey3027.css" />
+<link rel="stylesheet" type="text/css" media="screen" href="{{{moodle_url}}}/theme/ilb/style/resourceplone.formwidget.autocompletejquery.autocomplete-cachekey1913.css" />
+<link rel="stylesheet" type="text/css" media="screen" href="{{{moodle_url}}}/theme/ilb/style/resourcestaticcsshome-cachekey0155.css" />
+<link rel="stylesheet" type="text/css" href="{{{moodle_url}}}/theme/ilb/style/thin.css" />
+<link rel="stylesheet" type="text/css" href="{{{moodle_url}}}/theme/ilb/style/tema_1.css" />
+<link rel="stylesheet" type="text/css" href="{{{moodle_url}}}/theme/ilb/style/basic.css" />
+
+<!-- Retira a formatação da página -->
+<link rel="stylesheet" type="text/css" href="{{{moodle_url}}}/theme/ilb/style/resourceplone.app.jquerytools.dateinput-cachekey2007.css" />
+
+<!--
+<link rel="stylesheet" type="text/css" href="https://www12.senado.leg.br/institucional/portal_css/Sunburst%20Theme/base-cachekey3894.css" />
+<link rel="stylesheet" type="text/css" href="https://www12.senado.leg.br/institucional/portal_css/Sunburst%20Theme/resourceconfigcssbasic-cachekey3600.css" />
+
+<link rel="stylesheet" type="text/css" media="all" href="https://www12.senado.leg.br/institucional/portal_css/Sunburst%20Theme/ploneCustom-cachekey2573.css" />
+<link rel="stylesheet" type="text/css" media="screen" href="https://www12.senado.leg.br/institucional/portal_css/Sunburst%20Theme/resourcestaticcssplone_fixes_senado-cachekey4482.css" />
+-->
+<style>
+    @font-face{
+        font-family:agenciaweb;
+        src:url({{{moodle_url}}}/theme/ilb/style/icons/agenciaweb_a6777.eot);
+        src:url({{{moodle_url}}}/theme/ilb/style/icons/agenciaweb_a6777.eot) format('embedded-opentype'),url({{{moodle_url}}}/theme/ilb/style/icons/agenciaweb_6a387.woff) format('woff'),url({{{moodle_url}}}/theme/ilb/style/icons/agenciaweb_36ab2.ttf) format('truetype'),url({{{moodle_url}}}/theme/ilb/style/icons/agenciaweb_3fc37.svg#icomoon) format('svg');
+        font-weight:400;
+        font-style:normal
+    }
+    @font-face{
+        font-family:'Glyphicons Halflings';
+        src:url({{{moodle_url}}}/theme/ilb/style/icons/glyphicons-halflings-regular_f4769.eot);
+        src:url({{{moodle_url}}}/theme/ilb/style/icons/glyphicons-halflings-regular_f4769.eot?#iefix) format('embedded-opentype'),
+        url({{{moodle_url}}}/theme/ilb/style/icons/glyphicons-halflings-regular_448c3.woff2) format('woff2'),
+        url({{{moodle_url}}}/theme/ilb/style/icons/glyphicons-halflings-regular_fa277.woff) format('woff'),
+        url({{{moodle_url}}}/theme/ilb/style/icons/glyphicons-halflings-regular_e18bb.ttf) format('truetype'),
+        url({{{moodle_url}}}/theme/ilb/style/icons/glyphicons-halflings-regular_89889.svg#glyphicons_halflingsregular) format('svg')
+    }
+    #portal-breadcrumbs {
+        display: block !important;
+    }
+    label {
+        font-weight: normal;
+        color: #787878;
+    }
+
+    .tabcontent {
+        display:none;
+    }
+
+    .footer {
+        bottom: 0;
+        width: 100%;
+        height: 52px;
+        padding: 0px;
+    }
+</style>
+
+<!--
+<link rel="apple-touch-icon" sizes="57x57" href="http://www12.senado.leg.br/hpsenado/++resource++senado.hpsenado/favicon/apple-touch-icon-57x57.png?v=OmmK4dNQkX" />
+<link rel="apple-touch-icon" sizes="60x60" href="http://www12.senado.leg.br/hpsenado/++resource++senado.hpsenado/favicon/apple-touch-icon-60x60.png?v=OmmK4dNQkX" />
+<link rel="apple-touch-icon" sizes="72x72" href="http://www12.senado.leg.br/hpsenado/++resource++senado.hpsenado/favicon/apple-touch-icon-72x72.png?v=OmmK4dNQkX" />
+<link rel="apple-touch-icon" sizes="76x76" href="http://www12.senado.leg.br/hpsenado/++resource++senado.hpsenado/favicon/apple-touch-icon-76x76.png?v=OmmK4dNQkX" />
+<link rel="apple-touch-icon" sizes="114x114" href="http://www12.senado.leg.br/hpsenado/++resource++senado.hpsenado/favicon/apple-touch-icon-114x114.png?v=OmmK4dNQkX" />
+<link rel="apple-touch-icon" sizes="120x120" href="http://www12.senado.leg.br/hpsenado/++resource++senado.hpsenado/favicon/apple-touch-icon-120x120.png?v=OmmK4dNQkX" />
+<link rel="apple-touch-icon" sizes="144x144" href="http://www12.senado.leg.br/hpsenado/++resource++senado.hpsenado/favicon/apple-touch-icon-144x144.png?v=OmmK4dNQkX" />
+<link rel="apple-touch-icon" sizes="152x152" href="http://www12.senado.leg.br/hpsenado/++resource++senado.hpsenado/favicon/apple-touch-icon-152x152.png?v=OmmK4dNQkX" />
+<link rel="apple-touch-icon" sizes="180x180" href="http://www12.senado.leg.br/hpsenado/++resource++senado.hpsenado/favicon/apple-touch-icon-180x180.png?v=OmmK4dNQkX" />
+-->
+<link rel="apple-touch-icon" sizes="180x180" href="{{{moodle_url}}}/images/favicon_saberes.ico">
+<link rel="icon" type="image/png" href="{{{ output.favicon }}}" sizes="32x32" />
+<link rel="icon" type="image/png" href="{{{ output.favicon }}}" sizes="192x192" />
+<link rel="icon" type="image/png" href="{{{ output.favicon }}}" sizes="96x96" />
+<link rel="icon" type="image/png" href="{{{ output.favicon }}}" sizes="16x16" />
+
+<!--
+<script type="text/javascript" src="http://www12.senado.leg.br/hpsenado/portal_javascripts/Tema_HPSenado/resourcesenado.jqueryjquery-cachekey5865.js"></script>
+<script type="text/javascript" src="http://www12.senado.leg.br/hpsenado/portal_javascripts/Tema_HPSenado/resourceplone.formwidget.autocompletejquery.autocomplete.min-cachekey6312.js"></script>
+<script type="text/javascript"Cor src="http://www12.senado.leg.br/noticias/portal_javascripts/Tema_PortalMultimidia/resourceplone.formwidget.autocompletejquery.autocomplete.min-cachekey4433.js" />
+<script type="text/javascript" src="http://www12.senado.leg.br/noticias/portal_javascripts/Tema_PortalMultimidia/resourcesenado.formwidget.textocomcontadordecaracterescontadordecaracteres-cachekey2942.js" />
+<script type="text/javascript" src="http://www12.senado.leg.br/noticias/portal_javascripts/Tema_PortalMultimidia/resourcesenado.jqueryjquery-cachekey4484.js" />
+<script type="text/javascript" src="http://www12.senado.leg.br/noticias/++resource++senado.noticias/audiojs/audio.min.js"></script>
+<script type="text/javascript" src="http://www12.senado.leg.br/noticias/++resource++senado.noticias/audiojs/audiojs-doc-ready.js"></script>
+<script type="text/javascript" src="http://www12.senado.leg.br/noticias/++resource++senado.noticias/script/jquery.lazyload.min.js"></script>
+<script type="text/javascript" src="http://www12.senado.leg.br/noticias/++resource++senado.noticias/script/root_index.js"></script>
+<script type=<style>
+  label {
+      font-weight: normal;
+  }
+  </style>"text/javascript" src="http://www12.senado.leg.br/noticias/++resource++senado.noticias/script/youtubeEvents.js"></script>
+<script type="text/javascript" src="http://www12.senado.leg.br/noticias/++resource++senado.noticias/audiojs/audio.min.js"></script>
+<script type="text/javascript" src="http://www12.senado.leg.br/noticias/++resource++senado.noticias/audiojs/audiojs-doc-ready.js"></script>
+<script type="text/javascript" src="http://www12.senado.leg.br/noticias/++resource++senado.noticias/script/root_index.js"></script>
+<script type="text/javascript" src="http://www12.senado.leg.br/noticias/++resource++senado.noticias/script/youtubeEvents.js"></script>
+-->
+
+<!-- Arquivos javascript verificados-->
+<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
+
+<!-- INVALIDAM O BOTÃO DE DROPDOWN -->
+<script type="text/javascript" src="{{{moodle_url}}}/theme/ilb/js/resourceconfigjqueryjquery-1.11.2.min-cachekey3986.js" ></script>
+<script type="text/javascript" src="{{{moodle_url}}}/theme/ilb/js/resourceconfigbootstrapbootstrap.min-cachekey1567.js" ></script>
+
+
+
+<script type="text/javascript" src="{{{moodle_url}}}/theme/ilb/js/resourcestaticjscalendario-cachekey4269.js" ></script>
+<script type="text/javascript" src="{{{moodle_url}}}/theme/ilb/js/resourcestaticjsphoto-gallery-cachekey3318.js"></script>
+<script type="text/javascript" src="{{{moodle_url}}}/theme/ilb/js/jquery.lazyload.min.js"></script>
+<script type="text/javascript" src="{{{moodle_url}}}/theme/ilb/js/resourcesenado.jqueryjquery-cachekey4484.js"></script>
+<script type="text/javascript">
+    jQuery(function($){
+        $.datepicker.setDefaults(
+                jQuery.extend($.datepicker.regional['pt-BR'],
+                        {dateFormat: 'dd/mm/yy'}));
+    });
+</script>
+<script>
+    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
+        (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
+            m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
+    })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
+
+    ga('create', 'UA-77042575-1', 'auto');
+    ga('require', 'linkid');
+    ga('send', 'pageview');
+
+    function ativaAba(evt, nomeAba) {
+        // Declare all variables
+        var i, tabcontent, tablinks;
+
+        // Get all elements with class="tabcontent" and hide them
+        tabcontent = document.getElementsByClassName("tabcontent");
+        for (i = 0; i < tabcontent.length; i++) {
+            tabcontent[i].style.display = "none";
+        }
+
+        // Show the current tab, and add an "active" class to the button that opened the tab
+        document.getElementById(nomeAba).style.display = "block";
+    }
+</script>
diff --git a/templates/header-secure.mustache b/templates/header-secure.mustache
old mode 100644
new mode 100755
index ab0c88f..8a5dced
--- a/templates/header-secure.mustache
+++ b/templates/header-secure.mustache
@@ -17,7 +17,7 @@
 {{!
     Page header.
 }}
-<header role="banner" class="pos-f-t navbar navbar-full navbar-dark bg-faded navbar-static-top moodle-has-zindex">
+<header role="banner" class="pos-f-t navbar navbar-full navbar-light bg-faded navbar-static-top moodle-has-zindex">
 
     <div class="container-fluid">
 
diff --git a/templates/header.mustache b/templates/header.mustache
index 70eb20c..e333217 100644
--- a/templates/header.mustache
+++ b/templates/header.mustache
@@ -15,95 +15,53 @@
     along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
 }}
 {{!
+    @template ilb/header
+
+    This template renders the header.
+
+    Example context (json):
+    {
+        "contextheader": "context_header_html",
+        "settingsmenu": "settings_html",
+        "hasnavbar": false,
+        "navbar": "navbar_if_available",
+        "courseheader": "course_header_html"
+    }
+
     Page header.
 }}
-<meta http-equiv="cache-control" content="max-age=0" />
-<meta http-equiv="cache-control" content="no-cache" />
-<meta http-equiv="expires" content="0" />
-<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
-<meta http-equiv="pragma" content="no-cache" />
-<!-- NAV SUPERIOR DO SENADO -->
-<!-- Usado na página principal -->
-<header>
-  <div id="header-institucional">
-    <div class="NavGlobal navbar navbar-static-top">
-      <div class="NavGlobal-container">
-        <div class="pull-right dropdown" role="navigation">
-          <a data-toggle="dropdown" class="NavGlobal-toggle dropdown-toggle">
-            <div class="Icon Icon--menu Icon--md"></div>
-            <span class="u-alignMiddle"> Portais</span>
-          </a>
-          <ul class="NavGlobal-dropdownMenu dropdown-menu">
-            <li><a href="http://www.senado.gov.br/institucional/">Institucional</a></li>
-            <li><a href="http://www25.senado.leg.br/web/senadores/">Senadores</a></li>
-            <li><a href="http://www25.senado.leg.br/web/atividade/">Atividade Legislativa</a></li>
-            <li><a href="http://www12.senado.gov.br/noticias/">Notícias</a></li>
-            <li><a href="http://www12.senado.gov.br/publicacoes/">Publicação e Documentação</a></li>
-            <li><a href="http://www12.senado.gov.br/orcamento/">Orçamento</a></li>
-            <li><a href="http://www12.senado.gov.br/transparencia/">Transparência</a></li>
-            <li><a href="http://www12.senado.gov.br/ecidadania/">e-Cidadania</a></li>
-          </ul>
-        </div>
-        <div class="NavGlobal-logo pull-left">
-          <a href="http://www.senado.gov.br/">
-            <img src="//www.senado.gov.br/inc/essencial/img/senado.svg" alt="Senado Federal" height="23" width="170">
-          </a>
-        </div>
-        <div class="NavGlobal-middle">
-          <a href="http://www12.senado.gov.br/institucional/falecomosenado">Fale com o Senado</a>
-        </div>
-      </div>
-    </div>
-  </div>
-    <div class="propertiesSubHeader">
-        <div class="container">
-            <div class="Box Box--y pull-left">
-                <div class="l-fork--lg clearfix Barra-menu"><span class="milli">
-                    <span class="label label-brand">1</span> <a href="#div.principal" accesskey="1" class="text-muted">Ir
-                        para o conteúdo</a></span>
-                    <div class="u-verticalSeparator milli"></div>
-                    <span class="milli"><span class="label label-brand">2</span> <a href="#s-menu" class="text-muted">Ir para o
-                            menu</a></span>
-                    <div class="u-verticalSeparator milli"></div>
-                    <span class="milli"><span class="label label-brand">4</span> <a href="#footer-institucional" class="text-muted">Ir para o
-                            rodapé</a></span>
-                    <div class="u-verticalSeparator milli"></div>
-                    <div class="l-fork--sm clearfix milli-h milli">
-                        <img style="opacity: .7; margin-right: 3px;" height="17" src="https://www12.senado.leg.br/hpsenado/++resource++senado.hpsenado/img/vlibras-i.png">
-                    <div class="dropdown propertiesVLibras">
-                        <a onclick="myFunction()" class="text-muted dropbtn">VLibras</a>
-                        <div id="myDropdown" class="dropdown-content">
-                            <p class='text-center'><img src='https://www12.senado.leg.br/hpsenado/++resource++senado.hpsenado/img/vlibras.gif'/></p>
-                            <div class="text-properties">
-                                <p>O conteúdo deste portal pode ser acessível em Libras usando o <a href='http://www.vlibras.gov.br/'>VLibras </a></p>
-                            </div>
-                        </div>
+<header id="page-header" class="row">
+    <div class="col-12 pt-3 pb-3">
+        <div class="card {{^contextheader}}border-0 bg-transparent{{/contextheader}}">
+            <div class="card-body {{^contextheader}}p-2{{/contextheader}}">
+                <div class="d-flex">
+                    {{#contextheader}}
+                    <div class="mr-auto">
+                        {{{contextheader}}}
                     </div>
-                        <div class="u-verticalSeparator milli"></div>
-                        <a href="https://www12.senado.leg.br/institucional/programas/senado-inclusivo/documentos/acessibilidade" class="text-muted">Acessibilidade</a>
+                    {{/contextheader}}
+
+                    {{#settingsmenu}}
+                    <div class="context-header-settings-menu">
+                        {{{settingsmenu}}}
+                    </div>
+                    {{/settingsmenu}}
+                </div>
+                <div class="d-flex flex-wrap">
+                    {{#hasnavbar}}
+                    <div id="page-navbar">
+                        {{{navbar}}}
+                    </div>
+                    {{/hasnavbar}}
+                    <div class="ml-auto d-flex">
+                        {{{pageheadingbutton}}}
+                    </div>
+                    <div id="course-header">
+                        {{{courseheader}}}
                     </div>
                 </div>
             </div>
         </div>
     </div>
-</header><!-- FIM DA NAV SUPERIOR DO SENADO -->
-<script>
-    /* When the user clicks on the button,
-toggle between hiding and showing the dropdown content */
-    function myFunction() {
-        document.getElementById("myDropdown").classList.toggle("show");
-    }
-    // Close the dropdown menu if the user clicks outside of it
-    window.onclick = function(event) {
-        if (!event.target.matches('.dropbtn')) {
-            var dropdowns = document.getElementsByClassName("dropdown-content");
-            var i;
-            for (i = 0; i < dropdowns.length; i++) {
-                var openDropdown = dropdowns[i];
-                if (openDropdown.classList.contains('show')) {
-                    openDropdown.classList.remove('show');
-                }
-            }
-        }
-    }
-</script>
+
+</header>
\ No newline at end of file
diff --git a/templates/headerLogado.mustache b/templates/headerLogado.mustache
deleted file mode 100644
index 703f45f..0000000
--- a/templates/headerLogado.mustache
+++ /dev/null
@@ -1,60 +0,0 @@
-{{!
-    This file is part of Moodle - http://moodle.org/
-
-    Moodle is free software: you can redistribute it and/or modify
-    it under the terms of the GNU General Public License as published by
-    the Free Software Foundation, either version 3 of the License, or
-    (at your option) any later version.
-
-    Moodle is distributed in the hope that it will be useful,
-    but WITHOUT ANY WARRANTY; without even the implied warranty of
-    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
-    GNU General Public License for more details.
-
-    You should have received a copy of the GNU General Public License
-    along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
-}}
-{{!
-    Page header.
-}}
-<header role="banner" class="pos-f-t navbar navbar-full navbar-dark bg-light navbar-static-top moodle-has-zindex NavGlobal">
-
-    <div class="container-fluid navbar-nav">
-
-      <!-- Ícone do hambúrguer <i> inserido a partir do CSS externo do Font Awesome em head2.mustache -->
-        <div data-region="drawer-toggle">
-            <button aria-expanded="{{#navdraweropen}}true{{/navdraweropen}}{{^navdraweropen}}false{{/navdraweropen}}" aria-controls="nav-drawer" type="button" class="btn pull-xs-left m-r-1 btn-secondary" data-action="toggle-drawer" data-side="left" data-preference="drawer-open-nav"><i class="fa fa-bars"></i></span></button>
-        </div>
-
-        <a href="{{{ config.wwwroot }}}" class="navbar-brand {{# output.should_display_navbar_logo }}has-logo{{/ output.should_display_navbar_logo }}
-            {{^ output.should_display_navbar_logo }}
-                hidden-sm-down
-            {{/ output.should_display_navbar_logo }}
-                ">
-            {{# output.should_display_navbar_logo }}
-                <span class="logo hidden-xs-down">
-                    <img src="{{output.get_compact_logo_url}}" alt="{{sitename}}">
-                </span>
-            {{/ output.should_display_navbar_logo }}
-            <span class="site-name hidden-sm-down">{{{ sitename }}}</span>
-        </a>
-
-        <!-- user_menu -->
-        {{{ output.user_menu }}}
-        
-        <!-- navbar_plugin_output -->
-        {{{ output.navbar_plugin_output }}}
-
-        <!-- search_box -->
-        <span class="hidden-md-down">
-        {{{ output.search_box }}}
-        </span>
-
-        <nav class="nav navbar-nav hidden-md-down">
-            <!-- custom_menu -->
-            {{{ output.custom_menu }}}
-            <!-- page_heading_menu -->
-            {{{ output.page_heading_menu }}}
-        </nav>
-    </div>
-</header>
diff --git a/templates/header_front.mustache b/templates/header_front.mustache
new file mode 100644
index 0000000..5d7ec52
--- /dev/null
+++ b/templates/header_front.mustache
@@ -0,0 +1,109 @@
+{{!
+    This file is part of Moodle - http://moodle.org/
+
+    Moodle is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    Moodle is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License
+    along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
+}}
+{{!
+    Page header.
+}}
+<meta http-equiv="cache-control" content="max-age=0" />
+<meta http-equiv="cache-control" content="no-cache" />
+<meta http-equiv="expires" content="0" />
+<meta http-equiv="expires" content="Tue, 01 Jan 1980 1:00:00 GMT" />
+<meta http-equiv="pragma" content="no-cache" />
+<!-- NAV SUPERIOR DO SENADO -->
+<!-- Usado na página principal -->
+<header>
+    <div id="header-institucional">
+        <div class="NavGlobal navbar navbar-static-top">
+            <div class="NavGlobal-container">
+                <div class="pull-right dropdown" role="navigation">
+                    <a data-toggle="dropdown" class="NavGlobal-toggle dropdown-toggle">
+                        <div class="Icon Icon--menu Icon--md"></div>
+                        <span class="u-alignMiddle"> Portais</span>
+                    </a>
+                    <ul class="NavGlobal-dropdownMenu dropdown-menu">
+                        <li><a href="http://www.senado.gov.br/institucional/">Institucional</a></li>
+                        <li><a href="http://www25.senado.leg.br/web/senadores/">Senadores</a></li>
+                        <li><a href="http://www25.senado.leg.br/web/atividade/">Atividade Legislativa</a></li>
+                        <li><a href="http://www12.senado.gov.br/noticias/">Notícias</a></li>
+                        <li><a href="http://www12.senado.gov.br/publicacoes/">Publicação e Documentação</a></li>
+                        <li><a href="http://www12.senado.gov.br/orcamento/">Orçamento</a></li>
+                        <li><a href="http://www12.senado.gov.br/transparencia/">Transparência</a></li>
+                        <li><a href="http://www12.senado.gov.br/ecidadania/">e-Cidadania</a></li>
+                    </ul>
+                </div>
+                <div class="NavGlobal-logo pull-left">
+                    <a href="http://www.senado.gov.br/">
+                        <img src="//www.senado.gov.br/inc/essencial/img/senado.svg" alt="Senado Federal" height="23" width="170">
+                    </a>
+                </div>
+                <div class="NavGlobal-middle">
+                    <a href="http://www12.senado.gov.br/institucional/falecomosenado">Fale com o Senado</a>
+                </div>
+            </div>
+        </div>
+    </div>
+    <div class="propertiesSubHeader">
+        <div class="container">
+            <div class="Box Box--y pull-left">
+                <div class="l-fork--lg clearfix Barra-menu"><span class="milli">
+                    <span class="label label-brand">1</span> <a href="#div.principal" accesskey="1" class="text-muted">Ir
+                        para o conteúdo</a></span>
+                    <div class="u-verticalSeparator milli"></div>
+                    <span class="milli"><span class="label label-brand">2</span> <a href="#s-menu" class="text-muted">Ir para o
+                            menu</a></span>
+                    <div class="u-verticalSeparator milli"></div>
+                    <span class="milli"><span class="label label-brand">4</span> <a href="#footer-institucional" class="text-muted">Ir para o
+                            rodapé</a></span>
+                    <div class="u-verticalSeparator milli"></div>
+                    <div class="l-fork--sm clearfix milli-h milli">
+                        <img style="opacity: .7; margin-right: 3px;" height="17" src="https://www12.senado.leg.br/hpsenado/++resource++senado.hpsenado/img/vlibras-i.png">
+                        <div class="dropdown propertiesVLibras">
+                            <a onclick="myFunction()" class="text-muted dropbtn">VLibras</a>
+                            <div id="myDropdown" class="dropdown-content">
+                                <p class='text-center'><img src='https://www12.senado.leg.br/hpsenado/++resource++senado.hpsenado/img/vlibras.gif'/></p>
+                                <div class="text-properties">
+                                    <p>O conteúdo deste portal pode ser acessível em Libras usando o <a href='http://www.vlibras.gov.br/'>VLibras </a></p>
+                                </div>
+                            </div>
+                        </div>
+                        <div class="u-verticalSeparator milli"></div>
+                        <a href="https://www12.senado.leg.br/institucional/programas/senado-inclusivo/documentos/acessibilidade" class="text-muted">Acessibilidade</a>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </div>
+</header><!-- FIM DA NAV SUPERIOR DO SENADO -->
+<script>
+    /* When the user clicks on the button,
+toggle between hiding and showing the dropdown content */
+    function myFunction() {
+        document.getElementById("myDropdown").classList.toggle("show");
+    }
+    // Close the dropdown menu if the user clicks outside of it
+    window.onclick = function(event) {
+        if (!event.target.matches('.dropbtn')) {
+            var dropdowns = document.getElementsByClassName("dropdown-content");
+            var i;
+            for (i = 0; i < dropdowns.length; i++) {
+                var openDropdown = dropdowns[i];
+                if (openDropdown.classList.contains('show')) {
+                    openDropdown.classList.remove('show');
+                }
+            }
+        }
+    }
+</script>
diff --git a/templates/login.mustache b/templates/login.mustache
index b8e0b96..91cc283 100644
--- a/templates/login.mustache
+++ b/templates/login.mustache
@@ -29,14 +29,7 @@
         }
     }
 }}
-{{{ output.doctype }}}
-<html {{{ output.htmlattributes }}}>
-<head>
-    <title>{{{ output.page_title }}}</title>
-    <link rel="shortcut icon" href="{{{ output.favicon }}}" />
-    {{{ output.standard_head_html }}}
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-</head>
+{{> theme_ilb/head }}
 
 <body {{{ bodyattributes }}}>
 
@@ -44,10 +37,10 @@
 
     {{{ output.standard_top_of_body_html }}}
 
-    <div id="page" class="container-fluid">
+    <div id="page" class="container-fluid mt-0">
         <div id="page-content" class="row">
-            <div id="region-main-box">
-                <section id="region-main" class="col-xs-12">
+            <div id="region-main-box" class="col-12">
+                <section id="region-main" class="col-12">
                     {{{ output.course_content_header }}}
                     {{{ output.main_content }}}
                     {{{ output.course_content_footer }}}
@@ -55,11 +48,24 @@
             </div>
         </div>
     </div>
+    <footer id="page-footer" class="py-3 bg-dark text-light">
+        <div class="container">
+            <div id="course-footer">{{{ output.course_footer }}}</div>
+
+            {{# output.page_doc_link }}
+                <p class="helplink">{{{ output.page_doc_link }}}</p>
+            {{/ output.page_doc_link }}
+
+            {{{ output.login_info }}}
+            {{{ output.home_link }}}
+            {{{ output.standard_footer_html }}}
+            {{{ output.standard_end_of_body_html }}}
+        </div>
+    </footer>
 </div>
-{{{ output.standard_end_of_body_html }}}
 
 </body>
 </html>
 {{#js}}
-require(['theme_boost/loader']);
+require(['theme_ilb/loader']);
 {{/js}}
diff --git a/templates/maintenance.mustache b/templates/maintenance.mustache
index caa5f18..5e1763d 100644
--- a/templates/maintenance.mustache
+++ b/templates/maintenance.mustache
@@ -47,32 +47,31 @@
 
     {{{ output.standard_top_of_body_html }}}
 
-    <div id="page" class="container card card-block">
+    <div id="page" class="container pb-3">
 
         <div class="row">
-            <div class="col-xs-12 p-y-1">
+            <div class="col-12 py-3">
                 {{{ output.page_heading }}}
             </div>
         </div>
 
         <div id="page-content" class="row">
-            <section id="region-main" class="col-xs-12">
+            <section id="region-main" class="col-12">
                 {{{ output.main_content }}}
             </section>
         </div>
 
     </div>
+    <footer id="page-footer" class="py-3 bg-dark text-light">
+        <div class="container">
+            {{{ output.standard_footer_html }}}
+            {{{ output.standard_end_of_body_html }}}
+        </div>
+    </footer>
 </div>
 
-<footer id="page-footer" class="p-y-1 bg-inverse">
-    <div class="container">
-        {{{ output.standard_footer_html }}}
-        {{{ output.standard_end_of_body_html }}}
-    </div>
-</footer>
-
 </body>
 </html>
 {{#js}}
-require(['theme_boost/loader']);
+require(['theme_ilb/loader']);
 {{/js}}
diff --git a/templates/mod_assign/grading_navigation.mustache b/templates/mod_assign/grading_navigation.mustache
index c6809b3..ab2d9e5 100644
--- a/templates/mod_assign/grading_navigation.mustache
+++ b/templates/mod_assign/grading_navigation.mustache
@@ -46,13 +46,21 @@
 <a href="{{config.wwwroot}}/course/view.php?id={{courseid}}" title="{{{coursename}}}">{{{coursename}}}</a><br/>
 
 {{!
-    Row 2) Assignment name & link.
+    Row 2) Assignment name & link, & edit settings.
 }}
 <a href="{{config.wwwroot}}/mod/assign/view.php?id={{cmid}}" title="{{name}}">{{name}}</a>
 
+{{#caneditsettings}}
+<a href="{{config.wwwroot}}/course/modedit.php?update={{cmid}}&return=1">{{#pix}}t/edit, core,{{#str}}editsettings{{/str}}{{/pix}}</a>
+{{/caneditsettings}}
+
+<br/>
+
 {{!
-    Row 3) Edit settings, due date, with tool-tip thing.
+    Row 3) Assignment grading & link, due date, with tool-tip thing.
 }}
+<a href="{{config.wwwroot}}/mod/assign/view.php?id={{cmid}}&action={{actiongrading}}" title="{{viewgrading}}">{{viewgrading}}</a>
+
 <div role="tooltip" id="tooltip-{{uniqid}}" class="accesshide">
 {{#duedate}}
 {{#str}}duedatecolon, mod_assign, {{duedatestr}}{{/str}}
@@ -67,10 +75,6 @@
 {{/duedate}}
 </div>
 
-<br/>
-{{#caneditsettings}}
-<a href="{{config.wwwroot}}/course/modedit.php?update={{cmid}}&return=1">{{#pix}}t/edit, core,{{#str}}editsettings{{/str}}{{/pix}}</a>
-{{/caneditsettings}}
 </span>
 </div>
 
diff --git a/templates/mod_forum/quick_search_form.mustache b/templates/mod_forum/quick_search_form.mustache
index a5c8767..eee32f5 100644
--- a/templates/mod_forum/quick_search_form.mustache
+++ b/templates/mod_forum/quick_search_form.mustache
@@ -1,13 +1,18 @@
 <div class="forumsearch">
     <form action="{{actionurl}}" class="form-inline">
         <input type="hidden" name="id" value="{{courseid}}">
-        <div class="form-group">
+        <div class="input-group">
+            <div class="input-group-prepend">
             {{#helpicon}}
                 {{>core/help_icon}}
             {{/helpicon}}
+            </div>
             <label class="sr-only" for="search">{{#str}}search, forum{{/str}}</label>
             <input id="search" name="search" type="text" class="form-control" value="{{query}}">
+            <div class="input-group-append">
+                <button class="btn btn-secondary" id="searchforums" type="submit">{{#str}}searchforums, mod_forum{{/str}}</button>
+            </div>
         </div>
-        <button class="btn btn-secondary" id="searchforums" type="submit">{{#str}}searchforums, mod_forum{{/str}}</button>
+
     </form>
 </div>
diff --git a/templates/nav-drawer.mustache b/templates/nav-drawer.mustache
index 4c58f0b..4453dd8 100644
--- a/templates/nav-drawer.mustache
+++ b/templates/nav-drawer.mustache
@@ -4,6 +4,6 @@
 
     Example context (json): {}
 }}
-<div id="nav-drawer" data-region="drawer" class="hidden-print moodle-has-zindex {{^navdraweropen}}closed{{/navdraweropen}}" aria-hidden="{{#navdraweropen}}false{{/navdraweropen}}{{^navdraweropen}}true{{/navdraweropen}}" tabindex="-1">
+<div id="nav-drawer" data-region="drawer" class="d-print-none moodle-has-zindex {{^navdraweropen}}closed{{/navdraweropen}}" aria-hidden="{{#navdraweropen}}false{{/navdraweropen}}{{^navdraweropen}}true{{/navdraweropen}}" tabindex="-1">
     {{> theme_ilb/flat_navigation }}
 </div>
diff --git a/templates/navbar-secure.mustache b/templates/navbar-secure.mustache
new file mode 100644
index 0000000..69833e2
--- /dev/null
+++ b/templates/navbar-secure.mustache
@@ -0,0 +1,34 @@
+{{!
+    This file is part of Moodle - http://moodle.org/
+
+    Moodle is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    Moodle is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License
+    along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
+}}
+{{!
+    secure navbar.
+}}
+<nav class="fixed-top navbar navbar-light bg-white navbar-expand moodle-has-zindex">
+
+        {{# output.should_display_navbar_logo }}
+            <span class="logo d-none d-sm-inline">
+                <img src="{{output.get_compact_logo_url}}" alt="{{sitename}}">
+            </span>
+        {{/ output.should_display_navbar_logo }}
+        <span class="site-name d-none d-md-inline">{{{ sitename }}}</span>
+
+        <ul class="nav navbar-nav ml-auto">
+            <li class="nav-item">
+            {{{ output.secure_login_info }}}
+            </li>
+        </ul>
+</nav>
\ No newline at end of file
diff --git a/templates/navbar.mustache b/templates/navbar.mustache
new file mode 100644
index 0000000..0339d10
--- /dev/null
+++ b/templates/navbar.mustache
@@ -0,0 +1,71 @@
+{{!
+    This file is part of Moodle - http://moodle.org/
+
+    Moodle is free software: you can redistribute it and/or modify
+    it under the terms of the GNU General Public License as published by
+    the Free Software Foundation, either version 3 of the License, or
+    (at your option) any later version.
+
+    Moodle is distributed in the hope that it will be useful,
+    but WITHOUT ANY WARRANTY; without even the implied warranty of
+    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+    GNU General Public License for more details.
+
+    You should have received a copy of the GNU General Public License
+    along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
+}}
+{{!
+    Page navbar.
+}}
+<nav class="fixed-top navbar navbar-light bg-white navbar-expand moodle-has-zindex colorNarbarSenadoOriginal" aria-label="{{#str}}sitemenubar, admin{{/str}}">
+
+        <div data-region="drawer-toggle" class="d-inline-block mr-3">
+            <button style="background-color: white !important;border-radius: .25rem;" aria-expanded="{{#navdraweropen}}true{{/navdraweropen}}{{^navdraweropen}}false{{/navdraweropen}}" aria-controls="nav-drawer" type="button" class="btn pull-xs-left m-r-1 btn-secondary" data-action="toggle-drawer" data-side="left" data-preference="drawer-open-nav">{{#pix}}i/menubars{{/pix}}<span class="sr-only">{{#str}}sidepanel, core{{/str}}</span></button>
+        </div>
+
+        <a href="{{{ config.wwwroot }}}" class="corTextoNav navbar-brand {{# output.should_display_navbar_logo }}has-logo{{/ output.should_display_navbar_logo }}
+            {{^ output.should_display_navbar_logo }}
+                d-none d-sm-inline
+            {{/ output.should_display_navbar_logo }}
+                ">
+            {{# output.should_display_navbar_logo }}
+                <span class="logo d-none d-sm-inline corTextoNav">
+                    <img src="{{output.get_compact_logo_url}}" alt="{{sitename}}">
+                </span>
+            {{/ output.should_display_navbar_logo }}
+            <span class="site-name d-none d-md-inline">{{{ sitename }}}</span>
+        </a>
+
+        <ul class="navbar-nav d-none d-md-flex corTextoNav">
+            <!-- custom_menu -->
+            {{{ output.custom_menu }}}
+            <!-- page_heading_menu -->
+            {{{ output.page_heading_menu }}}
+        </ul>
+        <ul class="nav navbar-nav ml-auto corTextoNav">
+            <div class="d-none d-lg-block corTextoNav">
+            {{{ output.search_box }}}
+        </div>
+            <!-- navbar_plugin_output -->
+            <li class="nav-item corTextoNav">
+            {{{ output.navbar_plugin_output }}}
+            </li>
+            <!-- user_menu -->
+            <li class="nav-item d-flex align-items-center corTextoNav">
+                {{{ output.user_menu }}}
+            </li>
+        </ul>
+        <!-- search_box -->
+</nav>
+
+<style>
+    .colorNarbarSenadoOriginal{
+        background-color: #00305c !important;
+        border-bottom: 4px solid #00824a;
+        box-shadow: 0 4px 0 #fae042;
+    }
+    .corTextoNav{
+        color: white !important;
+    }
+
+</style>
diff --git a/templates/secure.mustache b/templates/secure.mustache
index 47241f2..b099f7d 100644
--- a/templates/secure.mustache
+++ b/templates/secure.mustache
@@ -34,14 +34,7 @@
          }
     }
 }}
-{{{ output.doctype }}}
-<html {{{ output.htmlattributes }}}>
-<head>
-    <title>{{{ output.page_title }}}</title>
-    <link rel="shortcut icon" href="{{{ output.favicon }}}" />
-    {{{ output.standard_head_html }}}
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-</head>
+{{> theme_ilb/head }}
 
 <body {{{ bodyattributes }}}>
 
@@ -49,13 +42,13 @@
 
     {{{ output.standard_top_of_body_html }}}
 
-    {{>theme_ilb/header-secure}}
+    {{>theme_ilb/navbar-secure}}
 
     <div id="page" class="container-fluid">
         {{! Secured full header }}
 
         <div id="page-header" class="row">
-            <div class="col-xs-12 p-y-1">
+            <div class="col-12 py-3">
                 <div class="page-context-header">
                     <div class="page-header-headings">
                         {{{ output.page_heading }}}
@@ -65,13 +58,13 @@
         </div>
 
         <div id="page-content" class="row">
-            <div id="region-main-box" class="col-xs-12">
+            <div id="region-main-box" class="col-12">
                 <section id="region-main" {{#hasblocks}}class="has-blocks"{{/hasblocks}}>
-                    <div class="card card-block">
+
                     {{{ output.course_content_header }}}
                     {{{ output.main_content }}}
                     {{{ output.course_content_footer }}}
-                    </div>
+
                 </section>
                 {{#hasblocks}}
                 <section data-region="blocks-column">
@@ -81,17 +74,18 @@
             </div>
         </div>
     </div>
+    <footer id="page-footer" class="py-3 bg-dark text-light">
+        <div class="container">
+            <div id="course-footer">{{{ output.course_footer }}}</div>
+
+            {{{ output.standard_end_of_body_html }}}
+        </div>
+    </footer>
 </div>
-<footer id="page-footer" class="p-y-1 bg-inverse">
-    <div class="container">
-        <div id="course-footer">{{{ output.course_footer }}}</div>
 
-        {{{ output.standard_end_of_body_html }}}
-    </div>
-</footer>
 
 </body>
 </html>
 {{#js}}
-require(['theme_boost/loader']);
+require(['theme_ilb/loader']);
 {{/js}}
diff --git a/templates/tool_usertours/tourstep.mustache b/templates/tool_usertours/tourstep.mustache
index 7c9da82..192fec4 100644
--- a/templates/tool_usertours/tourstep.mustache
+++ b/templates/tool_usertours/tourstep.mustache
@@ -49,10 +49,11 @@
   <div class="modal-content">
     <div class="tooltip-arrow" data-role="arrow"></div>
     <div class="modal-header">
+      <h5 class="modal-title" data-placeholder="title"></h5>
       <button type="button" class="close" data-dismiss="modal" aria-label="Close" data-role="end">
         <span aria-hidden="true">&times;</span>
       </button>
-      <h4 class="modal-title" data-placeholder="title"></h4>
+
     </div>
     <div class="modal-body" data-placeholder="body">
     </div>
diff --git a/thirdpartylibs.xml b/thirdpartylibs.xml
new file mode 100644
index 0000000..dabe1cd
--- /dev/null
+++ b/thirdpartylibs.xml
@@ -0,0 +1,108 @@
+<?xml version="1.0"?>
+<libraries>
+  <library>
+    <location>scss/bootstrap</location>
+    <name>Twitter Bootstrap</name>
+    <license>MIT</license>
+    <version>4.0.0</version>
+    <licenseversion></licenseversion>
+  </library>
+  <library>
+    <location>amd/src/alert.js</location>
+    <name>bootstrap-alert</name>
+    <license>(MIT)</license>
+    <version>v4.0.0</version>
+    <licenseversion></licenseversion>
+  </library>
+  <library>
+    <location>amd/src/button.js</location>
+    <name>bootstrap-button</name>
+    <license>(MIT)</license>
+    <version>v4.0.0</version>
+    <licenseversion></licenseversion>
+  </library>
+  <library>
+    <location>amd/src/carousel.js</location>
+    <name>bootstrap-carousel</name>
+    <license>(MIT)</license>
+    <version>v4.0.0</version>
+    <licenseversion></licenseversion>
+  </library>
+  <library>
+    <location>amd/src/collapse.js</location>
+    <name>bootstrap-collapse</name>
+    <license>(MIT)</license>
+    <version>v4.0.0</version>
+    <licenseversion></licenseversion>
+  </library>
+  <library>
+    <location>amd/src/dropdown.js</location>
+    <name>bootstrap-dropdown</name>
+    <license>(MIT)</license>
+    <version>v4.0.0</version>
+    <licenseversion></licenseversion>
+  </library>
+  <library>
+    <location>amd/src/modal.js</location>
+    <name>bootstrap-modal</name>
+    <license>(MIT)</license>
+    <version>v4.0.0</version>
+    <licenseversion></licenseversion>
+  </library>
+  <library>
+    <location>amd/src/popover.js</location>
+    <name>bootstrap-popover</name>
+    <license>(MIT)</license>
+    <version>v4.0.0</version>
+    <licenseversion></licenseversion>
+  </library>
+  <library>
+    <location>amd/src/scrollspy.js</location>
+    <name>bootstrap-scrollspy</name>
+    <license>(MIT)</license>
+    <version>v4.0.0</version>
+    <licenseversion></licenseversion>
+  </library>
+  <library>
+    <location>amd/src/tab.js</location>
+    <name>bootstrap-alert</name>
+    <license>(MIT)</license>
+    <version>v4.0.0</version>
+    <licenseversion></licenseversion>
+  </library>
+  <library>
+    <location>amd/src/tab.js</location>
+    <name>bootstrap-alert</name>
+    <license>(MIT)</license>
+    <version>v4.0.0</version>
+    <licenseversion></licenseversion>
+  </library>
+  <library>
+    <location>amd/src/tooltip.js</location>
+    <name>bootstrap-tooltip</name>
+    <license>(MIT)</license>
+    <version>v4.0.0</version>
+    <licenseversion></licenseversion>
+  </library>
+  <library>
+    <location>amd/src/util.js</location>
+    <name>bootstrap-util</name>
+    <license>(MIT)</license>
+    <version>v4.0.0</version>
+    <licenseversion></licenseversion>
+  </library>
+  <library>
+    <location>amd/src/tether.js</location>
+    <name>tether</name>
+    <license>(MIT)</license>
+    <version>1.3.3</version>
+    <licenseversion></licenseversion>
+  </library>
+  <library>
+    <location>scss/fontawesome</location>
+    <name>Font Awesome by Dave Gandy - http://fontawesome.io</name>
+    <license>(MIT)</license>
+    <version>4.7.0</version>
+    <licenseversion></licenseversion>
+  </library>
+</libraries>
diff --git a/upgrade.txt b/upgrade.txt
new file mode 100644
index 0000000..2ce75f0
--- /dev/null
+++ b/upgrade.txt
@@ -0,0 +1,98 @@
+This file describes API changes in /theme/ilb
+information provided here is intended especially for theme designers.
+
+=== 3.6.2 ===
+
+Form element template
+---------------------
+A 'wrapperid' has been added to 'templates/core_form/element-template.mustache' to restore unique ids
+on Ilb form element wrappers. This restores the same unique element ids seen on elements in BS2
+themes, which were mistakenly dropped when introducing the Ilb theme.
+
+=== 3.5 ===
+
+The Ilb theme now uses Bootstrap 4 Stable (BS4S).
+
+We are trying to use as much BS4S classes in MDL Templates to reduce the amount of Moodle CSS.
+
+The biggest changes are:
+
+JavaScript
+----------
+* All Bootstrap javascript has been updated.
+
+Sass
+----
+* A number of variables are no longer available in Bootstrap 4 Stable. For now a bs4alpha compatibility file has been added, see scss/bs4alphacompat.scss which translates veriable names from the Alpha version to the stable version.
+
+* m-t-* and other spacing utilities should be replaced with mt-*.
+
+The units that were used for margins have changed too
+m-t-1 is now mt-3
+m-t-2 is now mt-4
+m-t-3 is now mt-5
+
+
+Grid and Flexbox
+----------------
+The Ilbrap grid uses CSS's flexbox grid to build layouts.
+
+New breakpoints for grids have been added:
+.col-*  <576px
+.col-sm-* >= 576px
+.col-md-* >= 768px
+.col-lg-* >= 992px
+.col-xl-* >= 1200px
+
+All usage of '*-xs-*' have been dropped. So what used to be col-xs-6 should now be written as col-6.
+
+*-md-* has become *-lg-*, and *-lg-* has become *-xl-*.
+
+Typography
+----------
+Ilbrap 4 uses a native font stack that selects the best font-family for each OS and device. For font sizing the browser default root font-size (typically 16px) is used. this variable can be changed using the variable '$font-size-base'.
+In the default Ilb preset we use: "0.9375rem" which computes to 15px on most browser.
+
+Presets
+-------
+The structure of preset files have changed. The new structure of a preset file is:
+
+// Space to set variables.
+$font-size-base: 0.9375rem
+
+// Import FontAwesome.
+@import "fontawesome";
+
+// Import All of Bootstrap.
+@import "bootstrap";
+
+// Import Core moodle CSS.
+@import "moodle";
+
+// Space to use Bootstrap mixins and extends.
+.navbar {
+  @include shadow();
+}
+
+Bootswatches
+------------
+Bootstrap 4 bootswatches can be imported using the theme/ilb/cli/import-bootswatch.php script. Generated bootswatches can be added in the theme ilb settings page.
+
+Changed Components
+------------------
+Cards need this structure
+ class='card'
+    class='card-body'
+This used to be 'card-block'
+
+The header.mustache template has been replace by a navbar.mustache template for name consistancy with Bootstrap
+
+A new header.mustache template has been created served from core/core_renderer.php. This should be move to core at some point.
+
+
+=== 3.4 ===
+* For improved accessibility, the footer links for ilb have been changed to use $bg-inverse-link-color (defaults to white) and
+  now have an underline text-decoration. To override the link colour simply set $bg-inverse-link-color in your preset file or
+  theme scss.
+* To match the new primary colour we are switching to using the UX pallette, which uses a purple colour for info. To override,
+  set $brand-info in your preset file or theme scss.
diff --git a/version.php b/version.php
index 5134c90..aa4507a 100644
--- a/version.php
+++ b/version.php
@@ -1,20 +1,29 @@
 <?php
-// Every file should have GPL and copyright in the header - we skip it in tutorials but you should not skip it for real.
- 
-// This line protects the file from being accessed by a URL directly.                                                               
-defined('MOODLE_INTERNAL') || die();                                                                                                
- 
-// This is the version of the plugin.                                                                                               
-$plugin->version = '2018090402';
+// This file is part of Moodle - http://moodle.org/
+//
+// Moodle is free software: you can redistribute it and/or modify
+// it under the terms of the GNU General Public License as published by
+// the Free Software Foundation, either version 3 of the License, or
+// (at your option) any later version.
+//
+// Moodle is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU General Public License for more details.
+//
+// You should have received a copy of the GNU General Public License
+// along with Moodle.  If not, see <http://www.gnu.org/licenses/>.
 
-// This is the version of Moodle this plugin requires.                                                                              
-$plugin->requires = '2017110800';                                                                                                   
- 
-// This is the component name of the plugin - it always starts with 'theme_'                                                        
-// for themes and should be the same as the name of the folder.                                                                     
-$plugin->component = 'theme_ilb';                                                                                                 
- 
-// This is a list of plugins, this plugin depends on (and their versions).                                                          
-$plugin->dependencies = [                                                                                                           
-    'theme_boost' => '2017111300'                                                                                                   
-];
+/**
+ * Ilb.
+ *
+ * @package    theme_ilb
+ * @copyright  2016 Frédéric Massart
+ * @license    http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
+ */
+
+defined('MOODLE_INTERNAL') || die();
+
+$plugin->version   = 2019050200;
+$plugin->requires  = 2018112800;
+$plugin->component = 'theme_ilb';